body { background-color: #fcfcfc; margin: 0 0 20px; color: #111; font-family: 'Roboto',sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 1em; font-weight: 300 }

img, .border, .iframe iframe, embed { border-radius: 3px }

input, select, textarea, .gal_button { font-family: 'Roboto',sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 1em; font-weight: 300; background-color: #fcfcfc; border: 1px solid #bbb; color: #111; padding: 2px 6px; border-radius: 3px }
.gal_button:hover, input[type="submit"]:hover { border: 1px solid #333; color: #111 }
.gal_button { margin: 0 0 0 6px }
textarea { width: 650px }
input:focus, textarea:focus { border: 1px solid #333; background-color: #f6f6f6 }

/* HEADER */
#header { margin: 0 auto; width: 950px; height: 127px; position:relative }
#header strong { font-weight: 400; position: absolute; left: 0; font-size: 2.7em }
#header strong a { color: #222; text-decoration: none; white-space:nowrap }  /* nowrap ie bug responsive */
#localisation { position: absolute; right: 74px; top: 53px; color: #555; font-size: 0.95em }
#menu { display:block!important; position: absolute; left: -6px; bottom: 7px; margin: 0; padding: 0 }
#menu li { list-style-type: none; background-image: none; float: left; padding: 0 }
#menu a { font-weight: 400; display: block; padding: 2px 8px; margin-right:6px; text-decoration: none; text-transform: uppercase; font-size: 0.95em; border-radius: 3px }
 
/* CORP */
#corp-bg { margin: 0 20px }
#corp { border-top-style: solid; border-top-width: 4px; margin: 0 auto; width: 1150px; max-width: 100% }
#corp-marge { margin: 2.5em  auto; width: 800px }
#submenu { margin: 0 0 1em; padding: 0 }
#submenu li { list-style-type: none; background-image: none; padding: 0; margin: 0 0 0 10px; float: right }

/* FOOTER */
#footer { text-align: center; margin-top: 16px; font-size: 0.9em; color: #555 }
#footer a { text-decoration: none }
#stats { margin-bottom: 8px }
#share_buttons_footer { margin-top: 1em }

/* ACCUEIL */
#ac_gal, #ac_gal_mt { margin: 0; float: right; width: 176px; padding: 0 }
#ac_gal li { list-style-type: none; padding: 0 0 16px 16px; float: left }
#ac_gal_mt li { list-style-type: none; padding: 0 0 10px 10px; float: left }
#ac_gal_mt .img-o  { width: 78px }
#ac_gal img { vertical-align: top }
#ac_profil { margin: 0 0 1.7em }
#ac_profil dt { width: 110px; float: left }
#ac_profil dd { color: #777 }
#mn_conteneur { float: left; width: 624px }

/* GALERIES */
#ph_accueil h1 { margin-bottom: 1em }
#ph_accueil { width: 850px; margin-left: -25px }
.c5 #ph_accueil { width: 900px; margin-left: -50px } /* Font 'Nothing You Could Do' */
#ph_accueil td { padding: 0 0 2em; vertical-align: top; text-align: center; color: #555 }
#ph_accueil .mg { width: 10px }
#ph_accueil .desc { margin-top: 1em; font-size: 0.9em }
.pic_info_conteneur { margin-top: 3em }
#ph_film .selected { border: 1px solid #444; padding: 5px; border-radius: 4px }
.pic_info_over { left: 0; bottom: 0;  }
.pic_info_bg { background-color: #ddd; border-radius: 0 0 3px 3px }
.pic_info a { color: #111 }
 /* bugfix ie11 */
body[UA*='rv:11.0'] .pic_info_bg { border-radius: 0 }
body[UA*='rv:11.0'] .ie11radiusfix { position: absolute; width: 100%; height: 100%; border-radius: 0 0 3px 3px; overflow: hidden }

/* COMMENTS */
#gb-m1 td, #gb-m2 .cel-1, #gb-m2 .cel-2 { border-top: 1px solid #ddd; padding: 1.5em 0 }
#gb-m1 .first td { border: none }
#gb-m1 .cel-2 { padding-left: 2em }
#gb-m2 .cel-1 { border-top: none; padding: 0 0 0.6em }
#gb-m2 .cel-2 { padding: 1em 0 3em 60px }
#gb-m2 img, #gb-m1 img { border-radius: 30px; opacity: 0.8 }

/* BOOK OFF */
#book-off { width: 500px; margin: 70px auto 0 }

/* DIVERS */
#pagination-top, #pagination-bot { text-align: center }
#pagination-top { margin-bottom: 1em }
#pagination-bot { margin-top: 1em }

.erreur { color: red }

.form-l { text-align: right; white-space: nowrap; padding: 4px }
.form-r { padding: 4px }
.indent { margin-left: 60px }

/* TEXTE */

h1 { font-size: 1.5em; margin-bottom: 1.4em; color: #555; font-weight: 300 }
#accueil h1, #photo h1 { margin-top: 1.4em }

h2 { font-size: 1.25em; margin: 1.4em 0; color: #555; font-weight: 300 }

p { margin: 0; line-height: 1.7em }
ul, ol { margin: 8px 0 8px 2em; line-height: 1.7em }
dl { line-height: 1.6em }

hr { margin: 0; border: 0; height: 4px; background: url(hr.gif) repeat 0 0 }

ul li { list-style-type: disc; padding-left: 0.5em }

.f-left { float: left; margin: 7px 1em 1em 0 }
.f-right, #ac_ph { float: right; margin: 7px 0 1em 1em }
#accueil #mn_conteneur { margin-top: -7px }
#ac_ph_fs { margin-top: 7px }

/* TRANSITIONS */
a, input, textarea {
-webkit-transition: background 0.7s ease, border 0.7s ease, color 0.7s ease;
-moz-transition: background 0.7s ease, border 0.7s ease, color 0.7s ease;
-o-transition: background 0.7s ease, border 0.7s ease, color 0.7s ease;
transition: background 0.7s ease, border 0.7s ease, color 0.7s ease;
}

.desc, .share_buttons div {
-webkit-transition: opacity 0.7s ease;
-moz-transition: opacity 0.7s ease;
-o-transition: opacity 0.7s ease;
transition: opacity 0.7s ease;
}

.pic_info_over {
-webkit-transition: opacity 0.7s ease, visibility 0.7s ease;
-moz-transition: opacity 0.7s ease, visibility 0.7s ease;
-o-transition: opacity 0.7s ease, visibility 0.7s ease;
transition: opacity 0.7s ease, visibility 0.7s ease;
}