/* CSS Document */
html, body {
margin:0;
padding:0;
font-size:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
}
html {
/* background:#ffffff url("../images/background.jpg") repeat top center;*/
background-color:#ffffff;
/*
ou
background:#000000 url("../images/background.jpg") no-repeat top center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
ou
background:url("../images/background-01.jpg") repeat-x top center, url("../images/background-02.jpg") no-repeat center 230px, url("../images/background-03.jpg") repeat-x 0px 230px;
*/
}
body {
font-size:1rem;
line-height:1.45rem;
color:#000000;
}
* {
margin:0;
padding:0;
}


/* Polices spécifiques */
/*@font-face {
font-family: 'edosz';
src: url('../polices/edosz.eot?#iefix') format('embedded-opentype'),  url('../polices/edosz.woff') format('woff'), url('../polices/edosz.ttf')  format('truetype'), url('../polices/edosz.svg#edosz') format('svg');
font-weight: normal;
font-style: normal;
}*/


/* Le Conteneur */
div#conteneur {
width:1200px;
min-height:400px;
max-width:1200px;
position:relative;
margin:0 auto;
background-color:rgba(255, 255, 255, 0.9);

}


/* Le Header */
header {
/*width:874px;
height:178px;*/
z-index:10;
overflow:hidden;
}

/* Le Menu */
div#bt_menu_responsive {
display:none;
font-size:1.4rem;
font-weight:bold;	
font-family: Verdana, Arial, Helvetica, sans-serif;
letter-spacing:3px;
}

nav {
width:100%;
max-width:1200px;
margin:0 auto 0 auto;
padding-top:15px;
}
nav #menu > ul {
list-style-type:none;
margin:0 auto;
font-style:italic;
text-align:left;
letter-spacing:3px;
}
nav #menu > ul > li {
display:inline-block;
margin:0 10px 0 0;
position:relative;

}
nav #menu > ul > li > a {
display:block;
font-size:1.3rem;
line-height:1.3rem;
color:#9e3fff;
background-color:#ffcc00;
vertical-align:middle;
padding:11px 15px 11px 15px;
text-decoration:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
nav #menu > ul > li:hover > a, nav #menu > ul > li#menu_li_actif > a {
color:#ffffff;
background-color:#9e3fff;
}
nav #menu > ul > li > ul.subnav {
position:absolute;
top:40px;
left:0;
z-index:500;
background:none;
border-top:1px solid transparent;
}
nav #menu > ul > li > ul.subnav > li {
width:300px;
display:block;
margin:0;
}
nav #menu > ul > li > ul.subnav > li:first-of-type {
border-top:4px solid #ffcc00;
}
nav #menu > ul > li > ul.subnav > li:last-of-type {
border-bottom:4px solid #ffcc00;
}
nav #menu > ul > li > ul.subnav > li:hover > a, nav #menu > ul > li > ul.subnav > li#sous_menu_li_actif > a {
color:#ffffff;
background-color: #9e3fff;
}
nav #menu > ul > li > ul.subnav > li > a {
display:block;
font-size:1.3rem;
line-height:1.3rem;
text-decoration:none;
padding:6px 5px;
background-color:rgba(255, 204, 0, 1.0);
color:#9e3fff;
text-align:left;
}
nav #menu > ul > li > ul.subnav > li > a:hover {
    color:#ffffff;
    background-color:#9e3fff;
}



/* Le Contenu */
section {
z-index:2;
width:100%;
color:#3c3c3c;
}
h1 {
font-size:1.6rem;
line-height:1.6rem;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-bottom:20px;
color:#9e3fff;
letter-spacing:3px;
margin:10px;
}
article {
width:100%;
margin-top:20px;
text-align:justify;
background-color:#f9f9f9;
}

article > .article_large {
width:96%;
margin:10px;
}

article > .article_large > h2 {
padding-top:10px;
}
.diaporama img {
float:left;
padding:1%;
width:23%;
}

/* liste des produits */
.produit h2 {
    display:block;
    background-color:#9e3fff;
    color:#ffffff;
    padding: 5px;
    text-transform:uppercase;   
}
.produit .photo {
    float:left;
    border:1px solid #ecd9ff;
}
.produit .contenu {
    float:right;
    font-size:1rem;
    padding:5px;
    width:70%;
    background-color: #ecd9ff;
}
.ul_telechargement {
    list-style-type: none;
    line-height: 0.9rem;
    font-size: 0.9rem;
    font-weight: bold;
    margin:0;
}
.ul_telechargement li {
    margin: 0;
    padding: 0;
}
.ul_telechargement li a {
    text-decoration:none;
    color: #9e3fff; 
}




