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

html, body {
    margin:0;
    padding:0;
    font-size:16px;
    font-family:MerriweatherSans, 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;
}
img#logo_avatar {
    display:none;
    z-index:1;
}
nav {
    z-index:10;
    font-family: MerriweatherSans, Arial, Verdana, Helvetica, sans-serif;
    display:none;
    margin:0;
    padding:0px;
    width:100%;
    height:auto;
    background-color:#99cc99;
}
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:#444444;
}
nav > ul.topnav > li#menu8 > a {
    width:100%;
    color:#f7931d;
}
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, nav > ul.topnav > li#menu8 > a:hover {
    color:#f7931d;
    background-color:#ffffff;
}
nav > ul.topnav > li > a {
    display:block;
    width:100%;
    text-align:center;
    text-decoration:none;
    padding:2px 15px 2px 0;
    color:#ffffff;
}
nav > ul.topnav > li > a:hover {
    background-color:#e4e8d9;
    color:#f7931d;
}
nav > ul.topnav > li > ul.subnav {
    text-transform:none;
    color:#ffffff;
    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#sousmenu8 {
}
nav > ul.topnav > li > ul.subnav a {
    padding:5px 0 0 0;
    display:block;
    color:#444444;
}
nav > ul.topnav > li > ul.subnav a:hover {
    background-color:#ffffff;
    color:#f7931d;
}
div#langues {
    position:absolute;
    top:0;
    right:0;
    float:right;
    height:40px;
    margin: 20px 20px 0 0;
    text-align:right;
}
div#langues img {
    border-radius:5px;
}
div#pictos {
    z-index:-1;
    position:absolute;
    top:34px;
    right:235px;
    font-size:1.1em;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
div#pictos a {
    color:#444444;
    text-decoration:none;
}
div#pictos a:hover {
    color:#f7931d;
}

div#menu_responsive {
    text-align:center;
    margin-bottom:12px;
}
a#bt_menu_responsive {
    display:block;
    transition: 0.5s;
    font-family:MerriweatherSans, Verdana, Arial, Helvetica, sans-serif;
    color:#444444;
    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:10px;
    background-color:#f5f5f5;
}
a#bt_menu_responsive:hover {
    transition: 0.5s;
    border-radius:10px;
    background-color:#99cc99;
}
a#bt_menu_close {
    display:block;
    text-align:right;
    width:80px;
    color:#444444;
    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:#f7931d;
}
div#contenu {
    width:100%;
}
section {
    width:1600px;
    margin:0 auto;
    text-align:center;
    color:#444444;
}
div#bandeau {
    margin-top:80px;
    width:100%;
    height:320px;
    overflow:hidden;
}
div#bandeau img {
    text-align:center;
    overflow:hidden;
}
div.fb-share-button {
    width:90%;
    float:left;
    text-align:left;
    margin-bottom:10px;
    padding:5px;
}
div#fildariane {
    z-index:1000;
    float:left;
    color:#444444;
    margin-left:10px;
    margin-top:20px;
    text-align:left;
    width:calc(100% - 200px); 
}
div#fildariane a {
    color:#444444;
    text-decoration:none;
}
div#fildariane a:hover {
    color:#f7931d;
}
div#connexion {
    float:right;
    transition: 0.5s;
    width:auto;
    margin-top:10px;
    margin-right:10px;
    padding:8px;
    border-radius:10px;
    background-color:#444444;
    font-size:0.8em;
}
div#connexion:hover {
    transition: 0.5s;
    color:#ffffff;
    background-color:#999999;
}
div#connexion a {
    color:#ffffff;
}
span#connexion_intitule {
    float:left;
    display:block;
}
div#bouton_deco {
    float:right;
    margin-top:5px;
    margin-right:10px;
    padding:10px 0;
    font-size:0.7em;
}
div#bouton_deco a {
    color:red;
}

