/*barthdid pour typo3 version2*/
/*en test pour charte graphique*/

/* Remettre ŕ zéro les CSS (toujours) */   
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,pre, form, fieldset, table, th, td
{ 
margin: 0; padding: 0; 
border: 0;
font-size: 1em;
font-weight: normal;
font-style: normal;
text-decoration: none;
}
body {
        margin: 0;          /* ie5 centrage, pour éviter les marges */
        text-align: center; /* centrage (#1), pour corriger le bug de centrage IE */
}
#conteneur {
       margin-left: auto;    /* centrage, pour éviter les marges */
       margin-right: auto;   /* centrage, pour éviter les marges */
       text-align: left;     /* #1 centrage, on rétablit l'alignement normal du texte */
       width:760px;          /* important donner une largeur pour centrage*/
      
}
#gauche {
       clear:left;
       float:left;
}
#centre {
        width:533px;
        overflow: auto;

}
* html #centre {
        width:538px;
}
#droite {
       width: 220px;
       margin:0px;
       float:right;
       padding:0px;
}
* html #droite {
       width:220px;
}
#haut_d{
        width: 220px;
        height:25px;
}
#haut_d img{
        padding-top:3px;
        border:0;
}
#contenu_d {
        width: 216px;
        padding:2px;
}
#footer {
        clear:both;
        margin-left: auto;    /* centrage, pour éviter les marges */
        margin-right: auto;   /* centrage, pour éviter les marges */
        text-align: left;     /* #1 centrage, on rétablit l'alignement normal du texte */
        width:760px;          /* important donner une largeur pour centrage*/  
}

/* badges dans le centre */
#badges a, #badges a:hover, #badges a:visited, #badges a:focus {      
        display: block;
        background-repeat: no-repeat;
        border: 0px;
        margin: 0px;
        padding: 0px;
        width: 85px;
        height:15px;
}
#badges a{
        color: #fff;
	text-decoration: none;
}
#badges a:hover {
        color: #fff;
        text-decoration: none;
}
#badges a:visited {
        color: silver;
        text-decoration: none;
}
#badges a:focus {
        color: #fff;
        text-decoration: none;
}
a.logo-ecocep {
        background:URL(../perso/images/ecocep1.png);	
}
a.logo-ecocep:hover {
        background:URL(../perso/images/ecocep2.png);
}
a.logo-lalsa {
        background:URL(../perso/images/epicerie.png);	
}
a.logo-lalsa:hover {
        background:URL(../perso/images/lalsacienne.png);
}
a.logo-mi {
        background:URL(../perso/images/mi.png);	
}
a.logo-mi:hover {
        background:URL(../perso/images/mi2.png);
}
a.logo-mi:visited {
       background:URL(../perso/images/mi.png);
       display: block;
}
a.logo-polo {
       background:URL(../perso/images/wp.png);
}	
a.logo-polo:hover {
       background:URL(../perso/images/wp2.png);
}
a.logo-fouques {
       background:URL(../perso/images/fouques.png);
}
a.logo-fouques:hover {
       background:URL(../perso/images/fouques2.png);
}
a.logo-jogg {
       background:URL(../perso/images/jogg.png);
}
a.logo-jogg:hover {
       background:URL(../perso/images/jogg2.png);
}
a.logo-couleur {
       background:URL(../perso/images/couleur.png);
}
a.logo-couleur:hover {
        background:URL(../perso/images/couleur2.png);
}
a.logo-tecno {
        background:URL(../perso/images/tecno.png);
} 
a.logo-tecno:hover {
       background:URL(../perso/images/tecno2.png);
}
a.logo-gr {
        background:URL(../perso/images/gr20.png);	
}
a.logo-gr:hover {
        background:URL(../perso/images/gr202.png);
}      
a.logo-marlotte {
        background:URL(../perso/images/marlotte1.png);	
}
a.logo-marlotte:hover {
       background:URL(../perso/images/marlotte2.png);
}
a.logo-jacqtour {
       background:URL(../perso/images/jacq-mototour.png);	
}
a.logo-jacqtour:hover {
      background:URL(../perso/images/darkdog-tour.png);
}  
a.logo-jardin {
      background:URL(../perso/images/le-jardin.png);	
}
a.logo-jardin:hover {
      background:URL(../perso/images/du-vendangeoir.png);
}  
a.logo-cee {
       background:URL(../perso/images/cee.png);	
}
a.logo-cee:hover {
       background:URL(../perso/images/ceewp.png);
} 
a.logo-africaa {
	background:URL(../perso/images/africaa-reims.png);
}
a.logo-africaa:hover {
	background:URL(../perso/images/danse-percu.png);
}

/* #####  STYLE SWITCHER A DROITE #####*/


.style_switcher  a{
       font-size:9px;
       color: gray;
       float:left;
      margin-left: 15px;
      margin-top:10px;
      padding: 0px;
      width: 10px;
      height:10px 
}
.style_switcher a:hover{
       font-size:9px;
       color: gray;
       float:left;
       margin-left: 15px;
       margin-top:10px;
       padding: 0px;
       width: 10px;
       height:10px
}
.style_switcher a.city {
	margin-left: 10px;
	background:URL(../perso/images/city.png);
	background-repeat: no-repeat;
}
.style_switcher a:hover.city{
	margin-left: 10px;
/*background:URL(../perso/images/city2.png);*/
	background-repeat: no-repeat;
}
.style_switcher a.green{
	background:URL(../perso/images/green.png);
	background-repeat: no-repeat;
}
.style_switcher a:hover.green{
/*background:URL(../perso/images/green2.png);*/
	background-repeat: no-repeat;
}
.style_switcher a.red {
	background:URL(../perso/images/red.png);
	background-repeat: no-repeat;
}
.style_switcher a:hover.red{
/*background:URL(../perso/images/red2.png);*/
	background-repeat: no-repeat;
}
.style_switcher a.sky{
	background:URL(../perso/images/sky.png);
	background-repeat: no-repeat;
}
.style_switcher a:hover.sky{
/*background:URL(../perso/images/sky2.png);*/
	background-repeat: no-repeat;
}
.style_switcher a.mountain {
	background:URL(../perso/images/mount.png);
	background-repeat: no-repeat;
}
.style_switcher a:hover.mountain{
/*background:URL(../perso/images/mount2.png);*/
	background-repeat: no-repeat;
}
.style_switcher a.night{
	background:URL(../perso/images/night.png);
	background-repeat: no-repeat;
}
.style_switcher a:hover.night{
/*background:URL(../perso/images/night2.png);*/
	background-repeat: no-repeat;
}
.style_switcher a.space{
	background:URL(../perso/images/space.png);
	background-repeat: no-repeat;
}
.style_switcher a:hover.space{
/*background:URL(../perso/images/space2.png);*/
	background-repeat: no-repeat;
}
.style_switcher a.reflex{
	background:URL(../perso/images/reflex.png);
	background-repeat: no-repeat;
}
.style_switcher a:hover.reflex{
/*background:URL(../perso/images/reflex2.png);*/
	background-repeat: no-repeat;
}