
* {margin:0;padding:0}

body{font: 0.8em trebuchet MS, arial,sans-serif;background: url(images/bg.gif) top right;color:#333;}


a{ text-decoration:none;
	color:#04719C;}
a:hover{
	color:#8EA504;}

blockquote{
	margin:10px;
	padding : 5px;
	background : #ceedef;
	border:1px solid #04719C;
}

.clear { clear:both; border:0; margin:10px 0 0 0;}
.bold {font-weight:bold;}

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

a img{
	border:0px;
}

ul {
	list-style: none;
	padding: 0;
	margin:10px 0;
	}
ul.liste {
	list-style-image:none;
	list-style-position:inside;
	list-style-type:square;
}
ul.marg{
	margin-left:50px;
}
p{padding: 10px 0 5px 0;}

.corps ul {
	list-style:square;
	/*color:#04719C;*/
	margin: 10px 0 10px 50px;
}

.corps ol {
	margin-left:25px;
}

h2 a,h3 a,h4 a,h5 a:hover{
	color:#04719C;}
h2 a:hover,h3 a:hover,h4 a:hover,h5 a{
	color:#8EA504;}

#container{
	background-image:url(images/bg_container.gif);
	background-repeat:repeat-y;
	width:990px;
	margin:0;}

#colLeft{
	float:left;
	width:729px;
	margin:0;
	background:#FFF url(images/bg_header.jpg) top left no-repeat;
	border-right:1px solid #CCC;
	}

#colRight{
	float:left;
	width:260px;
	margin:0;}

/* -- Header --*/
.homeDossier{
	/*width:670px;*/
}

#header{float:left;width:730px;height:258px;}
#header .logo{float:left;margin:23px 0pt 0pt 27px;visibiliy:hidden}

#header .menu{
	float:right;
	color:#FFFFFF;
	width:172px;
	margin:35px 8px 0 0;
	}
#header .menu li {
	witdh:190px;
	background-repeat: no-repeat;
	border:solid 0px white!important;
	/*background-position:0px 7px;*/
}

#header .menu li a{
	height: 23px;
	text-decoration: none;
	border-bottom: 1px dotted #FFF;
	display: block;
	padding: 3px 0 0 3px;
	background-repeat: no-repeat;
	cursor:pointer;
}

#header .menu li a:hover img{
	visibility:hidden;
}

/* -- Colonne gauche --*/
#content{
	float:left;
	width:700px;
	margin:20px 15px 10px 15px;
	min-height:400px;}

#content .corps{
	float:left;
	width:100%;
	padding: 0 10px 0 0;}

#content .home .corps{
	float:left;
	width:375px;
	padding: 0 10px 0 0;}
#content .home .pub{
	float:left;
	width:310px;
	margin:0 0 0 5px;}

#content .corpsPlus{
	float:left;
	width:100%;
	padding: 0 10px 0 0;}

#content .corps h1{
	display:none;
}



#content .home  .corps h1,
#content .corps h2{
	color:#333;
	font-size:16px;
	text-transform: uppercase;
	background:  url(images/puce03.gif) no-repeat 0% 51%;
	padding: 0 0 0 10px;
	text-transform: uppercase;
	display:block;
}

#content .home  .corps h2,
#content .corps h3{
	color:#333;
	font-size:16px;
}

#content .home  .corps h3,
#content .corps h4, h4{
	color:#05729C;
	font-size:16px;
	text-transform: uppercase;
}

 #content .home  .corps h4,
#content .corps h5, h5{
	color:#8EA504;
	font-size:14px;
	font-weight:bold;
}
#content .corps h4{
	margin-top:10px;
}

#content .contenu ul{
	list-style: inside;
	padding: 5px 0 0 10px;}

#content .contenu h1{
	color:#333;
	font-size:16px;
	text-transform: uppercase;
	background:  url(images/puce03.gif) no-repeat 0% 51%;
	padding: 0 0 0 10px;}

#content .contenu h1{
	color:#333;
	font-size:16px;
	text-transform: uppercase;
	background:  url(images/puce03.gif) no-repeat 0% 51%;
	padding: 0 0 0 10px;}

#content .contenu .separe { clear:both; width:100%; height:10px; border-bottom:1px dotted #ccc; margin:10px 0;}


