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

body {
	font-family:  Verdana, Arial, sans-serif; 
	font-size: 10px;
	background: #000;
	text-align:center;
	margin:auto;
}

#fond {
	margin:auto;
	width:1350px;
	height:1080px;
	background:url(style/images/fond2.jpg) no-repeat;
}

#fond1 {
	margin:auto;
	width:1350px;
	height:1080px;
	background:url(style/images/fond3.jpg) no-repeat;
}

/* ---------------------- HEADER --------------------------- */

#logo {
	margin-left:0px;
	display:inline;
	float:left;
}

#retour_accueil {
	margin-right:35px;
	margin-top:25px;
	float:right;
}

#bandeau {
	margin:auto;
	text-align:left;
	margin-bottom:30px;
	width:1250px;
	height:164px;	
	background:url(style/images/bandeau_bon.png) no-repeat;
}


/* ---------------------- MENU GAUCHE--------------------------- */

#menu {
	margin-left:40px;
	width: 260px;
	height:550px;
	background:url("style/images/fondMenu.png");
	float:left;
}

/* ------bouon xiti et fb ---------*/

#divers {
	float:left
	margin-left:0px;
	margin-top:170px;
	height:100px;
	width:130px;	
}

#menu_lien {
	margin-left:5px;
	margin-top:5px;
	width: 130px;
	height:550px;
	float:left;
}

div#menu ul {
	margin:0;
	margin-left: 0px; 
	padding-left: 0px;
} 

div#menu ul ul {
    position: absolute;
    top: 0;
    left: 130px; /*100px correspond au décalage a droite, on décale de la taille du ul de base*/
    display:none;
}   

div#menu ul li {
	padding-top:10px;
	position:relative;
	margin-left:0px;
	height:40px;
	list-style: none; /*on enleve les icones de liste */
}

div#menu ul li ul li{
	position:relative;
	height:40px;
	margin-top:0px;
	list-style: none; /*on enleve les icones de liste */
} 


div#menu li a {
	float:left;
	margin-right:5px;
	width:130px;
	height:40px;
	background:url("style/images/menuCadre.png") no-repeat ;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:15px;
	color:#FFF;
	text-decoration: none; /* plus de soulignement pour les liens */
}

div#menu li a:hover {
	color:#E5C724;
	text-decoration: none; /* plus de soulignement pour les liens */
}
	
div#menu li a p{
	margin-top:8px;
}

#menu .menuNiv1 {}

#menu .menuNiv21 {}
#menu .menuNiv22 {}
#menu .menuNiv23 {}

#menu .sousMenu1 {}
#menu .sousMenu2 {}
#menu .sousMenu3 {}
/* ---------------------- CONTENU--------------------------- */

#cadre_contenu {	
	margin:auto;
	width:700px;
	height:550px;
	background:url("style/images/cadre.png");
}

#contenu {
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size: 15px;
	color:#FFF;
	text-align:center;
	margin:auto;
}

#contenu1 {
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size: 15px;
	color:#FFF;
	margin:auto;
}

/* ---------------------- INFORMATIONS DROITE--------------------------- */

#cadre_infos {
	margin-right:50px;
	width: 260px;
	height:550px;
	background:url("style/images/fondMenu.png");
	float:right;
}

#infos {
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size: 15px;
	color:#FFF;
	text-align:center;
	margin:auto;
}


/* -------------------------- DIVERS ----------------------------------- */

.encadrant {
border:	2px solid #E5C724;
padding: 3px;
}

.encadrant2 {
border:	2px solid #000000;
padding: 3px;
}

.justify {
text-align: justify;
vertical-align: top;
}

.bandeau2 {
	text-align:center;
	width:700px;
	height:50px;
	background:url(style/images/bandeau2.png) no-repeat;
}

.right {
text-align: right;
vertical-align: top;
}

.lien {
text-decoration:none;
color:#E5C724;
}

.lien:hover {
text-decoration:none;
color:#CC0000;
}

.legende {
font-size: 12px;
color: #FFF;
text-align: right;
padding-right:5px;
padding-bottom: 9px;
}

.lien2 {
	float:left;
	margin-left:10px;
	width:200px;;
	height:50px;
	background:url("style/images/menuCadre2.png") no-repeat ;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:18px;
	color:#E5C724;
	padding-top:30px;
	text-decoration: none; /* plus de soulignement pour les liens */
}

.lien2:hover {
	text-decoration: none; /* plus de soulignement pour les liens */
	color:#CC0000;
}

.lien3 {
text-decoration:none;
color:#CC0000;
font-size:18px;
}

.lien3:hover {
text-decoration:none;
color:#E5C724;
}


.lien4 {
	float:left;
	width:200px;;
	height:40px;
	background:url("style/images/menuCadre2.png") no-repeat ;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:15px;
	color:#E5C724;
	padding-top:30px;
	text-decoration: none; /* plus de soulignement pour les liens */
}

.lien4:hover {
	text-decoration: none; /* plus de soulignement pour les liens */
	color:#CC0000;
}

/* VALIDATION FORMULAIRE */

.error-msg {
	color:red;
}