div.blocdemi_connexion {
    float:left;
    width:35%;
    padding:20px 2% 20px 2%;
    margin:0 4% 30px 4%;
    border: 2px solid #f7931d;
    border-radius:10px;
    color:#444444;
}
div.bloc_connexion {

    width:35%;
    padding:20px 2% 20px 2%;
    margin:0 auto;
    border: 2px solid #f7931d;
    border-radius:10px;
    color:#444444;
}
div.blocdemi_connexion h2, div.bloc_connexion h2 {
    color:#f7931d;
    margin-bottom:20px;
}
div#jadhere {
    margin:10px auto;
    width:190px;
    transition: 0.5s;
    padding:8px;
    border-radius:10px;
    background-color:#fda946;
    font-size:1em;
}
div#jadhere:hover {
    transition: 0.5s;
    background-color:#f7931d;
}
div#jadhere a {
    color:#ffffff;
    text-decoration:none;
}
/* tuiles */
div.bloc_article {
    position:relative;
    transition: 0.5s;
    float:left;
    width:370px;
    height:370px;
    background-color:#ffffff;
    color:#444444;
    font-size:1em;
    padding:15px;
    border-radius:10px;
    overflow:hidden;
}
div.bloc_article a {
    color:#444444;
}
div.bloc_article:hover {
    transition: 0.5s;
    background-color:#99cc99;
}
div.bloc_article h1 {
    text-transform:uppercase;
    color:#f7931d;
    padding:10px 0 10px 0;
    margin:0;
    font-size:1.2em;
    line-height:1.2em;
}
div.bloc_article_photo {
    width:100%;
    border-radius:10px;
}
div.bloc_article_photo img {
    width:100%;
    border-radius:10px;
}
div.bloc_article_texte {
    color:#444444;
}
div.bloc_article_plus {
    display:none;
    position:absolute;
    bottom:15px;
    right:15px;
    text-align:right;
    color:#444444;
}
div.bloc_article:hover .bloc_article_plus {
    display:block;
}
article {
    font-family:MerriweatherSans, Verdana, Arial, Helvetica, sans-serif;
    float:left;
    padding:0 0 20px 0;
    text-align:left;
    font-size:1.1em;
    line-height:1.2em;
    font-style:normal;
    font-weight:normal;
    color:#444444;
    background-color:#ffffff;
}
.fond_article {
    position:relative;
    background-color:#ffffff;
}
div.suite {
    position:absolute;
    bottom:20px;
    right:20px;
    text-align:right;
}
div.suite a:hover {
    color:#f7931d;
}
article h1 {
    color:#f7931d;
    font-size:1.4em;
    line-height:1.4em;
    font-weight:bold;
    font-style:normal;
    margin:10px 0;
    text-transform:uppercase;
}
article h1 a {
    color:#f7931d;
    text-decoration:none;
}
article h2 {
    font-size:1.2em;
    line-height:1.2em;
    color:#f7931d;
    text-transform:uppercase;
    font-weight:bold;
    margin:10px 0;
    text-align:left;
}
article img.premierephoto {
    float:left;
    width:35%;
    padding:0;
    margin:0 20px 20px 0;
    border-radius:10px;
}
article img.autrephoto {
    float:left;
    width:29%;
    padding:0;
    margin:0 20px 20px 0;
    border-radius:10px;
}

article a {
    color:#f7931d;
    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:10px;
    background-color:#f5f5f5;
    color:#444444;
    font-size:1em;
}
div.bloc_autres:hover {
    background-color:#99cc99;
}
div.bloc_autres img {
    width:100%;
    border-radius:10px;
    overflow:hidden;
}
div.bloc_autres a {
    color:#444444;
    text-decoration:none;
    padding-bottom:18px;
}
div.centrer {
    margin:0 auto;
    text-align:center;    
}
span.vert {
    color:green;
}
span.rouge {
    color:red;
}

div.frelons {
    width:96%;
    padding:2%;
    margin:0 auto;
    text-align:center;
    font-size:1em;
    background-color:#99cc99;
    color:#444444;
}
div.frelons_contenu {
    margin: 0 auto;
    max-width:1200px;
}
div.frelons h2 {
    font-size:1.2em;
    line-height:1.2em;
    text-transform:uppercase;
    color:#f7931d;
    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:10px;
    background-color:#444444;
}
div#signale_nid:hover {
    transition: 0.5s;
    color:#ffffff;
    background-color:#999999;
}
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:#f7931d;
    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:#444444;
}
div.partenaires h2 {
    font-size:1.2em;
    line-height:1.2em;
    text-transform:uppercase;
    color:#f7931d;
    margin-bottom:10px;
}
div.partenaires div.partenaires_images {
    width:100%;
    text-align:center;
}
div.partenaires img {
    width:150px;
    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:MerriweatherSans, Verdana, Arial, Helvetica, sans-serif;
    background-color:#99cc99;
    color:#444444;
    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:#444444;
    text-decoration:none;
}
div#bas_de_page a:hover {
    color:#09623b;
}

