/* CSS Document */
@import url("submenu.css");
/*-------- Initialisation des balises -----------------*/
h1, h2, h3, h4, h5, h6, dl, dt, dd, form, ul, li, p
	{
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	}
h1 {
	color:#B56132;
	font-size:16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
	text-align: left;
}
h2 {
color:#80250A;
font-size:12px;
}
h3 {

color:#B56132;
font-size:11px;
}

body{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color:#FFFFFF;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;

}

a, a:link, a:active, a:visited {
	color:#80250A;
	text-decoration: none;
	}
a:hover {
	color: #B56132;
	}
	
.Invisible{
	visibility: hidden;
	position: absolute;
}
/*--------------------------- Position du site et délimitation  -----------------------------*/
#Page{
	width: auto;
	margin-top: 20px;
}

#Conteneur{
	height: auto;
	width: 980px;
	border: 1px solid #7C2208;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	background-repeat: repeat-y;
	position: relative;
	background-image: url(../images/fond_contenu_beige.gif);
}

#ConteneurMain {
	height: auto;
	width: 980px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	background-repeat: repeat-y;
	position: relative;
}
#content {

	height: auto;
}
#Contenu{
	height: auto;
}
#Contenant{
	height: auto;
}

/*--------------------------- Position des Colonnes----------------------------*/
#ColGauche{
	float: left;
	width: 272px;
	height:434px;
	background-image:url(../images/fond_gauche_menu.gif)
}
#ColonneDroite{
	float: right;
	height:434px;
	width: 230px;
	background-repeat: no-repeat;
}

/*--------------------------- Position Bloc Droite -----------------------------*/

#Bandeau{
	width: 980px;
	height: 117px;
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
}

#Menu{
	width: 980px;
	height: 30px;
	background-image: url(../images/fond_menu.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
}

#BlocTitre{
	position: absolute;
	height: 50px;
	width: 250px;
	left: 0px;
	bottom: 0px;
}
#BlocImgBandeau{
	position: absolute;
	height: 111px;
	width: 438px;
	right: 50px;
	bottom: 0px;
	overflow: hidden;
}

#colcentral {

	width: 688px;
	margin-left: 0px;
	padding-bottom: 0px;
	background-color:#F7EBD8;
	padding-left: 10px;
	text-align: justify;
	float: left;
	padding-right: 10px;
}
#colcentral h1 {
	color:#B56132;
	font-size:16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
#colcentral h2 {
color:#80250A;
font-size:12px;
}
#colcentral h3 {

color:#B56132;
font-size:11px;
}
#colcentral a, #colcentral a:link, #colcentral a:active, #colcentral a:visited {
color:#80250A;
	}
#colcentral a:hover {
font-weight:bold;
	}
.grascouleur {
	color: #B56132;
	font-weight: bold;
	font-size: 11px;
}
.grasrouge {

	color: #80240B;
	font-weight: bold;
	font-size: 11px;
}
.sstitrerouge {


	color: #80240B;
	font-weight: normal;
	font-size: 11px;
}

/*#Contenant .ColGaucheContenu{
	float: left;
	width: 390px;
	padding-right: 7px;
	border-right: 1px solid #000000;
	margin-top: 5px;
}
#Contenant .ColDroiteContenu{
	width: 270px;
	float: left;
	padding-left: 7px;
}

#Contenant p {
	margin-top: 5px;
	margin-bottom: 5px;
}

#Contenant h3 {}*/

#PiedPage{
	height: 15px!important;
	height: 10px;
	width: 980px;
	background-image:url(../images/fond2_pied.gif);
	bottom: 0px!important;
	bottom: 0px;
	left: 0px;
	background-repeat: repeat-y;
}
#PiedPage a, #PiedPage a:link, #PiedPage a:active, #PiedPage a:visited {
color:#ffffff;
font-weight:bold;
font-size:10px;
text-decoration:none;
	}
#PiedPage a:hover {
color:#B56132;
font-weight:bold;
font-size:10px;
	}
/*--------------------------- Contenu Bloc Gauche -----------------------------*/
#photogauche {
	width: 262px;
	height:215px;
	position: absolute;
	top: 214px;
	}
#menugauche {
	width: 232px;
	height:145px;
	position: absolute;
	top: 0px;
	padding-left: 30px;
	padding-top: 15px;
	}
