body { max-width:1200px; margin:auto; height:100%; font-family:Raleway;  }
h1 { font-size:20px; }

#logo {font-family:Raleway; font-size:18px; color:#959595; margin-top:10px; text-align:center;}
#logo a { text-decoration:none; color:#959595;}

#retour {font-family:Raleway; font-size:15px; font-weight:bold; color:#959595; vertical-align:bottom; border:0px solid red; margin:auto; margin-top:20px; text-align:center; }
#retour a { text-decoration:none; color:#959595;}
#retour a:hover { text-decoration:none; color:red;}

#menu {display:none;}

#menu-mobile { position:absolute; text-align:left; width:100%; top:0px; border:0px solid blue;}
.lib_menu { margin-left: 25px;}
#menu-tel ul { background:#666; padding:5px; margin-top:0;}
#menu-tel ul li { padding-top:10px; padding-bottom:10px; border-bottom:1px solid #999;}
#menu-tel ul li a { text-decoration:none; color:whitesmoke; font-weight:800; padding-left:15px; font-size:18px;}






#separateur {clear:both; height:5px;}
#container {border:0px solid green; text-align:center; max-height:400px;}
#diapo_container {border:0px solid green; text-align:center; max-height:400px; vertical-align:middle;}
#diapo_container img { position:relative; width:100%;}
#legende {clear:both; text-align:right; font-size:15px; color:#515151; background:#f0f0f0; padding-top:6px; padding-bottom:6px; padding-right:6px; width:95%; margin:auto; margin-top:5px;}

.texte-footer {clear:both; font-size:10px; padding-top:15px; color:#777; text-align:justify; padding-left:3%; padding-right:3%;}

@media only screen and  (max-device-width : 1024px) and (orientation : portrait) {
#footer {clear:both; padding-top:10px; color:#959595; width:100%; margin:auto; height:80px; position:fixed; top:100%; margin:-80px auto 0 auto; background:#fff;}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation:landscape) {
#footer {clear:both; padding-top:10px; color:#959595; width:100%; margin:auto; }
}

#copyright {float:left; font-size:13px; width:100%; text-align:center; margin-top:5px;}
#social {float:right;}
#presentation-rubrique { margin-top:15px;}
#titre-rubrique { text-align:center; font-size:20px; color:#515151; background:whitesmoke; padding-top:7px; padding-bottom:7px; padding-left:14px; text-transform:capitalize;}
#illus-rubrique { margin:auto; width:100%; float:left; text-align:center;}
#text-rubrique  { clear:both; text-align:justify; padding:10px;}

/* adapte les colonnes */
@media only screen and (max-width:1090px) {
#conteneur-photos { clear:both;width:895px; margin:auto;}
}
@media only screen and (max-width:885px) {
#conteneur-photos { clear:both;width:610px; margin:auto;}
}
@media only screen and (max-width:610px) {
#conteneur-photos { clear:both;width:300px; margin:auto;}
}

.photo {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 273px;
    height: 220px;
    float:left;
    margin-top:10px;
    margin-right:25px;
}
.photo * {
    vertical-align: middle;
}

.photo {
    display: block;
}
.photo span {
    display: inline-block;
    height: 100%;
    width: 1px;
}



#menu-mobile {
   position:relative;width:100%; background:#cfcfcf; height:36px; top:0; left:0;
   text-transform:capitalize; font-size:20px; padding-top:8px;
}

.menu-toggle {
    position: absolute;
    width: 61px;
    height:45px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 100;
    float: right;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    -webkit-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
    border:0px solid black;
    cursor:pointer;
}
.menu-toggle .hamburger-icon {
    position: absolute;
    margin-top: -8px;
    margin-left: -11px;
    top: 25;
    left: 50%;
    color: #333333;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    vertical-align: baseline;
    word-wrap: break-word;
}
.bar {
    display: block;
    width: 22px;
    height: 2px;
    background: #333333;
    margin-bottom: 4px;
}
.menu-toggle .icon-pxu-wp-icons-close {
    display: none;
    font-size: 1em;
    margin-top: -9px;
    margin-left: -8px;
}


#diapo_container-diaporama {border:0px solid green; width:100%; margin:auto;}
.v {max-height:500px; border:0px solid blue;}
.l{max-width:100%; border:0px solid red;}
#prec { border:0px solid red; position:absolute; height:500px; width:80px; }
#suiv {border:0px solid red; position:absolute; height:500px; width:80px; }

.textedroits {font-size:11px; padding-top:5px; width:100%; text-align:center;}

#text-rubrique { font-size:15px; }