html, body {
	background: #000;
	margin: 0;
	padding: 0;
	font-family:Georgia, "Times New Roman", Times, serif;
}
body {
	/font-size: 105%;
}
code {
	/font-size: 85%;
	/font-family: 'Lucida Console';
}
div.body {
	background: white;
	margin: 1em 10%;
	padding: 0 1em;
	border: 1px solid #bedce7;
}
a:link, a:visited {
	color: #4183ca;
}
h1 {
  margin: .5em 0;
}
h2, p, ul, ol, li, pre, hr {
  margin-top: .8em;
  margin-bottom: .8em;
}
hr {
  /margin: 0;
}
em {
  color: #555;
}
p.menu {
	font-family: sans-serif;
	font-size: 90%;
}
p.footer {
	font-size: 90%;
}
div.demo {
	border: 1px solid #555;
  	margin: 0 auto;
	width: 550px;
}
#test1 {
	height: 367px;
}
#test2 {
	height: 200px;
}
#test3, #test4 {
	height: 367px;
}
hr {
	border: none;
	color: #bedce7;
	background-color: #bedce7;
	height: 1px;
}
p {
	text-align: justify;
}
div.right {
	font-size: 90%;
	right: 10%;
	padding-right: 1.2em;
	position: absolute;
	width: 90px;
}
div.right button {
	width: 90px;
}

#menu{
	width:100%;
}
#menu ul{
	margin:0 0 0 -30px;
	height:35px;
	position: relative;
	background-color:#333;
}
#menu ul li{
	display:inline-block;
	margin:0px;
	padding:5px;
	position: relative;
}
#menu ul li a{
	color:#E6E6E6;
	font-weight:lighter;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:9px;
	text-decoration:none;
	line-height:3;
}
#menu ul li.actif a{/*
	background:url(menu/top_hover.png) top center no-repeat;*/
	color:#E6E6E6;
	font-size:12px;
	font-weight:bold;
}

#menu ul li.actif{
	background-color:#000;
}

#menu ul li ul{
	position: absolute;
	display:block;
	visibility:hidden;
	margin: 0 0 0 10px;
	padding: 0;
	background:#000;
}

#menu ul li ul li{
	border-bottom:#333 2px solid;
	padding-top:0px;
	width:200px;
	z-index:99999999;
	background:#000;
}

#menu ul li ul li:hover{
	/*background:#333;*/
}

#menu ul li.actif ul li a{
	line-height:normal;
	font-weight:lighter;
	font-size:9px;
	color:#999;
}

#menu ul li.actif ul li a:hover{
	color:#FFF;
	
}

#menu ul li ul li a{
	line-height:normal;
	color:#999;
}

#menu ul li ul li a:hover{
	color:#FFF;
}
#logo{ opacity:0.70;}

#logo .logo{
	width:106px;
	height:160px;
	float:left;
	margin-top:30px;
}

#logo .menu_bot{
	width:300px;
	height:125px;
	float:left;
	
}

#logo .menu_bot ul li{list-style:none; margin:0px;}
#logo .menu_bot ul li a{
	font-size:10px;	
	color:#666;
	font-weight:bold;
	text-decoration:none;
}
#logo .menu_bot ul li a:hover{
	color:#fff;
}

#logo .menu_bot ul li a.actif{
	color:#fff;
	font-size:12px;
}
#logo .logo_pics{
	width:230px;
	height:160px;
	float:left;
}

#logo_ .logo{
	width:106px;
	height:160px;
	float:left;
	margin-top:30px;
}

#logo_ .menu_bot{
	width:300px;
	height:125px;
	float:left;
	
}

#logo_ .menu_bot ul li{list-style:none; margin:0px;}
#logo_ .menu_bot ul li a{
	font-size:10px;
	
	color:#666;
	font-weight:bold;
	text-decoration:none;
}
#logo_ .menu_bot ul li a:hover{
	color:#fff;
}

