@charset "utf-8";
/* CSS Document */

/* ^^^^^^^^ Centrar sitio ^^^^^^^^^^ */
body{
	background-color:#657886;
	text-align:center;
	margin: 0 auto;
}

#site{
	background-color:#FFFFFF;
	position:relative;
	width:830px;	
	left: auto;
	top: 15px;
	margin:0 auto;
	text-align:left;
}

#bandeau{
	width:830px;
	height:118px;
}


#Titre_de_pag {
	background-image:url(../IMAGES/Images-page/Bandeau-bas-menu.png);
	width:604px;
	height:40px;
	position:absolute;
	top:123px;
	left:221px;
	text-align:center;
	line-height:36px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#FFFFFF;
}


#flash{
	position:absolute;
	left: 25px;
	top: 143px;
	width: 167px;
	height:106px;
}


#columna{
	width:211px;
	height:823px;
	position:absolute;
	top: 123px;
	left: 5px;
}
.columna{
position:absolute;
	z-index:100000;
	width:211px;
	height:23px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#000000;
	text-align:center;
	top:130px;
}


	  /*  ===================================Contenido pagina actualites=================================   */

#contenido{
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	position:absolute;
	width:604px;
	height:750px;
	top:168px;
	left:221px;
}

#info1{
	position:absolute;
	width:604px;
	height:154px;
	top:5px;
}
#info2{
	position:absolute;
	width:604px;
	height:154px;   
	top:175px;
}
#info3{
	position:absolute;
	width:604px;
	height:154px;  
	top:350px; /* +122  */ 
}

#A{
	position:absolute;
	width:604px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.5em;
	font-size:12px;
	color:#000000;
	text-align:justify;
	top:0px;
	left:0px;
	height: 67px;
}
#A strong{
	font-size:13px;
	color:#384053;
}

	
#B{
	position:absolute;
	bottom:5px;
	right:158px;
	width:93px;
	height:60px;
}
	  #plus_dinfo a {
	  /* Posicionamos el texto dentro del boton*/
	  	padding: 12px 0 0 0px;
		text-decoration:none;
		color:#000000;
		text-align:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
	  }
      .plus_dinfo a{
        /* Definimos la dimension del botón*/
        display: block;
        width: 93px;
        height: 23px;
		/* Le asignamos la imagen*/
        background-image:url(../IMAGES/Boutons/plus_info.png);
        background-repeat: no-repeat;
        background-position: 0 0;
      }
	  
        /* Para cuando pasemos el ratón por encima y cuando hagamos click en él*/
        .plus_dinfo a:hover, plus_dinfo a:active {
        background-position:bottom;
      }

      .more a{
        /* Definimos la dimension del botón*/
        display: block;
        width: 93px;
        height: 23px;
		/* Le asignamos la imagen*/
        background-image:url(../IMAGES/Boutons/more.jpg);
        background-repeat: no-repeat;
        background-position: 0 0;
      }
	  
        /* Para cuando pasemos el ratón por encima y cuando hagamos click en él*/
        .more a:hover, more a:active {
        background-position:bottom;
      }

#C{
	position:absolute;
	bottom:-3px;
	right:-3px;
	margin:1px;
	padding:1px;
	border:1px solid #CCCCCC;
	width:150px;
	height:112px;
}
#C a:hover{
	position:absolute;
	bottom:-2px;
	right:-2px;
	margin:1px;
	padding:1px;
	border:1px solid #4878a8;
	width:150px;
	height:112px;
}

/*    ========================================  titre de pag 2  ===============================   */
#Titre_de_2pag{
	width:604px;
	height:250px;
	left:220px;
	position:absolute;
	bottom:0px;
}



#Rea {
	background-image:url(../IMAGES/Images-page/Bandeau-bas-menu.png);
	top:0px;
	left:2px;
	width:604px;
	height:40px;
	position:absolute;
	text-align:center;
	line-height:36px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#FFFFFF;
	
}


#texto_rea{
	position:absolute;
	width:594px;
	left:5px;
	top:50px;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#233750;
}