div#bas_de_page div#gauche {
    margin-top:10px;
    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.2em;
    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:#444444;
    margin-top:30px;
    text-align:left;
    width:10%;
}

/* 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:#999999;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 input, form#form_contact textarea, form#form_contact select, form#form_contact radio {
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:#999999;
}
form#form_contact a {
    color:#444444;
    text-decoration:none;
}
form#form_contact a:hover {
    color:#f9a329;
}

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;}
form#form_contact #nom{background-image:url("../images/formulaire/picto_prenom.png"); }
form#form_contact #nom:hover{background-image:url("../images/formulaire/picto_prenom_hover.png");}
form#form_contact #email{background-image:url("../images/formulaire/picto_mail.png");}
form#form_contact #email:hover{background-image:url("../images/formulaire/picto_mail_hover.png");}
form#form_contact #telephone{background-image:url("../images/formulaire/picto_tel.png");}
form#form_contact #telephone:hover{background-image:url("../images/formulaire/picto_tel_hover.png");}
form#form_contact #adresse{background-image:url("../images/formulaire/picto_adresse.png");}
form#form_contact #adresse:hover{background-image:url("../images/formulaire/picto_adresse_hover.png");}
form#form_contact #complement{background-image:url("../images/formulaire/picto_complement.png");}
form#form_contact #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");}
form#form_contact .picto_piece_jointe{background-image:url("../images/formulaire/piece_jointe.png"); }
form#form_contact .picto_piece_jointe:hover{background-image:url("../images/formulaire/piece_jointe_hover.png");}
form#form_contact .picto_demande{background-image:url("../images/formulaire/picto_demande.png");}
form#form_contact .picto_demande:hover{background-image:url("../images/formulaire/picto_demande_hover.png");}
form#form_contact #pays{background-image:url("../images/formulaire/picto_pays.png");}
form#form_contact #pays:hover{background-image:url("../images/formulaire/picto_pays_hover.png");}
form#form_contact #societe{background-image:url("../images/formulaire/picto_societe.png");}
form#form_contact #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");}
form#form_contact .picto_note{background-image:url("../images/formulaire/picto_note.png");}
form#form_contact .picto_note:hover{background-image:url("../images/formulaire/picto_note_hover.png");}
form#form_contact .picto_recherche{background-image:url("../images/formulaire/loupe-recherche.png"); }
form#form_contact .picto_recherche:hover{background-image:url("../images/formulaire/loupe-recherche_hover.png");}
form#form_contact #message{background:url("../images/formulaire/picto_pen.png") no-repeat 5px 5px;}
form#form_contact #message:hover{background-image:url("../images/formulaire/picto_pen_hover.png");}
form#form_contact #titre{background:url("../images/formulaire/picto_pen.png") no-repeat 5px 5px;}
form#form_contact #titre:hover{background-image:url("../images/formulaire/picto_pen_hover.png");}
form#form_contact #login{background-image:url("../images/formulaire/picto_mail.png");}
form#form_contact #login:hover{background-image:url("../images/formulaire/picto_mail_hover.png");}


/* Formulaire PROFIL */
form#form_profil {
    max-width:800px;
    margin:0 auto;
}
form#form_profil input[type="login"], form#form_profil 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:10px;
min-height:30px;
margin-bottom:10px;
background-repeat:no-repeat;
background-position:5px center;
font-family:inherit;
}
form#form_profil input[type="text"], form#form_profil 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:10px;
min-height:30px;
margin-bottom:10px;
background-repeat:no-repeat;
background-position:5px center;
font-family:inherit;
}
form#form_profil 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_profil input, form#form_profil textarea, form#form_profil select {
color:#000000;
}
form#form_profil input[type="text"]:hover, form#form_profil input[type="text"]:focus, form#form_profil input[type="email"]:hover, form#form_profil input[type="email"]:focus, form#form_profil textarea:hover, form#form_profil textarea:focus, form#form_profil select:hover, form#form_profil 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:#444444;
}
form#form_profil input:disabled {
    color:#999999;
}
form#form_profil label {
    display:inline-block;
    width:150px;
    text-align:right;
}

