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

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body{behavior:url("inc/csshover.htc");}
body#index{background-color:#FFF; margin:20px 0 0 0; padding:0; text-align:center;}
body#main{background: #FFF url(gx/m/conteneur_bg.jpg) top center no-repeat; margin:40px 0 0 0; padding:0;	text-align:center;}
 /* LOUIS GARNEAU */
body#mainCollection_3{background: #b3d6de;margin:40px 0 0 0; padding:0;	text-align:center;}
 /* Gusti Piumate */
body#mainCollection_5{background: #eaf7fd;margin:40px 0 0 0; padding:0;	text-align:center;}
/* Toute la section Entrprise */
body#mainPage_02{background: #ededed url(gx/m/Page02_bg.gif) top center repeat-y;	margin:40px 0 0 0; padding:0;	text-align:center;}

html{color:#717172; font-size:11px; font-family:"Trebuchet MS", Arial, Tahoma;}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

h1{color: #be1527;font-size:26px;padding:0 0 10px 0;}
h2{color: #3e85b1;font-size: 18px;}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#index #conteneur{margin: 0 auto 0 auto;text-align:left;width:881px;}
#main #conteneur, #mainCollection_3 #conteneur, #mainCollection_5 #conteneur, #mainPage_02 #conteneur{margin: 0 auto 0 auto;text-align:left;width:765px;}
#haut{display:block;float:left;width:765px;}
#contenu{display:block;float:right;width:731px;}
#contenuPage{float:right;width:730px;}

/* MENU
--------------------------------------------------------------------------------------- */
#menu{float:right;width:475px;}
#menu ul{margin:0;padding:0;float:right;}
#menu ul li{padding:0;margin:0;list-style-type:none;display:block;float:left;position:relative;z-index:999;}
#menu ul li a, #menu ul li a:link{color:#3e85b1;display:block;float:left;font-size:12px;font-weight:bold;line-height:12px;padding:5px 20px 5px 0;text-decoration:none;border:0;}
#menu ul li a:hover, #menu ul li a:visited:hover{color: #309acb;}
#menu ul li a.actif, #menu ul li a.actif:visited{color:#be1527;}

#menu ul li ul{position:absolute;display: none;top:22px;left:0;}
#menu ul ul.SM01{width: 130px;}
#menu ul ul.SM02{width: 150px;}

#menu ul li:hover ul, #menu ul li.hover ul{display: block;}
#menu ul li ul li{position: relative;}
#menu ul ul a, #menu ul ul a:link, #menu ul ul a:visited{
	border-left:1px solid #be1527;
	color:#3e85b1;
	font:11px Arial;
	font-weight:bold;
	text-decoration:none;
	display:block;
	float:left;
	padding: 2px 4px 2px 8px;
}
#menu ul ul.SM01 a, #menu ul ul.SM01 a:link, #menu ul ul.SM01 a:visited{width: 121px;_width: 120px;}
#menu ul ul.SM02 a, #menu ul ul.SM02 a:link, #menu ul ul.SM02 a:visited{width: 150px;_width: 120px;}
#menu ul ul a:hover, #menu ul ul a:visited:hover{color: #be1527;background:none;}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 12px; line-height: 150%; color: #0e0e0e;}
p strong{color: #3e85b1;font-size:13px;}
p a, p a:link, p a:visited, p ul li a, p ul li a:link, p ul li a:visited, p ol li a, p ol li a:link, p ol li a:link{color:#0A254E; text-decoration:none; border-bottom:1px dotted #333;}
p a:hover, p a:visited:hover, p ul li a:hover, p ul li a:visited:hover, p ol li a:hover, p ol li a:visited:hover{color:#be1527; text-decoration:none;border-bottom:1px dotted #be1527;}

ul li{font-size:12px; line-height:180%; color:#0e0e0e; list-style:square; margin-left:16px;}
ol li{font-size:12px; line-height:180%; color:#0e0e0e; margin-left:16px;}

ul li a, ul li a:link, ul li a:visited{color:#0A254E; text-decoration:none; border-bottom:1px dotted #333;}
ul li a:hover, ul li a:visited:hover{color:#be1527; text-decoration:none;border-bottom:1px dotted #be1527;}

/* 
p:first-letter{color:green; font-size:200%; text-transform:uppercase;}
sup{position:relative; bottom:0.3em; vertical-align:baseline;}
sub{position:relative; bottom:-0.2em; vertical-align:baseline;}
*/

.lienRSS{background: url(Gx/rss.gif) no-repeat left;padding:5px 0 5px 20px;}
.lienPDF{background: url(Gx/icone_PDF.gif) no-repeat left; padding:5px 0 5px 20px;}

.tableResultat{width: 731px;}
.tableResultat th{background:#3e85b1;padding:2px 2px 2px 4px;color:#FFF;font-size:14px;text-align:left;}
.tableResultat td{padding:2px;font-size:12px;border-bottom:1px solid #e3eef4;}
.tableResultat td strong{color: #3e85b1;font-size:13px;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#3e85b1; font-size:11px; height:50px; padding:0;}
#piedPage a{color:#3e85b1; text-decoration:none;}
#piedPage a:hover{color:#cf272f;text-decoration:underline;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin-bottom:10px; 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: 12px; color:#0e0e0e;margin:2px 0 2px 0}

.champTexte{background: #e3eef4;	border: 1px solid #ccdee8;	color: #3e85b1; font-size: 19px;	height: 26px; margin:2px 0 2px 0;padding:2px;}
.listeDeroulante{background: #EEF3F7;border: 1px solid #C9D0D6;color: #4E677A;font-size: 11px;margin:2px 0 2px 0;}
.boiteTexte{background: #EEF3F7; border: 1px solid #C9D0D6;color: #4E677A;font-family: "Trebuchet MS";font-size: 11px;margin:2px 0 2px 0;}
.bouton{background-color: #3e85b1;color: #fff;font-family: "Trebuchet MS";font-size: 16px;font-weight: bold;height: 30px;text-align:center;}
.bouton:hover{background-color: #cf272f;} /* FF seulement */

.boutonRadio{background: #EEF3F7;color: #4E677A;font-size: 11px;}
.caseaCocher{border: none;}
.erreur{color: #FF0000;}

/* CONCOURS
--------------------------------------------------------------------------------------- */
body#concours{
	background-color: #fff;
	text-align: center;
}
div#conteneur_header{
	position:relative;
	width: 746px;
	margin: 0 auto;
	background-color: black;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

div#conteneur_concours{
	width: 746px;
	margin: 0 auto;
	background-color: #e5ebef;
	padding: 0px 0px 50px 0px;
}
div#conteneur_concours div.text{
	padding: 400px 0px 25px 0px;
	margin: 0 auto;
	width: 700px;
}
div#conteneur_concours div.text h4{
	font-family: arial, verdana, sans-serif;
	font-size: 16px;
	color: #006aa4;
	font-weight: bold;
	line-height: auto;
	text-decoration: none;
	text-align: center;
}
div#conteneur_concours div.text h5{
	font-family: arial, verdana, sans-serif;
	font-size: 18px;
	color: #006aa4;
	font-weight: bold;
	line-height: auto;
	text-decoration: none;
	text-align: center;
}
div#conteneur_concours div.text h6{
	font-family: arial, verdana, sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	line-height: auto;
	text-decoration: none;
	text-align: center;
}
div#conteneur_concours div.text p{
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	line-height: auto;
	text-decoration: none;
	text-align: left;
}
div#conteneur_concours div.text p span{
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	line-height: auto;
	text-decoration: none;
	text-align: left;
}
div#conteneur_concours div.text p.blueText{
	font-family: arial, verdana, sans-serif;
	font-size: 14px;
	color: #006aa4;
	font-weight: bold;
	line-height: auto;
	text-decoration: none;
	text-align: center;
}