/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, nav, section, details, summary {display: block;}

/* Handle box-sizing while better addressing child elements:
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */

/* Responsive images and other embedded objects
*/
img,
object,
embed {max-width: 100%;}

/*
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
	 In fact, it *will* cause problems with Google Maps' controls at small size.
	If this is the case for you, try uncommenting the following:
#map img {
		max-width: none;
}
*/

/* force a vertical scrollbar to prevent a jumpy page */
/*html {overflow-y: scroll;}*/

/* we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;outline: 0;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

/*input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}
*/
select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: top;}

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button,
input[type=button] {width: auto; overflow: visible;}

/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.text11 {
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #333333;
}

iframe#iframe_chargement{display: none;}

#chargement_encours{width: 450px;height: 154px;position: absolute;z-index: 9999;margin: auto;left: 0;right: 0;top: 0;bottom: 0;display: block;text-align: center;display:none;}
#chargement_encours div#close{right: 1px;top:0px;position: absolute;margin: 0;z-index: 9999;}

#loaderFiltres{display:none;position: absolute;background: white;width: 250px;height: 42px;z-index: 2043;margin: auto;left: 0;right: 0;top: 0;bottom: 0;text-align: center;line-height: 30px;}

.progress-bar {height: 12px;}        
.progress-bar span {display: block;height: 100%;background-color: #000000;
            -webkit-transition: width .4s ease-in-out;
			-moz-transition: width .4s ease-in-out;
			-ms-transition: width .4s ease-in-out;
			-o-transition: width .4s ease-in-out;
			transition: width .4s ease-in-out;		
        }
		
		/*---------------------------*/			
		
        .gray span {
            background-color: dimgrey;   
        }	
		
		/*---------------------------*/		
		
		.stripes span {
            -webkit-background-size: 30px 30px;
            -moz-background-size: 30px 30px;
            background-size: 30px 30px;		
            width: 100%;	
			background-image: -webkit-gradient(linear, left top, right bottom,
								color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),
								color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),
								color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),
								to(transparent));
            background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                                transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                                transparent 75%, transparent);
            background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                                transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                                transparent 75%, transparent);
            background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                                transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                                transparent 75%, transparent);
            background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                                transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                                transparent 75%, transparent);
            background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                                transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                                transparent 75%, transparent);            
            
            -webkit-animation: animate-stripes 0.7s linear infinite;
            -moz-animation: animate-stripes 0.7s linear infinite;
            border-top: 0;	
		}
        
        @-webkit-keyframes animate-stripes { 
			0% {background-position: 0 0;} 100% {background-position: 60px 0;}
        }
        
        
        @-moz-keyframes animate-stripes {
			0% {background-position: 0 0;} 100% {background-position: 60px 0;}
        }



/* + -----------------------------------------------------
	Fin reset
+ ----------------------------------------------------- */



/* + -----------------------------------------------------
	Float and clear and diplay
+ ----------------------------------------------------- */
	.floatingLeft, .pull-left{float:left;}
	.floatingRight,.pull-right{float:right;}
	.clearfix { zoom: 1; }
    .clearfix:before,
    .clearfix:after { content: ""; display: table; }
    .clearfix:after { clear: both; }


	.inline{display: inline;}
	.inline-block{display: inline-block;}
	.block{display: block;}

	.text-alignR{text-align: right}
	.text-alignL{text-align: left}
	.text-alignC{text-align: center}

	.row{min-width: 1px;width: auto;max-width: 100%;margin: 0 auto;}
	.column, .columns{display: block;margin-bottom:1.6%;}

	.column.alpha, .columns.alpha {margin-left: 0;}
	.column.omega, .columns.omega {margin-right: 0;}

	.twelve, .row .twelve {width: 100%;}
	.eleven, .row .eleven {width: 100%;}
	.ten, .row .ten       {width: 100%;}
	.nine, .row .nine     {width: 100%;}
	.eight, .row .eight   {width: 100%;}
	.seven, .row .seven   {width: 100%;}
	.six, .row .six       {width: 100%;}
	.five, .row .five     {width: 100%;}
	.four, .row .four     {width: 100%;}
	.three, .row .three   {width: 100%;}
	.two, .row .two       {width: 100%;}
	.one, .row .one       {width: 100%;}

	.table{display: table;width: 100%}
	.table-row{display: table-row;}
	.table-cell{display: table-cell;}
	
