/* CSS Document */

body {
    margin: 0;
    padding: 0;
    font: 0.8em "Lucida Grande", Lucida, Verdana, sans-serif;
    color: #030708;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

A {
    text-decoration: underline;
    color: #46678f;
}

A img {
    border: none;
}

LI {
    list-style-type: none;
}

.cb {
    clear: both;
    line-height: 0;
    height: 0;
    font-size: 0;
}

.noprint {
    display: none;
}

#main {
    position: relative;
    margin: 0 auto;
    padding: 2% 0;
    width: 100%;
}

#head {
    min-height: 2em;
    overflow: visible;
    position: relative;
    width: 660px;
}

#head H1 {
    margin: 0;
    padding: 0;
    width: 195px;
    font: 2.5em Helvetica;
}

#head H2 {
    margin: -0.2em 0 0 3em;
    padding: 0;
    width: 248px;
    font: bold 1.6em Arial;
}

#infosup {
    font-size: 60%;
    text-align: center;
    color: #DEDEDE;
}

#contact {
    width: 40%;
    position: relative;
    margin-top: 2%;
}

#contact .listContener UL {
    padding: 0;
    margin: 0;
    text-align: left;
    ;
}

#contact A#localizationLink {
    text-decoration: none;
}

#localizationMap {
    display: none
}

#tools * {
    display: none;
}

#tools #toolCVLink {
    display: block;
}

#intro {
    font-size: 1.2em;
    margin-top: 1em;
    color: #777;
}

#explication {
    display: none;
}

#photo {
    /*display: none;*/
    background: url("../images/photo_2025.jpg") no-repeat scroll 0 0 transparent;
    background-size: cover;
    border-radius: 0.3cm;
    right: 0;
    top: 1cm;
    position: absolute;
    height: 3.6cm;
    width: 2.6cm;
}

.experience {
    padding: 10px 0 10px;
    margin: 0;
    clear: both;
    border-bottom: 1px solid #C1C6C9;
    border-color: rgba(0, 0, 0, 0.1);
    cursor: default;
}

.experience LI {
    margin-left: 15%;
    line-height: 1.6em;
}

.experience .date {
    float: left;
    font-style: italic;
    width: 15%;
    margin-left: 0;
    color: #777;
}

.experience .descExperience .date {
    width: auto;
}

.date IMG {
    margin: 5% 2%;
    max-width: 90%;
    max-height: 7em;
    opacity: 0.1;
    cursor: pointer;
    display: block;
}

.experience A {
    color: #4667CF;
}

.experience .poste {
    font-weight: bold;
}

.experience .poste .title {
    font-variant: small-caps;
    font-size: 1.4em;
}

.descSociete {
    font-style: italic;
    color: #777;
}

.descExperience {
    color: #444;
}

.descExperience strong {
    color: #000;
    font-size: 1.1em;
}

.descExperience B {
    color: #000;
}

UL.also {
    border-bottom: none;
}

#experience {
    clear: both;
    margin-top: 5%;
}

H3 {
    padding: 0.2cm;
    margin: 0;
    color: #FFF;
}

#experience H3 {
    background-color: #e03a3a;
}

#experience UL {
    clear: none;
}

#expNF {
    /*page-break-before:always;  	*/
}

#expRDC {
    page-break-before: always;
}

#expJP {
    page-break-before: always;
}

#formation {
    /*margin-top:2%;*/
}

#formation H3 {
    background-color: #5be836;
}

#formation UL {
    clear: none;
}

#formation UL.also {}

#competences {
    page-break-before: always;
    margin-top: 2%;
}

#competences H3 {
    background-color: #0072EA;
}

#competences UL {
    clear: none;
    background-color: #FFF;
}

#competences LI {
    list-style-type: circle;
    padding: 0.7em 0 0 0;
}

#realisation {
    /*page-break-before:always;*/
}

#apropos,
#realisation {
    margin-top: 5%;
}

#apropos H3 {
    /*page-break-before:always;*/
    background-color: #FFBB2C;
    color: #FFF;
}

#apropos P,
#realisation P {
    background-color: #FFF;
    padding: 0.6em 0 0 1em;
}

.codeRequest {
    margin-top: 5%;
    font-style: italic;
}


/*DEGRADES TITRES*/