article .article_gauche {
float:left;
width:48%;
margin:10px;
}
article .article_droite {
float:left;
width:48%;
margin:10px;
}

article .article_gauche img, article .article_droite img {
width:100%;
}

div#chemin_de_site, div#chemin_de_site > a {
color:9e3fff;
font-style:italic;
text-decoration:none;
margin-bottom:50px;
}
aside {
width:46%;
padding:10px 2%;
margin-left:40%;
height:130px;
position:absolute;
top: 0;
right:0;
background-color:#ffcc00;
overflow:hidden;
}
aside h2 {
font-size:1.4rem;
line-height:1.6rem;
font-weight:normal;
margin-bottom:0px;
}
aside h2 {
color:#ffffff;
}
div#actualite_cycle {
width:100%;
height:150px;
margin:0;
overflow:hidden;
}
div#actualite_cycle > div {
width:100%;
height:150px;
text-align:justify;
color:#9e3fff;
overflow:hidden;
}
a.titre_actu {
display:block;
color:#9e3fff;
font-size:1.2rem;
line-height:1.4rem;
font-weight:bold;
margin-bottom:0px;
text-decoration:none;
}
span.date_actu {
font-style:italic;
margin-bottom:5px;
}
a.lire_la_suite_actu {
display:block;
text-align:right;
/*color:#f7941e;*/
font-weight:bold;
margin-top:5px;
/*text-transform:uppercase;*/
text-decoration:none;
color:#9e3fff;
}
a.lire_la_suite_actu:hover {
color:#ffffff;
}

/* Les Listings */
div.listing {
width:100%;
/* height:138px; */
padding:10px 0 10px 0;
border-bottom:1px dotted #40ae49;
}
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;
}
/* Les Articles */
div#fiche_photo_principale {
width:300px;
height:225px;
float:left;
text-align:center;
margin:0 15px 10px 0;
overflow:hidden;
}
div#fiche_photo_principale > div > a > img {
height:225px;
}
div#fiche_galerie_photos {
width:100%;
/*min-height:400px;*/
line-height:100px;
margin-bottom:30px;
text-align:justify;
}
div#fiche_galerie_photos > a {
display:inline;
}
div#fiche_galerie_photos > a > img {
height:100px;
vertical-align:top;
margin-bottom:5px;
}
div#fiche_galerie_photos > span {
width:100%;
display:inline-block;
font-size:0;
line-height:0;
}
ul.ul_telechargement li {
margin:10px 0 10px 15px;
}


/* Les Horaires */
table.horaires {
border-collapse:collapse;
border:none;
}
th.th_periode {
font-weight:bold;
margin:5px 0;
padding:2px 5px;
text-align:center;
border:1px dotted #666666;
}
/*
th.th_jour {
font-size:12px;
font-weight:bold;
color:#669933;
margin:5px 0;
padding:2px 5px;
text-align:right;
} 
*/
td.tarif_jour {
border:1px dotted #666666;
padding:2px 5px;
width:200px;
}
td.tarif_prix {
border:1px dotted #666666;
padding:2px 5px;
width:150px;
text-align:right;
}


/* Page Contact */
.maps img {
width:200px;
}


/* Article */
img.photo_article {
float:left;
width:300px;
margin:0 15px 5px 0;
}
img.photo_article_droite {
float:right;
width:300px;
margin:0 0 5px 15px;
}
img.photo_article_autre {
width:300px;
margin:10px 10px 10px 10px;
}
div.article_photos_voir_aussi {
width:120px;
height:60px;
float:left;
margin:10px;
text-align:center;
}
div.article_photos_voir_aussi img {
height:60px;
}


