html {
	margin : 0;
	padding : 0;
}
body{
	margin : 0;
	padding : 0;

	background-image: url(images/fond.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;

	font-family: arial
}
ul{
	margin: 0;
	padding: 0;
}
img a{
	border : 0;
	text-decoration:none;
}

.liens a{
	font-family: arial;
	color: #253a8a;
	font-variant: small-caps;
	text-decoration: none;
	font-weight: bold;
	border-bottom: dotted 1px #253a8a;
}
.imageflottantedroite{
	float: right;
	border: 0;
}
.imageflottantegauche{
	float: left;
	margin: 10px 15px 10px 0px;
}
p .imageflottantedroite{
	margin: 10px 0px 10px 15px;
}
.pub{text-align:center;}
.pub300{
	float:right
}
.separation{clear: both;}
p{
	margin:0;
	padding: 0px 10px 0px 10px;

	font-size: 0.8em;
	text-align: justify;
}

h1{
	margin:0;
	padding:0;

	margin-top: 10px;

	font-family: Verdana;
	font-style: italic;
	font-variant: small-caps;
}
h2{
	margin:0;
	padding: 15px 0px 0px 30px;
}
h3{
	margin:0;
	padding: 0;
	margin-left: 30px;

	font-size: 1em;
	color:#253a8a;
	border-bottom: dotted 1px #253a8a;
	display: inline;
}

a{color:#a90408;}
a:hover{color: #c56c02;}


.validation-advice{
	color:#cc0000;
		font-weight:bold;
}

.validation-failed2{
	color:#cc0000;
	margin-left:20px;
	font-weight:bold
}

#conteneur{
	margin-right: auto;
	margin-left: auto;
	width: 808px;
}


#entete {
	margin-right: auto;
	margin-left: auto;

	width: 800px;
}

#entete h1 {
	text-align: center;
	text-transform: small-caps;
	font-size:42px;
	font-weight:normal;
	letter-spacing: .1em;
	margin-bottom:-11px;
}

#entete h1 a{
	text-decoration:none;
}

#entete h1 .bleu{
	color:#233581;
}

#entete h1 .orange{
	color:#ec7f06;
}

.ligne li {
		display: inline;
		padding-left: 5px;
	}

.ligne img{border:0;}

.menu{
		margin-top: -17px;
		text-align: right;

		color: #c56c02;
	}
		.menu li{
			font-family: Arial;
			font-size: 0.7em;

			display: inline;
		}
		.menu a{
			text-decoration:none;
			color: #253a8a;
		}
		.menu a:hover{color: #c56c02;}


	#menuDeroulant{
		margin-top: 10px;
		padding-top: 3px;
		background-image: url(images/fondmenu.jpg);
		background-repeat: repeat-x;
		height: 76px;
		list-style-type: none;
	}
		#menuDeroulant li{ /* rubriques */
			float: left;
			width: 200px;
			text-align: center;
		}
		#menuDeroulant li ul li a:link, #menuDeroulant li ul li a:visited{
			display: block;
			height: 1%;
			color: #000;
			text-align: left;
			background: #fff;
			border-right: 1px solid #000;
			padding: 4px 8px;
			margin: 0;
		}


				#menuDeroulant .sousMenu{
					display: none;
					margin-top: 4px;

					line-height:20px;
					list-style-type: none;

					float: none;
					position: absolute;
					width: 200px;
					font-size: 0.75em;
					font-variant: small-caps;
					text-transform: none;
					background-color: #fff;

					z-index:1000;



				}

				*+html #menuDeroulant .sousMenu{
					margin-top:25px;
					margin-left:-150px;


				}


				#menuDeroulant .sousMenu li{
					float: none;
					margin: 0;
					padding: 0;
					border: 0;
					width: 200px;
					border-bottom: 1px dotted #253a8a;

				}
				#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited {
					display: block;
					color: #253a8a;
					margin: 0;
					border: 0;
					text-decoration: none;
				}
				#menuDeroulant .sousMenu li a:hover {
				background-image: none;
				background-color: #f4f5f6;
				color: #c56c02;
				}
		#menuDeroulant li:hover .sousMenu{ /* rubriques avec passage de la souris */
			display:block;
		}
		#menuDeroulant a{
			padding: 10px;

			font-family: Arial;
			font-size: 0.8em;
			font-weight: bold;
			text-transform: uppercase;
			text-decoration: none;
			color: #253a8a;
		}
		#menuDeroulant a:hover{color: #c56c02;}

