@charset "UTF-8";
/* CSS Document */
* {margin:0; padding:0;}
html {height:100%; width:100%;}

body {width:100%; height:100%; background-color:#d0d0d0;}
body>.menu {position:fixed;}

/* Personnalisation de l'accueil */
#corps {position:absolute; width:100%; height:100%; background-image:url(images/img_fond.jpg); background-position:center center; background-repeat:no-repeat; background-attachment:fixed;}
#contenu {position:absolute; width:100%; height:100%; margin-top:auto; margin-bottom:auto;}
#img_logo {display:block; border:0; margin-left:auto; margin-right:auto; margin-top:5%;}
#txt_presentation {color:#ffffff; font-size:20px; font-family:Arial, Verdana, sans-serif; text-align:center; margin-top:4%;}
.btn a {width:300px; height:auto; text-align:center; text-decoration:none; font-family:'Roboto-Condensed', Arial; margin-top:4%; margin-left:auto; margin-right:auto; padding:15px 0px; display:block; border: 1px solid #ffffff; color:#ffffff; font-size:24px;}
.btn a:hover {padding:15px 0px; display:block; text-decoration:none; border: 1px solid #ffffff; color:#0dc3c4; font-size:24px; text-align:center; background-color:#ffffff;}
.btn a:visited {padding:15px 0px; display:block; text-decoration:none;}
#log_bloc {width:100%; text-align:center; margin-top:20px;}
input[type="text"] {width:280px; padding:10px; font-size:18px; color:#ffffff; font-family:'Roboto-Condensed', Arial; border-top:none; border-left:none; border-right:none; border-bottom: 2px solid #ffffff; background:none;}
input[type="submit"] {width:300px; height:auto; text-align:center; text-decoration:none; font-family:'Roboto-Condensed', Arial; margin-top:4%; margin-left:auto; margin-right:auto; padding:15px 0px; display:block; border: 1px solid #ffffff; color:#ffffff; font-size:24px; background:none; font-weight:bold;}
input[type="submit"]:hover {padding:15px 0px; display:block; text-decoration:none; border: 1px solid #ffffff; color:#0dc3c4; font-size:24px; text-align:center; background-color:#ffffff;}

/* Personnalisation de la pop-up */
#popup_contenu {position:absolute; width:100%; height:100%; background-color:#0dc3c4; display:block; margin-top:50px; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; visibility:hidden;}
#popup_texte {padding: 20px 20px; text-align:center; font-family:Arial, Verdana, sans-serif; font-size:16px;}
.btn_fermer {position:absolute; bottom:0; width:100%; height:auto; text-align:center; text-decoration:none; font-family:'Roboto-Condensed', Arial; margin-top:4%; margin-left:auto; margin-right:auto; padding:15px 0px; display:block; border: 1px solid #ffffff; color:#ffffff; font-size:24px;}
.btn_fermer:hover {padding:15px 0px; display:block; text-decoration:none; border: 1px solid #ffffff; color:#0dc3c4; font-size:24px; text-align:center; background-color:#ffffff;}

/* Personnalisation infowindow */
.txt_infowindow {text-align:center; color:#ffffff; font-size:24px;}
.btn_infowindow {width:200px; height:auto; text-align:center; text-decoration:none; font-family:Arial, Verdana, sans-serif; margin-top:2%; margin-left:auto; margin-right:auto; padding:5px 0px; display:block; border: 1px solid #0dc3c4; color:#ffffff; font-size:24px; background-color:#0dc3c4;}
.btn_infowindow:hover {padding:5px 0px; display:block; text-decoration:none; border: 1px solid #0dc3c4; color:#0dc3c4; font-size:24px; text-align:center; background-color:#ffffff;}
.btn_infowindow:visited {padding:5px 0px; display:block; text-decoration:none; border: 1px solid #0dc3c4; color:#0dc3c4; font-size:24px; text-align:center; background-color:#ffffff;}
.de-link {width:200px; margin-left:auto; margin-right:auto; text-decoration:none; font-family:Arial, Verdana, sans-serif; color:#474747; font-size:18px; text-align:center;}
.de-link:hover {text-decoration:none; font-family:Arial, Verdana, sans-serif; color:#0dc3c4; font-size:18px; text-align:center; font-weight:bold;}
.de-link:visited {text-decoration:none; font-family:Arial, Verdana, sans-serif; color:#eeeeee; font-size:18px; text-align:center;}
.btn_validation {width:200px; height:auto; text-align:center; text-decoration:none; font-family:Arial, Verdana, sans-serif; margin-top:2%; margin-left:auto; margin-right:auto; padding:5px 0px; display:block; border: 1px solid #0dc3c4; color:#ffffff; font-size:24px; background-color:#0dc3c4;}
.btn_validation:hover {padding:5px 0px; display:block; text-decoration:none; border: 1px solid #0dc3c4; color:#0dc3c4; font-size:24px; text-align:center; background-color:#ffffff;}
.btn_validation:visited {padding:5px 0px; display:block; text-decoration:none; border: 1px solid #0dc3c4; color:#0dc3c4; font-size:24px; text-align:center; background-color:#ffffff;}

/* Positionnement du Header - Menu */
.menu {width:100%; height:50px; top:0; background-color:#d0d0d0;}
#menu_conteneur {margin-left:auto; margin-right:auto; background-color:#ffffff; color:#474747;}
#menu_infos {float:right; text-align:right; margin-top:-40px; margin-right:20px; font-size:16px; color:#000000;}

#map {position:absolute; width:100%; height:100%; display:block; padding-top:50px;}

/* Gestion polices exterieures */
@font-face {
    font-family: 'HelveticaThin';
    src: url('fonts/HelveticaNeueLTStd-UltLtCn.otf');
    font-weight: normal;
    font-style: normal;
} 

/* Large desktop */
@media (min-width: 1200px) { ... }
     
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

}
     
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

}
     
/* Landscape phones and down */
@media (max-width: 480px) {

}