.spacer {
  clear: both;
   
}

hr {
   clear: both;
   visibility: hidden;
}
/*images incluses dans le document*/
p.spip img {
padding-right :1.6em
padding-left :0.6em
}



body {
behavior: url(/csshover.htc);
margin: 0pt;
font-family: verdana, arial, sans-serif; 
font-size: 10pt; 
line-height: normal;
/*text-align: center; *//*correction bug centrage ie-center-*/
/*color: #57524C;*/

}

div#global {

/*position: relative; 
margin-left: auto;
margin-right: auto;*/

/*width: 100%;*/
text-align: left;
}

.head1 {
display: none;
/*background: url('design/garae-blanc.jpg');
background-repeat: no-repeat;

height: 41px;
width: 100%;
margin-top: 20px;
margin-left: 300pt;*/
}

.logo {
display: none;
}


.logoimpression {
height: 41pt;
width: 100%;
margin-top: 20pt;
margin-left: 300pt;
}





/*.head1 img { border: medium none ; }*/
.head2 {
display: none;
/*position: absolute;
top : 26px;
height: 26px;
width: 100%;
z-index: 2;*/
}

/*menu haut*/

.menuhaut {
display: none;

}





/*Menu gauche */

.gauche {
display: none;

} 

.droite {
display: none

} 
 
 
 




.hierarchie {
display: none;

   }



/*centre*/

div#blocentre {
    /*float: left;
     position: relative;*/
    left : 00px;
    top: 0px;
    margin :0px;
    /*width:800px;*/
    
     
}
div#blocentre h1 {
    font-size: 120%;
    text-align: left;
    color: #57524C;	
	
}
div#blocentre a:link {color: #57524C}
div#blocentre h2,a {
    margin-left: 0px;
    font-size: 100%;
    text-align: left;
    color: #57524C;
}

div#entete {

     margin-top: 00px;
     width: 600px;
     margin-left: 0px; 
     border-bottom : solid 1px;
      border-top : solid 1px;
      border-left: solid 1px;
     border-color: #D55351;
     padding:3px;
     padding-left: 13px;
     
}

div#tete {
/*float:left;*/
     margin-top: 00px;
     width: 190px;
     /*background-color: #FFFFFF;*/
     margin-left: 0px; /* on place le bloc centre par rapport à la largeur du bloc
gauche */
     padding:13px;
    padding-left: 13px;
   
}
/*pour les pages rubriques*/
div#entete1 {
     clear:both;
     margin-top: 00px;
     width: 300px;
     
     margin-left: 0px;      
      border-top : solid 1px;
      border-left: solid 1px;
      border-right: solid 1px;
     border-color: #D55351;
     padding:3px;
     padding-left: 3px;
}     
div#paypal {
display: none;
/*position : absolute;
margin-top: -20px;
margin-left: 450px;*/


     
}
div#entete2 {
     
     /*clear:both;*/
     margin-top: 00px;
     width: 455pt;
   left: 000px;
     
     border-top : solid 1px;
     border-color: #D55351;
     
     padding:0px;
     padding-left: 0px;
}    
/*.spip_logos {

	margin-left: 10px;
	padding-left: 10px;
	margin-right: 0.8em;
}*/

.logo2 {

	padding-top: 0em;
	border-top: 0px solid #404040;
	margin-bottom: 0em;
}

.logo2 .spip_logos {

	margin-left: 0px;
	padding-left: 0.8em;
	margin-right: 0.8em;
}
     

div#tete2 {
    /*float: left;*/
    font-size: 80%;
    position: absolute;
    margin-top: 00px;
     width: 130pt;
     /*margin-left: 400px; */
     padding:0px;
top :100px;
left :350pt;
}

div#tete2 img { 

           padding-left: 0.2em;
           padding-bottom: 0.2em;
 }
 
.legende {
clear: left;
padding-left:1em;
}

div#tete2bis {
/*colonne centrale pour rubrique1*/
     /*float: left;*/
     margin-top: 00px;
     width: 380px;   
     margin-left: 13px; 
     padding:0px;
       
}




