body { max-width:1200px; margin:auto; height:100%; font-family:Raleway; text-align:center;  }
img {border:0;}
@media only screen {
#logo {font-family:Raleway; font-size:30px; color:#959595; float:left; height:53px; vertical-align:bottom; border:0px solid red; margin-top:10px; }
#logo a { text-decoration:none; color:#959595;}
}
#retour {font-family:Raleway; font-size:20px; font-weight:bold; color:#959595; float:right; height:43px; vertical-align:bottom; border:0px solid red; margin-top:20px; }
#retour a { text-decoration:none; color:#959595;}
#retour a:hover { text-decoration:none; color:red;}


#menu {float:right; border:0px solid black; height:53px; margin-top:5px; display:block;}
#menu-mobile {display:none;}
#separateur {clear:both; height:5px;}
#container {border:0px solid green; text-align:center; height:75%; max-height:600px;}
#diapo_container {border:0px solid green; text-align:center; height:100%; max-height:600px;}
#diapo_container img { position:relative; vertical-align:middle; height:100%; max-height:600px; max-width:1200px;}
.texte-footer {clear:both; font-size:10px; padding-top:15px; color:#777; text-align:justify; padding-left:1%; padding-right:1%;}
#container-rubrique {border:0px solid green; text-align:center; float:left; width: 100%;}
#titre-rubrique {text-align:left; font-size:20px; color:#515151; background:#f0f0f0; padding-top:10px; padding-bottom:10px; padding-left:14px; text-transform:capitalize;}
#presentation-rubrique { margin-top:15px; text-align:left; float:left;}
#legende { text-align:right; font-size:15px; color:#515151; background:#f0f0f0; padding-top:14px; padding-bottom:14px; padding-right:14px;}
#footer {margin-top:10px; color:#959595;}
#copyright {float:left;}
#social {float:right;}
#dd > li a,
#dd > li li a { display:block; text-decoration:none;font-size:15px; color:#959595; }
#dd > li a {-webkit-transition-property: color;-webkit-transition-duration: 0.3s;-webkit-transition-timing-function: ease-in;-moz-transition-property: color;-moz-transition-duration: 0.3s;-moz-transition-timing-function: ease-in;transition-property: color;transition-duration: 0.3s;transition-timing-function: ease-in;}
#dd > li a::before {content:""; position:relative; left:0; color:#959595;margin-right:6px;margin-left:6px;}
#dd > li li a::before {content:""; margin-left:0px;}
#dd > li{position:relative; display:inline-block;list-style:none;}
#dd > li li {width:200px;position: relative;padding: 6px 15px;background-color: #777;list-style:none;z-index:10;}
#dd > li li { background: #333333 none; }
#dd > li li a {color: #959595; font-size:13px;}
#dd > li a:hover {color:red;}
#dd > li li:hover { background:#222222; }
#dd ul {position: absolute;top: 2em; left:0;max-height:0em;	margin:0; padding:0;background-color:#ddd;overflow:hidden;transition: 0.6s max-height 0s;}
#dd>li:hover ul { max-height:12em; }
#illus-rubrique { margin:auto; margin-right:20px; float:left; }

/*-*-*-*-*-*-*-*-*-*-*-*/
/* adapte les colonnes */
#conteneur-photos {clear:both; width:100%; margin-bottom:25px;}
@media only screen and (max-width:1192px) {
body { max-width:1000px;}
#logo {font-family:Raleway; font-size:25px; color:#959595; float:left; }
#conteneur-photos { clear:both;width:920px; margin:auto; }
#container-rubrique { clear:both; width:950px; left:50%; margin-left:-475px; position:relative;}
}
/*-*-*-*-*-*-*-*-*-*-*-*/

.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;
}


.photo IMG {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.photo IMG:hover {
  -webkit-transform: rotate(-2deg);
     -moz-transform: rotate(-2deg);
       -o-transform: rotate(-2deg);
      -ms-transform: rotate(-2deg);
          transform: rotate(-2deg);
}



#container-diapo { clear:both; }

#logo-diapo {font-family:Raleway; font-size:20px; color:#959595; float:left; height:25px; vertical-align:bottom; margin-top:0px; }
#logo-diapo a {text-decoration:none; color:#959595; }


#diapo_container-diaporama {border:0px solid green; width:100%; max-width:1200px; height:800px;}
.v {max-height:800px; border:0px solid blue;}
.l{max-width:1200px; border:0px solid red;}
#prec { border:0px solid red; position:absolute; height:800px; width:200px; }
#suiv {border:0px solid red; position:absolute; height:800px; width:200px; margin-left:1000px; }

.textedroits {font-size:11px; padding-top:5px;}

@media only screen and (max-width:1260px) {
#diapo_container-diaporama {border:1px solid green; width:100%; max-width:1000px; height:625px; margin:auto;}
.v {max-height:580px; border:0px solid blue;}
.l{max-width:1000px; border:0px solid red;}
#prec { border:1px solid red; position:absolute; height:580px; width:200px; }
#suiv {border:1px solid red; position:absolute; height:580px; width:200px; margin-left:800px; }
}