/*** GLOBAL  ***/
body {
	font-size:13px;
	margin:0 auto;
	padding:0;
	color:#555555;
	line-height:20px;
	background:#fff;
}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
form{margin:0; padding:0;}
hr {
	border-width:0;
	height:1px;
	line-height:0;
	margin:30px 0px;
	page-break-after:always;
	text-align:center;
	width:100%;
	clear:both;
	color:#d9d9d9;
	background-color:#d9d9d9;
	background-repeat:repeat-x
}

/* #Clearing

/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }
.row:after,
.clearfix:after {
  clear: both; }
.row,
.clearfix {
  zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2, h3{margin-bottom:20px; text-align: left;}
h4, h5, h6{margin-bottom:10px;}
h1 {font-size:26px; line-height:28px;}
h2 {font-size:22px; line-height:24px;}
h3 {font-size:18px; line-height:20px;}
h4 {font-size:15px; line-height:18px;}
h5{font-size:14px; line-height:16px;}
h6 {font-size:13px; line-height:15px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-family: Copperplate Gothic Light,fantasy ; color:#1d1d1d }

/* links */
a, a:visited {text-decoration:none; font-weight:normal; }
a:hover{text-decoration:underline;}
a img{border:none}
h2 a:hover {
	color:red;
	text-decoration: none;
}

.bold {font-weight: bold;}
/* float align */
.alignleft, img.alignleft {
	display: inline;
	float: left;
	margin-right: 15px;
	margin-top: 10px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 15px;
	margin-top: 5px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.center {
	text-align: center;
}

.alignnone,
img.alignnone {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:3px;
}


img.alignleft,
img.alignright,
img.aligncenter,
img.alignnone {
	margin-bottom: 12px;
}


/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	margin-bottom:20px;
	font-size: 14px;
	text-align: justify;
}
ul, ol {
	margin:10px 0 20px 20px;
	list-style: none;
	list-style-position:inside
}
li ol,
li ul
{
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}

/*==== Column ====*/
.one_half, .one_third, .two_third,
.three_fourth, .one_fourth, .one_fifth,
.two_fifth, .three_fifth, .four_fifth,
.one_sixth, .five_sixth						{margin-right: 4%; margin-left:0; position:relative; float:left;}

.one_half									{ width:48%; }
.one_third									{ width:30.6666%;}
.one_fourth									{ width:22%; }
.one_fifth									{ width: 16.8%;}
.one_sixth 									{ width: 13.3333%;}

.two_third									{ width: 65.3332%;}
.two_fourth 								{ width: 48%;}
.two_fifth 									{ width: 37.6%;}
.two_sixth 									{ width: 30.6666%;}

.three_fourth								{ width:74%;}
.three_fifth 								{ width: 58.4%;}
.three_sixth 								{ width: 47.9998%;}

.four_fifth 								{ width: 79.2%;}
.four_sixth 								{ width: 65.3332%;}

.five_sixth 								{ width: 82.6665%;}
.firstcols									{ margin-left:0px !important; }
.last, .lastcols							{ margin-right:0px !important; clear:right; }

/*** END OF DEFAULT ELEMENT STYLES ***/

/*** CONTAINER ***/
#outer-container{
	width:100%;
}
#container{
	width:1010px;
	margin:0 auto;
	padding:9px 0 0 0;
}

/* TOP */
#logo{float:left}

/* TOP MENU */
#nav {position:relative; z-index:100; float:right;}
#nav ul {margin: 0px}
#nav li {display: inline;}
#nav li a {
	font-family: Copperplate Gothic Light;
	font-size:14px;
    display: inline-block;
    padding: 5px 10px;
    text-decoration: underline;
    color: #000;
}


/* HEADER */
#header_fr{clear:both; background-image: url('../images/header_fr.png');width: 1010px; height: 200px;}
#header_en{clear:both; background-image: url('../images/header_en.png');width: 1010px; height: 200px;}
#langue_conteneur {
	float: right;
}
#title{
	background-image: url('../images/header_title.png');
	width: 632px;
	height: 27px;
	float:right;
}

/* CONTENT */
#content{ background:#f4f5f6; border:solid 1px #ffffff; border-width:1px 1px 0 1px; clear:both; padding:34px 0 }
#content.innerlayout{padding:0 0 34px 0;}
.row {padding:0 34px}
#main{ padding:0 34px 20px 34px}
#maincontent{ width:900px; padding-right:30px; float:left}

img.displayblock{display:block; margin-bottom:15px;}

.indentleft{overflow:hidden;}
.index_text_col {height: 105px;}
.nomargin{margin:0;}
.narrowmargin{margin-bottom:8px;}
.blockleft{float:left;}
.m, .d, .y{display:block; margin-left:10px}
.m, .y{font-size:14px;}
.d{font-size:24px; line-height:28px}


/*==== Column ====*/
.one_half, .one_third, .two_third,
.three_fourth, .one_fourth, .one_fifth,
.two_fifth, .three_fifth, .four_fifth,
.one_sixth, .five_sixth						{margin-right: 3%; margin-left:0; position:relative; float:left;}

.one_half									{ width:48%; }
.one_third									{ width:30.6666%;}
.one_fourth									{ width:22%; }
.one_fifth									{ width: 16.8%;}
.one_sixth 									{ width: 13.3333%;}

.two_third									{ width: 65.3332%;}
.two_fourth 								{ width: 48%;}
.two_fifth 									{ width: 37.6%;}
.two_sixth 									{ width: 30.6666%;}

.three_fourth								{ width:74%;}
.three_fifth 								{ width: 58.4%;}
.three_sixth 								{ width: 47.9998%;}

.four_fifth 								{ width: 79.2%;}
.four_sixth 								{ width: 65.3332%;}