/* Le formulaire de contact */
#destinataire {
width:50%;
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:1rem;
/*line-height:1rem;*/
padding:5px 0 5px 30px;
/*min-height: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");}
#choix_hebergement {
width:65%;
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:1rem;
/*line-height:1rem;*/
padding:5px 0 5px 30px;
/*min-height:30px;*/
margin-bottom:10px;
background-repeat:no-repeat;
background-position:5px center;
font-family:inherit;
background-image:url("../images/formulaire/picto_hebergement.png");
}
#choix_hebergement:focus, #choix_hebergement:hover{color:#666666;background-image:url("../images/formulaire/picto_hebergement_hover.png");}
form#form_contact label {
display:none
}
form#form_contact input[type="text"] {
width:85%;
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:1rem;
line-height:1.45rem;
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-top: 1px solid #d9d9d9;
border-left: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
background-color:#FFF;
font-size:1rem;
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 select {
background-color:#ffffff;
text-align:left;
vertical-align:middle;
padding:5px;
min-height:20px;
font-family:inherit;
}
*/
form#form_contact input, form#form_contact textarea, form#form_contact select {
color:#999999;
transition:border 300ms ease-in-out;
transition:box-shadow 300ms ease-in-out;
}
form#form_contact input[type="text"]:hover, form#form_contact input[type="text"]:focus, form#form_contact textarea:hover, form#form_contact textarea:focus, form#form_contact select:hover, form#form_contact select:focus {
/* seb changer la couleur du border et des box shadow */
border: 1px solid #8AAB36;
-webkit-box-shadow: 0px 0px 8px #8AAB36;
-moz-box-shadow: 0px 0px 8px #8AAB36;
box-shadow: 0px 0px 8px #8AAB36;
outline:none;
color:#666666;
}
/*
.form_error {
-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;
color:#999;
-webkit-box-shadow: 0px 0px 8px red;
-moz-box-shadow: 0px 0px 8px red;
box-shadow: 0px 0px 8px red;
}
.form_error:hover, .form_error:focus{
border: 1px solid red;
color:#34aedd;
-webkit-box-shadow: 0px 0px 8px red;
-moz-box-shadow: 0px 0px 8px red;
box-shadow: 0px 0px 8px red;
}
*/
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");}



/* Signature du site */
footer {
width:1200px;
height:20px;
margin:0 auto;
padding:5px 0;
/*position:absolute;
bottom:0px;
left:0;*/
text-align:center;
font-size:0.8rem;
background-color:#9e3fff;
color:#ffffff;
z-index:50;

}
footer div {
width:auto;
float:left;	
text-align:center;
}
footer a {
text-decoration:none;
color:#ffffff;
}
footer a.lien_couleur_normal {
text-decoration:none;
color:#ffffff;
}


/* Classes généralistes */

h2 {
font-size:1.4rem;
line-height:1.4rem;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-bottom:15px;
color:#9e3fff;
letter-spacing:3px;
}
h3 {
font-size:1.1rem;
color:#9e3fff;	
}
hr {
color:transparent;
background:transparent;
border:0;
height:1px;
margin:9px 0 15px 0;
clear:both;
}
img {
vertical-align:middle;
border:0;
}
a {
color:9e3fff;
}
a.lien_sortant::after {
content:"\0000a0[\2197]";
}
li {
margin-left:15px;
}
label.label_checkbox_aligne {
display: block;
padding-left: 15px;
text-indent: -15px;
}
input.checkbox_label_aligne {
width: 13px;
height: 13px;
padding: 0;
margin:0;
vertical-align: bottom;
position: relative;
top: -1px;
*overflow: hidden;
}
p.display_seb {
text-indent:0;
/*padding:10px;*/
/*background-color:#f1f1f1;*/
/*
font-size:13px;
line-height:19px;
*/
margin-bottom:10px;
}
.gauche {
display:block;
text-align:left;
}
.centrer {
display:block;
text-align:center;
}
.droite {
display:block;
text-align:right;
}
.justifier {
display:block;
text-align:justify;
}
.gras {
font-weight:bold;
}
.italique {
font-style:italic;
}
.souligne {
text-decoration:underline;
}
.display_none {
display:none;
}
.float_left {
float:left;
}
.float_right {
float:right;
}
.display_block {
display:block;
}
div.ui_message_erreur {
border: 1px solid #fed22f;
background: #ffe45c url('../images/jquery-ui/ui-bg_highlight-soft_75_ffe45c_1x100.png') 50% top repeat-x;
color:#363636;
margin:0 0 10px 0;
padding: 5px 10px 5px 35px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
position:relative;
}
span.ui_erreur {
position:absolute;
left:10px;
top:7px;
width: 16px;
height: 16px;
background-image: url('../images/jquery-ui/ui-icons_ef8c08_256x240.png');
background-position: 0 -144px;
}
div.ui_message_confirmation {
border: 1px solid #0c8c36;
background: #ffe45c url('../images/jquery-ui/ui-bg_glass_65_ffffff_1x400.png') 50% top repeat-x;
color:#363636;
margin:0 0 10px 0;
padding: 5px 10px 5px 35px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
position:relative;
}
span.ui_confirmation {
position:absolute;
left:10px;
top:7px;
width: 16px;
height: 16px;
background-image: url('../images/jquery-ui/ui-icons_0c8c36_256x240.png');
background-position:-64px -144px;
}
.separateur_30px {
width:100%;
height:30px;
clear:both;
}
.separateur_20px {
width:100%;
height:20px;
clear:both;
}
.separateur {
width:100%;
height:10px;
clear:both;
}
.clear_both {
width:100%;
height:1px;
clear:both;
}
sup {
font-size: 0.6em;
line-height: 0.6em;
}


