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(images/logo.gif);
background-position : right;
background-repeat : no-repeat;}

.flash {
width : 670px ; 
height : 20px ; 
background-color : #333;
margin-left : auto; 
margin-right : auto;
padding : 4px ;
text-align : right;
margin-top : 1px;}
 html>body .flash{ height: auto; min-height: 20px;}



.page {
width : 670px ;
height : 20px ; 
background-color :#fff;
margin-left : auto; 
margin-right : auto;
margin-top : 10px;
text-align : left;
padding : 4px;
border-bottom : 1px dotted #333;
background-repeat : no-repeat;
background-position : bottom}
 html>body .page{ height: auto; min-height: 0;}
.menu {
width : 670px ;
height : 30px;
background-color : #333;
 margin-left : auto; 
margin-right : auto;
margin-top : 5px;
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 {
font-size : 13px ; 
font-family : verdana ;
 margin :  10px 10px 10px 13px}

 /* 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 :#fff;
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;}


 /* 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:#fff; text-decoration:none; font-weight : bold} 
a:hover {color:#ccc; text-decoration:none;} 

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

 a.class3{color:#000; text-decoration:none; font-weight :normal} 
a:hover.class3 {color:#ccc; text-decoration:none;} 

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