@font-face {
    font-family: 'AvantGardeMdITCTTRegular';
    src: url('../font/avangmi_-webfont.eot');
    src: url('../font/avangmi_-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/avangmi_-webfont.woff') format('woff'),
         url('../font/avangmi_-webfont.ttf') format('truetype'),
         url('../font/avangmi_-webfont.svg#AvantGardeMdITCTTRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Arial';
    src: url('../font/myriadpe-webfont.eot');
    src: url('../font/myriadpe-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/myriadpe-webfont.woff') format('woff'),
         url('../font/myriadpe-webfont.ttf') format('truetype'),
         url('../font/myriadpe-webfont.svg#Arial') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'CaviarDreamsRegular';
    src: url('../font/caviardreams-webfont.eot');
    src: url('../font/caviardreams-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/caviardreams-webfont.woff') format('woff'),
         url('../font/caviardreams-webfont.ttf') format('truetype'),
         url('../font/caviardreams-webfont.svg#CaviarDreamsRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CaviarDreamsBold';
    src: url('../font/caviardreams_bold-webfont.eot');
    src: url('../font/caviardreams_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/caviardreams_bold-webfont.woff') format('woff'),
         url('../font/caviardreams_bold-webfont.ttf') format('truetype'),
         url('../font/caviardreams_bold-webfont.svg#CaviarDreamsBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CaviarDreamsBoldItalic';
    src: url('../font/caviardreams_bolditalic-webfont.eot');
    src: url('../font/caviardreams_bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/caviardreams_bolditalic-webfont.woff') format('woff'),
         url('../font/caviardreams_bolditalic-webfont.ttf') format('truetype'),
         url('../font/caviardreams_bolditalic-webfont.svg#CaviarDreamsBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CaviarDreamsItalic';
    src: url('../font/caviardreams_italic-webfont.eot');
    src: url('../font/caviardreams_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/caviardreams_italic-webfont.woff') format('woff'),
         url('../font/caviardreams_italic-webfont.ttf') format('truetype'),
         url('../font/caviardreams_italic-webfont.svg#CaviarDreamsItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'EversonMonoLatin6Regular';
    src: url('../font/emlatin6-webfont.eot');
    src: url('../font/emlatin6-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/emlatin6-webfont.woff') format('woff'),
         url('../font/emlatin6-webfont.ttf') format('truetype'),
         url('../font/emlatin6-webfont.svg#EversonMonoLatin6Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

h2{
font-family: 'EversonMonoLatin6Regular';
font-size:20px;
font-weight:normal;
color:#666;
margin:0;
}
h3{
font-family: 'EversonMonoLatin6Regular';
font-size:18px;
font-weight:normal;
color:#33;
margin:0;
}
BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP:0px;PADDING-BOTTOM:0px;FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; background: url(../images/bga.jpg) #FFFFFF top center no-repeat;
}
#page
	{
		width:930px;
		height:auto;
		margin-left:auto;
		margin-right:auto;
	}
#pageinterne
	{
		width:980px;
		height:auto;
		margin-left:auto;
		margin-right:auto;
	}
#haut{
	width:930px;
	height:180px;
	position:relative;
	float: left;
	}
#hautinterne{
	width:980px;
	height:130px;
	position:relative;
	float: left;
	}	
#logo{
	width:200px;
	height:60px;
	padding-left:40px;
	position:relative;
	padding-top:10px;
	float: left;
	}
	
#menuhaut{
position:relative;
float: right;
width:500px;
height:30px;
}
#lienmenuhaut{
position:relative;
float: right;
width:300px;
height:45px;
padding-left:300px;
}

#lienmenuhaut ul{
	width:300px;
	margin:0;
	padding:0;
	display:block;
	float:left;
	position:relative;
	}
	
#lienmenuhaut ul li{
	position:relative;
	height:16px;
	float: right;
	display: inline;
	color: #CCC;
	line-height:14px;
	 font-family: 'Arial';
	font-size:14px;
		padding-top:7px;
		background:url(../images/puce.png) right top no-repeat;
	}
	
	#lienmenuhaut ul li.home{
	position:relative;
	height:25px;
	float:left;
	display: inline;
	color: #CCC;
	line-height:14px;
	font-family:Tahoma;
	font-size:11px;
		padding-top:5px;
		padding-left:20px;
		background:url(../images/puceli.png) right top no-repeat;
	}
	
	

#lienmenuhaut ul li a{

	text-align:center;
	text-decoration:none;
	height:16px;

	color: #FFF;
	 font-family: 'Arial';
	font-size:15px;
	padding-right:15px;
	padding-left:15px;
	}
	
#lienmenuhaut ul li a:hover{
	text-align:center;
	text-decoration:none;
	height:16px;
	color: #CCC;
	 font-family: 'Arial';
	font-size:15px;
	padding-right:15px;
	padding-left:15px;
}

#lienmenuhaut ul li a.hover{
	text-align:center;
	text-decoration:none;
	height:17px;
	color: #333;
	 font-family: 'Arial';
	font-size:11px;
	font-weight:bold;
}
#lienmenuhaut ul li a.arabe{

	text-align:center;
	text-decoration:none;
	height:25px;
	color: #999;
	font-family: "Traditional Arabic";
	font-size:18px;
	padding-right:10px;
	padding-left:10px;
	font-weight:bold;
	}
	#lienmenuhaut ul li a.arabe:hover{

	text-align:center;
	text-decoration:none;
	height:25px;
	color: #333;
	font-family: "Traditional Arabic";
	font-size:18px;
	padding-right:10px;
	padding-left:10px;
	font-weight:bold;
	}
	#langue{
	width:200px;
	height:20px;
	margin-left:470px;
	margin-top:15px;
	position:relative;
	float: right;
	color: #FFF;
	 font-family: 'Arial';
	font-size:12px;
	text-align:center;
	}
	
	#elan{
	width:280px;
	height:60px;
	position: absolute;
	top:44px;
	left:421px;
	color: #FFF;
	font-family: 'Arial';
	font-size:12px;
	text-align:center;
	}
	
	#langue a{

	text-decoration:none;
	color: #FFF;
	font-family: 'AvantGardeMdITCTTRegular';
	font-size:14px;
	padding-right:5px;
	padding-left:5px;
	padding-bottom:4px;
	}
	
	#langue a:hover{
	text-decoration:none;
	font-family: 'AvantGardeMdITCTTRegular';
	font-size:14px;
	padding-right:5px;
	padding-left:5px;
	background:url(../images/bglangue.png) no-repeat;
	padding-bottom:4px;
	}

	#langue a.actiflangue{
	text-decoration:none;
	font-family: 'AvantGardeMdITCTTRegular';
	font-size:14px;
	padding-right:5px;
	padding-left:5px;
	background:url(../images/bglangue.png) no-repeat;
	padding-bottom:4px;
	}
	#search{
	width:140px;
	height:20px;
	margin-top:15px;
	position:relative;
	margin-left:500px;
	float: right;
	background:url(../images/bgsearch.png) no-repeat;
	}
	
	#boutonsearch{
	float: right;
	position:relative;
	width:20px;
	height:12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:right;
	color:#666666;
	padding-right:10px;
	padding-top:4px;
	}
	#inputsearch{
	float:left;
	position:relative;
	width:100px;
	height:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	background:none;
	border:none;
	}
	
		.champ{
		 font-family: 'Arial';
		font-size:14px;
		color: #82abc8;
		width:215px;
		height:22px;
		padding-left:3px;
		background: url(../images/inputfidelys.png) no-repeat;
	border:none;
	}
	
	.champa{
		font-family: 'Arial';
		font-size:14px;
		color: #FFF;
		width:100px;
		height:20px;
		padding-left:3px;
		background: none;
	border:none;
	}
	
	.champcal{
		 font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		color: #666;
		width:145px;
		height:20px;
		padding-left:3px;
		margin-right:10px;
	border: 1px solid #CCCCCC;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background:url(../images/calendar.gif) no-repeat right #FFFFFF ;
	}

