/* Body setting */

body {
	background: url(../images/background.gif) repeat;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 10px; 
	margin-top: 25px; 
	color: #666666;	
}

a:link, a:visited {
	color: #0172B4;
}

a:hover {
		color: #0172B4;
		text-decoration: underline;
}

.textbleu {
	color:#0172B4;
}

	/* roll over gris
 	------------------ */
	
a.liengris {
    color: #666666;     
	text-decoration: none;     
}

a.liengris:link, a.liengris:visited {
    color: #666666;     

}

		/* ligne pointillée
		------------------------ */
div#ligne-point{
	float: left;
	width: 520px;
	border-bottom: 1px dashed #CCCCCC;
}
		/* cadre photo 100x75px
		------------------------ */
.img-right{
	float:right;
	width:80px;
	height:60px;
	border: 1px solid #666666;
	margin-top: 10px;
	margin-left: 10px;
}

.img-right2{
	float:right;
	width:80px;
	height:60px;
	border: 1px solid #666666;
	margin-left: 10px;
}

.img-left{
	float:left;
	width:80px;
	height:60px;
	border: 1px solid #666666;
	margin-top: 10px;
	margin-right: 10px;
}

.img-left2{
	float:left;
	width:80px;
	height:60px;
	border: 1px solid #666666;
	margin-right: 10px;
}
		
		/* cadre photo 250x188px
		------------------------ */
		
.img-cadre{
	width: 250px;
	height: 188px;
	border: 1px solid #666666;
	margin-bottom: 20px;
}		
		


/* ====================================================================   
   DIV SETTINGS
   ==================================================================== */

div#bloc_general{
	margin-left: auto;
    margin-right: auto;
	width: 985px;
}

/* Div contenu
   ==================================================================== */
div#bloc_contenu {
	float: left;
	width: 985px;
	height: auto;
	background-image: url(../images/interface/echangeur-MP_back.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 30px;
}

/* Div lateral gauche
   ==================================================================== */
div#bloc_lateralleft {
	float: left;
	width: 228px;
	height: auto;
	background-color: white;
	padding-top: 30px;

}

/* Div central
   ==================================================================== */
div#bloc_central {
	float: left;
	width: 539px;
	height: auto;
	padding-top: 30px;
	border-right:#CACACA solid 1px;
}

/* Div lateral droit
   ==================================================================== */
div#bloc_lateralright {
	float: left;
	width: 214px;
	height: auto;
	padding-top: 30px;
}

/* ====================================================================
	Div CENTRAL
   ==================================================================== */

 	/* Bloc texte central
       ------------------------------------- */
div#bloc_txtcentral {
	float: left;
	width: 520px;
	height: auto;
	text-align: justify;
}

/* ====================================================================
	Div LATERAL DROIT
   ==================================================================== */

div#bloc_agenda{
	float:left;
	width: 214px;
	height: 182px;
	background-image: url(../images/interface/echangeur-MP_16.jpg);
	background-repeat: no-repeat;
	background-position: center;
	font-size:9px;
}

div#bloc_news{
	float: left;
	width: 214px;
	height: auto;
	text-align:center;
	margin-top: 30px;
}

/* ====================================================================
	Div FOOTER
   ==================================================================== */
   
div#bloc_bottom {
	float: left;
	width: 985px;
	height: 58px;
}

div.bloc_footer {
	float: left;
	height: 985px;
}

div#footer {
	float: left;
	width: 985px;
	height: 37px;
	/* about the text */
	text-align: center;
	color: #999999;
	font-size: 10px; 
	}

	/* roll over footer
 	------------------ */
	
a.linkfooter {
    color: #999999;     
	text-decoration: none;     
}

a.linkfooter:link, a.linkfooter:visited {
    color: #999999;     

}


/* ====================================================================   
	FORMULAIRE
	==================================================================== */

textarea {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: white; color: black;}
input {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #C8FEFE; border: 1px solid black; color: black; text-align: left}

input.bouton{
border:0px;
}

input.bouton_retablir{
border:0px;
height:28px;
width:84px;
background-image:url(../images/interface/bt-retablir.jpg);
}

input.bouton_corriger{
border:0px;
height:28px;
width:84px;
background-image:url(../images/interface/bt-corriger.jpg);
}

input.bouton_valider{
border:0px;
height:28px;
width:84px;
background-image:url(../images/interface/bt_valider.jpg);
}

input.bouton_confirmer{
border:0px;
height:28px;
width:84px;
background-image:url(../images/interface/bt_confirmer.jpg);
}


/* ====================================================================
	Blocs - AUTRES PAGES
   ==================================================================== */

.iframe_invisible {
overflow: hidden;
border: solid black 0px;
padding: 0px;
margin: 0px;
}
