body{
    background-color:#F3F3F3;
    margin:0;
    padding:0;
    text-align:center;
}

.main{
    text-align:center;
}

.titre{
    font:14px Arial, Helvetica, sans-serif;
    color:#660033;
    margin:20px 0 10px 0;
    font-weight:bold;
}


.text{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    line-height:12px;
    color:#660033;
    text-align:justify;
}


iframe{
    padding:0 0 1px;
    border:medium none;
    height:21px;
    width:140px;
}



a:focus{
    outline-style:none;
}




#copy a:visited,
#copy a:link{
    font:11px Helvetica, Arial, sans-serif;
    color:#999;
    text-decoration:none;
}

#copy a:hover,
#copy a:active{
    font:11px Helvetica, Arial, sans-serif;
    color:white;
    text-decoration:none;

    line-height:11px;
    background-color:#BFBFBF;
    padding-top:1px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -moz-box-shadow:#BFBFBF 0px 0px 15px;
    -webkit-box-shadow:#BFBFBF 0px 0px 15px;

}



.tabD{
    width:442px;
    padding:10px 20px 0px 10px;
    border:0;
    border-spacing:0px;

}

.text a:visited,
.text a:link{
    font:12px Arial, Helvetica, sans-serif;
    color:#999;
    text-decoration:none;
    border-bottom:1px #D0D0D0 dotted;
}

.text a:hover,
.text a:active{
    font:12px Arial, Helvetica, sans-serif;
    color:#603;
    text-decoration:none;
    border-bottom:1px #603 solid;
}

.tabC{
    width:225px;
    padding:7px 0 0 0;
    border:0;
    border-spacing:0px;
}

.button,
.button a:visited,
.button a:link,
.button a:hover,
.button a:active{
    border:0px white solid;
    ;
}

.recommander{
    color:#3B5998;
    font-size:11px;
    font-weight:400;
    font-family:Tahoma, sans-serif;
    vertical-align:top;
}
a{
    text-decoration:none;
}

img{
    border:none;
}

/* Les divs */
#top{
    width:810px;
    text-align:left;
    margin:0;
    padding:0;
    border:none;
    display:block;
}
#top img{
    margin:0;
    padding:0;
    vertical-align: bottom;
}
#main{
    clear:both;
    width:810px;
    text-align:center;
    margin:30px auto;
}
#contents{
    background-color:#FFFCFF;
    text-align:left;
    margin:0;
    padding:0;
    border:none;
    display:block;
}

#copy{
    clear:both;
    width:810px;
    font:11px Helvetica, Arial, sans-serif;
    color:#999;
    text-decoration:none;
    text-align:center;
    margin:20px auto;
}
#left{
    float:left;
    width:360px;
}
#right{
    float:left;
    width:440px;
    background-color:#FFFCFF;
    min-height: 346px;
}
#navig{
    text-align: center;
}
#reco{
    text-align:center;
}

/* boutons */
a.btn{
    display:-moz-inline-box;
    display:inline-block;
    margin:0;
    padding:0;
    white-space:nowrap;
    text-align:center;
    vertical-align:top;
    cursor:pointer;
    border:0;
    background:none;
}
.btn span{
    position:relative;
    float:left;
    padding:0 5px 0 15px; /* Largeur du côté gauche */

    vertical-align:middle;
    background:url(btn_left.png) left top no-repeat;
}
.btn span span{
    padding:0 14px 0 0; /* Largeur du côté droit */

    background:url(btn_right.png) right top no-repeat;
}
.btn span span span{
    height:40px; /* Hauteur du bouton */
    color:white;
    padding:10px 0 0 0;
    line-height:1.5; /* Alignement vertical du texte */

    background:url(btn_center.png) left top repeat-x;
}