/* CSS Document*/
/* Les Polices */
@font-face {
    font-family:'EB_Garamond';
    src: url('../polices/EB_Garamond-webfont.eot?#iefix') format('embedded-opentype'),  url('../polices/EB_Garamond-webfont.woff') format('woff'), url('../polices/EB_Garamond-webfont.ttf')  format('truetype'), url('../polices/EB_Garamond-webfont.svg#EB_Garamond-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {
    margin:0;
    padding:0;
    font-size:16px;
    font-family:EB_Garamond, Verdana, Arial, Helvetica, sans-serif;
    font-style:normal;
}
body {
    line-height:1.2em;
    background-color:#ffffff;
    color:#ffffff;
}
* {
    margin:0;
    padding:0;
}
div#banniere {
    position:fixed;
    top:0;
    left:0;
    z-index:1000;
    width:100%;
    height:100px;
    margin:0;
    background-color:#ffffff;
}
div#logo {
    z-index:1;
    float:left;
    text-align:left;
    margin-left:100px;
    margin-top:0;
    position:relative;
}
img#logo_menu {
    display:block;
    z-index:1;
}
nav {
    z-index:10;
    font-family: EB_Garamond, Arial, Verdana, Helvetica, sans-serif;
    display:none;
    margin:0;
    padding:0px;
    width:100%;
    height:auto;
    background-color:#172d57;
}
nav > ul.topnav {
    text-transform:uppercase;
    font-size:1.1em;
    line-height:1.1em;
    margin-top:20px;
    padding-bottom:10px;
}
nav > ul.topnav > li {
    display:block;
    text-align:center;
    margin-left:0;
    margin-right:0;
    margin-bottom:0px;
}
nav > ul.topnav > li.premier_ligne2 {
    margin:0;
}
nav > ul.topnav > li#menu1 > a, nav > ul.topnav > li#menu2 > a, nav > ul.topnav > li#menu3 > a, nav > ul.topnav > li#menu4 > a, nav > ul.topnav > li#menu5 > a, nav > ul.topnav > li#menu6 > a, nav > ul.topnav > li#menu7 > a {
    width:100%;
    color:#ffffff;
}
nav > ul.topnav > li#menu1 > a:hover, nav > ul.topnav > li#menu2 > a:hover, nav > ul.topnav > li#menu3 > a:hover, nav > ul.topnav > li#menu4 > a:hover, nav > ul.topnav > li#menu5 > a:hover, nav > ul.topnav > li#menu6 > a:hover, nav > ul.topnav > li#menu7 > a:hover {
    color:#d81414;
    background-color:#ffffff;
}
nav > ul.topnav > li > a {
    display:block;
    width:100%;
    text-align:center;
    text-decoration:none;
    padding:2px 15px 2px 0;
    color:#cccccc;
}
nav > ul.topnav > li > a:hover {
    background-color:#f7f5f3;
    color:#ffffff;
}
nav > ul.topnav > li > ul.subnav {
    text-transform:none;
    color:#ceab5d;
    font-size:.9em;
    line-height:.9em;
    position:relative;
    margin-right:0;
    text-align:center;
    padding:0;
    top:0;
    left:0;
    border-top:0;
    border-bottom:0;
}
nav > ul.topnav > li > ul.subnav li a {
    padding: 5px 0;
    text-decoration:none;
}
nav > ul.topnav > li > ul.subnav#sousmenu1, nav > ul.topnav > li > ul.subnav#sousmenu2, nav > ul.topnav > li > ul.subnav#sousmenu3, nav > ul.topnav > li > ul.subnav#sousmenu4, nav > ul.topnav > li > ul.subnav#sousmenu5, nav > ul.topnav > li > ul.subnav#sousmenu6, nav > ul.topnav > li > ul.subnav#sousmenu7 {
}
nav > ul.topnav > li > ul.subnav a {
    padding:5px 0 0 0;
    display:block;
    color:#1e3050;
}
nav > ul.topnav > li > ul.subnav a:hover {
    background-color:#ffffff;
    color:#f7931d;
}
div#langues img {
    border-radius:5px;
}
div#pictos {
    z-index:-1;
    position:absolute;
    top:42px;
    right:235px;
    font-size:1.3em;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
