@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400);
/* CSS Document */
body{

background: #fff /* url(/images/seabg.jpg) no-repeat top left fixed*/; 
	-webkit-background-size: cover;
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover; 
font: normal 13px 'Open Sans', sans-serif;
 margin:0;
 padding:0;
}
select {
font-family: 'Open Sans', sans-serif;
font-size: small;
}


/*BODY > GABBARIT*/
#gabbarit{
width:1000px;
background:#ffffff;
overflow:hidden;
margin-top:0px;
margin:auto;
/*box-shadow: 1px 1px 12px #555;*/
}


/*BODY > GABBARIT > BANNER >  */
#banner{
position:relative;
width:1000px;
height:120px;
background: url(../images/partenaires/header-cdf.jpg);
margin:auto;
margin-top:0px;
margin-bottom:40px;
}
#socialmedia{
position:absolute;
top:95px;
left:25px;
}

#n_vert{
position:absolute;
top:10px;
right:9px;
}

#logo_header a{
float: left;
margin-left: 0;
display: block;
height: 110px;
width: 400px;
}

/* sert a rien 
#menu{
position:absolute;
top:120px;
background-color: #5F5F5F;
width:1000px;
height:30px;
color:#fff;
}

#menu ul {
list-style: none ;
margin:6px 0px 1px 70px;
padding:0; 
}
#menu li {
display:inline;
}

#menu li a{
font-size: 12px;
font-weight:400;
color:#fff;
text-decoration:none;
text-transform:uppercase;
padding:6px 8px 7px 6px;

}

#menu li a:hover {
color: #2CCDDF;
background:#464646;		
			opacity:1.0;
			filter:alpha(opacity=80);
		
}
*/ 
/*BODY > GABBARIT > LEFT >  */
#left_u{
position:relative;
float:left;
top: 200px;
width:213px;
}

/*BODY > GABBARIT > RIGHT  */
#middle #right{
float:right;
vertical-align: top;
width:210px;
margin-right: 10px;
border: thin solid #CCCCCC;

}

#promo{
width:195px;
margin-left:15px;
}
#transports {
background-color: #3f3f3f;
width: 550px; 
height: 45px;
display: block;
color:#ffffff;}

#promo  hr{
width:185px;
border:none;
border-bottom:thin solid #CCCCCC;
clear:both;
margin:0;
padding:0;
padding-top:5px;
}

#promo h3{
padding:5px 0px;
margin:2px;
color:#086595;
font-size:11px;
}

.titre_promo {
font-size:17px;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
text-align: center;
font-weight:normal;
color:#ffffff;
background-color: #ec5375;
width:210px;
margin-top: 0px;
}

.titre_promo img{
vertical-align:text-top;
}

.thumbnail {
float:left;
width:96px;
margin-right:5px;
}



.resumer{
clear:both;
font-size:11px;
color:#363636;
}

.details{
text-align: right;
margin:0px 5px 5px 0px;
clear:both;
}
.details  a{
color:#0CB7F4;
font-size:11px;
font-weight:bold;
}

.jour{
 font-size:11px;
 font-weight:bold;
 color:#FF0000;
}
.jour a{
 font-size:11px;
 font-weight:bold;
 color:#FF0000;
}

.prix {
float:left;
text-align:center;
}

.reduction{
color:#FF7800;
font-size: 12px;
font-weight: bolder;
}
.reduction2 {
background: url("../images/reduction.jpg") no-repeat;
display: block;
height: 40px;
width:40px;
color: #fff;
font-size: 13px;
padding-top: 10px;
}
.prix_ancien{
color:#5f5f5f;
font-size:13px;
text-decoration:line-through;
}

.prix_avant {
  text-decoration: line-through;
}

.prix_promo{
color:#c10020;
font-size:22px;
font-weight:400;
font-family: 'Open Sans', sans-serif;
}

.prix_promotableau{
color:#c10020;
font-size:15px;
font-weight: normal;
}

/* END RIGHT */

/*blog 3 articles*/

