/* TABLE DES MATIÈRES:
	- Générale (body, html, h1, h2, ...)
	- Conteneur
	- Menu
	- Pieds de page
	- Textes
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#index{
	/*background: #FFF url(gx/bg.gif) repeat-x;*/
	margin: 0;
	padding: 0;
	text-align:center;


}
body#main{
	background: #586933;
	margin: 0;
	padding: 0;
	text-align:center;
}



html{
	/* Garder 3 fontes seulement */
	font-family: Arial, Verdana, Georgia;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a{margin:0; padding:0; border:0;}

h1{
	font-size: 16px;
	color: #b93e33;
	font-family: Arial;
	font-weight: bold;
	width:435px;
	}

h2{
	font-size: 12px;
	color: #525252;
	font-family: Arial;

}
h3{
	font-family: Tahoma;
	font-size:9px;
	font-weight: normal;
   text-transform: uppercase;
	color: #2E8B57;
	text-align: left;
}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto;
	background-color: #ffffff;
	width:800px;
	text-align:left;
}
#conteneurIndex{
	/*padding: 55px 0 0 410px;*/
	
	margin: 0 auto;
	width:800px;
	text-align:left;
	background: #ffffff url(gx/bg_index.gif) no-repeat;
	
}
#header{
	background: #c3c1c2;
	width:800px;
	height:90px;
}


/* MENU
--------------------------------------------------------------------------------------- */
#menu{height: 25px;background: #818085 ; margin-top:2px;}
#menu ul{padding:0px 0 0 0; margin:0 0 0 0px; }
#menu ul li{display:block;float: left; list-style-type:none;color: #FFF; }
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	 /*height: 22px;*/
	text-align: center;
	font-size: 11px;
	color: #FFF;width:132px;_width:133px;
	text-decoration: none;
	font-weight: NORMAL;
	padding: 7px 0px 4px 0px;
	/*padding-top:4px;*/
	text-align: center;
	display:block;
	border-right: solid 1px #ffffff;
}
#menu ul li a:hover, #menu ul li a:visited:hover{
	background-color: #b93e33;
}
#menu ul li a.actif, #menu ul li a.actif:visited{
	background-color: #b93e33;
}

#menu2{
	height:25px; padding:0; margin-top:1px;
 	
	background-color: #bdbdbf;
	border-top: solid 1px #cccccc;
	border-bottom: solid 3px #ffffff;
	
	color: #58575B;
}
#menu2 ul{padding:0; margin:0 0 0 28px;font-size: 11px; }
#menu2 ul li{padding:0; margin:0; display:inline; list-style-type:none;}
#menu2 ul li a{
	line-height: 25px;
	
	color: #58575B;
	text-decoration: none;
	font-weight: normal;
	padding: 0px 10px 0px 8px;
	background-color: transparent;

}


#menuLateral{
	float: left;display: block;
	background: #ffffff url(gx/bg_menuLateral.gif) repeat-x; 
	padding:15px 8px 0 8px;

	width: 140px;_width:156px;
	/*border-right: solid 1px #e5e5e5;*/

	min-height: 430px;
	_height:430px;
}


#menuLateral ul{padding:0; margin:0px;}
#menuLateral ul li{min-height:40px;height:100%;_height:40px;position:relative;border-bottom:#bfbfbe solid 2px;vertical-align: middle;display:block; list-style-type:none;}
#menuLateral ul li a, #menuLateral ul li a:link, #menuLateral ul li a:visited{
	height:26px;_height:38px;line-height: 12px;
	font-size: 10px;color: #b93e33; 
	text-decoration: none;display:block;font-weight: normal;
	padding-left:8px;
	display:block;
	margin: 2px 0 ;
	padding-top:12px;
}
#menuLateral ul li a:hover, #menuLateral ul li a:visited:hover{
	color: #ececec;
	background-color: #bbbaba;
}
#menuLateral ul li a.actif, #menuLateral ul li a.actif:visited{
	color: #ececec;
	background-color: #989898;
}


/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{background-color:#ffffff;color: #ccc;height: 30px;font-family: Tahoma;font-size: 10px;padding:0;}
#piedPage div.lignePiedPage{border-top:1px solid #cbcbcb;width:780px;height:1px;margin-left:10px;}
#piedPage a{ FONT-weight:bold;font-size:10px;color: #000; text-decoration: none;}
#piedPage a:hover{ color: #000; text-decoration: underline;}
#piedPage #copyrights{ float: right; margin: 3px 10px 0 0; text-align: right;}
#piedPage #copyrights a{ font-weight: bold; }
#piedPage #copyrights #lienCopyrights{ font-weight: normal;text-decoration: none;color: #555;}
#piedPage #copyrights #lienCopyrights:hover{ font-weight: normal;text-decoration: underline;color: #555;}

/* TEXTES
--------------------------------------------------------------------------------------- */
#contenu{
	float:left;
	display:block;
	padding-left:40px;
	padding-top:40px;
	width:604px;_width:644px;
	background-color:#FFFFFF;
	min-height:450px;
	height:100%;_height:450px;
	/*border-right: solid 1px #e5e5e5;*/
}
p{font-size: 13px; line-height: 150%; color: #403f3f;width:425px; text-align: justify;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #4E677A; text-decoration: none;}
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:#FFFFFF; text-decoration:none; background-color: #4E677A;
}