#D{
	position:absolute;
	bottom:7px;
	right:0px;
	width:93px;
	height:26px;
}
      .Dplus_dinfo a{
        /* Definimos la dimension del botón*/
        display: block;
        width: 93px;
        height: 23px;
		/* Le asignamos la imagen*/
        background-image:url(../IMAGES/Boutons/plus_info.png);
        background-repeat: no-repeat;
        background-position: 0 0;
      }
	  
        /* Para cuando pasemos el ratón por encima y cuando hagamos click en él*/
        .Dplus_dinfo a:hover, Dplus_dinfo a:active {
        background-position:bottom;
      }
	  
	        .Dmore a{
        /* Definimos la dimension del botón*/
        display: block;
        width: 93px;
        height: 23px;
		/* Le asignamos la imagen*/
        background-image:url(../IMAGES/Boutons/more.jpg);
        background-repeat: no-repeat;
        background-position: 0 0;
      }
	  
        /* Para cuando pasemos el ratón por encima y cuando hagamos click en él*/
        .Dmore a:hover, Dmore a:active {
        background-position:bottom;
      }
	  
/*    ========================================3 Paginas (clik de botones) Actualites ===============================   */	

#contenido-actualites{
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	position:absolute;
	width:604px;
	height:776px;
	top:168px;
	left:221px;
}
#infovillete_titre strong{
	position:absolute;
	width:604px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color:#384053;
	line-height:1.3em;
	font-size:16px;
	color:#000000;
	top:0px;
	left:0px;
	height: 67px;
}

#pekin_titre strong{
	position:absolute;
	width:604px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color:#384053;
	line-height:1.3em;
	font-size:16px;
	color:#000000;
	top:0px;
	left:0px;
	height: 67px;
}

	  
#infovillete_texto{
	position:absolute;
	width:604px;
	height:713px;
	top:70px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	text-align:justify;
}
#infovillete_texto strong{
	color:#233750;
}


#infoplaza_texto{
	position:absolute;
	width:604px;
	height:713px;
	top:420px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	text-align:justify;
}

#infopekin_texto{
	position:absolute;
	width:604px;
	height:449px;
	top:420px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	text-align:justify;
}
#infopekin_texto strong{
	color:#233750;
}
#flash_medio{
	position:relative;
	width:400px;
	height:300px;
	left:107px;
}

#flash_medio2{
	position:absolute;
	width:604px;
	height:340px;
	left:0px;
	top: -348px;
}	  
#lista {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
#lista li{
	list-style-image:url(../IMAGES/Boutons/lista.gif);
/*	list-style: none;
	background: url(lista.gif) left top no-repeat;
	padding-left: 25px;	*/	

}	
#infovillete{
	position:absolute;
	width:604px;
	height:775px;
	top:0px;
} 

#R{
	position:absolute;
	bottom:7px;
	right:0px;
	width:93px;
	height:26px;
}
      .Retour a{
        /* Definimos la dimension del botón*/
        display: block;
        width: 93px;
        height: 23px;
		/* Le asignamos la imagen*/
        background-image:url(../IMAGES/Boutons/retour.jpg);
        background-repeat: no-repeat;
        background-position: 0 0;
      }
	  
        /* Para cuando pasemos el ratón por encima y cuando hagamos click en él*/
        .Retour a:hover, Retour a:active {
        background-position:bottom;
      }


/*    ========================================Pagina Pekin ===============================   */	
#Rp{
	position:absolute;
	bottom:-443px;
	right:143px;
	width:93px;
	height:26px;
}
      .Rpetour a{
        /* Definimos la dimension del botón*/
        display: block;
        width: 93px;
        height: 23px;
		/* Le asignamos la imagen*/
        background-image:url(../IMAGES/Boutons/retour.jpg);
        background-repeat: no-repeat;
        background-position: 0 0;
      }
	  
        /* Para cuando pasemos el ratón por encima y cuando hagamos click en él*/
        .Rpetour a:hover, Rpetour a:active {
        background-position:bottom;
      }
	  
      .RpetourUK a{
        /* Definimos la dimension del botón*/
        display: block;
        width: 93px;
        height: 23px;
		/* Le asignamos la imagen*/
        background-image:url(../IMAGES/Boutons/home.jpg);
        background-repeat: no-repeat;
        background-position: 0 0;
      }
	  
        /* Para cuando pasemos el ratón por encima y cuando hagamos click en él*/
        .RpetourUK a:hover, RpetourUK a:active {
        background-position:bottom;
      }	   
