/*** Mise en forme du formulaire ***/
#inscription {
	border: none;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	text-align: left;
	width: 800px;	/*** Largeur du formulaire ***/
}

#titreForm, #piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/
	font: bold 1.1em arial, hevetica, sans-serif;
	color: white;
	background: black;
	margin: 0;
	padding: .5em;
}

#piedForm {
	text-align: left; /*** Les boutons sont alignés à gauche ***/
}

#piedForm input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin-left: 1em;
}
/**********************************************************************/
/************************ NEWSINCRIPTION .PHP ************************/

#titreFormNewsIns, #piedFormNewsIns {	/*** Mise en forme du titre et du pied de formulaire ***/
	font: bold 1.1em arial, hevetica, sans-serif;
	color: white;
	background: black;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 7px;
	padding: 0.7em;
	width: 767px;
}

#piedFormNewsIns {
	text-align: left; /*** Les boutons sont alignés à gauche ***/
}

#piedFormNewsIns input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin-left: 1em;
}
#corpFormNewsIns {	/*** Mise en forme du corp du formulaire (bordure, couleur du fond...) ***/
	background: white;
	margin: 0;
	padding: 0.7em; /*** 1em au départ***/
}

#corpFormNewsIns fieldset { /*** Mise en forme des cadres ***/
margin: 0;
font-style: normal;
border :1px solid black;
color: black;
padding: 0 0.5em 0.7em; }

#corpFormNewsIns legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: black;
	border-color : black;
	background: transparent; }

#corpFormNewsIns p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}

#corpFormNewsIns fieldset#item label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 32%;	/*** 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. ***/
	color: black; }
	
#corpFormNewsIns fieldset#destination label {
	float: none;
	DISPLAY: inline;
}


#corpFormNewsIns label:hover, #piedFormNewsIns input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}

#corpFormNewsIns label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}

#corpFormNewsIns .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: black;
	background: transparent;
	margin: 0;
	padding: 0;}

#corpFormNewsIns a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
	color: black;
}

#corpFormNewsIns a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;}

#corpFormNewsIns .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
background: beige;
color: black; }

#corpFormNewsIns .normal {	/*** Retour à l'état normal après l'utilisation ***/
background: white;
color: black;}

/************************ FIN NEWSINCRIPTION .PHP ************************/
/*************************************************************************/


#corpForm {	/*** Mise en forme du corp du formulaire (bordure, couleur du fond...) ***/
	border: 1px solid black;
	background: white;
	margin: 0;
	padding: 0.7em; /*** 1em au départ***/
}

#corpForm fieldset { /*** Mise en forme des cadres ***/
margin: 0;
font-style: normal;
border :1px solid black;
color: black;
padding: 0 0.5em 0.7em; }

#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: black;
	border-color : black;
	background: transparent; }

#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}

#corpForm fieldset#item label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 32%;	/*** 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. ***/
	color: black; }
	
#corpForm fieldset#destination label {
	float: none;
	DISPLAY: inline;
}

div#left0 {
    float: left;
    width: 500px;
    background-color: white;
}

div#left1 {
    float: left;
    width: 250px;
    background-color: white;
}

div#right1 {
    float: right;
    width: 240px;
    background-color: white;}

div#right0 {
   float: right;
    width: 260px;
    background-color: white;}
	
div#suite {
    clear: both;
    background-color: white;}
select {
	color: black;
	}

#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 ***/
}

#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: black;
	background: transparent;
	margin: 0;
	padding: 0;}

#corpForm a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
	color: black;
}

#corpForm a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;}

#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
background: beige;
color: black; }

#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
background: white;
color: black;}

.image {
float : right;
width : 20%;}

#juridique {
margin: 1em;
padding: 0;
font: 0.8em arial, hevetica, sans-serif;
text-align: center;
color: black;
background: white; 
}

#important {
margin: 1em;
padding: 0;
font: 1em arial, hevetica, sans-serif;
text-align: left;
color: black; }

#basdepage{
margin-top: 120pt ; }
	
#basdepage1{
margin-top: 90pt ;
}
	
#hautdepage2{
margin-top: 80pt ;}

#col60 {
margin-left: 25% ;
width: 50% ; }
	
#col70 {
margin-left: 5% ;
width: 100%; }


