/* anam */

/*-------------------------------------------- GENERAL */
h1, h2, h3, address, p, ul, li{
	display:block;
	margin:0;
	padding:0;
}

html, body{
	font:100%/100% Verdana, Arial, Helvetica, sans-serif;	
	background:url(img/bg.gif) repeat-x 0px 1px #fff;
	margin:0;	
	padding:0;
}
 
#general{
	width:955px;
	margin:0 auto;
	padding:0;
}

#contenu{
	width:955px;
	margin:0 auto;
	background-color:#fff;
}

.contenu1{
background:url(img/bg-contenu1.gif) no-repeat bottom left;
}

.contenu2{
background:url(img/bg-contenu2.gif) no-repeat bottom left;
}

.contenu3{
background:url(img/bg-contenu3.gif) no-repeat bottom left;
}

/*-------------------------------------------- BANDEAU */
#bando{
	height:263px;
	margin:0;
	padding:0;
}

#bando p{
	width:535px;
	height:20px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#efedee;
	text-align:center;
	margin:0;
	padding:25px 0 0 0;
	border-bottom:solid 1px #efedee;
	float:left;
}

.rollover1{
	background:url(img/bg-rollover.gif) no-repeat 55px 36px;
}

.rollover2{
	background:url(img/bg-rollover.gif) no-repeat 125px 36px;
}

.rollover3{
	background:url(img/bg-rollover.gif) no-repeat 196px 36px;
}

.rollover4{
	background:url(img/bg-rollover.gif) no-repeat 295px 36px;
}

.rollover5{
	background:url(img/bg-rollover.gif) no-repeat 440px 36px;
}

#bando .img1{
	width:72px;
	height:61px;
	padding:16px 60px 0 20px;
	float:left;
}

#bando .img2{
	width:226px;
	height:61px;
	padding:15px 10px 0 20px;
	float:left;
}

.bando1{
background:url(img/bando1.jpg) no-repeat top left;
}

.bando2{
background:url(img/bando2.jpg) no-repeat top left;
}

.bando3{
background:url(img/bando3.jpg) no-repeat top left;
}

/* --------------------------------------------------ACTUS-ACCUEIL */
.blocactu{
	width:298px;
	height:200px;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#8a8a89;
	float:left;
	margin:0;
	padding:0 0 0 20px;
	border-bottom:solid 1px #8a8a89;
}

.blocactu p{
	width:158px;
	float:left;
	display:block;
}

.blocactu img{
	width:130px;
	margin:0;
	padding:0 10px 0 0;
	cursor:pointer;
	border:none;
	float: left;
}

.date{
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#7ea9bc;
	float:left;
}

.titre{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#8a8a89;
	float:left;
}

a.savoirplus {
	width:67px;
	height:12px;
	text-align:center;
	background:url(img/bg-bouton2.gif) no-repeat top left;
	margin:5px 0 0 0;
	display:block;
	float:left;
}

.txtclear-actu{
	height:10px;
	margin:0px;
	padding:0px;
	line-height:10px;
	clear:both;
}

/* --------------------------------------------------ACTUS-PAGE */
.blocactupage p.date2{
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#7ea9bc;
}

.blocactupage p.titrebis{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#8a8a89;
}

.blocactupage{
	width:580px;
	height:380px;
	margin:0;
	padding:0 0 0 20px;
	float:left;
	border-right:solid 1px #8a8a89;
	overflow: auto;
	border-left: solid 1px #8a8a89;
	border-bottom: solid 1px #8a8a89;
}

.blocactupage img{
	margin:0;
	padding:0 10px 0 0;
	float:left;
	cursor:pointer;
	border:none;
	display:block;
}

.blocactupage p{
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	margin:0;
	padding:0 10px 0 10px;
}

.bloclist{
	width:301px;
	height:360px;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#08529C;
	margin:0;
	padding:20px 20px 0 30px;
	float:left;
	overflow: auto;
	margin-bottom: 150px;
	border-bottom: solid 1px #8a8a89;
	border-right: solid 1px #8a8a89;
}

/*-------------------------------------------- ACCUEIL */
.bloc01{
	width:286px;
	height:230px;
	float:left;
	margin:0;
	padding:0 10px 0 20px;
	border-bottom:solid 1px #8a8a89;
	border-right:solid 1px #8a8a89;
}

.bloc01 p{
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#8a8a89;
	padding:3px 0 0 0;
}