#bandeau{
	text-align:center;
}

#contenu {
	margin-right: auto;
	margin-left: auto;
	margin-top: -40px;

	width: 790px;
	padding-left:10Px;

	min-height:650px;

	background: #fff url('images/fondbloc2.png') no-repeat;
}

#contenu.contenuAccueil{
	padding-left:0;
	width: 800px
}

#contenu h1{
	margin-left:4px;
	padding-left:4px;
}

#contenu.contenuAccueil h1{
	margin-left:0px;
	padding-left:5px;
}


.navig{
margin-top: -45px;
margin-bottom: 5px;
color: #253a8a;
font-size: 0.70em;

	font-family: arial;
}
.navig a{
	font-family: arial;
	color: #253a8a;
	text-decoration: none;
}
.navig a:hover{color: #c56c02;}
.blocGauche{
	float:left;
	width: 45%;
}
.blocDroite{
	float:left;
	width: 45%;
}
#contact .blocGauche{margin-left: 110px;}
#contact img{margin-bottom: 7px;}


#pays{
	width: 280px;
	float:right;
	margin: 0px -10px 5px 15px;
}
#pays a{
	font-family: arial;
	color: #253a8a;
	font-size: 0.9em;
	font-variant: small-caps;
	font-weight: bold;
	text-decoration: none;
}
#pays a:hover{color: #c56c02;}
	#image{
		float: left;
	}
	#image li{
		list-style: none;
		margin: -2px;

		border-bottom  /*\**/: 5px solid #ffffff\9;
	}



	#image img {border: 1px solid black;}
	#liste {
		float: right;
		margin-right: 10px;
	}
	#liste li{
		padding: 9px;
		list-style: none;
		margin-right: 3px;
		margin-bottom  /*\**/: 2px\9;
	}
	#liste img{
		border: 0;
	}
#intro li{
	margin-left: 9px;
	display: inline;
	padding: 0px;
	font-size: 0.85em;

}
#intro h1, #BonsPlans h1, h1{
	color: #e77d00;
	font-size: 1.5em;

	padding-left: 30px;
	margin-bottom: 10px;
}


#assurance{
	margin-right: auto;
	margin-left: auto;
	width:781px;
	height:182px;
	background-image: url(images/fondassurance.jpg);
	background-repeat: no-repeat;
	background-position: 0px 44px;
}
#assurance h1{
	font-size: 1.3em;
	color: #ffffff;
	background-image: url(images/assurance.png);
	background-repeat: no-repeat;
	height: 44px;
	padding-left: 30px;
	padding-top: 6px;
}

#assurance h1 a{
	color: #ffffff;
	text-decoration:none;
}

#assurance h1 a:hover{
	color: #ffffff;
	text-decoration:underline;
}

#assurance li{
	display: inline;
	padding-left: 70px;
	font-size: 1em;
}
#assurance li img, #assurancepage li img{
	border:0;
}
#assurance p{
	padding-right: 180px;
	padding-top: 10px;
}
#assurance .imageflottantedroite{
	margin-right: 50px;
	margin-top: 15px;
}

#texte{
	margin-left: 10px;
	width:470px;
	height: 248px;
	background-image: url(images/fondtexte.png);
	background-repeat: no-repeat;
	background-position: 0px 34px;
	float:left;
	margin-right:09px;
}
	#texte h1{
		background-image: url(images/fondtextetitre.png);
		background-repeat: no-repeat;
		padding-left: 30px;
		padding-top: 5px;
		height: 34px;

		color: #253a8a;
		font-size: 1.3em;
	}

#pubCarre{
		float:left;
		margin-top:6px;

}

#smallPub{
	margin-left: 50px;
	margin-top:15px;
	margin-bottom:15px;

}

#assurancepage{
	width:466px;
	height:216px;
	margin-left: 0px;
	margin-right:10px;
	background: url(images/fondassurance2.png) no-repeat;
}
	#assurancepage h1{
		font-size: 1.3em;
		font-size: verdana;
		color: #ffffff;
		padding-top: 4px;
		padding-left: 30px;
	}
	#assurancepage p{
		padding-right: 95px;
		margin-top: 10px;
	}
	#assurancepage .imageflottantedroite{
		margin-right: 0px;
		margin-top: 20px;
	}
	#assurancepage ul.liens{
	margin-top: 12px;
	}
	#assurancepage li{

		display: inline;
		padding-left: 20px;
		font-size: 1em;
	}


