/* CSS Document */
body
{

font:14px, Century Gothic;
background-color:#000000;
background-image:url(degrade.gif);
background-position:left;
background-repeat:repeat-y;
}



p{font:11px, Century Gothic; color:black;text-indent:35px;text-align:justify;}
*{margin:0px;}
*{padding:0px;}
a:link, a:visited, a:hover {text-decoration: none;color:#000000;}
img{display:block;border:none;float:left;}

hr{border:0px;border-top:1px solid black;border-bottom:0px solid white;background-color:#FFFFFF;margin-top:20px;margin-bottom:20px;}

.logo
{
z-index:2;
position:absolute;
top:16px;
left:120px;
}



ul.navlist
{
z-index:3;
height:22px;
width:600px;
position:absolute;
top:125px;
left:257px;
margin:0px;
padding-left:55px;
background-color:#000000;
}

.navlist li
{
font:small-caps 14px Century Gothic;
display:inline;
list-style-type:none;
background-color:#000000;

}




.navlist a:link,.navlist a:visited
{
background-image:url(carre.gif);
background-repeat:no-repeat;
background-position:2px 5px;
color:#FFFFFF;
background-color:#000000;
text-decoration:none;
margin-left:0px;
margin-right:10px;
padding-left:13px;
}

.navlist a:hover
{
padding-left:13px;
background-image:url(carre-gris.gif);
background-repeat:no-repeat;
background-position:2px 5px;
color:#898a6c;
background-color:#000000; 
text-decoration:none;
margin-left:0px;
margin-right:10px;
}

.contenu
{
display:block;
z-index:1;
position:absolute;
top:147px;
left:153px;
width:700px;
border:none;
background-color:#FFFFFF;
background-image:url(fond_people.gif);
background-repeat:no-repeat;
background-position:left bottom;
}




.coin-inferieur-gauche
{
margin:0px;
position:absolute;
left:0px;
bottom:0px;
background-color:none;
}

.coin-inferieur-droit
{
margin:0px;
position:absolute;
right:0px;
bottom:0px;
background-color:none;
}

.fleche
{
position:absolute;
right:3px;
top:2px;
}

.barre-presentation
{
position:relative;
top:8px;
left:60px;
display:block;
width:600px;
background-color:#FFFFFF;
color:black;
font:bold 18px  Century Gothic;
border-bottom:1px solid black;
}

.menu-suivant-ext
{
margin-top:40px;
z-index:4;
display:block;
position:relative;
left:380px;
width:310px;
height:92px;
background-color:#FFFFFF;
background-image:url(tache.gif);
background-repeat:no-repeat;
background-position:right;
color:black;
}

.photo
{
display:block;
position:relative;
top:5px;
left:10px;
}



.menu-suivant-int
{
position:absolute;
padding-left:33px;
padding-top:21px;
padding-bottom:0px;
top:30px;
left:0px;
height:15px;
width:245px;
background-color:#CC6600;
background-image:url(fleche_orange.gif);
background-repeat:no-repeat;
background-position:3px 3px;
color:black;
font:bold 10px  Century Gothic;
}

.texte-presentation
{
padding:3px;
padding-top:4px;

display:block;
width:480px;
position:relative;
top:9px;
left:172px;
font:10px, Century Gothic;
text-align:justify;
color:#000000;
border:1px dotted black;
border-top:none;
}

.texte-presentation ul
{
list-style-type: disc ;  
list-style-position:inside;
} 

.texte-services
{
padding:2px;
padding-top:10px;
display:block;
width:480px;
position:relative;
top:37px;
left:172px;
font:10px, Century Gothic;
text-align:justify;
color:#000000;
border:1px dotted black;
}

.texte-references
{
text-indent:35px;
padding-left:3px;
padding-right:3px;
padding-top:10px;
display:block;
width:480px;
position:relative;
top:9px;
left:172px;
font:10px, Century Gothic;
text-align:justify;
color:#000000;
border:1px dotted black;
border-top:none;
}
.barre_notes
{
font:11px, Century Gothic;
border:0px;
padding-left:17px;
text-align:justify;
position:relative;
left:150px;
top:30px;
background-color:none;
width:494px;
height:100%;
padding-bottom:40px;


}

.texte-visionneuse
{
padding:3px;
padding-top:10px;
display:block;
width:480px;
height:380px;
position:relative;
top:9px;
left:172px;
font:10px, Century Gothic;
text-align:center;
color:#000000;
}



.texte-visionneuse img
{
border:1px solid black;
}

.prec
{
float:right;
text-align:center;
border:none;
border-top:none;
}



.suiv
{
float:right;
text-align:center;
border:none;
border-top:none;
}

.prec img,.suiv img
{
border:none;
margin-right:10px;
padding-bottom:3px;
}


.titre-services-1
{
text-align:center;
background-color:#FFFFFF;
padding:2px;
display:block;
width:80px;
position:absolute;
top:40px;
left:482px;
font:10px, Century Gothic;
color:#000000;
border:1px solid black;
border-bottom:none;
}
.titre-services-2
{
text-align:center;
background-color:#898a6c;
width:80px;
padding:2px;
display:block;
position:absolute;
top:40px;
left:572px;
font:10px, Century Gothic;
color:#000000;
border:1px solid black;
}

.titre-services-3
{
text-align:center;
background-color:#FFFFFF;
padding:2px;
display:block;
width:80px;
position:absolute;
top:40px;
left:572px;
font:10px, Century Gothic;
color:#000000;
border:1px solid black;
border-bottom:none;
}
.titre-services-4
{
text-align:center;
background-color:#898a6c;
width:80px;
padding:2px;
display:block;
position:absolute;
top:40px;
left:482px;
font:10px, Century Gothic;
color:#000000;
border:1px solid black;
}

.conteneur-references
{
text-indent:0px;
margin-left:10px;
margin-bottom:10px;
font:10px, Century Gothic;
padding:0px;
display:block;
width:458px;
height:114px;
position:relative;
left:0px;
background-color:#000000;
color:#FFFFFF;
border:1px solid black;
}

.contenu-references
{
text-indent:0px;
padding-left:3px;
padding-right:3px;
height:114px;
font:10px, Century Gothic;
display:block;
width:351px;
position:absolute;
top:0px;
right:0px;
background-color:#FFFFFF;
color:#000000;
border:none;
border-left:1px solid black;
}

.contenu-references a 
{
color:#CC6633;
}

#login
{
border-top:1px solid black;
border-right:1px solid black;
padding-top:40px;
font:10px, Verdana;
color:#FFFFFF;
text-align:center;
position:relative;
left:290px;
top:100px;
display:block;
width:250px;
height:95px;
background-color:#CC6600;
}



input.bouton2 {
position:absolute;
bottom:10px;
left:94px;
color:black;
background-color:#FFFFFF;
border:1px solid #000000;
font:12px, Verdana;
cursor:pointer;
}
input.bouton2:hover {
color:#FF0000;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
font:12px, Verdana;
cursor:pointer;
}
input.bouton2:active {
color:#FF0000;
background-color:#000000;
border:1px solid #000000;
font:12px, Verdana;
cursor:pointer;
} 

.contenu-login
{
z-index:1;
position:relative;
top:0px;
left:0px;
display:block;
width:700px;
height:300px;
border:none;
background-color:none;
background-image:url(fond_login.gif);
background-repeat:no-repeat;
background-position:225px 122px;
padding-bottom:1px;


}

#barre_presentation_notes
{
padding-left:15px;
overflow:auto;
text-align:justify;
position:absolute;
left:320px;
top:0px;
background-color:white;
width:500px;
height:500px;
}







.contact,.contact a
{
width:200px;
color:#CC6600;
position:absolute;
left:100px;
}



form.inscription {}
    form.inscription label {
        background-color:#898a6c;
        color:white;
        font:12px, Century Gothic;
        float:left;
        width:180px;
        padding:1px 5px;
        margin-top:3px;
		margin-left:3px;
    }
    form.inscription input,form.inscription textarea   {
		margin-top:3px;
		width:290px;
        color:black;
        font:12px, Century Gothic;    
        border:1px solid gray;
        vertical-align:top;
        margin-left:5px;
    }

    form.inscription p.button 
	{
	text-align:center; 
	margin:0; 
	margin-top:5px; 
	margin-bottom:10px;
	}
	
    form.inscription p.button input {
        color:black;
        font-weight:bold;
        width:auto;
        height:auto;
        margin:0 auto;
		margin-top:5px;
		margin-bottom:11px;
		background-color:#898a6c;
		border:1px solid #000000;
		font:14px, Verdana;
		cursor:pointer;

    }    

    form.inscription br {clear:both;}