div#col2gauche {
     /*float:left;
     clear: right;*/
     margin-top: 00px;
     width: 350pt;
     /*width: 350px;*/
     /*background-color: #FFFFFF;*/
     margin-left: 0px; /* on place le bloc centre par rapport à la largeur du bloc
      gauche */
     padding:0px;

     /*border: solid 1px;
     border-color: #D55351;*/
   
}

div#tete3 {
     float:left;
     clear; left;
     margin-top: 00px;
     width: 190px;
     /*background-color: #FFFFFF;*/
     margin-left: 0px; /* on place le bloc centre par rapport à la largeur du bloc
     gauche */
     padding:5px;

     /*border: solid 1px;
     border-color: #D55351;*/
   
}



.rouge {
    /*display : block;*/
     color:red;

    background-image: url('design/carre.gif');
    background-repeat: no-repeat;
    margin-left : 55px;
    margin-top:00px;
    background-position :3px 10px;
    padding-top :3px;
    padding-bottom : 0px;
    padding-left : 10px;
    width : 418px;
}

.bleu2 {color:#3E7CAC;

     margin-top:0px;
     margin-left:5px;
     font-weight:bold;
     padding-left :0px;
     width: 11em;
}

input.bouton {
display: none;
     /*margin-left : 5px;
     text-decoration: none;
     background-image: url('design/fleche-paypal.gif');
     background-position :1px 5px;
     background-repeat: no-repeat;
     color:red;
     border:0px ;
     font-size: 10px;
     padding-left : 12px;
     background-color:white;
     width: 11em;*/
}

input.bouton:hover {
     background-color:white;
     color:black;
}



input.bouton2 {
     text-decoration: none;
     color:red;
     border:0px ;
     font-size: 11px;
     
      margin-bottom : 3px;
    background-color:white;
}

input.bouton2:hover {
background-color:white;
color:black;
}
*/


.rouge1 {
    display : block;
    position :relative;
    color:red;

    background-image: url('design/carre.gif');
    background-repeat: no-repeat;
    margin-left : 0px;
    background-position :0px 10px;
    padding-left : 10px;

}

div#cadre1  {
    float: left;
    top: 20px;
    /*background-color: #F3F0EA;*/
    margin-left: 00em;
    margin-top:0em;
     
    /*height :200px;*/
    width: 200px; 
    padding: 0px;
    /*border : solid 1px;
    border-color: #E0A18F;*/
    font-size: 100%;   
}

div#cadre2 {

position: absolute;
left : 220px;
top:40px;
/*background-color: #F3F0EA;*/
     margin-left: 00px;
     margin-top:0px;
     
     /*height :200px;*/
    width: 600px; 
    padding-left: 13px;
   
    /*font-size: 110%;*/
}

/*sommaire*/

div#principal {
     float:left;
     position: relative;
     left : 162px;
     top: -20px;
     
     padding: 5px;
     z-index :0;
     width: 700px;    
     
}

div#principal h1 {
    font-size: 120%;
    text-align: left;
 
}

div#principal h2 {
    margin-left: 0px;
    font-size: 100%;
    text-align: left;
}

.chapo {
	
	font-weight: bold;
	text-align: justify;
	font-size: 105%;
}




div#une1 {   
     float: left;
     
     background-color: #D9B971;
     margin-left: 0px; 
/*height : auto;*/
     width: 174px; 
     padding: 13px;
    border : solid 1px;
    border-color: #666465;
     color : #6C6557;
}
div#une1 a {
    color: #C10000;
}
div#une1 a:hover {
 
 color: #57524C;
 text-decoration: none;
}


div#une2 {
     float: left;    
     background-color: #95ABC0;   
     margin-left: 13px; /* on place le bloc par rapport à la largeur du bloc
gauche */
    /*height : 310px;*/
    width: 174px; 
    padding: 13px;
    border : solid 1px;
    border-color: #666465;     
}
div#une2 a, h1  {
     /*display: block;*/
     margin: 0px;
    font-size: 100%;    
    color: #F8FAF9; 
}
div#une2 a:hover {
 /*color: #2D2829;*/
 color: red;
 text-decoration: none;
}

