/* TABLE DES MATIRES:
	- Gnrale (body, html, h1, h2, ...)
	- Conteneur
	- Menu
	- Pieds de page
	- Textes
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GNRAL
--------------------------------------------------------------------------------------- */
body{
	background: #161612 url(images/background.jpg) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
	behavior:url("includes/csshover.htc");
}
html{
	/*font-family: Verdana, Tahoma, Helvetica, Arial, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New";*/
	font-family: verdana;
}
h1, h2, h3, p, form, div, ul, li, a, img{ margin: 0; padding: 0; border:0;}

h1{
	font-size: 17px;
	color: #839b02;
	font-family: Verdana, Tahoma, Helvetica, Arial;
	margin: 0 0 5px 0;
}
/*
h2{
	font-size: 13px;
	color: #FFF;
	font-family: Verdana, Tahoma, Helvetica, Arial;
}*/
h2{
	font-size: 13px;
	color: #839b02;
	font-family: Verdana, Tahoma, Helvetica, Arial;
	margin:0 0 10px 0;
	text-transform:uppercase;
	display:block;
}
h2.acc{
	font-size: 12px;
	color: #FFF;
	font-family: Verdana, Tahoma, Helvetica, Arial;
	margin:0;
	padding:0;
}
h2.prodh{
	font-size: 13px;
	color: #a5a5a5;
	color: #FFF;
	font-family: Verdana, Tahoma, Helvetica, Arial;
	margin:0 0 10px 0;
	text-transform:uppercase;
	display:block;
}
h2.prodhFiche{
	font-size: 11px;
	color: #839b02;
	font-family: Verdana, Tahoma, Helvetica, Arial;
	margin:15px 0 10px 0;
	text-transform:uppercase;
	display:block;
}

img.texteImage{
	margin: 0 10px 10px 0;
}
h2 a, h2 a:link, h2 a:visited, h2 a:hover{
	color: #839b02;
	display:block;
	margin:10px 0 0 0;
}
h3{
	font-size: 10px;
	color: #a5a5a5;
	font-family: Verdana, Tahoma, Helvetica, Arial;
}
.TexteCA h3{
	margin: 0 0 5px 0;
}
a, a:link, a:visited{
	color: #FFF;
	text-decoration:underline;
}
a:hover{
	color: #839b02;
	text-decoration:underline;
}
/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto 0 auto;
	width:800px;
	text-align:left;
	font-size:12px;
	text-align:justify;
	color: #FFF;
}
#conteneur #header{
	display:block;
	float:left;
	width: 800px;
}
#conteneur #header #logo {
	display:block;
	float:left;
	width: 160px;
	margin: 20px 0 0 60px;
}

#conteneur #header #dateConteneur {
	display:block;
	float:right;
	font-weight:bold;
	color:#cacac9;
	font-size:10px;
	margin:115px 35px 0 0;
	text-transform:uppercase;
}
#conteneur #header #imgAcc {
	display:block;
	position: relative;
	width: 800px;
	margin:4px 0 0 0;
}
#imgFoot{
height:180px;
background: url(images/bg_footer.jpg) repeat-x;
}