h4.titre_blog {
font-family: 'Oswald', sans-serif;
font-size: 12px;
color :#fff;
background-color: #9f009f;
height: 25px;
margin: 0 0 0 0;
text-transform: uppercase; 
}

a.titre_blog {text-decoration: none;
	color: #086595;
}
a.titre_blog:hover {
	color: red;
	text-decoration: underline;
}
a.titre_blog:visited {
	text-decoration: none;
}
#blog {text-align: justify; font-size: 10px;
display:block; width: 190px; 
border: thin solid #CCCCCC; 
margin: 0px 8px 0px 8px;
}
/*End of Blog 3 articles*/


/*BODY > GABBARIT > MIDDLE  */
#mid_right{
	color:#363636;
	font: normal 12px 'Open Sans', sans-serif;	
	width:613px;
	margin-left:215px;
	}

#middle{
	width:785px;
	margin-left:215px;
	color:#363636;
	font: normal 12px 'Open Sans', sans-serif;
	
}
#middle #top4_right {
	margin-top:15px;
}

#middle #top4 {
	width:550px;
	float:left;
}

.interne{
	width:730px !important;
	float:left;
	margin:0 !important;

}

#middle #zone_photo{
width:520px;
height:240px;
}
#descriptif_agence{
margin-top: 15px;
padding-top: 2px;
text-align: justify;
font-size: 11px;	
}
#secondary_middle{
color: #363636;
width:980px;
margin: auto;

padding-left: 10px;
padding-right: 10px;
background-color: #fff;
/*box-shadow: 1px 1px 12px #555;*/

}
#secondary_middle h2{
color:#dc682f;}
#secondary_middle a{
text-decoration: none;
color:#086595;}
#secondary_middle a:hover{
text-decoration: underline;
color:#dc682f;}


#top_destination{
width:550x;
min-height:540px;
background:url("../images/fleur.gif") no-repeat left top;
border: thin solid #CCCCCC;
margin-top:15px;
margin-bottom: 15px;
/*overflow: visible;*/
}

#middle #top_destination h2{
text-transform:uppercase;
font-size:18px;
padding-top:10px;
margin-left:10px;
}
#middle #top_destination h4{
text-transform:uppercase;
font-size:16px;
margin-left:20px;
}

#middle #top_destination hr{
border:none;
border-bottom:thin solid #CCCCCC;
width:385px;
padding-top:10px;
}

#middle  h2 {
font-size:15px;
width:100%;
}

#middle  h1 {
font-size:14px;
width:600px;

}

/*BODY > GABBARIT > LEFT  */
#left{
float:left;
width:213px;
}
#left #search{
width:195px;
height:260px;
margin-left: 10px;
border: thin solid #CCCCCC;
}

#search p {
margin:0px;
margin-left: -10px;
padding:0px;
}
#search h3 {
color:#FFDE00;
font-size: 14px;
margin:2px 0px 2px 20px;
padding:5px 0px 0px 0px;
}

#search_destination { /* le formulaire */
margin:0px 0px 0px 10px;
}

.rechercher_boutonorange{
color:#fff;
font-size:14px;
background-color:#27ae60;
padding:5px 2px 5px 2px;
margin-top:10px;
border:0;
text-transform: uppercase;
width:160px;
}
.rechercher_boutonorange:hover {background-color:#008000;}

#recherche_port {
width:195px;
border: thin solid #CCCCCC;
margin-left: 10px;
}


#recherche_port h3 {
color:#FFDE00;
font-size: 14px;
margin:2px 0px 2px 20px;
padding:5px 0px 0px 0px;
}
#recherche_port td {
font-size: 12px;
}
#recherche_port p {
margin:0px;
padding:0px;
}

.recherche_boutonbleu {
color:#fff;
font-size:14px;
background-color:#0a6a9c;
padding:5px 2px 5px 2px;
margin-top:10px;
border:0px;
text-transform: uppercase;
width:160px;
}
.recherche_boutonbleu:hover {background-color:#095f8d;
	}

