html {
/*overflow-y : scroll;*/
}
a:link { 
color : #000; 
text-decoration : none; 
} 
a:visited { 
color : #000; 
text-decoration : none; 
} 
a:active { 
color : #000; 
text-decoration : none; 
} 
a:hover { 
color : #e41b5b; 
text-decoration : none; 
} 
body { 
margin-left : 0; 
margin-top : 0; 
margin-right : 0; 
margin-bottom : 0; 
background-color:#f5f5f0;
font-family : verdana; 
font-size : 9px; 
color : #555555; 
width : 100%;
text-align:center; 
}
#index { 
position : relative;
top : 10px;
width : 800px;
height:900px;  
margin: 0 auto;
text-align : justify;  
}
#fond{
background-image : url(../img/photo_fond_800.jpg);
background-repeat:no-repeat;
position : relative; 
float : left;
width:800px;
height:850px;
}

/*--- Top ---*/

#entete { 
position : relative; 
width : 795px; 
font-size : 10px; 
height : 20px; 
line-height : 20px; 
padding-left : 5px; 
background-color : #ffffff; 
} 
#bandeau { 
position : relative; 
width : 800px; 
height : 105px; 
top : 2px; 
background-color : #e41b5b; 
} 
#nav { 
position : relative; 
float : left;
width : 285px; 
height : 20px;
top : 82px;
line-height : 20px;  
left : 305px;
padding-left : 10px; 
padding-right : 10px; 
background-color : #ffffff;
text-align:right;
}
#logo { 
position : relative; 
float : left;
width:190px;
}
.img { 
border : 0;
} 
#visuel { 
position : relative; 
height : 510px; 
top : 5px; 
padding-top : 0; 
background-color : #ffffff; 
} 
#coordonnees { 
position : relative; 
width : 790px; 
height : 20px; 
line-height : 20px; 
margin-top : 3px; 
padding-left : 10px; 
background-color : #ffffff; 
color : #000000; 
} 
#fermer { 
position : relative; 
width : 190px; 
height : 50px; 
top : 20px; 
padding-top : 10px; 
font-size : 10px; 
color : #555555; 
text-align : left; 
background-color : #ffffff; 
}

/*--- Menu Principal---*/

#menu { 
position : relative; 
padding-right : 10px; 
float : left; 
width : 190px; 
line-height : 20px; 
top : 10px; 
}
#mentions {
position : relative; 
width : 180px; 
height : 50px; 
margin-top : 20px; 
padding-left : 10px;
font-size : 10px;  
color : #555555;
text-align:right;
}
#menu li { 
list-style-type : none; 
} 
.etiquette { 
position : relative; 
width : 190px; 
height : 20px; 
background-color : #ffffff; 
margin-top : 3px; 
color : #333333; 
font-weight : bold;
} 
.lien_menu_on:link, .lien_menu_on:visited, .lien_menu_on:active { 
color : #333333; 
padding-left : 10px; 
text-decoration : none; 
} 
.lien_menu_on:hover { 
color : #e41b5b;
padding-left : 10px; 
text-decoration : none; 
}
.lien_menu_off:link, .lien_menu_off:visited, .lien_menu_off:active, .lien_menu_off:hover { 
color : #e41b5b; 
padding-left : 10px; 
text-decoration : none; 
}
.etiquette_portfolio { 
position : relative; 
width : 190px;  
background-color : #ffffff; 
margin-top : 3px;
margin-bottom:3px;  
color : #333333; 
font-weight : bold;
}
.ss_etiquette { 
position : relative; 
width : 190px; 
height : 20px; 
background-color : #ffffff; 
margin-top : 3px;  
color : #333333; 
font-weight : normal;
}
.portfolio{
color : #333333;
padding-left : 10px; 
text-decoration : none; 
}
#footer {
padding-top:10px;
}
.credits {
padding-left : 10px; 
}

/*--- Page Contenu ---*/

#page { 
position : relative; 
float : right; 
width : 580px; 
top : 13px; 
padding-left : 10px; 
padding-right : 10px; 
padding-top : 5px;
padding-bottom: 10px;
background-color : #ffffff;
line-height : 17px; 
} 
#pagin { 
position : relative; 
}
#competences { 
display : block; 
} 
#experiences { 
display : block; 
} 
#projet { 
display : block; 
} 
#formations { 
display : block; 
} 
#plus { 
display : block; 
} 
#interets { 
display : block; 
}
#portfolio { 
display : block; 
}
.exp { 
position : relative; 
margin-top : 9px; 
} 
#page li { 
list-style-image : url(../img/puces_grise.gif); 
} 
#page .li2 { 
list-style-image : url(../img/puces_grise2.gif); 
} 
#page ul { 
margin-left : 17px; 
} 
.titre { 
font-size : 10px; 
color : #e41b5b; 
font-weight : bold; 
} 
.sstitre { 
font-size : 10px; 
color : #e41b5b; 
font-weight : bold; 
margin-bottom : 15px; 
} 
.gras { 
color : #333333; 
font-weight : bold; 
} 
.vert { 
color : #339900; 
font-weight : bold; 
}
.rose {
color : #e41b5b;
}
.intro {
padding-bottom : 10px; 
}
.savoirtxt{
display:block;	
}
.savoir { 
color : #339900; 
text-decoration : none; 
letter-spacing : 1px; 
font-weight : bold;
display: none;
} 
.savoir a:link { 
color : #339900; 
text-decoration : none; 
} 
.savoir a:visited { 
color : #339900; 
text-decoration : none; 
} 
.savoir a:active { 
color : #339900; 
text-decoration : none; 
} 
.savoir a:hover { 
color : #e41b5b; 
text-decoration : none; 
} 
.bloc_ref{
padding-top:20px;
padding-bottom:20px;
padding-left:20px;
padding-right:20px;
background-color:#f5f5f0;
text-align:left;
}
.ref:link { 
color : #e41b5b; 
text-decoration : none; 
} 
.ref:visited { 
color : #e41b5b; 
text-decoration : none; 
} 
.ref:active { 
color : #e41b5b; 
text-decoration : none; 
} 
.ref:hover { 
color : #339900; 
text-decoration : none; 
}
.bloc_img_ref{
width:100%;
position:relative;
padding:0px;
margin-top:20px;
margin-bottom:40px;
margin-left:20px;
margin-right:20px;
text-align:center;
}
.img_ref, .img_ref:link, .img_ref:visited, .img_ref:active { 
position : relative;
float:left; 
width : 58px; 
height : 58px;
background-color : #f5f5f0; 
margin-right:10px;
margin-bottom:10px;
padding:5px;
color : #f5f5f0;
text-align:center;
vertical-align:middle;
}
.img_ref:hover {
background-color : #ffffff; 
color : #ffffff;
}
.clear {
height:10px;
clear:both;
}
.erreur {
color: #e41b5b;
}
.cel{
position:relative;
float:left;
width:120px;
margin-top:5px;
margin-bottom:5px;
}
.form{
margin:0px;
padding:0px;
}
.form_box{
font-family:Verdana;
font-size:9px;
color:#666666;
border: 1px solid #dcdcd8;
}
.form_btn {
background-color : #e41b5b;
font-weight:bold;
font-family:Verdana;
font-size:9px;
color:#ffffff;
border:0px;
cursor:pointer;
padding:5px;
}