body { margin: 0 0 15px; text-align: center; font-family: 'Roboto',sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 15px; color: #eee; font-weight: 300 }

input, select, textarea, .gal_button { padding: 3px 6px; background-color: #ccc; border: 1px solid transparent; color: #000 }
.gal_button:hover, input[type="submit"]:hover { color: #000; background-color: #fff }
.gal_button { margin: 6px; margin-left:0!important }
input:focus, textarea:focus { background-color: #fff }

#page { margin: 0 auto; width: 844px }
/* HEADER */
#header { height: 136px; position:relative }
#header strong { position: absolute; left: 0; font-weight: 400 }
#header strong a { text-decoration: none; color: #fff!important }
#localisation { position: absolute; right: 0; top: 50px; color: #ccc; font-family: 'Roboto Condensed',sans-serif; color: #fff }
#menu { font-family: 'Roboto Condensed',sans-serif; display:block!important; position: absolute; bottom: 0; left:0; margin: 0 0 6px; padding: 0; width:100%; border-radius: 1px }
#menu li { list-style-type: none; float: left; margin: 0; padding: 0 }
#menu li a { display: block; padding: 9px 0 8px 24px; text-decoration: none; font-size: 1.05em; text-transform: uppercase }
#menu li:first-child a { padding-left: 22px }

/* CORP */
#corp { text-align: left; padding: 22px; border-radius: 1px }
#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: 14px; font-size: 0.9em }
#footer a { text-decoration: none }
#stats { margin-bottom: 10px }
#share_buttons_footer { margin-top: 1em }

/* ACCUEIL */
#ac_gal, #ac_gal_mt { margin: 0; float: right; width: 176px; padding: 0 }
#ac_gal li { padding: 0 0 16px 16px; margin:0; float: left }
#ac_gal_mt li { padding: 0 0 10px 10px; margin:0; 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 { opacity: 0.6 }
#mn_conteneur { float: left; width: 624px }

/* GALERIES */
#ph_accueil td { padding: 0 0 25px; vertical-align: top; text-align:center }
#ph_accueil .mg { width: 22px }
#ph_accueil .desc { margin-top: 8px; font-size: 0.9em }
.pic_info_conteneur { margin-top: 22px }
.pic_info_over { left: 0; bottom: 0 }

/* COMMENTS */
#com td { border: 1px solid }
#com p { padding: 1em } /*bug chrome td padding + table fixed*/

/* BOOK OFF */
#book-off { width: 500px; padding: 10px; margin: 70px auto 0; text-align: left }

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

.erreur { color: #f03 }

.form td { padding: 6px }
.form-100 .form-l { padding-left: 30px }
.form-l, .cel-1 { background: rgba(255, 255, 255, .07) }
.form-r, .cel-2 { background: rgba(255, 255, 255, .14) }

[class^="icon-"]:before, [class*=" icon-"]:before { color: #fff }
.icon-shadow { text-shadow: 0 0 2px rgba(0,0,0,0.7) }

/* TEXTE */

h1 { font-size: 1.2em; padding: 8px 12px; margin-bottom: 1.4em; font-weight:300; border-radius: 1px }
#accueil h1 { margin-top: 1.4em }

h2 { font-size: 1.1em; padding: 0 16px; margin: 1.4em 0; font-weight: 300 }
h2::before { content: "\0025B6"; display: block; float: left; margin: -0.15em 0.5em 0 -1em  }

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 }

ul li { list-style-type: none; margin-left: 1em }
ul:not([id]) li::before { content: "\0025FC"; display: block; float: left; margin: -0.15em 0.5em 0 -1em  }

a { color: #fff }
a:hover	{ color: #C1C133 }

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