#rechercher {
background-color:#FFDE00;
color:#027597;
padding:2px;
margin-left:15px;
border:0;
text-transform: uppercase;
}
.dest{
width:158px;
margin:0;
padding:0;

}
.datedepart{
width:75px;
margin:0;
padding:0;
}


#newsletter {
width:210px;
padding-left:19px;
}

#newsletter h4 {
font-family: 'Oswald', sans-serif;
font-size: 14px;
text-transform:uppercase;
color:#027e9d;
margin:0;
}

#newsletter p{

font-size:10px;
line-height:10px;
width:170px;
margin:10px 0px;
}

#newsletter #email {
width:160px;
margin:5px 0px;
padding:0px 0px;
}

.bouttonbleu{
color:#fff;
font-size:14px;
background-color:#027E9D;
padding:5px 2px 5px 2px;
margin-top:10px;
border:0;
text-transform: uppercase;
width:160px;
}
.bouttonbleu:hover {background-color:#006f8a;}

.myButton{
color:#fff;
font-size:14px;
background-color:#019875;
padding:5px 15px 5px 15px;
margin-top:10px;
margin-bottom: 10px;
border:0;
text-transform: uppercase;
text-decoration: none;
width:160px;
}
.myButton:hover {background-color:#1E824C;}


.myButtonred {
	-moz-box-shadow:inset -50px 6px 7px -50px #f29c93;
	-webkit-box-shadow:inset -50px 6px 7px -50px #f29c93;
	box-shadow:inset -50px 6px 7px -50px #f29c93;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
	background-color:#fe1a00;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #d83526;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:3px 31px;
	text-decoration:none;
	text-shadow:-1px 1px 0px #b23e35;
}.myButtonred:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
	background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
	background-color:#ce0100;
}.myButtonred:active {
	position:relative;
	top:1px;
}

.vol {
width:210px;
margin:5px 0px 5px 19px;
color:#5f5f5f;
}

.vol a {
font-size:13px;
text-decoration:none;
color:#5f5f5f;
}
.vol img {
vertical-align: text-top;
}

#left hr{
width:185px;
border-top:none;
border-left:none;
border-right:none;
border-bottom:thin solid #dddddd;
}

#port {
	width: 195px;
	margin-left: 10px;
}

#port a {
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;

}
.titre_port {
	font-family: 'Oswald', sans-serif;
	font-size:17px;
	text-transform: uppercase;
	background-color: #27ae60;
	color:#FFFFFF;
	text-align: center;
	padding: 0;
	width: 195px;
}
.titre_portbleu {
	font-family: 'Oswald', sans-serif;
	font-size:17px;
	text-transform: uppercase;
	background-color: #0a6a9c;
	color:#FFFFFF;
	text-align: center;
	padding: 0;
	width: 195px;
}

div#port option.title{
 	  background-color: #ccc;
 	  font-weight: bold;
 	  color: #000;
  	}

.port_rechercher {
background-color:#086595;
color:#FFFFFF;
border:0;
text-transform: uppercase;
}

/* END LEFT */

/*PAGE INTERNE detail resulatat
___________________________________	*/
.calend {
float:right; 
display: block; 
font-size:14px; 
vertical-align: middle; 
padding: 1px;
}

.calend a{
	text-decoration: none;
}
.calend a:hover{
	text-decoration: underline;
}


.bleu {
 position:relative;
 border : solid 1px #027E9D;
 width:750px;
 margin-bottom:25px;
 
}

.bleu2 {
 position:relative;
 border : solid 1px #027E9D;
 width:550px;
 margin-bottom:25px;
 
}

.bleu_left{
 width: 80%;
 margin-left:5px;
 font-size:12px;
}


.bleu_right{
position:absolute;
bottom:15px;
right:10px;
font-size:12px;
}

.bleu_pricelist{
position:absolute;
top:-5px;
right:2px;
font-size:12px;
text-align:center;
}

.bleu_right p {
text-align:center;
margin:0;
padding:0;
line-height:2.3em;
}