#Rv{
	position:absolute;
	bottom:-540px;
	left:166px;
	width:38px;
	height:27px;
}
      .Rvetour a{
        /* Definimos la dimension del botón*/
        display: block;
        width: 38px;
        height: 27px;
		/* Le asignamos la imagen*/
       
        background-repeat: no-repeat;
        background-position: 0 0;
      }
	  
        /* Para cuando pasemos el ratón por encima y cuando hagamos click en él*/
        .Rvetour a:hover, Rvetour a:active {
        background-position:bottom;
      }	
	  
	  
#Rplz{
	position:absolute;
	bottom:-141px;
	left:480px;
	width:93px;
	height:27px;
}
      .Rvetour a{
        /* Definimos la dimension del botón*/
        display: block;
        width: 38px;
        height: 27px;
		/* Le asignamos la imagen*/
       
        background-repeat: no-repeat;
        background-position: 0 0;
      }
	  
        /* Para cuando pasemos el ratón por encima y cuando hagamos click en él*/
        .Rvetour a:hover, Rvetour a:active {
        background-position:bottom;
      } 
	  
	  
	    
/*    ========================================Pagina realisations ===============================   */	  

#info_1{
	position:absolute;
	width:604px;
	height:154px;
	top:200px;
}
#info_2{
	position:absolute;
	width:604px;
	height:154px;
	top:270px;
}
#info_3{
	position:absolute;
	width:604px;
	height:154px;
	top:340px;
}
#info_4{
	position:absolute;
	width:604px;
	height:154px;
	top:410px;
}
#info_5{
	position:absolute;
	width:604px;
	height:154px;
	top:480px;
}
#info_6{
	position:absolute;
	width:604px;
	height:154px;
	top:550px;
}
#info_7{
	position:absolute;
	width:604px;
	height:154px;
	top:620px;
}
#info_8{
	position:absolute;
	width:604px;
	height:77px;
	top:690px;
}
#contenido p{
	position:absolute;
	width:604px;
	height:500px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:12px;
	font-weight:normal;
	top: 10px;
	left: 0px;
}

#text_realisation1{
	top:0px;
	position:absolute;
	width:350px;
	right:70px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:12px;
	font-weight:normal;
}
#Realis{
	position:absolute;
	top:0px;
	right:432px;
	width:93px;
	height:60px;
}
	  #plus_Realis a {
	  /* Posicionamos el texto dentro del boton*/
	  	padding: 12px 0 0 0px;
		text-decoration:none;
		color:#000000;
		text-align:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
	  }
      .plus_Realis a{
        /* Definimos la dimension del botón*/
        display: block;
        width: 93px;
        height: 23px;
		/* Le asignamos la imagen*/
        background-image:url(../IMAGES/Boutons/plus_info.png);
        background-repeat: no-repeat;
        background-position: 0 0;
      }
	  
        /* Para cuando pasemos el ratón por encima y cuando hagamos click en él*/
        .plus_Realis a:hover, plus_Realis a:active {
        background-position:bottom;
      }


/*    ========================================Pagina liens utiles ===============================   */	
  
#distribuidores{
	width:604px;
	height:100px;
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}

a img{
	border:none;
}

#logo {
	position:absolute;
	width:280px;
	height:80px;
	left:22px;
	top:20px;
}
#texto_distri{
	position:absolute;
	width:280px;
	height:80px;
	right:22px;
	top:20px;
}
#texto_distri a{
	text-decoration:underline;
	font-weight:bold;
	color:#233750;
} 


#lie_ns1{
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	width:604px;
	height:500px;
	top:150px;
}
#lie_ns2{
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	width:604px;
	height:500px;
	top:300px;
}
#lie_ns3{
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	width:604px;
	height:500px;
	top:450px;
}
#lie_ns4{
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	width:604px;
	height:500px;
	top:600px;
}

#lien_droite{
	position:absolute;
	top:0px;
	left:302px;
}  


#lien_gauche{
	position:absolute;
	top:0px;
	left:10px;
} 
#ils_nous{
	width:604px;
	height:750px;
	position:absolute;
	bottom: 0px;
	right:5px;
}