#menugauche h1 {
color:#80250A;
font-size:15px;
}
#menugauche h2 {
color:#80250A;
font-size:12px;
font-weight:bold;
}
/*#menugauche a, #menugauche a:link, #menugauche a:active, #menugauche a:visited {
color:#80250A;
font-size:12px;
	}
#menugauche a:hover {
font-weight:bold;
font-size:12px;
	}*/			
	
#liens {
	width: 262px;
	height:13px;
	position: absolute;
	top: 364px;
	color: #FFFFFF;
	padding-left: 10px;
	z-index: 8;
}
#liens a, #liens a:link, #liens a:active, #liens a:visited {
color:#ffffff;
font-weight:bold;
font-size:10px;
text-decoration:none;
	}
#liens a:hover {
color:#B56132;
font-weight:bold;
font-size:10px;
	}
/*--------------------------- Contenu Bloc Droite -----------------------------*/

#actualites {
	width: 225px;
	height:138px;
	position: relative;
	top: 0px;
	padding-left: 5px;
	left: 0px;
}
#colactu h2 {
font-weight:bold;
font-size:10px;
	
}	
#photodroite {

	width: 230px;
	height:297px;
	position: relative;
	top: 0px;
	left: 0px;
}
/*--------------------------- Contenu Bloc Central -----------------------------*/

#photocentrale {
	width: 236px;
	height:297px;
	position: relative;
	top: 0px;
	float: right;
}
#texte {
	width: 458px;
	margin-left: 0px;
	padding-bottom: 0px;
	background-color:#F7EBD8;
	padding-left: 10px;
	text-align: justify;
	float: left;
	padding-right: 10px;
}

/*--------------------- Formatage Tableaux -----------------*/

TABLE.TableData{
border:solid 1px #7c2208;
color:#000000;
padding-top:3px;
border-collapse:collapse;
}
TABLE.TableData tr{
	font-size: 11px;
	height:auto;
	font-style: normal;
	margin: 0px;
	line-height: 15px;
	border: 1px none #7C2208;
}
TABLE.TableData td{
	font-size: 9px;
	text-align: left;
	color:#000000;
	border-top: 1px solid #7C2208;
	border-right: 1px solid #7C2208;
	border-bottom: 1px solid #7C2208;
	border-left: 1px solid #7C2208;
	padding-left: 5px;
}

TABLE.TableData th{
	font-weight: normal;
	background-color: #80250A;
	color: #FFFFFF;
	text-align: center;
}

TABLE.TableData TR.L1,TABLE.TableData TH.L1{
	background-color: #E3BB77;
	border: thin none #FFFFFF;
}
TABLE.TableData TR.L2,TABLE.TableData TH.L2{
	background-color: #F8EDDC;
	border-top-style: none;
	border-bottom-style: none;
}
/*--------------------- Sélection des langue et de la saison -----------------*/
#langue{
	height:36px !important;
	height:40px;
	position: absolute;
	width: 200px;
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	top: 0px;
	right: 50px;
}

#langue li{
	float: left;
	list-style:none;
	height: 25px;
	width: auto;
}			
#langue li a, #langue lia:link, #langue li a:active, #langue li a:visited{
	text-decoration: none;
}

#langue li a:hover{	text-decoration: none;}					
/*--------------------- Signature allinace-reseaux -----------------*/					

#Signature{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 26px;
	position: relative;
	left: 600px;
}

#Signature a, #Signature a:link, #Signature a:active, #Signature a:visited{
	color: #CB5454;
	text-decoration: none;
}

#Signature a:hover{
	color: #FFFFFF;
}

#colactu {

	width: 225px;
	height:138px;
	position: relative;
	top: 0px;
	padding-left: 5px;
	left: 0px;
}

#Ensemble {
	height: auto;
	width: 980px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	background-repeat: repeat-y;
	position: relative;
	background-image: url(../images/fond_contenu_2col.gif);
}

.cadreimage {
	/*border-bottom: 10px;*/
	background-color: #80250A;
	margin-bottom: 5px;
	padding-bottom: 10px;
	margin-top: 20px;
}