.bleu_prix{
position:absolute;
top:0px;
right:2px;
font-size:12px;
}

.bleu_left p {
margin:5px 5px 0px 5px;
padding:0px;

}

.gras{
font-weight: bold;
}

.inclus{
color:#754A45;
}

.depart{
color:#0098a9;
display:block;
width:500px;
margin-left: 170px !important;
}

.depart a{
text-decoration: none;
}
.depart a:hover{
text-decoration: underline;
}

.depart_produit{
color:#086595;
}

.depart_listing{
color:#2CCDDF;
}

p.titre_croisiere {
 font-size:14px !important;
 background-color: #5F5F5F;
 color:#FFF !important;
 margin:5px 5px 5px 0px !important;
 padding:5px!important;
}

.titre_croisiere a{
color:#FFFFFF;
text-decoration:none;
}


.thumbproduit {
	float:left; 
	display: block;
	border: 1px solid #CCCBD0;
	margin-top:0px !important;
	margin-right:25px !important;
}

.thumbproduit img {
	padding: 5px 5px 5px 5px;
}
.detail_offre{
padding:12px !important;
line-height:0 !important;
background-color: #FF9900;
color:#fff;
border:1px solid 
}

.detail_offre a {
text-decoration: none;
color :#fff;
}

.icone {
float:left;
width:auto;
height:107px;
padding-top:0px !important;
margin-top:0px !important;
margin-right:25px !important;

}

.liste_itineraire {
margin:0px 0px  0px 15px; padding: 0px 10px;
}
.google {
font-size:14px;
text-align: center;
width:750px;
margin:5px 0 14px;  
}

.message {
font-size:12px;
padding:20px;
vertical-align: middle;
text-align:center;
}

.rabais_interne{
 background-color: #FFDE00;
 border:solid 1px #027E9D;
 width: 35px;
 margin-left:0px !important;
 margin-bottom:1px !important;
 margin-right:25px;
 float:right;
 padding: 4px 4px 4px 4px;
}

#detail {
 width:750px;
 /*margin-bottom:25px;*/
 font-size:11px;
/* height:250px;*/
}

#detail h1 {
margin:0;
padding:5px 0px;   
}

#detail h4 {
margin:0;
padding:2px;   
}

#detail-right{
position:relative;

}

p.partenaire{
width:1000px;
margin: -20px auto;
text-align: center;
background-color:#FFF;
}

.icone_detail {
width:227px;
overflow: hidden;
}

.description{
position:absolute;
left : 250px;
top : 0px;

}

#container-1 {
width:600px;
}

.titre_inclus {
	background-color:#5F5F5F;
	font-size:12px;
	padding-left: 5px;
	color: #fff;
}
.tab_inclus {
	font-size:10px;
	border: 1px solid gray;
	padding : 0px 1px 0px 1px;
	}

#basic-modal-content {display:none;}

#basic-modal-content h1  {
font-size:15px;
color:#fff;
text-align:center; 
}

#basic-modal-content h2  {
font-size:12px;
color:#027698;
text-align:center !important; 	
}
/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {
	height:209px; width:289px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}


/* FORMULAIRE CONTACT */

#demande_devis {
	font-size:12px;
	margin-left:20px;
}

#confirm_message {
	background-color: #398cd8;
	color:white;
	font-size:15px;
	font-weight:bold;
	text-align: center;
	margin-top:50px;
}

#error_message {
	background-color: red;
	color:white !important;
	font-size:15px !important;
	font-weight:bold;
	text-align: center;
	margin-top:50px;
}

.newsletter_inscrit {
	background-color: green;
	color:white !important;
	font-size:12px !important;
	text-align: center;
}

.newsletter_error {
	background-color: red;
	color:white !important;
	font-size:12px !important;

	text-align: center;
}

.input_mail {
width:158px;
padding-right:22px;

}

/* article ( vol et hotel ) */
.center{
	text-align:center;
}

.texte_article {
	color:#363636;
	font-size: 12px;
	text-align:justify;
}