.champcalcomplexe{
		 font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		color: #666;
		width:200px;
		height:20px;
		padding-left:3px;
		margin-right:10px;
		background: #FFFFFF;
	border: 1px solid #CCCCCC;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background:url(../images/calendar.gif) no-repeat right #FFFFFF ;
	}
	
	
/* === NAV ===*/
#nav ul, #nav li { list-style: none;  float:left; padding:0; margin:0;  font-family: 'Arial';} 	
#nav { float: left; width: 910px;position: relative; padding-left:20px; height:32px;background:url(../images/bg_menu_header.png) repeat-x; z-index:9999;}
#nav ul { padding: 0; margin: 0px 0px 0px 0; font-size: 13px; float: left; }
	/* === FIRST LEV === */
#nav ul li { float: left; margin: 0; padding: 0; position: relative;  background:url(../images/puceli.png) right no-repeat; }
#nav ul li.nobg { float: left; margin: 0; padding: 0; position: relative;  background: none; }
#nav ul li a { padding:10px 15px 10px 12px;    font-family: 'Arial';  float: left; line-height: 1em; position: relative; color: #a4cbe9; text-decoration: none; font-size: 13px;font-weight: normal; }


#nav ul  li  a:hover,
#nav ul  li a:focus,
#nav ul  li.current > a { color:#000; background: none; font-weight: normal;}
#nav  ul li:hover > a {font-family: 'Arial'; font-weight: normal; background:url(../images/bgli.png) center top no-repeat ; color:#FFF; }
	/* === SUBNAVS === */
#nav ul ul { font-family: 'Arial';position: absolute; background: none; color:#a4cbe9; font-size: 12px; display: none;   z-index: 99999;}
#nav ul ul li { padding-right: 5px; margin-right: -5px; border-top:1px solid #214d6f; background:#052d4c;}
#nav ul ul li a { padding-left: 10px;  position: relative;  z-index: 999; color:#a4cbe9; }
#nav ul ul li a:hover { padding-left: 10px;  position: relative;  z-index: 999; color:#FFF; }
#nav ul ul li:first-child a { }

	/*subnav - first level*/
#nav ul li  ul { top: 37px; left: 0;}
#nav  ul li  ul  li:first-child { margin-top: -5px; }

	/*subnav - farther levels*/
#nav  ul li  ul ul { top: 4px; left: 196px; z-index: 99999; padding-top: 0;}
#nav ul  li  ul  li:first-child ul { top: 8px; }
#nav ul li ul li { margin-top: -3px; }
#nav  ul ul a { display: block; width: 165px; padding: 8px 10px;  text-decoration: none;}

/*enable subnav display on hover when js is off*/
#nav  ul li:hover ul,
#nav  ul li:focus  ul { display: block; }

/*disable subnav display on hover when js is on*/
#nav.js  ul li:hover  ul,
#nav.js  ul li:focus  ul {display: none; }




/* === NAV interne ===*/
#navinterne ul, #navinterne li { list-style: none;  float:left; padding:0; margin:0;  font-family: 'Arial';} 	
#navinterne li.none { list-style: none; margin: 0; padding: 0; position: relative;   font-family: 'Arial';} 	
	
#navinterne { float: left; width: 950px;position: relative; padding-left:30px; height:32px;background:url(../images/bg_menu_header.png) repeat-x; z-index:9999}
#navinterne > ul { padding: 0; margin: 0px 0px 0px 0; font-size: 13px; float: left; }
	/* === FIRST LEV === */
#navinterne > ul > li { float: left; margin: 0; padding: 0; position: relative;  background:url(../images/puceli.png) right no-repeat; }
#navinterne > ul > li.nobg { float: left; margin: 0; padding: 0; position: relative;  background: none; }
#navinterne > ul > li > a { padding:10px 15px 10px 12px;    font-family: 'Arial';  float: left; line-height: 1em; position: relative; color: #a4cbe9; text-decoration: none; font-size: 13px;font-weight: normal; }


#navinterne > ul > li > a:hover,
#navinterne > ul > li > a:focus,
#navinterne > ul > li.current > a { color:#000; background: none; font-weight: normal;}
#navinterne > ul > li:hover > a {font-family: 'Arial'; font-weight: normal; background:url(../images/bgli.png) center top no-repeat ; color:#FFF; }
	/* === SUBNAVS === */
#navinterne ul ul { font-family: 'Arial';position: absolute; background: none; color:#a4cbe9; font-size: 12px; display: none;   z-index: 99999;}
#navinterne ul ul li { padding-right: 5px; margin-right: -5px; border-top:1px solid #214d6f; background:#052d4c;}
#navinterne ul ul li a { padding-left: 10px;  position: relative;  z-index: 999; color:#a4cbe9; }
#navinterne ul ul li a:hover { padding-left: 10px;  position: relative;  z-index: 999; color:#FFF; }
#navinterne ul ul li:first-child a { }

	/*subnav - first level*/
#navinterne > ul > li > ul { top: 37px; left: 0;}
#navinterne > ul > li > ul > li:first-child { margin-top: -5px; }

	/*subnav - farther levels*/
#navinterne > ul > li > ul ul { top: 4px; left: 196px; z-index: 99999; padding-top: 0;}
#navinterne > ul > li > ul > li:first-child > ul { top: 8px; }
#navinterne ul li ul li { margin-top: -3px; }
#navinterne > ul ul a { display: block; width: 165px; padding: 8px 10px;  text-decoration: none;}

/*enable subnav display on hover when js is off*/
#navinterne > ul li:hover > ul,
#navinterne > ul li:focus > ul { display: block; }

/*disable subnav display on hover when js is on*/
#navinterne.js > ul li:hover > ul,
#navinterne.js > ul li:focus > ul {display: none; }
	