form#form_profil fieldset {
    border:1px solid grey;
    width:inherit;
    background-color:#f5f5f5;
    border-radius:5px;
    margin-bottom:10px;
}
form#form_profil fieldset legend {
    text-align:left;
    margin-left:20px;
    padding:5px;
}

/* FORMULAIRE ADHESION */
form#form_adhesion {
    max-width:800px;
    margin:0 auto;
}
form#form_adhesion input[type="login"], form#form_adhesion 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:6px;
    min-height:30px;
    margin-bottom:10px;
    background-repeat:no-repeat;
    background-position:5px center;
    font-family:inherit;
}
form#form_adhesion input[type="text"], form#form_adhesion 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:6px;
    min-height:30px;
    margin-bottom:10px;
    background-repeat:no-repeat;
    background-position:5px center;
    font-family:inherit;
}
form#form_adhesion input[type="number"] {
    width:100px;
    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:6px;
    min-height:30px;
    margin-bottom:10px;
    background-repeat:no-repeat;
    background-position:5px center;
    font-family:inherit;
}
form#form_adhesion 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 6px;
    min-height:30px;
    margin-bottom:10px;
    background-repeat:no-repeat;
    background-position:5px 5px;
    font-family:inherit;
}

form#form_adhesion input, form#form_adhesion textarea, form#form_adhesion select {
    color:#444444;
}
form#form_adhesion input:disabled {
    color:#999999;
}
form#form_adhesion input[type="text"]:hover, form#form_adhesion input[type="text"]:focus, form#form_adhesion input[type="email"]:hover, form#form_adhesion input[type="email"]:focus, form#form_adhesion textarea:hover, form#form_adhesion textarea:focus, form#form_adhesion select:hover, form#form_adhesion 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:#999999;
}
form#form_adhesion label {
    display:inline-block;
    width:150px;
    text-align:right;
}
form#form_adhesion fieldset.coordonnees {
    border:1px solid grey;
    width:inherit;
    background-color:#f5f5f5;
    border-radius:5px;
    margin-top:10px;
}
form#form_adhesion input.adhesion_prix {
    width:80px;
    display:inline-block;
    text-align:right;
    float:right;
    color:#000000;
    border: none;
    height:20px;
    background-color:#fedbb4;
}
form#form_adhesion input.adhesion_prixtotal, form#form_adhesion input#prix_donarrondi {
    width:100px;
    display:inline-block;
    text-align:right;
    float:right;
    color:#000000;
    border: none;
    height:20px;
    background-color:#f5f5f5;
}
form#form_adhesion fieldset {
    border:1px solid grey;
    width:inherit;
    background-color:#fedbb4;
    border-radius:5px;
    padding:0 10px 10px 10px;
}   
form#form_adhesion fieldset legend {
    text-transform:uppercase;
    text-align:left;
    margin-left:10px;
    padding:5px;
}
form#form_adhesion input.adhesion_prix {
    font-weight:bold;
    font-size:1.1em;
}
form#form_adhesion input.adhesion_prixtotal {
    font-weight:bold;
    font-size:1.3em;
}
form#form_adhesion div#champs_optionnels_ecotaxe {
    display:none;
    margin-left:30px;
}
form#form_adhesion div.labelleur {
    float:left;
    width:180px;
    padding-top:5px;
}
form#form_adhesion div.adhesion_complet {
    width:80px;
    float:right;
    text-align:right;
}

form#form_adhesion div#proposer_arrondir {
    float:left;
}
a.infobulle {
    display: inline;
    position: relative;
    cursor:pointer;
    color:orange;
}
a.infobulle:hover:after {
    font-size:0.8em;
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: 20%;
    transform:translatex(-45%);
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;
}
a.infobulle:hover:before {
    font-size:0.8em;
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    transform:translatex(-45%);
    position: absolute;
    z-index: 99;
}

