/* CSS Document */
body{
	font: 11px arial, sans-serif;
	background-color: black;
	margin: 0; /* pour éviter les marges */
    text-align: center;
	
}

/* centrer le site */
#conteneur{
	margin-left: auto;
    margin-right: auto;
	width:1000px;
    text-align: left; /* on rétablit l'alignement normal du texte */
}

#head{margin:0px;padding:0px;border:0px;}




/* div du MENU */
#conteneur_menu{
	background: url("structure/menu.jpg") no-repeat;
	padding-left:60px;
	padding-top:8px;
    height:62px;
	position:relative;
	margin-left: auto;
	margin-top:0px;
    margin-right: auto;
	width:1000px;
    text-align: left;
}
#menu{
	position:absolute;
	text-align:center;
	padding-left:60px;
	padding-top:8px;
    height:62px;
	margin: 0;padding:0;
}

/* liste du menu */
#menu dl{
	height:62px;
	margin: 0; padding:0;
	display:block;
	float:left;
}
#menu dl dd{
	display:none;
}/* les sous menu ne s'affichent pas */
#menu dl:hover dd{
	display:block;
}/* les sous menu s'affichent quand la souris passe dessus */

/* titres du menu */
#menu dt{
	font-size:18px;
	color:indigo;
	letter-spacing: 2px;
	font-weight:bolder;
	width:180px;
	height:40px;
	display:block;
	line-height:40px;
	text-align:center;
	cursor:pointer;
}
#menu dt a{
	text-decoration:none;
}
/* sous-titres du menu */
#menu dd{
	margin:0; padding:0;
	letter-spacing: 2px;
	color: firebrick;
	font-weight:bolt;
	display:block;
	background:papayawhip;
}
#menu dd ul{
	margin:0; padding:0;
	text-align:center;
	list-style:none;
}
#menu dd ul li{
	margin:0; padding:0;
	display:block;
	font-size:14px;
}
#menu dd ul li img{
	text-decoration:none;
	border:0;
	margin:3px;
}
#menu dd ul li a{
	background:papayawhip;
	margin:0; padding:0;
	color: maroon;
	font-weight:bolder;
	display:block;
	width: 180px;
	text-decoration:none;
	height:40px;
	line-height:40px;
	border-bottom: solid 1px black;
	border-top: solid 1px white;
}
#menu dd ul li a:hover{
	background:gold;
	color:orangered;
	font-weight:bolder;
}

/* div bouton */
#bouton{
	text-align:center;
}

/* div de la PAGE */
#page{
	background: url("structure/page.jpg");
	background-repeat: repeat-y;
	margin-top: -10px;
	text-align:justify;
	padding:20px 90px 20px 110px;
}
#page p{
	font-size:12px;
	font-style: verdana;
	color:saddlebrown;
	letter-spacing: 1px;
	text-align:justify;
}
#psp {
	float:left; margin: 0px 10px 10px 0px;
}
.acces{ width: 800px; clear:both;}
.acces a{ text-decoration:none; border:0; color:royalblue;}
.acces img{ float:left; margin: 0px 10px 10px 0px;}
.acces a img { text-decoration:none; border:0;}


.prog{ width: 800px;  clear:both;}

.prog a{ text-decoration:none; border:0; color:royalblue;}
.prog img{ float:left;}
.prog a img { text-decoration:none; border:0;}

#prog {text-decoration:none;}
#prog img {border:0;padding-left: 10px;}

.service{ width: 800px; clear:both;}
.service a{ text-decoration:none; border:0; color:royalblue;}
.service img{ margin: 0px 10px 10px 0px;}
.service a img { text-decoration:none; border:0;}

.webo img a{text-decoration:none; }
.webo img{border:0;}
.webo{margin:2px}

.presentation img{float:left;margin-right:10px;}
.presentation ul{clear:right; list-style-image:url(structure/play.png); color:darkgreen; font-style:oblique; font-size:14px; font-height:bold;list-style-position:inside;}

#qui img{float:left; margin-right:10px;}
#qui ul{clear:right;list-style-image:url(structure/play.png); color:darkgreen; font-style:oblique; font-size:14px; font-height:bold;list-style-position:inside;}

#images {text-align:center;padding-top: 30px;}
#images img a {text-decoration:none;}
#images img {border:0;}

/**fleches**/	
div.jMyCarousel .prev{background: url('carousel/left.png') center center no-repeat; width:47px; height:61px; border:0px; }
div.jMyCarousel .next{background: url('carousel/right.png') center center no-repeat; width:40px; height:61px; border:0px; }
div.jMyCarousel1 .prev{background: url('carousel/left.png') center center no-repeat; width:47px; height:61px; border:0px; }
div.jMyCarousel1 .next{background: url('carousel/right.png') center center no-repeat; width:40px; height:61px; border:0px; }
div.jMyCarousel2 .prev{background: url('carousel/left.png') center center no-repeat; width:47px; height:61px; border:0px; }
div.jMyCarousel2 .next{background: url('carousel/right.png') center center no-repeat; width:40px; height:61px; border:0px; }

/** carousel 1**/
div.jMyCarousel1{
}
div.jMyCarousel1 ul li{
	border:1px solid #fff;
	line-height:0px;
}

div.jMyCarousel1 ul li a{ /* in case of link */
	display:block;
	border:0px;
}

div.jMyCarousel1 ul li a img{
	display:block;
	border:0px;
}


/** carousel 2**/
div.jMyCarousel2{
}
div.jMyCarousel2 ul li{
	border:1px solid #fff;
	line-height:0px;
}

div.jMyCarousel2 ul li a{ /* in case of link */
	display:block;
	border:0px;
}

div.jMyCarousel2 ul li a img{
	display:block;
	border:0px;
}

#compteur { float:right;}


/* div du FOOTER */
#basdepage{
	background: url("structure/footer.jpg") no-repeat;
	margin:0;
	padding:5px 90px 20px 110px;
}
#basdepage p{
	text-align:center;
	border-top: dotted 1px grey;
	margin:0;
	padding:20px 0 60px 0;
}

#lien{
	clear:both;
}