#ColTextCentrale {
	width: 685px;
	margin-left: 0px;
	padding-bottom: 20px;
	background-color:#F7EBD8;
	padding-left: 10px;
	text-align: left;
	padding-right: 10px;
	float: left;
}
#ColTextCentrale ul{
	padding-left: 15px;
	list-style-type: none;
}
#ColTextCentrale li{
	white-space: normal;
	display: block;
	font-weight: normal;
	border-left-style: none;
	background-image: url(../images/fleche.gif);
	background-position: left top;
	background-repeat: no-repeat;
	line-height: 15px;
	width: 655px;
	padding-left: 15px;
	text-indent: 0pt;
}
#ColDroite {
	float: right;
	height:auto;
	width: 300px;
	background-color: #F7EBD8;
	padding-right: 5px;
}
#ColTextGauche {
	width: 380px;
	margin-left: 0px;
	padding-bottom: 20px;
	background-color:#F7EBD8;
	padding-left: 10px;
	text-align: left;
	float: left;
	padding-right: 10px;
}
#ColTextCommunes {
	width: 650px;
	margin-left: 0px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align: left;
	float: left;
	padding-right: 10px;
}
#ColTextGauche ul{
	padding-left: 15px;
	list-style-type: none;
}
#ColTextGauche li{
	white-space: normal;
	display: block;
	font-weight: normal;
	border-left-style: none;
	background-image: url(../images/fleche.gif);
	background-position: left top;
	background-repeat: no-repeat;
	line-height: 15px;
	width: 340px;
	padding-left: 15px;
	text-indent: 0pt;
	}
	
#ColText {
	width: 650px;
	margin-left: 0px;
	padding-bottom: 20px;
	background-color:#F7EBD8;
	padding-left: 10px;
	text-align: left;
	float: left;
	padding-right: 10px;
}
#ColText ul{
	padding-left: 15px;
	list-style-type: none;
}
#ColText li{
	white-space: normal;
	display: block;
	font-weight: normal;
	border-left-style: none;
	background-image: url(../images/fleche.gif);
	background-position: left top;
	background-repeat: no-repeat;
	line-height: 15px;
	width: auto;
	padding-left: 15px;
	text-indent: 0pt;
}
#ColTexteDroite {
	width: 685px;
	margin-left: 0px;
	padding-bottom: 20px;
	background-color:#F7EBD8;
	padding-left: 10px;
	text-align: left;
	padding-right: 10px;
	float: right;
}
#ColTexteDroite ul{
	padding-left: 15px;
	list-style-type: none;
}
#ColTexteDroite li{
	white-space: normal;
	display: block;
	font-weight: normal;
	border-left-style: none;
	background-image: url(../images/fleche.gif);
	background-position: left top;
	background-repeat: no-repeat;
	line-height: 15px;
	width: 655px;
	padding-left: 15px;
	text-indent: 0pt;
}
		
/*--------------------- Formulaire Contact -----------------*/	


div#Contenuform input,div#Contenuform textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border:1px solid #000;
	}
div#Contenuform {
	padding:0;
	width: 580px;
	position: relative;
	left: 0px;
	height: 330px;
	margin-top: 20px;
	}

#photogauchecontact {
	width: auto;
	height:215px;
	position: absolute;
	top: 0px;
	left: 20px;
}
.fondtexterouge {
	background-color: #a9573e;
	display: block;
	padding: 5px;
	color: #FFFFFF;
	border-top: 1px solid #80250A;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
	border-left: 1px solid #80250A;
}
#fondtexterouge2 {
	background-color: #a9573e;
	display: block;
	padding: 5px;
	color: #FFFFFF;
	border-top: 1px solid #80250A;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
	border-left: 1px solid #80250A;
	padding-left: 15px;
}

#fondtexterouge2 li {
	white-space: normal;
	display: block;
	font-weight: normal;
	border-left-style: none;
	background-image: url(../images/fleche.gif);
	background-position: left top;
	background-repeat: no-repeat;
	line-height: 16px;
	width: 340px;
	padding-left: 15px;
	text-indent: 0pt;
}

.ttt {
font-size:10px;
	font-family: Arial;
}

/*--------------------- Formulaire -----------------*/					
.combo {
	height: auto; 
	border: #404040 1px solid;
	font-family: verdana;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	background-color: #FFFFFF;
}
.combo2 {
	height: auto; 
	border: #404040 1px solid;
	font-family: verdana;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	background-color: #FFCC66;
}
.combo2:focus {	background-color: #FFFFFF;
}
.categorie {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #80250A;
}