/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }



body{
font-family:arial,helvetica, sans serif;
font-size:1.4em;
color:#d0d0d0;
width:auto;
background-color: #2C2B2C;
}
h1{
color:#d0d0d0;
font-size:24px;
font-family:"Times New Roman", Times, serif;
}

h1.homeCollectionTitre, h2.homeCollectionTitre, .titrePage {
	font-family:"Helvetica Neue Light", "Helvetica", Arial, sans-serif;
	font-size:36px;
	color:#FFFFFF;
	text-align:right;
	font-weight:300;
	width: 840px;
	margin:0;
}
.titrePage {
	width: 815px;
	margin-top: -50px;
}
h1.homeCollectionTitre {
	margin-top: -100px;
	margin-left: 52px;
	text-align: right;
}
h2.homeCollectionTitre {
	width: auto;
	position: relative;
	top: -48px;
	margin-right: 0;	
}
.content{
	width:980px;
	height:auto;
	min-height: 1113px;
	overflow:hidden;
	margin:0 auto 0 auto;
	position:relative;
	z-index:0;
	background: url('../img/content/bg.png') no-repeat
}
.header{
width:100%;
height:221px;
margin:0 auto 0 auto;
overflow:hidden;
position:relative;
z-index:2;
}
.logo{
	position:relative;
	top: 0px;
	width:394px;
	height:236px;
	float:left;
	z-index:2;
}
.logo a {
	position:absolute; 
	font-size:11px; 
	z-index:3; 
	left: 18px; 
	top: 60px;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	float: left;
	display: block;
	width: 142px;
	height: 106px;
}

.selecLangue{
float:right;
width:auto;
height:auto;
margin-top:10px;
color:#727171;
}
.menu {
	width:480px;
	height:auto;
	float:right;
	margin-top:40px;
	padding:0;
	list-style:none;	
}

.menu li{
	margin-left:2px;
	float:left; /*pour IE*/
	padding:5px 4px 5px 4px;
	font-size:10px;
}
.menu a:link{
	font-family:Geneva, verdana, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
}
.menu a:visited{
color:#FFFFFF;
text-decoration:none;
}
.menu a:hover{
color:#FFFFFF;
border-bottom:5px solid #ff5e28;
}
.menuHome a:link{
color:#000000;
text-decoration:none;
}
/**** BALISE POUR MENU VERTICAL SUR PAGE HOME ****/
.menuHome a:visited{
color:#000000;
text-decoration:none;
}
.menuHome a:hover{
color:#000000;
border-bottom:2px solid #ff5e28;
}
/**** FIN BALISE POUR MENU VERTICAL SUR PAGE HOME ****/
.BgTitreRubrique{
position:relative;
float:right;
width:782px;
height:116px;
z-index:0;
margin-top:-130px;
padding:0;
}

.titreActuHome {
	font-size: 36px;
	font-weight: 300;
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	float: left;
}

.corpus{
position:relative;
margin: 0 auto;
width:836px;
height:auto;
font-family:Arial, Helvetica, sans-serif;
}

