html *{
	border:solid 0px blue;
	margin:auto;
	text-align:center;
}

body{
	background:#dddddd;
	color: #FFFFFF; 
	background-repeat: no-repeat;
	font-size: 10px;
	font-family: verdana, arial; 
	
}
span{
	font-weight: bold;
}
/* ------------------------------------ PAGE INDEX ---------------------------------------------- */

#index_haut{
	width: 1024px; 
	height: 538px; 
	background-image: url(index1.jpg);
	border:solid 0px blue;
}
#index_milieu{
	width: 1024px; 
	height: 24px; 
	background-color: #e2007a;
	border-top:solid 3px #e2007a;
	border-bottom:solid 3px #e2007a;
}
* html #index_milieu{
	height: 28px; 
}
#index_bas{
	width: 1024px; 
	height: 200px; 
	background-image: url(index2.jpg);
	
}
#menu_i{
	padding-top:2px;
}
* html #menu_i{
	padding-top:5px;
}
#menu_pre{
	color: #FFFFFF;
	font-size: 13px;
}
#menu_pre:hover{
	color: #fff;
	font-size: 13px;
}
#menu_real{
	color: #EB7402;
	font-size: 13px;
}
#menu_real:hover{
	color: #fff;
	font-size: 13px;
}
#menu_eq{
	color: #BD0165;
	font-size: 13px;
}
#menu_eq:hover{
	color: #fff;
	font-size: 13px;
}
#menu_lien{
	color: #1B8B2D;
	font-size: 13px;
}
#menu_lien:hover{
	color: #fff;
	font-size: 13px;
}
#menu_cont{
	color: #087E8A;
	font-size: 13px;
}
#menu_cont:hover{
	color: #fff;
	font-size: 13px;
}

/* ------------------------------------ PAGE INTERNE ----------------------------------------------- */

#fond {
	width: 1024px; 
	height: 768px; 
	border:solid 2px #615446;
}

/* ------------------------------------ HAUT ----------------------------------------------- */
#haut{
	width: 1024px; 
	height: 227px; 
	border:solid 0px green;
}
#image_decor {
	width: 178px; 
	height: 227px; 
	float: left;
	border:solid 0px red;
}
* html #ima{
	border:solid 0px red;
	margin-bottom: -2px;
}
#haut_logo {
	width: 846px; 
	height: 227px; 
	float: right;
	background-image: url(haut_logo.jpg);
	background-repeat: no-repeat;
	border:solid 0px green;
}

/* ------------------------------------ LIGNE MENU----------------------------------------------- */
#ligne_sousmenu {
	width: 1024px; 
	height: 27px; 
	float: left;
	border:solid 0px red;
	
}



#lignesousmenu_g {
	width: 178px; 
	height: 27px; 
	float: left;
	/*background-image: url(lignemenu_g.jpg);*/
	background-color:#e2007a;
	background-repeat: no-repeat;
	border:solid 0px green;
}
#lignesousmenu_g_real {
	width: 178px; 
	height: 27px; 
	float: left;
	/*background-image: url(lignemenu_g.jpg);*/
	background-color:#f49e00;
	background-repeat: no-repeat;
	border:solid 0px green;
}

#lignesousmenu_g_contact {
	width: 178px; 
	height: 27px; 
	float: left;
	/*background-image: url(lignemenu_g.jpg);*/
	background-color:#0190D4;
	background-repeat: no-repeat;
	border:solid 0px green;
}


#lignesousmenu_g_liens {
	width: 178px; 
	height: 27px; 
	float: left;
	/*background-image: url(lignemenu_g.jpg);*/
	background-color:#b1c800;
	background-repeat: no-repeat;
	border:solid 0px green;
}

#lignesousmenu_g_eq {
	width: 178px; 
	height: 27px; 
	float: left;
	/*background-image: url(lignemenu_g.jpg);*/
	background-color:#93117e;
	background-repeat: no-repeat;
	border:solid 0px green;
}

#lignesousmenu_liste {
	width: 846px; 
	height: 27px; 
	float: left;
	color: #fff;
	background-color: #e2007a;
	border:solid 0px green;
}
#lignesousmenu_liste_real {
	width: 846px; 
	height: 27px; 
	float: left;
	color: #fff;
	background-color: #f49e00;
	border:solid 0px green;
}

#lignesousmenu_liste_contact {
	width: 846px; 
	height: 27px; 
	float: left;
	color: #fff;
	background-color: #0190D4;
	border:solid 0px green;
}

#lignesousmenu_liste_liens {
	width: 846px; 
	height: 27px; 
	float: left;
	color: #fff;
	background-color: #b1c800;
	border:solid 0px green;
}
#lignesousmenu_liste_eq {
	width: 846px; 
	height: 27px; 
	float: left;
	color: #fff;
	background-color: #93117e;
	border:solid 0px green;
}