.alphaLexique{
	margin-bottom:25px;
}
.alphaLexique a{margin-left:4px;font-size:13px;text-decoration:none;color: #717172;}
.alphaLexique a:hover{ color:#b93e33; }



#index p.texteIndex{
	font-size: 11px;
	color:#b93e33;
	width:275px;
   text-align: justify;
	line-height: 110%;
	margin: 0 0 0 450px;

	font-family: Arial;
}
#index a.choixLangue{
	color: #FFFFFF;
	background: #b93e33 url(gx/bg_link_index.gif) no-repeat;
	text-decoration:none;
	float:right;
	display: block;
	width:85px;
	height: 15px;	
	padding: 2px 0 0 25px;
	font-size: 12px;
}

div ul#listAlpha{
	display:block;float:left;
}
div ul#listAlpha li{
	width:100px;_width:130px;font-size:16px;background: url(gx/bullet4.gif) no-repeat 0 5px; 

}
div ul#listLexique{
	display:block;float:left;width:200px;
}
div ul#listLexique li{
	width:100%;background: url(gx/bullet3.gif) no-repeat 0 2px; text-align:left;

}
div ul#listLexique li a:hover{
	color:#b93e33; 

}

#contenu ul, ol{
	margin-left:0px;color: #292828;display:block;
	

}
#contenu ul li{
	width:405px;_width:425px;
	font-size:13px; 
	line-height:115%; 
	background: url(gx/bullet1.gif) no-repeat 0 2px; 
	list-style: none;
	margin-bottom:10px;
	text-align: justify;
	padding-left:20px;
	
	
}
#contenu ul li ul{
	margin-top:10px;
}
#contenu ul li ul li {
	background: url(gx/bullet2.gif) no-repeat 0px 3px; 
	list-style: none;
	line-height:110%;
	width:385px;_width:405px;
}
#contenu ul li a,#contenu ul li a:link,#contenu ul li a:visited{
	text-decoration:none;
	color:#403f3f;
	background-color: transparent;
}
#contenu ul li a:hover,#contenu ul li a:visited:hover{color:#b93e33;	background-color: transparent;}

#contenu ol li{ list-style: decimal; background: none;
	margin-left:20px; padding-left:0px;font-size:13px; 
}

.textePetit{font-size:10px; color:#1F1F1F;}
.textePetit a, .textePetit a:link, .textePetit a:visited{font-size:10px; color:#1F1F1F;}
.textePetit a:hover, .textePetit a:visited:hover{font-size:10px; color:#1F1F1F;}

/* p:first-letter{color:green; font-size:200%; text-transform:uppercase;} */

.lienRSS{
	background: url(Gx/rss.gif) no-repeat left;
	padding:5px 0 5px 20px;
}
.icone {
	text-decoration:none;
	margin-bottom:3px;
}
.icone img{
	border:0px;
		
} 
/*  TABLEAU
--------------------------------------------------------------------------------------- */
#tableContact{
	font-size: 11px; line-height: 150%; color: #717172; 
}

#tableContact tr{
	
}

#tableContact td{
	width:250px; padding: 0px 5px 10px 5px;border-right: 1px solid #C9D0D6; vertical-align: top;
}

#lienCourriel, #lienCourriel:link, #lienCourriel:visited{color: #4E677A; text-decoration: none;}
#lienCourriel:hover, #lienCourriel:visited:hover{color:#4E677A; text-decoration:underline; background-color: transparent;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin-bottom:10px; padding: 5px; border:1px solid #000;font-size: 11px;}
fieldset legend{font-size: 14px; font-weight: bold; color:#000; padding:3px;border: 1px solid #999;}
fieldset label{font-size: 12px; color:#000;margin:2px 0 2px;}

.champTexte{	
	color: #4E677A;
	border: 1px solid #C9D0D6;
	background: #FFFFFF;
	font-size: 11px;
	margin:2px 0 2px;
}
.recherche{	
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	top:4px;_top:0px;
	left: 18px;
	color: #4E677A;
	border: none;
   background-color: transparent;
	/*background: #FFFFFF url(gx/bullet1.gif) no-repeat 3px;*/
	font-size: 10px;
	height: 20px; line-height:20px;
	

	width:85px; 
}
.boutonRecherche{	
	
	color: #4E677A;
	border: 1px solid #b93e33;
	border-right:none;
	background: #FFFFFF url(gx/bullet1.gif) no-repeat 3px;
	font-size: 9px;
	height: 20px; line-height:20px;
	_margin-bottom:2px;
	_padding-left:5px;
	width:17px;

	cursor: pointer;
}
.boutonRadio{
	color: #4E677A;
	background: #EEF3F7;
	font-size: 11px;
}
.listeDeroulante{
	color: #4E677A;
	border: 1px solid #C9D0D6;
	background: #EEF3F7;
	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:2px 0 2px;
	background-color: #EEF3F7;
	color: #737373;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #C9D0D6;
}
.boutonImage{
	border:0px;
}
.caseaCocher{
	border: none;
}
.erreur{
	font-size: 11px;
	color: #FF0000;
}

