a, a:link, a:visited, a:hover{color:#68BADA;font-weight:bold;text-decoration:none}
p{text-align:justify}
body{background-color:#EAEAEA;font:13px/1.5em "Liberation sans",Arial,Verdana,Helvetica,sans-serif;margin:-31px auto 0 auto;width:100%}
h1, h2, h3, h4{font-family:arial}
h2{background-color:#FFF;border-bottom:1px dotted #9A9A9A;color:#232333;margin:0 -14px;padding:13px 0 13px 26px}
h3{color:#D37734;font-size:18px;font-weight:normal;margin:10px 0 11px 0}
h4{color:#847047;font-size:15px;font-weight:normal;margin:2px 0 0 0}
blockquote{background-color:#FAFAFA;border:1px dotted #343434;border-radius:8px;margin:15px 0;padding:17px}
.box{background-color:#FFF;border:2px solid #DDD;border-radius:10px;box-shadow:0 0 5px 2px rgba(0,0,0,0.15);margin:40px auto 30px;max-width:1200px;padding:20px;width:75%;min-height:575px}
.h2pimp{background-color:#FFF;border-bottom:1px dotted #9A9A9A;color:#232333;margin:0 -14px;padding:13px 0 13px 26px;line-height:19.5px;font-weight:bold;font-size:20px;display:block}
.h3pimp{color:#D37734;font-size:18px;font-weight:normal;margin:3px 0 11px 0;font-size:18px;display:block}
button{border:0;background-color:rgba(255,255,255,0.01);cursor:pointer;font-weight:bold}
img{border:none}
form{margin:0}
span {padding:0;margin:0}
.clear {clear:both}
.clearR {clear:right}
.clearL {clear:left}
/*Commun*/
#site_content{margin:-70px auto 0 auto}
.icon_mini{margin-right:5px;vertical-align:middle}
form textarea{background-color:#FAFAFA;border:1px dotted #454545;border-radius:10px;color:#502001;font-size:15px;height:167px;padding:5px 0 0 10px;vertical-align:middle}
.boxinbox{background-color:#DFDFDF;border:2px solid #B2B2B2;border-radius:13px;margin-bottom:20px;padding:14px}
.icon.after:after {margin: 0 0 0 8px}
.icon.after:before {content: "" !important}
.icon-rate:before, .icon-rate.after:after {content: "\2605"}
.icon-unrate:before, .icon-unrate.after:after{content: "\2606"}
.icon-check:before, .icon-check.after:after{content: "\2713  "}
.icon-uncheck:before, .icon-uncheck.after:after{content: "\2717"}
.icon-cloud:before, .icon-cloud.after:after {content: "\2601"}
.icon-dl:before, .icon-dl.after:after {content: "\21E3";font-weight: bold}
.icon-cross:before, .icon-cross.after:after {content: "\2716";font-weight: bold}
.icon-arrow1:before, 
.icon-arrow1.after:after {content: "\2192";position: relative;top: -0.15em}
.icon-arrow2:before, .icon-arrow2.after:after {content: "\279E"}
.icon-arrow3:before, .icon-arrow3.after:after {content: "\279A"}
.icon-bracket1:before, .icon-bracket1.after:after {content: "\2039";font-weight: bold;font-size: 1.6em;position: relative;top: -0.15em}
.icon-bracket2:before, .icon-bracket2.after:after {content: "\203A";font-weight: bold;font-size: 1.6em;position: relative;top: -0.15em}
.icon-up:before, .icon-up.after:after {content: "\25B2"}
.icon-down:before, .icon-down.after:after {content: "\25BC"}
.icon-bull:before, .icon-bull.after:after {content: "\2022";font-size: 1.2em;top: -0.05em}
.icon-bull2:before, .icon-bull2.after:after {content: "\25E6";top: -0.05em}
.icon-bull3:before, .icon-bull3.after:after{content: "\2023";font-size: 1.6em;top: -0.05em}
.icon-nav:before, .icon-nav.after:after {content: "\2261";font-weight: bold}
.icon-losange:before, .icon-losange.after:after {content: "\25C6"}
.icon-asteri:before, .icon-asteri.after:after {content: "\2731";font-weight: bold}
.icon-mail:before, .icon-mail.after:after {content: "\2709  ";font-size: 1.6em;top: -.05em}
/*Header*/
#site_banner{width:500px;margin:-40px auto 0 auto}
.bg_header{background-position:center top;background-repeat:no-repeat;width:85%;height:75px;margin:0 auto 0 auto}
.bg_menu{height:40px;margin:0 auto 12px auto;padding:14px 35px 0 0;text-align:right;text-transform:uppercase;width:75%}
.minibox form{margin-bottom:0}
.minibox{float:left}
.bg_menu p{color:#FFF;text-transform:uppercase}
.menu{float:right;font-size:13px;padding:0 10px;text-transform:uppercase}
.bg_header button, .bg_menu a{color:#565656}
/*footer*/
.page_footer{background-color:#FFF;border:2px solid #DDD;border-radius:10px;box-shadow:0 0 5px 2px rgba(0,0,0,0.15);margin:-18px auto 0 auto;padding:10px 20px;width:75%;max-width:1200px}
.page_footer a{color:#1C648E}
#footer{margin-left:auto;margin-right:auto;text-align:center;width:961px}
#footer a{color:#03496B;font-size:12px}
/*CV*/
#experiencepro ul::before, #experienceperso ul::before{content:"Missions :";font-weight:bold;margin-left:-15px;}
#experiencepro a::before, #experienceperso a::before{content:"Site web :";font-weight:normal;color:black}
#experiencepro a{margin-bottom:10px}
#competence {float:right;width:25%;min-width:186px;max-width:330px;border-width:0 1px 1px 1px;border-style:dotted;border-color:#9A9A9A;padding:0 20px;margin-right:-18px;background-color: #FAFAFA;border-right-color:black}
#imgCV {float:right;sbox-shadow: 0 0 5px 2px rgba(0,0,0,0.2);}
#links {float:right;width:25%;min-width:186px;max-width:330px;border-width:0 1px 1px 1px;border-style:dotted;border-color:#9A9A9A;padding:0 20px;background-color: #FAFAFA;border-right-color:black;margin-right:-18px;}
#links a:hover {text-decoration:underline}
#CVhead {height:220px}
#chapo {width:55%;float:left;text-align:left;margin-top:-15px}
#experiencepro h4, #experienceperso h4, #formation h4{margin:-7px 0 -10px 0}
#experienceperso ul {margin-bottom:4px}
#postal::before{content:"("}
#postal::after{content:")"}
h1{width:415px;}
#socialShare{float:right;margin-top:-35px;height:30px;width:315px;}
#fb-root {float:right;padding-top:15px;}
@media screen and (max-width: 1024px) {.bg_header{background:none;}.box {margin-top:2%}h1 {margin-top:-5px}}
@media screen and (max-width: 990px) {#socialShare{float:none;margin:1% auto -20px auto}}
@media screen and (max-width: 730px) {#socialShare{float:right;height:30px;width:310px;margin:1% 24% 0 0;} #site_content{margin:-55px auto 0 auto} #imgCV {float:none;width:50%;margin-left:25%;margin-bottom:2%;}#chapo {width:90%;margin-left:5%}h1{width:415px;} h1, h2 {line-height:1.2em;} #competence {width:50%!important;min-width:90%;float:none;margin:0 auto;border-width:0px;} #links {width:50%!important;min-width:90%;float:none;margin:0 auto;border-width:0px;}#links h2::before{content:"Mes profils "} .box {margin-top:1%;width:90%} .bg_header {background:none;}.page_footer {display:none}.social_bar{display:none;}}
@media screen and (max-width: 535px) {.box {margin-top:0.2%;border:0px;}h1 {width:207px;margin:-20px auto 0 auto;}h2 {margin-top:-3%;padding-bottom:1%;}#socialShare{height:30px;width:310px;margin:1% 15% 0 0}}
@media screen and (max-width: 500px) {#socialShare{margin:1% 10% 0 0}}
@media screen and (max-width: 480px) {#socialShare{margin:1% 5% 0 0}}
@media screen and (max-width: 370px) {#socialShare{margin:1% 1% 0 0}}