/* theme css tonin V2 */


html {
background-color:#666666;
margin-left: 0; 
margin-right: 0; 
}


#conteneur {
margin-left: auto;
margin-right: auto;
width:800px;
text-align: left;

}


#header {
background-image:url("img/header.jpg");
background-repeat:no-repeat;
height:101px;
width:799px;

}

#menu {
height:58px;
width:800px;
text-align:center;
}

.menu1{
float:left;
display:block;
height:38px;
width:139px;
background-image:url("img/menuvide_02.jpg");
background-position:top left;
background-repeat:no-repeat;


}

.menu2{
float:left;
display:block;
height:38px;
width:140px;
background-image:url("img/menuvide_03.jpg");
background-position:top left;
background-repeat:no-repeat;

}

.menu3{
float:left;
display:block;
height:38px;
width:140px;
background-image:url("img/menuvide_04.jpg");
background-position:top left;
background-repeat:no-repeat;
}

.menu4{
float:left;
display:block;
height:38px;
width:140px;
background-image:url("img/menuvide_05.jpg");
background-position:top left;
background-repeat:no-repeat;
}

.menu5{
float:left;
display:block;
height:38px;
width:140px;
background-image:url("img/menuvide_06.jpg");
background-position:top left;
background-repeat:no-repeat;
}

#finmenu{
float:left;
display:block;
height:38px;
width:100px;
background-image:url("img/menuvide_07.jpg");
background-position:top left;
background-repeat:no-repeat;
	
}

#menu a{
font-weight:bold;
color:#fff;
font-size:100%;
text-decoration:none;
padding-top:20px;
}


#menu a:hover{
font-weight:bold;
color:#fff;
font-size:100%;
text-decoration:underline;
padding-top:20px;

}

#menu a.current {
font-weight:bold;
color:#fff;
font-size:100%;
text-decoration:underline;
padding-top:20px;

}

#intro{

width:800px;
background-image:url("img/contenu.jpg");
background-repeat:repeat-y;
text-align: center;
}

#contenu {
clear:both;
float:left;
width:800px;
background-image:url("img/contenu.jpg");
background-repeat:repeat-y;

}

.pola{
float:left;
display:block;
width:189px;
height:180px;
background-image:url("img/fondpola2.png");
background-position:top ;
background-repeat:no-repeat;
text-align:center;
padding-top:20px;
margin-left:8px;
}

.pola2{
float:left;
display:block;
width:190px;
height:220px;
background-image:url("img/fondpola.png");
background-position:top ;
background-repeat:no-repeat;
text-align:center;
padding-top:20px;
margin-left:8px;

}


.polaalbum{
float:left;
display:block;
width:190px;
height:220px;
background-image:url("img/fondpola.png");
background-position:top ;
background-repeat:no-repeat;
text-align:center;
padding-top:20px;
margin-left:8px;

}

.pola a{
display:block;
color:#666666;
text-decoration:none;
text-align:center;
padding-left:5px;
padding-right:5px;

font-style:italic;
}

.pola a:hover{
display:block;
color:#666666;
text-decoration:underline;
text-align:center;
padding-left:5px;
padding-right:5px;

font-style:italic;
}

.pola2 a{
display:block;
color:#666666;
text-decoration:none;
text-align:center;
padding-left:5px;
padding-right:5px;

font-style:italic;
}

.pola2 a:hover{
display:block;
color:#666666;
text-decoration:underline;
text-align:center;
padding-left:5px;
padding-right:5px;

font-style:italic;
}

img{
border:none;
}

.polaalbum .titre{
color:#666666;
font-size:100%;
font-style:italic;
padding-left:5px;
padding-right:5px;
width:170px;
}

.polaalbum .info{
color:#000;
font-size:80%;
width:150px;
padding-left:5px;
padding-right:5px;

}

.navig {
padding-left:20px;
color:#333333;
border-bottom:3px white solid;	
}

.navig a{
color:#333333;
}

#footer {
clear:both;
text-align:left;
border-top:3px white solid;	
height:80px;
padding-top:5px;
padding-left:20px;
color:#666666;
font-size:80%;
}

.textintro{
float:left;
padding-left:20px;
border-bottom:3px white solid;
width:550px;	
text-align:justify;

}

.textpres{
float:left;
padding-left:20px;
border-bottom:3px white solid;
width:750px;	
text-align:justify;

}

.news{
float:right;
padding-left:5px;
padding-right:15px;
border-bottom:3px white solid;	
border-left:3px white solid;
border-top:3px white solid;
width:200px;
text-align:justify;
}

.news ul{
list-style-type:circle;
}

.lastup{
clear:both;
padding-left:20px;
text-decoration:underline;
color:#333333;
}

.switch:hover{
text-decoration:underline;
cursor: pointer;
}

.spacer15{
line-height:15px;
}

.spacer10{
line-height:10px;
}
.spacer5{
line-height:5px;
}

/* infobulle */

a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: 20px;
    left: 8px;
    padding: 5px;
    color: #000;
    border: 1px solid #bbb;
    background: #ffc;
    width:160px;
}
a.tooltip:hover em span {
    position: absolute;
    top: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
    background: transparent url(img/image-infobulle.gif);
    margin:0;
    padding: 0;
    border: 0;
}