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:#606060;
	background: #E7EBF2;
	font-family:"Arial";
}
a{
	text-decoration:none;
	color:#555;
}
a:hover{
	color:#111;
}


/*--- HEADER ----*/
#header{
	display:block;
	position:relative;
	width:980px;
	height:90px;
	margin:10px auto;
	background: #3B5998 url('diz/header.png') no-repeat top center;
	border:1px solid #CCC;
	box-sizing: border-box;
}
	#home{
	display:block;
	width:980px;
	height:100%;
	margin:auto;
	box-sizing: border-box;
	}
	
/*--- PAGE ----*/
#page{
	display:block;
	width:980px;
	margin:auto;
	padding:10px 0px;
	background:#FFF;
	box-sizing: border-box;
	border:1px solid #CCC;
}
#page_ctnu{
	float:left;
	width:730px;
	
	margin-left:10px;
	
}
	#page_ctnu h1, .article h2, .article h3, .article h4{
		display:block;
		padding:8px !important;
		background:#3B5998;
		color:#FFF;

		margin:5px;
	}
	#page_ctnu h1  {font-size:18px;}
	.article h2 {font-size:16px;background:rgba(59, 89, 152, 0.81);}
	.article h3 {font-size:14px;background:rgba(59, 89, 152, 0.81);}
	.article h4 {font-size:13px;background:rgba(59, 89, 152, 0.81);}

	.article{
		display:block;
		text-align:justify;
		font-size:14px;
		line-height:14pt;
	}
		.article p{
			margin-top:5px;
			padding:8px 15px;
		}
		.article a{
			color:#374853;
			text-decoration:none;
		}
		.article a:hover{
			color:#000000;
			text-decoration:underline;
		}

/*--- MENU ----*/
#page_menu{
	float:right;margin-right:5px;
	display:block;
	width:220px;
}	
	#page_menu_block{
		padding-bottom:5px;
	}
	
	#page_menu h2{
		display:block;
		padding:5px 10px 3px 0px;
		color:#3B5998;
		font-size:15pt;
		font-weight:bold;
		margin:5px 0px;
	}
	
	a.menu_link{
		display:block;
		font-size:10pt;
		padding:10px 10px;
		color:#111;
		background:#F1F1F1;
		border:1px solid #C3CCDF;
		margin:5px 0px;
		-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;
		
	}
	a.menu_link:hover{
		color:#FFF;
		background:#A7B4D1;
		text-shadow:#111 0px 1px 1px;
		
	}
	

.der_actu_box{ display: none; }
/*--- FOOTER ----*/
#footer{
	display:block;
	width:980px;
	margin: 10px auto;
	text-align:center;
	background:#3B5998;
	color:#FFF;
	font-size:14px;
	padding:10px 0px;
	border:1px solid #CCC;
}
	#footer a{
	color:#ffffff;
		
	}
	#footer a:hover{
	color:#ffffff;
		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:#CCC;
		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 #CCC;
		}
	#form_contact input[type=text]:focus, #form_contact textarea:focus{
		border:1px solid #CCC;
		background:#FCFFDF;
		color:#111;
	}
	#form_contact textarea{
		height:150px;
	}
	#form_contact input[type=submit]{
		display:block;
		width:200px;
		margin:20px auto;
		padding:5px;
		background:#CCC;
		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 #CCC;
		color:#FFF;
		text-shadow:#FFF 0px 0px 9px;
	}
/*--- Espace pub----*/	
#pub1{
	position:absolute;
	display:block;
	top:0px;
	left:50%;
	margin-left:288px;
	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 0px;
	text-align:center;
}	
#pub3{
	display:block;
	width:728px;
	height:90px;
	background:#DFDFDF;
	margin:auto;
	margin-top:10px;
	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 #BABABA;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 #CCC;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/diz/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: #CCC;
        -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 li{float:left;position:relative;margin-left:4px; list-style-type: none;}
#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;}


@media(max-width: 980px) {
	
	#liens_footer ul {
		padding: 0;
	}
	
	#liens_footer li {
		float: none;
		text-align: center;
	}
	
	#liens_footer li.ml::before {content: "";}
	
	#liens_footer .fb,
	#liens_footer .g1,
	#liens_footer .tw { 
		display: none;
	}

	#header, #page, #footer  {
		width: 98%;
		box-sizing: border-box;
	}

	#page_ctnu, #page_menu, #home {
		width: 100%;
		margin: 0;
		padding: 10px;
		box-sizing: border-box;
	}
	
	#page_menu_block a {
		box-sizing: border-box;
		width: 49%;
		float: left;
		padding: 10px 4px;
		margin: 2px 0.5%;
	}
	
	#page_menu_block a:first-child {
		box-sizing: border-box;
		width: 99%;
		float: none;
		padding: 10px 4px;
		margin: 0 auto 5px;
	}
	
	#page_menu h2{
		display:block;
		padding:8px;
		background:#3B5998;
		color:#FFF;
		font-size:15pt;
		margin:10px 5px 5px;;
	}
	

}
@media(max-width: 580px) {
	#page_menu_block a {
		box-sizing: border-box;
		width: 98%;
		float: none;
		padding: 10px 4px;
		margin: 0 auto 2px;
	}
}