/* CSS Document */
body{
background-color:white;
color:black;
font-family:Verdana;
font-size:12px;
margin:0 0 0 0;
padding:0 0 0 0;
}
img{
border:none;
}
#page{
width:956px;
margin:25px 0 0 0;
}

#gauche{
width:188px;
float:left;
text-align:center;
}
.lang{
font-size:12px;
font-weight:bold;
color:#9c9c9c;
}

.logo{
margin-top:8px;
}

#menu{
width:195px;
margin:0 55px 0 20px;
float:left;
text-align:center;
margin-right:115px;

}

.menutitre{
font-family:arial;
font-size:16px;
font-weight:bold;
color:#706f6f;
}
.contact a{
font-size:12px;
color:black;
}
.liste{
font-family:arial;
font-size:9px;
font-weight:bold;
color:#706f6f;
}
.justifier{
text-align:justify;
}

a.navgris {
color:#706f6f;
}
a:hover.navgris {
color:grey;
}

a{
font-family:arial;
font-size:16px;
font-weight:bold;
text-decoration:none;
color:#ff0000;
}
a:hover{
color:#706f6f;
}

.introbas{
color:#706f6f;
}
#content{
width:615px;
float:left;
}
#img_intro{
float:left;
margin:0;
width:201px;
height:429px;
border:none;
}
#separ_vertical{
float:left;
width:6px;
}

#introtitre{
color:#706f6f;
font-size:20px;
font-weight:normal;
padding:0 0 18px 0;
border-bottom:2px solid #706f6f;
}

#intro{
width:100%;
font-family:verdana;
font-size:15px;
line-height:20px;
padding:12px 0 0 0;
}

#zakres{
width:100%;
font-family:verdana;
font-size:10px;
line-height:16px;
padding:12px 0 0 0;
}

#article{
clear:both;
width:100%;
color:#706f6f;
border-top:1px solid #706f6f;;
}
#titre{
width:100%;
height:25px;
margin:0 0 16px 0;
clear:both;
}
#titre_article{
float:left;
width:80%;
height:25px;
display:inline;
}
#lien_article{
float:right;
width:19%;
text-align:right;
height:25px;
display:inline;
}
a.lienarticle {
text-decoration:underline;
font-size:12px;
font-weight:normal;
line-height:25px;
color:black;
}
a:hover.lienarticle {
text-decoration:none;
color:#706f6f;
}

a.portfolio {
text-decoration:none;
font-size:10px;
font-weight:normal;
line-height:25px;
color:black;
}
a:hover.portfolio {
text-decoration:none;
color:#706f6f;
}

#contenu_article{
width:100%;
clear:both;
}
#totop{
float:right;
width:9px;
height:12px;
margin:0;
}

h2{
font-family:arial;
font-size:15px;
font-weight:bold;
line-height:25px;
}
h3{
font-family:arial;
font-size:12px;
font-weight:bold;
line-height:25px;
text-align:center;
color:#706f6f;
}
h4{
font-family:arial;
font-size:9px;
font-weight:bold;
line-height:12px;
color:#706f6f;
text-align:center;
}

.presenter{
font-family:arial;
font-size:12px;
margin:8px 0 8px 0;
}
#boitimage{
width:100%;
margin:0 0 18px 0;
}
#image{
float:left;
width:300px;
height:300px;
margin-top:6px;
border:1px solid #cfcfcf;
background-color:white;
}

.imdroite{
margin-left:6px;
}

#separation{
clear:both;
width:100%;
height:24px;
}

#pied{
clear:both;
width:188px;
color:#706f6f;
font-size:10px;
text-align:center;
}
#navbas{
width:100%;
text-align:center;
border-top:2px solid #706f6f;
padding:12px 0 0 0;
}
.ici{
display:inline;
font-family:arial;
font-size:16px;
font-weight:bold;
text-decoration:none;
color:#706f6f;
}
#page_erreur{
height:100%;
background-color:black;
padding:150px 0 0 0;
}
#boite{
width:288px;
height:115px;
margin: 0 auto 0 auto ;
background-color:black;
}
#oeil{
float:left;
width:144px;
height:115px;
margin: 0 0 0 0;
background-color:black;
background-image:url(http://karekdesign.com/offer/template/images/oeil.gif);
background-repeat:no-repeat;
}
a.back{
color:white;
font: bold 15px Arial ;
}