/*************************************************
				STYLES BALISES GENERIQUES
*************************************************/

/* Support du PNG par ie6 */
img, a, p, table { behavior: url(iepngfix.htc) }  

hr { clear:both;visibility:hidden;margin:0;padding:0;height:0; }

body {
	margin:0;
	padding:0;
	background: url(img/fond.jpg) repeat-x 50% 0 #445c4e;
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

/************************************************
				MISE EN FORME TEXTE
************************************************/

h1, h2, a, .texte_mis_en_evidence {color:#5B0311;}

a {	font-weight:bold; }
a:hover { text-decoration:none; color:#FFF; }

a.blanc { color:#FFF; }
a.blanc:hover { color:#5B0311; }

h1, h1.nav {
	font-family: 'Lobster', arial, serif;
	font-size:20px;
	font-weight:bold;
	letter-spacing:1px;
	margin:0 0 0 0;
	padding:15px 0 10px 0;
	text-align:center;
}

h2 {
	font-family: 'Lobster', arial, serif;
	font-size:18px;
	font-weight:normal;
	letter-spacing:1px;
	margin:0 10px 0 0;
	padding:3px;
}

h3 {
	font-family: 'Lobster', arial, serif;
	font-size:16px;
	letter-spacing:1px;
	font-weight:lighter;
	font-stretch:narrower;
	margin:0 5px 0 0;
	padding:5px;
	color:#800C19;
}
 
h4 {
	font-size:12px;
	font-weight:bold;
}


.titre_blanc {
	font-family: 'Lobster', arial, serif;
	font-size:18px;
	font-weight:bold;
	letter-spacing:1px;
	color:#FFF;
}
.titre_blanc2 {
	font-family: 'Lobster', arial, serif;
	font-size:16px;
	letter-spacing:1px;
	color:#FFF;
}

.titre_rouge {
	font-family: 'Lobster', arial, serif;
	font-size:18px;
	font-weight:bold;
	letter-spacing:1px;
	color:#5B0311;
}
.titre_rouge2 {
	font-family: 'Lobster', arial, serif;
	font-size:16px;
	letter-spacing:1px;
	color:#5B0311;
}

.blanc {
	color:#FFF;
}
.rouge {
	color:#5B0311;
}

div#subheader { 
	position:absolute; 
	top:4px;  
}
div#subheader h3 {font-family: Arial, Helvetica, sans-serif; color:#820B1A; font-size:12px; font-weight:bolder; text-transform:uppercase;}
div#subheader.left {left:130px;}
div#subheader.right {right:86px;}

div#contact {
	position:absolute;
	top:138px;
	right:0;
	width:238px;
	height:135px;
	background-image:url(img/contact.jpg);
}

div#contact:hover {
	background-image:url(img/contact-hover.jpg);
	cursor:pointer;
}


/************************************************
				IMAGES
************************************************/

img{border:none}

.border {
	margin:2px;
	border:1px solid #5B0311;
}

.opacite { 
	-moz-border-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
}
a img.opacite { cursor:pointer; border: 1px solid #5B0311;filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;margin:2px; padding:2px}
a:hover img.opacite {border: 1px solid #FFF;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;margin:2px; }

/* opacite bords ronds + effet halo */
.opacite2 { -moz-border-radius: 5px; }
a img.opacite2 {cursor:pointer; border: 1px solid #9E0416; margin:2px; padding:2px}
a:hover img.opacite2 { border: 1px solid #FFCC00; margin:2px; padding:2px;
-moz-box-shadow: 0px 0px 64px #F0E6B5; -webkit-box-shadow: 0px 0px 64px #F0E6B5; /*filter:progid:DXImageTransform.Microsoft.Shadow(color='#e3ba03', Direction=130, Strength=3);*/ 
}

.plan { border:1px solid #5B0311;}
/***********************************************
				CHEMINS
***********************************************/

#chemin{
	clear:both;
	font-size:12px;
	height:20px;
	margin:10px 40px 20px 40px;
	text-align:center;
	font-family: 'Lobster', arial, serif;
	color:#000
	}
	
#chemin *{font-size:12px;}

#chemin a {color:#333;}
#chemin a:hover,#chemin a.active  {color:#666;}


/***********************************************
				STYLES MISES EN FORME
***********************************************/
div#conteneur {
	margin:auto;
	width:980px;
	background: url('img/repetition.jpg') repeat-y ;
	position:relative;/**/
}

/************************************************
				ENTETE
************************************************/

div#entete {
	height:273px;
	margin:0;padding:0;	
}

#lang{
	position:absolute;
	color:#FFF;
	margin-top:220px;
	margin-left:20px;
}
#lang a{
	color:#FFF;
}

/*****************************************************
				MENU horizontal
*****************************************************/

/*ul#menu {
	background:url(img/menu.jpg) no-repeat;
	height:42px;
	margin:0 auto;
	padding:0 0 0 10px;
	list-style-type:none;
}
ul#menu li {
	display:inline;
	margin:0;padding:0;
}
ul#menu li a {
	display:block;
	height:30px;
	float:left;
	margin:0;
	padding:6px 10px 6px 10px;
	color:#333;
	font:bold 12px Arial, Helvetica, sans-serif;
	line-height:30px;
	text-decoration:none;
}

ul#menu li a:hover, ul#menu li a.active {
	background:url(img/rollhover.png) no-repeat center;
	color:#7B101A;
}

ul#menu li.premier_lien a { background:none;}

ul#menu li.premier_lien a:hover, ul#menu li.premier_lien a.active {
	background:url(img/rollhover.png) no-repeat center;
	color:#7B101A;
}
*/

/* MENU */

ul#menu {
	background:url(img/menu.jpg) no-repeat;
	height:42px;
	margin:0 auto;
	padding:0 0 0 9px;
	list-style-type:none;
}