.blue{
	color:#04719C;}

.visu {
	float:left;
	width:160px;
	margin:0 0 10px 0;}

.visu img{
	border:1px solid #109EA3;
	float:left;
	margin:0 5px 0 0;}

.visu h2{
	color:#04719C;
	font-size:14px;
	font-weight:bold;}
.visu h2 a{
	color:#04719C;}
.visu h2 a:hover{
	color:#8EA504;}

.thema {
	background:url(images/thema.gif) top left no-repeat;}

.thema h3{
	color:#05729C;
	font-size:16px;
	text-transform: uppercase;
	padding: 10px 0 0 68px;}

.thema h4{
	color:#8EA504;
	font-size:16px;
	font-weight:bold;;
	padding: 10px 0 0 68px;}

.thema a {
	color:#04719C;}
.thema a:hover {
	color:#8EA504;}

#content .pub .presta{
	float:left;
	width:310px;
	height:150px;
	padding:30px 0 0 10px;
	margin:40px 0 0 0;
	font-weight:bold;
	font-size:14px;
	background: url(images/prestation.jpg) top left no-repeat;}

#content .pub .presta a img, #content .pub .voyage a img{
	padding:10px 0 0 0px;
	}


#content .pub .voyage{
	float:left;
	width:285px;
	height:99px;
	font-size:12px;
	background:transparent top left no-repeat;
	margin:40px 0 0 0;
	padding:40px 0 0 20px;}

#content .pub .voyage p{
	width:187px;
	font-size:11px;}


#content .pub .voyage a{
	background:url(images/fondboutonvert.png) top left no-repeat;
	color:white;
	font-size:11px;
	font-weight:bold;
	padding:0px 5px;
	text-transform:uppercase;
	}
#content .pub .presta a{
	background:url(images/fondboutonvert.png) top left no-repeat;
	color:white;
	font-size:11px;
	font-weight:bold;
	padding:0px 5px;
	text-transform:uppercase;
	}

 #content .pub .bloc02 a img{
	padding:10px 0 0 0px;
	}


#content .pub .bloc02{
	line-height:1.2em;
	float:left;
	width:285px;
	height:180px;
	font-size:12px;
	background: url(images/bloc_agence.jpg) top left no-repeat;
	margin:40px 0 0 0;
	padding:40px 0 0 10px;}

#content .pub .bloc02 p{
	width:250px;
	font-size:12px;}
#content .pub .bloc02 h4{
	color:#19807E;
	font-size:14px;}


#navi{
	font-size:10px;
	color:#05729C;
	padding:0 0 20px 0;
	clear:both;
	width:100%;
}
#navi a{
	text-decoration:underline;
	color:#05729C;
}
#navi a:hover{
	text-decoration:underline;
	color:#8EA504;}

.liste {
	float:left;
	width:100%;
	margin:0 0 10px 0;}

.liste .descriptif {
	font-weight:bold;
	}

.item{
	margin: 0 0 15px 50px;}
.item2{
	margin: 0 0 15px 10px;}

.item.article,.item.rubrique.travel{
	/*width:350px;*/
	/*float:left;*/
}

.encadre1{
	border:2px solid #04719C;
	margin : 5px 0 5px 0;
	margin-left:150px;
	padding:10px;
}

.encadre2{
	border:2px solid #8EA504;
	margin : 5px 0 5px 0;
	margin-left:100px;
	padding:10px;
}

.item.article p , .item.rubrique.travel p{
	padding-right:20px;
}

.item.document{
	width:200px;
	float:left;
	border:solid 1px #ccc;
	margin:5px;
	padding:5px;
	height:100px;
	overflow:hidden;
}
.item.document p{
	font-size:12px;
	line-height:14px;
	padding:3px 0;
}
.item.document p.typedoc{
	font-size:11px;
	line-height:12px;
	padding:0px 0;
}
.item img{;
	float:left;
	margin:0 5px 0 0;}