#sousmenu_pres{
	width: 305px;
	height: 27px;
	float: right;
	background-image: url(sousmenu_pres.jpg);
	border:solid 0px green;
	background-repeat: no-repeat;
}
#sousmenu_real{
	width: 295px;
	height: 27px;
	float: right;
	background-image: url(sousmenu_real.jpg);
	background-repeat: no-repeat;
}
#sousmenu_eq{
	width: 200px;
	height: 27px;
	float: right;
	background-image: url(sousmenu_eq.jpg);
	background-repeat: no-repeat;
}
#sousmenu_lien{
	width: 185px;
	height: 27px;
	float: right;
	background-image: url(sousmenu_lien.jpg);
	background-repeat: no-repeat;
}
#sousmenu_cont{
	width: 225px;
	height: 27px;
	float: right;
	background-image: url(sousmenu_cont.jpg);
	background-repeat: no-repeat;
}
.sousmenu{
	margin-top: 3px;
	width: 125px; 
	height: 21px;
	float: left;
	padding:3px;
	background-image: url(sousbouton.jpg);
	background-repeat: no-repeat;
	border:solid 0px yellow;
}
* html .sousmenu{
	margin-top: 0px;
}
a{
	font-size: 11px;
	font-weight:bold;
	padding-right: 4px;
	color: #fff;
	text-decoration: none;
	border:solid 0px red;
}
.sm_real:hover{
	color: #FFFFFF;
	text-decoration: underline;
}
.sm_pre:hover{
	color: #dbae00;
}
#sm_com{
	color: #ffffff;
	text-decoration: underline;
}
#sm_priv{
	color: #FFFFFF;
	text-decoration: underline;
}
#sm_mob{
	color: #FFFFFF;
	text-decoration: underline;
}
#sm_etud{
	color: #FFFFFF;
	text-decoration: underline;
}
#sm_mag{
	color: #dbae00;
}
#sm_bur{
	color: #dbae00;
}
/* -------------------------------- OMBRAGE -------------------------------------------------------*/
#ombrage{
	width: 1024px; 
	height: 22px; 
	float: left;
	/*background-image: url(ombrage.jpg);*/
	background-color: #4c4c4c;
	border:solid 0px red;
}
* html #ombrage{
	margin-top:0px;
	
}
/* -------------------------------- BAS -------------------------------------------------------*/
#bas{
	width: 1024px; 
	height: 492px; 
	float: left; 
	background-color: #4c4c4c;
	border:solid 0px blue;
}
* html #bas{
	margin: 0px;
}
/* -------------------------------- MENU  -------------------------------------------------------*/

#menu{
	width: 132px; 
	height: 492px;
	float: left;
	border:solid 0px green;
}
/* -------------------------------- menu 1 -------------------------------------------------------*/
#menu1{
	width: 178px; 
	height: 65px;
	border:solid 0px ;
	background-color: #4c4c4c;
}
#menu1-1{
	width: 5px; 
	height: 65px;
	float: left;
	background-color: #4c4c4c;	
	border:solid 0px green;
}
#menu1-2{
	width: 111px; 
	height: 65px; 
	float: left;
	background-image: url(menu1.jpg);
	background-repeat: no-repeat;
	border:solid 0px red;
}
#menu1-2:hover{
	background-image: url(menu1_hover.jpg);
}

/* -------------------------------- menu 2 -------------------------------------------------------*/

#menu2{
	width: 178px; 
	height: 65px; 
	border:solid 0px yellow;
	background-color: #4c4c4c;
}
#menu2-1{
	width: 5px; 
	height: 65px;
	float: left;
	background-color: #4c4c4c;
	border:solid 0px green;
}
#menu2-2{
	width: 111px; 
	height: 65px; 
	float: left;
	background-image: url(menu2.jpg);
	background-repeat: no-repeat;
	border:solid 0px red;
}
#menu2-2:hover{
	background-image: url(menu2_hover.jpg);
}

/* -------------------------------- menu 3 -------------------------------------------------------*/

#menu3{
	width: 178px; 
	height: 65px; 
	border:solid 0px yellow;
	background-color: #4c4c4c;
}
#menu3-1{
	width: 5px; 
	height: 65px;
	float: left;
	background-color: #4c4c4c;
	border:solid 0px green;
}
#menu3-2{
	width: 111px; 
	height: 65px; 
	float: left;
	background-image: url(menu3.jpg);
	background-repeat: no-repeat;
	border:solid 0px red;
}
#menu3-2:hover{
	background-image: url(menu3_hover.jpg);
}

/* -------------------------------- menu 4 -------------------------------------------------------*/

#menu4{
	width: 178px; 
	height: 65px; 
	border:solid 0px yellow;
	background-color: #4c4c4c;
}
#menu4-1{
	width: 5px; 
	height: 65px;
	float: left;
	background-color: #4c4c4c;	
	border:solid 0px green;
}
#menu4-2{
	width: 111px; 
	height: 65px; 
	float: left;
	background-image: url(menu4.jpg);
	background-repeat: no-repeat;
	border:solid 0px red;
}
#menu4-2:hover{
	background-image: url(menu4_hover.jpg);
}
/* -------------------------------- menu 5 -------------------------------------------------------*/

#menu5{
	width: 178px; 
	height: 65px; 
	border:solid 0px yellow;
	background-color: #4c4c4c;
}
#menu5-1{
	width: 5px; 
	height: 65px;
	float: left;
	background-color: #4c4c4c;	
	border:solid 0px green;
}
#menu5-2{
	width: 111px; 
	height: 65px; 
	float: left;
	background-image: url(menu5.jpg);
	background-repeat: no-repeat;
	border:solid 0px red;
}
#menu5-2:hover{
	background-image: url(menu5_hover.jpg);
}

/* -------------------------------- menu_bas -------------------------------------------------------
#menu_bas{
	width: 178px; 
	height: 93px; 
	float: left;
	background-image: url(menu_bas.jpg);
	background-repeat: no-repeat;
	border:solid 0px red;
}
* html #menu_bas{
	width: 178px; 
	height: 93px; 
	float: left;
	background-image: url(menu_bas.jpg);
	background-repeat: no-repeat;
	border:solid 0px red;
}
#retour{
	margin: 55px 0px 30px 40px;
	border:solid 0px red;
}
* html #retour{
	margin: 50px 0px 20px 40px;
}
#ret_acceuil{
	color: #999;
	border:solid 0px red;
}*/
/* -------------------------------- TEXTE -------------------------------------------------------*/