#bloc-page-droit{
	float:right;
	margin-right:0px;
}
#galerie{
	width:302px;
	height:112px;

	margin-left: 20px;
	background: url(images/fondgalerie.png) no-repeat;
}
	#galerie h1{
		font-size: 1.3em;
		font-size: verdana;
		color: #38498b;
		padding-top: 4px;
		padding-left: 30px;
	}
	#galerie ul, #galerie li, #galerie img{
		display: inline;
		list-style: none;

		margin-top: 12px;
		margin-left: 3px;
		padding:5;
		border:0;
	}




form{
	margin:0;
	padding: 0;

}
label{
	color: #a90408;
	display:block;

	float:left;
	width:150px;
	text-align:right;
	padding: 2px 10px 0px 0px;
	margin-top: 10px;
}
.form input{
	width:250px;
	height:17px;

	clear: left;
	margin-top: 10px;
}
.bouton{margin-left: 160px;}
.bouton input{
	width:70px;
	height:25px;
}

textarea{
		margin-top: 10px;
		width:400px;
		height:150px;
}

#BonsPlans ul, #BonsPlans li{
	display: inline;
	border: 0;
	padding-left: 25px;
}
#BonsPlans img{
	border: 0;
}


#boite{
	float: right;
	width: 302px;
	margin-left: 10px;
	margin-right: 20px;
}
#boite a{color:#a90408;}
#boite a:hover{color:#c56c02;}
.tabberlive .tabbertabhide {
 display:none;
}
.tabberlive .tabbertab .view-header{ /* Titre boite */
	font-size:1.3em;
	font-family: arial;
	font-style: italic;
}
.tabber {
	background: url(images/fondorganiser.png) no-repeat;
	width:303px;
	height:97px;
	display:none;
}
.tabberlive { /* boite */
	background: url('images/fondorganiser.png') no-repeat;
	width:303px;
	height:97px;
}
ul.tabbernav{
 margin:0;
 padding: 0;
 height:95px;
 position:absolute;
 right:11px;
}
ul.tabbernav li{
 list-style: none;
 margin: 0;
display:block;
}
ul.tabbernav li{
 	background: url('images/iconenonactive.png') no-repeat;
	width:22px;
	height:34px;
	display:block;
 	text-decoration: none;
}
ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }
ul.tabbernav li a:hover{color: #000;}
ul.tabbernav li.tabberactive{
	background: url('images/iconeactive.png') no-repeat;
	width:32px;
	height:34px;
}
*+html ul.tabbernav li{ margin-bottom:-3px;}
ul.tabbernav li a#nav1 /* Avion */{
	background: url('images/avion.png') no-repeat;
	width:22px;
	height:22px;
	position:absolute;
	top:5px;
	left:5px;
}
ul.tabbernav li a#nav2 /* Hotel */{
	background: url('images/maison.png') no-repeat;
	width:24px;
	height:24px;
	position:absolute;
	top:38px;
	left:6px;
}
ul.tabbernav li a#nav3 /* Voiture */{
	background: url('images/voiture.png') no-repeat;
	width:23px;
	height:23px;
	position:absolute;
	top:70px;
	left:5px;
}
ul.tabbernav li.tabberactive a:hover{color: #000;}
.tabbertab .view-header{ /* Titre des boîtes */
	margin:0;
	padding:0;
	color:#a90408;
	font-weight:bold;
    font-variant:  small-caps;
    line-height:25px;
    padding-left:30px;

    font-size:13px;
}
.tabbertab p{ /* Texte dans les boîtes */
	width:82%;
	margin-top:9px;
	text-align:justify;
	font-family: arial;
	font-size: 0.8em;
}
.tabberlive .tabbertab {
 padding:5px;
 border-top:0;
}
.tabbertab h2 {
display:none; }
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}
.tabberlive .tabbertab a:hover{
	text-decoration:underline;
}
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}





#pied {
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;

	height: 60px;

	background-image: url(images/fondpied.png);
	background-repeat: repeat-x;

	clear: both;
}
	#pied ul{
		padding-top: 5px;
		margin-right: auto;
		margin-left: auto;
		width: 800px;
	}
	#pied p{
		margin-top: 12px;
		text-align: center;
		color: #7180b3;
		font-size:0.7em;
	}
	#pied a:hover{color: #c56c02;}



#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(lightbox/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}

.clearer{
	clear:both;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block;
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}


.noborder {
	border:0;
	text-decoration:none;

}

table {
		width:95%;
}