/* TABLE DES MATIÈRES:
	- Générale (body, html, h1, h2, ...)
	- Conteneur
	- Menu
	- Pieds de page
	- Textes
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#main{
	background:#FFF;
	margin:12px 0 12px 0;
	padding:0;
	text-align:center;
}
html{
	/* Garder 3 fontes seulement */
	font-family: Arial, Verdana, Tahoma;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a{margin:0; padding:0; border:0;}

h1{font-size: 12px;color: #FAEDF0;background: #A4001D;padding:10px;margin-bottom:5px;}
h2{font-size: 12px; color: #FFF;}
h2 em{padding-left:2px;font-style: normal;color:#A4001D;}
h2 a{color:#fff;text-decoration: none;}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto 0 auto;
	width:858px;
	text-align:left;
	background: url(gx/m/conteneur_bg.gif) repeat-y;
}
#menuSous{width:858px;padding-bottom:10px;display:block;}

#contenu{width:858px;}
#contenuPage{width:833px;margin-left:10px;text-align: left;}

#colGauche{width:397px;	float:left;}
#colDroite{width:426px;	float:right; text-align: right;}
#boiteInfo{width: 397px; height: 78px; margin-top:9px; background: url(gx/m/boiteInfo_bg.gif) no-repeat; display: block;}
#btnJardins{height:86px;background: url(gx/btn_Jardins.jpg) no-repeat;padding:20px 200px 0 50px;text-align:right;}
#btnJardins p{font-size:14px;font-weight:bold;}
#btnJardins a, #btnJardins a:link, #btnJardins a:visited{text-decoration:none;}
/* TABLEAU DES RÉSULTATS
--------------------------------------------------------------------------------------- */
table.resultCol td{vertical-align: top;}
table.resultCol td.detail{text-align:left;}
table.resultCol td.detail h4{text-align:left; font-size: 11px; color: #FFF; padding: 2px 0 2px 0; margin: 0 0 10px 0; }
table.resultCol td.gap{width: 40px;	height: 20px;}

/* MENU SECONDAIRE (Haut)
--------------------------------------------------------------------------------------- */
#menuSec{width:858px; background-color: #FFF; text-align: right;}
#menuSec em{color:#A4001D;font-style: normal;}
#menuSec a, #menuSec a:link, #menuSec a:visited{color:#999; font-size: 10px; text-decoration: none; padding-right: 25px;}
#menuSec a:hover, #menuSec a:visited:hover{color:#000; font-size: 10px; text-decoration: none;}

/* MENU
--------------------------------------------------------------------------------------- */
#menu{width:858px;height:56px; padding:0; margin:0;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#basPage{margin: 5px auto 0 auto;width:707px;text-align:center;}

#piedPage{color: #CCCCCC;font-size: 10px;padding: 0;text-align:center;}
#piedPage a{color: #CCCCCC; text-decoration: none;}
#piedPage a:hover{color:#999; text-decoration: none; }
#piedPage #copyrights{ float: left; margin: 0; text-align: center;}
#piedPage #copyrights a{ font-weight: bold; }
#piedPage #copyrights #lienCopyrights{ font-weight: normal;text-decoration: none;color: #CCCCCC;}
#piedPage #copyrights #lienCopyrights:hover{ font-weight: normal;text-decoration: underline;color: #CCCCCC;}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 12px; line-height: 150%; color: #FFF;}
p strong{font-size: 14px; }
p em{font-style:normal; color:#A4001D;font-weight:bold}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color:#A4001D; text-decoration: underline;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{color:#FFF; text-decoration:underline;}
ul li{font-size:12px; line-height:150%;  color:#FFF;list-style:square;margin-left:16px;}
ol li{font-size:12px; line-height:150%; color:#FFF; }

a.lienRSS{background: url(Gx/xml.gif) no-repeat left; padding:5px 0 5px 30px;}
a.lienMov{ line-height:55px;}

h1 a{ color:#fff; text-decoration:none; display:block;}
h1.categorie { margin-left:15px; width:360px;  }



/* LIGHTBOX CONTROL 
--------------------------------------------------------------------------------------- */
#lightbox{padding:20px 20px 5px 20px;}
#lightboxDetails{padding-top:5px;}	
#lightboxCaption{float:left; color:#fff; font-size:12px;font-weight:bold;}
#keyboardMsg{float:right;}
#keyboardMsg a{color:#fff; font-size:11px; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold;}
#lightbox img{border:10px solid #FFF;}
div#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#lightbox{ background:#333;} /* couleur du contour popup */
#overlay{background-color: #666666;} /* couleur du fond tranparent */


/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin-bottom:0; padding: 0; border:0;font-size: 11px;}
fieldset legend{font-size: 14px; font-weight: bold; color:#000; padding:3px;border: 1px solid #999;}
fieldset label{font-size: 11px; color:#FFF;margin:2px 0 0;}

.champTexte{	
	color: #666;
	border: 1px solid #999;
	background: #FFF;
	font-size: 11px;
	margin:2px 0 2px;
}
.boutonRadio{
	color: #4E677A;
	background: #EEF3F7;
	font-size: 11px;
}
.listeDeroulante{
	color: #666;
	border: 1px solid #999;
	background: #FFF;
	font-size: 11px;
	margin:2px 0 2px;
}
.boiteTexte{
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #4E677A;
	border: 1px solid #C9D0D6;
	background: #EEF3F7;
	margin:2px 0 2px;
}
.bouton{
	margin-top:10px;
	font-family: Arial;
	background-color: #FFF;
	color: #999;
	font-size: 11px;
	font-weight: bold;
}
.boutonImage{
	border:0px;
}
.caseaCocher{
	border: none;
}
.erreur{
	font-size: 11px;
	color: #FF0000;
}