html, body {
margin: 0;
padding: 0;
height: 100%
}


body {
margin: 0;
padding: 0;
background-color : #333;
text-align : center;
font-family : verdana;
font-size : 11px;
color : #000;
}

#contenu{
width:750px;
height:100%;
background-image : url(images/bg2.gif);
margin-left:auto;
margin-right:auto;}
html>body #contenu {height : auto; min-height : 100%}

.logo {
width : 690px ;
height : 50px ; 
background-color : transparent;
margin-left : auto; 
margin-right : auto;
padding : 4px ;
background-image : url(ville-de-france);
background-position : right;
background-repeat : no-repeat;}

.flash {
width : 670px ; 
height : 20px ; 
background-color : #333;
background-image : url(images/bghor.gif);
margin-left : auto; 
margin-right : auto;
padding : 4px ;
text-align : right;
margin-top : 1px;}
 html>body .flash{ height: auto; min-height: 20px;}



.page {
width : 630px ;
height : 20px ; 
color:#003399;
background-color:#F7F8FC;
margin-left : auto; 
margin-right : auto;
margin-top : 20px;
text-align:center;
padding : 4px;
border-color:#333;
border-style:dotted;
border-width: 1px;
background-repeat : no-repeat;
background-position : bottom}
 html>body .page{ height: auto; min-height: 0;}
.menu {
width : 670px ;
height : 30px;
background-color:#C8DEF3;
 margin-left : auto; 
margin-right : auto;

padding : 4px;
text-align : center}
 html>body .menu{ height: auto; min-height: 30px;}
 
 
 /* Paragraphes */

.paragraphe {margin :  10px 10px 10px 40px }
.paragraphe_sanstop {margin :  0 10px 10px 40px ; font-weight : bold}
.paragraphe_stop {margin :  10px 10px 10px 40px; width : 580px }


.paragraphe2 {margin :  10px 10px 10px 10px }
.paragraphe_sanstop2 {margin :  0 10px 10px 10px ; font-weight : bold}
.paragraphe_stop2 {margin :  10px 10px 10px 10px; }


.paragraphe_droite {margin :  5px 20px 0 0 }
html>body .paragraphe_droite  {margin :  3px 20px 0 0}

.para_court {margin-right: 40px }

p {margin : 0 0 10px 10px}
.para_top {margin-top : 10px}
.para_top2 {margin-top : 5px; margin-bottom : 0; margin-right: 40px ; font-size : 10px}
.para_nobottom {margin : 0 0 0 10px; margin-right: 40px; font-size : 10px}





h1, h2, h3 {
color:#003399;
font-size : 14px ; 
font-family : verdana ;
margin :  10px 10px 10px 25px}

 /* BAS */

.bas {width : 670px ;
height : 20px ; 
background-color :#333;
margin-left : auto; 
margin-right : auto;
margin-top : 10px;
text-align : left;
padding : 4px;
line-height : 20px;
background-image : url(images/bghor.gif);}

 /* Pour exemple : page 005 */

.commentaire_bas {
width : 670px ;
height : 20px ; 
background-color :#fff;
margin-left : auto; 
margin-right : auto;
margin-top : 0;
text-align : left;
padding : 4px;
border-bottom : 1px dotted #333;
background-repeat : no-repeat;
background-position : bottom}


 /* sous-bas INVISBLE - pour laisser un peu d'espace vierge en bas des pages */
.sousbas {
width : 670px ;
background-color:#C8DEF3;
margin-left : auto; 
margin-right : auto;
margin-top : 10px;
padding : 4px; 
text-align : center}

 /* INDEX */
.centre_index {
width : 670px ;
background-color :transparent;
margin-left : auto; 
margin-right : auto;
text-align : left;
padding : 4px; 
 }

.centre_index2 {
width : 670px ;
background-color :transparent;
margin-left : auto; 
margin-right : auto;
margin-top : 10px;
text-align : left;
padding : 4px;
 }

.centre_index3 {
width : 670px ;
background-color :transparent;
margin-left : auto; 
margin-right : auto;
margin-top : 10px;
text-align : left;
padding : 4px;
 }


 /* Les Pointillés des pages */
.hr {
width : 670px; 
height : 13px ; 
background-image : url(images/hr.gif);
  margin-left : auto; 
margin-right : auto;
}






 /* Centre - Gauche - droite -  liste */
.centre {
width : 670px ;
background-color :transparent;
margin-left : auto; 
margin-right : auto;
margin-top : 10px;
text-align : left;}

.centre p {
color:#445679;
font-size : 13px ; 
}


 /* Page Association */ 

