body{
	width:770px;
	width:100%;
	margin:0 auto 0 auto;
	background:none;
	font-size:12px;
	font-family:Arial;
}

h1 {
	display:none;
	height:0px;
}

h2{font-size:14px;color:#000000;border-bottom:2px solid #000000;}
h4{font-size:10px;color:#006699;border-bottom:1px dotted #006699 ;}

a{color:#006699;text-decoration:underline;}
a:hover{text-decoration:none;}

div#header{
	width:100%;
	height:0px;
	display:none;
}

div#header_menu {
	width:170px;
	padding-top:0px;
	padding-left:0px;
	display:none;
}

div#header_menu ul {
	list-style:none;
	margin:0 0 0 0px;
	padding:0;
	display:none;
}

div#header_menu li {
	float:none;
	list-style:none;
	padding:0 0px 0 0px;
	margin:0px;
}

div#corp
{
	width:100%;
	text-align:justify;
	background-color:#214382;
	background-color:#FFFFFF;
	border:4px solid #FFFFFF;
	padding:10px;
}
div#footer{
	clear:none;
	text-align:center;
	width:100%;
	height:0px;
	display:none;
}

#footer p{
	margin-top:0px;
	padding-top:0px;
	text-align:center;
	}

#footer ul {
	margin: 0;
    padding: 0;
	padding-bottom:0px;
/*    text-align: right;*/
	}

#footer li {
	background: url('images/tick.gif') no-repeat top right;
    margin: 0 0 0 0px; 
    display: inline;
	}
#footer li.last {
	background: none;
	}
#footer li a
{
    padding-right: 0px;
    position: relative;
    top: 0px;
}


#footer a{color:#FFFFFF;}
#footer a:hover{text-decoration:none;}




/* IMAGES TITRE
/***********************************************************************/
/*div#titre{
	position:absolute;
	top:228px;
	left:108px;
	width:153px;
	height:32px;
}*/
div#titre{
	position:inherit;
	margin:0px 0px 0px 0px;
	width:153px;
	height:0px;
	display:none;
}


/* CLASSES
/***********************************************************************/
img.center{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	margin-bottom:30px;
	border:2px solid #FFF364;
}
.img_paypal{
	border:1px solid #FFF364;
}
.img_paypal:hover{
	border:1px solid #7A859C;
}
img.noborder{
	border:none;
}

.right{
	float:left;
}
.left{
	float:left;
	width:600px;
}
.prix{
	color:#CC0000;
	font-weight:bold;
}
.alerte{
	background: url('images/icon_error.png') no-repeat left center;
	padding-left:20px;
	color:#CC0000;
	margin-right:15px;
}
ul.liste{
	list-style-image:url(images/ok.png);
	font-weight:bold;
	line-height:25px;
	margin-left:100px;
}
	
/* FORMULAIRE CONTACT
/***************************************************************************/
/*** Mise en forme du formulaire ***/

#inscription {
	border: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

#piedForm {
	margin-right:20px;
	text-align: right; /*** Les boutons sont alignés à droite ***/
}

#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	color: black;
	background:none;/*: white; /*#efefef*/
	width: 100%;
}

#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin:20px;
	font-style: normal;
}

#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: black;
	background: transparent;
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .1em 0;
	margin: 0 0 .1em 0;
}
#corpForm 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.5;	/*** ... 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 ***/
}

#corpForm span {	/*** Mise en forme des intitulés de champs ***/
/*	float: right;	/*** Très important, ne pas suprimer ! ***/
	width: 70%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: left;	/*** ... et ils sont alignés à droite... ***/
}

#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}
#corpForm a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
#corpForm a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}
#corpForm a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}
#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
/*	background: beige;*/
	background-color:#e5f1fc;
	color: black;
}
#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
}

#erreur{
	color:#CC0000;
	margin-right:15px;
}

.noprint{
	height:0px;
	display:none;
}