/* RECAP ADHESION */
div#recap_adhesion {
    max-width:800px;
    margin:0 auto;
}
div#recap_adhesion fieldset {
    border:1px solid grey;
    width:inherit;
    border-radius:5px;
    margin-bottom:10px;
    padding: 3px 10px 10px 10px;
}
div#recap_adhesion fieldset legend {
    text-transform:uppercase;
    text-align:left;
    margin-left:20px;
    padding:5px;
}
div.mode_paiement {
    float:left;
    text-align:center;
    border: 1px solid orange;
    background-color:#f5f5f5;
    border-radius:10px;
    width:41%;
    margin:2%;
    padding:2%;
}
div.imprimer a {
    display:block;
    border:1px solid orange;
    background-color: #f5f5f5;
    border-radius:10px;
    margin:5px;
    padding:5px;
    width:200px;
    text-align:center; 
}
div.imprimer a:hover {
    border:1px solid #f5f5f5;
    background-color: orange;
    color:white;
}


/* RESPONSIVE DESIGN */ 
@media screen and (max-width:1659px) {
    section {
        width:96%;
        padding:0 2%;
    }
    div.bloc_article {
        width:23%;
        padding:1%;
    }
}    
@media screen and (max-width:1259px) { /* version tablette */
    div#banniere {
        height:80px;
    }
    div#bandeau {
        height:auto;
        min-height:170px;
    }
    div#bandeau img {
        width:100%;
    }
    div#logo {
        margin-left:50px;
    }
    nav {
        margin-right:50px;
    }
    div#pictos {
        top:34px;
        right:185px;
        font-size:1.1em;
    }
    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 */
    
    img#logo_menu {
        display:none;
    }
    img#logo_avatar {
        display:block;
    }
    div#pictos {
        top:20px;
        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:25%;
    }
    div#bas_de_page {
        padding-right:0;
        text-align:center;
    }
    article ul {
        margin-left: 0;
    }
}

@media screen and (max-width:960px) {
    div#langues {
        margin: 29px 10px 0 0;
    }    
    article h1 {
        font-size:1.0em;
        margin-bottom:10px;
    }
    article h2 {
        font-size:1em;
        line-height:1.1em;
        margin-bottom:10px;
    }
    article img.autrephoto {
        float:left;
        width:46%;
        padding:2%;
    }
    div.bloc_article {
        width:46%;
        padding:2%;
    }
    span#connexion_intitule {
        display:none;
    }
    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;
    }
    div.blocdemi_connexion {
        float:left;
        width:88%;
    }
    div.mode_paiement {
        float:left;
        text-align:center;
        border: 1px solid orange;
        background-color:#f5f5f5;
        border-radius:10px;
        width:92%;
        margin:2%;
        padding:2%;
    }
}
@media screen and (max-width:600px) {
    div#bandeau {
        top:100px;
    }
    div#logo {
        margin-left:10px;
    }
    div#pictos {
        top:20px;
        right:135px;
        font-size:0.8em;
    }
    a#bt_menu_responsive {
        margin-right:10px;
    }
    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;
    }
    article h1 {
        font-size:0.9em;
    }
    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:2%;
    }
    div.frelons_partenaires h2 {
        font-size:1.1em;
        line-height: 1.1em;
    }
    div.frelons_partenaires img {
        width:100px;
    }
    div.partenaires img {
        width:100px;
    }
    div.partenaires h2 {
        font-size:1.1em;
        line-height: 1.1em;
    }  
    
    /* 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%;
    }
    form#form_profil label {
        width:100%;
        text-align:center;
    }
    form#form_adhesion {
        max-width:100%;
        margin:0 auto;
        font-size:0.7em;
    }
    form#form_adhesion input.adhesion_prix {
        width:60px;
    }
}

/* impression du bulletin */
@media print {
    html, body {font-size:14px;}
    img#logo_menu {float:right;}
    div#recap_adhesion {margin-top:80px;}
    div#menu_responsive { display: none; }
    div#bandeau { display: none; }
    div#fildariane { display:none; }
    div#bas_de_page { display: none; }
    div.imprimer {display:none;}
}