.menu_ce{ padding-top:10px;}
.menu_ce li{ list-style:none;}
.menu_ce li a{ color:#999; font-size:18px; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif;}
.menu_ce li a:hover{ color:#FFF;}

#cont{ width:90%; margin:20px auto;}

.title_gr{ font-size:12px; width:100%; color:#BB905D; float:left; margin:30px 0 0 0;}

.title_gr_{ font-size:25px; width:15%; color:#E5E5E5; float:left; margin:20px 0 0 0;}

.voir_plus{ width:100%; float:right; margin:20px 0 0 20px; text-align:right}

.voir_plus_{ width:82%; float:right; margin:20px 0 0 20px; text-align:right;}
.title_pt{ font-size:12px; color:#666; float:left; width:100%; margin-bottom:20px;}
.silou{ float:left; width:49%; margin:20px 0 0 0; text-align:center;}
.silou_eq{ float:left; width:29%; margin:20px 0 0 0; text-align:center;}
.texto{ float:right; width:49%; color:#999; text-align:justify; margin:20px 0 0 0; font-style:italic; font-size:12px;}

.corp_tt{ float:left; width:100%;}

.equipe_mem h4{ color:#CCC; font-size:12px; font-weight:lighter;}
.equipe_mem ul li a{ color:#CCC; text-decoration:none;}
.equipe_mem ul li a:hover{ color:#FFF; text-decoration:none;}
.equipe_mem ul li a.actif{ color:#FFF; text-decoration:none; font-weight:bold;}
.equipe_mem ul li span{ color:#999; text-decoration:none; margin-left:10px;}

.equipe_mem_ h4{ color:#CCC; font-size:12px; font-weight:lighter;}
.equipe_mem_ ul li a{ color:#CCC; text-decoration:none; font-size:11px;}
.equipe_mem_ ul li a:hover{ color:#FFF; text-decoration:none;}
.equipe_mem_ ul li a.actif{ color:#FFF; text-decoration:none;}
.equipe_mem_ ul li span{ color:#999; text-decoration:none; margin-left:10px;}

.texto_{ float:left; width:40%; margin:20px 0 0 0; border-left:#333 1px solid; padding-left:5px;}
.texto_ h4{ color:#CCC; font-size:18px; margin:0; text-align:left;}
.texto_ h3{ color:#999; font-size:16px; margin:0px 0 0 40px; text-align:right;}
.texto_ p { text-align:justify; color:#333; font-size:14px; font-style:italic;}
.voir_plus .button{color:#E6E6E6; font-weight:lighter; font-family:"Times New Roman", Times, serif; font-size:12px; text-decoration:none; margin-left:3px; margin-right:3px;}
.voir_plus .button:hover{}

.voir_plus .button_{color:#E6E6E6; font-weight:lighter; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; text-decoration:none; margin-left:10px; margin-left:0px;}
.voir_plus .button_:hover{ text-decoration:underline;}

.paginat{ text-align:center; font-size:12px; margin-top:0px;}
.paginat a{ color:#CCC}
.paginat a:hover{ color:#FFF}

.lick_p{float:left; text-align:right; margin-top:80px; width:22%; text-align:right;}
.lick_p a{ color:#999; font-size:10px; text-decoration:none;}
.lick_p a:hover{ color:#FFF;}

.caption_{ color:#FFF; width:22%; font-size:12px; margin-top:20px; text-align:center; float:left}















.contactform{
	width: 352px;
	height: 218px;
	position: relative;
	float: left;
	top: 0;
}
.contactform ul.form{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}
.contactform ul.form li{
	width: 352px;
	height: 35px;
	position: relative;
	color: #000;
	list-style:none;
}
.contactform ul.form input{
	width: 345px;
	height: 18px;
	position: relative;
	float: left;
	background: #1f1e1e;
	border-bottom: 1px solid #383737;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	color: #696969;
	padding: 3px;
	font-family: "Helvetica", "Arial", sans-serif;
	font-size: 12px;
}
.contactform ul.form input:focus{
	background: #363636;
	color:#b5b5b5;
	border-bottom: 1px solid #454545;
}
.contactform ul.form .message{
	width: 345px;
	height: 90px;
	position: relative;
	float: left;
	background: #1f1e1e;
	border-bottom: 1px solid #383737;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	color: #696969;
	padding: 3px;
	font-family: "Helvetica", "Arial", sans-serif;
	font-size: 12px;
}
.contactform ul.form .message:focus{
	background: #363636;
	color:#b5b5b5;
	border-bottom: 1px solid #454545;
}
/** Form validation **/
.form_error{
	color: #BD3030;
    display: block;
    float: left;
    font-size: 11px;
    height: auto;
    left: 0;
    padding: 5px;
    position: relative;
    width: 100%;
}

.form_success{
	color: #14af08;
	font-size: 11px;
	position: relative;
	float: left;
	height: auto;
	width: 100%;
	font-style: italic;
	display: block;
	padding: 20px 0 10px 0;
}
.contactform ul.form .button{
	width: 90px;
	height: 30px;
	position: relative;
	float: left;
	border: none;
	background: url(../img/btnsend.png) no-repeat top;
	background-position: 0 0;
	top: 0;
	display: block;
	left: 0;
}

#top{
	width: 100%;
	height: 1px;
	background: #000;
}
#top .btntopslide{
	width: 1035px;
	height: 30px;
	position: relative;
	margin: 0 auto;
	right: 0;
}
#toggle{
	position: relative;
	float: right;
	width: 59px;
	height: 30px;
	z-index: 999;
	list-style: none;
}
#toggle .open{
	position: relative;
	float: left;
	width: 59px;
	height: 30px;
	background: url(../img/btntopslide_open.png) no-repeat;
	background-position: 0 0;
	display: block;
}
#toggle .close{
	position: relative;
	float: left;
	width: 59px;
	height: 30px;
	background: url(../img/btntopslide_close.png) no-repeat;
	background-position: 0 0;
	display: block;
	top: -33px;
}