/*********************************************************************
 ******************* TOP BOTTOM ARTICLE GALERIE **********************
 *********************************************************************/
 
@import url(galerie.css);
@import url(diaporama.css);

/*********************************************************************
 ****************************** GENERAL ******************************
 *********************************************************************/

body, html {
	background-color:#000000;
	color:#7f7f7f;
	padding: 0;
	margin: 0;
	font-family: "Arial", sans-serif;
	font-size: 12px;
}
a{
	color:#4d00ff;
}
img {
	border: none;
}

a {
	text-decoration: none;
	color: #4D4D4D;
}

*:focus {
	outline: none;
}

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

.acc_toggler {
	margin: 0;
	padding: 0;
	cursor: pointer;
	width:282px;
	height:49px;


} 
#home-img{
	color:#FFFFFF;
	margin-left:35px;
	margin-top:25px;
}

#flo{
	background:url(../img/flo.png) no-repeat;
	width:180px;
	height:325px;
	float:left;
	}
#vid{
	background:url(../img/vid.png) no-repeat;
	width:430px;
	height:325px;
	float:left;
	margin-left:13px;
	}
.articles{
	margin-top:48px;
	}
.article {
	margin-left:20px;
	color:#FFFFFF;
}
.article_plus{
	background:url(../img/savoirplus.png) no-repeat;
	width:181px;
	height:54px;
	color:#4d00ff;
	display:block;
	text-align:center;
	text-decoration:none;
	padding-top:12px;
	position:absolute;
	margin-left:15px;
	margin-top:7px;
}
.article p{
	margin-left:20px;
	width:610px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#8b8b8b;
	}

.article h2{

}
.acc_toggler a{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../img/cat.png) no-repeat scroll 0 0;
	color:#BCBCBC;
	display:block;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:normal;
	height:27px;
	padding:16px;
	text-transform:uppercase;
	width:250px;
}
.acc_toggler a:hover{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../img/cathover.png) no-repeat scroll 0 0;
	display:block;
	height:17px;
	width:250px;
}
.acc_element h3 {
	font-family:arial;
	font-weight:normal;
	margin:12px 0 0 41px;
	padding:0;
} 

.acc_element a{
	height:20px;
}
/* ------ GALERIES ------ */

div.galeries {
}

div.galerie {
	display: block;
	clear: both;
	margin: 10px 0 10px 42px;
}

h2.galerie {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../img/bgh2.png) no-repeat scroll center bottom;
	color:#E7DFDF;
	font-size:20px;
	font-weight:normal;
	margin-left:-20px;
	padding-bottom:12px;
	padding-left:35px;
	width:658px;
}

div.photos {
	display: block;

}

div.photo {
	border: 1px solid #888;
	float: left;
	margin: 0 8px 0 0;
	text-align: center;
	width: 120px;
	height: 120px;
	padding: 6px 2px;
	margin-top:10px;
	}

img.photo {
	max-width: 100px;
	max-width: 100px;
}

div.photo div.photoName {
	padding: 6px 0;
}

/* ------ CONTACT ------ */

div.contact_frame {
	padding-left:26px;
}

div.contact_line {
	padding: 6px 6px 10px 6px;
	border-top: none;
}

div.contact_line div.contact_field_name {
	float: left;
	width: 150px;
	padding: 7px 0 0 0;
	font-weight: bold;
}

div.contact_line div.contact_field_value {
	margin-left: 160px;
}

span.contact_field_cross {
	color: #c00;
	font-weight: bold;
}

div.contact_line.highlight {

}

div.contact_line input , div.contact_line textarea {
	margin-top: 3px;
}

div.contact_submit {
	float: right;
	margin: 10px 8px 0 10px;
}
.contact_submit input {
margin-right:126px;
}
div.contact_error {
	border: 1px solid #a00;
	padding: 3px 6px;
	color: #a00;
	font-size: 11px;
	background: #fee;
	margin: 4px 0 0 0;
	font-weight: bold;
 	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 400px;
}
#inscription {
	padding-left:35px;
}
.msg_erreur {
	padding-left:35px;
}
.bouton_suivant {
	border:1px solid #4d00ff;
	float:right;
	margin-right:216px;
	margin-top:15px;
	padding-left:6px;
	padding-right:6px;
}
.bouton_suivant:hover {
	color:#CCCCCC;}
/* ------ STRUCTURE DE LA PAGE (DECOUPAGE) ------ */

h1 {
	text-indent: -9999px; 
	margin: 0;
	padding: 0;
}

h2.blockactualite {
	background:url(../img/actualite.png) no-repeat;
	width:282px;
	height:164px;
	margin: 0px;
	color:#FFFFFF;
	font-size: 15px;
	margin-top:41px
}

div.blockactualite {

}

h3 {
	margin: 0;
	padding: 0;
	font-size: 14px;
}

#conteneur {
	background:url(../img/bgconteneur.png) no-repeat center top;
	background-color:#000000;
	width:100%;

}

