body { margin: 0; font-family: 'Roboto',sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 14px; font-weight: 300 }

input, select, textarea, .gal_button, #pagination-top a, #pagination-bot a { padding: 3px 6px 2px }
textarea, input, select { width: 100% }
.gal_button { margin: 0 0 0 6px }

/* HEADER */
#header { overflow: hidden; position: relative }
#titre { overflow: hidden; min-height: 24px; margin: 5px 38px 7px 0 }
#header strong { font-family: 'Roboto Condensed',sans-serif; font-weight: 700; font-size: 20px; float: left; margin: 1px 0 -5px 6px }
#header strong a { text-decoration: none }
#localisation { font-family: 'Roboto Condensed',sans-serif; float: left; margin: 8px 0 0 7px; font-size: 0.9em  }
#menulink { display: block; height: 36px; width: 100%; position: absolute; top: 0; left: 0 }
#menulink i { float: right; margin: 7px 7px 0 0 }
.js #menu { display: none }
#menu { font-weight: 400; clear:both; margin: 0; padding: 0 }
#menu li { list-style-type: none; padding: 0 }
#menu li a { display: block; padding: 6px 0 5px 6px; text-decoration: none; text-transform: uppercase; font-size: 0.9em }

/* CORP */
#corp { max-width: 812px; margin: 0 auto } /*814: img 800+bord */
#corp-marge { margin: 1.4em 6px 0 }
#accueil #corp-marge { margin-top: 6px }
#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; padding: 6px; font-size: 0.85em; overflow:auto; margin: 1.4em 0 1.2em }
#footer-toplink { display: block; float: left; margin: -4px 6px 0 0; width: 24px; height: 24px; line-height: 26px; border-radius: 4px }
#footer a { text-decoration: none } 
#stats { margin-bottom: 6px }
#share_buttons_footer { margin-top: 1em }

/* ACCUEIL */
#ac_ph { max-width: 40% }
#ac_ph_fs { width: auto!important }
#ac_gal, #ac_gal_mt { margin: 0 0 6px; padding: 0; text-align: center; line-height: 0 }
#accueil #ac_gal, #accueil #ac_gal_mt { max-height: 71px }
#ac_gal li, #ac_gal_mt li { list-style-type: none; padding: 0 3px 0; display: inline-block; text-align: left }
#ac_gal li img { height: 71px; width:auto }
#ac_gal_mt .img-o  { width: 71px }
#ac_profil { margin: 0 0 1.7em }
#ac_profil dt { width: 90px; float: left }
#ac_profil dd { filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6 }

/* GALERIES */
#ph_accueil h1 { margin-bottom: 0.5em; font-size: 1.1em }
#ph_accueil td { padding: 0 0 1.4em; vertical-align: top; text-align: center }
#ph_accueil .mg { width: 6px }
#ph_accueil .desc { display:none }
#InfoArrowkeys, .pic_info_over { display: none }
.pic_info_conteneur_first, .pic_info_conteneur { max-width: 100% }
.pic_info_conteneur { margin-top: 12px }

/* COMMENTS */
#com .cel-1 { width: 90px }
#com td { padding: 1.5em 0 }
#com .first td { border: none }
#com .cel-2 { padding-left: 1em }

/* BOOK OFF */
#book-off { margin: 0 1em }

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

.erreur { color: red }
.form td { padding: 4px }
.indent { margin-left: 2em }

/* MOBILE PORTRAIT */
@media screen and (max-width: 370px) { 
	#ac_ph { max-width: none; margin:7px 0 1em!important; float:none!important; width: 100%!important }
	#ph_accueil h1 { font-size: 0.9em }
}

/* TABLETTE */
@media screen and (min-width: 600px) {
body { font-size: 15px }
#titre { margin:0 }
#header strong { margin:4px 0 4px 6px; font-weight: 400; font-size: 25px }
#localisation { float:right; margin: 11px 11px 11px 0 }
#menulink { display: none }
.js #menu { display: block !important }
#menu li { font-family: 'Roboto Condensed',sans-serif; font-weight: 400; float: left; border: none!important }
#menu li a { padding: 2px 6px 1px }
#menu li:first-child a { padding-left: 6px }
#menu li:last-child { border-top-right-radius: 4px } /* cyber */
#accueil #ac_gal, #accueil #ac_gal_mt { max-height: 120px } #ac_gal li img { height: 120px } #ac_gal_mt .img-o  { width: 120px }
#ac_profil dt { width: 110px }
#ph_accueil h1 { font-size: 1.2em }
.indent { margin-left: 4em }
}

/* TEXTE */
h1, h2 { font-family: 'Roboto Condensed',sans-serif; font-weight: 300 }

h1 { font-size: 1.2em; margin-bottom: 1.4em }
#accueil h1 { margin-top: 1.4em }

h2 { font-size: 1.1em; margin: 1.4em 0 }

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

hr { display: block; height: 1px; margin: 0; border: 0 }

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: 0 0 1em 1em }
#ac_ph_fs { margin-top: 7px }