/*------------ CHEMIN ---------*/

.chemin{
	position:relative;
	padding-top: 5px;
	padding-left:0px;
	color: #004186; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	font-size: 70%; 
}

a.chemin {
	font-weight: normal; 
	font-size: 100%; 
	color: #004186; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none;
}

a.chemin:hover {
	font-weight: normal; 
	font-size: 100%; 
	color: #004186; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: underline;
}

.print{
	position: relative;
	float: right;
	margin-top: -40px;
	margin-right: 50px;
	padding: 0;
}

.send{
	position: relative;
	float: right;
	margin-top: -40px;
	margin-right: 10px;
	padding: 0;
}

.send2{
	position: relative;
	float: right;
	margin-top: -40px;
	margin-right: 14px;
	padding: 0;
}

/*------------ FIN CHEMIN ---------*/

/*------------ CADRE ---------*/

.spip_logos {
	position: relative;
	margin-top: 10px;
	margin-left: 0px;
	padding-left: 0px;
	margin-right: 0.8em;
}

dl.cadre {			
	/*positionnement du cadre */
	position: relative;
	width: 470px;		 /*largeur du cadre */
	margin-left: 0px;
	margin-top: 0px;
	padding: 0;
}

dt.cadre {			/* définitions du titre du cadre */
	margin: 0;
	padding: 0;
	height: 20px;
	background-color: #FFFFFF;
	text-align: left; 
}

dd.cadre {
	margin-top: -8px;
	margin-left: 0px;
	text-align: justify;
	font-size: 70%; 
	color: #002B59; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.plan_middle{
	position:relative;
	left: 5%;
}

.cadre_titre{
	position:relative;
	font-weight: bold; 
	font-style: normal; 
	font-size: 90%; 
	top: -2px;
	color: #004186; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.puce_article{
	position:relative;
	top: 2px;
}

a.retour {
	font-weight: normal; 
	font-size: 70%; 
	color: #004FA3; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none;
}

a.retour:hover {
	font-weight: normal; 
	font-size: 70%; 
	color: #004FA3; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: underline;
}

p.retour{
	text-align: center ; 
}

/*------------ FIN CADRE ---------*/

/*------------ FORMULAIRE DE CONTACT ----------*/
#message {
	border: none;
	margin: 0;
	padding: 0;
	width: 470px;	/*** Largeur du formulaire ***/
}

#documentation {
	border: none;
	margin: 0;
	padding: 0;
	width: 470px;	/*** Largeur du formulaire ***/
}

#piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/
	font: bold 1.1em Times,Verdana, Arial, Helvetica, sans-serif; 
	color: white;
	background: #FFFFFF;
	margin: 0;
	padding: .5em;
	border: 1px solid #004186;
	border-top: none;
	text-align: center; /*** Les boutons sont alignés au centre ***/
}

#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border: 1px solid #004186;
	border-bottom: none;
	color: #004186;
	background: #FFFFFF;
	margin: 0;
	padding: 1em;
}

#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}

#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: #004186;
	background: transparent;
}

#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}

#corpForm fieldset#coordonnees label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}

#corpForm label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}

#corpForm label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}
/*------------ FIN FORMULAIRE DE CONTACT ----------*/