/* CSS Document */
body
{

font:14px, verdana;
background-color:#7fa1cd;
background-image:url(degrade.gif);
background-position:left;
background-repeat:repeat-y;
}



p{font:10px, verdana; 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:40px;
left:80px;
}



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

.navlist li
{
font:small-caps 12px verdana;
display:inline;
list-style-type:none;
background-color:#7fa1cd;

}




.navlist a:link,.navlist a:visited
{
background-image:url(carre.gif);
background-repeat:no-repeat;
background-position:2px 2px;
color:#FFFFFF;
background-color:#7fa1cd;
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:3px 3px;
color:#98f66a;
background-color:#7fa1cd; 
text-decoration:none;
margin-left:0px;
margin-right:10px;
}

.contenu_pres
{
display:block;
z-index:1;
position:absolute;
top:147px;
left:153px;
width:900px;
border:none;
background-color:#FFFFFF;
background-image:url(Images/pres1.jpg);
background-repeat:no-repeat;
background-position:left bottom;
}

.contenu_services
{
display:block;
z-index:1;
position:absolute;
top:147px;
left:153px;
width:900px;
border:none;
background-color:#FFFFFF;
background-image:url(Images/compet1.jpg);
background-repeat:no-repeat;
background-position:left bottom;
}

.contenu_contact
{
display:block;
z-index:1;
position:absolute;
top:147px;
left:153px;
width:900px;
border:none;
background-color:#FFFFFF;
background-image:url(Images/contact1.jpg);
background-repeat:no-repeat;
background-position:left bottom;
}
.contenu_partenaires
{
display:block;
z-index:1;
position:absolute;
top:147px;
left:153px;
width:900px;
border:none;
background-color:#FFFFFF;
background-image:url(Images/part1.jpg);
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:800px;
background-color:#FFFFFF;
color:black;
font:bold small-caps 18px  verdana;
border-bottom:1px solid black;
}

.menu-suivant-ext
{
margin-top:40px;
z-index:4;
display:block;
position:relative;
left:380px;
width:300px;
height:92px;
background-color:#FFFFFF;
background-image:url(molecule.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:300px;
background-color:none;
background-image:url(fleche2.gif);
background-repeat:no-repeat;
background-position:3px 3px;
color:black;
font:bold 10px  verdana;
}

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

display:block;
width:690px;
position:relative;
top:9px;
left:172px;
font:10px, verdana;
text-align:justify;
color:#000000;
border:none;

}

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

.texte-services
{
padding:2px;
padding-top:10px;
display:block;
width:684px;
position:relative;
top:34px;
left:172px;
font:10px, verdana;
text-align:justify;
color:#000000;
border:none;

border-left:1px dotted black;
}

.texte-partenaires
{
padding:2px;
padding-top:10px;
display:block;
width:686px;
position:relative;
top:34px;
left:172px;
font:10px, verdana;
text-align:justify;
color:#000000;
border:none;
border:none
}

.texte-references
{
text-indent:35px;
padding-left:3px;
padding-right:3px;
padding-top:10px;
display:block;
width:680px;
position:relative;
top:9px;
left:172px;
font:10px, verdana;
text-align:justify;
color:#000000;
border:1px dotted black;
border-top:none;
}
.barre_notes
{
font:11px, verdana;
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, verdana;
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, verdana;
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, verdana;
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, verdana;
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, verdana;
color:#000000;
border:1px solid black;
}

.conteneur-references
{
text-indent:0px;
margin-left:10px;
margin-bottom:10px;
margin-right:10px;
font:10px, verdana;
padding:0px;
display:block;
position:relative;
left:0px;
background-color:#7fa1cd;
color:#FFFFFF;
border:1px solid black;
}

.contenu-references
{
text-indent:0px;
padding-left:10px;
padding-right:10px;
padding:10px;

font:10px, verdana;
display:block;

position:relative;
top:0px;
right:0px;
background-color:#FFFFFF;
color:#000000;
border:none;

}

.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:#7fa1cd;
position:absolute;
left:100px;
}



form.inscription {}
    form.inscription label {
        background-color:#7fa1cd;
        color:white;
        font:12px, verdana;
        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, verdana;    
        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:#98f66a;
		border:1px solid #000000;
		font:12px, Verdana;
		cursor:pointer;

    }    

    form.inscription br {clear:both;}

.menu-services-1
{
text-align:center;
background-color:#7fa1cd;
padding:2px;
display:block;
width:90px;
position:absolute;
top:40px;
left:172px;
font:10px, verdana;
color:#000000;
border:1px solid black;

}
.menu-services-2
{
text-align:center;
background-color:#7fa1cd;
width:90px;
padding:2px;
display:block;
position:absolute;
top:40px;
left:272px;
font:10px, verdana;
color:#000000;
border:1px solid black;
}



.menu-services-3
{
text-align:center;
background-color:#7fa1cd;
width:90px;
padding:2px;
display:block;
position:absolute;
top:40px;
left:372px;
font:10px, verdana;
color:#000000;
border:1px solid black;
}



.menu-services-1-selec
{
text-align:center;
background-color:#FFFFFF;
padding:2px;
display:block;
width:90px;
position:absolute;
top:40px;
left:172px;
font:10px, verdana;
color:#000000;
border:1px solid black;
border-bottom:1px solid white;
z-index:3
}
.menu-services-2-selec
{
text-align:center;
background-color:#FFFFFF;
width:90px;
padding:2px;
display:block;
position:absolute;
top:40px;
left:272px;
font:10px, verdana;
color:#000000;
border:1px solid black;
border-bottom:1px solid white;
z-index:3
}


.menu-services-3-selec
{
text-align:center;
background-color:#FFFFFF;
width:90px;
padding:2px;
display:block;
position:absolute;
top:40px;
left:372px;
font:10px, verdana;
color:#000000;
border:1px solid black;
border-bottom:1px solid white;
z-index:3
}