/* + -----------------------------------------------------
	Fin float and clear
+ ----------------------------------------------------- */

/* + -----------------------------------------------------
	Border
+ ----------------------------------------------------- */
	.noBorder{border:none;}
	.BorderTop{border-top: solid #D8D8D8 1px;}
	.BorderBottom{border-bottom: solid #D8D8D8 1px;}
	.BorderRight{border-right: solid #D8D8D8 1px;}
	.BorderLeft{border-left: solid #D8D8D8 1px;}

	hr{height: 1px;border: 0;background: #DDD;margin: 20px 0;}
	
/* + -----------------------------------------------------
	Fin Border
+ ----------------------------------------------------- */



/* + -----------------------------------------------------
	Globals
+ ----------------------------------------------------- */

	*,
	*:after,
	*:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	
	html, body, #container, #content{min-height: 100%;height:100%;font-family:Arial, sans-serif;color:#231f20;font-size: 14px;line-height: 1;}
	body{overflow-x: hidden;background:#fff;}
	a{color:#6d6d6d;text-decoration: none;}
	a:hover, a.active{color:black;}
	
	.formerreur{color:red;}

	img{max-width: 100%;height: auto;}

	.container{padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}

	
	.iphone{display: inline-block;}
	.ipad{display: none;}
	.desktop{display: none;}

	input[type=button], input[type=submit],.button{background-color: #6d6d6d;background-repeat: no-repeat;border: 0;cursor: pointer;color: white;padding : 5px;display:inline-block;}
	input[type=button]:hover, input[type=submit]:hover,.button:hover{background-color: #202123;}
	.form-field {	border: 1px solid #D8D8D8;background: #FFF;color: #000;-webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 0px 0, inset rgba(0, 0, 0, 0.7) 0 0px 0px;
					-moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(000,000,000,0.7) 0 0px 0px;box-shadow: rgba(255, 255, 255, 0.4) 0 0px 0, inset rgba(0, 0, 0, 0.7) 0 0px 0px;
					padding: 3px;
	}

	input:-webkit-autofill {
    	-webkit-box-shadow: 0 0 0px 1000px white inset;
	}

	.field{position: relative;height: 40px;padding: 0px 0 0px 0;margin-bottom: 14px;}
	.field::after, .field::before{content: '';height: 1px;width: 100%;position: absolute;bottom: 0px;left: 0;background-color: #E6E6E6;}
	.field::after{background-color: #231f20;transform: scaleX(0);transition: transform 0.3s;}

	.field-label{position: relative;margin: 0;display: block;color: #BFBFBF;line-height: 0px;font-weight: 400;transform: translateY(24px);transition: transform 0.3s, color 0.3s;transform-origin: 0 50%;}
	.field-label.error{color:red;}

	.has-label .field-label{transform: translateY(0);}
	.is-focused .field-label{color: #231f20;}
	.field.is-focused::after{transform: scaleX(1);}
	
	.field-input{position: relative;display: block;width: 100%;height: 32px;background: rgba(0, 0, 0, 0);border: none;-webkit-appearance: none;outline: none;top: 6px;-moz-appearance: none;text-indent: 0.01px;text-overflow: '';}
	.dropdown::before{content: '';width: 0;height: 0;border-left: 6px solid rgba(0, 0, 0, 0);border-right: 6px solid rgba(0, 0, 0, 0);border-top: 6px solid #BFBFBF;position: relative;float: right;top: -12px;z-index: -1;}

	.small-x{font-size:0.71428571rem;}
	.small{font-size:0.85714286rem;}
	.medium{font-size:1rem;}
	.big{font-size:1.14285714rem;}
	.big-x{font-size:1.28571429rem;}
	
	.bold{font-weight: bold;}
	.capitalize{text-transform: capitalize;}

	.form-field-small-xx{width: 30px;}
	.form-field-small-x{width: 60px;}
	.form-field-small{width: 90px;}
	.form-field-medium{width: 120px;}
	.form-field-large{width: 150px;}
	.form-field-large-x{width: 220px;}
	.form-field-large-xx{width: 260px;}
	.form-field-large-xxx{width: 300px;}

	.ico {background-image: url(../img/spritesheet.png);background-repeat: no-repeat;display: inline-block;cursor: pointer;}
	
	.ico.commander_panier {width: 22px;height: 22px;background-position: -10px -10px;}
	.ico.contact {width: 22px;height: 22px;background-position: -52px -10px;}
	.ico.contact.active, .ico.contact:hover { width: 22px;height: 22px;background-position: -94px -10px;}
	.ico.fb {width: 22px;height: 22px;background-position: -10px -52px;}
	.ico.search {width: 22px;height: 22px;background-position: -10px -94px;}
	.ico.help {width: 22px;height: 22px;background-position: -52px -52px;}
	.ico.help.active, .ico.help:hover {width: 22px;height: 22px;background-position: -97px -52px;}
	.ico.imprimer_panier {width: 22px;height: 22px;background-position: -52px -94px;}
	.ico.nouveau_panier {width: 22px;height: 22px;background-position: -94px -94px;}
	.ico.renommer_panier {width: 22px;height: 22px;background-position: -136px -10px;}
	.ico.supprimer_panier {width: 22px;height: 22px;background-position: -136px -52px;}
	.ico.telecharger_panier {width: 22px;height: 22px;background-position: -10px -178px;}
	.ico.user {width: 22px;height: 22px;background-position: -136px -94px;}
	.ico.user.active, .ico.user:hover {width: 22px;height: 22px;background-position: -10px -136px;}
	.ico.vider_panier {width: 22px;height: 22px;background-position: -52px -136px;}
	.ico.vimeo {width: 22px;height: 22px;background-position: -94px -136px;}
	.ico.voir_panier {width: 22px;height: 22px;background-position: -136px -136px;}

	.ico.DlTbl{width: 22px;height: 22px;background-position: -52px -177px;}
	.ico.DlTblW{width: 22px;height: 22px;background-position: -178px -93px;}
	.ico.addTbl{width: 22px;height: 22px;background-position: -94px -177px;}
	.ico.addTblW{width: 22px;height: 22px;background-position:-178px -136px;}
	.ico.removeTbl{width: 22px;height: 22px;background-position: -136px -220px;}
	.ico.removeTblW{width: 22px;height: 22px;background-position:-178px -175px;}
	.ico.PrintTbl{width: 22px;height: 22px;background-position: -136px -177px;}
	.ico.InfoTbl{width: 22px;height: 22px;background-position: -10px -262px;}
	.ico.InfoTblW{width: 22px;height: 22px;background-position:-178px -52px;}
	.ico.geolocTbl{width: 22px;height: 22px;background-position: -52px -262px;}
	.ico.back{width: 40px;height: 40px;background-position: -84px -254px;display:block;}
	.ico.new{width: 22px;height: 22px;background-position: -136px -262px;vertical-align: middle;}
	.ico.diapTbl{width: 22px;height: 22px;background-position: -136px -306px;}
	.ico.diapTblW{width: 22px;height: 22px;background-position:-178px -10px;}
	.ico.editer{width: 22px;height: 22px;background-position: -10px -221px;}
	.ico.dupliquer{width: 22px;height: 22px;background-position: -52px -220px;}
	.ico.supprimer{width: 22px;height: 22px;background-position: -94px -218px;}
	.ico.close{width: 22px;height: 22px;background-position: -10px -306px;}
	.ico.closeW{width: 22px;height: 22px;background-position: -178px -219px;}
	.ico.ctrl_right{width: 22px;height: 22px;background-position: -52px -306px;}
	.ico.ctrl_left{width: 22px;height: 22px;background-position: -94px -306px;}
	.ico.ctrl_rightBig{width: 34px;height: 48px;background-position: -8px -350px;}
	.ico.ctrl_leftBig{width: 34px;height: 48px;background-position: -84px -350px;}

	#nex_page_link{margin:1.5em 2em 0.5em}
	#previous_page_link{margin: 2em 2em 0.5em;}
	
	#nex_page_link a,#previous_page_link a{color:white;}

	.modal-overlay{top: 0;left: 0;width: 100%;height: 100%;z-index: 2042;overflow: hidden;position: fixed;background-color: rgba(29, 29, 29, 0.6);display:none;}
	.modal-wrap{top: 0;left: 0;width: 100%;height: 100%;z-index: 2043;position: fixed;outline: 0!important;-webkit-backface-visibility: hidden;overflow-y: scroll;overflow-x: hidden;display:none;}
	.modal-container{text-align: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 0 8px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.modal-content{left: 0;width: 100%;position: relative;display: inline-block;vertical-align: middle;margin: 0 auto;text-align: left;z-index: 2045;top: 0;}
	.modal-custom-content{padding: 10px 0;margin: 0 auto;position: relative;z-index: 9999999999;height: 100%;max-width:}
	.modal-control-box{position: relative;float: right;top: 10px;opacity: 1!important;right: 10px;min-width: 200px;text-align: right;z-index:10;}
	
	.modal-post-box{background: none repeat scroll 0 0 #F8F8F8;border: 1px solid #E6E6E6;box-shadow: 0 2px 22px rgba(0,0,0,0.5);color: #6F6E6E;padding: 40px 50px 49px;}

	.modal-post-box.diapPhoto{border: 0;min-height: 100%;padding: 10px;position: relative;padding-top: 66px;background: black;}
	.modal-post-box.diapPhoto #preview_video{margin:0 auto;}

	div[id$="SmallContainer"]{position: fixed;z-index: 100001;padding: 6px;top: 0px;left: 0;background: rgb(255, 255, 255);width: 100%;display: none;border-bottom: solid #D8D8D8 1px;}
	div[id$="SmallContainer"] input[type=text],div[id$="SmallContainer"] textarea{width:100%;}

/* + -----------------------------------------------------
	Home
+ ----------------------------------------------------- */

	#home-top-bar{background: rgba(255, 255, 255, 1);width: 100%;height:40px;top:0;padding:0 10px;display:table;z-index: 1;}
	#home-top-bar > div{padding-top: 18px;padding-bottom:10px;display:table-row;}
	

	#home-top-bar #home-top-bar-logo{display:table-cell;vertical-align: middle;}
	#home-top-bar #home-top-bar-right{text-align: right;display:table-cell;vertical-align: middle;}
	
	#home-top-bar #home-top-bar-right div{}
	#home-top-bar #home-top-bar-right .links{margin-left:10px;}
	#home-top-bar #home-top-bar-right .links ul li.child ul{display:none;position: absolute;min-width: 72px;background: #e2dfdb;text-align: left;padding:0px 10px;}
	#home-top-bar #home-top-bar-right .links ul li.child ul li{margin:4px 0;}
	#home-top-bar #home-top-bar-right .links ul li.child:hover ul{display:block}
	
	#home-top-bar #home-top-bar-right #recherche_full_text {position:relative;border: solid #d8d8d8 1px;}
	#home-top-bar #home-top-bar-right #recherche_full_text input[type=text]{height: 22px;border:solid white 1px;margin-right: 22px;border:0;border-radius:0;outline: 0;}
	#home-top-bar #home-top-bar-right #recherche_full_text i.ico{position:absolute;top:0;right:0;bottom:0;}

	#home-top-bar #home-top-bar-right-menu{clear: right;
    font-family: plateletregular;
    text-transform: uppercase;
    position: absolute;
    top: 40px;
    left: 0;
    right:0;
    background: white;max-height: 350px;
	overflow: auto;	
	direction: ltr;
	font-family: 'plateletregular';
	font-size: 16px;display: none;    z-index: 9999;}	
	#home-top-bar #home-top-bar-right-menu ul{border-top: solid #d8d8d8 1px;}
	#home-top-bar #home-top-bar-right-menu li{position: relative;border-bottom: solid #DFDFDF 1px;}
#home-top-bar #home-top-bar-right-menu li a{display: block;padding: 1em;}
	#home-top-bar #home-top-bar-right-menu li:last-child{margin-right: 15px;}

	#home-top-bar #home-top-bar-right-menu li a.active{border-bottom: solid black 2px;}

	#slide{position: relative;background: #000;width: 100%;overflow: hidden;max-height:50%;-moz-height:50%;}
	#slide-content ul{/*max-height: 500px;*//*height: 100%;*/}
	#slide-content li{display:block;float:left;/*width:1680px;*//*height:500px;*/}

	ul#nouveautes{margin: 0px 0 0 -24px;}
	ul#nouveautes li{width:100%;display:block;float:left;padding-left: 24px;padding-top: 24px;text-align: center;}
	ul#nouveautes li img.nouveautes-representative{margin: 0 auto;margin-bottom:8px;display:block;}
	
	.modal-post-box.infosPhoto{padding:42px 5px;    background: black;}
	.modal-post-box.infosPhoto .columns{float: none;}
	.modal-post-box.infosPhoto #mR-wrapper{margin-bottom: 20px;}
	.modal-post-box.infosPhoto #mR-content{max-width: 100%;}
	.modal-post-box.infosPhoto #mR-content #preview_video{margin:0 auto;}

	.modal-post-box.infosPhoto #about-picture {}
	.modal-post-box.infosPhoto #about-picture dl{}
	.modal-post-box.infosPhoto #about-picture dl dt{/*float: left; */  margin-left: 0;margin-right: 0.52083%;/*width: 10%;*/clear: both;font-weight: bold;/*padding-bottom: .5em;*/display:inline;}
	.modal-post-box.infosPhoto #about-picture dl dd{/*float: left; */  margin-left: 0.52083%;margin-right: 0;/* width: 57.29167%; */vertical-align: bottom;/*padding-bottom: .5em;*/display: inline;}
	.modal-post-box.infosPhoto #about-picture dl dd:after{content:"\A"; white-space:pre;}


	.modal-post-box.aide{font-size: 1rem;}
	.modal-post-box.aide h3,.modal-post-box.aide ul{margin-bottom: 14px;}
	.modal-post-box.aide ul{list-style-type:octal;list-style-position: inside;}
	.modal-post-box.aide li{margin: 14px 0px;text-transform: uppercase;font-family: trebuchet ms;}
	.modal-post-box.aide div{margin: 8px 0px;line-height: 1.4;
    padding: 10px;
    color: black;
    font-family: trebuchet ms;
    font-size: 12px;}

    .modal-post-box.aide h3.titre{font-family: "Arial";font-size: 19px;font-weight: normal;color: #999999;}
    .modal-post-box.aide div.bg{background: #eee;}
	.modal-post-box.aide div+h3{margin-top: 14px;}


/* + -----------------------------------------------------
	header
+ ----------------------------------------------------- */
#wrapper-logo{display:none;height:117px;background: white;position: fixed;width: 100%;z-index:10;}
#logo{width:250px;height: 100px;text-align: center;}
#logo p{height: 100px;line-height: 100px;}
#logo img{vertical-align: middle;}

/* + -----------------------------------------------------
	page
+ ----------------------------------------------------- */
section#page{/*min-width: 690px;*/padding-top: 0;}


/* + -----------------------------------------------------
	Media queries
+ ----------------------------------------------------- */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.container {
	    width: 750px;
	}
	/* + -----------------------------------------------------
	Home
	+ ----------------------------------------------------- */

	#home-top-bar{background: rgba(255, 255, 255, 0.85);width: 100%;height:117px;position: absolute;top:0;padding:0 10px;z-index: 1;}
	#home-top-bar > div{padding-top: 18px;padding-bottom:10px;}	

	#home-top-bar #home-top-bar-logo{display: block;float:left;}
	#home-top-bar #home-top-bar-right{float: right;margin-top: 20px;}
	
	#home-top-bar #home-top-bar-right div{/*display: inline-block;float: left;*/}
	#home-top-bar #home-top-bar-right .links{margin-left:10px;}
	#home-top-bar #home-top-bar-right #recherche_full_text {position:relative;}
	#home-top-bar #home-top-bar-right #recherche_full_text input[type=text]{height: 22px;margin-right: 22px;outline: none;}
	#home-top-bar #home-top-bar-right #recherche_full_text i.ico{position:absolute;top:0;right:0;bottom:0;}

	#home-top-bar #home-top-bar-right-menu{clear: right;font-family:plateletregular;float:right;position: inherit;
    top: 0;
    left: 0;
    right:0;background:none;overflow: none;direction: inherit;font-size: auto;display:block;}	
	#home-top-bar #home-top-bar-right-menu ul{margin-top:20px;border:0;}
	#home-top-bar #home-top-bar-right-menu li{display:inline-block;font-size: 22px;margin:0 0 5px;text-transform: uppercase;position: inherit;border:0;}
	#home-top-bar #home-top-bar-right-menu li a{padding: 0;display: inherit}
	#home-top-bar #home-top-bar-right-menu li:last-child{margin-right: 0px;}

	#slide{position: relative;background: #000;width: 100%;overflow: hidden;max-height:68%;-moz-height:68%;}
	#slide-content ul{/*max-height: 500px;*//*height: 100%;*/}
	#slide-content li{display:block;float:left;/*width:1680px;*//*height:500px;*/position:relative;}

	ul#nouveautes{margin: 0px 0 0 -24px;}
	ul#nouveautes li{width:25%;display:block;float:left;padding-left: 24px;padding-top: 24px;/*height:280px;*/text-align: left;}
	ul#nouveautes li img.nouveautes-representative{margin-bottom:8px;display:block;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.container {
	    width: 970px;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.container {
	    width: 1170px;
	}
}






@media only screen and (min-width: 320px) {
	
}
@media only screen and (min-width: 480px) {   
	
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {

	.iphone{display: none;}
	.ipad{display: block;}
	.desktop{display: block;}

	section#page{/*min-width: 690px;*/padding-top: 100px;}
	#wrapper-logo{display: block}

	.modal-post-box.infosPhoto{padding:40px 50px 49px;}
	.modal-post-box.infosPhoto .columns{float: left;}
	.modal-post-box.infosPhoto #mR-wrapper{margin:0;}
	.modal-post-box.infosPhoto #mR-content{/*max-width: 500px;*/}

	.modal-post-box.infosPhoto #about-picture dl dt{/*float: left; */  margin-left: 0;margin-right: 0.52083%;/*width: 10%;*/clear: both;font-weight: bold;/*padding-bottom: .5em;*/display:inline;}
	.modal-post-box.infosPhoto #about-picture dl dd{/*float: left; */  margin-left: 0.52083%;margin-right: 0;/* width: 57.29167%; */vertical-align: bottom;/*padding-bottom: .5em;*/display: inline;}

	.column, .columns{display: block;float:left;margin: 0.5% 0 0.5% 1.6%;}

	.twelve, .row .twelve {width: 100%;}
	.eleven, .row .eleven {width: 91.53%;}
	.ten, .row .ten       {width: 83.06%;}
	.nine, .row .nine     {width: 74.6%;}
	.eight, .row .eight   {width: 66.13%;}
	.seven, .row .seven   {width: 57.66%;}
	.six, .row .six       {width: 49.2%;}
	.five, .row .five     {width: 40.73%;}
	.four, .row .four     {width: 32.26%;}
	.three, .row .three   {width: 23.8%;}
	.two, .row .two       {width: 15.33%;}
	.one, .row .one       {width: 6.866%;}	 

	#smallMenu{display: none !important;}
}
@media only screen and (min-width: 1024px) {

	.iphone{display: none;}
	.ipad{display: none;}
	.desktop{display: block;}

	section#page{/*min-width: 690px;*/padding-top: 117px;}
	#wrapper-logo{display: block}

	#home-top-bar #home-top-bar-right-menu li{display:inline-block;font-size: 22px;margin:0 28px;    text-transform: uppercase;}
	#home-top-bar #home-top-bar-right-menu li:last-child{margin-right: 15px;}

	.modal-post-box.infosPhoto{padding:63px 50px 49px;}
	.modal-post-box.infosPhoto .columns{float: left;}
	.modal-post-box.infosPhoto #mR-wrapper{margin:0;}
	.modal-post-box.infosPhoto #mR-content{/*max-width: 500px;*/}

	.modal-post-box.infosPhoto #about-picture dl dt{/*float: left; */  margin-left: 0;margin-right: 0.52083%;/*width: 10%;*/clear: both;font-weight: bold;/*padding-bottom: .5em;*/display: inline-block;}
	.modal-post-box.infosPhoto #about-picture dl dd{/*float: left; */  margin-left: 0.52083%;margin-right: 0;/* width: 57.29167%; */vertical-align: bottom;/*padding-bottom: .5em;*/display: inline;}

	.column, .columns{display: block;float:left;margin: 0.5% 0 0.5% 1.6%;}

	.twelve, .row .twelve {width: 100%;}
	.eleven, .row .eleven {width: 91.53%;}
	.ten, .row .ten       {width: 83.06%;}
	.nine, .row .nine     {width: 74.6%;}
	.eight, .row .eight   {width: 66.13%;}
	.seven, .row .seven   {width: 57.66%;}
	.six, .row .six       {width: 49.2%;}
	.five, .row .five     {width: 40.73%;}
	.four, .row .four     {width: 32.26%;}
	.three, .row .three   {width: 23.8%;}
	.two, .row .two       {width: 15.33%;}
	.one, .row .one       {width: 6.866%;}	 

	#smallMenu{display: none !important;}   
}





/* Specifique graphix */ 

/* GENERiQUE */

.taille_4 { width: 400px; }
.taille_3 { width: 300px; }
.taille_2 { width: 200px; }
.taille_15 { width: 150px; }
.taille_1 { width: 100px; }

.titreform {
font-family: "Verdana";
font-size: 12px;
font-weight: bold;
color: #969698;
line-height: 15px;
}

.formok {
color: green;
font-weight: bold;
font-size: 12px;
font-family:"Trebuchet MS";
}

.formerreur {
color: #eb5f00;
font-weight: bold;
font-size: 11px;
font-family:"Trebuchet MS";
}



/* form_cmd_report */

#entete_form_cmd_report {
}

#entete_form_cmd_report TR {
height: 20px;
}

#corps_form_cmd_report {
}

#corps_form_cmd_report TD{
	height:24px;
	vertical-align: middle;
	font-size: 11px;
}

#corps_form_cmd_report TD.col_nom_champ {
width: 100px; 
}

#corps_form_cmd_report TR {
height: 25px; 
}

#corps_form_cmd_report .notes { 
width: 700px; 
height: 200px; 
}

/* liste_cmd_report */

#table_recherche_cmd_report {
margin-left: 230px;
font-size:12px;
font-family: "Trebuchet MS";
}

#table_recherche_cmd_report TD.col_nb_total { 
height: 30px; 
width: 380px; 
}

#table_recherche_cmd_report TD.col_recherche { 
width: 450px; 
}

#table_liste_cmd_report {

margin-bottom: 20px;
margin-top:10px;
}

#table_liste_cmd_report TR.entete { background-color: #e7e7e9; height: 30px; }

#table_liste_cmd_report TR.enreg { height: 30px; }

#table_liste_cmd_report TD.col_etat { width: 15px; }
#table_liste_cmd_report TD.col_etat_consult {}
#table_liste_cmd_report TD.col_action { width: 60px; }
#table_liste_cmd_report TD.col_numero { width: 75px; }
#table_liste_cmd_report TD.col_client { width: 80px; }
#table_liste_cmd_report TD.col_sujet { width: 340px; }
#table_liste_cmd_report TD.col_ville { width: 75px;}
#table_liste_cmd_report TD.col_pays { width: 75px; }
#table_liste_cmd_report TD.col_date { width: 80px; }
#table_liste_cmd_report TD.col_photographe { width: 80px; }
#table_liste_cmd_report TD.col_publication { width: 110px; }

#table_liste_cmd_report TR.non_vue { font-weight: bold; }

#table_liste_cmd_report TD.tab { padding-left: 32px; }

#table_liste_cmd_report TR.entete TD.col_separe { 
width: 2px;
}

#table_liste_cmd_report TR.enreg TD.col_separe {
background-image: url(../img/separe.png); 
background-repeat: repeat; 
background-repeat: repeat-y;
}

.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 40px;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: .9;
  filter: alpha(opacity=90);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  top: 0;
}
.carousel-control.left {
  /*background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);*/
}
.carousel-control.right {
  left: auto;
  right: 0;
  /*background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);*/
}
.carousel-control:hover,
.carousel-control:focus {
  outline: none;
  color: #fff;
  text-decoration: none;
  opacity: .9;
  filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 40%;
  z-index: 5;
  display: inline-block;
  background: rgba(35,31,32,.6);
    color: white;
    width: 30px;
    height: 30px;
    font-size: 60px;
    font: 48px/22px Arial, sans-serif;
    font-family: Arial, sans-serif !important;
}


  


.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 14%;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 14%;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control {
  	top:117px;
  }

  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 60px;
    font: 48px/22px Arial, sans-serif;
    font-family: Arial, sans-serif !important;
    background: rgba(35,31,32,.6);
    color: white;
    top:50%;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}