/* CSS Document */
body{
	padding:0px; 
	margin:0px; 
	background-color:#D6D6D6;
	/*background-color:#c4e4f7;*/
	background-image:url(elements/bg.gif); 
	background-repeat:repeat-x; 

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; line-height:18px; color: #666; 
}

#global{
	 width:900px; 
	 position:absolute;
     left: 50%; 
     margin-left: -450px; /* moitié de la largeur */
}

#footer{
	position:relative; 
	clear:both;
	padding-top:7px;
	background-color:#047390; 
	height:23px; 
	font-size:9px; 
	color:#FFFFFF
}

#header {
	background-image:url(elements/logo.gif); 
	background-position:10px; 
	background-repeat:no-repeat; 
	height:100px; padding:0px; margin:0px
}
#header .special { position:relative; top:20px; float:left;  left:220px;  font-size:11px; font-weight:bold;  color:#1C5A70}
#header .tel{ position: relative; width:280px; float:right; right:0px; top:10px;  padding:0px; margin:0px}

#menu{height:38px}
#menu .accueil{ padding-right:8px}
#menu .contact{padding-left:8px}

#slide {
	height:215px; 
	float:left; 
	background-color:#fff
}

#conteneur{ 
	float:left;
	background-color:#fff; 
	width:860px; 
	padding: 0px 20px 10px 20px;
}

#contenu {
	left:20px;
	width:600px; 
	padding-bottom:50px;
	display:block; 
	position: relative;
	float:left; text-align:justify; 
	
}

#contenu  li { margin-left:20px
}
/******************************************************SIDEBAR*******************************************************************************/
#sidebar{
	position:relative;
	width:220px;
	float:right;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#FF7F00; 
	font-weight:bold
}

#sidebar a{ text-decoration: none;  color:#00A0C6;  font-weight:bold}
#sidebar a:hover{ text-decoration: underline}

#sidebar p{ padding:10px 0px 10px 15px; margin:0px; background-image:url(elements/sidetrame.gif); background-repeat:repeat-x }
#accordeon{margin:5px 0px 5px 0px}

.toggler { background-color:#CDD5D6;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:13px; 
	cursor: pointer;
	color: #FFF;
	margin-bottom:1px;
	padding: 8px 0px 0px 40px;
	height:30px;
}


.element{ 
	padding:0px;
	margin:0px; 
}
/******************************************************H1 H2 H3*******************************************************************************/
.filariane{ color:#9EB7C9; font-weight:bold; font-size:10px}

H1{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#5894AD; font-weight: normal; /*background-image:url(elements/puce.gif); background-repeat:no-repeat; padding-left:22px;*/ padding-bottom:3px
}

H2{ 
	font-size:13px; 
	font-weight:bold; 
	color:#FF7F00; 
	margin:0px
}

#contenu  h2{ color:#000; font-size:12px
}

/*titre descriptif*/
H3{ 
	font-size:14px; 
	font-weight:bold; 
	color:#9EB7C9; 
	margin:15px 0px 5px 0px
}

H4{ 
	font-size:14px; 
	font-weight:bold; 
	color: #333333;
	margin:20px 0px 5px 0px
}

.haut{float:left; left:0px; position:absolute; margin-top:3px; display:block}
.small{font-size:9px}



/******************************************************CONTACT*******************************************************************************/
.label{  width:120px;  clear:both; float:left; display:block; font-size:11px
}
.label2{ position:absolute; left:330px;  width:120px;  font-size:11px
}
.col2{position:absolute; left:410px;}
INPUT{ margin-bottom:6px; font-size:11px
	
}

#coordonnees { color:#000000; 
	background-color:#F7F1DA; border: 1px solid #F0DA96;
	padding:15px 15px 15px 30px; 
	margin:15px 0px 15px
}

.radio{vertical-align:middle; }

#contact a{color:#FF7F00}
form select {margin-bottom:6px;}

/******************************************************ACCUEIL*******************************************************************************/
.title{ font-size:15px; font-weight:bold; color:#FFF; padding:4px 0px 4px 20px; display:block}
.title2{ font-size:15px; font-weight:bold; color:#FFF; padding:10px 0px 15px 80px; display:block}

.rouge a, .rouge{ color:#FF7F00}

.left, .right{ float:left}

#listing2{
	padding-top:7px;
	display:block; 
	clear:both; 
	height:60px; 
	text-align:left; 
}
#listing2 img{
	float:left; 
	padding:2px; 
	border: 1px solid #F0CE71;
	margin: 0px 0px 10px 6px; 
}

#listing2 .destination{ 
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold; 
	color:#000; 
	font-size:13px;
}

#colg{
	width: 230px; height:auto; position:relative; padding-bottom:100px;
	float:left; 
}

#cold{ padding-left:8px;
	width: 336px; 
	float:left; 
	margin-left:15px;  margin-bottom:50px	
}
#cold a{color:#FF7F00; font-size:11px; font-weight:bold; text-decoration:none}
#cold a:hover {text-decoration:underline}

