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

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#index{
	/*background: gold;*/
	margin: 0;
	padding: 0;
	text-align:left;
}
body#main{
	background: #282f40;
	margin: 0;
	padding: 0;
	text-align:left;
}
html{
	color: #000;
	font-size: 12px;
	/* Garder 3 fontes seulement */
	font-family: Arial;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	text-align:left;
	width:980px;
	background:white;
	position:absolute;
}
#haut{	
	padding-top:20px;
	margin-left:20px;
	width:940px;
	height:130px;
	/*background:lime;*/
}

#logo{width:148px;height:130px;float:left;}
#baniere{width:792px;height:130px;float:left;}
#contenu{
	background: #f0f1f6 url(gx/contenucorner.gif) no-repeat right top;
	float:left;
	width:472px; _width:512px;
	padding:10px 20px 10px 20px; margin:20px 0 0 20px;
}
#banieredroite{
	top:170px;
	right:20px;
	width:160px;
	/*height:464px;*/
	position:absolute;
}
#banieredroiteOver{
	width:160px;
	height:464px;
	position:absolute;
	z-index:10;
	display:block;
}
#banieredroiteUnder{
	width:160px;
	height:464px;
	position:relative;
	z-index:1;
}

#colGauche{
	margin-top:20px;
	float:left;
	width:248px;
	/*background:silver;*/
}
#colGauche p{font-size:11px;}

#colGauche a,#colGauche a:link, #colGauche a:visited{color:#000;}
#colGauche a:hover{color:#21325c;}

div#path{ font-size: 11px; margin: 0 0 10px 0; }
div#path a, div#path a:link, div#path a:visited{ color: #4564af; } div#path a:hover{ color: #000000; }

div#retour{ font-size: 11px; margin: 20px 0 0 0; float: right; }
div#retour a, div#retour a:link, div#retour a:visited, div#retour a:hover{ color: #4564af; background: url(Gx/M/fleche_haut.gif) no-repeat 0px 4px; padding: 0 0 0 11px; }

div#parent{ font-size: 11px; margin: 20px 0 0 0; float: left; }
div#parent a, div#parent a:link, div#parent a:visited, div#parent a:hover{ color: #4564af; background: url(Gx/M/fleche_retour.gif) no-repeat 0px 4px; padding: 0 0 0 11px; }


div#video{margin:0 0 0 20px;}
/* MENU
--------------------------------------------------------------------------------------- */
#menu{float:left;width:248px; padding:0;/*background:red;*/}
#menu ul{margin:0;padding:0;}
#menu ul li{ background:none; margin:0; padding:0;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	background: url(Gx/m/bullet.gif)  left center no-repeat;
	background-position: 12px 5px;
	padding: 0px 0px 0px 20px;
	color: #4564af;
	font-size: 12px;
	height:14px;
	text-decoration: none;
	list-style-type:none ;
	display:block;
	line-height: 12px;
}

#menu ul li a:hover, #menu ul li a:visited:hover{background-color: #f0f1f6;display:block;}
#menu ul li a.actif, #menu ul li a.actif:visited{font-weight:bold;}

#menu ul li ul li{background:#f0f1f6;}
#menu ul li ul li a, #menu ul li ul li a:link, #menu ul li ul li a:visited{
	background: url(Gx/m/bullet.gif)  left center no-repeat;
	background-position: 32px 5px;
	padding: 0px 0px 0px 40px;
	color: #4564af;
	font-size: 12px;
	height:14px;
	text-decoration: none;
	list-style-type:none ;
	display:block;
	line-height: 12px;
}
#menu ul li ul li a:hover, #menu ul li ul li a:visited:hover{background-color: #e8e8e8;display:block;}
#menu ul li ul li a.actif, #menu ul li ul li a.actif:visited{font-weight:bold;}

#menu ul li ul li ul li{background:#f0f1f6;}
#menu ul li ul li ul li a, #menu ul li ul li ul li a:link, #menu ul li ul li ul li a:visited{
	background: none;
	padding: 0px 0px 0px 40px;
	color: #4564af;
	font-size: 12px;
	height:14px;
	text-decoration: none;
	list-style-type:none ;
	display:block;
	line-height: 12px;
}
#menu ul li ul li ul li a:hover, #menu ul li ul li ul li a:visited:hover{background-color: #e8e8e8;display:block;}
#menu ul li ul li ul li a.actif, #menu ul li ul li ul li a.actif:visited{font-weight:bold;}

