/* CSS Document */

body {
	background-image: url(../images/fond/body.jpg); 
	background-position: center top;
	background-repeat: no-repeat;
	
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center; /* pour correction de centrage de la <div> principale sous IE */
}

div {margin: 0;	padding: 0;}

p {	margin: 12px; /* harmonisation des marges haut et bas sous IE */}

h1 {display:none;}
h2 {margin: 10px 0;padding: 0;font-size: 21px;color: #B0C005;text-align: left;}
h3 {margin: 10px 0;padding: 0;font-size: 14px;color: #5291EF;text-align: left;}


a img {padding: 0;	border: none;}

a:link,
a:visited {color: #535353;text-decoration: underline;}
a:active,
a:hover {color: #535353;text-decoration: none;}

fieldset {border: 0;}
legend {color: #000;font-weight: bold;}

label {color: #B0C005;font-weight: bold;width:200px; float: left;}

input, select, textarea {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #000;border: 1px solid #B0C005; background-color: #F4F6DC;}

.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.entete {color: #5291EF; font-weight:bold;}
.block {display: block; /* corrige le bug Internet Explorer d'espaces indésirables autour des images */}

.titre {color: #5291ef;font-family: Arial, Helvetica, sans-serif;font-size:16px;font-weight: bold;}
.ss_titre {font-family: arial;font-size: 11px;color: #5291ef;font-weight: bold; height:30px;}
.liste_ss li{ margin-bottom:8px;}

.savoir {margin-top: -10px !important; margin-top:-17px;text-align: right;margin-right: 25px;}
.savoir a {font-family: arial;font-size: 11px;color: #b0c005;font-weight: bold;}
.savoir a:hover {color: #cfde0c;}

.valid {background-color: #b4c20a;color: #FFF;width: 60px;font-family: arial;font-size: 11px;font-weight: bold;}

.enavant {color: #acb80b;font-weight: bold;text-align: left;padding-bottom:15px;}


/* ***********************************************
BLOCS PRINCIPAUX
*********************************************** */
#main {width: 964px; /* 785 */position: relative;margin: 0 auto;padding: 0;background-image: url(../images/fond/shadow_right.jpg);background-position: right;background-repeat: repeat-y;text-align: center; margin-top:-8px !important;margin-top:-4px}

#logo {margin: 0;padding: 0;width: 334px;height: 249px;background-image: url(../images/fond/logo.gif);background-repeat: no-repeat;text-align: left;}
.clic_accueil{ position:absolute; top:165px;}

#intro {width: 964px;height: 117px;background-image: url(../images/fond/header.gif);background-repeat: no-repeat;text-align: right;}
#intro li {display: inline;}


/* ***********************************************
HOME
*********************************************** */
#home h3 {margin: 0;padding: 0;font-size: 13px;color: #5291EF;text-align: left;}

#home .savoir a {font-family: arial;font-size: 11px;color: #b0c005;font-weight: bold;}

#home  #assoc {margin-top:20px;width: 249px;height: 150px;background-image: url(../images/fond/service.jpg); background-repeat:no-repeat;float: left !important;}
#home #assoc li{line-height:80%;}
#home #assoc ul{ margin-top:-10px !important; margin-top:0px; margin-left:-10px !important; margin-left:30px;}
#home #assoc .illustr{margin-top:-10px;}
#home #assoc_gauche {width: 120px;float: left;}
#home #assoc_droite {margin-left: 120px !important;margin-left: 110px;}

#home #confiance {height: 153px;background-image: url(../images/fond/service.jpg);margin-top: 23px;padding-left: 2px;}


/* ***********************************************
PARTIE GAUCHE
*********************************************** */
#content-left {padding: 0;margin: 0;padding-bottom: 20px;}
#content-left p {padding: 0;margin: 0;text-align: left;}

#contleft-top {padding: 0;margin: 0;width: 419px;background-image: url(../images/fond/menu-left.gif);background-position: right;}
#contleft-top .marge {padding-left: 70px;padding-right: 10px;	text-align: left;}

#contleft-bottom {padding: 0;margin: 0;width: 419px;height: 30px;background-image: url(../images/fond/left-bottom.gif);background-position: right;background-repeat: no-repeat;}

#contleft-top  li {font-family: arial;font-size: 11px;color: #7c7c7c;list-style-position: outside;list-style-image: url(../images/puce/liste.jpg);}

/* ***********************************************
PARTIE CONTENT
*********************************************** */

#content {padding: 0 20px;margin: 0;text-align: left;}

#content  li {padding-bottom: 2px;list-style-position: outside;list-style-image: url(../images/puce/liste.jpg);}

/* ***********************************************
PIED DE PAGE
*********************************************** */
#footer {margin: 0;padding: 10px 0;color: #aaa;font-family: arial;font-size: 11px;}
#footer p {margin: 0;padding: 5px 0;text-align: center;}

#footer ul {margin: 0;padding: 0;list-style-type: none;}

#footer li {margin: 0;margin-left: 10px;padding: 0;display: inline;}

#footer a {text-decoration: none;color: #aaa;font-family: arial;font-size: 11px;}
#footer a:hover {color: #666;}
.ver12{display:none;}

.top{ margin-top:20px; margin-bottom:20px;}


/* ***********************************************
FORMULAIRE
*********************************************** */

.valid{ border:none; height:22px; width:71px}


