/* CSS Document */

/*.......................Header.......................*/


#fond_ban {
	width: 100%;
	height: 125px;	
	background-image: url(../im_construction/head_fond.jpg);
	margin-top: 0;
}

#logo {
	width: 970px;
	height: 125px;
	background-image: url(../im_construction/fond_menu.png);
	margin: 0 auto;
}

#menu ul{
	margin: 0 0 0 30px;
	padding: 0;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}

#menu li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 101px 0 0 0;
}

#menu li a {
	display: block;
	width: 100px;
	height: 24px;
	color: #1768AF;
	text-decoration: none;
	text-align: center;
	line-height: 24px;

}

#menu a:hover, #menu a:focus {
	color: #FFF;
	display: block;
	width: 100px;
	height: 24px;
	background: #1768AF;
}

#menu2, #menu3, #menu4 {
	width: 970px;
	height: 25px;
	font-weight: bold;
}

#menu2 table, #menu3 table, #menu4 table {
	margin: auto;
	width: 100%;
	background: #FFF;
}

#menu5 table {
	margin: auto;
	width: 100%;
}

#menu2 td {
	text-align: center;
	width: 50%;
}

#menu3 td {
	text-align: center;
	width: 25%;
}

#menu4 td {
	text-align: center;
	width: 20%;
}

#menu5 td {
	height: 23px;
	text-align: center;
	width: 33%;
	background: #FFF;
	font-weight: bold;
}

#menu2 td a, #menu3 td a, #menu4 td a {
	display: block;
	height: 25px;
	text-decoration: none;
	line-height: 25px;
}

#band_blue {
	width: 100%;
	height: 10px;	
	background-image: url(../im_construction/blueline.jpg);
}

#fond_anim {
	width: 100%;
	height: 150px;
	text-align: center;
	background-color: #FDA200;
}

#band_blue2 {
	width: 100%;
	height: 10px;	
	background-image: url(../im_construction/blueline2.jpg);
}

/*.......................Page.......................*/


#page {
	position: relative;
	width: 970px;
	margin: 0 auto;
	height: auto;
}

/*.......................Footer.......................*/


#footer_1 {
	margin: 0 auto;
	padding: 5px 0;
	width: 100%;
	height: 30px;
	background-color: #1768B0;
}

#footer_2 {
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
	width: 100%;
	height: 15px;
}

/******************** navigation pages ********************/

#pages {
	text-align: right;
	width: 970px;
	height: auto;
	background: #fff;
	margin:auto;
	padding: 10px 0 10px 0;
   /padding: 10px 0 10px 0;
}

#pages a {
	color: #1768b0;
	text-decoration: none;
}

.clear {
	clear: both;
}

/******************** pages news CSS ********************/

#fondAffiche {
	width: 970px;
	background: #999;
}

a.news {
	color: #000;
	font-weight:normal;
	text-decoration: none;
}

a.news:hover, a.news:focus {
	color: #fff;
	text-decoration: none;
}

td.affiche-titre {
	font-weight: bold;
	background: #fda200;
	text-align: right;
	color: #000;
}

#postdate, #block_news_left, #block_news_right, #titre_news, #titre_news_left, #titre_news_right {
	width: 620px;
	margin:auto;
	background:#FFF;
	padding:5px;
}

#titre_news_left, #titre_news_right, #pdf_right, #pdf_left, #postdate_left, #postdate_right, #text_right, #text_left {
	display: block;
}

#titre_news_left, #titre_news_right {
	width:610px;	
}

#postdate {
	height: 35px;
}

#titre_news {
	height: 25px;
}

#block_news_left, #block_news_right {
	height: 150px;
}

#block_news_left img {
	float: left;
}

#block_news_right img {
	float: right;
}

#postdate_left, #postdate_right {
	color: #000;
	width: 400px;
	padding: 5px 15px;
	background: #f7c515;
}

#pdf_right, #pdf_left {
	padding: 5px 0;
	width: 220px;
}

#text_right, #text_left {
	text-align: justify;
	width: 450px;
}

#text_left {
	margin: 0 0 0 20px;
}

#text_right {
	margin: 0 20px 0 0;
}

#titre_news_left, #pdf_right, #text_right, #postdate_left {
	float: left;
}

#titre_news_right, #pdf_left, #text_left, #postdate_right {
	float: right;
}

#titre_news_right, #pdf_left, #postdate_right, #block_news_right {
	text-align: right;
}

/******************** pages contact CSS ********************/

#civilite {
	margin-top: 100px;
	width: 970px;
	padding-bottom: 10px;
}

#champs {width: 970px;}

textarea.contact {width: 963px; height: 200px;}

input.contact {width: 814px;}

#label {
	float: left;
	font-family: Verdana, Geneva, sans-serif;
}

#label {width: 150px;}

#champs ul, #civilite ul {margin: 0; padding: 0;}

#champs li {
	list-style-type: none;
	margin: 0 0 10px 0;
}

#civilite li {
	list-style-type: none;
	display: inline;
}

#civilite li {margin: 0 10px;}
