#site_header
{
	font-size:90%;
	font-family:'Trebuchet MS';
	font-weight:bold;
	background-image:url(mountains.jpg);
	text-align:left;
	position:absolute;
	height:300px;
	width:98%;
	border:#660000 2px solid;
	left:1%;
	top:0;
}

#site_header #stab
{
	height:275px;
	margin-bottom:20px;
}

#site_header #site_name
{
	height:50px;
	margin-bottom:0px;
	background-image:url(motsreveurstxt.gif);
	background-repeat:no-repeat;
	background-position:center;
}

#site_header #webzine
{
	position:absolute;
	left:75%;
	bottom:30px;
	width:25%;
	text-align:center;
}

#site_header #ecard_2
{
	position:absolute;
	left:50%;
	bottom:30px;
	width:25%;
	text-align:center;
}

#site_header #ecard_1
{
	position:absolute;
	left:25%;
	bottom:30px;
	width:25%;
	text-align:center;
}

#site_header #header_links
{
	position:absolute;
	bottom:30px;
	padding-left:2%;
}

/*les liens en haut de page .*/
header a,#site_header a{
font-family:'Trebuchet MS';
 color:#000000;
text-decoration:none;
}

/*liens en haut de page au survol . */
header a:hover,#site_header a:hover{
font-family:'Trebuchet MS';
color:#000099;
text-decoration:underline;
}











/* le haut de page (à utiliser sur le tableau pas sur les cellules ni-le reste)*/
.header {
font-family:'Trebuchet Sans MS';
font-weight: bold;
font-size:90%;
text-decoration:none;
color:#000099;
background-image: url(mountains.jpg);
width:100%;
text-align:center;

border:2px solid;
border-color:#660000;
}

.header2 {
font-family:'Trebuchet Sans MS';
font-weight: bold;
font-size:90%;
text-decoration:none;
color:#000099;
/*background-image: url(mountains.jpg);*/
width:100%;
text-align:center;

/*border:2px solid;
border-color:#660000;*/
}


/*les liens en haut de page */
.header a, .header2 a{
font-family:'Trebuchet Sans MS';
font-weight:bold;
/*font-size:0.8em;pas besoin de redefinir la taille*/ 
color:#000000;
text-decoration:none;
}

/*liens en haut de page au survol*/
.header a:hover, .header2 a:hover{
font-family:'Trebuchet Sans MS';
font-weight:bold;
/*font-size:90%;*/
color:#000099;
text-decoration:underline;
}

/* titre les mots reveurs */
.header h1, .header2 h1
{
font-family:'Trebuchet Sans MS';
font-weight:bold;
font-size:160%;/*180%*/
color:#000000;
display:inline;
text-align:center;
}

/* propriètés des cellules du menu principal*/
.header td, .header2 td {
padding:10px;
}

/* le "body" */
body{
font-weight:bold;
background-image: url(fond.jpg);
/*background-attachment:fixed; pas forcement efficace*/
}

.body2{
font-weight:bold;
background-image: url(mountains.jpg);
/*background-attachment:fixed; pas forcement efficace*/
}

/*style des images*/
img{
border:none;
}

/* style des menus lateraux (menu poèmes, menu cartes etc...)*/
.menu{
font-family:'Trebuchet Sans MS';
font-size:90%;
font-weight:bold;
color:#000099;
text-align:center;
background-image:url(mountains.jpg);
width:25%;
float: right;
padding-left:15px;
padding-top:15px;
padding-bottom:15px;
margin-bottom:20px;
border:2px solid;
border-color:#660000;

margin-left:30px;
margin-top:80px;

/*height:100%;*/
}

/* les liens dans le menu*/
.menu a{
font-family:'Trebuchet Sans MS';
font-weight:bold;
color:#000000;
text-decoration:none;
}

/*les liens du menu au survol*/
.menu a:hover{
font-family:'Trebuchet Sans MS';
font-weight:bold;
color:#000099;
text-decoration:underline;
}

/*le gros de la page c'est la partie gauche (quand il y a un menu), c'est là que se trouveront les textes et les poemes.*/
.base{
font-family:'Trebuchet Sans MS';
font-size:90%;
font-weight:bold;
color:#440000;
text-align:left;
padding:20px;
padding-left:40px;
padding-top:0px;
padding-right:28%;
margin-top:300px;

/*border:1px solid;*/
}