#flashez{ background-image:url(elements/titre_accueil.gif); background-repeat:no-repeat; margin-bottom:20px; height:300px}
#flashez img{ padding-bottom:2px; margin:0px; border:0px; float:left}

#top_week{ margin-bottom:20px; height:140px; background-image:url(elements/topweek.gif); background-repeat:no-repeat;}
#top_week a{padding-left:20px; font-size:11px; font-weight:bold; text-decoration:none;  color:#FF7F00}
#top_week a:hover{text-decoration:underline}

#zoomsur{ height:100px; background-image:url(elements/titre_accueil.gif); background-repeat:no-repeat}

/******************************************************LISTING PRODUITS*******************************************************************************/

#listing{ 
	padding: 10px 0px 10px 10px; background-color:#F6EDCC; border: 1px solid #F0DA96; margin-bottom:10px; height:95px; width:580px
}

#listing a{
	color:#FF7F00
}

.img{ width:120px;
	float:left; 
	padding:2px; 
	border: 1px solid #F0CE71;
	margin-right:15px; 
}



.region, .pays{ font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#20596F; font-size:15px}
.destination{ font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#333; font-size:13px;}
.duree{ font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#FF7F00; font-size:16px; float:right; margin-right:20px}

.savoir{ background-image:url(elements/puce2.gif); background-repeat:no-repeat; background-position:0px 2px; padding-left:16px}
.sav{ border:0px;}
/******************************************************MOTEUR DE RECHERCHE + PAGINATION*******************************************************************************/

#recherche{ height:60px; margin:15px 0px 20px 0px; padding:10px; background-image:url(elements/fondfiltre.gif); background-repeat:no-repeat}
#filtre{ float:left; width:100%}
.filtre{ float:left; font-size:11px; font-weight:bold; color: #999999;}

#recherche select{ margin:0px 10px 0px 10px}
#recherche form{ float:left; margin:0px}
#pagination{ margin:0px; height:10px; clear:both}
.reponse{float:left;  color:#5894AD; padding-top:10px; margin:0px}

	.pagination {
		margin:0px;
		float:right;
		padding: 3px;
		}
	
	.pagination a {  
		display:block; 
		border: 1px solid #dedfde;
		margin-right:3px;
		padding:2px 6px;
		background-position:bottom;
		text-decoration: none;

		color: #0061de;		
	}
	.pagination a:hover, .meneame a:active {
		border: 1px solid #000;
		background-image:none;
		background-color:#0061de;
		color: #fff;
	}
	.pagination span.current {
		margin-right:3px;
		padding:2px 6px;
		font-weight: bold;
		color: #ff0084;
	}
	.pagination span.disabled {
		margin-right:3px;
		padding:2px 6px;
		color: #adaaad;
	}

/******************************************************FICHE*******************************************************************************/

.trait{ width:100%; height:1px; padding-bottom:10px}

.boutreserv{position:absolute; top:135px; right:0px; border:0px}


#produitselec{
	background-image:url(elements/fondlising.gif); 
	background-repeat:repeat-x; 
	background-position:bottom;
	padding-top:15px;
	width:100%; 
	display:block; 
	clear:both; 
	height:145px
}
.img2{ width:150px;
	float:left; 
	padding:2px; 
	border: 1px solid #9EB7C9;
	margin-right:20px; 
}

#basdepage{padding-top:10px; width:100%; clear:both}
#basdepage a{color:#FF7F00}
.boutresa{ float:right;  border:0px}
.retour{float:left; left:0px;}


#note {  background-color:#F7F1DA; border: 1px solid #F0DA96;  text-align:center; color: #666666; line-height:23px; font-size:13px; padding:10px 0px 10px 0px}
#clause{ margin-top:20px; padding:0px 15px 15px 15px; background-color:#F7F1DA; border: 1px solid #F0DA96; float: left; width:570px;  font-size:12px; line-height:16px; color: #666666}
#descriptif{ width:540px; margin-bottom:10px; font-size:12px; line-height:18px; color: #666666; float:right; clear:both}


.trame{ 
	background-color: #EAEAEA;
	text-align:center;
	height:25px;
	width:400px; 
	margin:0px 0px 5px 0px;
	padding-top:5px
}

#broch1, #broch2 { padding:25px 0px 25px 0px}

#tab table{ width:100%; border: 0px solid #9EB7C9; }
#tab tr{border: 1px solid #9EB7C9; padding:0px; margin:0px  }
#tab th{ background-color:#9EB7C9;border: 1px solid #fff;  color:#000000; text-align:center; padding:10px}
#tab td{border: 1px solid #9EB7C9; padding:0px; margin:0px ; text-align:center; font-size:11px}
#tab .align{ text-align:left; padding:5px}


#text{ float:left; width:380px}
#textzoom{ float:left; width:585px}
#img{ float:left; margin-left:25px; margin-top:40px}

#avis{  background-color:#F7F1DA; border: 1px solid #F0DA96; color: #666666; padding:10px; margin:20px 0px 20px 0px; float:left; width:555px}