/* YUI 3.5.0 reset.css (http://developer.yahoo.com/yui/3/cssreset/) - http://cssreset.com */
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

/* éléments globaux */

:focus{outline:0;} /* vire les pointillés autour des liens */

html {
/*border: 3px solid red;*/
font-family: 'Raleway', sans-serif;
font-size:1em;
font-weight:400;
color:#483686;
background:#edf6f6;
}
#wrapper{
width: 960px; margin: 0 auto; /*border: 1px solid chartreuse*/
background-repeat:repeat-y;
}
/*
h2{font:20pt,"Trebuchet MS", Helvetica, sans-serif; color:#2a3244;} /*DarkBlue*/
/*
h3{
font-family:,'Josefin Slab',Helvetica, sans-serif;
color:#5e77a9;/*lightBlue
font-weight:400;
} */




a{
font-family: 'Raleway', sans-serif;
font-weight:500;
color:#bcdce8;
text-decoration:none; 
}
a:hover{
color:#483686;/* jaune orange*/

}

.sections{
margin-top:200px;
margin-bottom: 30px;
/*border: 1px solid red;*/
background-image:url(../img/SectionBG.png);
height:113px;
width:960px;
overflow: hidden;
}
.sections h2 {
/*border: 1px solid blue;*/
margin-left:70px;
color:#ff9829;
font-family:'Raleway', Helvetica, sans-serif;
font-weight:500;
font-size: 2.2em;
padding-top: 18px;
width: 150px;
float: left;
}
.sections h3 {
/*border: 1px solid green;*/
margin-left:75px;
font-size: 1.5em;
padding-top: 27px;
float: left;
}

#header{
 background: #75b9d4; /* For browsers that do not support gradients */
 background: -webkit-linear-gradient(left top, rgb(47,52,108), rgb(149,202,212)); /* For Safari 5.1 to 6.0 */
 background: -o-linear-gradient(bottom right, rgb(47,52,108), rgb(149,202,212)); /* For Opera 11.1 to 12.0 */
 background: -moz-linear-gradient(bottom right, rgb(47,52,108), rgb(149,202,212)); /* For Firefox 3.6 to 15 */
 background: linear-gradient(to bottom right, rgb(47,52,108), rgb(149,202,212)); /* Standard syntax */
position:fixed;
z-index:99;
left:0px;
width: 100%;
height: 140px;
}
#header a{
font-size:1.2em;
}

#centrage{ /* placement éléments du header*/
/*border:solid red 1px;*/
max-width: 960px;
height: 140px;
margin:0 auto;
position: relative;
overflow: hidden;
}
h1{
margin-top: 25px;
margin-left: 20px;
width:420px;
height:46px;

}
/*#centrage {border:solid red 1px;}*/

#centrage ul{
margin-top:-30px;
height: 95px;
/*border:solid blue 1px;*/
float:right;
}
#centrage li {
float: left;
margin-right: 20px;
}
#menu li{
/*border:solid red 1px;*/
line-height: 25px;
}
#intro{padding-top: 230px;}
#intro h2{
text-align: center;
font-family: 'Raleway', Helvetica, sans-serif;
font-size: 15pt;
font-weight: 400;
font-style: italic;
margin-bottom:75px;
}
#banner{
font-size: 1.2em;

letter-spacing: 3px;
text-align: center;
line-height: 43px;
width:960px;
height:74px;
}
#quoi{ overflow: hidden;}

.ThumbContainer{
width:257px;
height:259px;
background:  url(../img/Thumb_template.png)no-repeat;
margin-left:37px;
margin-bottom: 37px;
padding:11px 0 0 13px;
float:left;
}

#pour{overflow: hidden;}
#colones{
Margin-left:25px;
}
#colones #prez01, #prez02 ,#prez03, #prez04{
/*border: 1px solid red;*/
width: 220px;
margin-right: 30px;
float:left;
width: 200px;
text-align:left;

}
#colones img{
display: block;
margin: 0 auto;
height: 266px;
width: 176px;  
}

#prez04 a{
color:#2a3244;
}
#prez04 a:hover{
color:#96c7eb;
}

#qui{ 
/*border: 2px solid blue;*/
height: 950px; 
overflow:hidden;
}
#photoDav{
padding-top:-20px;
float:left;
}

#content_qui{
/*border: 1px solid green;*/
/*background: url(../img/bgTags.png) no-repeat bottom;*/
margin: 0 auto;
width: 527px;
height:435px;

}
#content_qui img{

width:378px ;
display: block;
margin: 0 auto;
}
#content_qui ul{
border-left: 3px solid #5e77a9;
padding: 15px;
margin:80px auto 0 auto;
width:435px;
}
#content_qui span{
font-weight: bold;
float:left;
color:#2a3244;
}

#content_qui li{
line-height:1.5em;
text-align:right;
}
#qui p{text-align:center;margin-top:20px;}

#content_qui a{
text-align: center;
line-height:27px;
color:#2a3244;
/*border: 1px solid yellow;*/
background: url(../img/cv_download.png) no-repeat top;
width:239px ;
height:27px;
display: block;
margin: 50px auto;
}
#content_qui a:hover{
background: url(../img/cv_download.png) no-repeat bottom;
}
h4{ 

font-weight:500;
font-size:1.2em;
color:#2a3244;
margin-bottom:2em;
text-align:left;}