body{
	margin:0px;
	background-color:#bbd930;
}

#barre_haut{
	width:100%;
	height:50px;
	background-image:url("pics/fond_barre_haut.png");
	margin-bottom:10px;
}

#barre_haut .logger{
	float:right;
	margin-right:20px;
}	

#barre_haut .logger .champ{
	border:solid 1px #ffffff;
	background-color:#bbd7eb;
	color:#333333;
	float:left;
	margin-right:10px;
	position:relative;
	top:5px;
	margin-bottom:5px;
}

#barre_haut .logger label{
	font-family:arial;
	color:#eeeeee;
	font-size:12px;
	margin-right:35px;
}

#barre_haut .logger a{
	font-family:arial;
	color:#eeeeee;
	font-size:12px;
}


#barre_haut .logger .connexion{
	width:100px;
	height:40px;
	background-image:url("pics/bt_connexion.png");
	float:left;
	position:relative;
	top:5px;
}
#barre_haut .logger .connexion:hover{
	background-position:100% 0%;
}

#barre_haut .logger .deconnexion{
	width:100px;
	height:40px;
	background-image:url("pics/bt_deconnexion.png");
	float:left;
	position:relative;
	top:5px;
}
#barre_haut .logger .deconnexion:hover{
	background-position:100% 0%;
}

#barre_haut .logger .droite{
	float:left;
}

#barre_haut .logger .droite .nom{
	font-family:arial;
	color:#eeeeee;
	padding-top:13px;
	display:block;
	margin-right:10px;
}

#fader{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:#000000;
	display:none;
	opacity:0.8;
	filter:alpha(opacity:80);
	z-index:30000;
}


#photo{
	border:solid 2px #000000;
	top:0px;
}





#cban{
	width:1024px;
	height:300px;
	position:relative;
	margin:0px auto;
	background-color:#ffffff;
}

#logo{
	width:160px;
	height:120px;
	background-image:url("pics/gds_vosges.png");
	position:absolute;
	top:-50px;
	left:-70px;
	z-index:1000;
}

#right_corner{
	width:40px;
	height:40px;
	background-image:url("pics/right_corner.png");
	position:absolute;
	top:0px;
	left:984px;
	z-index:500;
}

#lediapo{
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}






#cmenu{
	width:1044px;
	height:50px;
	margin:0px auto;
	position:relative;
}

#cmenu .men{
	height:50px;
	float:left;
}

#cmenu .men:hover{
	background-position:100% 0%;
}

#men1{
	width:96px;
	background-image:url("pics/men1.png");
}
#men2{
	width:132px;
	background-image:url("pics/men2.png");
}
#men3{
	width:118px;
	background-image:url("pics/men3.png");
}
#men4{
	width:177px;
	background-image:url("pics/men4.png");
}
#men5{
	width:53px;
	background-image:url("pics/men5.png");
}
#men6{
	width:163px;
	background-image:url("pics/men6.png");
}
#men7{
	width:60px;
	background-image:url("pics/men7.png");
}
#men8{
	width:80px;
	background-image:url("pics/men8-b.png");
}
#men9{
	width:64px;
	background-image:url("pics/men9.png");
}
#men10{
	width:101px;
	background-image:url("pics/men10.png");
}

#cmenu .pan a{
	display:block;
	text-decoration:none;
	color:#666666;
	font-family:century gothic;
}

#cmenu .pan a:hover{
	color:#83952c;
}

.pan{
	position:absolute;
	background-color:#eeeeee;
	border:solid 1px #aaaaaa;
	padding:5px;
	top:43px;
	display:none;
	font-weight:bold;
	z-index:10;
}

.pan a{
	padding:10px;
}

#pan1{
	left:96px;
}
#pan2{
	left:228px;
}
#pan3{
	left:346px;
}
#pan4{
	left:523px;
}
#pan5{
	left:576px;
}
#pan6{
	left:738px;
}
#pan7{
	left:798px;
}
#pan8{
	left:810px;
}

a{
	outline:none;
}

.spacer{
	clear:both;
}








#cont{
	width:1024px;
	margin:0px auto;
}

#gauche{
	width:700px;
	float:left;
	margin-right:20px;
}
#gauche .in{
	padding:10px;
}


#droite{
	width:300px;
	float:left;
	background-color:#cce559;
}

#droite .in{
	padding:10px;
}

#droite .bld_h{
	width:260px;
	height:15px;
	background-image:url("pics/bld_h.png");
	margin:0px auto;
}

#droite .bld_m{
	width:260px;
	background-image:url("pics/bld_m.png");
	background-repeat:repeat-y;
	margin:0px auto;	
}

#droite .bld_m .in{

}

#droite .bld_b{
	width:260px;
	height:15px;
	background-image:url("pics/bld_b.png");
	margin:0px auto;	
}



#footer{
	height:170px;
	width:100%;
	background-image:url("pics/footer.png");
}

#footer .in{
	width:1024px;
	margin:0px auto;
}

#footer .in ul{
	color:#eeeeee;
	list-style-type:none;
	float:left;
	margin:0px;
	list-style-position:none;
	line-height:10px;
	position:relative;
	top:-20px;
}


#footer .in li a{
	color:#eeeeee;
	font-family:arial;
	font-size:11px;
	text-decoration:none;
}
#footer .in li a:hover{
	color:#bbd930;
}

#footer .in .credit{
	float:right;
	position:relative;
	top:-50px;
}

#footer .in .credit img{
	border:none;
}







.bt_info{
	width:271px;
	height:81px;
	display:block;
	margin:0px auto;
}
.bt_info:hover{
	background-position:100% 0%;
}

#bti1{
	background-image:url("pics/info1.png");
}	

#bti2{
	background-image:url("pics/info2.png");
}

#bti3{
	background-image:url("pics/info3.png");
}

#bti4{
	background-image:url("pics/info4.png");
}

#bt_archives{
	display:block;
	width:267px;
	height:87px;
	background-image:url("pics/acces_archives.png");
	margin:0px auto;
}

#bt_archives:hover{
	background-position:100% 0%;
}


.help{
	width:33px;
	height:33px;
	background-image:url("pics/help.png");
	display:block;
}

.help:hover{
	background-position:100% 0%;
}

.ill{
	margin:10px;
	border:solid 1px #000000;
}

#bt_toutes_actus{
	width:197px;
	height:47px;
	background-image:url("pics/toutes_actus.png");
	display:block;
	float:right;
	margin-right:50px;
}

#bt_toutes_actus:hover{
	background-position:100% 0%;
}