@charset "windows-1252"; 
body {
	margin-top: 		0px;
	margin:				auto;
	background-color: 	#99ccff;		
	color:				#000000;
	font-size: 			11pt;
	font-family: 		Arial, Verdana, Helvetica, sans-serif;
	text-align: 		center;
	}
.trait {
	width:				100%;
	background-image:	url(../images/barre.png) ;
	background-repeat: 	repeat-x;
	}
.grand_titre {
	font-size: 			20pt;
	text-align:			left;
	font-weight: 		bold;
	padding-left:		6px;
	}
.grand_titre_c {
	font-size: 			20pt;
	text-align:			left;
	font-weight: 		bold;
	text-align:			center;
	padding-left:		6px;
	}
.image_titre {
	padding-right:		6px;
	}
.contact{
	padding-top:			10px;
	font-size: 			11pt;
	text-align:			center;
	}
.adresse {
	margin-top:			8px;
	text-align:			center;
	font-size: 			9pt;
	color:				blue;
	}

input, textarea, select{
	font-size: 			9pt;
	color:				blue;
	}

	
.acces_form {
	margin:				auto;
	margin-top: 		10px;
	font-size: 			9pt;
	text-align: 		center;
	color:				blue;
	}
a.oubli:link {
	font-size: 			9pt;
	color:				blue;
	text-decoration: 	none;
	}
a.oubli:hover {
	font-size: 			9pt;
	color:				blue;
	}
a.oubli:visited {
	font-size: 			9pt;
	color:				blue;
	text-decoration: 	none;
	} 

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
a.lien:link        {padding-left: 5px; background: none; color: blue; font-size: 10pt; font-family: Verdana,arial,Helvetica; font-weight: bold; text-decoration: none;}
a.lien:active      {padding-left: 5px; background: none; color: blue; font-size: 10pt; font-family: Verdana,arial,Helvetica; font-weight: bold;}
a.lien:visited     {padding-left: 5px; background: none; color: blue; font-size: 10pt; font-family: Verdana,arial,Helvetica; font-weight: bold; text-decoration: none;}
a.lien:hover       {padding-left: 5px; background: none; color: blue; font-size: 10pt; font-family: Verdana,arial,Helvetica; font-weight: bold;text-decoration: underline;}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
a.lien2:link        {position: relative; top: -5px; padding-left: 5px; background: none; color: blue; font-size: 10pt; font-family: Verdana,arial,Helvetica; font-weight: bold; text-decoration: none;}
a.lien2:active      {position: relative; top: -5px; padding-left: 5px; background: none; color: blue; font-size: 10pt; font-family: Verdana,arial,Helvetica; font-weight: bold;}
a.lien2:visited     {position: relative; top: -5px; padding-left: 5px; background: none; color: blue; font-size: 10pt; font-family: Verdana,arial,Helvetica; font-weight: bold; text-decoration: none;}
a.lien2:hover       {position: relative; top: -5px; padding-left: 5px; background: none; color: blue; font-size: 10pt; font-family: Verdana,arial,Helvetica; font-weight: bold;text-decoration: underline;}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#conteneur {
	width: 				1000px;
	background-color: 	white;
	margin: 			auto;
	height: 			100%;
	background-image:	url(../images/clavier.jpg) ;
	background-repeat: 	no-repeat;
	border:			1px solid #008dd8;
	}
#main {
	width:				790px;
	margin: 			auto;
	/* border:			1px solid #008dd8;*/
	}
#main .titre {
	font-size: 			14pt;
	font-weight: 		bold;
	padding-top: 		5px;
	text-align:			center;
	}
#main .sous-titre {
	font-size: 			11pt;
	padding-bottom:		3px;
	color:				white;
	text-align:			center;
	font-weight: 		bold;
	background-color: red;
	}
#main .texte {
	font-size: 			11pt;
	padding-left:		5px;
	padding-top: 		5px;
	color:				black;
	}
#main .texte-g {
	font-size: 			11pt;
	padding-top: 		5px;
	font-weight: 		bold;
	color:				black;
	}
#main .texte-c {
	font-size: 			11pt;
	padding-top: 		5px;
	color:				black;
	text-align:			center;
	}
#main .rouge {
	font-size: 			9pt;
	color:				red;
	text-align:			center;
	}
#main .rouge_g {
	font-size: 			11pt;
	color:				red;
	font-weight: 		bold;
	}
#main .puces {
	padding-left: 		15px;
	padding-right: 		5px;
	}	
a.info{
    position:		relative; 
    z-index:		24; 
	background-color:#ccc;
    color:			#000;
    text-decoration:none
	}
a.info:hover{
	z-index:		25; 
	background-color:#ffffcc
	}
a.info span{
	display: 		none
	}
a.info:hover span{ 
	display:			block; 
	position:			absolute;
	top:				1em; 
	left:				0em; 
	width:				15em;
	border:				2px solid red;
	background-color:	#ffffcc; 
	color:				black;
	font-size: 			10pt;
	text-align: 		left;
	font-weight:		none;
	padding:			1px;
	}
/*------------------------------------------------------------*/
/* arret des float */
.clearfloat {  					  
clear:					both;
height:					0px;
font-size: 				1px;
line-height: 			0px;
}

/*------------------------------------------------------------*/
.travaux {
	width:				159px;
	height:				56px;
	margin-top:			50px;
	margin-left:		auto;
	margin-right:		auto;
	background-image:	url(../images/travaux.gif) ;
	background-repeat: 	no-repeat;
	}
/* Les coins arrondis ------------------------------------------------------------*/
#main .coins {background: transparent; width: 100%;margin-top: 10px;}	
#main .coins .m1, .coins .m2, .coins .m3, .coins .m4 {display:block; overflow:hidden; font-size:1px;}
#main .coins .m1, .coins .m2, .coins .m3 {height:1px;}
#main .coins .m2 {background:red;  margin:0 3px; border-width:0 2px;}
#main .coins .m3 {background:red;  margin:0 2px;}
#main .coins .m4 {background:red; height:2px; margin:0 1px;}
#main .coins .boite {
	width: 100%;
	background-color:	yellow;
	/*border-right: 			4px solid red;
	border-left:			4px solid red;*/
	text-align:			left;
	}
/*------------------------------------------------------------*/
.complet {background: transparent; width: 30%;margin-top: 10px;}	
.complet .x1, .complet .x2, .complet .x3, .complet .x4 {display:block; overflow:hidden; font-size:1px;}
.complet .x1, .complet .x2, .complet .x3 {height:1px;}
.complet .x2 {background:red;  margin:0 3px; border-width:0 2px;}
.complet .x3 {background:red;  margin:0 2px;}
.complet .x4 {background:red; height:2px; margin:0 1px;}
.complet .letitre {
	font-size: 			18pt;
	font-weight: 		bold;
	padding-top: 		5px;
	padding-bottom:		5px;
	text-align:			center;
	color:				white;
	background-color: 	red;
	}	
.tbl {
	border-right: 			4px solid red;
	border-left:			4px solid red;
}