.backtotopinstance {
    position: fixed;
    right: 50%;
    bottom: 120px;
    margin-right: -675px;
    z-index: 250;
    background:url('../images/scroll_to_top.png') no-repeat center center;
    background-color: #9e3fff;
    border-radius: 10px;
    padding: 25px 25px 24px 24px;
    cursor: pointer;
    display: none;
}


/* Responsive Design */
@media screen and (max-width:1199px) {
header {
margin:0 auto;
text-align:center;	
max-width:100%;
}
div#logo {
float:none;
width:100%;
height:inherit;
text-align:center;
}

div#logo a img {
max-width:100%;
height:auto;	
float:none;
}

aside {
display:none;
}
/* le Menu */

div#bt_menu_responsive {
width:100%;
display:block;	
font-size:1.2rem;
line-height:1.2rem;
vertical-align:middle;
background-color:#ffcc00;
text-align:center;
}
div#bt_menu_responsive a {
display:block;
padding:10px 0;
height:20px;
color:#ffffff;
font-weight:bold;
text-decoration:none;
}

div#menu  {
z-index:2;
width:100%;
height:none;
text-align:center;
display:none;
margin-bottom:10px;	
}

nav #menu ul li {

display:block;
font-size:1.4rem;
font-weight:bold;
background-color:#ffcc00;
vertical-align:center;
text-align:center;	
}

nav #menu ul li a {
color:#ffffff;
padding:10px 0;
height:20px;
margin:2px 0;	
}

nav #menu ul.topnav li ul.subnav {
    width:100%;
    margin: 0 auto;
    border:none;
    position:static;
    display:inline-block;
    text-align:center;
}
nav #menu ul.topnav li ul.subnav li {
    width:100%;
    text-align:center;
}
nav #menu ul.topnav li ul.subnav li a {
    width:100%;
    display:inline-block;
    margin:0;
    padding:0;
    height:auto;
    text-align:center;
    font-size:1.4rem;
    line-height:1.6rem;
}
nav #menu ul.topnav li ul.subnav li a.actif {
    color:red;
}

/* Le Conteneur */
div#conteneur {
width:90%;
min-height:400px;
max-width:1200px;
margin:0 auto;
}

h1 {
text-align:center;	
}

article {
width:96%;
padding:2%;	
}

article > .article_large {
font-size:1.4rem;
}

article > .article_large > h2 {
text-align:center;	
}
article .article_gauche {
float:none;
width:100%;
margin:10px 0;
font-size:1.4rem;
}
article .article_gauche h2 {
text-align:center;
}

article .article_gauche ul {
margin-left:20px;
}
article .article_droite {
float:none;
width:100%;
margin:20px 0 10px 0;
font-size:1.4rem;
}
article .article_droite h2 {
text-align:center;
}

article .article_droite ul {
margin-left:20px;
}

footer {
width:100%;
height:auto;
font-size:1rem;
}

footer div {
float:none;
text-align:center;
}

footer div span.bull {
display:none;	
}

.produit .contenu {
float:none;
width:98%;
margin-top:10px;
}
.produit .photo {
float:none;
text-align:center;
width:100%;
border:none;
}
}

@media screen and (max-width:999px) {
/* passage sur 3 colonnes */
.diaporama img {
padding:1%;
width:30%;
}
}

@media screen and (max-width:799px) {
/* passage sur 2 colonnes */
.diaporama img {
padding:1%;
width:48%;
}
}


/* Responsive Design */
@media screen and (max-width:599px) {
/* Formulaire de Contact */
form#form_contact input[type="text"]#code_postal{width:85%;}
form#form_contact input[type="text"]#ville{ width:85%; margin-top:10px;}
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;}

/* passage sur 1 seule colonne */
.diaporama img {
padding:1%;
width:98%;
}


}