div#pictos a {
    color:#172d57;
    text-decoration:none;
}
div#pictos a:hover {
    color:#d81414;
}



div#pictos a#bt_menu_responsive, div#pictos a#bt_reserver, div#pictos a#bt_tel {
    font-family: EB_Garamond, Verdana, Helvetica, sans-serif;
    background-color:#172d57;
    color:#ffffff;
    text-transform:uppercase;
    border-radius:5px;
    padding:5px 8px 5px 8px;
}
div#pictos a#bt_menu_responsive:hover, div#pictos a#bt_reserver:hover, div#pictos a#bt_tel:hover {
    color:#ffffff;
    border-radius:5px;
    background-color:#d81414;
    transition: 0.5s;
}

div#menu_responsive {
    text-align:center;
    margin-bottom:12px;
}
a#bt_menu_responsive {
    display:block;
    transition: 0.5s;
    font-family:EB_Garamond, Verdana, Arial, Helvetica, sans-serif;
    color:#ffffff;
    background-color:#172d57;
    font-size:1.4em;
    line-height:1.1em;
    font-weight:bold;
    padding:5px 8px 5px 8px;
    text-decoration:none;
    float:right;
    margin-right:100px;
    margin-top:34px;
    border-radius:5px;
}
a#bt_menu_responsive:hover {
    transition: 0.5s;
    border-radius:5px;
    background-color:#d81414;
    color:#ffffff;
}
a#bt_menu_close {
    display:block;
    text-align:right;
    width:80px;
    color:#ffffff;
    margin:10px 10px 0 0;
    margin-left:calc(100% - 90px);
    padding-top:10px;
    font-size:0.9em;
    line-height:0.9em;
    text-decoration:none;
}
a#bt_menu_close:hover {
    color:#ffffff;
}
div#contenu {
    width:100%;
}
section {
    width:100%;
    margin:0 auto;
    padding:0;
    text-align:center;
    color:#172d57;
}
div#bandeau {
    margin-top:80px;
    width:100%;
    max-height:480px;
    overflow:hidden;
}
div#bandeau img {
    text-align:center;
    overflow:hidden;
    height:100%;
}
div#fildariane {
    z-index:1000;
    float:left;
    color:#172d57;
    background-color:#ffffff;
    margin-left:10px;
    margin-top:20px;
    text-align:left;
    width:calc(100% - 200px); 
}
div#fildariane a {
    color:#172d57;
    text-decoration:none;
}
div#fildariane a:hover {
    color:#172d57;
}


/* bloc Dossier */
div.dossier_h {
    width:100%;
    background-color:#fef8e5;
    margin:0;
    padding:20px 0 0 0;
}
div.dossier {
    width:100%;
    display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display:flex;
    background-color:#fef8e5;
    margin:0;
    padding:0px 0 20px 0;
}
div.quart_dossier {
    float:left;
    text-align:center;
    width:17%;
    padding:0 2%;
    margin: 0 2% 20px 2%;
    border-radius:10px;
    color:#565b69; 
}
div.quart_dossier h2 {
    color:#d81414;
    font-size:1.2em;
    font-weight:bold;
    text-align:center;
    text-transform:uppercase;
    margin:10px 0;
    padding:8px 0;
    background-color:#565b69;
    color:#ffffff;
}


/* bloc Services */
div.service {
    display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display:flex;
    background-color:#7c859e;
    width:100%;
    padding:0;
    margin:0;
}
h1.titre_service {
    background-color:#7c859e;
    color:#ffffff;
    text-align:center;
    margin:0;
    padding:20px 10px 10px 10px;
}
div.tiers_service {
    float:left;
    text-align:center;
    font-size:1.3em;
    width:25%;
    padding:2%;
    margin: 10px 2% 40px 2%;
    border:1px solid #7c859e;
    color:#ffffff; 
}
div.tiers_service img {
    max-width:100%;
}
div.tiers_service a {
    color:#ffffff;
    text-decoration:none;
}