/*
#nav1 { position:relative;
float: left;
width:900px;
padding-left:30px;
height:32px;
background:url(../images/bg_menu_header.png) repeat-x;
z-index:999;
    font-family: 'Arial';
}

#nav1 ul { width:900px;
	margin:0;
	padding:0; }
#nav1 ul li { float:left; padding:0; margin:0; background:url(../images/puceli.png) right no-repeat;  }
#nav1 ul li.nobg { float:left; padding:0; margin:0; background: none; }
#nav1 ul li a { height:20px;font-family: 'Arial'; display:block; padding-top:8px; padding-left:15px; padding-bottom:4px; padding-right:15px; color:#a4cbe9; text-decoration:none;font-size:13px; }
#nav1 ul li a:hover { background:url(../images/bgli.png) center top no-repeat ; color:#FFF; text-decoration:none; }
#nav1 ul li a.current-cat { background:#FFF; text-decoration: none; }

#nav1 ul li ul { top:32px;  width:160px; }					
#nav1 ul li ul li { float:none;padding-top:5px; padding-left:10px; padding-bottom:3px; padding-right:10px; text-align:left; display:block; border-top:1px solid #214d6f; background:#052d4c;  }
#nav1 ul li ul li:hover {padding-top:5px; padding-left:10px; padding-bottom:3px; padding-right:10px; text-decoration:none;  border-top:1px solid #fff; background:#d9d9d9;  }
#nav1 ul li ul li a { float:none; padding:0; background:none; }
#nav1 ul li ul li a:hover { text-decoration:none; background:none;color:#CC0000; }
#nav1 ul .nav_sub_arrow { }												
#nav1 ul .nav_sub_arrow:hover, ul.menu .nav_sub_arrow_active { }			

#nav1 ul li ul li ul { top:-1px; padding:0; margin:0; left:145px; }			


ul.menusm { list-style:none; }
ul.menusm li { cursor:pointer; position:relative; z-index:999; }
ul.menusm li a { position:relative; z-index:1000; }
ul.menusm li ul { display:none; position:absolute; list-style:none; z-index:999; }
ul.menusm li ul li ul { position:absolute; list-style:none; }
*/
	
	
	#searchpromo{
	width:950px;
	height:290px;
	position:relative;
	float: left;
	background:url(../images/bganim.jpg) no-repeat;
	
	}
	
	#promo{
	width:350px;
	height:auto;
	position:relative;
	float: left;
	padding-left:10px;
	padding-top:8px;
	}
	
	#offres{
	width:350px;
	height:100px;
	position:relative;
	background:url(../images/bgslider.png) no-repeat;
	margin-top:10px;
	float: left;
	margin-left:10px;
	padding-top:4px;
	padding-left:5px;
	z-index:1;
	}
	#date{
	width:420px;
	height:20px;
	position:relative;
	padding-right:30px;
	float: left;
	text-align:right;
	padding-top:10px;
	font-family:Calibri;
	font-size:12px;
	color:#666666;
	}

#promobloc{
	width:442px;
	height:256px;
	position:relative;
	float: left;
	}
	
	#searchbloc{
	width:450px;
	height:270px;
	padding-left:30px;
	position:relative;
	float: left;
	padding-top:20px;
	}
	
	#menusearch{
position:relative;
padding-left:20px;
float: left;
width:420px;
height:27px;
}

#menusearch ul{
	width:420px;
	margin:0;
	padding:0;
	display:block;
	float:left;
	position:relative;
	}
	
#menusearch ul li{
	position:relative;
	height:27px;
	float:left;
	display: inline;
	color: #CCC;
	line-height:14px;
	font-family: Calibri;
	font-size:12px;
	
	border-right:1px dotted #FFFFFF;
	}
	
#menusearch ul li a{

	text-align:center;
	text-decoration:none;
	height:22px;
	display:block;
	color: #333;
	font-family: Calibri;
	font-size:13px;
	padding-right:10px;
	padding-left:10px;
	background: #E1E1E1;
	padding-top:5px;
	font-weight:normal;
	}
	
#menusearch ul li a:hover{
	text-align:center;
	text-decoration:none;
	height:22px;
	color: #FFF;
	font-family: Calibri;
	font-size:13px;
	padding-right:10px;
	padding-left:10px;
	background:#CC0000;
	display:block;
	padding-top:5px;
	font-weight:normal;
}

#menusearch ul li a.sactive{
		text-align:center;
	text-decoration:none;
	height:22px;
	color: #FFF;
	font-family: Calibri;
	font-size:13px;
	padding-right:10px;
	padding-left:10px;
	background: #CC0000;
	display:block;
	padding-top:5px;
	font-weight:normal;
}
	
		#reserver{
position: absolute;
left:0;
top:0;
float: left;
width:330px;
padding-left:10px;
height:auto;
}

		#lignesearch{
position:relative;
float: left;
width:330px;
height:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
padding-top:5px;
padding-bottom:7px;
}
.lignesearchvol{
float:left; position:relative; width:162px; height:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
}
		#lignesearch1{
position:relative;
float: right;
width:150px;
height:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
padding-top:8px;
background: none;
}


			#lignesearch .blocligne{

width:auto;
position:relative;
float:left;
text-align:left;
padding-left:5px;
padding-bottom:8px;
height:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#666;
}
			#lignesearch .bloclignead{

width:73px;
position:relative;
float:left;
text-align:left;
padding-top:3px;
height:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#666;
}

			#lignesearch .bloclignesep{

width:52px;
position:relative;
float:left;
text-align:left;
padding-left:10px;
height:40px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#666;
}
			#lignesearch .blocligne1{

width:65px;
float:left;
height:auto;
padding-top:2px;
position:relative;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
}


#contenu{
position:relative;
float: left;
width:930px;
height:auto;
background:url(../images/bgcontent.png) repeat-y;
}

#contenuinterne{
position:relative;
float: left;
width:980px;
height:auto;
background: #FFF;
color:#333;
line-height:18px;
font-family: 'Arial';
background:url(../images/bascontenu.jpg) repeat-x bottom #FFF;
}

#contenuinterne h1{

font-family: 'CaviarDreamsBoldItalic';
font-size:18px;
color: #C00;
font-weight:bold;
margin:0;
}
#leftcontenucontact{
position:relative;
float: left;
width:950px;
height:auto;
padding-left:20px;
padding-top:10px;
padding-bottom:20px;
}


#leftcontenucontact h2{
position:relative;
float: left;
width:950px;
height:30px;
border-bottom:1px dotted #CCC;
font-family: 'Arial';
font-size:20px;
font-weight:normal;
color:#666;

margin:0;
}

#leftcontenumap{
position:relative;
float: left;
width:960px;
height:auto;
padding-left:20px;
padding-top:10px;
padding-bottom:20px;
}


#leftcontenumap h2{
position:relative;
float: left;
width:960px;
height:30px;
border-bottom:1px dotted #CCC;
font-family: 'CaviarDreamsRegular';
font-size:24px;
font-weight:normal;
color:#666;

margin:0;
}

#leftcontenu{
position:relative;
float: left;
width:700px;
height:auto;
padding-left:20px;
padding-top:10px;
padding-bottom:20px;
}


#leftcontenu h2{
position:relative;
float: left;
width:700px;
height:30px;
border-bottom:1px dotted #CCC;
font-family: 'CaviarDreamsRegular';
font-size:24px;
font-weight:normal;
color:#666;

margin:0;
}

#leftcontenu h1{

font-family: 'CaviarDreamsBoldItalic';
font-size:18px;
color: #C00;
padding-left:10px;
font-weight:bold;
margin:0;
}

#leftcontenu h2 a{
font-family: 'CaviarDreamsRegular';
font-size:24px;
font-weight:normal;
color:#666;
text-decoration:none;
margin:0;
}

#leftcontenu h2 a:hover{
font-family: 'CaviarDreamsRegular';
font-size:24px;
font-weight:normal;
color: #BB0000;
margin:0;
text-decoration:none;
}

#leftcontenusearch{
position:relative;
float: left;
width:965px;
height:auto;
padding-left:15px;
padding-top:10px;
min-height:550px;
padding-bottom:20px;
}
#topleftcontenusearch{
position:relative;
float: left;
width:960px;
height:auto;
padding-top:10px;
padding-bottom:20px;
}

#mapsearch{
position:relative;
float: right;
width:430px;
height:auto;
padding-right:10px;
}
.imgheader{
position:relative;
float: right;
width:960px;
height:auto;
margin-bottom:20px;
}
.imgheader img{
width:940px;
height:200px;
}

#leftcontenusearch h2{
position:relative;
float: left;
width:940px;
height:30px;
border-bottom:1px dotted #CCC;
font-family: 'CaviarDreamsRegular';
font-size:24px;
font-weight:normal;
color:#666;

margin:0;
}

#leftcontenusearch h1{

