/* + -----------------------------------------------------
	Reset
+ ----------------------------------------------------- */
	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, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	textarea,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		text-decoration: none;
		resize:none;
	}

	iframe{	display:none;}	

	/* HTML5 display-role reset for older browsers */

	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	

/* + -----------------------------------------------------
	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;}
	.hide{display: none !important;}

	.text-alignR{text-align: right}
	.text-alignL{text-align: left}
	.text-alignC{text-align: center}
/* + -----------------------------------------------------
	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;}
	
/* + -----------------------------------------------------
	Fin Border
+ ----------------------------------------------------- */

/* + -----------------------------------------------------
	Displaying
+ ----------------------------------------------------- */
	.row{min-width: 1px;width: auto;max-width: 100%;margin: 0 auto;}
	.column, .columns{display: block;float:left;margin: 0.5% 0 0.5% 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 Displaying
+ ----------------------------------------------------- */

/* + -----------------------------------------------------
	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:"Open Sans", Arial, sans-serif;color:#3B3A26;font-size: 100%;line-height: 1;font-weight: 300;min-width: 690px;}
	body{overflow-x: hidden;}
	a{color:#6d6d6d;}
	a:hover{color:black;}
	
	.formerreur{color:red;}

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

	input[type=button], input[type=submit]{background-color: #202123;background-repeat: no-repeat;border: 0;cursor: pointer;color: white;font-weight: bold;	padding : 5px;}
	input[type=button]:hover, input[type=submit]:hover{background-color: #1b7fcc;}
	.form-field {	border: 1px solid #D8D8D8;background: #FFF;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;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;
	}

	.form-field.error{border: 1px solid #FF0000;}

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

	div[class*="ctrl_"]{width: 34px;height: 34px;background-color: #202123;cursor: pointer;background-repeat: no-repeat;margin: 0 0.35714286rem 0.35714286rem 0;background-image: url(../img/sprite.png);background-repeat: no-repeat;display: inline-block;vertical-align: middle;}
	div[class*="ctrl_"]:hover{background-color: #1b7fcc;}

	div.ctrl_left			{background-position: left center;}
	div.ctrl_right			{background-position: -35px center;}
	div.ctrl_back			{background-position: -420px center;}
	div.ctrl_close			{background-position: -70px center;}
	div.ctrl_closeTbl		{background-position: -78px center;width: 18px;height: 18px;margin:0;}
	div.ctrl_cart			{background-position: -210px center;}
	div.ctrl_cartTbl		{background-position: -218px center;width: 18px;height: 18px;margin:0;}
	div.ctrl_cart2			{background-position: -245px center;}
	div.ctrl_cartTbl2		{background-position: -253px center;width: 18px;height: 18px;margin:0;}
	div.ctrl_download		{background-position: -280px center;}
	div.ctrl_downloadTbl	{background-position: -288px center;width: 18px;height: 18px;margin:0;}
	div.ctrl_restriction	{background-position: -315px center;}
	div.ctrl_restrictionTbl	{background-position: -322px center;width: 18px;height: 18px;margin:0;}
	div.ctrl_pdf			{background-position: -349px center;}
	div.ctrl_pdfTbl			{background-position: -357px center;width: 18px;height: 18px;margin:0;}
	div.ctrl_serie			{background-position: -385px center;}
	div.ctrl_serieTbl		{background-position: -392px center;width: 18px;height: 18px;margin:0;}

	.modal-overlay{top: 0;left: 0px;width: 100%;height: 100%;z-index: 2042;overflow: hidden;position: fixed;background-color: rgba(242, 242, 242, 0.7);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;z-index: 2050;}
	.modal-content{left: 125px;width: 100%;position: relative;display: inline-block;vertical-align: middle;margin: 0 auto;text-align: left;z-index: 2045;/top: 0;}
	.modal-custom-content{max-width: 600px;margin: 10px auto;position: relative;z-index:9999999999}
	.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 20px;}
	*/
	.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;}
	@media (min-width: 1110px) {
		.modal-overlay{left:250px !important;}
		.modal-wrap{
			left: 250px;
			width: calc(100% - 250px);
		}
	}
	.modal-container{text-align: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 0 40px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;z-index: 2050;}
	.modal-content{left: 0px;width: 100%;position: relative;display: inline-block;vertical-align: middle;margin: 40px auto;text-align: left;z-index: 2045;top: 0;}
	.modal-custom-content{max-width: 600px;margin: auto;position: relative;z-index:9999999999}
	.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 20px;}

	.modal-post-box.infosPhoto{}
	.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.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:6px 0px;}
	.modal-post-box.aide div{margin: 8px 0px;line-height: 1.4;}
	.modal-post-box.aide div+h3{margin-top: 14px;}
/* + -----------------------------------------------------
	header
+ ----------------------------------------------------- */
header	{	background: #FFF;
			border-bottom: 1px solid #D8D8D8;
			height: 50px;
			left: 0;
			min-width: 800px;
			padding: 10px 0;			
			position: fixed;
			right: 0;
			top: 0;
			font-size: 12px;
		}

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


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


@media only screen and (max-width:1194px)
{
	#left-bar{display: none;top: 0px !important;/* height: 400px !important; *//*box-shadow: inset -7px 0 7px -6px rgba(0, 0, 0, 0.4) !important;*//* padding: 0px 0px 50px !important; */}
	#hottopics_container{display:none;}
	#panier_content{width: 246px !important;}
}
 
@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) {
	.modal-post-box.infosPhoto{}
	.modal-post-box.infosPhoto .columns{float: left;}
	.modal-post-box.infosPhoto #mR-wrapper{margin:0;}
	.modal-post-box.infosPhoto #mR-content{max-width: 500px;}

	.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%;}	   
}
@media only screen and (min-width: 1024px) {
	.modal-post-box.infosPhoto{}
	.modal-post-box.infosPhoto .columns{float: left;}
	.modal-post-box.infosPhoto #mR-wrapper{margin:0;}
	.modal-post-box.infosPhoto #mR-content{max-width: 100%;}

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