#bloke1{
	position:absolute;
	width:604px;
	height:250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	top:30px;
}
#bloke2{
	position:absolute;
	width:604px;
	height:250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	top:230px;
}
#bloke3{
	position:absolute;
	width:604px;
	height:250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	top:430px;
}
#bloke4{
	position:absolute;
	width:604px;
	height:61px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	top:685px;
}

#msn{
	background-image:url(../IMAGES/Boutons/MSN.jpg);
	position:absolute;
	width:18px;
	height:24px;
	left: 28px;
	top: 3px;
	
}
#qui{
	position:absolute;
	width:400px;
	height:30px;
	top:10px;
	left:50px;
	font-weight:bold;
}
#ils{
	position:absolute;
	width:400px;
	height:200px;
	top:30px;
	left:200px;
}
#ils4{
	position:absolute;
	width:400px;
	height:21px;
	top:31px;
	left:201px;
}

/*    ========================================   Pagina contacts    ===============================   */

#arriba{
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	width:604px;
	height:75px;
	top:10px;
	
}
#arriba strong{
	color:#233750;
	}
#datos{
	text-align:right;
	position:absolute;
	width:150px;
	height:75px;
	top:0px;
	left:120px;
}
#news{
	text-decoration:none;
	text-align:left;
	position:absolute;
	width:183px;
	height:49px;
	top:16px;
	left:300px;
}
#news a{
	text-decoration:underline;
	color:#233750;
	font-weight:bold;
}

#abajo{
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	width:604px;
	height:75px;
	top:100px;
}
#nous_joindre{
	width:604px;
	height:25px;
	color:#FFFFFF;
	background-color:#233750;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	line-height:25px;
}

#Contactos{
	position:absolute;
	width:604px;
	height:619px;
	top:50px;
}
#contact1{
	position:absolute;
	width:157px;
	height:194px;
	top:50px;
	left:100px;
}                
#photo1{
	position:absolute;
	left:52px;
	width:100px;
	height:133px;
	background-image:url(../IMAGES/Images-varios/contacts/Yves.jpg);
}

	  
	  

      .mail_ico1 a, .mail_ico2 a, .mail_ico3 a, .mail_ico4 a, .mail_ico5 a, .mail_ico6 a{
        /* Definimos la dimension del botón*/
        display: block;
        width: 20px;
        height: 20px;
		/* Le asignamos la imagen*/
        background-image:url(../IMAGES/Boutons/mail.png);
        background-repeat: no-repeat;
        background-position: 0 0;
      }
	  
	  
        /* Para cuando pasemos el ratón por encima y cuando hagamos click en él*/
        .mail_ico1 a:hover, .mail_ico2 a:hover, .mail_ico3 a:hover, .mail_ico4 a:hover, .mail_ico5 a:hover,  .mail_ico6 a:hover,
		mail_ico1 a:active, mail_ico2 a:active, mail_ico3 a:active, mail_ico4 a:active, mail_ico5 a:active, mail_ico6 a:active,{
		background-position:bottom;
      }	


#photo_mail1{
	position:absolute;
	text-align:right;
	width: 152px;
	height:50px;
	top: 140px;
}
#mail_ico1{
	position:absolute;
	width:20px;
	height:20px;
	left: 15px;
	top: 171px;
}
#contact2{
	position:absolute;
	width:157px;
	height:194px;
	top:50px;
	left:320px;
}                
#photo2{
	position:absolute;
	left:0px;
	width:100px;
	height:133px;
	background-image:url(../IMAGES/Images-varios/contacts/Adrien.jpg);
}
#photo_mail2{
	position:absolute;
	text-align:left;
	width: 152px;
	height:50px;
	top: 140px;
}
#mail_ico2{

	position:absolute;
	width:20px;
	height:20px;
	left: 120px;
	top: 171px;
}
#contact3{
	position:absolute;
	width:157px;
	height:194px;
	top:260px;
	left:100px;
}                
#photo3{
	position:absolute;
	left:52px;
	width:100px;
	height:133px;
	background-image:url(../IMAGES/Images-varios/contacts/Michel.jpg);
}
#photo_mail3{
	position:absolute;
	text-align:right;
	width: 152px;
	height:50px;
	top: 140px;
}
#mail_ico3{

	position:absolute;
	width:20px;
	height:20px;
	left: 45px;
	top: 171px;
}
#contact4{
	position:absolute;
	width:157px;
	height:194px;
	top:260px;
	left:320px;
}                
#photo4{
	position:absolute;
	left:0px;
	width:100px;
	height:133px;
	background-image:url(../IMAGES/Images-varios/contacts/Annabelle.jpg);
}
#photo_mail4{
	position:absolute;
	text-align:left;
	width: 152px;
	height:50px;
	top: 140px;
}
#mail_ico4{
	position:absolute;
	width:20px;
	height:20px;
	left: 90px;
	top: 171px;
}