div#une2  h2  {
    /*display: block;*/
    margin: 0px;
    color: #C10000;
}

div#une2  h3  {     
    font-size: 100%;
    color: #C10000;
}
div#une2 img {
     margin: 0px;
     border : solid 0px;
     border-color: #E0A18F;
     padding: 0px;
 }
 
div#une3 {
    float: left;
     background-color: #C3B8A9;
     margin-left: 13px; 
     /*height : 310px;*/
    width: 174px; 
    padding: 13px;
    border : solid 1px;
    border-color: #666465;     
}
div#une3 a, h1  {
     /*display: block;*/
    
     font-size: 100%;    
     color: #F8FAF9; 
}
div#une3 a:hover {
 /*color: #2D2829;*/
 color: red;
 text-decoration: none;
}

div#une3  h2  {
    /*display: block;*/
    margin: 0px;
    color: #C10000;
}

div#une3  h3  {     
    font-size: 100%;
    color: #C10000;
}     
div#une3 img {
     
     margin-left: 45px;
     border : solid 0px;
     border-color: #E0A18F;
     padding: 0px;
 }

div#une4 {  
     float : left;
    
     /*position : relative;*/
     /*margin-top: 13px;*/
     background-color: white;
      /* on place le bloc centre par rapport à la largeur du bloc
gauche */
     line-height : 0.8em;
     height :200px;
     width: 408px; 
     padding-left: 11px;
     border : solid 1px;
     border-color: #666465;
     
}
div#une4 a {
    display : block;
    position : relative;
    left : -12px;
    color: #F8FAF9;
    background-color: #98B7A4;
    padding-top : 13px;
    padding-bottom : 13px;
    padding-left : 13px;
    width : 174px;
    border : solid 1px;
    border-color: #666465;
}
div#une4 a:hover {
 /*color: #2D2829;*/
 color: #57524C;
 text-decoration: none;
}

div#une5 {   
     float : left;
    
     /*background-color: #F1F1F1;*/
     background-color: #E8E8E8;
     margin-left: 13px; 
     /*padding-bottom: 30px;*/

     width: 174px; 
     
     border : solid 0px;
     border-color: #666465;
     border-bottom: white solid 3px;
     padding-left : 13px;
     padding-right : 13px;
}
div#une5 a {
    display : block;
    
    color: #615C56;
    background-color: #E8E8E8;
    background-image: url('design/carre.gif');
    background-repeat: no-repeat;
    background-position :0px 16px;
    padding-top : 13px;
    padding-bottom : 13px;
    padding-left : 13px;
    width : 174px;
    
    border-bottom: white solid 2px;
    border-top: white solid 0px;
}
div#une5 a:hover {
 /*color: #2D2829;*/
 color: red;
 text-decoration: none;
}     




div#foot {
display: none;
     
}




div#pop_up1 {
 
 background-color : #C10000;
 background-image: url('garae/css_jc/design/garae-mini.jpg');
 background-position :0px 0px;
 background-repeat: no-repeat;
 height : 27px;
}

div#pop_up2 {
background-color: #E4DCCF;
  float : left;
  margin-top :0px;
 padding-top : 0px;
 clear: both;
 text-align: center;
  width : 100%;
}

div#pop_up2 img {
border-bottom: 1px gray dotted;
margin: auto;
}


/*Pour le survol des vignettes*/  
  
a.info {
position: relative;
text-decoration: none;
color: black;
/*border-bottom: 1px gray dotted;*/
}
a.info span {
display: none;
}
a.info:hover {
background: none; /* correction d'un bug IE */
text-decoration: none;
z-index: 500;
}
a.info:hover span {
display: inline;
position: absolute;
top: -0.2em;
left: 1.5em;
background: #F7F3C1;
text-align: left;
color: black;
padding: 2px;
}