/* A Propos */
div#apropos {
    display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display:flex;
    width:100%;
    background-color:#fef8e5;
    color:#565b69;
    padding:0;
    margin:0 auto;
    height:100%;
}
div#apropos .marges {
    background-color:#fef8e5;
    float:left;
    width:15%;
    height:100%;
}
div#apropos #aproposgauche {
    background-color:#fef8e5;
    float:left;
    text-align:right;
    width:35%;
}
div#apropos #aproposgauche img {
    width:100%;
    margin:0;
}
div#apropos #aproposdroite {
    background-color:#fef8e5;
   float:left;
   text-align:left;
   font-size:1.2em;
   width:31%;
   padding:2%;
}
div#apropos #aproposdroite h2 {
    margin-bottom:10px;
    line-height:1.2em;
}

/* bloc Pack */
div.pack {
    display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display:flex;
    background-color:#7c859e;
    width:100%;
    padding:0;
    margin:0;
}
h1.titre_pack {
    background-color:#7c859e;
    color:#ffffff;
    text-align:center;
    margin:0;
    padding:20px 10px 10px 10px;
}
div.tiers_pack {
    float:left;
    text-align:center;
    width:25%;
    padding:2%;
    margin: 10px 2% 40px 2%;
    background-color:#ffffff;
    border-radius:10px;
    border:1px solid #7c859e;
    color:#7c859e; 
}
div.tiers_pack h2 {
    vertical-align: text-top;;
    color:#172d57;
    font-size:1.2em;
    font-weight:bold;
    text-align:center;
    margin:10px;
    text-transform:uppercase;
}
div.bt_pack {
    margin: 10px auto 10px auto;
    padding:1%;
    background-color:#d81414;
    border-radius:10px;
    width:180px;
}
div.bt_pack a {
    color:#ffffff;
    text-decoration:none;
}

div.bt_detail {
    margin: 20px auto 10px auto;
    padding:1%;
    background-color:#565b69;
    border-radius:10px;
    width:180px;
}
div.bt_detail a {
    color:#ffffff;
    text-decoration:none;
}



div.bt_choisirpack {
    float:left;
    margin: 10px auto 10px auto;
    padding:1%;
    background-color:#d81414;
    border-radius:10px;
    width:auto;
}
div.bt_choisirpack a {
    color:#ffffff;
    text-decoration:none;
}


/* tuiles */
div.bloc_article {
    position:relative;
    transition: 0.5s;
    float:left;
    width:370px;
    height:370px;
    color:#172d57;
    font-size:1em;
    padding:15px;
    margin:0 20px;
    border-radius:5px;
    overflow:hidden;
}
div.bloc_article a {
    color:#d81414;
}
div.bloc_article:hover {
    transition: 0.5s;
    background-color:#7c859e;
}
div.bloc_article h1 {
    text-transform:uppercase;
    color:#d81414;
    padding:10px 0 10px 0;
    margin:0;
    font-size:1.2em;
    line-height:1.2em;
}
div.bloc_article_photo {
    width:100%;
    border-radius:5px;
}
div.bloc_article_photo img {
    width:100%;
    border-radius:5px;
}
div.bloc_article_texte {
    color:#1e3050;
}
div.bloc_article_plus {
    display:none;
    position:absolute;
    bottom:15px;
    right:15px;
    text-align:right;
    color:#1e3050;
}
div.fond_bleu {
    background-color:#565b69;
}
article {
    font-family:EB_Garamond, Verdana, Arial, Helvetica, sans-serif;
    float:left;
    margin:0 20px;
    padding:0 0 20px 0;
    text-align:left;
    font-size:1.1em;
    line-height:1.2em;
    font-style:normal;
    font-weight:normal;
    color:#172d57;
}
.fond_article {
    position:relative;   
}
.fond_article ul li{
    margin-bottom:10px;
}
div.suite {
    position:absolute;
    bottom:20px;
    right:20px;
    text-align:right;
}
div.suite a:hover {
    color:#f7931d;
}
h1, article h1 {
    color:#d81414;
    font-size:1.4em;
    line-height:1.4em;
    font-weight:bold;
    font-style:normal;
    margin:0;
    padding-bottom:20px;
    text-align:center;
    text-transform:uppercase;
}

