@charset "UTF-8";
/* CSS Document */
*:after, *::before {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
* {
	margin:0;
	padding:0;
html  -ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
}
body {
	width:100%;
	margin:auto;
	min-width:15px;
	max-width:2000px;
	color:#000;
	font-size:15px;
	line-height:18px;
	font-family:Simone;
	font-weight:bold;
}
#page {
	width:100%;
	max-width:1024px;
	min-width:15px;

	margin:0 auto;
}

 
#top {
	width:20px;
	height:20px;
	position: fixed;
}
#togo {
	width:20px;
	height:20px;
}
a {
	font-family:simone;
}
h1 {width:160px;
font-size:22px;
text-align:center;
	
}
h3 {
	width:160px;
	margin-top:8px;
	font-size:16px;
text-align:center;
	color:#666;
	
}


#prez {
	width:570px;
	margin-top:8px;
	font-size:12px;
	text-align:center;
	color:#CCC;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:middle;
	margin-left:-200px;
	margin-bottom:20px;
	font-style:italic;
}
 #cr {left:-80px;
    overflow: hidden;
    position: fixed;
    top: 0;
    transition: height 0.3s ease 0s;
    width:7%;
    z-index: 10000;
	margin-top:300px;
	background-color:#000;
	}
	#cr:hover{
		width:20Opx;
		cursor:pointer;
		margin-left:80px;
		}
#header {
	width:100%;
	height:230px;
	max-width: 95%;
	margin: 0px auto 40px;
}
#logo {
	width:150px;
	height:150px;
	margin:60px auto 10px;
	display:block;
}
#menu {
	padding-left:0px;
	text-align:center;
}
nav {
	position:fixed;
	height:90px;
	border-bottom: 1px solid #ABABAB;
	margin: 30px auto 55px;
}
nav a {
	position: relative;
	display: inline-block;
	margin: 15px 28px;
	outline: none;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
	
}
nav a:hover, nav a:focus {
	outline: none;
}
/* Effect 14: border switch */
.cl-effect-14 {
	position: relative;
	z-index: 1;
}
.cl-effect-14 a {
	position:relative;
	padding: 0 5px;
	line-height: 28px;
	color:#000;
}
 .cl-effect-14 a::before, .cl-effect-14 a::after {
 position: absolute;
 width:28px;
 height: 2px;
 background: #000;
 content: '';
 opacity: 0.9;
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 transition: all 0.3s;
 pointer-events: none;
}
 .cl-effect-14 a::before {
 top: 0;
 left: 0;
 -webkit-transform: rotate(90deg);
 -moz-transform: rotate(90deg);
 transform: rotate(90deg);
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 transform-origin: 0 0;
}
 .cl-effect-14 a::after {
 right: 0;
 bottom: 0;
 -webkit-transform: rotate(90deg);
 -moz-transform: rotate(90deg);
 transform: rotate(90deg);
 -webkit-transform-origin: 100% 0;
 -moz-transform-origin: 100% 0;
 transform-origin: 100% 0;
}
 .cl-effect-14 a:hover::before, .cl-effect-14 a:hover::after, .cl-effect-14 a:focus::before, .cl-effect-14 a:focus::after {
 opacity: 1;
}
 .cl-effect-14 a:hover::before, .cl-effect-14 a:focus::before {
 left: 50%;
 -webkit-transform: rotate(0deg) translateX(-50%);
 -moz-transform: rotate(0deg) translateX(-50%);
 transform: rotate(0deg) translateX(-50%);
}
 .cl-effect-14 a:hover::after, .cl-effect-14 a:focus::after {
 right: 50%;
 -webkit-transform: rotate(0deg) translateX(50%);
 -moz-transform: rotate(0deg) translateX(50%);
 transform: rotate(0deg) translateX(50%);
}
img {
	filter: type(value);
	-webkit-filter: type(value);
	-moz-filter: type(value);
	-ms-filter: type(value);
	-o-filter: type(value);
}
#contenu {
	width:100%;
	height:auto;
}
#int {
	width:100%;
	height:100%;
}
h6 { font-family:simone;
	width:70%;
	margin-top:8px;
	font-size:16px;
text-align:center;
	color:#666;
	margin:40px 20px 10px 250px;
	display:block;
	
}

h2 { font-family:simone;
	width:105px;
	margin-top:8px;
	font-size:1px;
text-align:center;
	color:#FFF;
}
#c1 {
	width:33%;
	margin-top:20px;
	float:left;
}
#c2 {
	width:33%;
	margin-top:20px;
	float:left;
}
#c3 {
	width:33%;
	margin-top:20px;
	float:left;
}
#footer {
	width:100%;
	height:30px;
	font-family: 'Didot-italic';
	font-size: 1em;
	height: 40px;
	margin: 70px auto 65px;
	border-top: 1px solid #ABABAB;
	padding-top: 40px;
	position: relative;
	text-align: center;
	float:left;
	border-color: #099
}


#mentions { font-family:Arial, Helvetica, sans-serif;
font-style:italic;
font-size:9px; color:#999;}
h7 {color:#999;}