.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: 0;/* sans marges, la page sera collée aux bords */
font-family: verdana, arial, sans-serif; 
font-size: 10px; 
line-height: 16px;
/*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;
}


/*.logoimpression {
display: none;
}*/

.head1 {



background-color : #C10000;
height: 54px;
width: 100%;
/*min-width: 100px;*/
}

logo {
z-index: 1;
position: relative;
margin-top :0px;
top: -28px;
left: 00px;
}


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


label {
display: none;
    margin-top: -13px;
	width: 10%;
	
	
	}
input#recherche {
    margin-top: 0px;
	width: 10%;
	background-color: #EAAFB3;
	float: right;
	}

/*menu haut*/

.menuhaut {
float: right; 
margin-right: 5px;
margin-left: 5px;
margin-top: 5px;

}
.menuhaut a {
font-size: 10px;
color: #FFFFFF; 
letter-spacing: 2px;
/*font-weight: bold;*/

text-decoration: none; 
margin-left: 1px;
margin-right: 20px; /* espacement entre chaque sous-menu */
}

.menuhaut a:link {

color: #FFFFFF; 
letter-spacing: 2px;

text-decoration: none; /* pour éviter le soulignement au survol */

}
.menuhaut a:hover {
	color:#FF9900;
	text-decoration: none;
}
.head3{
position: relative;
top: -14px;
background-color : #DACEBD;
font-size: 10px;
/*color: black;*/
height: 1.5em;
width: 100%;
min-width: 1000px;
}
.head3 a {color: #57524C}


/*Menu gauche */

.gauche {
z-index: 9;
position: absolute;
left : -1.3em;
top: 100px;
/*left:0; /* on place le bloc gauche à gauche en position absolue */
/*background-image: url('design/menu.gif');*/
margin :20px;
width: 130px;
height: 400px;

} 
.gauche a {color: #57524C}
.gauche a:link {color: #57524C}
.droite {
 float: left;
position : absolute;
left:600; /* on place le bloc gauche à gauche en position absolue */
/*background-image: url('design/menu.gif');*/
margin :20px;
width: 130px;
height: 200px;

} 
 
 
 
 
/*menu gauche*/

div#nav {float: left; width: 15em; /*margin: -1px 0 0 -1px*/;
  background: white}



div#nav ul {margin: 0; padding: 0; width: 15em; background: #EFEBE3;
  border-bottom: 1px solid grey; z-index:9;}
  
div#nav li {position: relative; list-style: none; margin: 0px 0  0px 0px;
  border-bottom: 1px solid #CCC;}
  
div#nav li:hover {background: #EFEBE3;}
div#nav li.submenu {background: #E4DCCF;}/*#EFEBE3;*/
div#nav li.submenu:hover {background-color: #EFEBE3;}
div#nav li a {display: block; padding: 0.25em 0 0.25em 0.5em;
  text-decoration: none; width: 15em;}
div#nav>ul a {width: auto;}
div#nav ul ul {position: absolute; top: 0px; left: 15em;
  display: none;}
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}



.hierarchie {
   margin-left: 30px;
   margin-top:10px;
   }
.hierarchie a{
   text-decoration: none;
   color:#3E7CAC ;
   }
   .hierarchie a:hover{
   text-decoration: none;
   color: #57524C;
   }
.hierarchie a:link {color: #57524C}


/*centre*/

div#blocentre {
    float: left;
     position: relative;
    left : 162px;
    top: 0px;
    margin :05px;
    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: 0em;
     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;
   
}

div#tete img{

     margin-top: 0.5em;
   
   
}
/*pour les pages rubriques*/
div#entete1 {
     clear:both;
     margin-top: 00px;
     width: 300px;
     /*text-decoration: none;*/
     margin-left: 0px;      
      border-top : solid 1px;
      border-left: solid 1px;
      border-right: solid 1px;
     border-color: #D55351;
     padding:3px;
     padding-left: 3px;
} 

div#entete1 a{
/*text-decoration: none;*/
}
div#paypal {
position : absolute;
margin-top: -20px;
margin-left: 450px;


     
}
div#entete2 {
     
     clear:both;
     margin-top: 00px;
     width: 600px;
    
     margin-left: 0px; 
     border-top : solid 1px;
     border-color: #D55351;
     
     padding:3px;
     padding-left: 0px;
}  

div#entete2 a {
/*text-decoration: none;*/
} 
/*.spip_logos {

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

.logo2 {
/*float: left;*/
	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;
     border: 2px red;
     min-height : 220px;
     width: 180px;
     margin-left: 13px; 
     padding-bottom:0px;

}