article h1 a {
    color:#d81414;
    text-decoration:none;
}
article h2 {
    font-size:1.2em;
    line-height:1.2em;
    color:#d81414;
    text-transform:uppercase;
    font-weight:bold;
    margin:10px 0;
    text-align:left;
}
article img.premierephoto {
    float:left;
    width:29%;
    padding:0;
    margin:0 20px 20px 0;
    border-radius:5px;
}
article img.autrephoto {
    float:left;
    width:29%;
    padding:0;
    margin:0 20px 20px 0;
    border-radius:5px;
}

article a {
    color:#d81414;
    text-decoration:none;
}
article ul {
    margin-left: 0;
}
article ul li {
    margin-left:30px;
}
article ul.listepdf {
    margin-left:10px;
    list-style: none;
}
div#blocs_autres {
}
div.bloc_autres {
    float:left;
    width:15%;
    margin:1%;
    padding:15px;
    text-align:center;
    border-radius:5px;
    background-color:#f5f5f5;
    color:#1e3050;
    font-size:1em;
}
div.bloc_autres:hover {
    background-color:#e3e3e3;
}
div.bloc_autres img {
    width:100%;
    border-radius:5px;
    overflow:hidden;
}
div.bloc_autres a {
    color:#1e3050;
    text-decoration:none;
    padding-bottom:18px;
}
div.centrer {
    margin:0 auto;
    text-align:center;    
}

div.frelons {
    width:96%;
    padding:2%;
    margin:0 auto;
    text-align:center;
    font-size:1em;
    background-color:#f7f5f3;
    color:#1e3050;
}
div.frelons_contenu {
    margin: 0 auto;
    max-width:1200px;
}
div.frelons h2 {
    font-size:1.2em;
    line-height:1.2em;
    text-transform:uppercase;
    color:#d81414;
    margin-bottom:10px;
}
div.frelons div.frelons_gauche {
    float:left;
    width:58%;
    padding:1%;
}
div#signale_bloc {
    width:100%;
    text-align:center;
}
div#signale_nid {
    transition: 0.5s;
    width:150px;
    margin:0 auto;
    text-align:center;
    padding:10px;
    border-radius:5px;
    background-color:#fda946;
}
div#signale_nid:hover {
    transition: 0.5s;
    color:#ffffff;
    background-color:#f7931d;
}
div#signale_nid a {
    color:#ffffff;
    text-decoration:none;
}

div.frelons div.frelons_droite {
    float:left;
    width:38%;
    padding:1%;
}
div.frelons div.frelons_droite img {
    width:100%;
}
div.frelons_partenaires {
    text-align:center;
}
div.frelons_partenaires div.frelons_images {
    width:100%;
    text-align:center;
}
div.frelons_partenaires h2 {
    font-size:1.2em;
    line-height:1.2em;
    text-transform:uppercase;
    color:#d81414;
    margin-bottom:10px;
}
div.frelons_images img {
    width:150px;
    margin:10px;
}
div.partenaires {
    width:96%;
    padding:2%;
    margin:0 auto;
    text-align:center;
    background-color:#ffffff;
    color:#1e3050;
}
div.partenaires h2 {
    font-size:1.2em;
    line-height:1.2em;
    text-transform:uppercase;
    color:#d81414;
    margin-bottom:10px;
}
div.partenaires div.partenaires_images {
    width:100%;
    text-align:center;
}
div.partenaires img {
    height:100px;
    margin:10px;
}
div.partenaires_images img {
    height:70px;
    margin:10px;
}
div.partenaires_images_qualiopi img {
    height:124px;
    margin:10px;
}
/* TARIFS */
table thead tr th {
    background-color:#3b2713;
    color:#ffffff;
    border-spacing: 2px;
}
table tbody tr {
    background-color:#dfc8b0;
    min-height:28px;
}
table tr th {
    padding: 5px;
}
table tr td {
    padding: 5px;
}
 

 /* Les Listings (agenda) */
