@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0; /* pour éviter les marges */   
	text-align: center; 
	background-color:#333;
	color: #000;
}

td img {display: block;}

a {
	color:#666;
	text-decoration:none;
}	

a:hover {
	color:#000;
	text-decoration:underline;
}	

#container {
 margin-left: auto;
 margin-right: auto;
 width:970px;  
 text-align: left;
 background-color:#E3E4E5;
/* border:#0F0 thin solid; */
 display:block;
 min-height:300px;
}

#header {
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	width:970px;
	height:295px;
/*	background:url(/images2010/panoramas/bandeau.jpg);
	border:#F00 medium solid; */
	}
	
/*
#header_text	{
	color:#FFF;
}
#header_text_2	{
	position:absolute;
	color:#FFF;
	font-size:36px;
	text-transform:capitalize;
	margin-left:300px;
	margin-top:100px;
	}
*/
#onglets {
	text-align:left;
	position:relative;
	line-height:27px;
	vertical-align:middle;
	float:right;
	color:#333;
/*	border:#F00 medium solid; */
	width:650px;
	height:30px;
	display:block;
	}
	
#onglets a {
	color:#333;
	text-decoration:none;
	}
	
#onglets a:hover {
	color:#FFF;
	}
	
#onglet1 {
	background-repeat: no-repeat; background-position: left top; background-image: url(/images2010/onglet_transparentv3.png);
	height:30px;	float:right;	padding-left:30px;   right:0px; position:absolute;
	z-index:1;	width:49em;
	}

	
#onglet2 {
	background-repeat: no-repeat;	background-position: left top;	background-image: url(/images2010/onglet_transparentv3.png);
	height:30px;	float:right;	padding-left:30px;   right:0px; position:absolute;
	z-index:2;	width:38em;
}
#onglet3 {
	background-repeat: no-repeat;	background-position: left top;	background-image: url(/images2010/onglet_transparentv3.png);
	height:30px;	float:right;	padding-left:30px;   right:0px; position:absolute;
	z-index:3;	width:24em;
}

#onglet4 {
	background-repeat: no-repeat;	background-position: left top;	background-image: url(/images2010/onglet_transparentv3.png);
	height:30px;	float:right;	padding-left:30px;   right:0px; position:absolute;
	z-index:4;	width:11em; 
}
#onglet1:hover { background-image: url(/images2010/onglet_transparentv3_hover.png); }
#onglet2:hover { background-image: url(/images2010/onglet_transparentv3_hover.png); }
#onglet3:hover { background-image: url(/images2010/onglet_transparentv3_hover.png); }
#onglet4:hover { background-image: url(/images2010/onglet_transparentv3_hover.png); }


#logo {
	z-index:50;
	margin-left:50px;
	margin-top:10px;
	width:200px;
	height:200px;
	float:left;
}

#main {
/*	border:#F00 thin solid; */
}

#contenu {
	position:relative;
	padding:0;
	float:left;
	width:580px;
/*	border:#00F thin solid;  */
	margin-left:10px;
    background-color:#E3E4E5;
}

#colonne_droite {
	position:relative;
	width:182px;
	float:right;
	display:block;
/*	border:#00F thin solid; 	 */
	margin-top:10px;
	}

#comptoirs_horizontaux {
	position:relative;
	margin:0;
	padding:0;
	width:auto;
	height:35px;
	line-height:35px;
	margin-left:30px;
	clear:both;
/*	border:#00F thin solid; */
/*     background-color:#999;*/
}

#colonne_gauche {
	margin-top:10px;
	margin-bottom:30px;
	width:161px;
	float:left;
	height:auto;
/* 	border:#F00 thin solid; */
	z-index:100;
}

#menu_gauche_haut {
	width:161px;
	height:11px;
	padding:0px;
	margin:0px;
	}

#menu_gauche_contenu {
	background:url(/images2010/menu_gauche_fond.png);
	width:161px;
	padding:0x;
	margin:0px;
/*	border:#F00 thin solid; */
font-size: 11px; 
}

.accordionWrapper{ margin-left:3px; margin-right:3px; overflow:hidden; }
.accordionWrapper img{vertical-align:top; border:0; margin:0; padding:0;}
.accordionWrapper div{display:inline; float:left; margin:auto; padding-top:1px;}
.accordionWrapper div.title{cursor:pointer; font-weight:bold;}
.accordionWrapper div.title a{ color:#000;}
.accordionWrapper div.title a:hover, .accordionWrapper div.title:hover{ color:#666; text-decoration:none;}
.accordionWrapper div.content{display:none; margin-left:1px;}
.accordionWrapper div.content a {text-decoration:none;}

#menu_gauche_bas {
	width:161px;
	height:15px;
	padding:0px;
	margin:0px;
}

#recherche_droit_haut {
	width:182px;
	height:30px;
	padding:0px;
	margin:0px;
}
#recherche_droit_contenu {
	background:url(/images2010/recherche_droite_fond.png);
	width:182px;
	padding:0px;
	margin:0px;
	color:#EEE;
	font-size:13px;
	font-weight:bolder;
}

#recherche_droit_bas_recherche {
	padding:0px;
	margin:0px;
	height:20px;