.five_sixth 								{ width: 82.6665%;}
.firstcols									{ margin-left:0px !important; }
.last, .lastcols							{ margin-right:0px !important; clear:right; }


#matieres {
	float: left;
}

.mp_item {
	text-align: center;
	margin-bottom: 2%;
}
.mp_item h3, .two_fifth h3{
	height: 20px;
	line-height: 15px;
	margin-bottom: 8px;
	text-transform: capitalize;
	font-size: 14px;
	text-align: center;
}
.mp_item a {
	color: #000;
}

.mp_item span {
	display: inline-block;
}

.mp-mesure {
	background-image: url('../images/matieres/double-none.png');
}

.home-square {
	width: 200px;
	height: 190px;
	vertical-align: middle;
	padding-top: 40%;
	box-sizing:border-box;
	box-sizing:border-box;
	-wekbit-box-sizing:border-box;
	-moz-box-sizing:border-box
}

.home-square p {
	text-align: center;
	vertical-align: middle;
	text-transform: uppercase;
	line-height: 35px;
	font-size: 21px;
}

.home_sur_mesure {
	width:35%;
	margin:auto
}

#news {
	background-image: url('../images/news-background.png');
	margin-bottom: 10%;
}

#news p {
	background-color: rgba(0, 157, 226, 0.35);
	color: black;
}

#collection {
	background-image: url('../images/collection-background.png');
}

#collection p {
	background-color: rgba(24, 23, 22, 0.35);
	color: white;
}

.menu-catalogue {
	float: left;
	text-align: center;
	font-family: Copperplate Gothic Light,fantasy ;
	color:#1d1d1d;
	background-color: #e8e9ea;
	padding-top: 1em;
	width: 165px;
}

.menu-catalogue h2 {
	text-transform: capitalize;
	text-align: center;
}

.menu-catalogue ul {
	list-style: none;
	text-align: left;
}

.menu-catalogue ul li {
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 0.5em;

}

.menu-catalogue ul li.sous-cat {
	margin-bottom: 0.2em;
	font-size: 12px;
}

.menu-catalogue a {
	color: black;
	text-transform: capitalize;
}

.content {
	background-color: #fff;
	float: left;
	padding: 1em 0 0 0em;
	width: 845px;
}

.col_couleur {
	width: 290px !important;
}

.col_couleur ul {
	margin: 0 0 2em 0;
}

.content .col {
	float: left;
	margin-left: 1em;
	width: 250px;
}

#ctn-max.floatable {
	position: fixed;
	top: 10px; // non-obligatoire
}
.diapo-max {
	width: 200px;
	height: 200px;
}

.content .col div {
	text-align: center
}

.col.div.h2 {
	text-align: left;
}

.content .bloc {
	padding-top: 0.5em;
}

.bloc_couleur, .bloc_support {
	float: left;
	width: 50px;
	margin: 0.3em;
}

.bloc_support p {
	text-align:center;
	font-size: 8px;
	word-wrap: break-word;
	width: 53px;
}

.zoom {
	width: 50px;
	height: 50px;
}

.preview {
	width: 75%;
	margin: 3em auto 0;
}

.bloc_couleur img {
	width: 100%;
	height: 100%;
}
.bloc_couleur p {
	text-align: center;
	font-size: 11px;
	margin: 0px;
	word-wrap: break-word;
	width: 53px;
}

.content h1 {
	text-transform: uppercase;
}

.icon-mp {
	width: 92px;
	height: 101px;
}

.button:link, .button:visited, .more:link, .more:visited {
    background: rgba(0, 0, 0, 0) url("../images/button.png") repeat-x scroll center top;
    display: block;
    float: left;
    font-size: 12pt;
    height: 40px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
}
a, a:hover, a:visited, .colortext, .pullquote, input[type="submit"], input[type="reset"], button, .pagenavi .current, .pagenavi a:hover, .ts-display-pf-text h2, .ts-display-pf-text h2 a, .ts-display-pf-text h2 a:visited, h2.trigger span {
    color: black;
}
a, a:visited {
    font-weight: normal;
    text-decoration: none;
}
.button span, .more span {
    background: rgba(0, 0, 0, 0) url("../images/button_left.png") no-repeat scroll left top;
}
.button span, .more span {
    display: block;
    height: 40px;
    padding-left: 17px;
}
.button span span, .more span span {
    background: rgba(0, 0, 0, 0) url("../images/button_right.png") no-repeat scroll right top;
}
.button span span, .more span span {
    font-size: 10pt;
    font-weight: normal;
    line-height: 38px;
    padding-left: 0;
    padding-right: 38px;
    transition: color 0.3s ease-out 0s;
}
.list_line {
    background: transparent url("../images/line.gif") repeat-x scroll 0 bottom;
    list-style-type: none;
    margin: 0 10px 20px;
    min-height: 110px;
    padding: 0 0 10px;
}
.list_col1 {
    float: left;
    text-align: center;
    width: 200px;
}
.list_col2 {
    float: left;
    margin-left: 20px;
    text-align: center;
    width: 600px;
}
.list_col2 h2 {
    margin-bottom: 5px;
    text-align: left;
}

#contactform {
    position: relative;
}
#contactform label {
    display: block;
}

#contactform .text-input {
    font-size: 11px;
    margin-bottom: 20px;
    padding: 8px 5px;
    width: 300px;
}
#contactform textarea {
    font-size: 11px;
    margin-bottom: 7px;
    padding: 8px 5px;
    width: 97%;
}
input[type="text"], textarea {
    border: 1px solid #e0e0e0;
    font-family: "Trebuchet MS",Arial;
    font-size: 11px;
    margin: 4px 4px 8px 0;
    padding: 5px;
    vertical-align: middle;
}

/* FOOTER */
#footer{background:#1e1e1e; color:#c0c0c0}