body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000000;
text-align: center;
background-color: #FFFFFF;
margin: 0px;
}

a {text-decoration: none;}
a:visited {}
a:hover {}
a.lien_neutre, a.lien_neutre:visited
{text-decoration: none; color: #000000;}

.lienO {color: #FF6600;}
.lienB {color: #FFFFFF;}

legend {color: #000000;}
img {border-style: none;}

/*********    couleurs     *********/
.t_bleu1 {color: #3399CC;}
.cl_1, a.cl_1 {color: #660033;} /* prune */
.cl_2, a.cl_2 {color: #FF6600;} /* orange */
.erreur, .err {color: #EA0606;}
.orange {color:#ff6600;}
.avert {color: #3F0523;}

/*********    alignements     *********/
.left, .l {text-align: left;}
.right, .r {text-align: right;}
.center, .c {text-align: center;}
.fl {float: left;}
.fr {float: right;}
.tab_center, .tb {margin-left: auto; margin-right: auto;}
.justify, .j {text-align: justify;}
.c_po {cursor: pointer;}
.img16_in_txt {position: relative; top: 3px;}

/*********   style du texte     *********/
.bold, .b {font-weight: bold;}
.no_b {font-weight: normal;}
.italic, .i {font-style: italic;}
.underline, .u {text-decoration: underline;}
.no_u {text-decoration: none;}
.upper, .up {text-transform: uppercase;}

/*********     taille des textes    *********/
.tx {font-size: 10px;}
.texte1, .tx1 {font-size: 11px;}
.texte2, .tx2 {font-size: 12px;}
.texte3, .tx3 {font-size: 13px;}
.texte4, .tx4 {font-size: 14px;}
.texte5, .tx5 {font-size: 15px;}
.texte6, .tx6 {font-size: 16px;}
.texte {font-size: 16px;}
.tx7 {font-size: 17px;}
.tx8 {font-size: 18px;}

/*********     mise en page générale    *********/
.spacer, .sp {clear: both;}
.banniere2 {height: 50px; background: url(../images/banniere2.png) repeat-x;}

#bg_dlp{
background-image: url(../images/bg_dlp.gif);}
/*#bg_dlp1{
background-image: url(../images/bg_dlp.gif);}


/*  évite les <br /> avant et après un bloc */
.spacer2, .sp2 {margin: 5px 0px 5px 0px;}
.trait {border-bottom: solid 1px #000000;}

#site_info_off {
z-index: 99; display: none; position: absolute; top: 0px; left: 0px; right: 0px; height: 100%;
background-color: #000000; opacity: 0.7;
}
#site_info {
z-index: 100; display: none; position: absolute; top: 180px; left: 15%;
width: 70%; height: 150px;
padding: 8px; border: solid 2px #660032; background-color: #FFFFFF;
}

.TitrePage {
font-size: 18px;
font-weight: bold;
line-height: normal;
color: #3399CC;
text-decoration: underline;
font-variant: small-caps;
margin-top: 50px;
width: 60%; float: left;
}

.titre {
margin: 0 auto;margin: 1% 0 0 0 ;
text-align:center;
padding: 0px;
color: #660033;
float:left;
width:75%;
}

.menu, .menu_admin {
text-align: center;
float: left;
width: 150px; margin: 13px 0px 0px 0px; padding: 0px;
}
	.menu ul, .menu_admin ul {
	list-style-type: none;
	list-style: none;
	padding: 0px; margin: 0px; margin-left: 10px;
	}
		.menu ul li, .menu_admin ul li {
/*		background-image: url('../images/menu_3.gif');*/
		border-bottom: 1px solid #660032;
		background-repeat: no-repeat;
		height: 27px;
		margin-bottom: 2px; padding-top: 8px;
		}
		.menu_admin ul li {
		height: 17px;
		padding-top: 0px;
		}
			.menu ul li a, .menu_admin ul li a {
			font-size: 13px; font-weight: bold;
			text-decoration: none; color: #000000;
			}
	
	/*********     cadres sans images    *********/
	.cadre_noir {
	border: 1px solid #000000;
	}
	.cadre_blanc2 {
	padding: 5px;
	background-color: #FFFFFF;
	border: 1px solid #6B0031;
	}
	.cadre_main {
	border: 1px solid #FF6300;
	background-color: #FFF8F5;
	}
	.cadre1, .cadre2, .cadre1s {
	background-color: #FFEBDD;
	}
	.cadre1, .cadre2 {
	padding: 6px;
	}
		.cadre1, .cadre1s {border: 1px solid #630031;}
		.cadre2 {border: 2px solid #630031;}
	
.contenu {
float: left;
min-height: 380px; width: 80%;
/*margin-top: 30px;*/
margin-bottom: 1%;
margin-left: 20px;
padding: 10px;
}

.contenu2 {margin: 5%;}

div.col {float: left; margin: 10px;}

	/*********     éléments de la page d'accueil (l'en-tête est commun à tout le site)    *********/
	.lien_main { float: left; margin: 0px 0px 0px 10px;}
		.lien_main a, .lien_main a:visited {text-decoration: none;}
		.lien_main span {width: 220px; height: 90px; cursor: pointer; background: url('../images/logo.gif') no-repeat;}
	.partie_tete, .partie_tete2 {
	min-width: 800px; padding-top: 0px; padding-left: 0px;
	height: 110px;
	background: url('../images/banniere.png') repeat-x;
	text-decoration:none;
	}
	.partie_tete2 span {	color:#660032; margin-right:1%;}
	.partie_tete2 span:hover { text-decoration: underline;	color: #000000; margin-right:1%;}
		.cadre_menu, .cadre_menu2 {
		width: 65%;
		float: left;
		margin: 10px 20px 0px 0px;
		text-transform: uppercase;
		}
		.cadre_menu2 {
		background-color: #DFFFFD;
		border: 1px solid #6B0031;
		}
		.cadre_info {
		width: 150px;
		text-align: center; font-size: 14px; font-weight: bold;
		margin-top: 10px;
		}
			.cadre_info a, .cadre_info a:visited {text-decoration: none;}
			.cadre_info span {width: 150px; cursor: pointer;}
	
	.partie_centre {
	background-image: url(../images/bg_dlp.gif);
	margin-top: 0px;
	margin-left: 0%; margin-right: 0%; margin-bottom: 0%;
	padding: 0px 0px 0px 0px;
	}
		.liste_srv {width: 100%; height: 100px;  float: left; }
		.partie_centre a {text-decoration: none;}
	/*.partie_espaces {
	min-width: 330px; width: 95%;min-height: 400px;
	float: left; 
	padding: 13px 3% 0% 3%;
	margin: 0% 5% 0% 0%;
	background-color: #ffffff;
	display:block;
	}*/
	/*.espace {
	width: 135px; height: 180px; float: right;
	padding: 4px; padding-bottom: 20px; text-align: center;
	padding-left:100px;
	}*/
	
	/*  paragraphe txt acceuil + login */
	       
	.texto {
	margin-left: 200px;
	text-align: left;
	width: 650px;
	height: 580px;
	font-size: 12px;
	}
	.texto1 {
	color:#000000;
	height: 300px;
	width: 250px;
	}
	.texto2 {
	color:#000000;	
	height: 250px;
	width: 250px;
	padding-top: 11px;
	}
	.texto3 {
	color:#000000;
	margin-top: 20px;
	width: 600px;
	}
	/* fin  paragraphe txt acceuil */ 
	
	.dem_passe {
	padding: 6px; margin-top: 12px; margin-right: 10px;
	}
	.partie_infos {
	min-width: 250px; width: 100%;
	float: left;	text-align:center; margin-left:-60px; 
	}
	.partie_infos span:hover { color:#FF6600;}
	.partie_infos span {
	margin: 0px 0px 0px 100px;/*color:#ffffff;	*/
	}
	
	.partie_infos span:hover { color:#FF6600;}
	.partie_infos span {
	margin: 0px 0px 0px 100px;	
	}
	
	.partie_infos div { margin-top:3px}
	.partie_pub {
	margin-top: 20px;
	margin-left: 2%; margin-right: 2%;
	}
	.partie_catalogue {
	width: 100%;
	padding: 3px;
	}
	.partie_carte_france {
	min-width: 300px; width: 100%;
	padding: 15px 5px 5px 5px;
	}
	#rech_srv{ border-left: #FF6600 solid 2px;
	padding: 0px 0px 0px 10px;
	margin: 5px 0px 0px 0px;
	
	}
	
	/*********   catalogue     *********/
	div.catalogue {
	width: 268px;			height: 29px;
	padding-top: 4px;		margin: 5px;
	background-image: url('../images/cadre_service.gif');
	}
		div.catalogue a {
		text-decoration: none;
		}
		div.catalogue span {
		width: 259px;			height: 26px;
		float: left;
		cursor: pointer;
		}
	div.img_catalogue {
	float: right;
	margin-right: 20px;
	}
	
	/*********   contrat     *********/
	.contrat p {margin-left: 2%;}
	
	/*********   forum question / réponse     *********/
	.forum {
	width: 90%;		height: 200px;
	overflow: auto;
	}

	/*********   affichage statistiques     *********/
	.stat {
	text-align: center;
	border: 1px solid #630031;
	border-collapse: collapse;
	}
		.stat th {
		text-align: center;
		background-color: #FFEBDD;
		padding: 4px; border: 2px solid #630031;
		}
		.stat td {
		text-align: center;
		background-color: #FFEBDD;
		padding: 2px; border: 1px solid #630031;
		}
	/* autre tableau */
	.tab, .tab2 {
	border: 1px solid #630031;
	border-collapse: collapse;
	}
		.tab th, .tab2 th {
		text-align: center;
		background-color: #FFEBDD;
		padding: 5px; border: 2px solid #630031;
		}
		.tab2 th {
		font-weight: bold;
		text-transform: uppercase;
		}
		.tab td, .tab2 td {
		text-align: center;
		background-color: #FFEBDD;
		padding: 5px; border: 1px solid #630031;
		}
		.tab2 td {
		text-align: left;
		}
		.tab td.none {
		text-align: center;
		background-color: #FFF8F5;
		padding: 5px; border: none;
		}
	
/***************/
.log {
font-size: 13px;
}
.carte_espace {
text-align: center;
margin-left: 5px;
width: 146px; height: 237px;
background-image: url('../images/espaces.gif');
background-repeat: no-repeat;
}
.aide_index {
width: 200px;
/*z-index: 200;*/
left: 70%;
top: 20px;
position: absolute;
}
.aide {
width: 100px;
/*z-index: 200;*/
left: 80%;
top: 30px;
position: absolute;
}

/*********     les formulaires    *********/
.f_log label, .donnee label, .label, .donnee2 label, .label2 {
margin-top: 4px; width: 210px;
display: inline; text-align: right; float: left; 
}
.f_log label {margin-top: 7px; width: 150px;}
.label {margin-top: 0px;}
.donnee2 label, .label2 {width: 110px;}

	.f_log input, .f_log select, .f_log textarea
	{margin-top: 4px;}
	.donnee input, .donnee select, .donnee textarea, .donnee2 input, .donnee2 select, .donnee2 textarea
	{margin-top: 3px;}
	.no_input
	{padding-top: 4px; margin-bottom: -14px;}

/*********     les infobulles    *********/
.lien_info {
cursor: default;
color: #000000;
text-decoration: none;
}
	.lien_info:hover {color: #000000;	}

.infobulle {
position: absolute;
display: none;
width: 25em;
border: 3px double black;
background: #f5f5dc;
z-index: 500;
/*top: -100px;*/
font-size: 80%;
}
	.infobulle p {
	margin: 0 0.3em;
	padding: 2px;
	}
	.infobulle h1 {
	font-weight: bold;
	font-size: 110%;
	margin: 0 0 0.5em 0;
	border-bottom: 1px solid black;
	background: #f4f4f4 left top repeat-x;
	text-align: center;
	}
	
	#inscription{ width:100%;text-align:center; overflow: auto; height:70%;}
	.cadre_ins {
	width: 50%;
	margin: 0 auto;
	}
.lien_acc a{ text-decoration:underline; color: #000000;}
.lien_acc a:hover{ text-decoration:underline; color:#0000FF;}
#inscription{ width:100%;text-align:center; overflow: auto; height:70%;}

.title{ font-size:34px; margin-top:10px; color: #CCCCCC; letter-spacing:3px;}