font-family: 'CaviarDreamsBoldItalic';
font-size:18px;
color: #C00;
padding-left:10px;
font-weight:bold;
margin:0;
}

#leftcontenusearch h2 a{
font-family: 'CaviarDreamsRegular';
font-size:24px;
font-weight:normal;
color:#666;
text-decoration:none;
margin:0;
}

#leftcontenusearch h2 a:hover{
font-family: 'CaviarDreamsRegular';
font-size:24px;
font-weight:normal;
color: #BB0000;
margin:0;
text-decoration:none;
}


#blocleftcontenu{
position:relative;
float: left;
width:700px;
height:auto;
padding-top:10px;
font-family: 'Arial';
font-size:12px;
line-height:18px;
color: #333;
}

#blocleftcontenu p{
position:relative;
float: left;
height:auto;
width:auto;
font-family: 'Arial';
font-size:12px;
color: #333;
}
#blocleftcontenu img{
	margin-right:10px;
	margin-top:5px;
	float:left;
}
#blocleftcontenu h1{
font-family: 'CaviarDreamsBoldItalic';
font-size:18px;
color: #AA0000;
font-weight:bold;
margin:0;
padding-bottom:5px;
padding-left:0px;
}
#blocleftcontenu ul{
font-family: 'Arial';
font-size:12px;
color: #333;
padding-left:10px;
font-weight:normal;
margin:0;
}
#blocleftcontenu li{
font-family: 'Arial';
font-size:12px;
color: #333;
list-style: none;
font-weight:normal;
}

#blocleftcontenusearch{
position:relative;
float: left;
width:960px;
line-height:18px;
height:auto;
padding-top:10px;
font-family: 'Arial';
font-size:12px;
color: #333;
}

#blocleftcontenusearch p{
position:relative;
float: left;
height:auto;
width:auto;
font-family: 'Arial';
font-size:12px;
color: #333;
}
#blocleftcontenusearch img{
	margin-right:10px;
	margin-top:5px;
	float:left;
}
#blocleftcontenusearch h1{
font-family: 'CaviarDreamsBoldItalic';
font-size:18px;
color: #AA0000;
font-weight: normal;
margin:0;
padding-bottom:5px;
padding-left:0px;
}

#leftcontenusearch ul{
font-family: 'Arial';
font-size:12px;
color: #333;
padding:0;
font-weight:normal;
margin:0;
}
#leftcontenusearch li{
font-family: 'Arial';
font-size:12px;
color: #333;
/*list-style: none;*/
margin:0;
font-weight:normal;
}
#blocleftcontenusearch ul{
font-family: 'Arial';
font-size:12px;
color: #333;
padding:0;
font-weight:normal;
margin:0;
}
#blocleftcontenusearch li{
font-family: 'Arial';
font-size:12px;
color: #333;
/*list-style: none;*/
margin:0;
font-weight:normal;
}

#rightcontenu{
position:relative;
float: right;
width:230px;
height:auto;
background: #FFF;
padding-top:10px;
}

.bancontenu{
position:relative;
float: left;
width:950px;
height:auto;
background: #FFF;
}
#basfooter{
	width:930px;
	height: auto;
	position:relative;
	float: left;
	color: #0c3758;
	font-family: 'Arial';
	font-size:13px;
	padding-top:10px;
	padding-left:0px;
	}
#bas{
	width:900px;
	height: auto;
	position:relative;
	float: left;
	color: #0c3758;
	font-family: 'Arial';
	font-size:13px;
	padding-top:10px;
	padding-left:30px;
	}


.basbloc{
	width:200px;
	height: auto;
	min-height:200px;
	position:relative;
	float: left;
	color: #666;
	font-family: 'Arial';
	font-size:12px;
	padding-top:10px;
	margin-right:25px;
	border-right:1px dotted #CCC;
	line-height:18px;
	}
	
	
	.basbloc ul{
	width:200px;
	float:left;
	position:relative;
	margin:0;
	padding:0;
	}
	.basbloc ul li{
	color: #C00;
	font-family: 'Arial';
	font-size:14px;
	display:block;
	width:200px;
	margin:0;
	list-style:none;
	}

.basbloclast{
	width:200px;
	height: auto;
	position:relative;
	float: left;
	color: #666;
	font-family: 'Arial';
	font-size:12px;
	padding-top:10px;
	margin-right:30px;
	line-height:18px;
	min-height:200px;
	}
	
	.basbloclast ul{
	width:200px;
	float:left;
	position:relative;
	margin:0;
	padding:0;
	}
	.basbloclast ul li{
	color: #C00;
	font-family: 'Arial';
	font-size:14px;
	display:block;
	width:200px;
	margin:0;
	list-style:none;
	}


.basinterne{
	width:950px;
	height: auto;
	position:relative;
	float: left;
	color: #0c3758;
	font-family: 'Arial';
	font-size:13px;
	padding-top:10px;
	padding-left:30px;
	}
.basinternebas{
	width:950px;
	height: auto;
	position:relative;
	float: left;
	color: #0c3758;
	font-family: 'Arial';
	font-size:13px;
	padding-top:10px;
	padding-left:30px;
	padding-bottom:10px;
	}

