/*   Charte :

Gris-foncé : #4A4A49
Gris-intermédiaire : #6A6969
Gris-clair : #9C9B9B
Rouge fonçé : #932826
rouge clair : #CC1719
*/


*{margin : 0 ; padding : 0 ; font-family : 'Segoe UI',"Segoe WPC",Helvetica, Arial, "Arial Unicode MS", Sans-Serif;  font-style : normal ;}
a, a:link, a:visited{font-style : normal ; text-decoration: none ; font-weight :normal; font-weight : bold; color : #555555 ;}
a:hover{ color : #333333 ;}
.spacer{clear : both;}
img {border : none;}
ol{padding-left : 25px;}
ul{padding-left : 25px;}
ul li{ margin : 0 0 0 10px; list-style-image: url("../images/puce.png")}
html{
	/*background-color : #cccccc; */
	width : 100% ;
	min-width : 1024px;
}
body{position : relative;}
div#contenant{max-width : 1024px;margin : auto;}
header{
}
h1{color: #6A6969;}
	h1.titrepage{font-size : 2em;}
	h1 a, h1 a:link, h1 a:visited,h2 a, h2 a:link, h2 a:visited,h3 a, h3 a:link, h3 a:visited{color:#9C9B9B;}
	h1 a:hover, h2 a:hover, h3 a:hover{ color : #333333 ;}
h2{font-size : 1.5em;color: #6A6969;}
h3{font-size : 1.3em; color :#9C9B9B;padding: 10px 10px 0 10px;}
	header #banniere{display : block; height : 180px;}
		#titrePage{display : block ; height : 93px ; font-size : 1.5em ; font-weight : bold ; text-align : left ; vertical-align : center ; font-style : italic ; padding : 50px 0 0 40px ; color : #9C9B9B;}
			.dsi{font-style : inherit;}
			.dsifr{color : #CC1719; font-style : inherit;}
			.sousTitre{font-style : italic ;}
		nav#menu{
			width : 100%;
			height : 37px ;
			bottom : 0;
			margin : 0 ; 
			padding : 0 ;
		}
			nav#menu ul.upperMenu{
				margin : 0 ; 
				padding : 0;
				display : block ;
			}
			nav#menu .upperMenu li{
				display : block ;
				width : 110px;
				height : 30px ;
				float : left ;
				padding : 7px 0 0 0 ;
				margin: 0 ;
				text-align : center;
			}
			nav#menu ul.socialMenu, nav#pied-page ul.socialMenu{
				margin : 0 ; 
				padding : 0;
				display : block ;
			}
			nav#menu .socialMenu li, nav#pied-page .socialMenu li{
				display : block ;
				width : 35px;
				height : 30px ;
				float : right ;
				padding :  0 ;
				margin: 0 ;
				text-align : center;
			}
				nav#menu li a,nav#menu li a:link,nav#menu li a:visited{color : #CC1719; display : block;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
				nav#menu li.Selected a,nav#menu li.Selected a:link,nav#menu li.Selected a:visited{color : #9C9B9B}
				nav#menu li:hover{}
				nav#menu li a:hover{font-weight : bold ;color : #9C9B9B}
	header #logo{height : 180px;}
.col1{width : 23%; padding : 0 1.5% ; margin : 0; float : left;}
.col2{width : 71%; margin : 0 2% 0 0; padding : 0; float : right;}
.col3{width : 33%; padding : 0 1.5% ; margin : 0; float : left;}
.col4{width : 61%; margin : 0 2% 0 0; padding : 0; float : right;}
.col5{width : 47%; padding : 0 1.5% ; margin : 0; float : left;}
.col6{width : 47%; margin : 0 2% 0 0; padding : 0; float : right;}
.colUnique{width : 96%; margin : 0 2%; padding : 0; clear : both;}
	div.contenu{
		width : 1024px;
		margin : auto ;
		margin-bottom : 10px;
		padding-bottom : 90px;
		clear : both;
	}
	.table{clear : both; overflow: auto; position : relative;}
	#contenu-texte{background-color : #F8F7F7; margin-top : 10px; margin-bottom : 40px ; color : #4A4A49 ; font-size : .9em;}
		#contenu-texte h1, #contenu-texte h2{padding : 10px 10px 0 10px;}
		#contenu-texte p{padding : 0 10px 10px 10px;}
	#humain{ position : absolute; bottom : 0; vertical-align : bottom;}
		#humain img{ position : absolute; bottom : 0;}
	#glossaire{
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
		background-color : #9C9B9B;
		position : relative;
		overflow : hidden;
		margin-top : 10px;
	}
		#glossaire h2, #news h2, #annonce h2, #adresse h2{
			display : block;
			font-size : .9em;
			text-align : center;
			color : #ffffff;
			-webkit-border-top-left-radius: 7px;
			-moz-border-radius-topleft: 7px;
			border-top-left-radius: 7px;
			-webkit-border-top-right-radius: 7px;
			-moz-border-radius-topright: 7px;
			border-top-right-radius: 7px;
			padding : 2px 0;
			background-color : #BCBBBB;
			font-style : italic ;
			min-height : 19px;
		}
		#glossaire ul{padding : 10px 0; }
		#glossaire li{
			padding : 1px 7px;
			color : #ffffff;
			font-size : .7em;
			font-style : italic ;
			line-height : 12px;
		}
		#glossaire p{
			margin : 10px;
			padding : 2px 7px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			background-color : #F8F7F7;
			color : #4A4A49 ;
			font-size : .7em;
			font-style : italic ;
			line-height : 13px;
			overflow : auto;
			max-height : 100px;
		}
		#glossaire .bas-glossaire, #news .bas-news, #annonce .bas-annonce, #adresse .bas-adresse{
			position : relative;
			bottom : 0;
			height : 15px;
			
			-webkit-border-bottom-left-radius: 7px;
			-moz-border-radius-bottomleft: 7px;
			border-bottom-left-radius: 7px;
			-webkit-border-bottom-right-radius: 7px;
			-moz-border-radius-bottomright: 7px;
			border-bottom-right-radius: 7px;
			background-image:linear-gradient(to left,#932826,#CC1719,#932826);
		}
	#adresse{
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
		background-color : #9C9B9B;
		position : relative;
		overflow : hidden;
	}
		#adresse .contenu-adresse{
			margin : 10px;
			padding : 0;
			background-color : #F8F7F7;
			position : relative;
			color : #4A4A49 ; 
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			min-height : 198px;
			/*text-align:right;*/
		}
		#adresse h3{	display : block;text-align : center; color: #4A4A49;}
		#adresse h3 span.ville{font-size : .6em; font-weight : normal;}
		#adresse p{padding : 1px 5px ; color: #4A4A49;text-align : center;}
		#adresse p input{
			height : 35px; 
			width : 180px; 
			margin : 5px 0 5px 0;
			font-weight : bold;
			color: #4A4A49
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
		}
		#adresse p input:hover{cursor : pointer;}
	#carousel{height : 250px; overflow : hidden;}
		#carousel img{width : 100%;}
		#carousel ul li{}
	#news{
		margin-top : 15px;
		padding-bottom : 1px;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
		background-color : #9C9B9B;
		position : relative;
	}
		#news .contenu-news{
			min-height : 100px;
			max-height : 150px;
			margin : 10px;
			padding : 5px;
			background-color : #F8F7F7;
			overflow : auto;
			position : relative;
			color : #4A4A49 ; 
			font-size : .7em;
			/*text-align:right;*/
		}
		#news .contenu-news a,#news .contenu-news a:visited{color:#ff0000;float:right;}
		#news .contenu-news a:hover{color:#4A4A49;}
		#news .contenu-news h3{clear : both; font-size : 1em;}
	#annonce{
		margin-top : 15px;
		padding-bottom : 1px;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
		background-color : #9C9B9B;
		position : relative;
	}
		#annonce .contenu-annonce{
			min-height : 100px;
			margin : 10px;
			padding : 5px;
			background-color : #F8F7F7;
			/*overflow : hidden;*/
			position : relative;
			 color : #4A4A49 ; 
			 font-size : .7em;
		}
		
	
	.col2.annonce h2{margin : auto; text-align:center; margin-bottom : 10px;}
	.col2.annonce .paragraphe {}
	.col2.annonce .centre {margin : auto;text-align:center;}
	.col2.annonce .rouge {color : #ff0000;}
	.col2.annonce ul {margin : 0 0 10px 15px ; padding : 0 0 0 10px ;}
	.col2.annonce li {margin : 0 0 0 5px ; padding : 0 ; font-style: normal; font-weight: normal; text-align: left; list-style-image : url(../images/puce.png) ; }
	
	
	footer{width : 1024px; background-image :  url("../images/footer.png"); padding-top : 110px;position : absolute; bottom : 0; background-repeat : no-repeat; }
		footer p {color : white;font-size : .55em;}
		footer #pied-page {padding-top : 60px; font-size : .8em;}
			footer #pied-page ul{padding-left : 90px;}
			footer #pied-page li{
				display : block ;
				width : 130px;
				height : 30px ;
				float : left ;
				color : #ffffff;
			}
			footer #pied-page a:link, footer #pied-page a:visited {font-weight : bold;color : #ffffff;}
			footer #pied-page a:hover{color : #4A4A49;}
			footer #pied-page li.Selected a,footer #pied-page li.Selected a:link,footer #pied-page li.Selected a:visited{color : #9C9B9B;}