html, body {margin: 0; padding: 0; border:0; outline:0; background: #FFF; list-style:none;}
#contenu {width: 915px; text-align: left;}
.clear { height: 0px !important; clear: both; }
/* entete */
#header { background: url('../img/bgtop.jpg') repeat-x ; height:72px; padding-top: 23px; }
.logo { border:0; margin: 0;padding-left: 30px; text-align: left;}
.slogan { font-size: 1.6em; color: #4fa9c2; font-size: 15px; border:0; margin: 0; padding: 0 0 7px 30px; text-align: left;}
/* Barre de navigation */
#wrapper-ie { width: auto; }
#navbar {margin: 0 0 0 10px; padding: 0; position: absolute; top: 65px; width: 915px;}
#navbar span {display: block; font-size: 12px; text-transform: uppercase; font-weight: bold; padding-top: 8px;}
#navbar a {display: block; height: 30px; padding: 0 16px 0 0; text-decoration: none; background: url("../img/tab.gif") repeat-x top right; color: #FFF;}
#navbar a:hover {color: #000;}
#navbar li {list-style: none; float: left; height: 30px; margin: 0 0 0 5px; padding: 0 0 0 16px; background: url("../img/tab.gif") no-repeat top left;}
#navbar li.active {background: url("../img/tab1.gif") no-repeat top left;}
#navbar li.active a {background: url("../img/tab1d.gif") repeat-x top right; color: #000;}
html>body #navbar a {width: auto;} /* fixes IE6 hack */
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navbar a {float: none;} /* End IE5-Mac hack */
/* main */
.titre h1 { font-size: 20px; color: #4fa9c2; border-bottom: 1px solid #e3e3e3; padding: 0 0 0 10px; margin: 15px 15px 0 15px; }
.titre h2 { font-size: 20px; color: #4fa9c2; border-bottom: 1px solid #e3e3e3; padding: 0 0 0 10px; margin: 15px 15px 0 15px; }
.titre p { font-size: 20px; color: #4fa9c2; border-bottom: 1px solid #e3e3e3; padding: 0 0 0 10px; margin: 15px 15px 0 15px; }
.titre1 { font-size: 14px; color: #4fa9c2; margin: 0 15px 0 15px; text-align: right; }
#boites { display: block; float: left; padding: 20px 10px 0 20px; margin: 0 0 20px 0; background: #fdfdfd ; width: 530px; }
#boites p { display: block; width: 520px; font-size: 14px; font-weight: bold; text-transform: uppercase; text-align: center; color: #000;
margin: 0 0 10px 0; }
.boite1 a { display: block; float: left; width: 150px; height: 120px; background: url('../img/img3.jpg'); text-align: center; margin: 10px;
padding-top: 30px; font-size : 16px; font-weight: bold; text-decoration: none; color: #000; line-height: 30px; border: 1px solid #000; }
.boite1 h2{ float: left; font-size : 16px; font-weight: bold; text-decoration: none; color: #000; line-height: 30px; text-transform: uppercase;}
.boite2 a { display: block; float: left; width: 150px; height: 120px; background: url('../img/img2.jpg'); text-align: center; margin: 10px;
padding-top: 30px; font-size : 16px; font-weight: bold; text-decoration: none; color: #000; line-height: 30px; border: 1px solid #000;}
.boite2 h2{ float: left; font-size : 16px; font-weight: bold; text-decoration: none; color: #000; line-height: 30px; text-transform: uppercase;}
.boite3 a { display: block; float: left; width:150px; height: 120px; background: url('../img/img1.jpg'); text-align: center; margin: 10px;
padding-top: 30px; font-size: 16px; font-weight: bold; text-decoration: none; color: #000; line-height: 30px; border: 1px solid #000;}
.boite3 h2{ float: left; font-size : 16px; font-weight: bold; text-decoration: none; color: #000; text-align: center; line-height: 30px; text-transform: uppercase;}
#text p0 { padding: 0 30px 0 12px; margin-top: 0px;}
#text p { font-size: 14px; text-align:justify; color: #000; padding: 0 35px 0 30px; margin-top: 0px;}
#text p a { font-size: 14px; font-weight: normal; padding:0; text-decoration: none; color: #000;}
#news { padding: 20px 0px 0 20px; margin: 0; }
#news p { font-size: 14px; font-weight: normal; line-spacing: 2px; padding: 5px 20px 0 0; }
.part { display: block; padding: 0 10px 0 10px; margin: 10px 15px 0 15px; background: #fdfdfd ; width: 690px; border: 1px solid #e3e3e3;}
.part h1 { font-size: 1px; padding: 0 10px 0 10px;}
.part h1 a { font-size: 17px; color: #4fa9c2; }
.part h1 span { font-size: 12px; color: #b0b0b0; }
.part { display: block; padding: 0 10px 0 10px; margin: 10px 15px 0 15px; background: #fdfdfd ; width: 690px; border: 1px solid #e3e3e3;}
.part h2 { font-size: 1px; padding: 0 10px 0 10px;}
.part h2 a { font-size: 17px; color: #4fa9c2; }
.part h2 span { font-size: 12px; color: #b0b0b0; }
.part h3 { font-size: 1px; padding: 0 10px 0 10px;}
.part h3 a { font-size: 17px; color: #4fa9c2; }
.part h3 span { font-size: 12px; color: #b0b0b0; }
.part p { font-size: 14px; text-align:justify; color: #000; padding: 0 10px 0 10px;}
.part p a { font-size: 14px; text-align:justify; text-decoration: none; color: #000;}
/* Publicité droite */
#espace { width: 30px;}
#pub_droite { width: 160px; float: right; }
#pub_droite1 { width: 120px; float: right; padding-top: 10px;}
/* Menus */
.espace_haut { width: 160px; height: 10px;}
#boite_mail { width: 440px; position: absolute; top: 2px; right: 440px;}
#boite_mail p { font-size: 12px; font-weight: bold; line-spacing: 2px; padding: 0 0 0 0; margin: 10px 0 0 0; color: white;}
#menus_gauche { width: 150px; float:left; margin: 25px 0 0 20px; padding: 0 10px 0 0; }
#menus_gauche ul { width: 150px; margin: 30px 0 0 0; padding: 0; text-align: left; border: 1px solid #000; }
#menus_gauche li { height: 20px; font-size: 16px; padding: 3px 10px 3px 10px; list-style:none; }
#menus_gauche li a { display: block; background-color: #fdfdfd; text-decoration: none; color: #575757; }
#menus_gauche li a:hover { text-decoration: none; font-weight: bold;}
#menus_gauche .rubrique { font-size: 14px; font-weight: bold; text-transform: uppercase; text-align: center; padding: 5px 6px 0 6px;
background-color: #e3e3e3; color: #575757; border-bottom: 1px solid #000; }
#menus_gauche .lexique { font-size: 12px; font-weight: normal; text-align: center; padding: 5px 6px 0 6px; text-decoration: underline; }
#menus_droite { width: 149px; float: right; margin: 10px 20px 0 0; padding: 0; }
#menus_droite ul { width: 149px; margin: 0; padding: 0; text-align: left ; border: 1px solid #000; }
#menus_droite li { height: 20px; font-size: 16px; padding: 3px 10px 3px 10px; list-style:none; }
#menus_droite li a { display: block; background-color: #fdfdfd; text-decoration: none; color: #575757; width: 100%; }
#menus_droite li a:hover { text-decoration: none; letter-spacing: +2px; font-weight: bold;}
#menus_droite .rubrique { font-size: 14px; font-weight: bold; text-transform: uppercase; text-align: center; padding: 5px 6px 0 6px;
background-color: #e3e3e3; color: #575757; border-bottom: 1px solid #000; }
/* Lexique */
#lettre_lexique { display: block; width: 690px; text-align: center; font-size: 14px; padding : 0 0 10px 10px ; text-transform: uppercase; font-weight: bold; color: #4fa9c2;}
#lettre_lexique a { color: #000;}
#liste_mot { display: block; padding: 0 10px 10px 20px; margin: 10px 15px 0 15px; background: #fdfdfd ; width: 680px; border: 1px solid #e3e3e3; }
#liste_mot a { font-size: 14px; text-decoration: none; text-align: left ; font-weight: normal; color: #4fa9c2; margin:0; padding: 0; }
#liste_mot a:hover { color: #000; }
#mot { display: block; width: 710px; text-align: left ; margin: 10px 15px 0 15px; padding: 0; border: 1px solid #000; list-style:none; }
#mot li { padding: 10px; text-align:justify;}
#mot .abc { text-align: center ; font-weight: bold; height: 20px; padding: 7px; text-transform: uppercase; background-color: green; color: #FFF; }
/* Simulation de credit */
.part .calcul { width: 440px; border: 1px solid #000; background-color: #E2E2E2; padding: 10px; margin: 10px 0 10px 100px; }
.part .simu { font-size: 18px; text-align: left; text-decoration: underline; color: #4fa9c2; padding: 10px 10px 0 10px;}
/* Footer */
div#footer { font-size: 12px; clear: both; border-top: 1px solid #ddd; color: #999;
margin-top: 10px; margin-bottom: 10px; text-align: center;}
#footer p { font-size: 14px; text-decoration: none; color: black; }
#footer a { text-decoration: none; color: #999; }