div.listing {
width:100%;
/* height:138px; */
padding:10px 0 10px 0;
border-bottom:1px dotted #ffffff;
}
div.listing_image, div.listing_image_portrait, div.listing_image_paysage {
width:180px;
height:135px;
float:left;
text-align:center;
margin:0 15px 0 0;
overflow:hidden;
}
div.listing_image img {
height:135px;
}
div.listing_image_portrait img {
height:135px;
}
div.listing_image_paysage img {
height:135px;
}
h3 {
margin:5px 0 10px 0;
}
h3 a {
font-size:1.1rem;
line-height:1.1rem;
text-decoration:none;
}
a.a_listing_lire_la_suite {
display:block;
text-align:right;
text-decoration:none;
font-style:italic;
font-weight:bold;
}
div#pagination {
display:block;
text-align:center;
font-size:1.1rem;
line-height:1.1rem;
font-weight:bold;
}
div#pagination a {
font-size:1.1rem;
line-height:1.1rem;
font-weight:bold;
}




/* bas de page */
div#bas_de_page {
    z-index:10;
    font-family:EB_Garamond, Verdana, Arial, Helvetica, sans-serif;
    background-color:#7c859e;
    color:#ffffff;
    width:100%;
    margin:0 auto;
    padding-bottom:20px;
    font-size:0.9em;
    line-height:1.4em;
    vertical-align:middle;
    text-align:right;
    overflow:hidden;
}
div#bas_de_page a {
    color:#ffffff;
    text-decoration:none;
}
div#bas_de_page a:hover {
    color:#172d57;
}

div#bas_de_page div#gauche {
    margin-top:20px;
    float:left;
    text-align:center;
    width:30%;
}
div#bas_de_page div#milieu {
    float:left;
    column-width:auto;
    width:20%;
    float:left;
    padding-top:30px;
    font-size:1.3em;
    line-height:1.2em;
    text-align:left;
}
div#bas_de_page div#milieu ul {
    list-style-type:none;
}
div#bas_de_page div#milieu2 {
    float:left;
    column-width:auto;
    width:20%;
    float:left;
    padding-top:30px;
    font-size:1.2em;
    line-height:1.2em;
    text-align:left;
}
div#bas_de_page div#milieu2 ul {
    list-style-type:none;
}
div#bas_de_page div#milieu3 {
    float:left;
    column-width:auto;
    width:20%;
    float:left;
    padding-top:30px;
    font-size:1.2em;
    line-height:1.2em;
    text-align:left;
}
div#bas_de_page div#milieu3 ul {
    list-style-type:none;
}
div#bas_de_page div#droite {
    float:left;
    color:#92542a;
    margin-top:30px;
    text-align:left;
    width:10%;
}
div#abus_alccol {
    font-size:0.9em;
    margin-right:20px;
    font-style:italic;
}
div#confiance {
    font-size:1.2em;
    font-style:italic;
    margin-left:20px;
    font-weight:bold;
}
/* En général */
.clear_both {
    clear:both;
    width:100%;
}
.separateur_10 {
    clear:both;
    width:100%;
    height:10px;
}
.separateur_30 {
    clear:both;
    width:100%;
    height:30px;
}
span.accepte_cgu {
    font-size:0.9em;
}


/* Le formulaire de contact */
#destinataire {
width:60%;
text-align:left;
-webkit-border-radius: 3px;
border-radius: 3px;
border-top: 1px solid #d9d9d9;
border-left: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
background-color:#FFF;
font-size:0.8em;
padding:5px 0 5px 30px;
margin-bottom:10px;
background-repeat:no-repeat;
background-position:5px center;
font-family:inherit;
background-image:url("../images/formulaire/picto_destinataire.png");
}
#destinataire:focus, #destinataire:hover{color:#666666;background-image:url("../images/formulaire/picto_destinataire_hover.png");}
form#form_contact label:not(.etoile){
display:none;
}
form#form_contact label.etoile {
display:block;
}
form#form_contact input[type="login"], form#form_contact input[type="password"] {
width:30%;
text-align:left;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #f9a329;
background-color:#ffffff;
font-size:0.8em;
line-height:1.45em;
padding-left:30px;
min-height:30px;
margin-bottom:10px;
background-repeat:no-repeat;
background-position:5px center;
font-family:inherit;
}
form#form_contact input[type="text"], form#form_contact input[type="email"] {
width:50%;
text-align:left;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #f9a329;
background-color:#ffffff;
font-size:0.8em;
line-height:1.45em;
padding-left:30px;
min-height:30px;
margin-bottom:10px;
background-repeat:no-repeat;
background-position:5px center;
font-family:inherit;
}
form#form_contact textarea {
width:85%;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #f9a329;
background-color:#ffffff;
font-size:0.8em;
line-height:1.45rem;
padding:5px 0 0 30px;
min-height:30px;
margin-bottom:10px;
background-repeat:no-repeat;
background-position:5px 5px;
font-family:inherit;
}

