/* CSS Document *zengrafom. Marie Pédrotti kit 1*/
body {
	font-family: verdana, arial, helvetica, sans-serif;
	margin : 0;
	padding: 0;
	font-size : 80%;
	color: #000000;
	background-color: #FAF4D5;
	}
a, a:link {
	color : #000000;
	text-decoration : none;
	}
a:hover {
	color: #ff8a00;
	}
#conteneur {
	text-align: center;
	}
	
#bloc-centre {
	margin-left: 1%;
	margin-right: 1%;
	text-align: left;
}	

#bloc-haut {
	color:#000000;
}
/*
#bloc_orange {
	float : left; 
	text-align:center;
	width : 190px;
	color:#000000;
	background-color : #ffffff;
	}*/
#bloc_rouge {
	top : 0;
	width : 100%;
	background-color : #B6CC8A;
	text-align:center;
	}
#bloc_rouge ul{
	margin : 0;
	padding-left: 0px;
	padding-top:7px;
	padding-bottom:9px;
	}
#bloc_rouge li{
	font-size : 100%;
	display: inline;
  	list-style-type: none;
 	color :#000000;
  	margin : 1em;
  	line-height: 10px;
  }
#bloc_rouge a, a:link {
	color : #000000; text-decoration : none;
	}
#bloc_rouge a:hover {
	color: #ff8a00;
	}
#gauche {
	float:left;
	margin-top : 3px;
	width: 190px;
	left : 2px;
	padding: 5px;
	border : solid 2px #66cc00;
	background-color: #FFFFFF;
	}
#gauche a, a:link {
	color : #000000; text-decoration : none;
	}
#gauche hr {
	background-color : #Ad1a12;
	margin-top : 108px;
	width : 100%;
	height : 3px;
	}
#gauche img {
	margin-left : 2px;
}
#gauche ul {
	list-style-type: none;
	text-align : left;
	padding : 0;
	margin : 0;
	height : 20px;
	}
#gauche li{
	color :#000000;
	line-height:20px;
	}
#gauche li.rouge { 
	background :#D8ECBB;
	color :#000000;
	font-size : 1em;
	padding : 3px;
} 
#droite-index {
	margin-right: 1px;
	background-color: #ffffff;
	margin-left: 210px;
	padding:5px;
	margin-top:3px;
	border : solid 2px #66cc00;
	}
#droite-index p{
	background: url(images/backh4.jpg) repeat;
	text-align : center;
	color :#000000;
	font-size : 1em;
	font-weight : bold;
	padding : 6px;
	margin : 0;
} #droite-index h4 {
	border:#0066FF solid 2px;
	color :#000000;
	text-align:center;
	font-size : 1.2em;
	padding : 6px;
	margin : 0;
} 
#droite-index h3 {
	border:#0066FF solid 2px;
	color :#000000;
	text-align:center;
	font-size : 1.2em;
	padding : 6px;
	margin : 0;
} 
#droite-index ul {
	background: url(images/backh4.jpg) repeat;
	list-style-type: none;
	border:#0066FF solid 1px;
	text-align : center;
	padding : 0;
	margin : 5px;
	}
#droite-index li{
	color :#000000;
	width: 95%;
	background:#ffffff;
	font-size : 1.2em;
	padding : 6px;
	}
#droite-index li.rouge { 
	background :#F38B36;
	color :#ffffff;
	font-size : 1em;
	padding : 6px;
} 
#droite {
	margin-right: 1px;
	background-color: #ffffff;
	margin-left: 465px;
	width: auto;
	padding:5px;
	margin-top:3px;
	border : solid 2px #66cc00;
	}
#droite hr {
	background-color: #Ad1a12;
	width: 90%;
	height: 1px;

	}
#droite p {
	margin: 8px;
	}
#droite p.gras{
	font-weight : bold;
	text-decoration : underline;
	text-indent : 20px;
	}