#contact5{
	position:absolute;
	width:157px;
	height:194px;
	top:470px;
	left:100px;
}                
#photo5{
	position:absolute;
	left:52px;
	width:100px;
	height:133px;
	background-image:url(../IMAGES/Images-varios/contacts/laurent.jpg);
}
#photo_mail5{
	position:absolute;
	text-align:right;
	width: 152px;
	height:50px;
	top: 140px;
}
#mail_ico5{

	position:absolute;
	width:20px;
	height:20px;
	left: 35px;
	top: 171px;
}
#contact6{
	position:absolute;
	width:157px;
	height:194px;
	top:468px;
	left:320px;
}                
#photo6{
	position:absolute;
	left:1px;
	width:100px;
	height:133px;
	background-image:url(../IMAGES/Images-varios/contacts/Antoine.jpg);
}
#photo_mail6{
	position:absolute;
	text-align:left;
	width: 152px;
	height:50px;
	top: 140px;
}
#mail_ico6{
	position:absolute;
	width:20px;
	height:20px;
	left: 108px;
	top: 171px;
}

/*    ========================================   Pagina R   et   D   ===============================   */

#Recherche1{
	position:absolute;
	width:604px;
	height:50px;
	top:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
#Recherche2{
	position:absolute;
	width:604px;
	height:50px;
	top:170px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
#Recherche3{
	position:absolute;
	width:604px;
	height:50px;
	top:240px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
#Recherche4{
	position:absolute;
	width:604px;
	height:50px;
	top:310px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}#Recherche5{
	position:absolute;
	width:604px;
	height:50px;
	top:380px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}#Recherche6{
	position:absolute;
	width:604px;
	height:50px;
	top:450px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}

#RD_titre{
	
	font-weight:bold;
	position:absolute;
	width:139px;
	height:50px;
	left:140px;
	top:0px;
}
#RD-recherche{
	position:absolute;
	width:200px;
	height:50px;
	left:300px;
	top:0px;
}
#puce{
	background-image:url(../IMAGES/Boutons/puce.gif);
	position:absolute;
	width:10px;
	height:10px;
	left:120px;
	top:3px;
}
#et_aussi{
	width:604px;
	position:absolute;
	bottom: 0px;
	right:0px;
}


#titre_bas{
	width:604px;
	height:26px;
	text-align:center;
	line-height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
	background-color:#233750;
}

 
/*    ========================================Menu Horizontal===============================   */
#menu_horizontal {
	width:830px;
	height:28px;
	margin:0;
	padding:0;
	background-color:#9aa09e;
	position:absolute;
	left:0px;
	top:85px;
	}
#menu_horizontal li {
	line-height:25px;
	list-style:none;
	margin:0px;
	padding:0px;      
	float:left;      /*hace el menu horizontal*/
	}
#menu_horizontal li a {
	display:block;
	width:152px;
	height:28px;
	padding:0px;
	text-decoration:none;/*enlever ligne en bas du lien*/
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;							/*couleur du texte*/
	background-image:url(../IMAGES/Boutons/boton-menuH.jpg);		/*image du bouton*/
	border:none;
	}
#menu_horizontal li a:hover {
	color:#FFFFFF;
	font-weight:bold;
	background-position:center;
	}
	
.active-ac{
background-position:bottom;}