.pageCorporate {
	background: url(../img/collections/bg_uni.png) 0 50px no-repeat;
	min-height: 836px;
	width: 815px;
	margin: 0 auto;
	position: relative;
	top: -50px;
}
.corpusCollection {
	background: url(../img/collections/bg_collections.png) no-repeat;
	margin: -55px auto;
	width: 817px;
	height: 664px;
}
.corpusCollection .text, .text_collection {
	font-size: 11px;
	width: 350px;
	margin-left: 400px;
	margin-top: 26px;
}
/* Partenaires */
.pageCorporate hr {
	background: url(../img/collections/pointilles.png) bottom no-repeat;
	margin-top: 80px;
	margin-bottom: 0;
	border: none;
}
.part {
	width: 100%;
	background: url(../img/collections/pointilles.png) bottom no-repeat;
	padding-top: 10px;
}
.part .text {
	font-size: 12px;
	color: #fff;
	width: 400px;
	height: 92px;
	float: left;
	padding-top: 18px;
}
.part img {float: left;margin-left: 75px;margin-right: 55px;margin-bottom: 16px;}
.part .text a {color: #a19494;font-size: 18px;}

/* Page contact */

.formContact {
	background: url(../img/bg_form.png) no-repeat;
	width: 360px;
	height: 431px;
	padding-top: 6px;
	margin-top: 35px;
	margin-left: 100px;
	float: left;
}
.formContact form {
	width: 340px;
	height: 468px;
	background-color: #fff;
	margin: 0 auto;
	padding-top: 64px;
}
.formContact form label {
	display: block;
	color: #bdc0c0;
}
.formContact form input, .formContact form textarea {
	width: 268px;
	height: 20px;
	border: 1px solid #e7e7e6;
}
.formContact form textarea {
	height: 142px;
}
.formContact form p {
	font-size: 12px;
	width: 298px;
	margin-left: 35px;
}
.formContact form #submit {
	background: url(../img/submit.png) no-repeat;
	width: 114px;
	height: 32px;
	border: none;
	margin-left: 162px;
	text-indent: -9999px
}
.formContact .form_error {
	font-weight: bold;
	margin-top: -29px;
}

.address {
	color: #fff;
	font-size: 14px;
	width: 235px;
	height: 102px;
	float: left;
	margin-top: 50px;
	margin-left: 30px;
}

