* {
border:0;
margin:0;
padding:0;
list-style:none;
font-size:100%;
outline:none; }

body {
background-color:#666;
text-align:justify;
font:100%/1.3 Arial, "Times New Roman", sans-serif; }

/***** #listes_texte *****/

div#listes_texte {
width:910px; /*950*/
padding:0 20px;
overflow:hidden; }

ul.colonne {
margin:0 3px;
float:left; }

ul.colonne li {
overflow:hidden;
text-align:left;
margin-bottom:5px;
color:#FFC200;
font-size:75%;
width:445px;
border:1px solid #818181; }

ul.colonne li h3 {
font-size:120%;
color:#fff;
padding-left:10px;
height:24px;
line-height:24px;
background:transparent url(img/titre_fond.png) repeat-y; }

ul.colonne li.fond_uni_gris {
background:#818181; }

ul.colonne li div.aeration {
width:425px; /*445*/
padding:5px 10px; }

ul.colonne li div.aeration p {
margin-bottom:10px; }

ul.colonne li div.aeration p.no_marge {
margin:0; }

ul.colonne li ul.activites {
float:none; }

ul.colonne li ul.activites li {
overflow:visible;
margin-left:15px;
list-style:square;
font-size:100%;
margin-bottom:0;
width:100%;
border:none; }

/***** Flash & Déco *****/

div#logo_flash {
width:308px;
height:84px;
/*background:transparent url(img/logo_flash.png) no-repeat;*/
position:absolute;
bottom:30px;
left:20px; }

/***** Stylage contenu *****/

h1, .invis {
position:absolute;
top:-9999px; }

div#presentation_texte p {
margin-bottom:10px; } 

div#entete h2 {
letter-spacing:1px;
font-size:75%;
font-weight:normal;
color:#FFC900;
position:absolute;
bottom:10px;
left:10px; }

div#titre h2 {
text-indent:-9999px;
position:relative;
top:-10px;
height:61px;
width:266px;
margin:0 auto;  }

h2.presentation {
background:transparent url(img/h2_presentation.png) no-repeat; }

h2.partenaires {
background:transparent url(img/h2_partenaires.png) no-repeat; }

h2.conseil {
background:transparent url(img/h2_conseil.png) no-repeat; }

h2.garanties {
background:transparent url(img/h2_garanties.png) no-repeat; }

h2.references {
background:transparent url(img/h2_references.png) no-repeat; }

h2.savoir {
background:transparent url(img/h2_savoir.png) no-repeat; }

h2.plan {
background:transparent url(img/h2_plan.png) no-repeat; }

h2.contact {
background:transparent url(img/h2_contact.png) no-repeat; }

.en_ligne {
display:inline; }

/***** Layout *****/

div#global {
width:950px;
margin:0 auto;
background:transparent url(img/body_fond.png) no-repeat center -183px; }

div#entete {
overflow:hidden;
position:relative;
width:100%;
height:220px; /*237*/
padding-top:17px;
background:transparent url(img/entete_fond.png) no-repeat bottom; }

div#infos {
line-height:1.1;
width:506px; /*516*/
padding:5px 0;
padding-left:10px;
background:transparent url(img/coordonnees_fond.png) repeat-y; }

div#outils {
position:relative;
z-index:10;
width:100%;
height:84px;
background:transparent url(img/middle_fond.gif) repeat-x; }

div#contenu {
padding-top:20px;
width:100%;
background:transparent url(img/contenu_fond_haut.png) repeat-x top; }

div#pied {
padding:20px 0;
text-align:center;
width:100%; }
 
div#presentation_texte {
margin:0 auto;
width:870px; /*910*/
padding:0 20px;
padding-top:10px;
min-height:370px;
color:#FFC200;
font-size:75%;
border:1px solid #818181; } 
 
/***** #infos *****/

div#coordonnees dl {
letter-spacing:1px;
padding-bottom:10px;
font-weight:bold;
color:#fff;
font-size:75%; }

div#news dl {
text-align:left;
font-size:75%;
color:#ccc; }

div#news dl dt, div#news dl dd.date {
font-weight:bold; }

div#news dl dt {
color:#fff;
font-weight:bold; }

div#news dl dd.description {
height:35px;
width:500px;
overflow:auto;
font-size:90%; }

/***** #outils *****/

div#menu {
height:44px;
line-height:44px;
text-align:center; }

div#menu ul li {
padding:0 10px;
padding-right:20px;
display:inline;
font-size:75%;
background:transparent url(img/puce_1.gif) no-repeat right center; }

div#menu ul li.no_style {
padding-right:0;
background:none; }

div#menu ul li a {
font-weight:bold;
color:#00CCFF;
text-decoration:none; }

div#menu ul li a:hover {
color:#FF6600; }

div#titre {
width:100%;
position:relative;
z-index:10; }

/***** #pied *****/

div#pied ul li {
color:#FF6600;
font-size:70%;
display:inline;
margin-right:2px; }

div#pied ul li a {
color:#00CCFF;
padding-right:2px;
text-decoration:none; }

div#pied ul li a:hover {
color:#FF6600; }