body,img,table,div,span,p,form,fieldset,h1,h2,h3,h4,h5,h6 {
	margin: 0px;
	padding: 0px;
	border: 0px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

body {
	color: #333; 
	background: #e6e6e6; 
	font-family: "Arial";
}

* {
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

a {
	text-decoration:none;
	color:#3F7BB1;
}

a:hover {
	color: #0D589B;
}

/*--- HEADER ----*/

#header {
	box-sizing: border-box;
	display: block;
	position: relative;
	width: 100%;
	height: 240px;
	margin: auto;
	background:  url('http://www.clarionsenart-paris.fr/QSYIKBBcjuM0/header.png') no-repeat top center;
}

#home {
	box-sizing: border-box;
	display: block;
	width: 100%;
	height: 100%;
}

#slideB {
	width: 100%;
	background: #FFEFEF;
}

/*--- PAGE ----*/

#page {
	box-sizing: border-box;
	display: block;
	width: 980px;
	margin: 10px auto;
	padding: 10px 0px;
}

#page_ctnu{
	box-sizing: border-box;
	float: left;
	width: 100%;
	background: #fff;
	border: 1px solid #bababa;
	border-radius: 5px;
	box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
}

#page_ctnu.full{
	float:none;
	width:auto;
	margin-right:10px;
	margin-left:10px;	
}


#page_ctnu:after{
	content: "";
	display: block;
	clear: both;
}