.base2{/*a utilser hors base*/
font-family:'Trebuchet Sans MS';
font-size:90%;
font-weight:bold;
color:#440000;
text-align:left;
padding:20px;
padding-left:40px;
padding-top:0px;
padding-right:28%;


/*border:1px solid;*/
}

/*base en version large (div)*/
.base_l{
font-family:'Trebuchet Sans MS';
font-size:90%;
font-weight:bold;
color:#440000;
text-align:left;
padding:20px;
padding-left:40px;
padding-top:0px;
padding-right:40px;
/*padding-right:28%;*/
margin-top:300px;

/*border:1px solid;*/
}

/*base en version large (div)*/
.base_l2{
font-family:'Trebuchet Sans MS';
font-size:90%;
font-weight:bold;
color:#440000;
text-align:left;
padding:20px;
padding-left:40px;
padding-top:0px;
padding-right:40px;
/*padding-right:28%;*/
/*margin-top:300px;*/

/*border:1px solid;*/
}

/*le tableau du titre avec les images de chaque côté*/
.tab_titre{
margin-bottom:15px;
}

.td_titre{
width:100%;
text-align:center;
}

/*le cadre de l'image selectionée (c'est un table dans un <center>)*/
.cadre{
background-image:url(mountains.jpg);
border:2px solid;
border-color:#660000;
text-align:center;
padding:3px;
margin-bottom:15px;
}

.cadre2{
background-image:url(fond.jpg);
border:2px solid;
border-color:#660000;
text-align:center;
padding:3px;
margin-bottom:15px;
}

/*le formulaire des cartes*/
.formulaire{
font-family:'Trebuchet Sans MS';
color:#000099;
width:80%;
background-image:url(mountains.jpg);
border:2px solid;
border-color:#660000;
padding:15px;
text-align:left;
}

/*le tableau où apparaissent les champs nom et mail (table)
répartir en 4 <td>

*/
.user{
font-family:'Trebuchet Sans MS';
width:100%;
border:none;
border-collapse:collapse;
margin-bottom:10px;
}

.user td{
font-family:'Trebuchet Sans MS';
font-weight:bold;
font-size:90%;
color:#000099;
width:20%;
text-align:left;
padding:5px;
padding-bottom:20px;
}

/*la cellule des smileys*/
.smiley{
font-family:'Trebuchet Sans MS';
font-weight:bold;
color:#440000;
/*font-size:90%;*/
padding-bottom:15px;
/*margin-left:10%;
margin-right:10%;*/

margin-left:auto;
margin-right:auto;


margin-bottom:20px;
height:100px;
width:80%;
overflow:auto;

background-image:url(fond.jpg);
border:1px solid;
border-color:#660000;
}

.smiley img{

padding:2px;
cursor:pointer;
}
/*////////////////////////////////////////////////////////*/
/* les titres des pages*/
.base h1
{
font-family:'Trebuchet Sans MS';
font-size:150%;
font-weight:normal;
text-align:center;
color:#440000;

/*border-bottom:1px solid;*/
/*border-top:1px solid;*/
/*border-color:#660000;*/
}

/*le style des paragraphes et des longs textes*/
.base p, .base_l p, .base2 p,.base_l2 p{
font-family:'Trebuchet Sans MS';
color:#440000;
padding-left:30px;
display:inline;
}

/*.base .p2, .base_l .p2{
font-family:'Trebuchet Sans MS';
font-size:90%;
font-weight:bold;
text-align:center;
color:#440000;
padding-left:0px;
display:inline;
}*/


/*les liens dans le corps de la page*/
.base a, .base_l a,.base_l2 a, .base2 a{
font-family:'Trebuchet Sans MS';
color:#000078;
text-decoration:none;
}

/*les liens dans le corps au survol*/
.base a:hover, .base_l a:hover,.base_l2 a:hover, .base2 a:hover,{
font-family:'Trebuchet Sans MS';
color:#000078;
text-decoration:underline;
}

/*les poemes (dans base, il s'agi d'une div)*/
.base .poeme, .base2 .poeme{
font-face:Comic Sans MS;
color:#440000;
padding-top:40px;
/*padding-left:35%;important!*/ /*25% est bon pour ie | 35% est bon pour fofox*/

/*padding-left:25%;*/
text-align:center;/* finalement c'est mieux comme ça*/
margin-bottom:1%;
}