/*-------------------------------------------- PRESENTATION */
.bloc02{
	width:922px;
	float:left;
	margin:0 0 150px 0;
	padding:0 10px 0 20px;
	border-bottom:solid 1px #8a8a89;
	border-right:solid 1px #8a8a89;
	border-left:solid 1px #8a8a89;
}

.bloc02 p{
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#8a8a89;
	padding:5px 0 0 0;
}

.bloc02 img{
	margin:0;
	padding:0 10px 20px 0;
	float:left;
	border:none;
	display:block;
}

/*-------------------------------------------- SERVICES */
.bloc04{
	width:445px;
	float:left;
	margin:0;
	padding:0 10px 0 20px;
	border-bottom:solid 1px #8a8a89;
}

.bloc04 p{
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#8a8a89;
	padding:5px 0 0 0;
}

.bloc04 img{
	margin:0;
	padding:0 10px 20px 0;
	float:left;
	border:none;
	display:block;
}

/*-------------------------------------------- CONTACT */
.bloc03{
	width:286px;
	height:230px;
	float:left;
	margin:0 0 150px 0;
	padding:0 10px 0 20px;
	border-bottom:solid 1px #8a8a89;
	border-right:solid 1px #8a8a89;
	border-left:solid 1px #8a8a89;
}

.bloc03 p{
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#8a8a89;
	padding:3px 0 0 0;
}

/* --------------------------------------------------FOOTER */
#footer{
	width: 100%;
	height:100px;
	border-top:1px solid #8a8a89;
	text-align:center;
}

#footer p{
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#8A8A89;
	text-align:center;
	padding-top:10px;
	clear: both;
}

#footer img{
	padding-bottom:5px;
	clear: both;
}

/* -------------------------------------------------- FORMULAIRE*/
label{
	display:block;
	float:left;
	width:70px;
}

form{
	margin:0;
}

.input{
	width:180px;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0px 0px 5px 0px;
	background-color: #fff;
	border:solid 1px #8a8a89;
}

textarea{
	width:180px;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0 0 5px 0;
	background-color: #fff;
	border:solid 1px #8a8a89;
}

#bouton{
	width:87px;
	height:18px;
	font:bold 10px verdana, Arial, Helvetica, sans-serif;
	color:#000;
	margin-left:164px;
	padding-bottom:5px;
	background-color:#fff;
	border:solid 1px #8a8a89;
}

#formulaire{
	width:298px;
	height:210px;
	text-align:justify;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#000;
	padding:20px 10px 0 10px;
	margin:0;
	border-bottom:solid 1px #8a8a89;
	border-right:solid 1px #8a8a89;
	float:left;
}

/*------------------------- LIENS -------------------------- */
a{
	text-decoration: none;
	color:#fff;
}

a:hover{
	text-decoration: none;
	color:#7ea9bc;
}

#footer a{
	text-decoration: none;
	color:#8a8a89;
}

#footer a:hover{
	text-decoration: none;
	color:#7ea9bc;
}

.bloclist a{
	text-decoration: none;
	color:#8a8a89;
}

.bloclist a:hover{
	text-decoration: none;
	color:#7ea9bc;
}

/*------------------------- TYPOS -------------------------- */
.txttop {
	font-size:10px;
	color:#666;
	display: block;
}

.txthidden{
	visibility:hidden;
	font:normal 8px Verdana, Arial, Helvetica, sans-serif;
}

.txtitalik{
	text-align:left;
	font:italic normal 9px Verdana, Arial, Helvetica, sans-serif;
	color:#8a8a89;
}

.txtbold{
	font-weight:bold; 
}

.txtclear{
	height:1px;
	margin:0px;
	padding:0px;
	line-height:1px;
	clear:both;
}

.txttitre{
	text-align:left;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	padding:5px 0 5px 20px;
	line-height: 20px;
}

.txttitre2{
	text-align:left;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	padding:5px 0 5px 0px;
	line-height: 20px;
}

.txtbarre{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#8a8a89;
	padding:5px 0 0 0;
}

.floatleft{
	float:left;
	border-left:solid 1px #8a8a89;
	border-right:solid 1px #8a8a89;
	margin-bottom:150px;
}

.alignright{
	text-align:right;
}


/******** modif *******/

.balade {
	float:left;
	width:630px;
}

.balade p {
	font-size:12px;
	padding:2px 0 2px 0;
}

.rouge {
	color:#FF0000;
}

#miniplan {
	cursor:pointer;
}

#miniplan img {
	cursor:pointer;
}