@charset "utf-8";
/* CSS Document */

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

}


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

}

body { margin:0; padding:0; font-family: 'open_sansregular'/*'brandon_grotesquelight'*//*'open_sansregular'*/;font-size:12px; color:#666666 }

.inputError{
	border: 1px solid red !important;
}
.evenTableRow {
	background:#f8f9f9 !important;
}
.evenTableRow:hover {
	background: #a69ea7 !important;
}
.bouton{ color:#FFF; border-radius:3px !important;  text-align:center; background: linear-gradient(to bottom, #db0035 0%, #c5031f 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); cursor:pointer; border:0px !important; padding:10px 15px !important;}
.pointer{cursor:pointer !important}
img { max-width:100% !important; border:0px}
.imageSlid { max-width:110% !important; }
#slogon{ float:left; text-align:left; color:#004494; font-size:38px; font-family: 'open_sansregular'/*'brandon_grotesquelight'*/; padding-top:17px}
#content{ width:1170px; margin:0px auto; padding:44px 93px 43px 96px; overflow:hidden}
#header{ overflow:hidden; width:982px; margin:0px auto}
#logo{ float:left; margin-right:30px}
#main{ width:982px; margin:0px auto; margin-top:25px; overflow:hidden}
#bloc_Left{ float:left; margin-right:58px; width:520px}
#bloc_Right{ float:right; width:403px}
.champ_Form{ width:371px; padding:10px 15px; border:1px solid #cccccc; border-radius:3px; margin-bottom:15px; color:#666666}
#txt_votre{ color:#d60026; font-size:19px}
#txt_connexion{ color:#666666; font-size:19px; padding:15px 0px 20px 0px}
.txt_connexion{ color:#666666; font-size:19px; padding:15px 0px 20px 0px}
#btn_login{ float:right}
#btn_Connecter{ color:#FFF; border-radius:3px; text-align:center; background: linear-gradient(to bottom, #db0035 0%, #c5031f 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); cursor:pointer; border:0px; padding:10px 15px}
#btn_Connecter:hover{ color:#FFF; border-radius:3px; text-align:center; background: linear-gradient(to bottom, #c5031f 0%, #db0035 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); cursor:pointer; border:0px; padding:10px 15px}
.vapvi a{ text-decoration:underline; font-size:11px; color:#666666}
#form_Login{ padding-bottom:43px; border-bottom:1px solid #cccccc}
#bloc_Brochure{ margin-top:20px;}
#tit_brochures{ font-weight: bold; font-size:19px; margin-bottom:20px}

.lang {float: left;}
.lang a.click-dropdown {display: block;}
/*.lang a.click-dropdown.oppened { background: url(images/fleche_lang.png)  70px 11px no-repeat;}*/
.lang ul#dropdown {display: none; background-color: #a69ea7;margin-top: 8px;margin-bottom: 0px;position: absolute;width: 60px;padding-left: 5px;z-index: 20;float: left;}
.lang ul#dropdown li a { display: block;color:#fff;padding: 1px 0 3px 0px; }
.lang ul#dropdown li a:hover{text-decoration: underline;}
/****************************************************/

.boutonAnno{ font-size: 11px !important;color:#FFF; border-radius:3px !important;  text-align:center; background: linear-gradient(to bottom, #db0035 0%, #c5031f 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); cursor:pointer; border:0px !important; padding:5px 8px !important;margin-left: 0px !important;}
.champ_FormAnno{padding: 5px 5px;border: 1px solid #cccccc;border-radius: 3px;margin-bottom: 15px;color: #666666;}

.btn_bouton{ color:#FFF; border-radius:3px; text-align:center; background: linear-gradient(to bottom, #db0035 0%, #c5031f 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); cursor:pointer; border:0px; padding:10px 15px}
.btn_bouton:hover{ color:#FFF; border-radius:3px; text-align:center; background: linear-gradient(to bottom, #c5031f 0%, #db0035 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); cursor:pointer; border:0px; padding:10px 15px}

/********************** Messagerie **********************/
.messagSujet{
		float:left;
		border: #B8B8B8 1px solid;
		margin-right:3px;
		height:35px;
		padding: 2px;
		line-height: 35px;
		overflow:hidden;
		padding-left: 4px;
		text-align:left;
		border-radius: 5px;
}
.messagSujetRecap{
		float:left;
		/*border: #B8B8B8 1px solid;*/
		margin-right:3px;
		
		padding: 2px;
		line-height: 20px;
		overflow:hidden;
		padding-left: 4px;
		text-align:left;
}
.message_list{ background-color:#f8f9f9; border:1px solid #ABABAB; /*border-top:0px;*/ padding:7px 7px 7px 7px; overflow:hidden; margin-bottom:9px;border-radius: 8px;margin-bottom: 3px;}
/****************************************************/
.header_interne{ background-color:#a69ea7; overflow:hidden;}
.fl{ margin-left:9px; float:left}
.fl:hover{ margin-left:9px; float:left; opacity:0.5}
#copy{ float:left; padding-top: 10px; color:#999999}
#bloc_btn_news{ float:left; position:relative}
#btn_news{ background: linear-gradient(to bottom, #7fa7ce 0%, #5e8eb1 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); padding:12px 50px 10px 15px; border:0px; cursor:pointer; color:#FFF; font-size:14px; font-weight:bold; text-align:center}
#btn_news:hover{ background: linear-gradient(to bottom, #5e8eb1 0%, #7fa7ce 100%) repeat scroll 0 0 rgba(0, 0, 0, 0)}
.bloc_prix{ float:left; color:#005c8f; padding-top: 10px;}
.prix{ font-weight:bold; font-size:18px; font-family: 'open_sansregular'/*'brandon_grotesquelight'*//*"Oswald"*/;}
.fr{ float:right;}
.btn_reserver{ background: linear-gradient(to bottom, #7fa7ce 0%, #5e8eb1 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); text-align:center; font-weight:bold; font-size:13px; padding: 10px 30px; color:#FFF; cursor:pointer; border:0px}
.btn_reserver:hover{ background: linear-gradient(to bottom, #5e8eb1 0%, #7fa7ce 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);}
.pdt_list{ background-color:#f8f9f9; border:1px solid #ebecec; padding:8px 12px 8px 12px; overflow:hidden; margin-bottom:9px}
.img_pdt{ float:left; width:/*483*/383px; height:/*187*/200px; margin-right:35px;overflow: hidden;}
.pdt_details{ float:right; text-align:justify; width:/*548*/648px; overflow:hidden}
.nomPdt_meteo{ overflow:hidden}
.nomPdt{ float:left; width:420px;}
.tit_Pdt{ text-transform:uppercase; font-size:17px; font-family: 'open_sansregular'/*'brandon_grotesquelight'*/; padding-top:10px}
.meto{ float:right; margin-top:10px}
.picto_meteo{ float:left;margin-left:3px; margin-right:2px}/*10*/
.txt_saison_H{ float:left; color:#38c0f9; font-size:14px; padding-top:10px; font-weight:bold;}
.txt_saison_E{ float:left; color:#fbdb4f; font-size:14px; padding-top:10px; font-weight:bold;}
.pdt_Desc{ margin-top:25px}
.prix_btnRes{ overflow:hidden; margin-top:20px}
#listPdt{ overflow:hidden; margin-bottom:30px}
#pagination{ float:right; border:1px solid #c8cdcd}
.num{ float:left; color:#005c8f; text-align:center; font-size:12px; border-left:1px solid #c8cdcd; padding:10px 12px}
.numthirst{ float:left; color:#005c8f; text-align:center; font-size:12px; padding:10px 12px}
.numActiv{ float:left; color:#FFF; text-align:center; font-size:12px; border-left:1px solid #8b91bb; padding:10px 12px; background: linear-gradient(to bottom, #7fa7ce 0%, #5e8eb1 100%) repeat scroll 0 0 rgba(0, 0, 0, 0)}
#link_footer{ float:left; margin-left:75px}
#footer_content{ width:1127px; margin:0px auto; padding:35px 0px 67px 0px; overflow:hidden}
.pict_footer{ margin-left:14px; float:right}
.linkCV{ color:#b8b6b6; text-decoration:none} 
.linkCV:hover{ color:#7fa7ce;} 
#trie{ background-color:#a69ea7; float:right; margin-top:10px; border:1px solid #e7e6e6; padding:8px 23px}
#txt_trie{ float:left; color:#FFF; margin-right:9px}
.blocTriePrix{ overflow:hidden; float:left; margin-left: 14px;}
.txtPrix{ float:left; color:#FFF; margin-right:11px}
.flecheTrie{ float:left;}
#txt_tit{ font-size:38px; text-transform:uppercase; font-family: 'open_sansregular'/*'brandon_grotesquelight'*/;}
#slogon_interne{ float:left; color:#FFF; font-size:18px; font-family: 'open_sansregular'/*'brandon_grotesquelight'*/}
#header2_nav{ float:right;}
.header2_link{ float:right; margin-left:15px/*35px44px*/; text-align:center;}
.pictoNav{ text-align:center;}
.linkNav2{ text-align:center; color:#FFF; font-size:14px; margin-top:8px; text-transform:uppercase}
.linkNavCir{ text-align:center; color:#FFF; font-size:11px; margin-top:15px; text-transform:uppercase}
.linkNavCir:hover{  color:#f7de71;}
.linkNavSej{ text-align:center; color:#FFF; font-size:11px; margin-top:15px; text-transform:uppercase}
.linkNavSej:hover{  color:#f95a65;}
.linkNavComb{ text-align:center; color:#FFF; font-size:11px; margin-top:15px; text-transform:uppercase}
.linkNavComb:hover{  color:#3bbff7;}
.linkNavThe{ text-align:center; color:#FFF; font-size:11px; margin-top:15px; text-transform:uppercase}
.linkNavThe:hover{  color:#915955;}
.linkNavAut{ text-align:center; color:#FFF; font-size:11px; margin-top:15px; text-transform:uppercase}
.linkNavAut:hover{  color:#4f6f79;}
.linkNavPromo{ text-align:center; color:#FFF; font-size:11px; margin-top:15px; text-transform:uppercase}
.linkNavPromo:hover{  color:#3796ad;}

.linkNavCrois{ text-align:center; color:#FFF; font-size:11px; margin-top:15px; text-transform:uppercase}
.linkNavCrois:hover{  color:#0094ed;}
.linkNavAu{ text-align:center; color:#FFF; font-size:11px; margin-top:8px; text-transform:uppercase}
.linkNavAu:hover{  color:#9c1eea;}

.pictoNav img{width:57px; height:57px;}

ul li{ list-style:none; margin:0px; padding:0px; float:left; color:#dbd7dc; padding-left:12px;}
#header1_nav ul{ padding-left:0px}
#header1_nav ul a{ color:#dbd7dc; text-decoration:none}
#header1_nav ul a:hover{ color:#7fa7ce;}
#header1{ background-color:#9b939c; border-bottom:1px solid #8b828c; overflow:hidden}
#contentheader1{ margin:0px auto; width:1127px; overflow:hidden}
#header1_nav{ float:left; margin-right:10px}
#search{ background-color:#908791; float:left; position:relative; margin-top:3px}
#search_interne{ background-color:#908791; border:0px; color:#cec7cf; padding:5px 5px 5px 35px}
#picto_search{ position: absolute; left: 10px; top: 6px;}
#bloc_mail_deco{ float:right; margin-top:10px}
#txt_decon{ float:right; text-align:center; color:#d5ced6; padding:0px 18px 0px 9px}
#picto_decon{ float:right; margin-left:20px}
#mail{ float:right; width:30px; text-align:left; position:relative; margin-top:5px}
#nbre_mail{line-height: 17px; border-radius: 50%; width: 16px; height: 16px; color: #FFF; font-weight: bold; font-size: 10px; text-align: center; position: absolute; left: 13px; top: -6px; background-color:#F00}
#header_content{ width:1127px; overflow:hidden; margin:0px auto; padding:10px 0px 5px 0px}
#logo_slogon{ float:left;}
#slogon_interne{ float:left; padding-top:40px}
/******************  SLide  *********************/
#slide{ width:auto; text-align:center; position:relative}
#slider1_container{ position: relative; margin: 0 auto;  top: 0px; left: 0px; width: 1300px; height: 475px; overflow: hidden;}
.share-icon {
                    display: inline-block;
                    float: left;
                    margin: 4px;
                    width: 32px;
                    height: 32px;
                    cursor: pointer;
                    vertical-align: middle;
                    background-image: url(img/share/share-icons.png);
                }

                .share-facebook {
                    background-position: 0px 0px;
                }

                    .share-facebook:hover {
                        background-position: 0px -40px;
                    }

        .share-twitter {
            background-position: -40px 0px;
        }

            .share-twitter:hover {
                background-position: -40px -40px;
            }

        .share-pinterest {
            background-position: -80px 0px;
        }

            .share-pinterest:hover {
                background-position: -80px -40px;
            }

                .share-linkedin {
                    background-position: -240px 0px;
                }

                    .share-linkedin:hover {
                        background-position: -240px -40px;
                    }


                .share-googleplus {
                    background-position: -120px 0px;
                }

                    .share-googleplus:hover {
                        background-position: -120px -40px;
                    }


        .share-stumbleupon {
            background-position: -360px 0px;
        }

            .share-stumbleupon:hover {
                background-position: -360px -40px;
            }

                .share-email {
                    background-position: -320px 0px;
                }

                    .share-email:hover {
                        background-position: -320px -40px;
                    }
 .jssorb21 div, .jssorb21 div:hover, .jssorb21 .av
            {
                background: url(img/b21.png) no-repeat;
                overflow:hidden;
                cursor: pointer;
            }
            .jssorb21 div { background-position: -5px -5px; }
            .jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
            .jssorb21 .av { background-position: -65px -5px; }
            .jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }
.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn
            {
            	position: absolute;
            	cursor: pointer;
            	display: block;
                background: url(img/a21.png) center center no-repeat;
                overflow: hidden;
            }
            .jssora21l { background-position: -3px -33px; }
            .jssora21r { background-position: -63px -33px; }
            .jssora21l:hover { background-position: -123px -33px; }
            .jssora21r:hover { background-position: -183px -33px; }
            .jssora21ldn { background-position: -243px -33px; }
            .jssora21rdn { background-position: -303px -33px; }
/******************  Fin SLide  *********************/

#mainInterne{ width:1127px; margin:0px auto; overflow:hidden; margin-top:25px}
#tit_Trie{ overflow:hidden; margin-bottom:24px}
#tit_result{ float:left; overflow:hidden}
#picto_circuit{ float:left; margin-right:20px}
#tit_nbrResult{ float:left; padding-top:13px}
#nbr_result{ font-size:24px; font-family: 'open_sansregular'/*'brandon_grotesquelight'*/; line-height:60px}
footer{ background-color:#444444; border-top:6px solid #222222; color:#b8b6b6; margin-top:40px}
#bloc_copy{ background-color:#222222; overflow: hidden}
#bloc_copy_content{ width:1127px; margin:0px auto; overflow:hidden; padding-top:12px; padding-bottom:9px}
#rs{ float:right}
#suivez-nous{ text-transform:uppercase; color:#FFF; float:left; margin-right:11px; padding-top: 10px;}
#nc{ text-transform:uppercase; font-size:13px; text-align:right; padding-top:7px}
#picto_footer{ overflow:hidden; padding-top:25px}
#linkCDV{ float:left}
#footer_content ul li.linkCV{ list-style:none; padding:0px; margin:0px; line-height:20px; padding-top:7px}
#bloc_news{ float:left; margin-left:75px}
#txt_news{ font-size:24px; font-family: 'open_sansregular'/*'brandon_grotesquelight'*/; line-height: 20px;}
#profitez{ font-size:15px}
#form_news{ overflow:hidden; margin-top:13px}
#champ_news{ float:left; margin-right:10px}
.inputNews{ width:237px; border:1px solid #d6d5d4; padding:10px 5px 10px 15px; color:#C2C2C2; font-size:14px}
#picto_news{ position: absolute; right: 19px; top: 10px;}





/******************  css Home page  *********************/

.btn_valider{ background: linear-gradient(to bottom, #7fa7ce 0%, #5e8eb1 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); padding:5px 20px; border:0px; cursor:pointer; color:#FFF; font-size:12px; font-weight:bold; text-align:center; margin-top:8px; text-decoration: none !important;}
.btn_valider:hover{ background: linear-gradient(to bottom, #5e8eb1 0%, #7fa7ce 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);cursor:pointer;}
#produits_phare{ overflow:hidden; margin-top:10px; padding:0px 40px; margin-bottom:20px}
#ligneProduit{ overflow:hidden; margin-bottom:20px}
/*.fl{ float:left}*/
.detail_pdt_phare{ background-color:#09F; margin-top:15px}
.pict_pdt{ float:left; padding-right:14px}
.pdt_tit_nbr_btn_Cir{ float:left; border-left:1px solid #f7de71; padding-left:16px; width:415px;}
.pdt_tit_nbr_btn_Sejr{ float:left; border-left:1px solid #f95a65; padding-left:16px; width:415px;}
.pdt_tit_nbr_btn_Auto{ float:left; border-left:1px solid #4f6f79; padding-left:16px; width:415px;}
.pdt_tit{ border-bottom:1px solid #d7d2d2; line-height:28px; font-size:17px; font-family: 'open_sansregular'/*'brandon_grotesquelight'*/;}
.nbr_btn{ overflow:hidden}
.nbr{ float:left; line-height:35px}
.pdt_left{ float:left}
#bloc_Espaces{ background-color:#d5e4ac; overflow:hidden}
/************* bloc_espace_devis*********/
.bloc_espace_devis{ float:left; width:241px; margin-right:82px;}
.detail_espace{ background-color:#FFF; color:#4e464f; padding:20px 15px; margin-top:-5px}
.entete{ border-bottom:1px solid #4e464f; height:86px;}
.tit_espace{ font-size:23px; text-align:center; font-family: 'open_sansregular'/*'brandon_grotesquelight'*//*'open_sansbold'*/; line-height: 24px;}
.soustit_espace{ text-align:center; font-size:14px; padding-top: 5px; padding-bottom:15px}
.txt_esp{ text-align:justify; padding-top:25px; height: 115px;}
.bloc_messagerie{ float:left; width:241px;}
#content_bloc_Espaces{ width:899px; margin:0px auto; padding:22px 114px 40px 114px;  overflow:hidden}
#content_bloc_Espaces a{ text-decoration:none}
.bloc_espace_devis:hover{ opacity:0.8}
.bloc_messagerie:hover{ opacity:0.8}
.titpag{ font-size:38px; font-family: 'open_sansregular'/*'brandon_grotesquelight'*/; line-height:32px}
.tit_Actu{ font-size:19px; line-height:40px; font-family: 'open_sansregular'/*'brandon_grotesquelight'*/;}
.txt_just{ text-align:justify}
.bloc_height{ height:52px}
#bloc_left{ float:left; width:660px}
.bloc_Actu{ border-bottom:1px solid #d7d2d2; margin-bottom:20px; overflow:hidden; padding-bottom:18px; margin-top:28px}
.bloc_Actu_last{ overflow:hidden; padding-bottom:18px; margin-top:28px}
.img_Act{ float:left; margin-right:20px;height: 130px;overflow: hidden;}
.info_Act{ float:left; overflow:hidden; width:500px}

.bloc_Actu2{ width:325px; float:left; border-bottom:0px solid #d7d2d2; margin-bottom:20px; overflow:hidden; padding-bottom:18px; margin-top:28px}
.info_Act2{ float:left; overflow:hidden; width:100%;    padding-top: 4px;}
.img_Act2{    height: 228px;   overflow: hidden;}

#tit_MR{ font-size:24px; font-family: 'open_sansregular'/*'brandon_grotesquelight'*/;}
#bloc_right{ float:right; width:420px}
#search2{ margin-bottom:20px; position:relative}
.champ_MR{ border:1px solid #eae6e6; padding: 10px 10px 10px 40px; color:#909090; font-size:14px; width:368px}
#picto_search2{ position: absolute; left: 13px; top: 12px;}
#mr{ border:1px solid #e7e6e6; background-color:#fcfbfb; padding:20px 15px 15px 15px; heightbloc_Left-Right:276px}
.label_Form{ text-align:right; margin-right:18px; width:90px; display:block; float:left; padding-top:10px}
.label_FormLeft{ text-align:left; margin-right:18px; width:90px; display:block; float:left; padding-top:10px}
.label_FormLeft2{ text-align:left; margin-right:18px; width:110px;display:block; float:left; padding-top:10px}
.selectForm{ border:1px solid #d6d5d4; width:270px; padding:5px; color:#666666}
#picto_search3{ position: absolute; left: 19px; top: 14px;}
.btn_search3{ background: linear-gradient(to bottom, #7fa7ce 0%, #5e8eb1 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); padding:12px 25px 10px 42px; border:0px; cursor:pointer; color:#FFF; font-size:14px; font-weight:bold; text-align:center}
#btn_search3:hover{ background: linear-gradient(to bottom, #5e8eb1 0%, #7fa7ce 100%) repeat scroll 0 0 rgba(0, 0, 0, 0)}
.flexibilite{ border:1px solid #d6d5d4; width:120px; padding:5px; color:#666666}
.ps_R{ position: relative}
.champ_Date{ width:133px; margin-right:3px; border:1px solid #d6d5d4; padding:6px; color:#666666;background: url(../images/picto_cal.png) 118px no-repeat;}
.champ_Texte{ border:1px solid #d6d5d4; width:260px; padding:5px; color:#666666}

#picto_cal{ position: absolute; right:10px; top: 8px;}
#bloc_Left-Right{ overflow:hidden}
.mr{ border:1px solid #e7e6e6; background-color:#fcfbfb; padding:20px 15px 15px 15px; heightbloc_Left-Right:276px}



.pdt_tit_nbr_btn_0{ float:left; border-left:1px solid #f7de71; padding-left:16px; width:415px;height: 92px;overflow: hidden;}
.pdt_tit_nbr_btn_494{ float:left; border-left:1px solid #f7de71; padding-left:16px; width:415px;height: 92px;overflow: hidden;}
.pdt_tit_nbr_btn_29{ float:left; border-left:1px solid #f7de71; padding-left:16px; width:415px;height: 92px;overflow: hidden;}
.pdt_tit_nbr_btn_28{ float:left; border-left:1px solid #4F6F79; padding-left:16px; width:415px;height: 92px;overflow: hidden;}
.pdt_tit_nbr_btn_27{ float:left; border-left:1px solid #009CDE; padding-left:16px; width:415px;height: 92px;overflow: hidden;}
.pdt_tit_nbr_btn_33{ float:left; border-left:1px solid #964E52; padding-left:16px; width:415px;height: 92px;overflow: hidden;}
.pdt_tit_nbr_btn_192{ float:left; border-left:1px solid #F95A65; padding-left:16px; width:415px;height: 92px;overflow: hidden;}
.pdt_tit_nbr_btn_34{ float:left; border-left:1px solid #FE9901; padding-left:16px; width:415px;height: 92px;overflow: hidden;}
.pdt_tit_nbr_btn_30{ float:left; border-left:1px solid #FE9901; padding-left:16px; width:415px;height: 92px;overflow: hidden;}
.pdt_tit_nbr_btn_411{ float:left; border-left:1px solid #9c1eea; padding-left:16px; width:415px;height: 92px;overflow: hidden;}















/*********************************** Animation circulaire Leading *********************************************/
#LoginCircularLoading{
position:relative;
width:30px;
height:30px;
margin-left: auto;
margin-right: auto;
}

.LoginCircularLoading{
position:absolute;
background-color:#DB0037;
width:7px;
height:7px;
-webkit-border-radius:5px;
-webkit-animation-name:bounce_LoginCircularLoading;
-webkit-animation-duration:0.72s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
border-radius:5px;
animation-name:bounce_LoginCircularLoading;
animation-duration:0.72s;
animation-iteration-count:infinite;
animation-direction:linear;
}

#LoginCircularLoading_1{
left:0;
top:12px;
-webkit-animation-delay:0.27s;
animation-delay:0.27s;
}

#LoginCircularLoading_2{
left:3px;
top:3px;
-webkit-animation-delay:0.36s;
animation-delay:0.36s;
}

#LoginCircularLoading_3{
top:0;
left:12px;
-webkit-animation-delay:0.45s;
animation-delay:0.45s;
}

#LoginCircularLoading_4{
right:3px;
top:3px;
-webkit-animation-delay:0.54s;
animation-delay:0.54s;
}

#LoginCircularLoading_5{
right:0;
top:12px;
-webkit-animation-delay:0.63s;
animation-delay:0.63s;
}

#LoginCircularLoading_6{
right:3px;
bottom:3px;
-webkit-animation-delay:0.72s;
animation-delay:0.72s;
}

#LoginCircularLoading_7{
left:12px;
bottom:0;
-webkit-animation-delay:0.81s;
animation-delay:0.81s;
}

#LoginCircularLoading_8{
left:3px;
bottom:3px;
-webkit-animation-delay:0.9s;
animation-delay:0.9s;
}

@-webkit-keyframes bounce_LoginCircularLoading{
0%{
-webkit-transform:scale(1)}

100%{
-webkit-transform:scale(.3)}

}

@keyframes bounce_LoginCircularLoading{
0%{
transform:scale(1)}

100%{
transform:scale(.3)}

}




/******************  css page produit *********************/
#tit_pdt{ font-size:38px; font-family: 'open_sansregular'/*'brandon_grotesquelight'*/;}
#nbr_jour_pdt{ font-size:18px; font-family: 'open_sansregular'/*'brandon_grotesquelight'*/; line-height: 50px; }
#prix_pdt{ color:#005c8f; font-size: 18px; line-height:51px}
.prix_chiffre{ font-family: 'open_sansregular'/*'brandon_grotesquelight'*//*"Oswald"*/; font-size:36px}
#champ_com{ border:1px solid #e3e3e3; padding:19px 15px; color:#666666; font-size:12px; width:450px; font-family: 'open_sansregular'/*'brandon_grotesquelight'*//*'open_sansregular'*/; margin-bottom:20px}
.ligne_commentaire{ overflow:hidden; margin-bottom:15px}
.picto_comment{ float:left;}
.txt_comment{ float:left; padding-left:14px; text-align:justify; width:400px; padding-top:3px}
.date_comment{ color:#000}
.jourPdt{ color:#d60026}
.tj{ text-align:justify}
.colortxt{ color:#666666}
#pave_lef_right{ overflow:hidden;}
#pave_left{ float:left; width:580px}
#slide_Pdt{ margin-bottom:35px}
#detail_sejour{ overflow:hidden}
#detail_sejour ul{ list-style:none; padding:0px; margin:0px;}
#pave_right{ float:right; width:482px}
.txt_desc{ text-align:justify; padding-bottom:20px}
#btn-resa{ position:relative}
#btn_date{ text-align:center; background: linear-gradient(to bottom, #7fa7ce 0%, #5e8eb1 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border:1px solid #6a97bc; cursor:pointer; color:#FFF; width:480px; padding:10px 0px; font-weight:bold;}
#btn_date:hover{ background: linear-gradient(to bottom, #5e8eb1 0%, #7fa7ce 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);}
#pict_date{ position: absolute; left: 121px; top: 7px;}
#rs_pdt{ text-align:center; padding:10px 0px}
#nbr_com{ color:#000; font-size:14px; font-family: 'open_sansregular'/*'brandon_grotesquelight'*//*'open_sansbold'*/; text-transform:uppercase; margin-bottom:20px}
#btn_com{ text-align:right; position:relative; margin-bottom:35px}
#btn_commentaire{ color:#FFF; background: linear-gradient(to bottom, #7fa7ce 0%, #5e8eb1 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border:1px solid #6a97bc; text-align:center; padding:10px 20px 10px 50px; cursor:pointer;}
#btn_commentaire:hover{ color:#FFF; background: linear-gradient(to bottom, #5e8eb1 0%, #7fa7ce 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);}
#picto_com{ position:absolute; right:110px; top:13px}
#people_commente{ /*overflow:hidden;*/height: 400px;overflow: auto;}
#bloc_VAA{ overflow:hidden; width:1046px; margin:0px auto; margin-top:20px}
#bloc_tit{ position:relative; padding:20px 0px; margin-bottom:27px}
#bloc_tit_VAA{ color: #666666; font-size: 30px; position: absolute; font-family: 'open_sansregular'/*'brandon_grotesquelight'*/; left: 400px; top: 8px; background-color:#FFF; padding:10px 30px; text-align:center}

.pdt_VAA{ float:left; width:484px;}
.pdt_tit_VAA{ line-height:20px; font-size:17px; font-family: 'open_sansregular'/*'brandon_grotesquelight'*/;}
#btn_date2{ text-align:center; background: linear-gradient(to bottom, #7fa7ce 0%, #5e8eb1 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border:1px solid #6a97bc; cursor:pointer; color:#FFF; padding:10px 15px; font-weight:bold; padding-left:45px}
#btn_date2:hover{ background: linear-gradient(to bottom, #5e8eb1 0%, #7fa7ce 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);}
#pict_date2{ position: absolute; left: 17px; top: 11px;}
#pdf{ overflow:hidden}
#img_pdf{ float:left}
#txt_telech{ float:left; line-height:24px; margin-left:15px; color:#666666; text-decoration:underline}



.divDisablePage {
	display:none;
position: fixed;
z-index: 1000;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.7);
-webkit-transition: all 300ms cubic-bezier(0.68, 0, 0.265, 1);
-moz-transition: all 300ms cubic-bezier(0.68, 0, 0.265, 1);
-ms-transition: all 300ms cubic-bezier(0.68, 0, 0.265, 1);
-o-transition: all 300ms cubic-bezier(0.68, 0, 0.265, 1);
transition: all 300ms cubic-bezier(0.68, 0, 0.265, 1);
}

/******************  css page resa_devis *********************/

#mainDevis{ width:939px; margin:0px auto; overflow:hidden; margin-top:25px}
.header_border_botton{ border-bottom:5px solid #cac5ca}
ul li.pp{ list-style:none; margin:0px; padding:0px; color:#dbd7dc; clear:left}
#tit_pdt_pdt{ color:#d60026; font-size:17px; font-family: 'open_sansregular'/*'open_sansbold'*/; text-transform:uppercase}
.classeBold{ font-family: 'open_sansregular'/*'open_sansbold'*/; }
.border_bott_td{ border-bottom:1px solid #A8A8A8}
.border_bott_td2{ border-bottom: none}
#txt_champ_comp{ font-family: 'open_sansregular'/*'open_sansbold'*/, Arial, Helvetica, sans-serif;}
.hebergement{ color:#005c8f; font-family: 'open_sansregular'/*'open_sansbold'*/;}
#etapResa{ margin: 10px 0px 30px 0px}
#blocPdt{ overflow:hidden; margin-bottom:30px}
#blocPdt2{ overflow:hidden;}
#img_pdt{ float:left; margin-right:25px; width:483px;}
#detail_pdt{ float: left; width:400px;}
.bloc_Tab{ border-radius:5px 5px 0px 0px; border-bottom: none; margin-bottom:30px; overflow:hidden}
.bloc_tit_pdt{ background-color:#959295; color:#FFF; font-size:24px; padding:15px 17px; font-family: 'open_sansregular'/*'brandon_grotesquelight'*/; text-transform:uppercase; border-radius:5px 5px 0px 0px}
.champ_Nbre{ padding: 4px 15px; border: 1px solid #cccccc; color: #333333;}
.select_categorie{ padding: 4px 15px; border: 1px solid #cccccc; color: #333333; width:260px}
.btn_calDevis{ float: right; position:relative; margin-top:20px}
#picto_devis{ position: absolute; left: 19px; top: 11px;}
#picto_next{ position: absolute; left: 19px; top: 12px;}
.divBorderTab{ border:1px solid #959295;/* border-bottom:none*/}
/*.border_bott_last_td{ border-bottom: none}*/
.infoResa{ text-align:justify; padding:30px 20px 0px 20px; color:#a19f9f}
.prixDevis{ font-size:17px; color:#005c8f; font-family: 'open_sansregular'/*"Oswald"*/;}

/**************** css page resa_Assurances *********************/
#txt_total{ color:#005c8f; font-family: 'open_sansregular'; font-size:12px}
#total_devis{ text-align:center; font-size:14px; background-color:#d60026; padding:10px 10px; color:#FFF; font-family: 'open_sansregular'/*'open_sansbold'*/; text-decoration:none; text-transform:uppercase}
.prix_total_devis{ font-family: 'open_sansregular'/*"Oswald"*/; font-size:16px}
#btn_etp_suiv{ float: right; position:relative;}
.colorFamille{ color:#d60026}
/**************** css page resa_Passagers *********************/
.champ_meddel{ padding: 4px 15px; border: 1px solid #cccccc; color: #333333; width:152px}
.margLeft{ margin-left:10px}
.infoResa2{ text-align:justify; padding:0px 20px 0px 20px; color:#a19f9f}
		/**************CSS Tab Coordonnées **********/

.formEspClient{ width:450px;/*376px;*/ margin-left:15px; float:left}
.formEspClient2{ width:450px; margin-left:7px; float:left}
/*.form_selection select#svp:hover, #monForm select#svp:focus
{
	border: #999 1px solid;
	background-color: #f18d5e;


.form_selection input.date:hover, .form_selection input.date:focus
{
	border: #999 1px solid;
	background-color: #e4f1f9;
	padding-left:10px
}
}*/
.form_selection input.date, .form_selection select.date
{
	margin-left: 1%;
	width: 50%;
	border: #CCC 1px solid;
	color:#486165;
	padding:4px 2px 3px 10px
}
.form_selection input.passager
{
	margin-left: 1%;
	width: 65%;
	border: #CCC 1px solid;
	color:#486165;
	padding:4px 2px 3px 10px
}
.form_selection input.passagerDate
{
	margin-left: 1%;
	width: 26%;
	border: #CCC 1px solid;
	color:#486165;
	padding:4px 2px 3px 10px
}
.form_selection input#lvp, .form_selection select#svp
{
	margin-left: 1%;
	width: 30%;
	border: #CCC 1px solid;
		height:23px;
	color:#486165;
}

.form_selection label#lvp
{
	background-color:#205aa1;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px 15px;
	color:#FFF; 
	display: block;
	float: left;
	width:140px;
	text-align: left;
	font-size:12px;
	font-weight:bold;
}

.form_selection label#lvp_paiement
{
	background-color:#205aa1;
	font-family:Arial, Helvetica, sans-serif;
	padding:1px 15px;
	color:#FFF; 
	display: block;
	float: left;
	width:160px;
	text-align: left;
	font-size:12px;
	font-weight:bold;
}

.form_selection input#ddv, .form_selection select#ddv
{
	margin-left: 1%;
	width: 15%;
	border: #CCC 1px solid;
		height:23px;
	color:#486165;
}

.form_selection select#ddv:hover, #monForm select#ddv:focus
{
	border: #999 1px solid;
	background-color: #f18d5e;
}

.form_selection input.ndp, .form_selection select.ndp
{
	margin-left: 1%;
	width: 18%;
	border: #CCC 1px solid;
	color:#486165;
	padding:3px 2px 3px 2px
}

.form_selection input.ndp:hover, form_selection input.ndp:focus
{
	border: #999 1px solid;
	background-color: #f18d5e;
}

.form_selection select#ddv2
{
	margin-left: 1%;
	width: 20%;
	border: #CCC 1px solid;
		height:25px;
	color:#486165;}
	
	
	
.form_selection select#tpd
{
	margin-left: 1%;
	width: 35%;
	border: #CCC 1px solid;
		height:25px;
	color:#486165;}

	
.form_selection select#ddv3
{
	margin-left: 1%;
	width: 15%;
	border: #CCC 1px solid;
		height:23px;
	color:#486165;}
	.form_selection input.emaill
{
	margin-left: 1%;
	width: 50%;
	border: #CCC 1px solid;
	color:#CCC;
	padding:4px 2px 3px 10px
}

.btn_enregistrer{ overflow:hidden; float:right; padding:8px 15px; border-radius:5px; background-color:#205aa1; background: -moz-linear-gradient(top,  #205aa1 0%, #022e63 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#205aa1), color-stop(100%,#022e63)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #205aa1 0%,#022e63 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #205aa1 0%,#022e63 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #205aa1 0%,#022e63 100%); /* IE10+ */
background: linear-gradient(to bottom,  #205aa1 0%,#022e63 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#205aa1', endColorstr='#022e63',GradientType=0 ); /* IE6-9 */}

.btn_enregistrer:hover{ overflow:hidden; float:right; padding:8px 15px; border-radius:5px; background-color:#252525; background: -moz-linear-gradient(top,  #252525 0%, #000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#252525), color-stop(100%,#000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #252525 0%,#000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #252525 0%,#000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #252525 0%,#000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #252525 0%,#000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#000',GradientType=0 ); /* IE6-9 */}

.btn_valider_vol:hover{ overflow:hidden; float:left; padding:8px 15px; border-radius:5px; background-color:#252525; background: -moz-linear-gradient(top,  #252525 0%, #000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#252525), color-stop(100%,#000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #252525 0%,#000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #252525 0%,#000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #252525 0%,#000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #252525 0%,#000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#000',GradientType=0 ); /* IE6-9 */}
.txt_valid{ float:left; color:#FFF; font-size:13px; font-weight:bold}
#champRemarque{ 	margin-left: 1%;
	width: 50%;
	border: #CCC 1px solid;
	color:#486165;
	padding:4px 2px 3px 10px}

/**************** css page resa_Assurances *********************/
#txt_confirmation{ margin:35px 20px 20px 35px; text-align:justify; line-height:26px; overflow:hidden}
#cher{ color:#205aa1; font-size:16px}

/*.lang {float: left;size:11px; width:82px;}*/
.lang a.click-dropdown {display: block; color:#333333; background: url(images/fleche_lang.png) 70px 11px no-repeat;/*padding:6px 18px 3px;*/}
.lang a.click-dropdown.oppened { background: url(images/fleche_lang.png)  70px 11px no-repeat;}
.lang ul#dropdown {display: none; background:#9b939c;margin-top: 7px;margin-bottom: 0px;position: absolute;width: 60px;padding-left: 0px;z-index: 20;float: left;}
.lang ul#dropdown li a { display: block;color:#dbd7dc;padding: 1px 0 6px 0px; }
.lang ul#dropdown li a:hover{text-decoration: underline;}