/** BODY **/
*{	box-sizing: border-box;}

html, body {
	width : 100%;
	height : 100%;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
}

/* BLOC */

.CONTENT {position : relative; width : 1200px; margin : 0 auto 0 auto; padding :  0 0 0 0;}
.CONTENT::after {display :table;content: " ";clear: both;}

.CONTENT_LARGEUR {width : 100%; background-size : cover;} 

.COL12, .COL11, .COL10, .COL9, .COL8, .COL6, .COL5, .COL4 ,.COL3 ,.COL2, .COL1 {position : relative; float : left; margin : 0 0 0 0; padding : 0 0 0 0; min-height : 1px;} 
.COL12 img, .COL11 img, .COL10 img, .COL8 img, .COL6 img, .COL5 img, .COL4 img,.COL3 img,.COL2 img, .COL1 img{width: 100%;}
.COL12 {width : 100%;}
.COL11 {width : 91.66666%;}
.COL10 {width : 83.3333333%;}
.COL9 {width : 75%;}
.COL8 {width : 66.666666%;}
.COL6 {width : 50%;}
.COL5 {width : 41.666666%;}
.COL4 {width : 33.333333%;}
.COL3 {width : 25%;}
.COL2 {width : 16.666666%;}
.COL1 {width : 8.3333333%;}

.VALIGN {position : relative; height: 100%; vertical-align : middle; display : inline-block;}
.DIVVALIGN {position : relative; vertical-align : middle; display : inline-block; width :60%;}
.CENTER {text-align : center;}

#ESPACEMENU {height : 80px; display : none;}

.BOTTOM {position : absolute; bottom : 100px;}
.SPACE10 {height : 10em; width : 100%;}
.SPACE5 {height : 5em; width : 100%;}
.MOBILE {display : none;}
.NOMOBILE {display : block;}

.img {background-size : 50%;}

/* TYPO */
a {font-family : montserrat, font-weight : 400; color : black; text-decoration : none; border : 0px;}
img {border : 0px; }
h1, h2, h3, h4, h5, h6, p{margin : 0 0 0 0; padding : 0 0 0 0;}
h1 {font-weight : 400; font-size : 5em; line-height : 1em;}
h2 {font-weight : 400; font-size : 4.5em; line-height : 1em; color : #a48c7f; margin-bottom : 15px;}
h3 {font-weight : 300; font-size : 2.2em; margin-top : 10px; line-height : 1.2em; color : black;}
h4 {font-weight : 300; font-size : 0.8em; color : black; margin-top : 0.5em; }
p {font-weight : 400; font-size : 1em; line-height : 1.3em; margin-bottom : 0.2em;}

/* BOUTONS */
.bouton {display : inline-block; padding : 20px; font-weight : 400; font-size : 1em; letter-spacing : 0.2em; text-transform : uppercase; border : #a48c7f 2px solid; margin : 30px 0 0 0; 

transition : background-color 0.2s;
-moz-transition : background-color 0.2s;
-o-transition : background-color 0.2s;
-webkit-transition : background-color 0.2s;

}
.bouton:hover {background-color : #a48c7f;}

/* COULEURS */
.BLANC {color : white;}
.DORE {color : #a48c7f;}
.GRIS {color : #e6e6e8;}
.NOIR {color : black;}

.BG_BLANC {background-color : white;}
.BG_DORE {background-color : #a48c7f;}
.BG_DORE_CLAIR {background-color : #f4f0ed;}
.BG_GRIS {background-color : #e6e6e8;}
.BG_NOIR {background-color : black;}

/* HOME */
#HOME.CONTENT_LARGEUR {height : 100%;}
#HOME.CONTENT_LARGEUR .CONTENT {height : 100%;}
#HOME a h1 {color : white;}
#HOME a.logoHome img {width : 200px;}
#HOME a, #HOME a:hover h1{ transition : opacity 0.2s;
-moz-transition : opacity 0.2s;
-o-transition : opacity 0.2s;
-webkit-transition : opacity 0.2s;}
#HOME a:hover, #HOME a:hover h1 {opacity : 0.5;}
#HOME a.flecheHome img {width : 40px;}
.LOGO {margin-top :100px;}

/* MENU */
#MENU.CONTENT_LARGEUR {height : 80px; border-bottom : #a48c7f 1px solid;}
#MENU.CONTENT_LARGEUR .CONTENT .logoMenu img {vertical-align : middle; width : 150px; display : inline-block; margin-right : 30px;}
#MENU a{ transition : opacity 0.2s;
-moz-transition : opacity 0.2s;
-o-transition : opacity 0.2s;
-webkit-transition : opacity 0.2s;}
#MENU a:hover {opacity : 0.5;}
#MENU.CONTENT_LARGEUR .CONTENT .COL3 {margin : 10px 0 0 0;}
#MENU.CONTENT_LARGEUR .CONTENT .COL9 ul {text-align : right; margin : 20px 0 0 0;}
#MENU.CONTENT_LARGEUR .CONTENT .COL9 ul li {font-weight : 400; display : inline-block; font-size : 1em; letter-spacing : 0.2em; text-transform : uppercase; margin : 15px 30px 0 0;}

/* FACONNAGE */
#FACONNAGE .COL6 {height : 35em;}
#FACONNAGE .DECALLAGE {padding-left :3em;}
.IMAGE_FACONNAGE{ background-size : cover;}
.PAPIER {background-position : center;}

/* MENUMOBILE */
#MENUMOBILE {display : none; position : absolute; top : 0px; left : 0px; width  : 100%; height : 100%; background-color : #a48c7f; z-index : 100;}
#MENUMOBILE.CONTENT {width : 200px;}
#MENUMOBILE ul {text-align : center;}
#MENUMOBILE ul li {font-weight : 400; display : block; font-size : 2em; letter-spacing : 0.2em; text-transform : uppercase; margin : 15px 30px 0 0; color : white;}
#MENUMOBILE ul a:hover li {opacity :0.5;}
#MENUMOBILE .CONTENT .COL4 .FERMER {display : block; width  : 50px; margin : 0 auto 0 auto;}
#MENUMOBILE .CONTENT .COL4 .FERMER:hover {cursor : pointer;}

/* CONTACT */
#CONTACT h1 {margin-top : 60px; }
input, textarea {background-color : #f9f6f4; border : 0; width : 100%; margin-top : 10px; padding : 10px; font-size : 1.1em; font-family : montserrat; font-weight : 400;}
textarea {height: 200px;}

button {display : inline-block; padding : 20px; font-weight : 400; font-size : 1em; letter-spacing : 0.2em; text-transform : uppercase; border : #a48c7f 2px solid; margin : 30px 0 0 0; font-family : montserrat;

transition : background-color 0.2s;
-moz-transition : background-color 0.2s;
-o-transition : background-color 0.2s;
-webkit-transition : background-color 0.2s;

}
button:hover {background-color : #a48c7f; cursor : pointer; }


/* FOOTER */
#FOOTER .logoFooter img {width : 150px;}
#FOOTER .ligne {width : 60px; margin : 20px 0 20px 0;}
#FOOTER h3 {font-weight : 400;}