#droite p.bord{
	font-weight : bold;
	text-indent : 20px;
	color : #000000;
	padding : 3px;
	border : dashed 2px #Ad1a12;
	}
#droite p.fond{
	font-weight : bold;
	text-indent : 20px;
	color : #000000;
	padding : 3px;
	background-color :#FFF4D0;
	}	
#droite p.rouge{
	color : #FF0000;
	padding : 3px;
	text-decoration : underline;
	}
#droite p.center {
	text-align:center;
	}
#droite ul {
	list-style-type: none;
	text-align : justify;
	padding : 0;
	margin : 10px;
	}
#droite li{
	color :#000000;
	font-size : 1em;
	padding : 6px;
	}
#droite li.rouge { 
	background :#F38B36;
	color :#ffffff;
	font-size : 1em;
	padding : 6px;
} 
#droite h1, h2{
	text-align : left;
	background-color :#FFE16A;
	color :#000000;
	font-size : 1em;
	padding : 2px;
	margin: : 8px;
} 
#droite h3{
	background-color :#FFF4D0;
	text-align : center;
	color :#000000;
	font-size : 1em;
	padding : 6px;
	margin : 0;
} 
#droite img.left {
	border: 0;
	float : left;
	padding: 2px;
	}
/* CSS galerie*/
#galerie {
	margin-left: 0px;
	text-align: center;
	width: auto;
	}
.galerieA {
		margin-top: 10px;
		width: auto;
		}
#galerie img {
		margin-bottom: 10px;
		border: 1px solid #aaa;
		padding: 9px;
		}
/* fin galerie*/	

#droite a, a:link {
	color : #Ad1a12; text-decoration : none;
	}
#milieu {
	float : left;
	padding-left : 2px;
	margin-top : 3px;
	margin-left : 6px;
	background: #ffffff;
	width: 250px;
	border : solid 2px #Ad1a12;
	}
/*milieu news*/
#milieu_news{
	float : left;
	padding-left : 0px;
	margin-top : 3px;
	margin-left : 6px;
	background: #ffffff;
	width: 250px;
	border : solid 2px #Ad1a12;
	}
#milieu_news hr {
	background-color : #Ad1a12;
	width : 90%;
	height : 3px;
	margin-top : 0;
	}
#milieu_news p {
	margin: 5px;
	padding: 3px;
	font-size : 100%;
	text-align:justify;
	}
#milieu_news p.center {
	text-align:center;
	}
#milieu_news p.fond{
	color : #000000;
	padding : 3px;
	margin:5px;
	border : solid 1px #Ad1a12;
	background-color : #FFF4D0;
	}
#milieu_news p.background{
	color : #000000;
	padding : 3px;
	margin:5px;
	background-color : #99ccff;
	text-align:center;
	}
#milieu_news p.backgroundA{
	color : #FF0000;
	padding : 3px;
	margin:5px;
	background-color : #FFF4D0;
	text-align:center;
	}
	/*fin milieu_news*/
#milieu hr {
	background-color : #Ad1a12;
	width : 90%;
	height : 1px;
	margin-top : 0;
	}
#milieu p {
	margin: 5px;
	font-size : 100%;
	}
#milieu p.center {
	text-align:center;
	}
#milieu p.fond{
	font-weight : bold;
	color : #000000;
	padding : 2px;
	border : dashed 1px #Ad1a12;
	}
#milieu p.background{
	color : #000000;
	padding : 3px;
	margin:5px;
	background-color : #99ccff;
	text-align:center;
	}
.blanc {
	margin : 3px;
	color : #ffffff;
	}
.rouge {
color : #ff0000;
font-weight:bolder
}
img.middle {
	vertical-align: middle;
}
img.border {
	border : solid 2px #Ad1a12;
	margin-top:5px;}
h1.middle {
	text-align : center; 
	}
.border {
	border : solid 2px #3399ff;
	}
.left{float: left;}