*	{ padding:0; margin:0; outline:0; }

img	{ vertical-align:middle; border:none; }
#map-google img { max-width:none; }

.hide-mobile { display:block; }
.show-mobile { display:none; }

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../images/icones/loading.gif') 50% 50% no-repeat #fff;
}


html {
	height:100%; margin:0; padding:0;
	}

body {
	font-family:'poppins', Arial, Helvetica, sans-serif; font-weight:300; font-size:18px; color:#151515; margin:0; padding:0; width:100%;
	background-color:#ffffff;
	}

h1 {
	font-size:44px; font-family:'poppins', Arial, sans-serif; font-weight:400; color:black; line-height:50px;
	padding:6px 0 35px; margin-bottom:40px; text-transform:uppercase;
	position:relative;
	}
	h1::after{
		position:absolute;
		content:'';
		bottom:0;
		left:0;
		height:10px;
		width:120px;
		background:#a59e89;
	}
.pageinterne h1, .section-noeud h1{
	font-size:38px;
	line-height:42px;
	padding-bottom:28px;
}
h2 {
	font-size:32px; font-family:'poppins', Arial, serif; font-weight:400; color:#a59e89; line-height:38px;
	padding:10px 0 15px;  text-transform:uppercase;
	}
h3 {
	font-size:20px; font-family:'poppins', Arial, sans-serif; font-weight:400; color:#a59e89;
	padding:6px 0 0; margin-bottom:5px; text-transform:uppercase;
	}

.section h2 { padding:6px 0 35px; margin-bottom:40px; position:relative; color:white; }
.section h2::after {
		position:absolute;
		content:'';
		bottom:0;
		left:0;
		height:10px;
		width:120px;
		background:white;
}
#footer h3 { color:#83878B; }

#header span.title { font-size:40px; font-weight:700; text-transform:uppercase; }

.clr	{ clear:both; float:none; height:0px; font-size:0px; line-height:0px; }
.Chargement, .loading	{ padding:1px 0px 3px 19px; height:16px; padding-bottom:3px; background-image:url(../images/icones/loading.gif); background-repeat:no-repeat; background-position:0px 0px; background-attachment:scroll; display:block; clear:both; float:none; }