.gauche {
float : left;
width : 300px ; 
background-color : transparent}

.droite{
float : left;
width : 360px ; 
background-color : transparent;
margin-left : 0;
text-align : left}
 
 
 /* PAGE 004 */ 

.englobe_blocstest2 {
width : 680px; 
margin-left : auto; 
margin-right : auto;
margin-top : 10px;
margin-bottom : 10px}  

.englobe_blocstest3 {
width : 540px; 
margin-left : auto; 
margin-right : auto;}  
  
 /* Blocs pour images page 004 */ 
 .bloc1 {
float : left;
width : 80px ;
height : 80px; 
background-color : transparent;
background-color : #eef ;
margin-left : 5px;
margin-bottom : 10px
}

.bloc2{
float : left;
width : 80px ;
 height : 80px; 
background-color : transparent;
margin-left : 3px;
text-align : left;
background-color : #eef;
margin-bottom : 10px} 
  
 .bloc3{
float : left;
width : 80px ;
 height : 80px; 
background-color : transparent;
margin-left : 3px;
text-align : left;
background-color : #eef;
margin-bottom : 10px}  
  
 .bloc4 {
float : left;
width : 80px ;
height : 80px;  
background-color : transparent;
margin-left : 3px;
background-color : #eef;
margin-bottom : 10px}

.bloc5{
float : left;
width : 80px ;
 height : 80px; 
background-color : transparent;
margin-left : 3px;
text-align : left;
background-color : #eef;
margin-bottom : 10px} 
  
 .bloc6{
float : left;
width : 80px ;
 height : 80px; 
background-color : transparent;
margin-left : 3px;
text-align : left;
background-color : #eef;
margin-bottom : 10px}    
  
.bloc7{
float : left;
width : 80px ;
 height : 80px; 
background-color : transparent;
margin-left : 3px;
text-align : left;
background-color : #eef;
margin-bottom : 10px} 
  
 .bloc8{
float : left;
width : 80px ;
height : 80px;  
background-color : transparent;
margin-left : 3px;
text-align : left;
background-color : #eef;
margin-bottom : 10px}

/* Image plage parasol */
.img_001 {float : left}


/* Image INDEX - page 003 -  */
.img_002  {float : left ; width : 80px ; height : 80px ; margin-left : 20px ; margin-right : 10px} 
.img_003  {float : left ; width : 160px ; height : 160px ; margin-left : 20px ; margin-right : 10px}
.img_droite {float : right ; margin-right : 20px ; margin-top : 25px ; margin-left : 10px}
.img_004 {float : left ; margin-right : 10px; margin-top : 5px ;}  
.img_005 {float :right ; margin-right :0; margin-left : 10px}   
  
/* Séparateurs : Laisser là ou ils sont */  
  
  .spacer {clear : both; }
 .spacer2 {clear : both; height : 13px;}
 
 /* Liens */  

a {color:black; text-decoration:underline; font-weight : bold} 
a:hover {color:red; text-decoration:none;} 

 a.class2{color:blue; text-decoration:underline; font-weight : bold} 
a:hover.class2 {color:red; text-decoration:none;} 

 a.class3{color:green; text-decoration:underline;} 
a:hover.class3 {color:red; text-decoration:none;} 

.englobe_liens {float : left ; width : 320px}

.white {color:white;}

/* STYLE DE LA PAGE COMMUNE.PHP */
.bdd {color:#0000FF; font-weight:400;}

.lieninterne {margin-left:22px;}

.adsense
{ width: 500px ;
height: 300px ;
background-color:#F7F8FC;
margin-top : 20px;
border-color:#333;
border-style:dotted;
border-width: 1px;
margin-bottom:15px;
padding-top:8px;
 }
 
.conteneur-plan-gps
{ width: 500px ;
height: 110px ;
background-color:#F7F8FC;
margin-top : 20px;
border-color:#333;
border-style:dotted;
border-width: 1px;
margin-bottom:15px;
padding-top:8px;
 }
 .conteneur-espo
{ width: 300px ;
height: 110px ;
margin-left : 90px; 
margin-top : 20px;
border-color:#33CCFF;
border-style:dotted;
border-width: 1px;
margin-bottom:15px;
padding-left:10px;
padding-top:8px;
 }
 /* STYLE DE LA PAGE code-postal.PHP */
 .conteneur-code-poste
{ width: 400px ;
height: 30px ;
background-color:#F7F8FC;

border-color:#333;
border-style:dotted;
border-width: 1px;
margin-bottom:1px;
padding-top:5px;
 }