.item h3{
	color:#8EA504;
	font-size:14px;
	font-weight:bold;
	line-height:16px;
}
.item h3 a{
	color:#04719C;}
.item h3 a:hover{
	color:#8EA504;}

.item a {
	color:#04719C;}
.item a:hover {
	color:#8EA504;}

/*-- CoLonne Droite --*/

.lang{
	clear:both;
	width:40px;
	height:85px;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	padding:4px 0 0 2px;
	margin:0 0 15px 0;
	line-height:1.6em;
	background:url(images/bg_lang.jpg) top left no-repeat;}

.lang a{
	color:#666;}
.lang a:hover{
	color:#FFF;}
	
.lienlangue{
	margin-top: 8px;}

.contactRight{
	clear:both;
	padding:10px 0 0 10px;
	
}

.contactRight a{
	background:url(images/fondboutonbleu.png) top left no-repeat;
	color:white;
	font-size:11px;
	font-weight:bold;
	padding:0px 5px;
	text-transform:uppercase;
	margin-left:15px;
}

a.bluebutton{
	background:url(images/fondboutonbleu.png) top left no-repeat;
	color:white;
	font-size:11px;
	font-weight:bold;
	padding:0px 5px;
	text-transform:uppercase;
}

a.bluebutton:HOVER{
	color:white;
}


.contactRight p{
	color:#333;
	font-size:11px;
	margin:30px 0 0 8px;
	width:160px;
}

.contact p{
	color:#333;
	font-size:11px;
	}

.actu{
	float:left;
	width:260px;
	padding: 10px 0 0 10px;}
.actu p{
	padding:8px 0 0 0;}

.date{
	color:#999;}
.corps .date,.corpsplus .date{
	margin-bottom:-10px;
}

.actu h2{
	color:#333;
	font-size:14px;
	text-transform: uppercase;
	background:  url(images/puce04.gif) no-repeat 0% 51%;
	padding: 0 0 0 10px;}

.actu h3{
	color:#A3BD07;
	font-size:12px;
	font-weight:bold;}
.actu h3 a{
	color:#A3BD07;}
.actu h3 a:hover{
	color:#05729C;}

.promo{
	float:left;
	width:239px;
	height:150px;
	margin:20px 0 20px 10px;
	border:1px solid #666;}

.lien{
	float:left;
	width:229px;
	margin:10px 0 20px 10px;
	padding: 10px 0 10px 10px;
	border:1px solid #ccc;
	background:#ceedef url(images/bg_lien.jpg) top left repeat-x;}
.lien ul {
	list-style: inside;
	color:#05729C;
	font-size:11px;
	padding: 5px 0 0 0;
	}
.lien a{
	color:#05729C;}
.lien a:hover{
	color:#8EA504;}

.lien p{
	padding:8px 0 0 0;}

.separe { clear:both; height:10px; border-bottom:1px dotted #999; margin:0 0 20px 0;}

.lien h2{
	color:#333;
	font-size:14px;
	text-transform: uppercase;
	background:  url(images/puce04.gif) no-repeat 0% 51%;
	padding: 0 0 0 10px;}
	
.diapo{
	float:left;
	width:324px;
	margin:20px 0 10px 10px;
	padding: 0px;
	border:0px solid #ccc;
}
	
.diapo h2{
	color:#333;
	font-size:14px;
	text-transform: uppercase;
	background:  url(images/puce04.gif) no-repeat 0% 51%;
	padding: 0 0 0 10px;}
	
.diapo img{
	border:solid 1px #666;
	margin-top:8px;
}

.FAQ {
	width:100%;
	margin:0px;   
}
.FAQ .FAQ_question{
	width:100%;
	/*background-color:#A3EFE2;*/
	margin:0;
	padding:3px;
	font-weight:bold;
}
.FAQ .FAQ_reponse{
	width:95%;
	padding-top:0px;
	padding-right:15px;
	padding-bottom:0px;
	padding-left:15px;
	margin:0;

}

/*-- FOOTER --*/
#footer{
	clear:both;
	width:732px;
	background: url(images/bg_footer.jpg) no-repeat;
	height:32px;
	font-size:0.8em;
	padding:20px 0 0 10px;}
#footer p{
	margin:0;
	padding:5px 10px:}

#footer .adress{
	float:left;
	color:#666;}
#footer .info{
	float:right;
	color:#05729C;
	margin:0 21px 0 0;}
#footer .info a{
	color:#05729C;}
#footer .info a:hover{
	color:#8EA504;}

/* -- formulaire --*/

input{
	 width:127px;
	 height:20px;
	 margin:0 8px 4px 0;
	 padding:0 ;
	 border: 1px solid #D5D5D5;
	 float:right;}

label{
	 float: left;}

textarea{
	 float:left;
	 width:408px;
	 padding:5px 0 0 0;
	 font-size:12px;
	 color:#333;
	 border:1px solid #D5D5D5;}

.titleInCorps{
font-size:20px
}

h4{
	color:#05729C;
	font-size:16px;
	text-transform: uppercase;
}
h5{
	color:#8EA504;
	font-size:14px;
	font-weight:bold;
}
.spip_bouton input {
background:#05729C none repeat scroll 0 0;
border:1px solid #CCCCCC;
color:#FFFFFF;
cursor:pointer;
font-size:1em;
font-weight:bold;
width:100px;
}
	 