.address a {color: #fff;text-decoration: none;}

.homeCollection {
	background: url(../img/collections/bg.png) 0 -20px no-repeat;
	height: 683px;
	width: 853px;
	margin: 0 auto;
}
.homeCollection ul {list-style: none;margin:0 0 0 18px;padding:0;position: relative;}
.homeCollection ul a {display: block;position: absolute;}
.homeCollection .col1 a {
	width: 332px;
	height: 198px;
	top:0;
	left:0;
	background: url(../img/collections/NJ_OFF.jpg) no-repeat;
}
.homeCollection .col1 a:hover {background: url(../img/collections/NJ_ON.jpg) no-repeat;}
.homeCollection .col2 a {
	width: 241px;
	height: 198px;
	top:0;
	left:331px;
	background: url(../img/collections/AD_1_OFF.jpg) no-repeat;
}
.homeCollection .col2 a:hover {background: url(../img/collections/AD_1_ON.jpg) no-repeat;}
.homeCollection .col3 a {
	width: 241px;
	height: 198px;
	top:0;
	left:572px;
	background: url(../img/collections/AD_2_OFF.jpg) no-repeat;
}
.homeCollection .col3 a:hover {background: url(../img/collections/AD_2_ON.jpg) no-repeat;}
.homeCollection .col4 a {
	width: 272px;
	height: 194px;
	top:198px;
	left:0;
	background: url(../img/collections/CONFECTION_OFF.jpg) no-repeat;
}
.homeCollection .col4 a:hover {background: url(../img/collections/CONFECTION_ON.jpg) no-repeat;}
.homeCollection .col5 a {
	width: 294px;
	height: 194px;
	top: 198px;
	left: 276px;
	background: url(../img/collections/EQUIPEMENT_OFF.jpg) no-repeat;
}
.homeCollection .col5 a:hover {background: url(../img/collections/EQUIPEMENT_ON.jpg) no-repeat;}
.homeCollection .col6 a {
	width: 242px;
	height: 194px;
	top: 198px;
	left: 574px;
	background: url(../img/collections/DOSSERET_OFF.jpg) no-repeat;
}
.homeCollection .col6 a:hover {background: url(../img/collections/DOSSERET_ON.jpg) no-repeat;}

.enteteGamme{
	height:auto;
	overflow:hidden;
	margin:0 auto 0 auto;
	font-family: Arial, Helvetica, sans-serif; 
	background:none; 
	width:782px;
}
.nuitetjour {
	background:none; 
	width:782px;	
}
.enteteGamme h2 {
	float:left; 
	position:relative; 
	font-size:24px; 
	height:85px; 
	z-index:1; 
	font-family:Arial, sans-serif; 
	color:#FFFFFF; 
	text-transform:capitalize;
}
.menuGamme{
	position:relative;
	z-index:1;
	width:816px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
}
.logoCollection{
	margin-left: 56px; 
	width:338px; 
	padding-right:30px; 
	height:auto; 
	position:relative; 
	z-index:0; 
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	font-size:16px;
}
.miniMenuCollection{
	width:680px;
	height:30px;
	margin:0 auto;
	overflow:hidden;
	position: relative;
	top: 71px;
	left:0;
}
.miniMenuCollection ul{
padding:0;
margin:0 0 0 60px;
list-style-type:none;
}
.miniMenuCollection li{
	margin-left:2px;
	float:left; /*pour IE*/
	padding:3px 10px 7px 10px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.miniMenuCollection li.current {
	border-bottom: 4px solid #ed744e;
}

.miniMenuCollection a:link{
color:#FFFFFF;
text-decoration:none;
}
.miniMenuCollection a:visited{
color:#FFFFFF;
text-decoration:none;
}
.miniMenuCollection a:hover{
color:#FFFFFF;
}

.viewCollection {
	background: url(../img/collections/bg_fiche_collections.png) no-repeat;
	width: 814px;
	overflow: visible;
	position: relative;
}
.viewCollection .miniMenuCollection {
	top: 49px;	
}
.viewCollection h2 {
	font-size: 24px;
	font-weight: 300;
	margin:0;
	padding:0;
}
.logoCollection {
	position:absolute; 
	right: 0;
	top: -47px;
	z-index:5;
	width: auto;
	margin:0;
	padding:0; 
}

#visuel {width: 420px;margin-top:-50px;float: left;}
#textVisuel {
	width:99%; 
	float:left; 
	height:30px; 
	margin:10px 0 20px 0; 
	font-size:12px; 
	padding-right:1%;
	color: #fff;
}
.linkBack {
	position: absolute;
	top: 38px;
	left: -30px;
	text-decoration: none;
	color: #fff;
	font-size: 12px;
}
.linkBack img {margin-right:15px;}
.fil_ariane {
	position: absolute;
	margin-left: 116px;
	top: -16px;
	z-index: 5;
}
.fil_ariane, .fil_ariane a {
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}

/* Page Confections */
.confection {
	background: url(../img/collections/bg_uni.png) repeat-y;
	min-height: 836px;
}
.confection .miniMenuCollection {
	background: url(../img/collections/pointilles.png) bottom repeat-x;
}
.col_left, .col_right {
	float: left;
	font-size: 12px;
	margin-top: -33px;
}
.col_left {width: 298px;margin-left: 56px;}
.col_right {width: 422px;padding-left: 34px;}
.col_left .desc {font-size: 12px;text-align: justify;margin-bottom: 18px;}
.col_left img {
	margin-bottom: 7px;
}
.col_right strong {color: #ed744e;}
.col_right a {color: #a19494;}
.download_desc {margin-left: 70px;margin-right: 20px;}
.download_all {
	margin-left: 50px;
	display: block;
	margin-bottom: 28px;
}

/* Entreprise */
.entreprise {
	background: url('../img/entreprise/bg.png') 0 50px no-repeat;
	margin-top: -100px;
	position: relative;
}

.entreprise h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 36px;
	font-weight: 300;
	color: #fff;
	text-align: right;
	margin-top: -50px;
}
.entreprise h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: 300;
	color: #fff;
	margin-bottom: 0;
}
.entreprise .text {
	width: 275px;
	height: 220px;
	overflow: hidden;
	font-size: 12px;
	position: absolute;
	left: 452px;
	top: 180px;
	margin: 0;
}
.contentEntreprise {
	height: 523px;
}
.savoirfaire {
	background: url('../img/entreprise/bg_savoirfaire.jpg') 0 50px no-repeat;
}
.fab {
	background: url('../img/entreprise/bg_fab.jpg') 0 50px no-repeat;
}
.conseil {
	background: url('../img/entreprise/bg_crea.jpg') 0 50px no-repeat;
}
.distrib {
	background: url('../img/entreprise/bg_distrib.jpg') 0 50px no-repeat;
}

.homeCorpus {
	background: url('../img/accueil/bg-accueil.png') no-repeat;
	margin-top: -100px;
}
.homeCorpusLeft{
	width:562px;
	height:auto;
	padding:0 0 0 16px;
	font-size:12px;
	overflow:hidden;
	float: left;
}
.homeCorpusRight{
	width:255px;
	height:679px;
	float:left;
	color:#FFFFFF;
	font-size:12px;
}
.homeCorpusLeft h2, .homeCorpusRight h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 36px;
	font-weight: 300;
	color: #fff;
}
.homeCorpusRight h2 {
	position: relative;
	top: 55px;
	left: 134px;
}
.homeCorpusLeft h2 {
	margin-left: 104px;
	margin-top: 84px;
	margin-bottom: 0;
}
.homeCorpusLeft h3 {
	font-size: 18px;
	font-weight: 300;
	color: #fff;
}
.homeCorpusLeft .post a {
	color: #a19494;
	font-size: 12px;
	font-weight: bold;
}
.homeCorpusLeft .post {
	width: 490px;
	height: 132px;
	overflow: hidden;
}
.homeCorpusLeft .illustration {
	width: 132px;
	height: 132px;
	float: left;
	margin-right: 25px;
}
.actu {
	margin-left: 18px;
}
.actu a {
	color: #a19494;
	text-transform: uppercase;
	font-size: 12px;
}
.collections h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 30px;
	font-weight: 300;
	color: #fff;
	opacity: 0.5;
	left: 94px;
	margin-bottom: 0;
	margin-left: 70px;
}
.collections em {
	font-style: italic;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 11px;
	margin-left: 22px;
	margin-top: 40px;
}
.collections ul {
	list-style: none;
	margin-left:22px;
	padding:0;
}
.collections ul a {
	color: #a19494;
	font-size: 12px;
}
.blocEvenement{
	width:224px;
	height:auto;
	padding: 10px 10px 10px 15px;
}
.blocActuFlash{
	width:210px;
	height:auto;
	padding:10px 10px 10px 3px;
}
.menuEntreprise{
position:relative;
top: 168px;
z-index:1;
width:815px;
height:auto;
overflow:hidden;
margin:200px auto 0 auto;
font-family:Arial, sans-serif;
font-size: 12px;
font-weight: 300;
background: url(../img/collections/pointilles.png) bottom repeat-x;
}
.menuEntreprise ul{
padding:0;
margin: 0 auto;
width: 350px;
list-style-type:none;
}
.menuEntreprise li{
margin-left:2px;
float:left; /*pour IE*/
padding:3px 5px 10px 5px;
text-align:center;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
}
.menuEntreprise li.current {
	border-bottom: 4px solid #ed744e;
}
.menuEntreprise a:link{
color:#FFFFFF;
text-decoration:none;
}
.menuEntreprise a:visited{
color:#FFFFFF;
text-decoration:none;
}
.menuEntreprise a:hover{
color:#FFFFFF;
}
.fondPage{
width:730px;
float:left;
height:360px;
}
.page{
width:430px; 
float:right;
height:auto;
padding-right:20px;
font-size:12px; 
color:#000000; 
margin-right:10px;
}
.contentFooter{
width:810px;
height:auto;
overflow:hidden;
margin:0 auto;
}
.footer{
width:100%;
height:auto;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
text-align:center;
color:#FFFFFF;
opacity: 0.3;
border-top: 1px dashed #fff;
border-bottom: 1px dashed #fff;
height: 28px;
line-height: 28px;
margin-bottom: 56px;
}
.footer a:link,a:visited{
color:#727171;
text-decoration:none;
}
.footer a:hover{
color:#ff5e28;
text-decoration:underline;
}

/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== media queries ====================================================== */

@media only screen and (min-width: 480px) {


}

@media only screen and (min-width: 768px) {

}



/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}