p { padding:5px 0; line-height:26px; }
p.introduction { color:#a59e89; font-weight:400; font-size:28px; line-height:34px; margin-bottom:15px; }
p.small { font-size:14px; line-height:18px; }
p strong { font-weight:500; }
div.error { background-color:#c0392b; color:#ffffff; padding:15px 20px; margin:10px 0 20px }
div.success { background-color:#27ae60; color:#ffffff; padding:15px 20px; margin:10px 0 20px }

div.separator { width:100%; height:10px; margin:30px 0 20px; background-color:#a59e89; }

div.block-grey { padding:20px 35px; background-color:#d5d3d1; }
div.block-lightgrey { padding:20px 35px; background-color:#E7E4E2; }
div.block-white { padding:0px 35px; background-color:#ffffff; }

.section-noeud{
	background:#c6c2b4 !important;
}
.section-noeud .points-forts{
	background:#a59e89 !important;
}
.section-noeud .points-forts h2, .section-noeud h1{
	color:black;
}
.section-noeud .introduction, .section-noeud a, .section-noeud a:hover{
	color:black;
}
.section-noeud a{
	text-decoration:underline;
}
.section-noeud .points-forts ul{
	margin-top:40px;
}
.section-noeud .points-forts h2::after{
	left:15px;
	background:black;
}

ul {
	padding:5px 0 10px 15px; list-style:none;
	}
ul li {
	padding:2px 0 0px 22px; margin:5px 0;
	background:url(../images/icones/list-arrow.png) no-repeat scroll 0px 7px;
	}
div.error ul li { background:url(../images/icones/list-arrow-white.png) no-repeat scroll 0px 7px; }

.les-plus h2 {
	padding:18px 0 15px 15px; margin:0;
	background-color:#a59e89;
	color:white;
}
.les-plus ul {
	margin:0; padding:0;
	border-bottom:9px solid #a59e89;
}
.les-plus ul li {
	margin:0; padding:20px 25px;
	background-color:#c6c2b4; background-image:none; border-bottom:1px solid #a59e89;
}
.les-plus ul li::before {
	content: "\f055"; font-family:'FontAwesome'; margin-right:5px;
}

.points-forts {
	padding:30px 20px; margin-top:40px; background-color:#d5d3d1;
}
.points-forts h2 {
	padding:18px 0 15px 15px; margin:0; background:none; color:black;
}
.points-forts ul {
	margin:20px 0 0; padding:0; overflow:hidden;
}
.points-forts ul li {
	display:inline-block; width:188px; margin:0 0 20px; line-height:20px; vertical-align:top; 
	background-image:none; color:black;
}
.points-forts ul li::before {
	content: "\f05d"; font-family:'FontAwesome'; margin-right:5px;
}

.partenaires ul {
	margin:20px 0 0; padding:0; overflow:hidden;
}
.partenaires ul li {
	display:flex; float:left; width:158px; height:128px; margin:0 16px 20px 0; padding:25px 10px; line-height:20px; text-align:center;
	background-image:none; background-color:#E7E4E2; font-weight:700; text-transform:uppercase; color:#7c7b7b; cursor:pointer; justify-content:center; align-items:center;
}
.partenaires ul li a { display:block; font-weight:500; }


.slider-captions p{
	font-family:'poppins', Arial, Helvetica, sans-serif !important;
}
	
#footer ul {
	padding:0; list-style:none;
	}
#footer ul li {
	padding:5px 0 2px 0; margin:5px 0; border-top:1px solid #d5d3d1; background:none;
	}

.pink { color:#790627; }
.darkBlue { color:#0B3947; }
.green { color:#877F13; }
.lightBlue { color:#139BC5; }
.grey { color:#aaa295; font-size:13px; }

a.button {
	display:inline-block; position:relative; text-align:center; font-weight:700; text-transform:uppercase; 
	padding:15px 25px; color:#ffffff; background-color:#009FDF;
	}

a.link-arrow {
	padding:2px 0 0px 20px;
	background:url(../images/icones/list-arrow.png) no-repeat scroll 0px 7px;
	font-weight:700; text-decoration:none;
	}

/*=============================================================================================*/
/*==   LIENS    ===============================================================================*/
/*=============================================================================================*/
a		{ color:#a59e89; text-decoration:none; }
a:hover	{ color:#a59e89; text-decoration:underline; }

.partenaires a			{ color:#7c7b7b; text-decoration:none; }
.partenaires a:hover	{ color:#7c7b7b; text-decoration:none; }

.section-galerie a			{ color:white; text-decoration:none; }
.section-galerie a.selected, .section-galerie a:hover	{ color:white; text-decoration:none; font-weight:400; }

#menu a		{ text-decoration:none; }
#menu a:hover	{ text-decoration:none; }

a.button:hover, a.button.selected {
	color:#009FDF; text-decoration:none; background-color:#ffffff;
	-webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
	}

#copyright a		{ color:#666666; text-decoration:underline; }
#copyright a:hover	{ color:#000000; text-decoration:underline; }
/*============================================================================================*/
/*=============================================================================================*/


/*=============================================================================================*/
/*==   FORM     ===============================================================================*/
/*=============================================================================================*/
.form-table td { padding:3px 0; }

input, textarea, select
	{
	padding:12px 15px; font-size:18px; font-family:'poppins', Arial, sans-serif; font-weight:300;
	color:#151515; background-color:#e7e4e2; border:none;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	border-radius: 0;
	}
select { padding:7px 8px; -webkit-appearance: menulist; }
textarea { resize:none; }

input[type=submit],input[type=button] {
	padding:15px 25px; color:#ffffff; background-color:#a59e89; text-transform:uppercase;
	-webkit-appearance: none; font-weight:400;
	}
	
input[placeholder], [placeholder], *[placeholder] {
   color:#151515 !important;
   opacity: 1 !important;
}
::-webkit-input-placeholder { color:#302e2b; }
::-moz-placeholder { color:#302e2b; opacity: 1 !important; } /* firefox 19+ */
:-ms-input-placeholder { color:#302e2b; } /* ie */
input:-moz-placeholder { color:#302e2b; opacity: 1 !important; }

input[type=submit],input[type=button],label[for],select	{ cursor:pointer; }
/*=============================================================================================*/
/*=============================================================================================*/



/*=============================================================================================*/
/*==   LAYOUT     =============================================================================*/
/*=============================================================================================*/
div.row.full { width:100%; float:left; }

div.section { padding:120px 0; }
div.section-galerie {
	background:url(../images/interface/background-section-galerie-1218.png) repeat-y scroll top center;
}

#splash, #slider, #header, #menu, #sticky-blank, #slider, #main, #footer, #footer-map, .section	{ width:100%; position:relative; float:left; }

#splash {  } 
	#logo-arteco { width:307px; height:429px; position:absolute; top:30px; left:0; }
	#logo-arteco img{ width:100%; }
	.slider-captions { position:absolute; right:0; z-index:8000; }
	.slider-caption { display:none; }
	.slider-caption p { font-family:'poppins', Arial, sans-serif; font-size:80px; line-height:82px; text-transform:uppercase; color:#ffffff; text-align:right; }
	
#slider { height:350px; } 
	#titre-page { position:absolute; left:0px; font-family:'poppins', Arial, sans-serif; font-size:120px; line-height:90px; color:#ffffff; text-transform:uppercase; }
	

#header	 {
	/* height:95px; */
	height:75px;
	padding-top:25px;
	/* margin-top:-10px;
	background:url(../images/interface/background-menu.png) no-repeat scroll top center;*/
	background-color: #a59e89;
	background-color: black;
	}
	#header.stick {
		position:fixed;
		top:0; z-index:7000;
	}
	#header img{
		margin-top:-17px;
		width:190px;
	}
#sticky-blank { height:120px; }

	
#main {
	min-height:300px; z-index:5000; padding:60px 0 0;
	}
		
#footer-map { height:600px; }
		
#footer	{
	height:40px; padding:40px 0 40px; text-align:center; font-size:14px; color:#151515;
	border-top:1px solid #e2e2e2;
	}
	
	
	
/*=============================================================================================*/
/*==   MENU    ================================================================================*/
/*=============================================================================================*/
ul.topnav {
	width:100%; float:left; list-style:none; padding:0; margin-top:10px; z-index:9999;
}
ul.topnav > li {	
	float:right; position:relative; display:block; margin:0; padding:0 20px 0 0;
	background:none; font-family:'poppins', Arial, sans-serif; font-size:20px; color:#ffffff; text-transform:uppercase;
}
ul.topnav > li a {
	height:30px; padding:0;
	color:#ffffff;
}

ul.topnav li:hover > a, ul.topnav li.selected > a {
	color:#a59e89; border-bottom:3px solid #a59e89; text-decoration:none;
}

ul.topnav li ul.subnav {	
	z-index:9999; list-style:none; margin-top:0px; padding:30px 0 0; position:absolute; top:37px; left:0;
	display:none; background:#a59e89;
}
ul.topnav li ul.subnav li {
	display:block; float:left; margin:0; padding:3px 0 4px;
	width:260px; background:#a59e89; text-align:center;
}
ul.topnav li ul.subnav li a {
	font-size:20px; height:auto;
	padding:6px 0; width:100%; text-align:center; color:#ffffff;
}
ul.topnav li ul.subnav li:hover {
	background-color:#a59e89;
}
ul.topnav li ul.subnav li a:hover {
	border-bottom:none;
}
/*=============================================================================================*/
/*=============================================================================================*/



	

/*=============================================================================================*/
/*==   AUTRES PAGES   =========================================================================*/
/*=============================================================================================*/
ul.list-photos { margin:0; padding:0; }
ul.list-photos li {
	position:relative; float:left; width:180px; height:180px; margin:0 20px 20px 0; padding:0;
	background:none;
}
ul.list-photos li.nomargin { margin:0; }
ul.list-photos li img { width:100%; height:100%; }
ul.list-photos li div.overlay {
	width:100%; height:100%; position:absolute; top:0; left:0; display:none; cursor:pointer;
	background:url(../images/icones/overlay.png) no-repeat scroll center center; color:#ffffff;
	}
	
	
.contactblock {
	position:absolute; top:0; left:0; height:600px;
	background:rgba(0,0,0,0.8);
	color:white;
}
	.contactblock h1{
		color:#a59e89;
	}
/*=============================================================================================*/
/*=============================================================================================*/





/*=============================================================================================*/
/*==   ICONES   ===============================================================================*/
/*=============================================================================================*/
a.icon-download, a.icon-download-off,
a.icon-youtube, a.icon-youtube-off {
	display:inline-block;
	width:47px; height:47px;
	background: url(../images/icones/sprite-download.png) no-repeat scroll;
	text-decoration:none;
}

a.icon-download { background-position:0px 0px; }
a.icon-download-off { background-position:0px -57px; cursor:default; }
a.icon-youtube { background-position:-57px 0px; }
a.icon-youtube-off { background-position:-57px -57px; cursor:default; }


#splash-leftarrow, #splash-rightarrow {
	position:absolute; top:300px;
	font-size:80px; color:#b3b3b3;
}
#splash-leftarrow { left:40px; }
#splash-rightarrow { right:40px; }
#splash-leftarrow:hover, #splash-rightarrow:hover { color:#ffffff; cursor:pointer; }

.section-galerie-arrow { position:absolute; top:0; left:0; }
/*=============================================================================================*/
/*=============================================================================================*/