/* MENU
--------------------------------------------------------------------------------------- */
#conteneur #header #menu {
	display:block;
	position: relative;
	top:7px;
	left:195px;
	
	/*float:left;*/
	margin: 0;
	
	
	height: 24px;
	width: 600px;
	padding: 0;
	margin: 0;
	z-index:200;
	
}
#menu ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 575px;
	_width: 600px;
	float:left;
}
#menu ul li{
	padding: 0;
	margin: 0;
	/*display: block;
	float:left;
	*/
	border:0;
	position:relative;
	float:left;
	display: block;
	/*border-bottom: 1px solid #a3a3a1;
	border-top: 1px solid #a3a3a1;*/
}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	height: 22px;
	line-height: 24px;
	_line-height: 12px;
	font-size: 10px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	padding: 5px 10px 5px 8px;
	color:#FFF;
	background:#4a4a49 url(images/br_menu.gif) no-repeat right;
	/*background:#4a4a49;*/
	
}
#menu ul li a:hover, #menu ul li a:visited:hover,
#menu ul li a.actif, #menu ul li a.actif:link, #menu ul li a.actif:visited{
	background:#839b02 url(images/br_menu_over.gif) no-repeat right;
	/* url(images/br_menu.gif) no-repeat right*/
	
}
#menu ul li.first{
	border:0;
}
#menu ul li.first a, #menu ul li.first a:link, #menu ul li.first a:visited{
	background: transparent url(images/bgl_menu.gif) no-repeat top right;
	width:66px;
	padding: 5px 8px 5px 8px;
}
#menu ul li.first a:hover, #menu ul li.first a:visited:hover,
#menu ul li.first a.actif, #menu ul li.first a.actif:link, #menu ul li.first a.actif:visited{
	background:transparent url(images/bgl_menu_over.gif) no-repeat top left;
}
#menu ul li.last a, #menu ul li.last a:link, #menu ul li.last a:visited{
	background: transparent url(images/bgr_menu.gif) no-repeat top right;
}
#menu ul li.last a:hover, #menu ul li.last a:visited:hover,
#menu ul li.last a.actif, #menu ul li.last a.actif:link, #menu ul li.last a.actif:visited{
	background:transparent url(images/bgr_menu_over.gif) no-repeat top right;
}
/* sous menu */
#menu ul ul {
	position:absolute;
	left:0;
	top:22px;
	padding: 0 0 0 0;
	height:auto;
	width:100px;
	list-style: none;
	display:none;
}
#menu li:hover ul{
	display:block;
}
#menu li li {
	/*float:none;*/
	margin: 0 0 0 0;
	color: white;
	width: 150px;
	display:block;
}
#menu li li:hover{
	margin: 0;
	
}

#menu li li a, #menu li li a:link, #menu li li a:visited{
	/*border: 1px solid #F0D;*/
	border: 0;
	text-transform: none;
	font-size: 10px;
	font-weight: normal;
	width: 140px;
	_width: 150px;
	height: 12px;
	/*height: 21px;*/
	display:block;
	float:left;
	/*padding:0;
	margin:0;*/
	line-height: 12px;
	background:#b2b2b2;
	border-bottom:1px solid #161612;
}
#menu li li a:hover {
	background:#839b02;
}
#menu li li.sm a{
	background:#b2b2b2;
}
#menu li li.sm a:hover,
#menu li li.sm a.actif, #menu li li.sm a.actif:link, #menu li li.sm a.actif:visited{
	background:#839b02;
}
/* fin menju */
.TexteAccueil{
	display:block;
	float:left;
	width:800px;
	background: url(images/bgContenu.jpg) no-repeat;
	min-height:280px;
	_height:280px;
	text-align:left;
}
.GAccueil{
	display:block;
	float:left;
	width:230px;
	margin:25px 10px 15px 8px;
}
.CAccueil{
	display:block;
	float:left;
	width:346px;
	margin:25px 0 15px 0;
	background: url(images/vdot_border.gif) right repeat-y;
}
.centreAcc{
	display:block;
	margin:0 5px 5px 5px;
}
.centreAcc img{
	display:block;
	float:left;
}
.TexteCA{
	margin: 0 0 0 110px;
}

.DAccueil{
	display:block;
	float:left;
	width:175px;
	margin:25px 0 15px 5px;
}
img.bordure{
	border:1px solid #6f6f6e;
}
span.datenouvelle{
	font-weight:bold;
	color: #839b02;
}
#texte{
	display:block;
	width:780px;
	_width:800px;
	float:left;
	padding:15px 10px 15px 10px;
}
/* Production */
#liste{
	display:block;
	width:780px;
	_width:800px;
	float:left;
	padding:15px 10px 15px 10px;
}
.listProd{
	display:block;
	/*float:left;
	width:800px;
	_width:770px;*/
	
}
img.limgProd{
	margin: 20px 0 0 10px;
}
.listProd .GProd{
	display:block;
	float:left;
	width:230px;
}
.listProd .CProd{
	display:block;
	float:left;
	width:356px;
	_height: 200px;
	min-height:200px;
	text-align:justify;
	background: url(images/vdot_border2.gif) repeat-y;
}
.listProd .DProd{
	display:block;
	float:left;
	width:180px;
	padding:0 0 0 10px;
	background: url(images/vdot_border2.gif) repeat-y;
	text-align:left;
}
.texteListe{
	margin:0 10px 10px 10px;
	padding: 10px 0 10px 0;
	background: url(images/hdot_border.gif) bottom repeat-x;
}
.descFiche{
	margin:0 10px 10px 10px;
	padding: 10px 0 10px 0;
}
h3.btnDetail a, h3.btnDetail a:link, h3.btnDetail a:visited{
	background: url(images/arrow.gif) no-repeat top left;
	padding:3px 0 5px 20px;
	text-decoration:none;
	color: #a5a5a5;
}
h3.btnDetailDeux a, h3.btnDetailDeux a:link, h3.btnDetailDeux a:visited{
	background: url(images/arrow.gif) no-repeat top left;
	padding:3px 0 5px 20px;
	text-decoration:none;
	color: #a5a5a5;
	margin: 0 0 0 10px;
}
h3.btnDetail a:hover{
	
}
h3.fVideo a, h3.fVideo a:link, h3.fVideo a:visited{
	text-decoration:none;
	color: #a5a5a5;
	font-size:9px;
}
h3.fVideo a:hover{
	color: #FFF;
}