/*les cartes ( tableau des miniatures, c'est une div)*/
.base .cartes, .base2 .cartes{
font-family:'Trebuchet Sans MS';
color:#000099;
background-image:url(mountains.jpg);
/*width:70%;*/
border:2px solid;
border-color:#660000;
text-align:center;
}

/* tous les textes au niveau des menu cartes doivent être placés dans une div( on la ferme après le texte)*/
.cartes .tc{
font-face:Comic Sans MS;
color:#000099;
padding-top:15px;
text-align:center;

}

.base .cartes a, .base2 .cartes a{
font-face:Comic Sans MS;
color:#000000;
text-decoration:none;
}

.base .cartes a:hover, .base2 .cartes a:hover{
font-face:Comic Sans MS;
color:#000000;
text-decoration:underline;
}

/*style des miniature des cartes*/
.cartes img{
texte-decoration:none;
border:none;
margin:25px;
margin-top:12.5px;
margin-bottom:12.5px;
}

/*input type text (champs mail)*/
.base .champ, .base_l .champ,.base_l2 .champ,.base2 .champ{
font-face:Comic Sans MS;
font-weight:bold;
text-align:left;
color:#440000;
border-color:#660000;
background-color:#ffffff;
background-image:none;
}

/*input tupe text (champ mail etc...) au focus/selection (ne marche pas sur ie*/
.base .champ:focus, .base_l .champ:focus,.base_l2.champ:focus,.base2 .champ:focus {
font-face:Comic Sans MS;
font-weight:bold;
text-align:left;
color:#440000;
border-color:#660000;
}

/*les bouton*/
input{
font-face:Comic Sans MS;
font-weight:bold;
color:#000000;
text-align:center;
background-image:url(mountains.jpg);
}

/*les champs pour les messages sur le livre d'or et les messages des Ecards
a mettre dans une div de classe blocker sinon changement de taille à la selection*/

textarea{
font-face:Comic Sans MS;
font-weight:bold;
color:#440000;
border-color:#660000;
width:100%;
height:150px;
}

/*bloqueur de textarea*/

.blocker{
width:80%;
text-align:center;
/*margin-left:10%;*/
margin-left:auto;
margin-right:auto;
}

.msg_border{
background-image:url(mountains.jpg);
padding:20px;
border:2px solid;
border-color:#660000;
min-width:400px;
max-width:80%;
margin-right:10%;
margin-left:10%;

}

/*.msg_lire{

/*background-image:url(fond.jpg);*/
/*border:1px solid;
border-color:#660000;
/*width:60%;*/
/*padding:20px;
min-height:100px;

min-width:400px;
max-width:70%;
margin-right:10%;
margin-left:10%;
}*/

/*.msg_lire2{

background-image:url(fond.jpg);
border:1px solid;
border-color:#660000;
/*width:60%;*/
/*padding:20px;
min-height:100px;

min-width:400px;
max-width:70%;
margin-right:10%;
margin-left:10%;
}*/


textarea:focus{
font-face:Comic Sans MS;
font-weight:bold;
color:#440000;
border-color:#660000;
width:100%;
height:150px;
}

/*on attaque le gros morceau le script d'Ecards (perso.php)
cette fois on n'utilise pas de base donc on reprend tout de A a Z.

ce truc remplace la base donc ça prend TOUTE la page dispo en largeur et hauteur.
*/
.perso{
font-family:'Trebuchet Sans MS';
font-size:90%;
font-weight:bold;
color:#000099;
width:100%;
background-image:url(mountains.jpg);
}

/*le formulaire des cartes*/
.formulaire{
font-family:'Trebuchet Sans MS';
color:#000099;
width:80%;
background-image:url(mountains.jpg);
border:2px solid;
border-color:#660000;
padding:15px;
text-align:left;
}

/*le systeme de commentaires*/

/*la balise div masquée qui englobe out les commentaires

a placer dans base ou base_l
*/
.cadre_com
{
/*display:none; a definir sur la page elle-même sinon pb avec javascript pour l'apparition*/
/*width:92%;*/
min-width:300px;
margin-left:5%;
margin-right:5%;
/*background-image:url(mountains.jpg);*/
/*padding:15px;*/
/*border:2px solid;*/
border-color:#660000;
margin-top:15px;
}

