/* Chargement des CSS */
@import url('reset.css');
@import url('structure.css');

a{
color:#e1e3a5;
text-decoration:none;
}

a:hover, a.actif{
color:#b7821f;
}

a.inactif{
text-decoration:line-through;
}

p{
line-height:1.4em;
font-size:1em;
padding-bottom:0.7em;
}

h2{
color:#d13e00;
font-size:1.8em;
font-weight:100;
padding-bottom:0.5em;
}

h3{
color:#B7821F;
font-size:1.4em;
line-height:2em;
font-weight:100;
}

.valign{
vertical-align:text-bottom;
}

/* CONTENU */

#common ul li{
line-height:1.4em;
list-style:disc;
margin-left:1.25em;
}

.faviconize{
width:16px;
height:16px;
vertical-align:middle;
border:0;
}

/* PORTFOLIO */
.pf-big-vignette{
width:772px;
float:left;
}

.pf-vignette{
width:242px;
margin:17px 15px 0 0;
display:block;
float:left;
text-align:center;
}

.pf-vignette span{
display:block;
font-size:1.2em;
line-height:1.4em;
}

.pf-details{
width:225px;
margin-right:25px;
float:left;
}

.pf-description{
margin-top:1em;
}

.pf-captures{
float:left;
position:relative;
}

.pf-captures .image-inactif{
display:none;
}

.pf-pagination{
position:absolute;
float:right;
top:2em;
right:0.5em;
}

.pf-pagination a{
display:block;
float:left;
font-size:0.8em;
width:24px;
height:16px;
padding-top:4px;
text-align:center;
background:url(../images/pf-pager.png) no-repeat top center;
margin-left:5px;
}

.pf-pagination a:hover, .pf-pagination .page-actif{
background:url(../images/pf-pager.png) no-repeat bottom center;
color:#ffffff;
}

.pf-prev-next{
float:right;
margin-top:275px;
}

.pf-prev-next a span{
display:none;
}

.prev{
background:url(../images/prev.png) no-repeat top left;
width:23px;
height:27px;
display:block;
}

.next{
background:url(../images/next.png) no-repeat top left;
width:23px;
height:27px;
display:block;
}

.prev:hover, .next:hover{
background-position: top right;
}

/* CONTACT */
#presentation{
margin-top:1em;
margin-right:1em;
float:left;
width:33%;
}

#presentation img{
float:left;
margin:0.5em 1em 0.5em 0;
}

#form-contact{
float:left;
width:64%;
}

input, textarea{
border:1px solid #333333;
background-color:#9d8d5d;
}

#contact fieldset{
float:left;
width:47%;
margin-right:1em;
margin-top:1em;
}

#contact label{
display:block;
padding-bottom:0.2em;
}

#mail, #sujet, #message, #prenom, #nom{
width:95%;
}

#message{
height:12.75em;
}

#form-contact #envoisMail, .boutton{
background:url(../images/bouton-envoyer.png) no-repeat left top;
width:124px;
height:30px;
border:none;
cursor:pointer;
color:#e1e3a5;
font-size:14px;
}

#form-contact #envoisMail:hover, .boutton:hover{
background-position:right top;
}

#form-contact span{
color:#CC0000;
}

.btn{
clear:both;
text-align:right;
margin-right:6%;
}

.mail-sent{
color:#FFFF66;
}

/* CONNEXION */
#connexion form{
margin:1em 0 0 0;
}

#connexion label{
float:left;
width:10em;
display:block;
}

/* PARCOURS */
.parcours{
float:left;
width:46%;
margin-right:2%;
}

.parcours_historique{
line-height:1.4em;
}

.parcours_historique dt{
font-size:1.25em;
margin:0 0 0.5em 0;
text-decoration:underline;
}

.commentaire{
color:#7B6B3B;
padding:0.5em 0 0.5em 1em;
}

.competences{
float:left;
width:46%;
}

.connaissances .bloc{
float:left;
width:50%;
}