.tarif {
	padding-left:10px;
}

/*________ FOOTER _____________*/

#footer, #seo {
font: normal 10px 'Open Sans', sans-serif;
color:#363636;
text-align:center;
width:1000px;
margin: auto;

padding-top:10px;
}
#seo {background-color:#ffffff;}
#footer {background-color:#f1efef; /*box-shadow: 1px 1px 12px #555;*/}
#footer hr {
	border: 0;
    width: 50%;
    height: 1px;
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#FFF), color-stop(50%,#444), color-stop(100%,#fff));
	background: -webkit-linear-gradient(left, #FFF 0%,#444 50%,#fff 100%);
	background: -moz-linear-gradient(left, #FFF 0%, #444 50%, #fff 100%);
	background: -ms-linear-gradient(left, #FFF 0%,#444 50%,#fff 100%);
	background: -o-linear-gradient(left, #FFF 0%,#444 50%,#fff 100%);
	background: linear-gradient(left, #FFF 0%,#444 50%,#fff 100%);	
}


#menu_footer  {
	list-style: none;
	
}

#menu_footer li {
	display:inline;
}

#menu_footer li a {
color:#086595;
font: normal 12px 'Open Sans', sans-serif;
margin-left:5px;
margin-right:5px;
text-decoration:none;
}

#seo a {
color:#086595;
font: normal 10px 'Open Sans', sans-serif;
margin-left:5px;
margin-right:5px;
text-decoration:none;
}
#seo a:hover {text-decoration:underline;}

#menu_footer li a:hover {
	text-decoration:underline;
    color:#606365;
}

.cdv {
	text-align:center;
}

.cdv a {
	color:#086595;
	font: normal 10px 'Open Sans', sans-serif;
	    text-decoration:none;
}

.cdv a:hover {
	text-decoration:underline;
    color:#606365;
}

#partenaire {

color:#363636;
font: normal 10px 'Open Sans', sans-serif;
margin-left:5px;
margin-right:5px;
background: #fff;
display: block;
width: 1000px;
}

#partenaire a {
	color:#086595;
	text-decoration:underline;
}

#seohead {
	margin-top: -37px;
	text-align: justify;
	color:#363636;
}
#seohead p {
	font-size: 11px;
	margin-left:10px;
	margin-right:10px;
	}
#seohead a {
	text-decoration:none;
	color:#086595;
	}
#seohead a:hover {
	color:#dc682f;
	text-decoration:underline;}
#seohead h1{
font-family: 'Oswald', sans-serif;
	text-align:center;
        color:#027E9D;
	font-size:14px;
	font-weight: 300;

}
#seohead h2{
	text-align:left;
        color:#027E9D;
	font-size:12px;
	margin-left: 11px;
	font-weight: 400;
}
p.seo_title {
	text-align:left;
        color:#027E9D;
	font-size:14px;
	margin-left: 12px;	
}

#tabs p {
font-size: 14px;
 margin:0;
padding:0;
}


div#div_info
{
	position: fixed ;
	background: #FFFFFF ;
	display: none ;
	text-align: center ;
	width: 600px ;
	border: 5px #027E9D solid;
	z-index: 10000 ;
}
#div_info2
{
	position: fixed ;
	/*position: absolute ;*/
	/*top: expression(documentElement.scrollTop+body.scrollTop + 20 + "px"); /* Correction */
	background: #FFFFFF ;
	display: none ;
	text-align: center ;
	width: 600px ;
	border: 5px #027E9D solid;
	z-index: 10000 ;
}

.clearboth{text-align: right;}

.cwrap{
	width: 720px;
	border: 1px #027E9D solid;
	padding: 15px;

}
.cwrap p{
	margin: 0 0 25px 0;
	text-align: justify;
}
.cwrap a{
	text-decoration: underline;
	color:#054667;
}