form#form_contact textarea, form#form_contact select {
text-align:left;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #f9a329;
background-color:#ffffff;
font-size:0.8em;
line-height:1.45em;
padding-left:30px;
min-height:30px;
margin-bottom:10px;
background-repeat:no-repeat;
background-position:5px center;
font-family:inherit;
color:#999999;
}
form#form_contact input[type="text"]:hover, form#form_contact input[type="text"]:focus, form#form_contact input[type="email"]:hover, form#form_contact input[type="email"]:focus, form#form_contact textarea:hover, form#form_contact textarea:focus, form#form_contact select:hover, form#form_contact select:focus {
border: 1px solid #f9a329;
-webkit-box-shadow: 0px 0px 8px #ffffff;
-moz-box-shadow: 0px 0px 8px #ffffff;
box-shadow: 0px 0px 8px #ffffff;
outline:none;
color:#666666;
}

input:focus::-webkit-input-placeholder, select:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {opacity: 0;}
input:focus:-moz-placeholder, select:focus:-moz-placeholder, textarea:focus:-moz-placeholder {opacity: 0;}
input:focus::-moz-placeholder, select:focus::-moz-placeholder, textarea:focus::-moz-placeholder {opacity: 0;}
input:focus:-ms-input-placeholder, select:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {opacity: 0;}
::-webkit-input-placeholder, ::-webkit-select-placeholder, ::-webkit-textarea-placeholder {color:#999;}
:-moz-placeholder {color:#999;}
::-moz-placeholder {color:#999;}
:-ms-input-placeholder, :-ms-select-placeholder, :-ms-textarea-placeholder {color:#999;}
/* pictos contact */
.picto_vide{padding:1px 5px 1px 5px; width: auto;}
#nom{background-image:url("../images/formulaire/picto_prenom.png"); }
#nom:hover{background-image:url("../images/formulaire/picto_prenom_hover.png");}
#email{background-image:url("../images/formulaire/picto_mail.png");}
#email:hover{background-image:url("../images/formulaire/picto_mail_hover.png");}
#telephone{background-image:url("../images/formulaire/picto_tel.png");}
#telephone:hover{background-image:url("../images/formulaire/picto_tel_hover.png");}
#adresse{background-image:url("../images/formulaire/picto_adresse.png");}
#adresse:hover{background-image:url("../images/formulaire/picto_adresse_hover.png");}
#complement{background-image:url("../images/formulaire/picto_complement.png");}
#complement:hover{background-image:url("../images/formulaire/picto_complement_hover.png");}
form#form_contact input[type="text"]#code_postal{width:25%; float:left; min-width:100px; margin-right:5%; background-image:url("../images/formulaire/picto_cp.png");}
form#form_contact input[type="text"]#code_postal:hover{background-image:url("../images/formulaire/picto_cp_hover.png");}
form#form_contact input[type="text"]#ville{ width:50%; float:left; background-image:url("../images/formulaire/picto_ville.png");}
form#form_contact input[type="text"]#ville:hover{background-image:url("../images/formulaire/picto_ville_hover.png");}
.picto_piece_jointe{background-image:url("../images/formulaire/piece_jointe.png"); }
.picto_piece_jointe:hover{background-image:url("../images/formulaire/piece_jointe_hover.png");}
.picto_demande{background-image:url("../images/formulaire/picto_demande.png");}
.picto_demande:hover{background-image:url("../images/formulaire/picto_demande_hover.png");}
#pays{background-image:url("../images/formulaire/picto_pays.png");}
#pays:hover{background-image:url("../images/formulaire/picto_pays_hover.png");}
#societe{background-image:url("../images/formulaire/picto_societe.png");}
#societe:hover{background-image:url("../images/formulaire/picto_societe_hover.png");}
form#form_contact input[type="text"]#nb_personnes{width:25%; float:left; min-width:100px; margin-right:5%; background-image:url("../images/formulaire/picto_personnes.png");}
form#form_contact input[type="text"]#nb_personnes:hover{background-image:url("../images/formulaire/picto_personnes_hover.png");}
form#form_contact input[type="text"]#date_arrivee{width:20%; float:left; min-width:100px; margin-right:5%; background-image:url("../images/formulaire/picto_arrivee.png");}
form#form_contact input[type="text"]#date_arrivee:hover{background-image:url("../images/formulaire/picto_arrivee_hover.png");}
form#form_contact input[type="text"]#date_depart{width:20%; float:left; min-width:100px; margin-right:0; background-image:url("../images/formulaire/picto_depart.png");}
form#form_contact input[type="text"]#date_depart:hover{background-image:url("../images/formulaire/picto_depart_hover.png");}
.picto_note{background-image:url("../images/formulaire/picto_note.png");}
.picto_note:hover{background-image:url("../images/formulaire/picto_note_hover.png");}
.picto_recherche{background-image:url("../images/formulaire/loupe-recherche.png"); }
.picto_recherche:hover{background-image:url("../images/formulaire/loupe-recherche_hover.png");}
#message{background:url("../images/formulaire/picto_pen.png") no-repeat 5px 5px;}
#message:hover{background-image:url("../images/formulaire/picto_pen_hover.png");}
#titre{background:url("../images/formulaire/picto_pen.png") no-repeat 5px 5px;}
#titre:hover{background-image:url("../images/formulaire/picto_pen_hover.png");}
#login{background-image:url("../images/formulaire/picto_mail.png");}
#login:hover{background-image:url("../images/formulaire/picto_mail_hover.png");}


/* Formulaire Références */
form#references select {
    color:#00a33a;
    background-color:#f5f5f5;
    border-radius:5px;
    border:1px solid #f5f5f5;
    padding:5px;
    font-size:0.9em;
    cursor:pointer;
}


/* RESPONSIVE DESIGN */ 
@media screen and (max-width:1659px) {
    
    div.bloc_article {
        width:23%;
        padding:1%;
    }
}    
@media screen and (max-width:1259px) { /* version tablette */
    div#banniere {
        height:80px;
    }
    div#bandeau {
        width:100%;
    }
    div#bandeau img {
        width:100%;
    }
    div#logo {
        margin-left:50px;
    }
    nav {
        margin-right:50px;
    }
    div#pictos {
        top:42px;
        right:185px;
    }
    a#bt_menu_responsive {
        margin-right:50px;
    }
    div.bloc_article {
        width:29%;
        padding:2%;
    }
    div#bas_de_page {
        width:100%;
    }
}
@media screen and (max-width:1109px) { /* version tablette */

    div#pictos {
        top:28px;
        right:185px;
        font-size:1.1em;
    }
    a#bt_menu_responsive {
        margin-top:20px;
        display:inline;
    }    
    div#pictos a.optionnel {
        display:none;
    }
    /* Formulaire de Contact */
    form#form_contact input[type="text"], form#form_contact input[type="email"] {width:85%;float:none; margin-right:0;}
    form#form_contact input[type="text"]#code_postal{width:85%; float:none; margin-right:0;}
    form#form_contact input[type="text"]#ville{ width:85%; float:none;}
    form#form_contact input[type="text"]#nb_personnes{width:85%;}
    form#form_contact input[type="text"]#date_arrivee{width:85%; margin-top:10px;}
    form#form_contact input[type="text"]#date_depart{width:85%; margin-top:10px;}
    
    div#bas_de_page div#gauche, div#bas_de_page div#milieu, div#bas_de_page div#milieu2, div#bas_de_page div#milieu3, div#bas_de_page div#droite {
        float:none;
        width:100%;
        margin-left:0;
        margin-right:0;
        text-align:center;
    }
    div#bas_de_page div#milieu2 {
        padding-top:10px;
    }
    div#bas_de_page div#milieu3 {
        padding-top:0;
    }
    div#bas_de_page div#gauche img {
        width:60%;
    }
    div#bas_de_page {
        padding-right:0;
        text-align:center;
    }
    article ul {
        margin-left: 0;
    }
}

