@charset "utf-8";
/* CSS Document */

body  {
	cursor: url("");
	background-color: #215767;
	margin:0;
	overflow-y:scroll;
	padding:0;
	text-align:center;
	font-family:"Arial", Gadget, sans-serif;
	text-align:center;
	font-size:14;
}	 
#conteneur {
	width:1000px;
	text-align:left;
	margin-right: auto;
	margin-left: auto;
}
#header{
	height:178px;
	width:1000px;
	background-image: url(images/Header.png);
	background-repeat: no-repeat;
	background-position: top;
	padding:0;
	margin:0;
}
#contenu {
	margin-top:-2px;
	width:1000px;
	background-image: url(images/Arrplan2.png);
	clear: both;
	} 
#principal{
	width:570px;
	float: left;
	margin-top: 60px;
	margin-left: 20px;
	padding-bottom:20px;
}
#droite{
	height: 600px;
	width: 210px;
	background-repeat: no-repeat;
	float: left;
	margin-top:40px;
	background-image: url(images/menu.png);
}
#gauche{
	float:right;
	text-align: left;
	width: 160px;
	padding-top:60px;
	margin-left:800px;
	position:absolute;
	}
	
#contenuphp{
	width:980px;
	padding-bottom:10px;
	margin-top: 10px;
} 

#diapo{
	margin-left:425px;
	width: 600px;
	padding-top:50px;
}
#diapofond{
	position:absolute;
	z-index:1;

}
#diapoin{
	position:absolute;
	z-index:2;
	margin-left : 25px;
	margin-top: 12.5px;
}
#pied {
	width:1000px;
	height:150px;
	background-repeat: no-repeat;
	background-image: url(images/pied.png);
	clear: both;
} 

#contact{		
	float:left;
	padding-left:230px;
	width:180px;
}
#num{
	float:left;	
	width:180px;
}
#skype{
	float:left;	
	width:200px;
}
#admin{
	float:right;
	padding-right:200px;}

#decob {
	position:relative;
	width:1000px;
	height:22px;
	float: left;
	z-index:10;
	margin-top: -20px;
}
#decoh {
	position:relative;
	width:1000px;
	height:22px;
	float: left;
	margin-top:-50px;
	z-index:10;

}
.marge{
	margin-left:20px;}
a {
	color:#000;
	text-decoration: underline;
	margin:0;
	outline:none;
}	 
a:hover {
	color:#069;
	text-decoration: underline;
} 
a:active{
	color: #C03;
	text-decoration: underline;
	}
a:visited {
	color:#633;
	text-decoration: underline;
}

a.newsliens{
	font-style: italic;
	color: #009;
text-decoration:none;
}
a.newsliens:hover
{z-index:25;
	color: #09C;
	text-decoration: underline;}
/*a.newsliens span{display: none}

a.newsliens:hover span{
	display:block;
	top:5em;
	left:2em;
	width:15em;
	border:1px solid #000;
	background-color:#FFF;
	color:#000;
	text-align: justify;
	padding-left:20px;

}*/
h1 {
	color:#036;
	font-weight:bold;
	font-variant: small-caps;
	font-size:18px;
}
h2{
	color:#036;
	font-weight:bold;
	font-variant: small-caps;
	font-size:14px;}
span.titre {
	color: #036;
	font-weight:bold;
	font-variant: small-caps;
	font-size:18px;
	margin-bottom:10px;
	line-height: 35px;
}
 
.ch {
     height:10px;
	 background:url(images/ch.png) no-repeat;
	 width:834px;
}
.cf {
     padding:0 12px 0 12px;
	 background:url(images/cf.png);
	 width:810px;
	 color:#FFF;
}
.cb {
     height:16px;
	 background:url(images/cb.png) no-repeat;
	 width:834px;
} 
.news {
     width:810px;
	 margin:0 auto 0 auto;
}
#horaire{
}
#carte{

	margin-top: 15px;
	padding: 5px;
}
/* Menu */

#menu{
	font-family: "Arial", Gadget, sans-serif;
	font-weight: bold;
	list-style : none;
	margin-top:30px;
	margin-left:-40px;
	background-image: url(images/menu.png) no repeat;
	font-variant: small-caps;
	font-size: 16px;
}
#menu a{
	display : block;
	color: #FFF;
	margin-left: 15px;
	list-style : none;
	text-decoration: none;
}
#menu a:hover{display : block;
	color: #000;margin-left: 15px;
		list-style : none;
}
#menu .titre1 {
	list-style : none;
	background-image: url(images/Menu1.png);
	height: 40px;
	width: 150px;
	display : block;
	line-height:40px;
	background-repeat: no-repeat;

}
#menu .titre1:hover {
	list-style : none;
	background-image: url(images/Menu1h.png);
	height: 40px;
	width: 150px;
	display : block;
	line-height:40px;
	background-repeat: no-repeat;
}

#menu li {
    float : left;
	position:absolue;
}
#menu li ul {
     position: relative; 
	 width: 135px; 
	 left: -999em; 
	 text-align:left;
	 list-style : none;
}
#menu li ul li {
     text-align:left;
}
#menu li ul li a {

	 outline:none;
	 font-weight:normal;
	 background-color:#2f2f2f;
}
#menu li ul li a:hover {
	 background-color:#757575;
	 outline:none
}
#menu li ul ul {
	 margin : -2px 0 0 10px; 
	 border-left : 1px solid #fff; 
}
html>body #menu li ul ul {
	 border-left : 1px solid transparent;
}/*
#menu li:hover ul ul, #menu li.sfhover ul ul  {
	 left: -999em;text-align:left;padding:1px 2px;font-weight:normal;
}*/
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul{
	 left: 100px;min-height: 0;top:-40px
}	  
#menu li.lien a             {
	 display : block;
	 height:35px;
	 color: #d2d2d2;
	 text-decoration : none;
	 line-height:30px;
	 width: 135px;
	 font-weight: bold;
	 background: url(images/pmenu.png) no-repeat; 
	 outline:none;
}
#menu li.lien a:hover  {
	background: url(images/pmenuR.png) no-repeat;
	color: #000;
}
#menu li ul li.lien {
	 text-align:center;
	 margin:0 0 0 0;
	 padding:0;
}

/*Alim*/

.alim1{
	background-color: #9ACEE4;
	line-height: 25px;
	font-size: 14px;
	padding-left: 10px;
	border: thin outset #6eb9d9;
}
.alim2{
	line-height: 25px;
	font-size: 14px;
	padding-left: 10px;
border: thin outset #6eb9d9;
	}

#alim{}

.menuder{
	float: right;
	margin-top: 2px;
	margin-right:2px;
}
.rouge{
	color: #F00;
}