/* DEACTIVATE BOOTSTRAP LG */
@media (min-width: 1200px) { .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 970px; } .row-fluid { width: 100%; zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; line-height: 0; } .row-fluid:after { clear: both; } .row-fluid [class="span"] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.127659574468085%; margin-left: 2.074468085106383%; } .row-fluid [class="span"]:first-child { margin-left: 0; } .row-fluid .controls-row [class="span"] + [class="span"] { margin-left: 2.127659574468085%; } .row-fluid .span12 { width: 100%; width: 99.94680851063829%; } .row-fluid .span11 { width: 91.48936170212765%; width: 91.43617021276594%; } .row-fluid .span10 { width: 82.97872340425532%; width: 82.92553191489361%; } .row-fluid .span9 { width: 74.46808510638297%; width: 74.41489361702126%; } .row-fluid .span8 { width: 65.95744680851064%; width: 65.90425531914893%; } .row-fluid .span7 { width: 57.44680851063829%; width: 57.39361702127659%; } .row-fluid .span6 { width: 48.93617021276595%; width: 48.88297872340425%; } .row-fluid .span5 { width: 40.42553191489362%; width: 40.37234042553192%; } .row-fluid .span4 { width: 31.914893617021278%; width: 31.861702127659576%; } .row-fluid .span3 { width: 23.404255319148934%; width: 23.351063829787233%; } .row-fluid .span2 { width: 14.893617021276595%; width: 14.840425531914894%; } .row-fluid .span1 { width: 6.382978723404255%; width: 6.329787234042553%; } .row-fluid .offset12 { margin-left: 104.25531914893617%; margin-left: 104.14893617021275%; } .row-fluid .offset12:first-child { margin-left: 102.12765957446808%; margin-left: 102.02127659574467%; } .row-fluid .offset11 { margin-left: 95.74468085106382%; margin-left: 95.6382978723404%; } .row-fluid .offset11:first-child { margin-left: 93.61702127659574%; margin-left: 93.51063829787232%; } .row-fluid .offset10 { margin-left: 87.23404255319149%; margin-left: 87.12765957446807%; } .row-fluid .offset10:first-child { margin-left: 85.1063829787234%; margin-left: 84.99999999999999%; } .row-fluid .offset9 { margin-left: 78.72340425531914%; margin-left: 78.61702127659572%; } .row-fluid .offset9:first-child { margin-left: 76.59574468085106%; margin-left: 76.48936170212764%; } .row-fluid .offset8 { margin-left: 70.2127659574468%; margin-left: 70.10638297872339%; } .row-fluid .offset8:first-child { margin-left: 68.08510638297872%; margin-left: 67.9787234042553%; } .row-fluid .offset7 { margin-left: 61.70212765957446%; margin-left: 61.59574468085106%; } .row-fluid .offset7:first-child { margin-left: 59.574468085106375%; margin-left: 59.46808510638297%; } .row-fluid .offset6 { margin-left: 53.191489361702125%; margin-left: 53.085106382978715%; } .row-fluid .offset6:first-child { margin-left: 51.063829787234035%; margin-left: 50.95744680851063%; } .row-fluid .offset5 { margin-left: 44.68085106382979%; margin-left: 44.57446808510638%; } .row-fluid .offset5:first-child { margin-left: 42.5531914893617%; margin-left: 42.4468085106383%; } .row-fluid .offset4 { margin-left: 36.170212765957444%; margin-left: 36.06382978723405%; } .row-fluid .offset4:first-child { margin-left: 34.04255319148936%; margin-left: 33.93617021276596%; } .row-fluid .offset3 { margin-left: 27.659574468085104%; margin-left: 27.5531914893617%; } .row-fluid .offset3:first-child { margin-left: 25.53191489361702%; margin-left: 25.425531914893618%; } .row-fluid .offset2 { margin-left: 19.148936170212764%; margin-left: 19.04255319148936%; } .row-fluid .offset2:first-child { margin-left: 17.02127659574468%; margin-left: 16.914893617021278%; } .row-fluid .offset1 { margin-left: 10.638297872340425%; margin-left: 10.53191489361702%; } .row-fluid .offset1:first-child { margin-left: 8.51063829787234%; margin-left: 8.404255319148938%; } }

/*	RESET CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/* GLOBAL */
body { font-family: 'PT Sans', Helvetica, sans-serif; font-size: 12px; color: #222; background: #fff; padding-bottom: 20px; }
::selection      { background: transparent; color: #3f3f3f; }
::-moz-selection { background: transparent; color: #3f3f3f; }
#col_gauche a, #col_gauche a:link, #col_gauche a:visited { text-decoration: underline; color: #222; }
#col_gauche a:hover { text-decoration: none; }
#col_droite { text-align: right; }

.strong { font-weight: bold; }
hr { border: 0px; background-color: #222; height: 1px; margin: 20px 0px 20px 0px; }
.clear { clear: both; }
.vignette { display: inline-block; width: 100px; height: 100px; background-position: 0px 0px; background-size: cover; opacity: 0.4; cursor: pointer; margin-bottom: -5px; }
.vignette:hover { opacity: 0.8; }
.vignette.selected { border: 5px solid #fff; opacity: 0.8; }

p { margin-bottom: 0.5em; }
h1 { font-size: 36px; font-family: 'Lato'; font-weight: 900; letter-spacing: 1px; margin-right: -1px; text-transform: uppercase; text-align: center; }
h2, h3 { font-size: 11px; font-family: 'Lato'; font-weight: 300; letter-spacing: 8px; margin-right: -8px; text-transform: uppercase; text-align: center; line-height: 20px; }
	h2 a { color: #333; text-decoration: none; padding: 2px 1px 3px 8px; border-bottom: 3px solid #222; }
	h2 a:hover, h2 a.selected { background: #222; color: #fff; text-decoration: none;  border-bottom: 0px; }
	h2 span { margin-left: 9px; }
h3 { text-align: left; margin-top: 10px; }
#tarifs_result { display: none; text-align: right; font-weight: bold; }

#photo_fakebg { background-size: cover; background-position: top center; }
#photo { display: block; margin: 0px auto 0px auto; height: 626px; background-size: cover; background-position: top center; background-repeat: no-repeat; }
#precedente { display: block; height: 626px; width: 49%; float: left; }
#suivante { display: block; height: 626px; width: 49%; float: right; }
#precedente:hover { background: url('images/photo-precedente.png') no-repeat left 25px; background-size: 100px 100px; background-position: left bottom; }
#suivante:hover { background: url('images/photo-suivante.png') no-repeat 25px; background-size: 100px 100px; background-position: right bottom; }
body.mobile #precedente:hover { background-image: none; }
body.mobile #suivante:hover { background-image: none; }
#footer { margin-top: 20px; border-top: 1px solid #222; padding-top: 4px; font-size: 10px; font-family: 'Lato'; font-weight: 300; text-transform: uppercase; text-align: right; }
#footer a, #footer a:link, #footer a:visited { text-decoration: none; color: #222; }
#footer a:hover { text-decoration: underline; }
#footer_left { float: left; text-align: left; }

/* RESPONSIVE */
@media screen and (max-width: 1199px) { /* MD */
	#photo_fakebg, #photo { height: 626px; }
}
@media screen and (max-width: 991px) { /* SM */
	#photo_fakebg, #photo { height: 480px; }
	#precedente, #suivante { height: 480px; }
}
@media screen and (max-width: 767px) { /* XS */
	#col_droite { text-align: center; }
	#precedente:hover, #suivante:hover { background-size: 70px 70px; }
}