/*---------------pour tout le monde ---------------------*/

* {
	font-family: Tahoma;
}

* {
	margin: 0px;
padding: 0px;
}

/* --------------ça, ça parle tout seul, non ? y en a qui l'appelle wrapper des fois, pas moi ------*/ 

#corps {
	border-left: 2px solid Black;
		border-right: 2px solid Black;
				border-bottom: 4px solid Black;
	width: 760px;
	margin: 0px auto;
	font-size: 1em;
	color: Black;
	text-align: justify;
	background-color: #FFF9ED;
}

/* overflow = defilement... */


/*------------ ici les différents modules de contenus pour les articles : (G= Gauche etc... U=unique -----------------*/

#articleG {
	 width: 300px;
	 height: 250px;
	 overflow : auto;
	 float: left;
}
#articleD {
	 width: 300px;
	 height: 250px;
	 overflow : auto;
	 float: right;
}

#articleG2 {
	 width: 300px;
	 float: left;
	 font-size: 0.9em;
	 padding: 8px;
	margin-left: 40px;
}

#articleindexG2 {
	 width: 320px;
	 float: left;
	 font-size: 0.9em;
	 padding: 8px;
	margin-left: 10px;
}

#articleD2 {
	 width: 300px;
	 float: right;
	 font-size: 0.9em;
	 padding: 8px;
	 margin-right: 40px;
}


#articleC {
	width: 550px;
	float: left;
	text-align: justify;
	padding: 5px;
	border-left: 2px dotted #D7D7D7;
	border-right: 2px dotted #D7D7D7;
}

#articleCU {
	width: 550px;
     margin-left: auto;
     margin-right: auto;
	  text-align: justify;
	  
}

#articleConstr {
	width: 550px;
     margin-left: auto;
     margin-right: auto;
	  margin-top: 70px;
	  margin-bottom: 70px;
	  text-align: justify;
	  
}

#articlegal {
	width: 660px;
     margin-left: auto;
     margin-right: auto;
	   margin-bottom: 20px;
	  text-align: justify;
	  
	  
}


/*-----------------------------error*/

#contenterror {
	width: 500px;
	margin: auto;
	text-align: justify;
}

/* ---------------------là c'est les dates, le sacré foutu bordel des dates !!! --------------*/

a.dates {
	color: #00B3C6;
	text-decoration: none;
}
a.dates:hover {
	color: #C00014
}

a.dates:visited {
	color: #00B3C6
}

#datesG2 {
	 width: 320px;
	 height: 250px;
	 float: left;
	 font-size: 0.9em;
	 padding: 8px;
    margin-left: 15px;
}

#datesD {
	width: 325px;
	height: 200px;
	float: right;
		overflow: auto;
	font-size: 0.9em;
	color: White;
	margin-right: 23px;
	text-align: right;
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
	background-image: url(../images/fondates.gif)
}

#datesH {
	margin-right: 23px;
   float: right;
	width: 325px;
	height: 29px;
		padding-right: 4px;
	padding-left: 4px;
	 background-image: url(../images/fondatesH.gif);
	 background-repeat: no-repeat;
}

#datesB {
	margin-right: 23px;
float: right;
	width: 325px;
	height: 29px;
	padding-right: 4px;
	padding-left: 4px;
	 background-image: url(../images/fondatesB.gif);
	 	 background-repeat: no-repeat; }

#datesindex {
	width: 325px;
	height: 100px;
	float: right;
	font-size: 0.9em;
	color: White;
	margin-right: 15px;
	text-align: right;
	overflow: auto;
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
	background-image: url(../images/fondates.gif);
}

#datesindexH {
	margin-right: 15px;
   float: right;
	width: 325px;
	height: 29px;
		padding-right: 4px;
	padding-left: 4px;
	 background-image: url(../images/fondatesH.gif);
	 background-repeat: no-repeat;
}

#datesindexB {
	margin-right: 15px;
float: right;
	width: 325px;
	height: 29px;
	padding-right: 4px;
	padding-left: 4px;
	 background-image: url(../images/fondatesB.gif);
	 	 background-repeat: no-repeat; }
		 
		 
dates {
	color: #00B3C6;
	font-weight: bolder;
   font-size: large;
}
		 
		 
/* ---------------------là c'est les actualités --------------*/


#actusindex {
	width: 325px;
	height: 253px;
	float: right;
	margin-right: 15px;
	background-image: url(../images/fonactus.gif);
   background-repeat: no-repeat;
}

#textactusindex {
	width: 300px;
	height: 245px;
	font-size: 0.9em;
	color: White;
	text-align: justify;
	overflow: auto;
   float: right;
	padding-right: 8px;
	padding-left: 4px;
	padding-top: 4px;
	font-weight: bold;
}

		 
/*------------là ces des div pour images-------------------------*/

#illG {
	padding-top: 75px;
	width: 80px;
	float: left;
	margin-right: 15px;

}

#illindex {
	padding-top: 75px;
		width: 100px;
	float: left;
	margin-right: 0px;

}

#illD {
	width: 80px;
	float: right;
	padding-top: 75px;
}

.gal {
	width: 740px;

	padding-right: 10px;
	 padding-left: 10px;
	margin-bottom: 35px;
}


/*----------------------------- là c'est juste pour eux... ---------------------------*/

#ecouter {
   padding-left: 20px;
	width: 320px;
	float: left;
}


#voir {
	width: 320px;
	padding-right: 35px;
	float: right;
}

#pro {
	margin-left: 20px;
	width: 320px;
	float: left;
}


#presse {
	margin-right: 20px;
	width: 320px;
	float: right;
}


/*------------------------pieds et  menus -------------------------------------------*/

#pied {
   background-image: url(../images/titres/piedindex.jpg);
	background-repeat: no-repeat;
	width: 760px;
	height: 174px;
}

#menulisteh {

	width: 760px;
	font-size: 0.9em;
	border-top: 2px solid #BC0016;
	border-bottom: 6px double #BC0016;
   margin-bottom: 10px;
}

#menulisteb {

	width: 760px;
	font-size: 0.9em;
	border-top: 6px double #BC0016;
	border-bottom:  2px solid #BC0016;
}

#clear {
	clear: both;
}