#menubas{
	width:900px;
	height: 50px;
	background:url(../images/menubas.png) no-repeat;
	position:relative;
	float: left;
	color: #0c3758;
	font-family: 'Arial';
	font-size:13px;
	padding-top:10px;
	padding-left:30px;
	}
	
	#guidehoraire{
	width:157px;
	height: 45px;
	position:relative;
	float: left;
	color: #0c3758;
	font-family: 'Arial';
	font-size:11px;
	background:url(../images/guide-06.png) no-repeat;
	padding-left:35px;
	
	}
	
	#guidehoraire span{
	color: #5987aa;
	font-family: 'Arial';
	font-size:16px;
	}

	#guidehoraire a{
	
		text-decoration:none;
		color: #d4d4d4;
		font-family: 'Arial';
		font-size:11px;
		}
		
	#guidehoraire a:hover{
		text-decoration:none;
		font-family: 'Arial';
		font-size:11px;
		color:#FFF;
	}
	
	#reseautunisair{
	width:156px;
	height: 45px;
	position:relative;
	float: left;
	color: #0c3758;
	font-family: 'Arial';
	font-size:11px;
	background:url(../images/reseau.png) no-repeat;
	padding-left:42px;
	
	}
	
	#reseautunisair span{
	color: #5987aa;
	font-family: 'Arial';
	font-size:16px;
	}

	#reseautunisair a{
	
		text-decoration:none;
		color: #d4d4d4;
		font-family: 'Arial';
		font-size:11px;
		}
		
	#reseautunisair a:hover{
		text-decoration:none;
		font-family: 'Arial';
		font-size:11px;
		color:#FFF;
	}
	
	#guidefidelys{
	width:146px;
	height: 45px;
	position:relative;
	float: left;
	color: #0c3758;
	font-family: 'Arial';
	font-size:11px;
	background:url(../images/guide.png) no-repeat;
	padding-left:45px;
	
	}
	
	#guidefidelys span{
	color: #5987aa;
	font-family: 'Arial';
	font-size:16px;
	}

	#guidefidelys a{
	
		text-decoration:none;
		color: #d4d4d4;
		font-family: 'Arial';
		font-size:11px;
		}
		
	#guidefidelys a:hover{
		text-decoration:none;
		font-family: 'Arial';
		font-size:11px;
		color:#FFF;
	}
	
	#guidedivertissement{
	width:170px;
	height: 45px;
	position:relative;
	float: left;
	color: #0c3758;
	font-family: 'Arial';
	font-size:11px;
	background:url(../images/divers.png) no-repeat;
	padding-left:45px;
	
	}
	
	#guidedivertissement span{
	color: #5987aa;
	font-family: 'Arial';
	font-size:16px;
	}

	#guidedivertissement a{
	
		text-decoration:none;
		color: #d4d4d4;
		font-family: 'Arial';
		font-size:11px;
		}
		
	#guidedivertissement a:hover{
		text-decoration:none;
		font-family: 'Arial';
		font-size:11px;
		color:#FFF;
	}
	
	#facebooktwitter{
	width:80px;
	height: 45px;
	position:relative;
	float: right;
	color: #0c3758;
	font-family: 'Arial';
	font-size:11px;
	
	}
	
	#blocform{
	width:510px;
	height:370px;
	position:relative;
	float: left;
	padding-left:30px;
	color: #0c3758;
	font-family: 'Arial';
	font-size:11px;
	}
	
	#blocform h2{
	width:470px;
	padding-left:40px;
	padding-top:6px;
	height:26px;
	position:relative;
	float: left;
	background:url(../images/pucetitre.png) no-repeat;
	margin:0;
	color: #FFF;
	font-family: 'Arial';
	font-size:18px;
	font-weight:normal;
	}
	
	#blocformsearch{
	width:498px;
	padding-top:20px;
	padding-left:7px;
	/*height:300px;*/
	/*position:relative;*/
	float: left;
	color: #0c3758;
	background:url(../images/bgform.png) no-repeat;
	font-family: 'Arial';
	font-size:11px;
	}
	
	
	#blocformsearchmenu{
	width:143px;
	height:290px;
	position:relative;
	float: left;
	color: #0c3758;
	font-family: 'Arial';
	font-size:11px;
	}
	
	
	#blocformsearchcontenu{
	width:350px;
	height:270px;
	position:relative;
	float: left;
	color: #0c3758;
	font-family: 'Arial';
	font-size:11px;
	}
	/*--------------------------------------------*/
	.blocformwebchekin{
	width:253px;
	height:20px;
	position:relative;
	float: left; 
	color: #0c3758;
	font-family: 'Arial';
	font-size:11px;
	background:url(../ima ges/feature-tab.png) no-repeat;
	cursor:pointer;
	}
	.blocformwebchekin a{
	color: #779cbd;
	font-family: 'Arial';
	font-size:14px;
	}
	.blocformwebchekin a:hover{
	color: #FFF;
	font-family: 'Arial';
	font-size:14px;
	}
	
	.blocformwebchekin:hover{
	width:253px;
	height:20px;
	position:relative;
	float: left;
	color: #0c3758;
	font-family: 'Arial';
	font-size:11px;
	background:url(../images/feature-tab-cu rrent.png) no-repeat;
	}
	
	a.activewebchekin:link, a.activewebchekin:visited{
	width:253px;
	height:20px;
	margin-top:5px;
	padding-left:35px;
	margin-left:150px;
	position:relative;
	float: left;
	color: #FFF;
	font-family: 'Arial';
	font-size:14px;
	background:url(../images/avio n1.png) no-repeat;
	cursor:pointer;
	text-decoration:none;
	}
	
		
	
	#webcheckin-identification{
	width:500px;
	padding-top:20px;
	padding-left:7px;
	height:292px;
	margin-left:7px;
	/*position:relative;*/
	float: left;
	color: #0c3758;
	background:url(../images/bgform1.png) no-repeat;
	font-family: 'Arial';
	font-size:11px;
	}
	
	#webcheckin-identification-contenu{
	 
	padding-top:5px;
	padding-left:15px;
	 
	/*position:relative;*/
	float: left;
	color: #0c3758;
	 
	font-family: 'Arial';
	font-size:11px;
	}
	
	
	/*******************/
	.blocformsearchicon{
	width:143px;
	height:56px;
	position:relative;
	float: left;
	color: #0c3758;
	font-family: 'Arial';
	font-size:11px;
	background:url(../images/feature-tab.png) no-repeat;
	cursor:pointer;
	}
	
	.blocformsearchicon a{
	color: #779cbd;
	font-family: 'Arial';
	font-size:14px;
	}
	.blocformsearchicon a:hover{
	color: #FFF;
	font-family: 'Arial';
	font-size:14px;
	}
	
	.blocformsearchicon:hover{
	width:143px;
	height:56px;
	position:relative;
	float: left;
	color: #0c3758;
	font-family: 'Arial';
	font-size:11px;
	background:url(../images/feature-tab-current.png) no-repeat;
	}
	
	.blocformsearchiconactive{
	width:143px;
	height:56px;
	position:relative;
	float: left;
	color: #0c3758;
	font-family: 'Arial';
	font-size:11px;
	background:url(../images/feature-tab-current.png) no-repeat;
	}
	.blocformsearchiconactive a{
	color: #FFF;
	font-family: 'Arial';
	font-size:14px;
	}
	.blocformsearchiconactive a:hover{
	color: #FFF;
	font-family: 'Arial';
	font-size:14px;
	}
	
	a.reserveracheter:link, a.reserveracheter:visited{
	width:98px;
	height:41px;
	margin-top:10px;
	padding-left:35px;
	margin-left:10px;
	position:relative;
	float: left;
	color: #0c3758;
	font-family: 'Arial';
	font-size:14px;
	background:url(../images/avion.png) no-repeat;
	cursor:pointer;
	text-decoration:none;
	}
	
	a.reserveracheter:hover{
	width:98px;
	height:41px;
	margin-top:10px;
	padding-left:35px;
	margin-left:10px;
	position:relative;
	float: left;
	color: #FFF;
	font-family: 'Arial';
	font-size:14px;
	background:url(../images/avion1.png) no-repeat;
	cursor:pointer;
	text-decoration:none;
	}
	
	a.activereserver:link, a.activereserver:visited{
	width:98px;
	height:41px;
	margin-top:10px;
	padding-left:35px;
	margin-left:10px;
	position:relative;
	float: left;
	color: #FFF;
	font-family: 'Arial';
	font-size:14px;
	background:url(../images/avion1.png) no-repeat;
	cursor:pointer;
	text-decoration:none;
	}
	
	a.hotel:link, a.hotel:visited{
	width:84px;
	height:31px;
	margin-top:10px;
	padding-left:44px;
	padding-top:8px;
	margin-left:10px;
	position:relative;
	float: left;
	color: #779cbd;
	font-family: 'Arial';
	font-size:14px;
	background:url(../images/hotel.png) no-repeat;
	cursor:pointer;
	text-decoration:none;
	}
	
	a.hotel:hover{
	width:84px;
	height:31px;
	margin-top:10px;
	padding-left:44px;
	padding-top:8px;
	margin-left:10px;
	position:relative;
	float: left;
	color: #FFF;
	font-family: 'Arial';
	font-size:14px;
	background:url(../images/hotel1.png) no-repeat;
	cursor:pointer;
	text-decoration:none;
	}
	
	a.voitures:link, a.voitures:visited{
	width:84px;
	height:31px;
	margin-top:10px;
	padding-left:44px;
	padding-top:8px;
	margin-left:10px;
	position:relative;
	float: left;
	color: #779cbd;
	font-family: 'Arial';
	font-size:14px;
	background:url(../images/voiture.png) no-repeat;
	cursor:pointer;
	text-decoration:none;
	}
	
	a.voitures:hover{
	width:84px;
	height:31px;
	margin-top:10px;
	padding-left:44px;
	padding-top:8px;
	margin-left:10px;
	position:relative;
	float: left;
	color: #FFF;
	font-family: 'Arial';
	font-size:14px;
	background:url(../images/voiture1.png) no-repeat;
	cursor:pointer;
	text-decoration:none;
	}
	
	a.volencours:link, a.volencours:visited{
	width:84px;
	height:37px;
	margin-top:10px;
	padding-left:44px;
	padding-top:2px;
	margin-left:10px;
	position:relative;
	float: left;
	color: #779cbd;
	font-family: 'Arial';
	font-size:14px;
	background:url(../images/vol.png) no-repeat;
	cursor:pointer;
	text-decoration:none;
	}
	
	a.volencours:hover{
	width:84px;
	height:37px;
	margin-top:10px;
	padding-left:44px;
	padding-top:2px;
	margin-left:10px;
	position:relative;
	float: left;
	color: #FFF;
	font-family: 'Arial';
	font-size:14px;
	background:url(../images/vol1.png) no-repeat;
	cursor:pointer;
	text-decoration:none;
	}
	
	a.horaires:link, a.horaires:visited{
	width:84px;
	height:37px;
	margin-top:10px;
	padding-left:44px;
	padding-top:2px;
	margin-left:10px;
	position:relative;
	float: left;
	color: #779cbd;
	font-family: 'Arial';
	font-size:14px;
	background:url(../images/boutique.png) no-repeat;
	cursor:pointer;
	text-decoration:none;
	}
	
	a.horaires:hover{
	width:84px;
	height:37px;
	margin-top:10px;
	padding-left:44px;
	padding-top:2px;
	margin-left:10px;
	position:relative;
	float: left;
	color: #FFF;
	font-family: 'Arial';
	font-size:14px;
	background:url(../images/boutiqueh.png) no-repeat;
	cursor:pointer;
	text-decoration:none;
	}
	
	#blocdroit{
	width:370px;
	height:auto;
	position:relative;
	float: left;
	color: #0c3758;
	font-family: 'Arial';
	font-size:11px;
	}
	
	#blocdroit h3{
	width:310px;
	padding-left:40px;
	padding-top:6px;
	height:26px;
	position:relative;
	float: left;
	background:url(../images/pucetitre.png) no-repeat;
	margin:0;
	color: #FFF;
	font-family: 'Arial';
	font-size:18px;
	font-weight:normal;
	}
	#blocdroit span{
	margin:0;
	color: #b1d6f4;
	font-family: 'Arial';
	font-size:12px;
	font-weight:normal;
	}
	#blocdroit span a{
	color: #b1d6f4;
	font-family: 'MyriadProRegular';
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	}
	#blocdroit span a:hover{
	color: #FFF;
	font-family: 'MyriadProRegular';
	font-size:12px;
	font-weight:normal;
	}
	
	#fidelys{
	width:342px;
	padding-left:10px;
	padding-bottom:10px;
	height:auto;
	position:relative;
	float: left;
	margin:0;
	color: #FFF;
	font-family: 'MyriadProRegular';
	font-size:11px;
	font-weight:normal;
	z-index:1;
	}
	
	#BlocFormsAll{
	width:505px;
	padding-left:10px;
	padding-bottom:10px;
	margin-left:20px;
	height:auto;
	position:relative;
	float: left;
	margin:0;
	color: #FFF;
	font-family: 'MyriadProRegular';
	font-size:11px;
	font-weight:normal;
	z-index:1;
	}
	/************************************A COPIER POUR L'UTILISATION DU WEB CHEKIN
	/************************************************************************************* FIN WEBCHEKIN */
	 
	
	
	
	
	.inputfid{
	width:220px;
	padding-left:5px;
	padding-top:8px !important;
	height:26px;
	position:relative;
	float: left;
	}
	.boutonfid{
	width:80px;
	padding-top:10px !important;
	padding-right:10px;
	height:56px;
	position:relative;
	float: right;
	}
	
	
	
	div#feature_list {
			width: 500px;
			height: 315px;
			overflow: hidden;
			position: relative;
		}

		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}

		ul#tabsdroit {
			left: 0;
			z-index: 2;
			width: 143px;
		}

		ul#tabsdroit li {
			font-size: 12px;
			font-family: Arial;
		}
		
		ul#tabsdroit li img {
			padding: 5px;
			border: none;
			float: left;
			margin: 10px 10px 0 0;
		}

		ul#tabsdroit li a {
			color: #222;
			text-decoration: none;	
			display: block;
			padding: 10px;
			height: 36px;
			outline: none;
			background:  url('../images/feature-tab.png');
		}

		ul#tabsdroit li a:hover {
			text-decoration: underline;
		}

		ul#tabsdroit li a.current {
			background:  url('../images/feature-tab-current.png');
			color: #FFF;
		}

		ul#tabsdroit li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
			right: 0;
			width: 340px;
			height: 240px;
			position: relative;
		}

		ul#output li {
			position: absolute;
			width: 340px;
			height: 240px;
		}

		ul#output li a {
			position: absolute;
			bottom: 10px;
			right: 10px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			background: #000;
			-moz-border-radius: 5px;
		}
		
		ul#output li a:hover {
			background: #D33431;
		}
		
	/*	span.customStyleSelectBox { height:20px; font-size:11px; padding-left:5px; line-height:18px; background-color: #FFF; color:#7c7c7c;border:1px solid #CCC; -moz-border-radius: 4px; -webkit-border-radius: 4px;border-radius: 4px 4px; }
    span.customStyleSelectBox.changed { background-color: #FFF; }
    .customStyleSelectBoxInner {height:20px; background:url(../images/canvas-list-nav-item-arrow-.gif) no-repeat top right; }
*/
	a.baslienrouge:link, a.baslienrouge:visited{
	color: #C00;
	font-family: 'MyriadProRegular';
	font-size:14px;
	text-decoration:none;
	}
	
	a.baslienrouge:hover{
	color: #666;
	font-family: 'MyriadProRegular';
	font-size:14px;
	text-decoration:none;
	}
	
	a.baslien:link, a.baslien:visited{
	color: #666;
	font-family: 'MyriadProRegular';
	font-size:12px;
	text-decoration:none;
	}
	
	a.baslien:hover{
	color: #C00;
	font-family: 'MyriadProRegular';
	font-size:12px;
	text-decoration:none;
	}

	a.baslienacc:link, a.baslienacc:visited{
	color: #0c3758;
	font-family: 'MyriadProRegular';
	font-size:13px;
	text-decoration:none;
	}
	
	a.baslienacc:hover{
	color: #666666;
	font-family: 'MyriadProRegular';
	font-size:13px;
	text-decoration:none;
	}
	a.baslienaccsearch:link, a.baslienaccsearch:visited{
	color: #0c3758;
	font-family: 'MyriadProRegular';
	font-size:12px;
	text-decoration:none;
	padding-left:10px;
	background:url(../images/pucese.gif) no-repeat;
	margin-left:20px;
	}
	
	a.baslienaccsearch:hover{
	color: #BB0000;
	font-family: 'MyriadProRegular';
	font-size:12px;
	text-decoration:none;
	padding-left:10px;
	}
	
	a.liencontenu:link, a.liencontenu:visited{
	font-family: 'MyriadProRegular';
	font-size:12px;
	color: #BB0000;
	font-weight:normal;
	text-decoration:none;
	}

	a.liencontenu:hover{
	font-family: 'MyriadProRegular';
	font-size:12px;
	color: #666;
	font-weight:normal;
	}
	
	a.liencontenugal:link, a.liencontenugal:visited{
	font-family: 'MyriadProRegular';
	font-size:20px;
	color: #BB0000;
	font-weight:normal;
	text-decoration:none;
	}

	a.liencontenugal:hover{
	font-family: 'MyriadProRegular';
	font-size:20px;
	color: #666;
	font-weight:normal;
	}
	
	/*Calendrier*/
	
	


