/*  */
body { background-color: #090909; margin: 0 0 20px; font-family: 'Roboto',sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 15px; color: #e0e0e0; font-weight: 300 }

input, select, textarea, .gal_button { padding: 1px 6px; background-color: #090909; border: 1px solid #444; color: #e0e0e0 }
.gal_button:hover, input[type="submit"]:hover { border: 1px solid #aaa; color: #e0e0e0 }
.gal_button { margin: -2px 0 0 6px }
input:focus, textarea:focus { border: 1px solid #aaa; background-color: #222 }

/* HEADER */
#header { margin: 0 auto; width: 920px; height: 130px; position:relative }
#header strong { position: absolute; left: 0; font-weight: 400 }
#header strong a { text-decoration: none }
#localisation { position: absolute; right: 0; top: 45px; color: #777; font-family: 'Roboto Condensed',sans-serif }
#menu { display:block!important; position: absolute; bottom: 0; left:-16px; margin: 0 0 24px; padding: 0 }
#menu li { list-style-type: none; float: left; padding: 0 }
#menu li a { display: block; padding: 0 18px; text-decoration: none; text-transform: uppercase; font-size: 0.9em; color: #f0f0f0; font-weight:500 }
#menu li a:hover { background-color: #333 }

/* CORP */
#corp { margin: 0 auto; width: 800px }
#submenu { margin: 0 0 1em; padding: 0 }
#submenu li { list-style-type: none; padding: 0; margin: 0 0 0 10px; float: right }

/* FOOTER */
#footer { font-family: 'Roboto Condensed',sans-serif; text-align: center; margin-top: 3em; font-size: 0.9em; color: #777 }
#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: #909090 }
#mn_conteneur { float: left; width: 624px }

/* GALERIES */
#ph_accueil h1 { margin-bottom: 1em }
#ph_accueil td { padding: 0 0 2em; vertical-align: top; text-align: center; color: #777 }
#ph_accueil .mg { width: 50px }
#ph_accueil .desc { margin-top: 1em; font-size: 0.9em }
.pic_info_conteneur { margin-top: 2.5em }
.pic_info_over { left: 0; bottom: 0 }
.pic_info_bg { background-color: #444 }
.pic_info, .pic_info a { color: #fff }

/* COMMENTS */
#gb-m1 td, #gb-m2 .cel-1, #gb-m2 .cel-2 { border-top: 1px solid #333; 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 3px }
#gb-m2 .cel-2 { padding: 1em 0 3em 60px }

/* 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 td { padding: 4px }

#lb { background: #090909 }
[class^="icon-"]:before, [class*=" icon-"]:before { color: #e0e0e0 }
.icon-shadow { text-shadow: 0 0 2px rgba(0,0,0,0.4) }

/* ALIGNEMENT */
#accueil #menu { margin: 10px 0 24px } /* pas de h1 en haut */

/* TEXTE */

h1 { font-size: 1.4em; margin-bottom: 1.4em; color: #777; font-weight: 400 }
#accueil h1 { margin-top: 1.4em }

h2 { font-size: 1.2em; margin: 1.4em 0; color: #777; font-weight: 400 }

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

hr { display: block; height: 1px; margin: 0; border: 0; border-top: 1px dashed #555 }

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

a { color: #777 }

strong { font-weight: 500 }

.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.4s ease, border 0.4s ease, color 0.4s ease;
-moz-transition: background 0.4s ease, border 0.4s ease, color 0.4s ease;
-o-transition: background 0.4s ease, border 0.4s ease, color 0.4s ease;
transition: background 0.4s ease, border 0.4s ease, color 0.4s ease;
}

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

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