div#tete2 a{
   /*text-decoration: underline;*/
}
div#tete2 img { 

           padding-left: 0.2em;
           padding-bottom: 0.2em;
 }
.pagination {
margin-top: 30px;
margin-left:120px;

}

/*.pagination a: hover {
text-decoration: none;
}
.pagination a:  {
text-decoration: underline;
}*/

.legende {
clear: left;
padding-left:1em;
font-size: 100%; 
}

.legende h3{

font-size: 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: 350px;
     /*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;*/
   
}

div#tete3 {
     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:5px;

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



/*.rouge {
    
     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;
position: relative;
     margin-top:0.5em;
     margin-left:0px;
     margin-bottom:0px;
     font-weight:bold;
     padding-left :0px;
     width: 11em;
}

input.bouton {
     margin-left : 2px;
      margin-top : 0.1em;
     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;
     /*padding-left : 12px;*/
      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  {
position: relative;
    /*float: left;*/
    top: 20px;
    /*background-color: #F3F0EA;*/
    margin-left: 02em;
    margin-top: 1em;
     
    /*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: 380px; 
    padding-left: 13px;
   
    font-size: 110%;
}

div#cadre2 h2 {
line-height: 1em;
    margin-left: 0px;
    font-size: 100%;
    text-align: left;
}

/*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-left: 13px;
     padding-right: 13px;
     padding-top: 13px;
     
    border : solid 1px;
    border-color: #666465;
     color : #6C6557;
}
div#une1 a {
    color: #C10000;
    text-decoration: none;
}

div#une1 h2 {
font-size: 150%;
    color: white;
    text-decoration: none;
}
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-left: 13px;
    padding-right: 13px;
    padding-top: 13px;
    border : solid 1px;
    border-color: #666465;     
}
div#une2 a, h1  {
     /*display: block;*/
     margin: 0px;
    font-size: 100%;    
    color: #F8FAF9;
  
	text-decoration: none;

}
div#une2 a:hover {
 /*color: #2D2829;*/
 color: #C10000;
 text-decoration: none;
}

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

div#une2  h3  {     
    font-size: 125%;
    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-left: 13px;
    padding-right: 13px;
    padding-top: 13px;
    border : solid 1px;
    border-color: #666465;     
}
div#une3 a, h1  {
     /*display: block;*/
    text-decoration: none;
     font-size: 100%;    
     color: #F8FAF9; 
}
div#une3 a:hover {
 /*color: #2D2829;*/
 color: red;
 text-decoration: none;
}

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

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



div#une4bis {  
     float : left;
    
   
     margin-top: 0px;
     background-color: #98B7A4;
      
     line-height : 1.5em;
     height :225px;
     width: 620px; 
     padding-left: 11px;
     border : solid 1px;
     border-color: #666465;
     
}

div#une4bis img {
     float : left;
     margin-left: 400px;
     margin-right: 13px;
     border : none;
     border-color: #E0A18F;
     padding: 0px;
 }
 
 
div#une4bis a {
    
    position : absolute;
    left : 30px;
    height : 50px;
    color: #C10000;
    
    padding-top : 13px;
   
    width : 260px;
   
    text-decoration: none;
}

div#une4bis .extrait {
    font-size: 115%;
    position : relative;
    top : 40px;
    left : 13px;
    color: #F8FAF9;
    background-color: #98B7A4;
    padding-top : 0px;
    padding-bottom : 3px;
    padding-left : 0px;
    width : 260px;
    /*border : solid 0px;*/
    border-color: #666465;
    text-decoration: none;
}

div#une4 {  
     float : left;
     position: relative;
     background-color: white;
      
     line-height : 0.8em;
     
     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 : 405px;
    border : solid 1px;
    border-color: #666465;
    text-decoration: none;
}

div#une4 a:hover {
 
 color: #57524C;
 text-decoration: none;
}

div#une5 {   
    
     float : left;
     width : 175px;
       
     background-color: #E8E8E8;
     margin-left: 13px; 
     
    
     border-color: #666465;
     border-bottom: white solid 3px;
     padding-left : 13px;
     padding-right : 13px;
}

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


div#une5 a:hover {
 
        color: red;
        text-decoration: none;
}    




div#foot {
float: left;
     position: relative;
    left : 162px;
    display : block;
/*clear: left;*/
    margin-top: 60px;
    padding-top : 7px;
    text-align : center;
    width : 600px;
    border-top : solid 1px;
    border-color: #D55351;
     
}
div#foot a {
 color : #3E7CAC;
 
 text-decoration: none;
}
div#foot a:hover{
   text-decoration: none;
   color: #57524C;
   }




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;
}