.cwrap h2 {
	text-align:left;
    color:#027E9D;
	font-size:15px;
	margin-left: 5px;
	font-weight: bold;
}
.cpost.hide-class > div{
	position: relative;
}
.cpost.hide-class > div:after{
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	right: 0;
	height: 30px;
	padding-bottom: 10px;
	background: linear-gradient( rgba(255,255,255,0), #fff);
}

#infostheme
{
	background: #FFFFFF ;
	text-align: left;
	width: 745px ;
	padding-left: 5px;
	border: 1px #027E9D solid;
}
#infostheme p {
font-size: 13px;
	text-align: justify;
	margin-left:5px;
	margin-right:5px;}
#infostheme a {text-decoration: underline;
	color:#054667;
}

#infostheme h2 {
	text-align:left;
    color:#027E9D;
	font-size:15px;
	margin-left: 5px;
	font-weight: bold;
}
#infostheme a:hover {text-decoration: underline;}

#description_intineraire {
 margin-top:15px !important;
 font-size: 11px;
 
}


#description_intineraire td {
 text-align:left !important;
 vertical-align:top;
}

.titre {
color:#fff;
font-size:13px;
font-weight:bold;
background-color:#027E9D;
padding:2px 2px 2px 2px;
margin-left:15px;
border:0;
text-transform: uppercase;
}

.detail {
text-align: justify;
 margin-left:15px;
 margin-top :10px;
}

/*SEO AFFICHAGE */
div.panel,p.flip
{
margin:0px;
padding:5px;
text-align:center;
border:solid 1px #c3c3c3;
}
div.panel
{
height:300px;
width:730px;
display:none;
text-align: justify;
border : solid 1px #027E9D;
padding:10px;  
}

.ctest { display: none; }

/* TOP COMPAGNIES */

.jour td
{
  padding: 0;
  margin: 0;
  border-collapse: collapse;
  border: 0px solid #333;
  font-family: 'Open Sans', sans-serif;
  font-size: 2em;
  color: red;
  background: #fff;
}


.liste_port
{
 color:#444;
  text-decoration:none;
}
.liste_port:hover {text-decoration: underline;}
#slides_top .slides_container {
                width:780px;
                height:300px;
            }
#slides_top .slides_container div {
                width:780px;
                height:300px;
                display:block;
            }
			
.pagination {
    margin:0px 20px 1px;
    float: right;
    list-style: none;
}

.pagination li {
    float: left;
    margin: 0 3px;
}

.pagination li a {
    display: block;
    width: 13px;
    height: 0;
    padding-top: 13px;
    background-image: url(/images/pagination.png);
    background-position: 0 0;
    float: left;
    overflow: hidden;
}

.pagination li.current a, .pagination li.current a:hover { background-position: 0 -13px }

.pagination li a:hover { background-position: 0 -26px }

.datecroisiere {
	
	background-color:#ffffff;
	border: 1px solid #e6e6e6;
	display:inline-block;
	color:#5f5f5f;
	font-family:'Open Sans', sans-serif;
	font-size:11px;
	padding:0px 3px 3px;
	text-decoration:none;
	margin-top:10px;
}.datecroisiere:hover {
	background-color:#e6e6e6;
	text-decoration: none;
	
}


}
#listecabine ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#listecabine ul li {
	border: solid 1px #E0ECF8;
	display: block;
	float: left;
	height: 85px;
	list-style-type: none;
	margin: 5px;
	text-align: center;
	width: 75px;
	color:#086595;
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	border-radius: 10px;
	background-color: #EFF5FB;

}

#listecabine ul li:hover {
	border: solid 2px #81BEF7;
	border-radius: 10px;
}

#listecabine ul li.epuise {
	background-color: #e3e3e3;
}

.lprix {
	padding-top:5px;
	color: #FF0000;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
		line-height:18px;
}

.lprixbarre {
	color: #FF0000;
	font-family:'Open Sans', sans-serif;
	font-size: 10px;
	text-decoration:line-through;
}

#headdevis {
	width:200px;
	background-color:#027E9D;
	border-radius:10px;
	border: solid 1px #027E9D;
	font-weight:bold;
	text-align:center;
	height:18px;
	font-size:14px;
	color:#FFFFFF;
}

