html{
margin:0px;
}

body {
        background-image: url(../../images/fond.jpg);
        background-repeat: repeat-x;
        background-position: top;
        margin:0px;
}



/*------------------------------------- emplacement des divs----------------------------*/
#entete{
        width:649px;
        height:126px;
        margin-left:auto;
        margin-right:auto;
        background-image: url(../../images/entete.jpg);
        background-repeat:no-repeat;
        background-position: top;
}

#menu{
padding-left:290px;
padding-top:40px;}

#principal{
        width:649px;
        margin-left:auto;
        margin-right:auto;
        margin-top:20px;
        font-family:Arial, Helvetica, sans-serif;
        font-size:11px;
        color:#666666;
}

#table1{
height:auto;}

#contenu{
width:363px;
vertical-align:top;
}

#separV{
background-image: url(../../images/separV.gif);
background-repeat:repeat-y;
background-position:center;
width:50px;
}

#colD{
width:221px;
vertical-align:top;}

#piedpage{
        width:649px;
        margin-left:auto;
        margin-right:auto;
        font-family:Arial, Helvetica, sans-serif;
        font-size:9px;
        color:#999999;
        margin-top:10px;
        text-align:center;
}

#ssmenu{
float:none;
width:363px;
margin-bottom:10px;
background-color:#FF66CC;
display:block;
}

#texte{
margin-top:15px;
}

/*------------ images -----------*/

#logo {
float:left;
margin-left:40px;
margin-top:25px;}

#menu img{
margin-right:10px;}

#principal img{
padding:3px;
border:1px solid #f0f0f0;
background-color:#f6f6f6;
margin-bottom:5px;
}

img#titreRub{
display:block;
margin-bottom:15px;
padding:0px;
border:none;
}

#piedpage img {
margin-bottom:3px;}

#enavant img{
max-width:213px;}



/*---------------- textes & titres--------------*/

strong, b {
font-weight:bold;
color:#666666;}

h1{
font-size:11px;
color:#65aac7;
margin:0px;
padding:0px;}

h2{
font-size:11px;
color:#333333;
margin:0px;
padding:0px;}



.txtref{
width:100%;
border-collapse:collapse;
padding:0px;}


.separrefs{
background-image: url(../../images/separV.gif);
background-repeat:repeat-y;
width:2px;
}

/*---------------- liens ------------------*/

#principal a:link, #principal a:visited, #principal a:active, #piedpage a:link, #piedpage a:visited, #piedpage a:active{
color:#65aac7;
text-decoration:underline;
} 

#principal a:hover, #piedpage a:hover{
background-color:#65aac7;
text-decoration:underline;
color:#FFFFFF;
} 


#principal a.ssmenu:link, #principal a.ssmenu:visited, #principal a.ssmenu:active{
text-transform:uppercase;
font-size:9px;
color:#666666;
text-decoration:none;
background-image:url(../../images/separSSmenu.gif);
background-repeat:no-repeat;
display:block;
line-height:15px;
text-indent:5px;
float:left;
margin-left:5px;
padding-right:3px;
}

#principal a.ssmenu:hover{
color:#FFFFFF;
background-color:#65aac7;
padding-right:3px;
}

/*--------------- références --------------*/

.refs {
float:left;
width:180px;
margin-bottom:20px;
}



/*------------------ formulaire -----------*/

input, textarea{
width:98%;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
padding:3px;
border:1px solid #65aac7;
background-color:#f6f6f6;}

.bouton{
width:auto;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
background-color:#65aac7;
border:none;
margin-top:15px;
padding:1px;}