/* ********************************************************************************** */

div#content h2{
	width: auto !important; 
	border-bottom: none;
}


#calendarwrapper{
	position: absolute;
	z-index: 190;
	top: 32px !important;
	left: 0px !important;
	width:auto;
}

* html #calendarwrapper{
	left: 300px !important;
}

#calendar{
	/*border-width: 1px;
	border-color: #CCC;
	border-style: solid;*/
	background: white;
}

* html #calendar{
	width: 560px;
}

#calendar fieldset.flight{
	padding:1px 0 0 0;
	height: 260px;
	width: 551px;
	background: white;
	border: none;
}

* html #calendar fieldset.flight{
	width: 560px;
	height: 262px;
}

#calendar .month{
	margin-top: 10px;
	margin-left: 5px;
	width: 269px;
	float: left;
}

#calendar .month .data {
    font-size: 13px;
    font-weight: normal;
    position: relative;
	font-family: 'MyriadProRegular';
	color:#2A4F6B;
    top: -3px;
    left: 5px;
}

#calendar .month .line {
    margin-top: 15px;
    text-align: center;
    width: 260px;
}

#calendar .month .months {
    background: url("../images/bg_months_line.gif") no-repeat scroll 21px 9px transparent;
    text-align: center;
    width: 260px;
}