ul#menu li a, ul#menu li {
	float: left;
}

ul#menu li {
	list-style: none;
	position: relative;
}

ul#menu li a {
	display:block;
	height:30px;
	float:left;
	margin:0;
	padding:6px 20px 6px 20px;
	color:#333;
	font:bold 12px Arial, Helvetica, sans-serif;
	line-height:30px;
	text-decoration:none;
}

ul#menu li a:hover {
	background:url(img/rollhover.png) no-repeat center;
	color:#7B101A;
}

ul#menu li.premier_lien a { background:none;}
ul#menu li.premier_lien a:hover, ul#menu li.premier_lien a.active {
	background:url(img/rollhover.png) no-repeat center;
	color:#7B101A;
}


/* Sous-Menu */

ul#menu li ul {
 display: none;
 position: absolute;
 left: 10px;
 top: 100%;
 padding: 0; margin:0;
}

ul#menu li:hover > ul {
 	display: block;
	text-align:center;
 	background: #94D1B2;
	-moz-border-radius: 6px; -webkit-border-radius: 6px;
	-moz-box-shadow: 3px 6px 12px #000000; -webkit-box-shadow: 3px 6px 12px #000000;
	border: 1px solid #4C0000;
	padding:10px;
	z-index:1;
}

ul#menu li ul li, ul#menu li ul li a {
 float: none;
 border-bottom:1px solid #A1EAC6;
}

ul#menu li ul li {
 _display: inline; /* for IE6 */
}

ul#menu li ul li a {
 width: 150px;
 display: block;
}


/*****************************************************
				MENU2 secondaire
*****************************************************/

ul#menu2 {
	position:absolute;
	right:10px;
	bottom:6px;
	margin:0 0 0 0;
	padding:0 0 0 10px;
	list-style-type:none;
}
ul#menu2 li {
	display:inline;
	margin:0;padding:0;
}
ul#menu2 li a {
	display:block;
	float:left;
	margin:0;
	padding:3px 6px;
	color:#FFF;
	font:11px Arial, Times, Helvetica, sans-serif;
	text-decoration:none;
}

ul#menu2 li a:hover, ul#menu2 li a.active {
	text-decoration:underline;
	color:#F0E6B5;
	/*background:url(img/rollhover2.png) no-repeat center top;*/
}




/***********************************************************
				CORPS
***********************************************************/
div#corps {
	/*background: url('img/bas.jpg') no-repeat 0 bottom;*/
}

div#contenu {
	background:url('img/haut.jpg') no-repeat;
	text-align:left;
	margin: 0;
	padding: 0;
	height:572px;
}

html>body #contenu {
	height:auto;
	min-height:572px;
} 

div#contenu_modifiable {
	border:none;
	margin:0;
	padding:0px 20px 20px 20px ;
}

div#contenu p {
	margin:0;
	padding:5px;
}

div#contenu_modifiable ul.puce {
	list-style-type:none;
	margin:5px 0 5px 0;
	padding:0 0 0 20px;
	height:1%;
}
div#contenu_modifiable ul.puce li {
	background:url(img/puce.jpg) no-repeat left 5px;
	margin-left:10px;
	padding:2px 0 2px 15px;
}

/*** Tableau ***/
th {background:#540008; margin:0; padding:0; border:1px solid #422911;}
th p { margin:0; padding:0; color:#F0E6B5; text-align:center; font-weight:bold; }
tr.clair {background:#82B79B; text-align:center; color:#422911; font-weight:bold; font-size:12px; }
tr.clair td{ padding:2px 6px; border:1px solid #540008; }
tr.fonce {background:#422911; text-align:center; color:#82B79B; font-weight:bold; font-size:12px; }
tr.fonce td{ padding:2px 6px; border:1px solid #540008; }


/****************************************************
		FORMULAIRES
****************************************************/

.formulaire {
	border: 1px solid #CCCCCC;
	background-color:none;
	font-size:12px;
	padding:1px; 
}

/****************************************************
				ADRESSE
****************************************************/
div#adresse {
	clear:both;
	background: url('img/adresse.jpg') no-repeat bottom;
	height:111px;
	color:#F0E6B5;
	font-weight:bold;
	line-height:16px;
	text-align:left;
	padding:0 20px 0 20px;
}

div#adresse div.vcard {
	padding:42px 16px;
}
div#adresse div.vcard .fn {
	text-transform:uppercase;
	font-size:15px;
}

div#adresse div.vcard .adr strong {
	font-weight:normal;
}
/****************************************************
				FOOTER
****************************************************/
#footer {
	margin:5px auto;
	width:980px;
	font-size:10px;
	color:#000;
}

#txt_ref {
	text-align:center;
	font-size:10px;
	width:900px;
	margin:5px auto;
	color:#000;
}

#mention {
	text-align:center;
	cursor:pointer;
	font-size:10px;
	margin-top:9px;
}
#mention a{ color:#000;}


.liens_partager, .liens_partager img{
	text-align:right;
	vertical-align:middle;
}


/************************************************
					 Newsletter					
************************************************/
#newsletter{
	position:absolute;
	top:130px;
	left:110px;
	text-align:center;
}
#newsletter h2{font-size:20px; font-weight:normal;}
/************************************************
					 INFOS FIXES
************************************************/


.code_incorrect {
	font-weight:bold;
	color:#FF0000;
}

.lien_retour_haut {
	font-size:10px; color:#999; text-align:right;
}

.ligne_pointille_vertical {
	border-left:1px dotted #ccc;
}

.ligne_pointille_horizontal {
	border-bottom:1px dotted #ccc;
}