@charset "utf-8";
/*Structure basique*/
body { margin: auto; left: 0; right: 0; width: 100%; overflow-x: hidden; background-color: white; }
h3 { font-weight: normal; }
#limit_width { /*position: absolute;*/ width: 100%; background-color: #ffffff; z-index: 2; }
#chapo2 { position: absolute; width: 100%; left: 0; height: 25px; font-family: 'Karla', sans-serif; font-size: 8px; color: #000000; line-height: 25px; text-align: center; z-index: 300; background-color: #ffffff; top: 0px;}
.text {font-size:10px;}

#img_fond { position: fixed; width: 100%; height: 100%; background-repeat: repeat; background-size: cover; }
/* DRAPEAUX */
#flag { position: fixed; z-index: 12000; right: 10px; top: 10px; }
/* AFFICHE BDD DANS ADMIN */
#affich_tbl { float: left; width: 47.1%; text-align: left; /*border: 1px solid #fff;*/ height: 550px; margin:10px; font-size: 14px; background-color: #565656; }
#affich_tbl_img_apercu { width:28%; }
#infosfiche  { height:500px; }
.lienmodif { text-decoration: none; color: #d5a620; background-color: #dbdbdb; display: block; text-align: center; font-size: 18px; width: 80%; margin: auto; }
.lienmodif:hover { text-decoration: none; color: black; background-color: grey; display: block; text-align: center; font-size: 18px; width: 80%; margin: auto; }
/*Header*/
#header {display: block;z-index: 200;position: absolute;top: 25px;width: 100%;left: 0;height: 117px;line-height: 20px;font-size: 20px;text-align: center;background-color: white;border-top: 1px solid #cecece;border-bottom: 1px solid #cecece;}
#header.fixed {display:block;z-index:4000;position:fixed;margin-top: 0px;top:0px;width:100%;height:38px;line-height:20px;font-size: 20px;text-align:center;background-color:white;border-top: 1px solid #cecece;border-bottom: 1px solid #cecece;}

#logo_site2 { z-index: 100; width: 140px; border: 0; margin-top: 0px;} 
#lignemenu.fixed #logo_site2 { position: fixed; width: 75px; left: 20px; top: -1px; }

#logo_mobile {display:none;}
#lignemenu { position: absolute; top: 77px;width: 100%; height: 39px; border-bottom: 1px solid #cecece; border-top: 1px solid #cecece; background-color: white; }
#lignemenu.fixed { position: fixed; top:0px; width: 100%; height: 39px; border-bottom: 1px solid #cecece; border-top: 1px solid #cecece; background-color: white; }

#contenu_lignemenu {display: inline-block;margin: auto;height: 40px;line-height: 40px;}
#contenu_lignemenu ul {list-style-type: none;margin:0;}
#contenu_lignemenu li {font-family: varela round;font-size: 14pt;font-weight: normal;overflow: hidden;list-style-type: none;float: left;width: 130px;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s;}
#contenu_lignemenu li:hover {background-color:#c49779;}
#contenu_lignemenu li.selected {background-color: #38324e;}
#contenu_lignemenu a {text-decoration:none;}
#contenu_lignemenu li.selected a {color:white;}
.lien_menu {width : 25%;margin: auto;margin-bottom: 4%;float: left;overflow: hidden;}
.zone_txt_menu_nav {width : 85%;height: 30px;background-color: #8E7767;	margin: auto;padding-top: 13px;border-bottom-right-radius: 10px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;border-top-right-radius: 10px;}
.zone_txt_menu_nav:hover {width : 88%;height: 30px;background-color: #1A070B;	margin: auto;padding-top: 13px;border-bottom-right-radius: 10px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;border-top-right-radius: 10px;}
#logo_topleft {z-index:4000;position:absolute;left: 20px;top: 63px;}
.menu_nav {float:left ;width : 100%;margin: auto;text-align: center;background-color: #f0f0f0;}

/* ZONE LOGO PRINCIPAL MILIEU DE PAGE */
#groslogo { position: fixed; width: 100%; height:150px; background-color: rgb(255, 255, 255); z-index: 3000; margin: auto; left: 0; right: 0; top: 0px; text-align: center; }
/* SLIDER */
#jssor_1 { position: relative; margin: 0 auto; top:125px; left: 0px; width: 1920px; height: 550px;  font-family: 'Source Sans Pro', sans-serif; font-size: 60px; }
.group_slides {	 cursor: default; position: relative; top: 0px; left: 0px; width:1920px; height: 550px; overflow: hidden; }
#zone_slider { display:none; width: 80%; margin: auto; }
/* CONTENU PRINCIPAL */
#main_container_accueil { position: relative; width: 100%; background-color: #ffffff; z-index: 2; margin-top: 50px; margin-top: 50px; text-align: center; }
#main_container_board { position: absolute; width: 100%; background-color: #ffffff; z-index: 2; margin-top: 200px; }
#main_container { position: relative; width: 100%; background-color: #ffffff; z-index: 2; margin-top: 0px; }
#zone_global_present_accueil { text-align: center;position: relative; top: 80px; z-index: 3; width: 100%; display: inline-block; background-color: rgb(255, 255, 255); font-family: 'Karla', sans-serif; /*border-top: 1px solid grey;*/ border-bottom: 1px solid #c1c1c1; color: #44414f; }
#contenu_global_present_accueil { width:80%; margin:auto; }
#global_present { position: relative; background-color: rgb(62, 62, 62); margin-top: -100px; height: 100px; font-family: 'Open Sans Condensed', sans-serif; border-top: 1px solid grey; border-bottom: 1px solid grey; color: #bbbbbb; }
#global_present2 { position: relative; background-color: white; height: 60px; font-family: 'Open Sans Condensed', sans-serif; border-bottom: 1px solid grey; color: #bbbbbb; width: 80%; margin: auto; padding-top: 100px; }
#presentation_page2 { width: 95%; padding-left: 40px; text-align: justify; font-size: 40px; }
#nousjoindre2 { position: absolute; top: 164px; right: 200px; background-color: white; color: #3e3e3e; padding: 5px; font-size: 24px; z-index: 4; }
#logovignoble2 { position: absolute; top: 140px; right: 105px; width: 70px; padding: 5px; font-size: 24px; z-index: 4; }
#logoab2 { position: absolute; top: 140px; right: 15px; width: 70px; padding: 5px; font-size: 24px; z-index: 4; }
#nousjoindre { position: absolute; top: -64px; right: 300px; background-color: white; color: #3e3e3e; padding: 5px; font-size: 24px; }
#logovignoble { position: absolute; top: -122px; right: 205px; width:70px; padding: 5px; font-size: 24px; }
.img_logovignoble { width:100%; }
#logoab { position: absolute; top: -122px; right: 115px; width:70px; padding: 5px; font-size: 24px; }
.img_logoab { width:100%; }
#presentation { padding: 20px; text-align: justify; font-size: 17px; float: left; width: 50%; }
#img_presentation { width: 35%; float: right; padding: 20px; }
.titre_intro { color: #38324e; font-family: 'Karla', sans-serif; font-size: 22px; }
.soustitre_intro { color: #d067b9; font-family: 'Karla', sans-serif; }
#presentation_bis { float: right; width: 75%; padding-top: 17px; padding-right: 40px; text-align: justify; }
#presentationb { float: left; height: 100px; width: 20%; margin-left: 20px; padding-top: 20px; padding-right: 20px; text-align: justify; }
#presentation3 { float: right; height: 100px; width: 33.3%; margin-left: 20px; padding-top: 20px; padding-right: 20px; text-align: justify; }
#logo_accueil { position: relative; z-index: 2000; float: left; width: 20%; top: -50px; height:100px; }
#logo_presentation { display:none; position: relative; z-index: 2000; float: left; width: 20%; top: -50px; height:100px; }
#logo_presentation_accueil { display:none; position: relative; z-index: 2000; float: left; width: 20%; top: -50px; height:100px; }
.image_logo_presentation { margin-left: 6%; width: 80%; box-shadow: 0px 4px 10px grey; }
.image_logo_presentation2 { height: 150px; }
#trois_forces { padding-top: 60px; padding-bottom: 60px; width: 87%; display: inline-block; font-size: 16px; margin: auto; z-index: 10000; }
#trois_forces_pdomaine { padding-top: 80px; height: 900px; font-size: 20px; font-family: 'Open Sans Condensed', sans-serif; text-align: justify; width: 80%; margin: auto; }
#paraf_pdomaine { padding-top: 20px; padding-bottom: 20px; height: 2200px; width:80%; margin:auto; font-size: 20px; font-family: 'Open Sans Condensed', sans-serif; text-align: justify; border-bottom: 1px solid #d4d4d4; }
#paraf_ledomaine { padding-top: 20px; padding-bottom: 20px; height: 450px; width:80%; margin:auto; font-size: 20px; font-family: 'Open Sans Condensed', sans-serif; text-align: justify; border-bottom: 1px solid #d4d4d4; }
#paraf_numerogite { padding-top: 20px; padding-bottom: 20px; height: 550px; width:80%; margin:auto; font-size: 20px; font-family: 'Open Sans Condensed', sans-serif; text-align: justify; border-bottom: 1px solid #d4d4d4; }
#paraf_pdomaine a { background-color: white; text-decoration: none; color: black; display: inline-block; width:100%; }
#colonne_demilargeur_pdomaine { float:left; width:47%; padding-top: 50px; padding-right: 20px; height: 400px; font-size: 20px; font-family: 'Open Sans Condensed', sans-serif; text-align: justify; overflow-y:scroll; }
#colonne_demilargeur_pdomaine_img { float:left; width:50%; padding-top: 50px; height: 400px; font-size: 20px; font-family: 'Open Sans Condensed', sans-serif; text-align: justify; }
.titre_contenu_pdomaine { font-size: 30px; color: rgb(183, 77, 248); }
#colonne_demilargeur_detailgite { float:left; width:47%; padding-top: 50px; padding-right: 20px; height: 200px; font-size: 20px; font-family: 'Open Sans Condensed', sans-serif; text-align: justify; }
#colonne_demilargeur_detailgite_img { float:left; width:50%; padding-top: 50px; height: 400px; font-size: 20px; font-family: 'Open Sans Condensed', sans-serif; text-align: justify; }
.titre_contenu_detailgite { font-size: 30px; color: rgb(171, 42, 185); }
#paraf_autregite { padding-top: 20px; padding-bottom: 20px; height: 600px; width:80%; margin:auto; font-size: 20px; font-family: 'Open Sans Condensed', sans-serif; text-align: justify; border-bottom: 0px solid #d4d4d4; }
#paraf_autregite a { background-color: white; text-decoration: none; color: black; display: inline-block; width:100%; }
#paraf_autregite a:hover { background-color:#eeeeee; color: grey; box-shadow: 1px 1px 1px #A0A0A0; display: inline-block; }
#paraf_autregite a .titre_contenu_legite { text-decoration:none; color: black; }
#paraf_autregite a:hover .titre_contenu_legite { text-decoration:underline; color: grey; }
#paraf_autregite a .icon_gite_plus { float: left; width:20%; text-align: center; margin-right: 2%; background-color: #d8b270; color:black; }
#paraf_autregite a:hover .icon_gite_plus { float: left; width:20%; text-align: center; margin-right: 2%; background-color: #ae4e6d; color:white; }
/* STYLE POUR DIV LIEN TOUT LE TABLEAU PAGE DOMAINE ET VINS */
#paraf_pdomaine a { background-color: white; text-decoration: none; color: black; display: inline-block; }
#paraf_pdomaine a:hover { background-color:#eeeeee; color: grey; box-shadow: 1px 1px 1px #A0A0A0; display: inline-block; }
#paraf_pdomaine a .titre_contenu_legite { text-decoration:none; color: black; }
#paraf_pdomaine a:hover .titre_contenu_legite { text-decoration:underline; color: grey; }
#paraf_pdomaine a .icon_gite_plus { float: left; width:20%; text-align: center; margin-right: 2%; background-color: #d8b270; color:black; }
#paraf_pdomaine a:hover .icon_gite_plus { float: left; width:20%; text-align: center; margin-right: 2%; background-color: #ae4e6d; color:white; }
/* PAGE GITES */
#paraf_legite { padding-top: 80px; display: inline-block; width:80%; margin:auto; font-size: 20px; font-family: 'Karla', sans-serif; text-align: justify; }
#tableaulargeur { width:90%; margin:auto; }
#paraf_actus{ padding-top: 80px; width:80%; margin:auto; font-size: 20px; font-family: 'Open Sans Condensed', sans-serif; text-align: justify; }
#tableaulargeur_actus { width:90%; margin:auto; height: 500px; }
#colonne_demilargeur_img { float:left; width:50%; padding-top: 50px; height: 400px; font-size: 20px; font-family: 'Open Sans Condensed', sans-serif; text-align: justify; border-top: 1px solid #d4d4d4; }
#colonne_demilargeur_revue_img { float:left; min-width:560px; width:50%; padding-top: 50px; height: 400px; font-size: 20px; font-family: 'Open Sans Condensed', sans-serif; text-align: justify; border-top: 1px solid #d4d4d4; }
#colonne_demilargeur { float:left; width:50%; padding-top: 50px; height: 400px; font-size: 20px; font-family: 'Open Sans Condensed', sans-serif; text-align: justify; border-top: 1px solid #d4d4d4; }
#colonne_demilargeur_autregite_img { float:left; width:50%; padding-top: 50px; height: 400px; font-size: 20px; font-family: 'Open Sans Condensed', sans-serif; text-align: justify; }
#colonne_demilargeur_autregite { float:left; width:50%; padding-top: 50px; height: 400px; font-size: 20px; font-family: 'Open Sans Condensed', sans-serif; text-align: justify; }
/* STYLE POUR DIV LIEN TOUT LE TABLEAU */
#paraf_legite a { background-color: white; text-decoration: none; color: black; display: inline-block; }
#paraf_legite a:hover { background-color:#eeeeee; color: grey; box-shadow: 1px 1px 1px #A0A0A0; display: inline-block; }
#paraf_legite a .titre_contenu_legite { text-decoration:none; color: black; }
#paraf_legite a:hover .titre_contenu_legite { text-decoration:underline; color: grey; }
#paraf_legite a .icon_gite_plus { float: left; width:20%; text-align: center; margin-right: 2%; background-color: #d8b270; color:black; }
#paraf_legite a:hover .icon_gite_plus { float: left; width:20%; text-align: center; margin-right: 2%; background-color: #ae4e6d; color:white; }
/* STYLE POUR DIV LIEN UNE SEULE COLONNE DU TABLEAU */
#tableaulargeur a { background-color: white; text-decoration: none; color: black; display: inline-block; }
#tableaulargeur a:hover { background-color:#eeeeee; color: grey; box-shadow: 1px 1px 1px #A0A0A0; display: inline-block; }
.img_colonne { max-width: 80%; max-height: 85%; }
.icon_gite { float: left; width: 20%; text-align: center; background-color: #f0f0f0; margin-right: 2%; }
.icon_gite_plus a { display:inline-block; background-color: #d8b270; color:white; width:100%; }
.icon_gite_plus a:hover { display:inline-block; background-color: #ae4e6d; width:100%; }
.icon_gite_contact { float: left; width: 64%; text-align: center; color:white; background-color: #CECECE; margin-right: 2%; }
.titre_contenu_legite { font-size: 30px; color: rgb(62, 62, 62); }
/* PAGE GITE 1 */
#titre_detail_legite { width:80%; margin:auto; padding-top: 80px; height: 50px; font-size: 20px; font-family: 'Open Sans Condensed', sans-serif; text-align: justify; padding-left: 20px; padding-right: 20px; }
#tableaulargeur_detailgite { width: 96%; height: 600px; margin: auto; }
#colonne_demilargeur_detail_legite { float:left; width:44.5%; padding-top: 50px; height: 400px; font-size: 20px; font-family: 'Open Sans Condensed', sans-serif; text-align: justify; padding-left: 20px; padding-right: 20px; }
.icon_gite2 { float: left; width: 20%; text-align: center; background-color: #d8b270; margin-right: 2%; }
/* PAGE VINS */
#paraf_autres_pages_vins { padding-top: 20px; padding-bottom: 20px; height: 1580px; width:80%; margin:auto; font-size: 20px; font-family: 'Open Sans Condensed', sans-serif; text-align: justify; border-bottom: 1px solid #d4d4d4; }
/* STYLE POUR DIV LIEN TOUT LE TABLEAU PAGE DOMAINE ET VINS */
#paraf_autres_pages_vins a { background-color: white; text-decoration: none; color: black; display: inline-block; width: 100%; }
#paraf_autres_pages_vins a:hover { background-color:#eeeeee; color: grey; box-shadow: 1px 1px 1px #A0A0A0; display: inline-block; width: 100%; }
#paraf_autres_pages_vins a .titre_contenu_legite { text-decoration:none; color: black; }
#paraf_autres_pages_vins a:hover .titre_contenu_legite { text-decoration:underline; color: grey; }
#paraf_autres_pages_vins a .icon_gite_plus { float: left; width:20%; text-align: center; margin-right: 2%; background-color: #d8b270; color:black; }
#paraf_autres_pages_vins a:hover .icon_gite_plus { float: left; width:20%; text-align: center; margin-right: 2%; background-color: #ae4e6d; color:white; }
/* PAGE CONTACT */
#paraf_pcontact { padding-top: 20px; padding-bottom: 20px; height: 500px; width:80%; margin:auto; font-size: 20px; font-family: 'Open Sans Condensed', sans-serif; text-align: justify; border-bottom: 1px solid #d4d4d4; }
/*   */
#trois_forces_pmardis { padding-top: 100px; height: 650px; font-size: 20px; font-family: 'Open Sans Condensed', sans-serif; text-align: justify; padding-left: 20px; padding-right: 20px; }
.titre_contenu_pmardis { font-size: 40px; color: #af112e; }
#zone_leprojet { width:100%; /* border-top: 1px dashed grey; */ height: 350px; background-color: white; font-family: 'Open Sans Condensed', sans-serif; font-size: 28px; }
#contenu_leprojet { width:80%; margin:auto; }
#txt_leprojet { float: left; width: 67%; padding: 30px; text-align: justify; color: #676767; padding-bottom: 50px; }
#cadrerouge_leprojet { float: left; margin-top: -40px; margin-left: 20px; width: 20%; background-color: #af112e; padding: 20px; font-size: 50px; color: white; }
/* ZONE PRATIQUE */
#zone_pratique {
    width: 100%;
    display: inline-block;
    background-color: #f5f3f2;
    padding-top: 60px;
    padding-bottom: 60px;
    text-align: center;
    font-family: 'Karla', sans-serif;
    font-size: 20px;
}

#contenu_pratique {
    width: 80%;
    margin: auto;
    color: #a9a9a9;
}
.title_pratique { color: #38324e; }
#horaires { float:left; width: 33%; min-height: 200px; border-right: 1px solid #c1c1c1; }
#coordonnees { float:left; width: 35%; /*height:300px; border-right: 1px dashed grey;*/ }
/* ZONE LOGOS MARQUES */
#zone_logos { width: 100%; height: 200px; background-color: #ffffff; padding-top: 60px; padding-bottom: 60px; text-align: center; font-family: 'Karla', sans-serif; font-size: 25px; }
#contenu_logos { width:80%; margin:auto; color: #d5d5d5; }
.title_logos { color: #ccbaa2; }
#marque_a { float:left; width: 33%; height:200px; border-right: 1px solid #c1c1c1; }
#marque_b{ float:left; width: 33%; height:200px; border-right: 1px solid #c1c1c1; }
#lechoixdunom { /* border-top: 1px dashed grey; */ height: 750px; background-color: #e6e3d2; font-family: 'Open Sans Condensed', sans-serif; font-size: 28px; }
#infos_mardis { /* border-top: 1px dashed grey; */ height: 450px; background-color: #e6e3d2; font-family: 'Open Sans Condensed', sans-serif; font-size: 28px; }
#colonni { width: 100%; float: left; text-align: center; }
#colonni_middle { width: 99.5%; float: left; text-align: center; border-right: 1px solid #c1c1c1; border-left: 1px solid #c1c1c1; }
#uneforce { width: 85%; max-width: 85%; margin: auto; font-family: 'Open Sans Condensed', sans-serif; font-family: 'Karla', sans-serif; }
.knowmore { color:#af112e; }
#txtforce { text-align: left; }
.title_force { font-size: 26px; color: #9546b3; font-family: 'Karla', sans-serif; }
.photo_force { width: 80%; /*height: 400px;*/ }
/* STYLE POUR DIV LIEN TOUT LE TABLEAU 3 FORCES */
#trois_forces a { background-color: white; text-decoration: none; color: black; display: inline-block; width:32.5%; float: left; padding-top: 20px; padding-bottom: 20px; }
#trois_forces a:hover { background-color:#eeeeee; color: grey; box-shadow: 1px 1px 1px #A0A0A0; display: inline-block; width:32.5%; float: left; }
/* VINS */
#lignedesvins { /*border-top: 1px dashed grey;*/ height: 180px; background-color: #e6e3d2; font-family: 'Open Sans Condensed', sans-serif; font-size: 26px; }
#paraf_introvins { padding-top: 20px; padding-bottom: 20px; margin: auto; font-size: 20px; font-family: 'Open Sans Condensed', sans-serif; text-align: justify; }
#txt_lesvins { float: left; width: 67%; padding: 15px; text-align: justify; color: #676767; padding-bottom: 50px; }
#tableaudesvins { width:90%; height: 950px; margin:auto; padding-top: 80px; text-align: center; font-family: 'Open Sans Condensed', sans-serif; }
#tableaudesvins a { float:left; width:25%; }
.contenu_tableaudesvins { width: 100%; margin: auto; }
.colonne_vin { position: relative; float: left; width: 25%; max-width: 25%; margin-bottom: 30px; overflow: hidden; text-align: center; font-size:26px; }
.colonne_fiche_technique { position: relative; float: left; width: 40%; max-width: 40%; margin-bottom: 30px; overflow: hidden; text-align: left; font-size:26px; }
.txt_fiche_technique { font-size:18px; }
.icon_vin_plus { display:inline-block; background-color: #d8b270; color:white; width:60%; }
#tableaudesvins a:hover .icon_vin_plus { display:inline-block; width: 60%; text-align: center; background-color: #ae4e6d; color: white; }
.icon_vin_retour a { display:inline-block; background-color: #b7197d; color:white; width:100%; }
.icon_vin_retour a:hover { display:inline-block; background-color: #ce96b9; width:100%; }
/* ZONE PAGES SECONDAIRES */
#presentation_page { width: 95%; padding-top: 17px; padding-left: 40px; text-align: justify; font-size: 40px; }
/* MAP */
#map_iframe { padding-top: 100px; padding-bottom: 100px; margin-left: 100px; margin-right: 100px; }
/*Liens*/
a.page_off { color: #4e4c4a; display: inline-block; line-height: 30px; text-decoration: none; width: 100%; font-family: 'Karla', sans-serif; }
#intro3 { background-color:rgb(123, 111, 105); text-align: center; height: 5px; line-height: 5px; font-family: 'Noticia Text', serif; font-size: 22px; color: #FFFFFF; }
.voirplus { color: #af112e; text-decoration: none; }
/* FOOTER */
#zone_footer { position: relative; width: 100%; display: inline-block; background-color: rgba(7, 7, 7, 0.9); text-align: center; padding-top: 60px; }
#contenu_footer { position: relative; text-align: left; display: inline-block; width: 80%; max-width: 1460px; padding-bottom: 60px; margin: auto; }
#contenu_footer a { color: #bcbcbc; text-decoration: none; display: inline-block; width:75%; /*padding-left: 15px;*/ padding-right: 15px; }
#contenu_footer a:hover { background-color: #93384f; color:white; text-decoration:none; display:inline-block; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; }
#footer { position:relative; width: 100%; height: 320px; background-color: rgba(10, 10, 10, 0.9); }
#footer a { 	color: white; text-decoration: none; display: inline-block; width:75%; /*padding-left: 15px;*/ padding-right: 15px; }
#footer a:hover { background-color: #93384f; color:white; text-decoration:none; display:inline-block; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; }
.titrefooter { color: #ba9481; font-weight: normal; font-size: 22px; font-family: 'Karla', sans-serif; }
#adressefooter { color: #bcbcbc; width: 24%; float: left; margin-left: 60px; border-right: 1px solid rgba(85, 85, 85, 0.36); min-height: 150px; font-weight: normal; font-size: 15px; font-family: 'Karla', sans-serif; display: inline-block; }
#fbfooter { color: white; width: 16%; float: left; min-height: 150px; border-right: 1px solid rgba(85, 85, 85, 0.36); padding-left: 20px; }
#fbfooter a {  text-decoration: none; width:75%; padding-left: 15px; padding-right: 15px; }
#fbfooter a:hover { background-color: inherit; text-decoration:none; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; }
#planfooter { width: 16%; float: right; padding-left: 20px; margin-bottom: 20px; font-family: 'Karla', sans-serif; }
#logofooter { float: left; margin-left: 5%; margin-right: 4%; }
#mentions_footer { font-family: 'Open Sans Condensed', sans-serif; font-size:12px; height:30px; color:grey; text-align:center; background-color: rgba(0, 0, 0, 0.85);  }
#mentions_footer a { color: #383838; text-decoration: none; padding-left: 15px; padding-right: 15px; }
#mentions_footer a:hover { color:red; text-decoration:none; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; }
#third_table { position: relative; color: #8E8E8E; width: 100%; height: 30px; line-height: 30px; font-family: karla; font-size: 12px; text-align: center; }
/*Keyframes animation*/
@keyframes scaling {
0% { transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); }
50% { transform: scale(1.10); -moz-transform: scale(1.20); -webkit-transform: scale(1.20); -o-transform: scale(1.20); -ms-transform: scale(1.20); }
100% { transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); }
}
@keyframes translating {
0% { transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); animation-timing-function:ease-in-out; }
50% {    transform: translate(0px, 40px);    -webkit-transform: translate(0px, 120px);    animation-timing-function:ease-in-out; }
100% {    transform: translate(0px, 0px);    -webkit-transform: translate(0px, 0px);    animation-timing-function:ease-in-out }
}
@keyframes intromove {
0% { opacity: 0; animation-timing-function:ease-in-out; }
10% { opacity: 1; animation-timing-function:ease-in-out; }
50% { opacity: 1; animation-timing-function:ease-in-out; }
60% { opacity: 0; animation-timing-function:ease-in-out; }
100% { opacity: 0; animation-timing-function:ease-in-out; }
}
/*FIN Keyframes animation*/

	/* Autres pages */	
	#main_container_pages {z-index: 100;position: relative;width: 100%;background-color: white;margin-top: 145px;}
		/* Actus page principale */
		#sous_container_actu {max-width: 1600px;margin: auto;font-family: arial;font-size: 12pt;width: 100%;position: relative;background-color: white;text-align: center;padding-top: 30px; margin-top: -42px;}
			#titre_actu { width: 50%; margin: auto; font-family: quicksand; font-size: 12pt; font-weight: normal; color: #4a4a4a; padding-top: 30px; padding-bottom: 20px; margin-bottom: 0px; text-align: center; border-bottom: 1px solid #cecece; }
			#zone_actu {display: inline-block;text-align: center;width: 100%;margin: auto;}
				.contenu_actu {width: 89%;margin: auto;}
				.left_col_actu {position: relative;float: left;width: 65%;max-width: 65%;text-align: justify;background-color: white;font-family: quicksand;}
				/* Module menu actualites */
				.module_menu_actualites { display: inline-block; float: right; width: 28.5%; max-width: 28.5%; margin-bottom: 30px; overflow: hidden; text-align: justify; padding-left: 20px; padding-top: 40px; background-color: white; font-family: quicksand; font-size:10pt; }
				.module_menu_actualites a { text-decoration: none; display: inline-block; color: black; border-bottom: 0px dotted grey; margin-bottom: 20px; }
				.module_menu_actualites a:hover { text-decoration: none; display: inline-block; color:grey; border-bottom: 0px dotted grey; background-color: #ededed;	 }
				/* Intro actualites liens dynamiques au survol */
				.left_col_actu a { font-size:11pt;width: 100%; max-width: 100%; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; text-decoration: none; display: inline-block; color: black; border-bottom: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2;}
				.left_col_actu a:hover { width: 100%; max-width: 100%; padding-left: 20px; padding-right: 20px; text-decoration:underline; color:grey;}
				.img_ala_une_actu { width: 50%; float: left; margin-right: 8px;margin-bottom: 20px; border: 1px solid #d2d2d2; }
				/* Parametre article integral */
				.art_corps { width: 100%; max-width: 100%; padding-left: 20px; padding-right: 20px; text-decoration: none; display: inline-block; color: black; border-right: 1px solid #dfdfdf;}
				.art_corps a { width: 35%; max-width: 35%; padding-left: 0px; padding-right: 0px; text-decoration: none; display: inline-block; color: black; }
				.art_corps a:hover { width: 35%; max-width: 35%; padding-left: 0px; padding-right: 0px; text-decoration: none; display: inline-block; color: grey; }
				.date { color:#2a2a28; font-weight: bold;text-transform: uppercase; }
				.titre_cat { color:#e24293; font-weight: normal; }
				.titre_art { color: #8f8f8f; /*border-bottom: 1px dotted #bababa;*/ }
				.titre_parag { font-size: 25px; font-weight: normal; color: #9b7f6e; }
				.art_corps a { border:none; }
				.art_corps a:hover { border:none; }
				/* Module voir aussi */
				#voiraussi {display: inline-block; padding-top: 20px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;}
				#voiraussi a {width: 100%;max-width: 100%;}
				#voiraussi a:hover {width: 100%;max-width: 100%;text-decoration:underline;}
				.colonne_voiraussi {float:left;width:31%;margin-right:1%;}
				
		/* Module voir aussi */
		#voiraussi {display: inline-block; padding-top: 20px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;}
		#voiraussi a {width: 100%;max-width: 100%;}
		.colonne_voiraussi {float:left;width:31%;margin-right:1%;min-height:400px;}
		.p_voiraussi {width:100%;min-height: 180px;max-height: 200px;text-align:center;border:1px solid lightgrey;}
		.img_voiraussi {width: 100%; max-height: 150px; padding-top: 20px; border: none;float: left; margin-right: 8px;margin-bottom: 20px;}
		/* Module social plus */
		#socialplus {width:100%; text-align:center; display: inline-block; padding-top: 20px; margin-bottom:40px;}
		#socialplus a {width: 100%;max-width: 100%;}
		.colonne_socialplus_1_3 {float:left;width:31%;margin-right:1%;}
		.colonne_socialplus_2_3 { float: right; width: 61%; text-align: right; }
		
		/* NOUVEAU MENU MOBILE 2018 */
		#volet {display:none;}