#calendar .month select {
    width: 90px;
}

#calendar .month .arrowleft {
    clear: none;
    float: left;
    margin-top: 0;
    position: relative;
    top: 0;
    width: 19px;
}

#calendar .month .arrowright {
    clear: none;
    float: right;
    left: 4px;
    margin-top: 0;
    position: relative;
    top: 0;
    width: 19px;
}

#calendar .buttonblockright{
	margin-top: -5px;
	margin-right: 3px;
}

#calendar .month img {
    top: -2px;
}

#calendar .calendarOKButton{
	display: block;
	float: right;
	height: 16px;
	width: 60px;
	text-align:center;
	margin: 0;
	padding: 1px 0 0 5px;
	background: url(../images/validercal.gif) no-repeat;
	color: white;
	text-decoration: none;
	font-size: 11px;
	margin-right: 6px;
}

* html #calendar .calendarOKButton{
	width: 65px;
}

#calendar .month table {
    left: -2px;
    margin: 5px 0 0;
    padding: 0;
    position: relative;
}

#calendar .month table tr th {
    color: #000000;
    font-weight: normal;
    width: 34px;
    font-size: 11px;font-family: 'MyriadProRegular';
	color:#2E5B80;
	
}

#calendar .month table tr td {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #999999;
    color: #000000;
    text-align: center;
	font-family: 'MyriadProRegular';
    font-size: 11px;
	 font-weight: bold;
}

#calendar .month table tr td.possible {
    color: #656565;
    font-weight: bold;
}

#calendar .month table tr td.possible a {
    color: #656565;
	text-align:center;
    text-decoration: underline;
	 font-weight: bold;
}

#calendar .month table tr td.possible a.selected {
    color: #FFFFFF;
	text-align:center;
    text-decoration: underline;
	font-weight: bold;
}
#calendar .month table tr td a.selected {
    color: #FFFFFF;
	text-align:center;
    text-decoration: underline;
	 font-weight: bold;
}
#calendar .month table tr td.selected {
    background: none repeat scroll 0 50% #006699;
    border: 1px solid #006699;
    color: #FFFFFF;
     font-weight: bold;
}

#calendar .month table tr td.selected a{
    background: none repeat scroll 0 50% #006699;
    border: 1px solid #006699;
    color: #FFFFFF;
     font-weight: bold;
}
div#toolbox img#calendaricon0{
	display: block;
	position: absolute;
	top: 7px;
	left: 94px;
}

* html div#toolbox img#calendaricon0{
	left: -18px !important;
}

*+html div#toolbox img#calendaricon0{
	z-index: 1 !important;
}

div#toolbox img#calendaricon1{
	display: block;
	position: absolute;
	top: 7px;
	right: 4px;
}

* html div#toolbox img#calendaricon1{
	right: 132px !important;
}

*+html div#toolbox img#calendaricon1{
	z-index: 1 !important;
}


div#toolbox img#calendaricon2{
	display: block;
	position: absolute;
	top: 7px;
	left: 94px;
}

* html div#toolbox img#calendaricon2{
	left: -18px !important;
}

*+html div#toolbox img#calendaricon2{
	z-index: 1 !important;
}

div#toolbox img#calendaricon3{
	display: block;
	position: absolute;
	top: 7px;
	right: 4px;
}

* html div#toolbox img#calendaricon3{
	right: 132px !important;
}

*+html div#toolbox img#calendaricon3{
	z-index: 1 !important;
}

div#toolbox img#calendaricon4{
	display: block;
	position: absolute;
	top: 7px;
	left: 94px;
}

* html div#toolbox img#calendaricon4{
	left: -18px !important;
}

*+html div#toolbox img#calendaricon4{
	z-index: 1 !important;
}


div#toolbox img#calendaricon5{
	display: block;
	position: absolute;
	top: 7px;
	left: 94px;
}

* html div#toolbox img#calendaricon5{
	left: -18px !important;
}

*+html div#toolbox img#calendaricon5{
	z-index: 1 !important;
}
.CelTab4{
background:#CCC;
color:#111111;
padding-left:10px;
border-bottom:1px #FFF solid;
}
.CelTab1{
background: #BB0000;
color:#FFF;
padding-left:10px;
font-size:16px;
}


.titlenews{
	color: #333;
	font-family: 'MyriadProRegular';
	font-size:14px;
	text-decoration:none;
	line-height:30px;
	}
	
	.titlenewsinterne{
	color: #AA0000;
	font-family: 'MyriadProRegular';
	font-size:18px;
	text-decoration:none;
	line-height:30px;
	font-weight:normal;
	}
	.texterreur{
	color: #999;
	font-family: 'MyriadProRegular';
	font-size:12px;
	text-decoration:none;
	}
	.Titre {
    color: #CC0000;
    font-family: Tahoma,Arial,Verdana;
    font-size: 14px;
    font-weight: bold;
	}
	.SousTitre {
    color: #CC0000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 9px;
}

.input_textarea{
border:1px solid #BBBBBB;
background:none;
}
.boutoncontact{
border:1px solid #AA0000;
background: #BB0000;
color:#FFFFFF;
font-size:12px;
line-height:24px;
font-family:Arial, Helvetica, sans-serif;
cursor:pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}