/*	border:#F00 thin solid;  */
}


#recherche_droit_bas {
	width:182px;
	height:10px;
	padding:0px;
	margin:0px;
}


.footer {
	margin-top:10px;
	position:relative;
	font-size:9px;
 	width:970px;  
	background-color:#E3E4E5;
	height:100px;
	display:block;
	clear:both;
	vertical-align:middle;
}
	
.alignvertical {
	float:right;
	padding:3px;
	} 	
	
	
	
.footer_text {
	width:680px;
	height:20px;
	text-align:center;
	float:right;
	margin-top:60px;
/*	border:#06C thin solid; */
	color:#999;
}	
.footer_text a {
	color:#888;
	text-decoration:none;
}	
.footer_text a:hover {
	color:#333;
	text-decoration:underline;
}	

h1 {
	font-size:16px;
}

h2 {
	font-size:14px;
}

h3 {
	font-size:12px;
}

.marge {
	margin: 8px;
	}
.titre_circuit {
	font-size: 14pt;
	font-weight: bolder;
	color: #333;
}

.code_pays {
	font-size: 14pt;
/*	color: #4A875D; */
	color: #3A774D; 
}
.duree_niveau {
	color: #333;
	font-weight: bolder;
	line-height: 15px;
	margin-bottom: 14px;
}

#form_recherche {
	padding:10px;
	margin:0px;
}
.titre_paragraphe {
	font-size:13px;
	color:#000;
	font-weight:bolder;
}

#comptoir_pays
	{
		font-weight:bolder;
		position:relative;
/*		border:#300 thin solid;*/
	}
		
#menupays	
	{
		font-weight:bolder;
		position:relative;
		margin-bottom:10px;
	}

.onglet_pays
{
	float:left;
	background-color:#ccc;
	padding:5px;
	position:relative;
	margin-bottom:10px;
	border-top:#EEE thin solid;
	border-left:#EEE thin solid;
	border-right:#AAA thin solid;
	border-bottom:#AAA thin solid;
}
.onglet_pays:hover
{
	background-color:#999;
	border-top:#AAA thin solid;
	border-left:#AAA thin solid;
	border-right:#EEE thin solid;
	border-bottom:#EEE thin solid;
}

.onglet_pays a:hover,.onglet_pays:hover
{
	text-decoration:none;
	color:#FFF;
}


.cadre_marron {
	border:#999 thin solid;
	background-color:#EEE;
}

.blanc_sur_vert {
	background-color:#333;
	color:#EEE;
}

.rouge_bold {
	color:000;
	font-weight:bolder;	
	}

.container_circuit
	{

	}
	
.separateur_circuit
	{
		background:#929FB1;
		height:1px;
		padding:0;
		margin:0;
		width:100%;

	}
	
.circuit_liste {
/*	border:#300 thin solid; */
	clear:both; 
	width:550px;
	height:75px;
	margin-left:20px;
	margin-right:20px;
	}

.circuit_liste a , .circuit_titre a, .circuit_prix_gras{
	color:#000;
	text-decoration:none;
	font-weight:bolder;
}

.circuit_code {
	font-size:11px;
	font-weight:bolder;
	color:#333;
}
.circuit_titre {
	font-size:13px;
	color:#000;
	clear:both;
	height:45px;
}
.circuit_detail {
	font-size:11px;
	color:#000;
}

.circuit_image {
/*	border:#0F0 thin solid; */
	float:left;
	padding:4px;
	width:98px;
	height:66px;
	text-align:center;
}
.circuit_texte {
	font-size:13px;
	float:left;
	width:320px;
/*	border:#00F thin solid; */
	padding:4px;
}

.circuit_prix {
	font-size:12px;
	color:#007B84;
	font-weight:bold;
	float:left;
	width:80px;
/*	border:#66F thin solid;  */
	padding:4px;
	text-align:center;
	vertical-align:middle;
	height:66px;
}


.rouge_bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #EE0000;
	text-align: center;
	vertical-align: middle;
	text-decoration:none;
}
.rouge_bold:hover {
	text-decoration: underline;
}

.lettrine_rouge_bold {
	font-size: 11px;
	font-weight: bolder;
		color: #EE0000;
}
.noir_bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	text-decoration:none;
}

/*
.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(checkbox.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}
.radio {
	background: url(radio.gif) no-repeat;
}
.select {
	position: absolute;
	width: 142px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
/*	height: 16px;
	padding: 2px 4px 0 4px;
	color: #333;
	font-size:9px;
	background: url(/images2010/select-back.gif) no-repeat;
	overflow: hidden;
}
*/

select {
	position:relative;
	width:155px;
	border: #666  thin solid;	
	background-color: #EEE;
	color: #333;
	font-size: 7pt;
	z-index:1;
}

input, textarea {
	position:relative;
	width:auto;
	border: #666  thin solid;	
	background-color: #EEE;
	color: #333;
	font-size: 7pt;
	z-index:1;
}
#colonne_droite input {
	border:none;
	background-color: #999;
}

#checkbox
{
width:19px;
height:22px;
background:url(/images2010/checkbox_checked.png);
display:block;
float:left;
	}


#slideshow {
    position:absolute;
    height:350px;
    z-index:0;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:0;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}