#drap{
position:absolute;
top:85px;
right:0px;}
#drap img {
margin:0px;
padding:4px 15px;}
#drap a {
	display:block;
	width:70px;
	height:28px;
	padding:0px;
	text-decoration:none;/*enlever ligne en bas du lien*/
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;							/*couleur du texte*/
	background-image:url(../IMAGES/Boutons/langue.jpg);		/*image du bouton*/
	border:none;
	}
#drap a:hover, #drap a:active {
	color:#FFFFFF;
	font-weight:bold;
	background-position:bottom;
	}


/*    =========================================Menu Vertical================================   */
#menu_vertical {
	z-index:1000;
	width: 152px;
	height: 208px;
	margin: 0px;
	padding: 0px;
	position:absolute;
	top:277px;
	left: 32px;
}


#menu_vertical li {
	line-height:25px;
	list-style:none;
	margin:0px;
	padding:0px;
	margin-bottom: 2px;
}

#menu_vertical a {
	display:block;
	padding:0px;
	width:152px;
	height:28px;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;							/*couleur du texte*/
	background-image:url(../IMAGES/Boutons/boton-menuV1.jpg);		/*image du bouton*/
	border:none;				/*couleur du bord du carre*/
	}

#menu_vertical li a:hover, #menu_vertical li a:active{
	color:#FFFFFF;
	font-weight:bold;
	background-position:center;
}

/*    =======================================Toute l'actualité==============================   */
#toute {
	z-index:1000;
	width: 152px;
	height: 28px;
	margin: 0px;
	padding: 0px;
	position:absolute;
	top:513px;
	left: 32px;
}


#toute li {
	line-height:25px;
	list-style:none;
	color:#FFFFFF;
	border: 0px;
	margin:0px;
	padding:0px;
	margin-left:0px;
	padding:0px;
	margin-bottom: 2px;
}

#toute a {
	display:block;
	width:152px;
	height:28px;
	padding:0px 0px 0px 0px;/*enlever ligne en bas du lien*/
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:0.15em;
	text-align:center;
	font-size:14px;
	color:#FFFFFF;							/*couleur du texte*/
	background-image:url(../IMAGES/Boutons/boton-menuV2.png);		/*image du bouton*/
	border:none;				/*couleur du bord du carre*/
	text-decoration: none;
	}


#toute li a:hover {
	color:#FFFFFF;
	background-position:center;
}






#R2{
	position:absolute;
	bottom:-77px;
	right:0px;
	width:93px;
	height:26px;
}
      .Retour2 a{
        /* Definimos la dimension del botón*/
        display: block;
        width: 93px;
        height: 23px;
		/* Le asignamos la imagen*/
        background-image:url(../IMAGES/Boutons/retour.jpg);
        background-repeat: no-repeat;
        background-position: 0 0;
      }
	  
        /* Para cuando pasemos el ratón por encima y cuando hagamos click en él*/
        .Retour2 a:hover, Retour2 a:active {
        background-position:bottom;
      }
	  
	  
#beers_medio{
	position:absolute;
	width:283px;
	height:425px;
	left:162px;
	top: 82px;
}



#telecharger{
	position:absolute;
	width:150px;
	height:56px;
	left: 454px;
	top: 130px;
}

      #telecharger a{
	  
        /* Definimos la dimension del botón*/
        display: block;
        width: 150px;
        height: 56px;
		/* Le asignamos la imagen*/
        background-image:url(../IMAGES/Boutons/Bouton-PDF.png);
        background-repeat: no-repeat;
        background-position: 0 0;
      }
	  
        /* Para cuando pasemos el ratón por encima y cuando hagamos click en él*/
        #telecharger a:hover, #telecharger a:active {
        background-position:bottom;
      }


#telecharger-ang{
	position:absolute;
	width:150px;
	height:56px;
	left: 454px;
	top: 130px;
}

      #telecharger-ang a{
	  
        /* Definimos la dimension del botón*/
        display: block;
        width: 150px;
        height: 56px;
		/* Le asignamos la imagen*/
        background-image:url(../IMAGES/Boutons/BoutonPDF.png);
        background-repeat: no-repeat;
        background-position: 0 0;
      }
	  
        /* Para cuando pasemos el ratón por encima y cuando hagamos click en él*/
        #telecharger-ang a:hover, #telecharger-ang a:active {
        background-position:bottom;
      }