.contactlabel{
	color: #000;
	 font-family: 'MyriadProRegular';
	font-size:13px;
	}
	.contactaplabel{
	color: #666;
	 font-family: 'MyriadProRegular';
	font-size:13px;
	}
	
	#contactbloc{
	float:left;
	position:relative;
	height:auto;
	}
	#contactbloc a{
	color: #666;
	font-family: 'MyriadProRegular';
	font-size:13px;
	text-decoration:none;
	}
	
	#contactbloc a:hover{
	color: #C00;
	font-family: 'MyriadProRegular';
	font-size:13px;
	text-decoration:none;
	}
	
	#menuleftfidelys{
	position: absolute;
	float:left;
	width:230px;
	/*top:150px;*/
	height:auto;
	left:10px;
	z-index:999;
	background:#FFFFFF;
	border:1px solid #DDDDDD;
	}

	#menuleftfidelys ul{
	width:230px;
	margin:0;
	padding:0;
	float:left;
	position:relative;
	}
	
	#menuleftfidelys ul li{
	position:relative;
	height: auto;
	float: left;
	display: block;
	color: #666;
	 font-family: 'MyriadProRegular';
	font-size:14px;
	border-bottom:1px dotted #DDDDDD;
	}
	

	#menuleftfidelys ul li a{

	text-align:left;
	text-decoration:none;
	height: auto;
	display:block;
	width:220px;
	padding-left:10px;
	padding-top:4px;
	padding-bottom:4px;
	color: #333;
	 font-family: 'MyriadProRegular';
	font-size:14px;
	}
	
	#menuleftfidelys ul li a:hover{
	text-align:left;
	text-decoration:none;
	height: auto;
	display:block;
	width:220px;
	color: #FFF;
	 font-family: 'MyriadProRegular';
	font-size:14px;
	background:#BB0000;
	}
	#menuleftfidelys ul li a.activefidelys{
	text-align:left;
	text-decoration:none;
	height: auto;
	display:block;
	width:220px;
	color: #FFF;
	 font-family: 'MyriadProRegular';
	font-size:14px;
	background:#BB0000;
	}
	#blocleftfidelys{
	position:relative;
	float: right;
	width:660px;
	height:auto;
	}
	#blocleftfidelys .textlink{
	color: #666;
	font-family: 'MyriadProRegular';
	font-size:12px;
	background:#EEEEEE;
	height:18px;
	width:140px;
	border:1px solid #CCC;
	}
	#blocleftfidelys a{
	color: #AA0000;
	 font-family: 'MyriadProRegular';
	font-size:13px;
	text-decoration:none;
	}
	#blocleftfidelys a:hover{
	color: #333;
	 font-family: 'MyriadProRegular';
	font-size:13px;
	}
	
	.tablegrilletd{ 
	background:#BB0000;
	color:#FFFFFF;
	border-right:1px solid #FFFFFF;
	font-size:12px;
	font-family: 'MyriadProRegular';
}
.tablegrilletdh{ 
	background: #777777;
	color:#FFFFFF;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	font-size:12px;
	font-family: 'MyriadProRegular';
}
.tablegrilletdbas{ 
	background: #EEEEEE;
	color:#000;
	border-bottom:1px solid #FFFFFF;
	font-size:12px;
	font-family: 'MyriadProRegular';
}.tablegrilletdbas1{ 
	background:#DCDCDC;
	color:#000;
	border-bottom:1px solid #FFFFFF;
	font-size:12px;
	font-family: 'MyriadProRegular';
}



#slider1 {
    width:630px; /* important to be same as image width */
    height: 220px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	float:left;
	padding-bottom:20px;
}

#slider1Content {
    width: 630px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	left:0;
	margin: 0;
	padding:0;
}
.slider1Image {
    float: left;
    position: relative;
	display: none;
	margin: 0;
	padding:0;
}
.slider1Image span {
    position: absolute;
	font-size:16px;
	font-family: 'MyriadProRegular';
    width: 630px;
    background-color: #333;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.slider1Image span strong {
    font-size: 14px;
}
.left {
	top: 20px;
    left: 0;
	width: 500px !important;
	height: 60px;
	padding-left:10px;
	padding-top:10px;
}
.right {
	top: 20px;
	padding-left:10px;
	padding-top:10px;
    left: 0;
	width: 500px !important;
	height: 60px;
}
#slider1Content ul { 
list-style-type: none; margin:0; padding:0;
}
#tablecontent a{
font-family: 'MyriadProRegular';
font-size:12px;
font-weight:normal;
color:#BB0000;
text-decoration:none;
}

#tablecontent a:hover{
font-family: 'MyriadProRegular';
font-size:12px;
font-weight:normal;
color: #666666;
text-decoration:none;
}
a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0; 
    position: relative; 
    z-index: 500; 
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal; 
    display: block; 
    position: absolute; 
    top: 20px; 
    left: -10px; 
    padding: 5px; 
    color: #000; 
    border: 1px solid #bbb; 
    background: #ffc; 
    width:300px;
}
a.tooltip:hover em span {
    position: absolute; 
    top: -7px; 
    left: 15px;
    height: 7px; 
    width: 11px; 
    background: transparent url(../images/infobulletop00.gif); 
    margin:0; 
    padding: 0; 
    border: 0;
}
.boutonoffre {
	color: #FFF;
	background: #BB0000;
	font-family: 'MyriadProRegular';
	font-size:14px;
	border:1px solid #880000;
	padding-bottom:4px;
	padding-top:2px;
	cursor:pointer;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	}
	
	.listepromo{
	float:left; position:relative; width:800px; padding-top:20px; padding-bottom:10px; margin-left:50px; height:auto;
	}
	.listepromo h1{

font-family: 'CaviarDreamsBoldItalic';
font-size:18px;
color: #C00;
font-weight:bold;
padding-bottom:10px;
margin:0;
}

.listepromo img{
margin-right:10px;
border: 1px solid #CCCCCC;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

 /*  CSS integré por les coordonnées de la carte réseaux  le 03/08/2016   By MG et RZ

@charset "UTF-8";

/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanelsCoordonneesReseau {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 60%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroupCoordonneesReseau {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTabCoordonneesReseau {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 0.7em sans-serif; /* taille des onglets*/
	background-color: #DDD; /* les onglets*/
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHoverCoordonneesReseau {
	background-color: #FFF; /* Passage de la souris*/
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelectedCoordonneesReseau {
	background-color: #EEE; /*onglet en cours*/
	border-bottom: 1px solid #EEE;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTabCoordonneesReseau a {
	color: #787474;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroupCoordonneesReseau {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #FFF; /*Corps*/
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContentCoordonneesReseau {
	padding: 4px;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisibleCoordonneesReseau {
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanelsCoordonneesReseau .TabbedPanelsTabGroupCoordonneesReseau {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #FFF;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanelsCoordonneesReseau .TabbedPanelsTabCoordonneesReseau {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanelsCoordonneesReseau .TabbedPanelsTabSelectedCoordonneesReseau {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanelsCoordonneesReseau .TabbedPanelsContentGroupCoordonneesReseau {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}
 /*  FIN CSS integré por les coordonnées de la carte réseaux  le 03/08/2016   By MG et RZ
 
 /* RAJOUT CSS POUR PROMO CODE MG 22/09/2017 ******/
 #global {}
#colonne_g_promo { float: left;  }
#colonne_d_promo {
margin-left:500px;

}
.LignePromo
{
/*background-color:#FF0000;*/
/*border: 2px solid #FF0000; border-color:#0066CC;*/

}
.ColonnePromo
{
	border-right: 1px solid #fff;
	border-left: 1px solid #e8e8e8;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e8e8e8;
	padding: 10px 15px;
	position: relative;
	
}
.ColonnePromoPrix
{
	border-right: 1px solid #e8e8e8;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e8e8e8;
	padding: 10px 15px;
	position: relative;
	color:#FF0000;
	width:89px;
	
}
 /******** FIN RAJOUT ***************************************/
 /********** Rajout Yosra Accordéon CGT 26/03/2018 *************/
 .accordionCGT {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

.active, .accordionCGT:hover {
    background-color: #ccc; 
}

.panelCGT {
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
}
 /******************Fin rajout*****************************/