#margin20L{ font-size:11px; margin-left:20px; }

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#555; font-family:Tahoma; font-size:10px; height:74px; padding-left:20px;/*background:red;*/}
#piedPage a{color:#555; text-decoration:underline;}
#piedPage a:hover{color:#000;}
#piedPage #copyrights{float:left; margin:0; text-align:left;}
#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: #000;}

/* ACCUEIL
--------------------------------------------------------------------------------------- */
div#accueil h1{ color: #000000; font-size: 14px; border: 0px; }
div#accueil strong{ color: #6483c4; }
div#accueil div.nouvelle{ background: #FFFFFF; padding: 20px 0 0 0; }
div#accueil div.photo{ font-size: 0px; border: #cac0c8 1px solid; width: 250px; float: right; }
div#accueil div.boite{ font-size: 11px; border: #cac0c8 1px solid; background: url(Gx/00/nouvelle_bg.gif) repeat-x bottom left; width: 235px; float: left; }
div#accueil div.boite h1{ color: #FFFFFF; text-transform: uppercase; text-align: right; background: #4c618e url(Gx/00/nouvelle_h1.gif) repeat-y top right; padding: 5px; margin: 0 0 10px 0; }
div#accueil div.boite div.item{ border-bottom: #cac0c8 1px solid; padding: 0 0 10px 0; margin: 0 10px 10px 10px; } div#accueil div.boite div.dernier{ border: 0px; margin: 0 10px 0 10px; }
div#accueil div.boite div.item a, div#accueil div.boite div.item a:link, div#accueil div.boite div.item a:visited, div#accueil div.boite div.item a:hover{ color: #000000; font-weight: bold; display: block; }

/* TEXTES
--------------------------------------------------------------------------------------- */
div#texte{ margin: 20px; }
div#colonne{ width: 320px; float: left; }

