/* Colors: Blue - #0b8bbb // Orange - #e86e14 */

@import "styles/reset.css";

/* -------------------- */
/* -- General Styles -- */
/* -------------------- */
#wrap { position:relative; width: 730px; margin: 70px auto; font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif; color: #555; border: 1px #eee solid; padding: 70px 70px 20px 70px; -webkit-box-shadow: 0px 0 50px #aaa; -moz-box-shadow: 0px 0 30px #aaa; box-shadow: 0px 0 50px #aaa; background: #fff; background: -moz-linear-gradient(top, #EEEEEE 0%, #FFFFFF 2%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EEEEEE), color-stop(2%,#FFFFFF)); }
body { font-family: times, serif; background-color: #eee; }
h1 { font-size: 40px; margin: 0 0 30px 0; letter-spacing: -1px; }
h2 { font-size: 34px; margin: 0 0 20px 0; }
h3 { font-size: 24px; margin: 30px 0 20px 0; }
h4 { font-size: 20px; margin: 30px 0 15px 0;}
h5 { font-size: 18px; margin: 30px 0 5px 0;}
p { font-size: 18px; line-height: 22px; margin: 0 0 15px 0; }
p.sans-sous-titre{ margin-top:35px;}
a { text-decoration: none; color: #888;}
a:hover { color: #0b8bbb; }
img.impression{display:none}
.line { clear: both; border-bottom: 2px #eee solid; }
.clear{clear:both;}

/* ------------ */
/* -- Header -- */
/* ------------ */
#header { float: left; width: 730px; margin: 0 0 55px 0; }
#header #header-content { float: left; width: 500px; }
#header #header-content h1 { margin: 0 0 2px 0; color: #444; }
#header #header-content h2 { color: #0b8bbb; font-size: 28px; }
#header #header-content p { font-size: 15px; margin: 0 0 0 1px; }
#header #contact-details { float: left; margin: 18px 0 0 0; }
#header #header-content .contact { font-size: 16px; color: #888; margin: 0; }
#header #header-content .contact span { color: #444; width: 75px; float: left; font-weight:400; } 
#header #header-photo { float: right;  background-color: #eee;  padding: 5px 5px 2px 5px; -webkit-box-shadow: 0px 0 10px #aaa; -moz-box-shadow: 0px 0 10px #aaa; box-shadow: 0px 0 10px #aaa; }
#header #header-photo img { width: 200px; height: 220px; border: 1px #ddd solid; }
#icone{ width:204px; position:absolute; top:10px; right:70px;}

ul.aligne{ list-style:none;}
li.liste{float:left; margin:0 10px;}
a.retour{display:block; border:0px; text-decoration:none; position:absolute; top:25px; left:300px; background:url("images/retour2.png") no-repeat; width:114px; height:33px;}
a.retour:hover{background:url("images/retour_hover2.png") no-repeat;}
a.mail{ display:block; background:url("images/mail.png") no-repeat; border:0px; width:48px; height:48px;}
a.imprimer{ display:block; background:url("images/print2.png") no-repeat; border:0px; width:48px; height:48px; cursor:pointer;}
a.telecharger{ display:block; background:url("images/pdf.gif") no-repeat; border:0px; width:48px; height:48px;}
p.paligne{display:inline;}

/* ------------- */
/* -- Content -- */
/* ------------- */
#content .cv-section { width: 600px; margin: 0 0 15px 0; }
#content .cv-section h3 { font-size: 28px; color: #444; margin: 45px 0 30px 0;  }
#content .cv-section h4.title { font-size: 22px; color: #0b8bbb; margin: 0 0 -26px 0; }
#content .cv-section h4.meta { font-size: 22px; color: #777; }
#content .cv-section p { font-size: 14px; color: #555; letter-spacing: 0; }
#content .cv-section-item { padding: 0 0 15px 0; }
#content .cv-section-divers ul.lang{margin: 0px 0 0 10px; line-height:23px; font-size: 14px; color: #555; letter-spacing: 0;}
#content .cv-section-divers ul.lang span.ajuste{font-weight:600; font-size: 14px; color: #555; letter-spacing: 0;}
#content .cv-section-divers #langues{float:left; width:300px;}
#content .cv-section-divers #loisires{float:left; width:300px;}
#content .cv-section-divers{ padding: 0 0 15px 0;}

#list_impression{display:none;}
ul.boxe_adobe_impression{display:none;}
ul.boxe_adobe{width:504px; margin-right:auto; margin-left:auto;}
ul.boxe_languages{width:400px; margin:0 auto;}
li.liste-lang{ margin:5px 30px 5px 0px;}
a.photoshop{ display:block; background:url("images/photoshop.png") no-repeat; border:0px; width:64px; height:64px;}
a.flash{ display:block; background:url("images/flash.png") no-repeat; border:0px; width:64px; height:64px;}
a.indesign{ display:block; background:url("images/indesign.png") no-repeat; border:0px; width:64px; height:64px;}
a.dreamweaver{ display:block; background:url("images/dreamweaver.png") no-repeat; border:0px; width:64px; height:64px;}
a.illustrator{ display:block; background:url("images/illustrator.png") no-repeat; border:0px; width:64px; height:64px;}
a.fireworks{ display:block; background:url("images/fireworks.png") no-repeat; border:0px; width:64px; height:64px;}
a.star_full{display:inline-block; background:url("images/star_full.png") no-repeat; border:0px; width:23px; height:23px;}
a.star_void{display:inline-block; background:url("images/star_void.png") no-repeat; border:0px; width:23px; height:23px;}
a.semi_star{display:inline-block; background:url("images/semi_star.png") no-repeat; border:0px; width:23px; height:23px;}
span.resize{display:block;}