table.contourtop3 {
	border-style: solid;
	border-width: 1px;
	border-spacing: 0px;
	border: thin solid #CCCCCC;
	padding:0px;
	}
table.contourtop3 td{
	padding:6px;
}

.backbleuclair{
	background-color: #D3EFFF;
}

.epuiser {
 color : red;
 /*font-weight:bold;*/
 text-align:left;
}

.column {
    position:relative;   
    float:left;
    background:#fff;
    color:#363636;
	font: normal 12px 'Open Sans', sans-serif;
}
#mainColumn {
    width:780px;
    left:213px;  
    background:#fff;
}
#mainColumnhome {
    width:550px;
    left:213px;  
    background:#fff;
    
}
#mainColumn h1{
font-family: 'Open Sans', sans-serif;
	text-align:left;
        color:#027E9D;
	font-size:17px;
	font-weight: 600;
	}
#detail h2{
text-align:left;
font-size: 13px; 
font-weight: 400;
color: #027E9D;  
}
#leftColumn {
    left:-780px;
    width:213px;
}

#leftColumn #search {
width:195px;
height:260px;
margin-left: 10px;
border: thin solid #CCCCCC;
}

.imagedesc {float: left; margin: 0 6px 6px 0;
width:200px;
height:120px;}



/* main menu
----------------------------*/
#ddmenu
{
    display:block;
    font-family:'Open Sans', sans-serif;
    text-align:center; /*Specify the alignment of the whole UL if UL is not width:100%;*/
    letter-spacing:normal;
}

#ddmenu ul
{ 
    margin:0 auto; 
    padding:0;
    text-align:center; /* Alignment of each top-level menu items within the UL */
    width:1000px;
    font-size:0;
    background:#333;
    display:inline-block;
    list-style:none;
    position:relative;
    z-index:999999990; 
    max-width:1000px;
background:#5F5F5F;
border:1px solid rgba(245,242,242,0.2);

}

#ddmenu li
{
    margin:0;
    padding:0;
    font-size:15px;
    display:inline-block;
    zoom:1; /*for IE6-7*/
    position:relative;
    color:#eee;
    line-height:32px; /*This determines the height of the menu*/
    transition:background-color 0.2s;
    outline:none;
}

#ddmenu li.full-width {
    position: static;
}

#ddmenu li.over
{
    color:#FFF;
background-color:#464646;
}

#ddmenu li.over.no-sub {
    
}

#ddmenu .top-heading
{
    font-weight:500;
    white-space:nowrap;
    margin:0 16px;
    color:inherit;
    text-decoration:none;
    display:inline-block; 
    outline:0;
    cursor:pointer;
}

/* links of top-heading */
#ddmenu li a, #ddmenu li a:link, #ddmenu li a:hover
{
    color:inherit;
}
#ddmenu a {text-decoration: none;}
#ddmenu li a:hover
{
    text-decoration:underline;
}

#ddmenu li a:focus
{
    outline:1px dotted #09F;
}
    
/* caret(arrow icon) */
#ddmenu i.caret
{  
    color:inherit;
    left:-12px;
    width: 0;
    height: 0;
    overflow:hidden;/*for IE6*/
    vertical-align:middle;
    margin-bottom:2px;
    border-top: 4px solid;/*caret size is 4px now*/
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    display: inline-block;
    position:relative;
}  
        
/* sub-menu layout
----------------------------*/

#ddmenu .dropdown
{
    width:620px;    
    left:0px; 
    color:#363636;   
    padding:0;margin:1px;display:none;position:absolute;
    margin-left: 40px;
    padding-bottom: 10px;
    top:100%;
    border:1px solid gray;
border-top:none;
background-color:#fff;
background-color:#ccc \9;/*fallback for old IE*/
}

#ddmenu li.full-width .dropdown {
    width:1000px;
    padding:0;
    margin:0;
    margin-left:-1px; /*Set to 0 if UL has no border*/
}