h1{ color: #4564af; font-size: 16px; border-bottom: #d4daec 1px solid; margin: 0 0 10px 0;}
h2{ font-size: 12px; margin: 0 0 0 0; } 
h2.boite{ background: #e6e7ec; padding: 20px 20px 0 20px;}
h3{ color: #4564af; font-size: 12px; margin: 0 0 10px 0;}

strong{ color: #4564af; }
a, a:link, a:visited, a:hover{ color: #000000; }
a.bleu, a.bleu:link, a.bleu:visited{ color: #4564af; } a.bleu:hover{ color: #000000; }

ul{ list-style: none; padding: 0 0 0 0; margin: 0 0 0 0; }
ul li{ background: url(Gx/M/bullet.gif) no-repeat 4px 6px; padding: 0 0 2px 12px; } ul li ul li{ background: none; padding: 0 0 0 5px; }
ul li a, ul li a:link, ul li a:visited{ color: #4564af; } ul li a:hover{ color: #000000; }
ul li ul li a, ul li ul li a:link, ul li ul li a:visited{ color: #666666; font-size: 11px; } ul li ul li a:hover{ color: #000000; }

/* PHOTO
--------------------------------------------------------------------------------------- */
div#photo{ font-size: 0px; width: 261px; float: right; }
div#photo img{ border: #c1c3c2 1px solid; margin: 0 0 10px 10px; }

/* LISTE 
--------------------------------------------------------------------------------------- */
div#liste div.item{ padding: 20px; } div#liste div.bleu{ background: #e6e7ec; }
div#liste div.item strong{ color: #000000; margin: 0 0 5px 0; display: block; }
div#liste div.item a, div#liste div.item a:link, div#liste div.item a:visited{ color: #4564af; display: block; } div#liste div.item a:hover{ color: #000000; }
div#liste div.item div.photo{ border: #c1c3c2 1px solid; margin: 0 10px 0 0; float: left; } div#liste div.item div.doc{ font-size: 11px; }
div#liste div.item div.doc a, div#liste div.item div.doc a:link, div#liste div.item div.doc a:visited, div#liste div.item div.doc a:hover{ font-size: 11px; display: inline; }

/* SELECT
--------------------------------------------------------------------------------------- */
div#select{ font-size: 11px; text-align: right; margin: 0 0 10px 0; }
div#select select{ color: #666666; font-size: 11px; border: #c1c3c2 1px solid; }

/* DETAIL
--------------------------------------------------------------------------------------- */
div#detail h2{ font-size: 14px; margin: 0 0 10px 0; }
div#detail h2 div.date{ color: #6483c4; font-size: 12px; } div#detail h2 strong{ border-left: #000000 1px solid; color: #6483c4; font-size: 12px; margin: 0 0 0 3px; padding: 0 0 0 5px; }
div#detail label{ color: #4564af; font-weight: bold; width: 100px; float: left; }

/* DOCUMENTS
--------------------------------------------------------------------------------------- */
div#boite{ font-size: 11px; background: #e6e7ec; padding: 10px 20px 0 20px; }
div#boite h2{ margin: 0 0 10px 0; } div#boite h2 div.select{ font-size: 11px; font-weight: normal; float: right; display: block; } div#boite h2 select{ color: #666666; font-size: 11px; border: #c1c3c2 1px solid; }
div#boite div.titre{ color: #4564af; font-weight: bold; } div#boite div.description{ margin: 5px 0 10px 0; }
div#boite div.photo{ font-size: 0px; border: #c1c3c2 1px solid; margin: 0 10px 0 0; float: left; }
div#boite div.contenu{ float: left; }
div#boite ul li.annee{ color: #4564af; font-size: 12px; font-weight: bold; background: none; padding: 0 0 0 0; } div#boite ul li.annee div{ width: 120px; float: left; display: block; }
div#boite ul li.annee div.document{ color: #000000; font-size: 11px; font-weight: normal; width: 300px; margin: 0 0 10px 0; float: right; display: inline; }
div#boite div.thumb{ text-align: center; width: 135px; margin: 0 10px 0 0; float: left; display: block; } div#boite div.dernier{ margin: 0 0 0 0; }
div#boite div.thumb img.image{ border: #c1c3c2 1px solid; margin: 0 0 10px 0; }
div#boite div.thumb a, div#boite div.thumb a:link, div#boite div.thumb a:visited{ color: #4564af; } div#boite div.thumb a:hover{ color: #000000; }
div#boite a.lien, div#boite a.lien:link, div#boite a.lien:visited, div#boite a.lien:hover{ border-left: #000000 1px solid; margin: 0 0 0 5px; padding: 0 0 0 9px; }

/* COMMANDITAIRES
--------------------------------------------------------------------------------------- */
div#commanditaire{ background: #e6e7ec; border-top: #FFFFFF 20px solid; padding: 20px 20px 0 20px; }
div#commanditaire h2{ color: #000000; font-size: 12px; width: 470px; margin: 0 0 10px 0; }
div#commanditaire div{ font-size: 0px; text-align: center; width: 140px; margin: 0 10px 20px 0; float: left; display: block; } div#commanditaire div.dernier{ margin: 0 0 20px 0; }
div#commanditaire div img{ border: #c1c3c2 1px solid; }

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
div#form table{ font-size: 12px; width: 500px; } div#form table td{ vertical-align: top; width: 220px; padding: 0 0 10px 0; } div#form table td.double{ width: 440px; padding: 10px 0 0 0; }
div#form select{ color: #666666; font-size: 11px; border: #c1c3c2 1px solid; }
div#form textarea{ color: #666666; font-family: Arial; font-size: 11px; border: #c1c3c2 1px solid; width: 405px; } div#form textarea.double{ width: 600px; }
div#form input.Input{ color: #666666; font-family: Arial; font-size: 11px; border: #c1c3c2 1px solid; width: 290px; }
div#form input.Bouton{ color: #4564af; font-size: 11px; font-weight: bold; border: #c1c3c2 1px outset; background: #FFFFFF; padding: 5px 10px 5px 10px; }
div#form div.bouton{ text-align: center; padding: 15px 0 0 0; }
div#form div.erreur{ color: #FF0000; font-size: 11px; margin: 5px 0 0 0; } div#form div.erreur b{ font-size: 14px; }