/*div qui contient les commentaires*/
.commentaires
{
border:1px solid;
border-color:#660000;
padding:15px;
text-align:left;
/*background-image:url(fond.jpg);*/
margin-bottom:15px;

-moz-border-radius: 10px;
border-radius: 10px;
}

/*les infos sur les posteur (a placer dans .commentaires*/
.posteur
{
margin-top:10px;
color:#220000;
font-size:82%;
font-family:'Trebuchet Sans MS';
font-weight:normal;
text-align:right;


}

/*le "faux lien " lire les commentaires (a)*/
.fake
{
cursor:pointer;
}

.fake :hover
{
color:#000078;
text-decoration:underline;
}

/*le "copyright" de création du script et les infos du genre email obligaoitre etc...(div)*/
.copy
{
font-size:90%;
text-align:center;
font-weight:normal;
}



/*le footer*/
.footer{
font-family:'Trebuchet Sans MS';
font-size:90%;
font-weight:bold;
color:#440000;
border-top:2px solid;
border-color:#660000;
/*width:80%;*/


text-align:center;
/*margin-left:10%;
margin-right:10%;
padding-top:10px;*/
}

/*les liens du footer*/
.footer a{
font-family:'Trebuchet Sans MS';
/*font-size:79%;*/
font-weight:normal;
color:#000000;
text-decoration:none;
}

/*les liens du footer au survol*/
.footer a:hover{
font-family:'Trebuchet Sans MS';
/*font-size:79%;*/
font-weight:normal;
color:#000000;
text-decoration:underline;
}




.span2, .base_l .span2,.base_l2 .span2
{
font-size:90%;
font-family:'Trebuchet Sans MS';
color:#000000;
font-weight:normal;
display:inline;
}

.span2 a, .base_l .span2 a,.base_l2 .span2 a
{
color:#000099;
text-decoration:none;
}

.span3, .base_l .span3
{
/*font-size:90%;*/
font-family:'Trebuchet Sans MS';
color:#000000;
font-weight:normal;
display:inline;
}

.span3 a, .base_l .span3 a,.base_l2 .span3 a
{
color:#000099;
text-decoration:none;
}

.msg_lire2
{
width:60%;
/*margin-left:10%;
margin-right:10%;*/

margin-left:auto;
margin-right:auto;

margin-top:15px;
color:#440000;
padding:15px;
border-left:1px solid;
border-right:1px solid;
border-top:1px dashed;
border-bottom:1px dashed;
border-color:#660000;
font-weight:normal;
text-align:left;

}

.msg_lire2 a
{
color:#000099;
font-weight:normal;
text-decoration:none;
}

.colors
{
width:765px;/*850*/




/*margin-left:5%;
margin-right:5%;*/

margin-left:auto;
margin-right:auto;

}

textarea
{
overflow:scroll;
}

/*							ETUDE DE MARCHE    */

#etude_marche
{
	margin-top:50px;
	padding-top:50px;
	margin-bottom:80px;
}

#etude_marche p
{
	padding-left:10px;
	text-indent:0px;
	margin:10px;
	margin-bottom:20px;
	display:block;
}

#etude_marche input
{
	margin-left:0px;
	/*background-color:transparent;*/
	background-image:none;
}

#etude_marche .champ
{
	background-color:#FFFFFF;
}

#etude_marche fieldset
{
	border-color:#660000;
	margin-bottom:30px;
}

#etude_marche #erreur
{
	/*width:60%;*/
	margin:auto;
	text-align:center;
	padding-left:20%;
	padding-right:20%;
}

#etude_marche #buttonZone
{
	/*width:60%;*/
	/*margin:auto;*/
	height:45px;
	text-align:center;
	padding-left:20%;
	padding-right:20%;
}

#etude_marche legend
{
	color:#660000;
	/*border-color:#660000;
	border-top:1px solid;
	border-bottom:1px solid;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:5px;*/
}

#etude_marche #submit
{
	background-image:url(mountains.jpg);
}

#sondage
{
	text-align:center;
	margin-top:230px;
}

#sondage a
{
	color:#660000;
	font-size:110%;
}