#ddmenu .offset300 {
    left:-190px;right:auto;text-align: center;
    
}

#ddmenu .right-aligned {
    left:auto;
    right:0px;
}

#ddmenu li.over .dropdown
{
    display:block;
}

#ddmenu .dd-inner {
    text-align:center;
    padding:3px;
    margin:8px;
    background-color:#FFF;
    white-space:nowrap;
    font-size:13px;
    line-height:1.35;
}
  
/* links in sub menu
----------------------------*/

#ddmenu .dropdown a
{  
    display:block;
    color:#000;
    line-height:22px;
    text-decoration:none;
    padding:0;
}

#ddmenu .dropdown a:hover, #ddmenu .dropdown a:focus
{
    text-decoration:underline;
    color:#09F;
}

/* blocks within the sub-menu
-----------------------------*/
#ddmenu div.column
{
    text-align:left;
    vertical-align:top;/*or middle*/
    display:inline-block;
    *display:inline;*zoom:1;
    white-space:normal;
    width:auto;min-width:170px;
padding:0 25px;
border-right:1px solid #999;
}

#ddmenu div.dd-inner div:last-child
{
    border-right:none;
}

#ddmenu div.column h3 {
  font-weight: 500;
  line-height: 1.1;
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 19px;
}

#ddmenu div.column h3 {text-transform:uppercase; color: #2CCDDF;}

/* useful when http://www.menucool.com/ddmenu/one-menu-for-all-pages */
#ddmenuLink {display:none;}

/*######## add additional styles for mobile-friendly responsive menu ########*/

#ddmenu div.menu-icon   
{
    display:none; /* hide menu icon initially */
}



/*styles for mobile*/
@media only screen and (max-width: 480px) 
{
    #ddmenu li div.column.mayHide {
        display:none;
    }

    /*override the original settings*/
    #ddmenu ul {
        width: 100%; 
        display: none;
        border-radius:0;
        background:rgba(0,153,255,0.6499999999999999); 
    }
	
    #ddmenu li {
        position:relative;
        display:block;
        font-size:20px;
        text-align:left;
        border-bottom: 1px solid rgba(0,0,0,0.2);
    }

    #ddmenu li.full-width {
        position: relative;
    }
    
    #ddmenu li .dropdown {
        position:relative;
        *top:auto;/*for IE7*/
        border:none;
        border-radius:0;
        box-shadow:none;
        text-align:left;
        background-color:#FFF;
    }
    
    #ddmenu .offset300 {
        left:0;
    }

    #ddmenu li.full-width div.dropdown {
        width: auto;
    }
        
    #ddmenu .dd-inner
    {
        margin:0;
        background:none;
        text-align:left;
    }
    
    /*turn each column to list vertically instead of horizontally */
    #ddmenu li div.column {
        width:auto;
        padding:0;
        border:none;
        display:block;
    }

    /*move the arrow icon to right*/
    #ddmenu i.caret {
        position:absolute;
        left:auto;
        right:14px;
        top:20px;
        border-width:5px;
    }


    /* All the following are for the div.menu-icon (pure CSS) */
    #ddmenu div.menu-icon {
        font-size:32px;/*icon size*/
		display: block;
        position: relative;
		width: 40px;
		height:36px;
        text-align:center;
		cursor: pointer;
		-moz-user-select:none;		
        -webkit-user-select: none;
        background-color: #eee;
        border-radius: 3px;

        margin-bottom:6px;
        /*align the icon to the right*/
        margin-left: auto;
        margin-right: 11px;
    }

    #ddmenu div.menu-icon::before {
        content: "";
        position: absolute;
        top: 0.25em;
        left: 4px;
        width: 1em;
        height: 0.125em;
        border-top: 0.375em double #333;
        border-bottom: 0.125em solid #333;
        box-sizing: content-box;
    }

    #ddmenu div.menu-icon-active {
        background-color: #333;
    }

    #ddmenu div.menu-icon-active::before {
        border-color: #eee;
    }
}

/* END Main Menu */