@media screen and (max-width:960px) {
    div#bandeau {
        width:100%;
    }
    div#bandeau img {
        width:100%;

    }
    div#langues {
        margin: 29px 10px 0 0;
    }    
    article h1 {
        font-size:1.4em;
        margin-bottom:10px;
    }
    article h2 {
        font-size:1em;
        line-height:1.4em;
        margin-bottom:10px;
    }
    article img.autrephoto {
        float:left;
        width:46%;
        padding:2%;
    }
    div.bloc_article {
        width:46%;
        padding:2%;
    }
    div#fildariane {
        width:calc(100% - 110px); 
    }
    form#form_contact input[type="login"], form#form_contact input[type="password"] {
        width:90%;
    }
    div.bloc_autres {
        width:25%;
        font-size:0.9em;
    }
    h1.titre_pack {
        width:88%;
    }
    div.pack {
        display:inline-block;
    }
    div.tiers_pack {
        width:88%;
        padding:10px 2%;
        margin: 20px 4%;
    }
    div.dossier {
        display:inline-block;
    }
    h1.titre_dossier {
        width:100%;
        color:#d81414;
        text-align:center;
        padding:20px 0 10px 0;
    }
    div.quart_dossier {
        width:46%;
        padding:10px 1%;
        margin: 20px 1%;
    }
    div#abus_alccol {
        font-size:0.8em;
        margin-right:0;
    }
}
@media screen and (max-width:600px) {
    div#bandeau {
        top:100px;
    }
    div#logo {
        margin-left:10px;
        margin-top:20px;
    }
    div#logo img {
        width:60%;
    }
    div#pictos {
        top:28px;
        right:75px;
        font-size:0.8em;
        
    }
    a#bt_menu_responsive {
        margin-right:10px;
    }
    span#bt_menu_responsive_nom {
        display:none;
    }
    div#pictos a.optionnel2 {
        display:none;
    }
    div#langues {
        float:right;
    }
    div#langues > a > img {
        height:20px;
        margin-bottom:10px;
        margin-right:10px;
    }
    div#pictos a {
        font-size:1.3em;
    }
    div#pictos {
        width:100%;
        text-align:right;
    }
    div.tiers_service {
        width:96%;
        padding:2%;
    }
    div.tiers_service img {
        width:100%;
    }
    
    div.quart_dossier {
        width:46%;
        padding:10px 1%;
        margin: 20px 1%; 
    }
    article h1 {
        font-size:1.4em;
    }
    div.bloc_article {
        width:94%;
        padding:3%;
        margin-bottom:20px;
        height:auto;
    }
    bloc_article_texte {
        font-size:1em;
        line-height:1em;
    }
    div.bloc_article h1 {
        font-size:0.9em;
    }
    div.frelons div.frelons_gauche {
        float:left;
        width:96%;
        padding:2%;
    }
    div.frelons div.frelons_droite {
        float:left;
        width:96%;
        padding:1%;
        display:block;
    }
    div.frelons_partenaires h2 {
        font-size:1.1em;
        line-height: 1.1em;
    }
    div.frelons_partenaires img {
        width:100px;
    }
    div.partenaires_images img {
        max-width:200px;
    }
    div.partenaires img {
        height:auto;
    }
    div.partenaires h2 {
        font-size:1.1em;
        line-height: 1.1em;
    }
    div#apropos {
        display:inline-block;
    }
    div#apropos .marges {
        width:0%;
        display:none;
    }
    div#apropos #aproposgauche {
        width:100%;
    }
    div#apropos #aproposdroite {
        width:96%;
        text-align:center;
    }
    
    /* TARIFS */
    table {
        font-size:0.8em;
    }
    article img.premierephoto {
        width:100%;
        padding:2% 0;
    }
    article img.autrephoto {
        float:left;
        width:42%;
        padding:2% 0;
    }
    div.bloc_autres {
        width:38%;
    }
}