#page_ctnu h1, .der_actu_titre, #page_menu h2, .article h2  {
	display: block;
	padding: 10px;
	font-size: 18px;
	text-align: left;
	margin: 5px;
	color: #FFF;
	border-radius: 4px;
	text-shadow: #111 0px 1px 1px;
	background: #1f304a;
	background: url(data:image/svg xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFmMzA0YSIgc3RvcC1vcGFjaXR5PSIxIi8 CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYTRjN2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc );
	background: -moz-linear-gradient(top, #1f304a 0%, #1a4c7c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f304a), color-stop(100%,#1a4c7c));
	background: -webkit-linear-gradient(top, #1f304a 0%,#1a4c7c 100%);
	background: -o-linear-gradient(top, #1f304a 0%,#1a4c7c 100%);
	background: -ms-linear-gradient(top, #1f304a 0%,#1a4c7c 100%);
	background: linear-gradient(to bottom, #1f304a 0%,#1a4c7c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f304a', endColorstr='#1a4c7c',GradientType=0 );
}

.article h2 {
	margin: 0;
}

	.article {
		display: block;
		text-align: justify;
		padding: 5px 5px;
		font-size: 12pt;
		line-height: 14pt;
	}
	.article p {
		padding: 5px 8px;
		margin-bottom: 10px;
		box-sizing: border-box;
	}

	.article a:hover {
		text-decoration: underline;
	}

/*--- MENU ----*/

#page_menu{
	box-sizing: border-box;
	float: left;
	display: block;
	width: 100%;
	background: #fff;
	border: 1px solid #bababa;
	border-radius: 5px;
	padding-bottom: 4px;
	margin-bottom: 15px;
	box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
}	
	
	#page_menu_block{padding-bottom:5px;}

	
	a.menu_link{
		display: block;
		margin: 5px;
		padding: 8px 5px;
		font-size: 10pt;
		font-weight: bold;
		color: #fff;	
		text-shadow: #111 0px 1px 1px;
		background: #d41432;
		background: url(data:image/svg xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0MTQzMiIgc3RvcC1vcGFjaXR5PSIxIi8 CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ODA0MjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc );
		background: -moz-linear-gradient(top, #d41432 0%, #980424 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d41432), color-stop(100%,#980424));
		background: -webkit-linear-gradient(top, #d41432 0%,#980424 100%);
		background: -o-linear-gradient(top, #d41432 0%,#980424 100%);
		background: -ms-linear-gradient(top, #d41432 0%,#980424 100%);
		background: linear-gradient(to bottom, #d41432 0%,#980424 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d41432', endColorstr='#980424',GradientType=0 );
	}
	
	a.menu_link:hover {
		color: #FFF;
	}


/*--- FOOTER ----*/


#footer {
	display: block;
	width: 100%; 
	float: left;
	margin: 10px auto;
	text-align: center;
	font-size: 11pt;
	padding: 15px 0px;
	background-color: #fff;
	border: 1px solid #bababa;
	-o-box-shadow: 0px 0px 5px 0 rgba(0,0,0,.2);
	-webkit-box-shadow: 0px 0px 5px 0 rgba(0,0,0,.2);
	-moz-box-shadow: 0px 0px 5px 0 rgba(0,0,0,.2);
	box-shadow: 0px 0px 5px 0 rgba(0,0,0,.2);
	border-radius: 5px;
}

	#footer a{}
	#footer a:hover{text-decoration:underline;} 

	/*footer links*/
	.footer_links{display:block;width:950px;margin:auto;}
	.footer_links a{float:left;text-align:left;width:225px;padding:5px;}
	
#form_contact{width:500px;background:#DFDFDF;border:1px solid #CCC;margin: 20px auto;-moz-border-radius:8px; -webkit-border-radius:8px;border-radius:8px;}
	#form_contact label{display:block;margin:10px 0px 3px 50px;color:#111;font-style:italic;font-size:9pt;}
	#form_contact input[type=text], #form_contact textarea{display:block;width:400px;margin:auto;padding:5px;background:#FFF;border:1px solid #CCC;color:#777;font-size:11pt;-moz-border-radius:8px; -webkit-border-radius:8px;border-radius:8px;}
	#form_contact input[type=text]:hover, #form_contact textarea:hover{border:1px solid #777;}
	#form_contact input[type=text]:focus, #form_contact textarea:focus{border:1px solid #777;background:#FCFFDF;color:#111;}
	#form_contact textarea{height:150px;}
	#form_contact input[type=submit]{display:block;width:200px;margin:20px auto;padding:5px;background:#777;border:1px solid #555;color:#DFDFDF;font-size:11pt;-moz-border-radius:8px; -webkit-border-radius:8px;border-radius:8px;}
	#form_contact input[type=submit]:hover{background:#AAA;border:1px solid #777;color:#FFF;text-shadow:#FFF 0px 0px 9px;}
	
/*--- Espace pub----*/	
#pub1{position:absolute;display:block;top:0px;right:0px;width:200px;height:200px;float:right;text-align:center;background:#FFF;border:1px solid #DDD;-moz-border-radius:3px; -webkit-border-radius:3px;border-radius:3px;}
#pub2{clear:both;display:block;float:left;width:300px;height:250px;margin:10px 10px 10px 20px;text-align:center;}	
#pub3{display:block;width:728px;height:90px;margin:auto;margin-top:10px;text-align:center;}	
#pub4{display:block;width:160px;height:600px;margin:10px auto;text-align:center;}

.ok{width:470px;margin: 20px auto;padding:15px;text-align:center;background : #153F00;color: #FFF;font-size:14px;font-weight:bold;-moz-border-radius:8px; -webkit-border-radius:8px;border-radius:8px;}
.nok{width:470px;margin: 20px auto;padding:15px;text-align:center;background : #8F0A00;color: #FFF;font-size:14px;font-weight:bold;-moz-border-radius:8px; -webkit-border-radius:8px;border-radius:8px;}	

/*Galerie*/
.gal_clic{float:left;cursor:pointer;width:160px;margin:5px 10px;}
.gal_thumb{display:block;width:140px;height:105px;margin:auto;border:1px solid #FFA3CB;padding:3px;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
.gal_pop_pict{display:block;margin:auto;-moz-box-shadow: 0px 0px 5px #FFF;-webkit-box-shadow: 0px 0px 5px #FFF;box-shadow: 0px 0px 5px #FFF;}
.gal_pop_thumb{cursor:pointer;width:140px;height:105px;border:1px solid #777;padding:2px;position:absolute;top:200px;}
.gal_pop_thumb:hover{border:1px solid #FFF;-moz-box-shadow: 0px 0px 5px #FFF;-webkit-box-shadow: 0px 0px 5px #FFF;box-shadow: 0px 0px 5px #FFF;}
.thumb_before{left:0px;}
.thumb_next{right:0px;}

/*POP*/
#pop1{display:none;position:fixed;background:#111;z-index:99991;height:100%;width:100%;left:0px;top:0px;clear:both;opacity: 0.7;filter: alpha(opacity=70);}
#pop2{display:none;position:fixed;z-index:99992;width:1100px;top:80px;left:50%;text-align:center;margin-left:-550px;}
#pop3{display:none;position:fixed;cursor:pointer;z-index:99995;top:55px;right:50%;text-align:center;color:#999;font-size:9pt;margin-right:-400px;}
#pop3:hover{color:#FFF;text-shadow:#FFF 0px 0px 9px;}

/*slide swhow*/
div#feature_list {width: 980px;height: 320px;overflow: hidden;position: relative;background: #FFF;border: 1px solid #CCC;margin: 10px auto;}
div#feature_list ul {position: absolute;top:0;list-style: none;padding:0px;margin: 0px;}
ul#tabs {left: 0;z-index: 2;width: 320px;}
ul#tabs li {font-size: 10pt;}
	ul#tabs li a {display: block;padding: 10px;height: 60px;outline: none;}
	ul#tabs li a:hover {text-decoration: underline;}
	ul#tabs li a.current {background:  url('http://www.akakorleon.com/QSYIKBBcjuM0/feature-tab-current.png');color: #FFF;text-shadow:#FFF 0px 0px 8px;}
	ul#tabs li a.current:hover {text-decoration: none;cursor: default;}
	ul#output {right: 0px;width: 693px;height: 320px;position: relative;}
	ul#output li {position: absolute;width: 693px;height: 320px;}
	ul#output li img{width: 693px;height: 320px;}
	ul#output li a {position: absolute;bottom: 10px;right: 10px;padding: 8px 12px;color: #FFF;background: #777;-moz-border-radius:8px; -webkit-border-radius:8px;border-radius:8px;}
	ul#output li a:hover {background: #000;text-shadow:#FFF 0px 0px 6px;}
	
/*Slideshow B*/
.clear {clear:both}
#gallery {position:relative;height:453px;width:980px;margin:10px auto;border: 1px solid #CCC;}
#gallery a {float:left;position:absolute;width:980px;}
#gallery a img {border:none;width:980px;height:450px;}
#gallery a.show {z-index:500;}
#gallery .caption {z-index:600;background-color:#000;color:#ffffff;height:100px;width:100%;position:absolute;bottom:0;}
#gallery .caption .content {margin:5px 8px;text-shadow:#000 0px 1px 1px;}
#gallery .caption .content h3 {margin:0px;padding:0;color:#FFF;font-weight:bold;text-shadow:#FFF 0px 0px 9px;}


/*Last desc*/
.last_desc{width:960px;margin:15px auto;padding:10px;font-size:10pt;background:#FFF;-o-box-shadow: 0px 0px 5px #CCC;-webkit-box-shadow:  0px 0px 5px #CCC;-moz-box-shadow:  0px 0px 5px #CCC;box-shadow: 0px 0px 5px #CCC;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.last_desc h2{font-size:12pt;}
.last_desc p{margin:3px 20px;text-align:justify;}

/*Liens footer   boutons social*/
#liens_footer ul{ padding: 0 }

#liens_footer li{ display: block; text-align: center;}
#liens_footer li.ml::before {content: "";}
#liens_footer .fb {margin-left:10px;}
#liens_footer .g1 {width:64px;}
#liens_footer .fb, #liens_footer .g1, #liens_footer .tw {margin-top:-3px;}

.der_actu_box {
	display: none;
}

#header {
	box-sizing: border-box;
	width: 980px;
	height: 90px;
	margin-top: 10px;
	overflow: hidden;
	background-color: #fff;
	border: 1px solid #bababa;
	-o-box-shadow: 0px 0px 5px 0 rgba(0,0,0,.2);
	-webkit-box-shadow: 0px 0px 5px 0 rgba(0,0,0,.2);
	-moz-box-shadow: 0px 0px 5px 0 rgba(0,0,0,.2);
	box-shadow: 0px 0px 5px 0 rgba(0,0,0,.2);
	border-radius: 5px;
}

#page_menu_block .menu_link {
	display: block;
	float: left;
	width: 49%;
	overflow: hidden;
	box-sizing: border-box;
	word-break: break-all;
	margin: 0 0.5% 2px;
	border-radius: 4px;
}

#page_menu_block .menu_link:first-child {
	display: none !important;
}

#page_menu_block .menu_link:first-child:after {
	content: "";
	display: block;
	clear: both;
}

#liens_footer .fb {
	clear: both !important;
}

#liens_footer .fb,
#liens_footer .g1,
#liens_footer .tw {
	display: none;
	/*display: block !important;
	float: left !important;
	margin-top: 10px !important;*/
}

#footer br {
	display: none;
}

@media(max-width: 1024px) {

	#header {
		width: 98%;
	}

	#page_ctnu, #page_menu, #footer {
		width: 100%;
	}
	
	#page {
		width: 98%;
		box-sizing: border-box;
	}
	
}
@media(max-width: 580px) {
	#page_menu_block .menu_link {
		box-sizing: border-box;
		width: 98%;
		float: none;
		padding: 10px 4px;
		margin: 0 auto 2px;
	}
}