#page {

	width: 981px;
	margin: auto;
	padding-left:7px;
}

#header {
	height:384px;
	min-height: 180px;
	margin-left:2px;
	padding-top:10px;
}
#animation{
	position:absolute;
	top:41px
	}
.logosite {

	height:85px;
	margin-left:23px;
	margin-top:37px;
	position:absolute;
	width:236px;
}
	
#lien{
	position:absolute;
	margin-left:599px;
	width:381px
}
#lien ul{
	list-style:none;
	display:inline;
}
#lien li{
	margin-right:5px;
	display:inline;
}
#lien .plansite{
 background:none;}
#lien a{
	background:url(../img/sep.png) no-repeat right;
	height:14px;
	color:#7f7f7f;
	padding-right:10px
}
#lien a:hover{
	color:#cccccc;
}
#body {
	background: #060606;
	margin: 5px 0;
	border: 1px solid #101010;
}
#menu {

	background:transparent url(../img/bgmenu.png) no-repeat scroll 0 0;
	height:49px;
	padding-top:1px;
	width:981px;
	margin-top:-9px;
	position:relative;
	
}
.blocknews{
	height:27px;
	margin-left:55px;
	margin-top:-4px;
	width:250px;
	
}
.blocknews form{

	margin-left:10px;
	margin-top:11px;
}

}
.blocknews ul{

	list-style:none;
}

.blocknews li{
	display:inline;
}

.id_text{
	background:url(../img/news.png) no-repeat;
	border:none;
	width:163px;
	padding-left:10px;
	color:#FFFFFF;
	float:left;
	height:27px;
	padding-top:4px;
}
.boutonnews{
	background:url(../img/boutonnews.png) no-repeat;
	width:24px;
	height:27px;
	border:none;
	cursor:pointer;
	float:left;

		
}
#menuliste {
	right:20px;
	top:0px;
	.top:11px;
	position:absolute
}
#menuliste ul{
	list-style:none;
	
}
#menuliste li{
	display:inline;
}
a.quisommesnous{
	background:url(../img/menu1.png) no-repeat;
	width:128px;
	height:27px;
	float:left;
	margin-right:9px;
	}
a.quisommesnous:hover{
	background:url(../img/menu1hov.png) no-repeat;
	width:128px;
	height:27px;
	float:left;
	}
a.contacteznous{
	background:url(../img/menu2.png) no-repeat;
	width:128px;
	height:27px;
	float:left;
	margin-right:9px;

}
a.contacteznous:hover{
	background:url(../img/menu2hov.png) no-repeat;
	width:128px;
	height:27px;
	float:left;
}	

a.planacces{
	background:url(../img/menu3.png) no-repeat;
	width:95px;
	height:27px;
	float:left;
}
a.planacces:hover{
	background:url(../img/menu3hov.png) no-repeat;
	width:95px;
	height:27px;
	float:left;
}

#body #wrapper {

	height: 100%;
	float: right;

}
#leftconteneur{
	width:282px;}
#body #left {
	border: 1px solid #101010;
	background-color:#090909;
	width: 282px;
	float: left;
	min-height: 300px;
}
#underleft{
	background:url(../img/underleft.png) no-repeat center;
	width:281px;
	height:179px;
	float:left;
	}

#body #right {

	float: right;
	width: 200px;
	min-height: 300px;
}
#inscnews{
}
#body .center {
	
	width: 680px; /* 980(taille page) - 200(colone gauche) - 200(colone droite) - 20(margin gauche ET droite) */
	float: left;
	min-height: 300px;
	margin-right:-8px;

}
#body .center h2{

	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../img/bgh2.png) no-repeat scroll center bottom;
	color:#E7DFDF;
	font-size:20px;
	font-weight:normal;
	margin-left:4px;
	padding-bottom:10px;
	padding-left:27px;
	}

width:610px;

#arbo {
	padding-left:23px;
	padding-top:15px;
}
.arbo {
margin-top:13px;
margin-left:34px;
}
.arbo a{
	
	color:#4d4d4d;
}

.arbo a:hover{
	color:#cbcbcb;
}
#footer {
	background:url(../img/footer.png) no-repeat center;
	width:100%;
	height:249px;
	min-height: 100px;
}
#footerlinks{
	
	height:26px;
	margin-left:254px;
	
	}
#footerlinks a{
	display:inline;
	float:left;
	margin-right:24px;
	color:#7f7f7f;
	text-transform:uppercase;
	font-size:11px;
	}
#footerlinks li{
	display:inline;}
#footerlinks a:hover{
	color:#FFFFFF;
}
#footerlinks li.mentions a{
margin-right:0px;
}
#logoeki{
	background:url(../img/logo.png) no-repeat;
	width:121px;
	height:44px;
	position:absolute;
	margin-top:90px;
	margin-left:60px;
}
#adesse{
	color:#7f7f7f;
	margin:105px auto auto 465px;
	position:absolute;
}
#map_canvas{
	color:#7f7f7f;
	margin-left:25px;}