#experience H3 {
    background: -moz-linear-gradient(top right, rgba(239, 57, 16, 1) 0%, rgba(221, 17, 17, 1) 100%);
    background: -webkit-gradient(linear, top right, color-stop(0%, rgba(239, 57, 16, 1)), color-stop(100%, rgba(221, 17, 17, 1)));
    background: -webkit-linear-gradient(top right, rgba(239, 57, 16, 1) 0%, rgba(221, 17, 17, 1) 100%);
    background: -o-linear-gradient(top right, rgba(239, 57, 16, 1) 0%, rgba(221, 17, 17, 1) 100%);
    background: -ms-linear-gradient(top right, rgba(239, 57, 16, 1) 0%, rgba(221, 17, 17, 1) 100%);
    background: linear-gradient(top right, rgba(239, 57, 16, 1) 0%, rgba(221, 17, 17, 1) 100%);
}

#formation H3 {
    background: -moz-linear-gradient(top right, rgba(85, 209, 104, 1) 0%, rgba(38, 164, 58, 1) 100%);
    background: -webkit-gradient(linear, top right, center center, 100%, color-stop(0%, rgba(85, 209, 104, 1)), color-stop(100%, rgba(38, 164, 58, 1)));
    background: -webkit-linear-gradient(top right, rgba(85, 209, 104, 1) 0%, rgba(38, 164, 58, 1) 100%);
    background: -o-linear-gradient(top right, rgba(85, 209, 104, 1) 0%, rgba(38, 164, 58, 1) 100%);
    background: -ms-linear-gradient(top right, rgba(85, 209, 104, 1) 0%, rgba(38, 164, 58, 1) 100%);
    background: linear-gradient(top right, rgba(85, 209, 104, 1) 0%, rgba(38, 164, 58, 1) 100%);
    background: -moz-linear-gradient(top right, rgba(123, 244, 90, 1) 0%, rgba(67, 211, 27, 1) 100%);
    background: -webkit-gradient(linear, top right, center center, 100%, color-stop(0%, rgba(123, 244, 90, 1)), color-stop(100%, rgba(67, 211, 27, 1)));
    background: -webkit-linear-gradient(top right, rgba(123, 244, 90, 1) 0%, rgba(67, 211, 27, 1) 100%);
    background: -o-linear-gradient(top right, rgba(123, 244, 90, 1) 0%, rgba(67, 211, 27, 1) 100%);
    background: -ms-linear-gradient(top right, rgba(123, 244, 90, 1) 0%, rgba(67, 211, 27, 1) 100%);
    background: linear-gradient(top right, rgba(123, 244, 90, 1) 0%, rgba(67, 211, 27, 1) 100%);
}

#competences H3 {
    background: -moz-linear-gradient(top right, rgba(96, 196, 242, 1) 0%, rgb(0, 114, 234) 100%);
    background: -webkit-gradient(linear, top right, center center, 100%, color-stop(0%, rgba(96, 196, 242, 1)), color-stop(100%, rgb(0, 114, 234)));
    background: -webkit-linear-gradient(top right, rgba(96, 196, 242, 1) 0%, rgb(0, 114, 234) 100%);
    background: -o-linear-gradient(top right, rgba(96, 196, 242, 1) 0%, rgb(0, 114, 234) 100%);
    background: -ms-linear-gradient(top right, rgba(96, 196, 242, 1) 0%, rgb(0, 114, 234) 100%);
    background: linear-gradient(top right, rgba(96, 196, 242, 1) 0%, rgb(0, 114, 234) 100%);
}

#realisation h3 {
    background: #6408ce;
    /* Old browsers */
    background: -moz-linear-gradient(left, #6408ce 0%, #5d1da5 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #6408ce), color-stop(100%, #5d1da5));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #6408ce 0%, #5d1da5 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #6408ce 0%, #5d1da5 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #6408ce 0%, #5d1da5 100%);
    /* IE10+ */
    background: linear-gradient(to right, #6408ce 0%, #5d1da5 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#6408ce', endColorstr='#5d1da5', GradientType=1);
    /* IE6-9 */
}

#apropos H3 {
    background: -moz-linear-gradient(top right, rgba(255, 192, 68, 1) 0%, rgba(244, 159, 0, 1) 100%);
    background: -webkit-gradient(linear, top right, center center, 100%, color-stop(0%, rgba(255, 192, 68, 1)), color-stop(100%, rgba(244, 159, 0, 1)));
    background: -webkit-linear-gradient(top right, rgba(255, 192, 68, 1) 0%, rgba(244, 159, 0, 1) 100%);
    background: -o-linear-gradient(top right, rgba(255, 192, 68, 1) 0%, rgba(244, 159, 0, 1) 100%);
    background: -ms-linear-gradient(top right, rgba(255, 192, 68, 1) 0%, rgba(244, 159, 0, 1) 100%);
    background: linear-gradient(top right, rgba(255, 192, 68, 1) 0%, rgba(244, 159, 0, 1) 100%);
}

#logo_neolane {
    height: 30px;
}