/* fiche equipe */
.GficheTeam{
	display:block;
	float:left;
	width:200px;
	float:left;
	text-align:right;
	padding: 0 25px 0 0;
}
.CficheTeam{
	display:block;
	width:520px;
	_width:580px;
	float:left;
	background: url(images/vdot_border3.gif) repeat-y;
	padding:0 0 0 20px;
}
.colGauche{
	display:block;
	float:left;
	width:580px;
	float:left;
	padding: 0 10px 0 0;
}
.texteColGauche{
	background: url(images/hdot_border.gif) bottom repeat-x;
}
.colDroite{
	display:block;
	width:170px;
	_width:200px;
	float:left;
	background: url(images/vdot_border3.gif) repeat-y;
	padding:0 0 0 20px;
}
/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{
	color: #FFF;
	font-weight:bold;
	height: 50px;
	font-family: Tahoma;
	font-size: 10px;
	padding: 0;
}
#logoBas{
	display:block;
	float:left;
	width:290px;
}
#logoBas img{
	display:block;
	float:left;
}
#piedPage a{ color: #FFF; text-decoration: underline;}
#piedPage a:hover{ color: #839b02; }
#piedPage #copyrights{ display:block;float:left;margin:0 0 0 0px;text-align: left;}
#piedPage #copyrights a{ font-weight: bold; }
#piedPage #copyrights #lienCopyrights{ font-weight: normal;text-decoration: none;color: #FFF;}
#piedPage #copyrights #lienCopyrights:hover{ font-weight: normal;text-decoration: underline;color: #839b02;}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{
	/*font-size: 0.8em;*/
	line-height: 140%;
	/*color: #221E1F;*/
}
/*
p strong{
	color: #23248B;
}

p b{
	font-weight: bold;
	color: #000;
}
p a, p a:link, p a:visited{
	color: #23248B;
	text-decoration: none;
}
p a:hover, p a:visited:hover{
	color: #000;
	text-decoration: underline;
}
*/
p ul li{
	list-style: square;
}

/*p:first-letter { color: green; font-size: 200%; text-transform:uppercase;}*/

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin: 0; padding: 12px; width: 456px; border:1px solid #999}
fieldset legend{font-family: Arial; font-size: 14px; font-weight: bold;}
fieldset label{font-size: 0.8em;}

.formulaire{
	margin: 0;
	padding: 0;
}

.champTexte{	
	color: #4E677A;
	border: 1px solid #C9D0D6;
	background: #EEF3F7;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}

.boutonRadio{	
	color: #4E677A;
	background: #EEF3F7;
	margin:0;
	padding: 0;
	font-size: 0.8em;
}
.menuDeroulant{	
	color: #4E677A;
	border: 1px solid #C9D0D6;
	background: #EEF3F7;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}
.boiteTexte{
	font-family: "Trebuchet MS";
	font-size: 0.8em;
	color: #4E677A;
	border: 1px solid #C9D0D6;
	background: #EEF3F7;
	margin: 0;
	padding: 0;
}
.bouton{
	background-color: #EEF3F7;
	color: #498ECB;
	font-size: 0.8em;
	font-weight: bold;
	border: 1px solid #C9D0D6;
}
.boutonImage{
	border:0px;
}
.caseaCocher{
	border: 0px;
	background-color: #FFF;
}
.erreur{
	font-size: 11px;
	color: #FF0000;
}

.liens{
	font-size: 12px;
	font-weight:bold;
	line-height:10px;
	color: #839b02;
	font-family: Verdana, Tahoma, Helvetica, Arial;
	text-decoration:none;
	text-indent:8px;
}