@charset "UTF-8"; /* CSS Document */

.contact{
    margin: 230px auto 0;
}

body {
/*    max-width: 152.5em;
*/    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #000;
}

.mobile {
    max-width: 152.5em;
    width: 100%;
    margin: 230px auto 0;
    padding: 0;
    background-color: #000;
}

/* CSS de la page */
.moteur {
    background-image: url(../images/cri.jpg);
    background-repeat: no-repeat;
    background-color: #000;
    background-position: center 6px;
}

/*.fondjobs{
    background-image: url(../../images/fleures.jpg);

}
*/
.fondprint, .fondweb, .fondjobs, .fondjobs2 .fondcv {
    background-position: center 160px;
    background-attachment: fixed;
    padding-bottom: 40px;
    background-repeat: no-repeat;
}

.fondweb {
    height: 1110px;
    padding-bottom: 0;
}

.fondjobs, .fondjobs2, .fondcv {
    background-position: center 134px;
}

.fondcv {
    height: 1240px;
}

.center {
    text-align: center;
    margin-left: 70px;
}

p {
    font: 500 1em/1.5em "josefin sans", Arial, sans-serif;
    color: #fff;
    text-align: center;
    margin: 20px 0 7px;
}

h1 {
    font: 400 3.25em/0.85em "Sanchez", Helvetica, sans-serif;
    color: #339;
    text-align: center;
    margin: 0;
    padding-top: 0.58em;
}

h2 {
    font: 500 1.75em/1.5em "josefin sans", Arial, sans-serif;
    color: #998633;
    text-align: center;
    margin: -0.45em 0 0;
}

h3 {
    font: 500 1.5em/1.5em "josefin sans", Arial, sans-serif;
    color: #ccc;
    text-align: left;
    margin: 18px 0 0;
}

.h3index {
    font: 500 1.5em/1em "josefin sans", Arial, sans-serif;
    color: #fff;
    text-align: center;
    margin: 329px 0 0;
    text-shadow: 0 1px 3px #000;
}

h4 {
    font: 500 1em/1.5em "josefin sans", Arial, sans-serif;
    margin: -5px 0 0;
    color: #666;
    text-align: right;
}

.center p {
    font-family: "josefin sans", Arial, sans-serif;
    color: white;
    font-weight: normal;
    width: 438px;
    font-size: 1.1em;
    text-align: right;
    margin: 24px auto 0;
    display: inline-block;
    line-height: 1.25em;
}

h3 span {
    font-size: 0.8em;
}

.nav {
    font-family: "josefin sans", Arial, sans-serif;
}

img {
/*    -webkit-box-shadow: 5px 5px 12px #000;
    box-shadow: 5px 5px 12px #000;
*/}

/* CSS de la nav */
#conteneur-menu2 {
    height: 150px;
    width: 220px;
    padding-top: 22px;
    margin: 0 auto;
    display: inline-block;
    text-align: left;
    vertical-align: top;
}

#conteneur-menu2 ul {
    padding: 0;
    margin: 0;
    margin-left: 23px;
}

#conteneur-menu2 ul li {
    list-style: none;
    margin-bottom: 10px;
}

#conteneur-menu2 ul li a {
    text-decoration: none;
    font-size: 1.25em;
    padding: 8px 4px 4px;
    display: block;
    color: white;
    background: transparent;
    width: 230px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    line-height: 21px;
}

#conteneur-menu2 ul li a:hover {
    background: #339;
    padding-left: 20px;
    width: 130px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}

/* CSS de la gallerie */
a img {
    border: none;
    width: 100%;
}

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

#logo h1:hover {
    color: #339;
    text-shadow: #4C4CE5 0 0 10px; /*couleur, décalage sur X, décalage sur Y et taille de l'ombre*/
}

#logo h2:hover {
    color: #998633;
    text-shadow: white 0 0 5px; /*couleur, décalage sur X, décalage sur Y et taille de l'ombre*/
}

#content {
    max-width: 62.5em;
    width: 100%;
    font-family: "josefin sans", Arial, sans-serif;
    font-weight: normal;
    color: #FFF;
    margin: 0 auto;
    text-align: justify;
}

/* Contient le header avec un background noir transparent */
#conteneur_header, #conteneur_header2 {
    width: 100%;
    height: 14em;
    background: url(../images/transparency.png);
    position: fixed;
    z-index: 9999;
    top: 0;
}

#conteneur_header2 {
    height: 12em;
}
#conteneur_header3 {
    width: 100%;
/*    background: url(../images/transparency.png);
*/    position: relative;
    z-index: 11000;
}

#header {
    max-width: 62.5em;
    width: 100%;
    margin: 0 auto;
}

#logo {
    margin-top: 0.65em;
    float: left;
}

ul#menu {
    list-style: none;
    float: left;
    margin-top: 3em;
    padding-left: 0;
    position: relative;
    left: 50px;
}

ul#menu li {
    display: inline;
}

ul#menu li a {
    font: 1.25em/1.5em "josefin sans", Arial, sans-serif;
    background: #339;
    padding: 0.7em 0.8em 0.5em;
}

ul#menu li .en-cours, ul#menu li a:hover {
    background-color: rgba(51, 51, 153, 0.5);
}

#works {
    margin-bottom: 2.5em;
    overflow: hidden;
    padding-top: 12em;
}

#works .work {
    /* Le overflow: hidden permet de cacher les triangles et de ne les voir que lorsqu'ils sont dans la div */
    overflow: hidden;
    width: 311px;
    height: 292px;
    border: none;
    cursor: pointer;
    position: relative;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -o-transition: all .6s;
    -ms-transition: all .6s;
    transition: all .6s;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

#works .work.work-right {
    margin-right: 0;
}

#works .work:hover {
    border: none;
}

#works .work .triangle-droite {
    background: url(../images/triangle-droite.png);
    width: 312px;
    height: 293px;
    position: absolute; /* Décalage du triangle à droite lorsqu'on n'est pas en : hover */
    right: -312px;
    bottom: -293px;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -o-transition: all .6s;
    -ms-transition: all .6s;
    transition: all .6s;
}

#works .work:hover .triangle-droite {
    /* Position du triangle à droite lorsqu'on est en : hover */
    right: 0;
    bottom: 0;
}

#works .work .triangle-gauche {
    background: url(../images/triangle-gauche.png);
    width: 312px;
    height: 293px;
    position: absolute; /* Décalage du triangle à gauche lorsqu'on n'est pas en : hover */
    left: -311px;
    top: -293px;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -o-transition: all .6s;
    -ms-transition: all .6s;
    transition: all .6s;
}

#works .work:hover .triangle-gauche {
    /* Position du triangle à gauche lorsqu'on est en : hover */
    left: -1px;
    top: -1px;
}

#works .work span {
    color: #FFF;
    font-size: 1.19em;
    text-align: right;
    position: absolute; /* Position du span lorsqu'on n'est pas en : hover */
    top: 125px;
    left: -280px;
    font-family: "josefin sans", Arial, sans-serif;
    background-color: rgba(0, 0, 0, 0.75);
    padding: 8px 8px 3px 70px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}

#works .work:hover span {
    /* Position du span en : hover */
    left: 0px;
}

/*--------------Le CV écran--------------------*/
.fond {
    background-repeat: no-repeat;
    height: 118%;
    max-width: 1000px;
    width: 100%;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    margin: 0 auto -17px;
    background-color: #faefe4;
}

.telecharger{
    background-color: #339;
    font: 500 1em/2.5em "josefin sans", Arial, sans-serif;
    text-align: center;
    width: 200px;
    margin: 0 auto 7px;
    border-radius: 3px;
}


.telecharger2{
    display: block;
    margin-top: 230px; 
}

.telecharger:hover{
    background-color: rgba(51,51,153,.5);
}

.cvhead {
    border-top: solid 0.4em #4b4b4d;
    margin: 9.5% 9.5% 0;
    width: 81%;
    display: inline-block;
}

.colgauche {
    width: 37.7%;
    float: left;
    margin-left: 9.5%;
}

.lau-img {
    max-width: 33%;
    margin-top: -3%;
    -webkit-box-shadow: 0 0 0 #000000;
    box-shadow: 0 0 0 #000000;
    border-bottom: solid 0.25em #4b4b4d;
}

.colgauche h1, .colgauche h2 {
    text-align: left;
    font-size: 4em;
    margin: 0;
    padding: 0;
}

.colgauche h2 {
    line-height: 0.8em;
    margin-bottom: 16.4%;
}

.titrecv-h3, .titrecv2-h3, .chevron {
    text-align: left;
    font-size: 1.1em;
    font-weight: 600;
    color: #4b4b4d;
    margin: 8% 0 2% 5.4%;
    border-bottom: solid 0.15em #4b4b4d;
    width: 88.2%;
}

.guillemet1, .guillemet2 {
    color: #339;
    font-size: 5em;
    margin-left: -0.33em;
    margin-top: -7px;
    float: left;
}

.guillemet2 {
    float: right;
    margin-top: -6%;
    margin-right: 2%;
}

.plus, .plus2, .plus3 {
    font-size: 2.2em;
    color: #339;
    margin-left: -0.025em;
    float: left;
    font-weight: 600;
    margin-top: -0.43em;
}

.plus2 {
    margin-top: 0.45em;
}

.plus3 {
    margin-top: 0em;
    margin-left: 0.1em;
}

.titrecv2-h3 span {
    color: #339;
    font-size: 1em;
}

.colgauche p {
    color: #4b4b4d;
    text-align: justify;
    margin: 0 24px 0 2.6em;
    line-height: 1.155em;
    font-size: 0.85em;
}

.colgauche .txtgauche {
    margin-left: 1.5em;
}

.txtgauche {
    margin-top: 7px !important;
}

.colgauche p span {
    margin-top: 1.5%;
    display: block;
}

.cvfootgauche {
    border-bottom: 0.3em solid #4b4b4d;
    width: 88.5%;
    margin: 3% 0 0 5%;
}

.filet1 {
    border-bottom: solid 0.1em #4b4b4d;
    width: 87.5%;
    margin-top: -3%;
    margin-bottom: 2.5%;
}

.filet2 {
    border-bottom: dashed 0.1em #4b4b4d;
    margin: -3% 0 2.5% 16%;
    width: 71.5%;
}

.filet3,.filet4 {
    border-bottom: solid 0.15em #4b4b4d;
    width: 87.5%;
    margin: -3% 0 2.5%;
    width: 113%;
}

.filet4 {
    margin-top: 7%;
}

.filet5 {
    border-left: solid 0.15em #4b4b4d;
    height: 1.25em;
    margin: -60em 0 0 0;
}

.filet6 {
    border-left: solid 0.15em #4b4b4d;
    height: 51em;
    margin-top: -1.2em;
}

.chevron {
    margin-left: -17px;
    border-bottom: 0 none;
    margin-top: -0.55em;
}

.coldroite {
    width: 43.15%;
    float: left;
}

.titrecvdroite {
    text-align: left;
    font-size: 1.1em;
    font-weight: 600;
    color: #4b4b4d;
    margin: 5% 0 2.5% 16.5%;
    border-bottom: solid 0.15em #4b4b4d;
    width: 69%;
    padding-left: 2%;
}

.coldroite-h4 {
    text-align: left;
    font-size: 1.45em;
    font-weight: 600;
    color: #4b4b4d;
    margin: -1.5% 0 1.2% 16.35%;
    border-bottom: solid 0.1em #4b4b4d;
    width: 69%;
    padding-left: 2%;
}

.coldroite-h4 span {
    color: #339;
}

.contact-h5 {
    text-align: center;
    font-size: 1.1em;
    font-weight: 700;
    color: #4b4b4d;
    margin: 19.8% 0 2.5% -2.5%;
    border-bottom: solid 0.15em #4b4b4d;
    width: 20.5%;
    padding-bottom: 2%;
    font-family: "josefin sans", Arial, sans-serif;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    white-space: nowrap;
    float: left;
}

.coldroite h6 {
    color: #339;
    font-family: "josefin sans", Arial, sans-serif;
    margin: 0 0 0 18%;
    font-size: 1.1em;
}

.coldroite h6 span {
    display: block;
    margin: 0 0 5.25% 0;
    color: #4b4b4d;
}

.titrecvdroite-h3 {
    font-size: 1.1em;
    font-weight: 600;
    color: #4b4b4d;
    margin: 15% 0 5% 2%;
    border-bottom: solid 0.15em #4b4b4d;
    width: 97.2%;
    text-align: left;
}

.sup { 
    vertical-align: super; 
    font-size: 50%; 
} 

.datescv, .datescv2 {
    color: #339;
    font-family: "josefin sans", Arial, sans-serif;
    font-weight: bold;
    width: 110%;
}

.datescv{
    font-size: 1em;
    margin: 2.4% 0 0 3%;
}

.datescv2{
    font-size: 1em;
    margin: 0 0 0 22%;
    width: 91%;
}

.datescv-span1 {
    color: #4b4b4d;
    margin: 0 0 0 1%;
    line-height: 0.7em;
    font-size: 1.1em;
    font-weight: 700;
}

.datescv-span1bis {
    color: #4b4b4d;
    margin: 0 3% 0 23%;
    line-height: 1.3em;
    font-size: 1.1em;
    font-weight: 700;
    width: 90%;
}
.datescv-span1ter {
    color: #4b4b4d;
    margin: 0 3% 0 21%;
    line-height: 1.3em;
    font-size: 1.1em;
    font-weight: 700;
    width: 90%;
}

.date-cv-span2{
    color: #666;
    font-size: 0.8em;
    font-weight: 500;
}

.date-cv-span3{
    color: #666;
    font-size: 0.9em;
}

.date-cv-span4{
    margin: 0 0 0 7%;
}

.date-space{
    letter-spacing: -0.075em;
}

.date-space2{
    letter-spacing: 0.03em;
}

.footercv-1,.footercv-2,.footercv-3 {
    text-align: left;
    font-size: 0.8em;
    font-weight: 600;
    color: #4b4b4d;
    margin: 2% 0 2% 0;
    width: 100%;
}

.footercv-2 {
    font-size: 1em;
    margin-top: -3%;
}

.footercv-3 {
    font-size: 1.25em;
    font-weight: 700;
    margin-top: -3.5%;
    color: #339;
    margin-bottom: 0.5%;
}

.cvfootdroite {
    border-bottom: solid 0.3em #4b4b4d;
    font-family: "josefin sans", Arial, sans-serif;
    width: 113%;
}

/*-------Le scroller d'Aurélien----------*/
.scroll {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

.scroll-p {
    margin-top: 0;
}

.scroll-p span:hover{
    background-color: rgba(102, 73, 61, 0.5);
}

.descriptif-small, .descriptif-large {
    width: 550px;
    margin: 3% auto;
    text-align: justify;
}

.descriptif-small2 {
    margin: 0 31px;
    text-align: justify;
    display: inline-block;
}

.descriptif-large {
    width: 76%;
}

.descriptif-small span:hover {
    background-color: rgba(102, 73, 61, 0.5);
}

.scroll-section-first {
    min-height: 500px;
    padding-top: 250px;
}

.scroll-section {
    min-height: 0;
    padding-top: 200px;
}

.scroll-h1 {
    font-size: 96px;
}

.scroll-nav {
    position: fixed;
    margin: 150px auto 0;
    display: inline-block;
    z-index: 10000;
    left: 44%;
}

.scroll-ul {
    margin: 0;
    padding: 0;
}

.scroll-a {
    font-family: "josefin sans", Arial, sans-serif;
    font-size: 0.75em;
    margin-top: 0;
    padding-top: 51px;
    display: block;
    text-align: center;
}

.ragCouv {
    margin: 0 auto;
    max-width: 550px;
    width: 100%;
}

.ragImg {
    max-width: 1000px;
    width: 100%;
}
.scroll-li {
    line-height: 30px;
    list-style: none;
    float: left;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    width: 50px;
    height: 50px;
    margin-right: 5px;
}

.scroll-li:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.operation1 {
    background-image: url("../images/operation1.jpg");
}
.operation2 {
    background-image: url("../images/operation2.jpg");
}
.operation3 {
    background-image: url("../images/operation3.jpg");
}
.operation4 {
    background-image: url("../images/operation4.jpg");
}
.operation5 {
    background-image: url("../images/operation5.jpg");
}
.operation6 {
    background-image: url("../images/operation6.jpg");
}
.operation7 {
    background-image: url("../images/operation7.jpg");
}

.dilecta-1 {
    background-image: url("../images/dilecta-1.jpg");
}
.dilecta-2 {
    background-image: url("../images/dilecta-2.jpg");
}
.dilecta-3 {
    background-image: url("../images/dilecta-3.jpg");
}


.golazo-1 {
    background-image: url("../images/golazo-1.jpg");
}
.golazo-2 {
    background-image: url("../images/golazo-2.jpg");
}
.golazo-3 {
    background-image: url("../images/golazo-3.jpg");
}
.golazo-4 {
    background-image: url("../images/golazo-4.jpg");
}
.golazo-5 {
    background-image: url("../images/golazo-5.jpg");
}

.abus1 {
    background-image: url("../images/abus1.jpg");
}
.abus2 {
    background-image: url("../images/abus2.jpg");
}
.abus3 {
    background-image: url("../images/abus3.jpg");
}
.abus4 {
    background-image: url("../images/abus4.jpg");
}
.abus5 {
    background-image: url("../images/abus5.jpg");
}
.abus6 {
    background-image: url("../images/abus6.jpg");
}
.abus7 {
    background-image: url("../images/abus7.jpg");
}
.abus8 {
    background-image: url("../images/abus8.jpg");
}
.abus9 {
    background-image: url("../images/abus9.jpg");
}
.abus10 {
    background-image: url("../images/abus10.jpg");
}
.abus11 {
    background-image: url("../images/abus11.jpg");
}
.abus12 {
    background-image: url("../images/abus12.jpg");
}
.abus13 {
    background-image: url("../images/abus13.jpg");
}

.adid1 {
    background-image: url("../images/adid1.jpg");
}
.adid2 {
    background-image: url("../images/adid2.jpg");
}
.adid3 {
    background-image: url("../images/adid3.jpg");
}
.adid4 {
    background-image: url("../images/adid4.jpg");
}
.adid5 {
    background-image: url("../images/adid5.jpg");
}
.adid6 {
    background-image: url("../images/adid6.jpg");
}
.adid7 {
    background-image: url("../images/adid7.jpg");
}


.arihm1 {
    background-image: url("../images/arihm1.jpg");
}
.arihm2 {
    background-image: url("../images/arihm2.jpg");
}
.arihm3 {
    background-image: url("../images/arihm3.jpg");
}
.arihm4 {
    background-image: url("../images/arihm4.jpg");
}
.arihm5 {
    background-image: url("../images/arihm5.jpg");
}

.meet-1 {
    background-image: url("../images/meet-1.jpg");
}

.meet-2 {
    background-image: url("../images/meet-2.jpg");
}

.meet-3 {
    background-image: url("../images/meet-3.jpg");
}

.meet-4 {
    background-image: url("../images/meet-4.jpg");
}

.meet-5 {
    background-image: url("../images/meet-5.jpg");
}

.meet-6 {
    background-image: url("../images/meet-6.jpg");
}

.meet-7 {
    background-image: url("../images/meet-7.jpg");
}

.meet-8 {
    background-image: url("../images/meet-8.jpg");
}

.meet-9 {
    background-image: url("../images/meet-9.jpg");
}

.meet-10 {
    background-image: url("../images/meet-10.jpg");
}

.meet-11 {
    background-image: url("../images/meet-11.jpg");
}

.barto1 {
    background-image: url("../images/barto1.jpg");
}

.barto2 {
    background-image: url("../images/barto2.jpg");
}

.barto3 {
    background-image: url("../images/barto3.jpg");
}

.barto4 {
    background-image: url("../images/barto4.jpg");
}

.barto5 {
    background-image: url("../images/barto5.jpg");
}

.barto6 {
    background-image: url("../images/barto6.jpg");
}

.barto7 {
    background-image: url("../images/barto7.jpg");
}

.barto8 {
    background-image: url("../images/barto8.jpg");
}

.barto9 {
    background-image: url("../images/barto9.jpg");
}

.barto10 {
    background-image: url("../images/barto10.jpg");
}

.rag1 {
    background-image: url("../images/rag1.jpg");
}

.rag2 {
    background-image: url("../images/rag2.jpg");
}

.rag3 {
    background-image: url("../images/rag3.jpg");
}

.rag4 {
    background-image: url("../images/rag4.jpg");
}

.rag5 {
    background-image: url("../images/rag5.jpg");
}

.rag6 {
    background-image: url("../images/rag6.jpg");
}

.rag7 {
    background-image: url("../images/rag7.jpg");
}

.rag8 {
    background-image: url("../images/rag8.jpg");
}

.alb1 {
    background-image: url("../images/albin1.jpg");
}

.alb2 {
    background-image: url("../images/albin2.jpg");
}

.alb3 {
    background-image: url("../images/albin3.jpg");
}

.alb4 {
    background-image: url("../images/albin4.jpg");
}

.alb5 {
    background-image: url("../images/albin5.jpg");
}

.ars1 {
    background-image: url("../images/ars1.jpg");
}

.ars2 {
    background-image: url("../images/ars2.jpg");
}

.ars3 {
    background-image: url("../images/ars3.jpg");
}

.ars4 {
    background-image: url("../images/ars4.jpg");
}

.ars5 {
    background-image: url("../images/ars5.jpg");
}

.ars6 {
    background-image: url("../images/ars6.jpg");
}

.ars7 {
    background-image: url("../images/ars7.jpg");
}

.ars8 {
    background-image: url("../images/ars8.jpg");
}

.bag1 {
    background-image: url("../images/bag1.jpg");
}

.bag2 {
    background-image: url("../images/bag2.jpg");
}

.bag3 {
    background-image: url("../images/bag3.jpg");
}

.bag4 {
    background-image: url("../images/bag4.jpg");
}

.bag5 {
    background-image: url("../images/bag5.jpg");
}

.cab1 {
    background-image: url("../images/cab1.jpg");
}

.cab2 {
    background-image: url("../images/cab2.jpg");
}

.cab3 {
    background-image: url("../images/cab3.jpg");
}

.cab4 {
    background-image: url("../images/cab4.jpg");
}

.cab5 {
    background-image: url("../images/cab5.jpg");
}

.cab6 {
    background-image: url("../images/cab6.jpg");
}

.cab7 {
    background-image: url("../images/cab7.jpg");
}

.cab8 {
    background-image: url("../images/cab8.jpg");
}

.cas1 {
    background-image: url("../images/cas1.jpg");
}

.cas2 {
    background-image: url("../images/cas2.jpg");
}

.cas3 {
    background-image: url("../images/cas3.jpg");
}

.cas4 {
    background-image: url("../images/cas4.jpg");
}

.ccfd1 {
    background-image: url("../images/ccfd1.jpg");
}

.ccfd2 {
    background-image: url("../images/ccfd2.jpg");
}

.ccfd3 {
    background-image: url("../images/ccfd3.jpg");
}

.ccfd4 {
    background-image: url("../images/ccfd4.jpg");
}

.ccfd5 {
    background-image: url("../images/ccfd5.jpg");
}

.ccfd6 {
    background-image: url("../images/ccfd6.jpg");
}

.cor1 {
    background-image: url("../images/cor1.jpg");
}

.cor2 {
    background-image: url("../images/cor2.jpg");
}

.cor3 {
    background-image: url("../images/cor3.jpg");
}

.cor4 {
    background-image: url("../images/cor4.jpg");
}

.edf1 {
    background-image: url("../images/edfa.jpg");
}

.edf2 {
    background-image: url("../images/edfb.jpg");
}

.edf3 {
    background-image: url("../images/edfc.jpg");
}

.el1 {
    background-image: url("../images/el1.jpg");
}

.el2 {
    background-image: url("../images/el2.jpg");
}

.el3 {
    background-image: url("../images/el3.jpg");
}

.el4 {
    background-image: url("../images/el4.jpg");
}

.el5 {
    background-image: url("../images/el5.jpg");
}

.el6 {
    background-image: url("../images/el6.jpg");
}

.ev1 {
    background-image: url("../images/ev1.jpg");
}

.ev2 {
    background-image: url("../images/ev2.jpg");
}

.ev3 {
    background-image: url("../images/ev3.jpg");
}

.ev4 {
    background-image: url("../images/ev4.jpg");
}

.ev5 {
    background-image: url("../images/ev5.jpg");
}

.ev6 {
    background-image: url("../images/ev6.jpg");
}

.fdj1 {
    background-image: url("../images/fdj1.jpg");
}

.fdj2 {
    background-image: url("../images/fdj2.jpg");
}

.fdj3 {
    background-image: url("../images/fdj3.jpg");
}

.fdj4 {
    background-image: url("../images/fdj4.jpg");
}

.got1 {
    background-image: url("../images/got1.jpg");
}

.got2 {
    background-image: url("../images/got2.jpg");
}

.got3 {
    background-image: url("../images/got3.jpg");
}

.got4 {
    background-image: url("../images/got4.jpg");
}

.got5 {
    background-image: url("../images/got5.jpg");
}

.haf1 {
    background-image: url("../images/haf1.jpg");
}

.haf2 {
    background-image: url("../images/haf2.jpg");
}

.haf3 {
    background-image: url("../images/haf3.jpg");
}

.meg1 {
    background-image: url("../images/meg1.jpg");
}

.meg2 {
    background-image: url("../images/meg2.jpg");
}

.meg3 {
    background-image: url("../images/meg3.jpg");
}

.meg4 {
    background-image: url("../images/meg4.jpg");
}

.meg5 {
    background-image: url("../images/meg5.jpg");
}

.meg6 {
    background-image: url("../images/meg6.jpg");
}

.meg7 {
    background-image: url("../images/meg7.jpg");
}

.mus1 {
    background-image: url("../images/mus1.jpg");
}

.mus2 {
    background-image: url("../images/mus2.jpg");
}

.mus3 {
    background-image: url("../images/mus3.jpg");
}

.mus4 {
    background-image: url("../images/mus4.jpg");
}

.mus5 {
    background-image: url("../images/mus5.jpg");
}

.mus6 {
    background-image: url("../images/mus6.jpg");
}

.pac1 {
    background-image: url("../images/pac1.jpg");
}

.pac2 {
    background-image: url("../images/pac2.jpg");
}

.pac3 {
    background-image: url("../images/pac3.jpg");
}

.pac4 {
    background-image: url("../images/pac4.jpg");
}

.pac5 {
    background-image: url("../images/pac5.jpg");
}

.pic1 {
    background-image: url("../images/pic1.jpg");
}

.pic2 {
    background-image: url("../images/pic2.jpg");
}

.pic3 {
    background-image: url("../images/pic3.jpg");
}

.pic4 {
    background-image: url("../images/pic4.jpg");
}

.pic5 {
    background-image: url("../images/pic5.jpg");
}

.pic6 {
    background-image: url("../images/pic6.jpg");
}

.pio1 {
    background-image: url("../images/pio1.jpg");
}

.pio2 {
    background-image: url("../images/pio2.jpg");
}

.pio3 {
    background-image: url("../images/pio3.jpg");
}

.pio4 {
    background-image: url("../images/pio4.jpg");
}

.pio5 {
    background-image: url("../images/pio5.jpg");
}

.pio6 {
    background-image: url("../images/pio6.jpg");
}

.pio7 {
    background-image: url("../images/pio7.jpg");
}

.pio8 {
    background-image: url("../images/pio8.jpg");
}

.pio9 {
    background-image: url("../images/pio9.jpg");
}

.san1 {
    background-image: url("../images/san1.jpg");
}

.san2 {
    background-image: url("../images/san2.jpg");
}

.san3 {
    background-image: url("../images/san3.jpg");
}

.san4 {
    background-image: url("../images/san4.jpg");
}

.san5 {
    background-image: url("../images/san5.jpg");
}

.san6 {
    background-image: url("../images/san6.jpg");
}

.sof1 {
    background-image: url("../images/sof1.jpg");
}

.sof2 {
    background-image: url("../images/sof2.jpg");
}

.sof3 {
    background-image: url("../images/sof3.jpg");
}

.sof4 {
    background-image: url("../images/sof4.jpg");
}

.sof5 {
    background-image: url("../images/sof5.jpg");
}

.sof6 {
    background-image: url("../images/sof6.jpg");
}

.tou1 {
    background-image: url("../images/tou1.jpg");
}

.tou2 {
    background-image: url("../images/tou2.jpg");
}

.tou3 {
    background-image: url("../images/tou3.jpg");
}

.tou4 {
    background-image: url("../images/tou4.jpg");
}

.tou5 {
    background-image: url("../images/tou5.jpg");
}

.gri1 {
    background-image: url("../images/gri1.jpg");
}

.gri2 {
    background-image: url("../images/gri2.jpg");
}

.gri3 {
    background-image: url("../images/gri3.jpg");
}

.gri4 {
    background-image: url("../images/gri4.jpg");
}

.gri5 {
    background-image: url("../images/gri5.jpg");
}

.gri6 {
    background-image: url("../images/gri6.jpg");
}

.mov1 {
    background-image: url("../images/mov1.jpg");
}

.mov2 {
    background-image: url("../images/mov2.jpg");
}

.mov3 {
    background-image: url("../images/mov3.jpg");
}

.mov4 {
    background-image: url("../images/mov4.jpg");
}

.mov5 {
    background-image: url("../images/mov5.jpg");
}

.mov6 {
    background-image: url("../images/mov6.jpg");
}

.fon1 {
    background-image: url("../images/fon1.jpg");
}

.fon2 {
    background-image: url("../images/fon2.jpg");
}

.fon3 {
    background-image: url("../images/fon3.jpg");
}

.fon4 {
    background-image: url("../images/fon4.jpg");
}

.fon5 {
    background-image: url("../images/fon5.jpg");
}

.rai1 {
    background-image: url("../images/rai1.jpg");
}

.rai2 {
    background-image: url("../images/rai2.jpg");
}

.rai3 {
    background-image: url("../images/rai3.jpg");
}

.rai4 {
    background-image: url("../images/rai4.jpg");
}

.rai5 {
    background-image: url("../images/rai5.jpg");
}

.rai6 {
    background-image: url("../images/rai6.jpg");
}

.mar1 {
    background-image: url("../images/mar1.jpg");
}

.mar2 {
    background-image: url("../images/mar2.jpg");
}

.mar3 {
    background-image: url("../images/mar4.jpg");
}

.nat1 {
    background-image: url("../images/nat1.jpg");
}

.nat2 {
    background-image: url("../images/nat2.jpg");
}

.nat3 {
    background-image: url("../images/nat3.jpg");
}

.nat4 {
    background-image: url("../images/nat4.jpg");
}

.nat5 {
    background-image: url("../images/nat5.jpg");
}

.jmb1 {
    background-image: url("../images/jmb4.jpg");
}

.dec1 {
    background-image: url("../images/dec1.jpg");
}

.dec2 {
    background-image: url("../images/dec2.jpg");
}

.dec3 {
    background-image: url("../images/dec3.jpg");
}

.dec4 {
    background-image: url("../images/dec4.jpg");
}

.dec5 {
    background-image: url("../images/dec5.jpg");
}

.dec6 {
    background-image: url("../images/dec6.jpg");
}

.dec7 {
    background-image: url("../images/dec7.jpg");
}

.dec8 {
    background-image: url("../images/dec8.jpg");
}

.dec9 {
    background-image: url("../images/dec9.jpg");
}

.dec10 {
    background-image: url("../images/dec10.jpg");
}

.dec11 {
    background-image: url("../images/dec11.jpg");
}

.jmb2 {
    background-image: url("../images/jmb5.jpg");
}

.jmb3 {
    background-image: url("../images/jmb6.jpg");
}

.jmb4 {
    background-image: url("../images/jmb8.png");
}

.zic1 {
    background-image: url("../images/zic1.jpg");
}

.zic2 {
    background-image: url("../images/zic2.jpg");
}

.zic3 {
    background-image: url("../images/zic3.jpg");
}

.zic4 {
    background-image: url("../images/zic4.jpg");
}

.zic5 {
    background-image: url("../images/zic5.jpg");
}

.zic6 {
    background-image: url("../images/zic6.jpg");
}

.zic7 {
    background-image: url("../images/zic7.jpg");
}

.zic8 {
    background-image: url("../images/zic8.jpg");
}

.zic9 {
    background-image: url("../images/zic9.jpg");
}

.zic10 {
    background-image: url("../images/zic10.jpg");
}

.sma1 {
    background-image: url("../images/davikensmall.jpg");
}

.sma2 {
    background-image: url("../images/sma1.jpg");
}

.sma3 {
    background-image: url("../images/sma2.jpg");
}

.sma4 {
    background-image: url("../images/sma4.jpg");
}

.sma5 {
    background-image: url("../images/sma5.jpg");
}

.sma6 {
    background-image: url("../images/sma6.jpg");
}

.sma7 {
    background-image: url("../images/sma7.jpg");
}

.sma8 {
    background-image: url("../images/sma8.jpg");
}

.sma9 {
    background-image: url("../images/sma9.jpg");
}

.sma10 {
    background-image: url("../images/sma10.jpg");
}

.sma11 {
    background-image: url("../images/sma11.jpg");
}

.sma12 {
    background-image: url("../images/sma12.jpg");
}

.sma13 {
    background-image: url("../images/sma13.jpg");
}

.sma14 {
    background-image: url("../images/sma14.jpg");
}

.sma15 {
    background-image: url("../images/sma15.jpg");
}

.carte1 {
    background-image: url("../images/1jh.jpg");
}

.carte2 {
    background-image: url("../images/2stratello.jpg");
}

.carte3 {
    background-image: url("../images/3cornu.jpg");
}

.carte4 {
    background-image: url("../images/4is.jpg");
}

.carte5 {
    background-image: url("../images/5mib.jpg");
}

.carte6 {
    background-image: url("../images/6boreal.jpg");
}

.carte7 {
    background-image: url("../images/7dream.jpg");
}

.carte8 {
    background-image: url("../images/8lb.jpg");
}

.book1 {
    background-image: url("../images/fb1.jpg");
}

.book2 {
    background-image: url("../images/fb2.jpg");
}

.book3 {
    background-image: url("../images/fb3.jpg");
}

.book4 {
    background-image: url("../images/fb4.jpg");
}

.book5 {
    background-image: url("../images/fb5.jpg");
}

.book6 {
    background-image: url("../images/fb6.jpg");
}

.book7 {
    background-image: url("../images/fb7.jpg");
}

.book8 {
    background-image: url("../images/fb8.jpg");
}

.book9 {
    background-image: url("../images/fb9.jpg");
}

.book10 {
    background-image: url("../images/fb10.jpg");
}

.book11 {
    background-image: url("../images/fb11.jpg");
}

.book12 {
    background-image: url("../images/fb12.jpg");
}

.book13 {
    background-image: url("../images/fb13.jpg");
}

.tdc1 {
    background-image: url("../images/tdc1.jpg");
}

.tdc2 {
    background-image: url("../images/tdc2.jpg");
}

.tdc3 {
    background-image: url("../images/tdc3.jpg");
}

.tdc4 {
    background-image: url("../images/tdc4.jpg");
}

.tdc5 {
    background-image: url("../images/tdc5.jpg");
}

.tdc6 {
    background-image: url("../images/tdc6.jpg");
}

.tdc7 {
    background-image: url("../images/tdc7.jpg");
}

.tdc8 {
    background-image: url("../images/tdc8.jpg");
}

/*---Pages WEB---*/
.web-img {
    -webkit-box-shadow: 5px 5px 12px #000000;
    box-shadow: 5px 5px 12px #000000;
    max-width: 100%;
}

/*--------------La page composit--------------------*/
.wip {
    margin: 200px auto;
    display: block;
}

/*--------------La page contact--------------------*/
#formulaire {
    margin-top: 215px;
    margin-left: auto;
    margin-right: auto;
    width: 600px;
    max-width: 100%;
}

#formulaire_contact {
    width: 80%;
    margin: 0 auto;
}


fieldset {
    margin: 0;
    padding: 0;
    padding-top: 3%;
    width: 475px;
}

fieldset p{
    text-align: left;
    margin: 3px 0 0;
}

legend {
    font-family: "josefin sans", Arial, sans-serif;
    color: #fff;
    font-size: 1em;
    padding-left: 2%;
    padding-right: 2%;
    margin: 14px auto 0;
}

label {
    font-family: "josefin sans", Arial, sans-serif;
    color: #fff;
    font-size: 1em;
    width: 60%;
    display: inline-block;
    width: 156px;
    text-align: left;
    margin-left:  21px;
}

.p-label {
    font-family: "josefin sans", Arial, sans-serif;
    color: #fff;
    font-size: 1em;
    width: 60%;
    display: inline-block;
    width: 146px;
    margin: 0 0 10px 23px;
}

.p-label label{
    margin-left: 0;
}

.mention{
    text-align: center;
    font: 500 0.75em/1.5em "josefin sans", Arial, sans-serif;
    margin-top: 5px;
}

#contact_message{
    margin-left: 18px;
    width: 424px;
}

.field{
    width: 257px;
}

label span {
    color: #339;
}

#name, #email, #residence, #message {
    width: 250px;
    height: 26px;
    background-image: url("../images/textured_paper.png");
    vertical-align: middle;
    padding-left: 10px;
}

#message {
    width: 251px;
    height: 120px;
    vertical-align: top;
    padding: 10px;
}

#pseudo,input {
    margin-bottom: 5%;
}

.p-button{
    text-align: center;
    margin-top: 14px
}

.messageenvoye{
    color: green;
    text-align: left;
}

.envoyer {
    width: 128px;
    height: 40px;
    margin: 24px auto;
    display: block;
    background-image: url("../images/black-Linen.png");
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    color: #fff;
    font-family: "josefin sans", Arial, sans-serif;
    border-width: 0;
    font-size: 1em;
    cursor: pointer;
    border-radius: 7px;
    border: 2px solid #333;
}

.white {
    color: #fff;
    margin-top: 300px;
}

input:focus, #email:focus, #site:focus, #message:focus, #pseudo:focus {
    border: 4px solid #339;
}

/*--------------Le footer--------------------*/

footer{
    max-width: 650px;
    width: 100%;
    margin: 0 auto;
}

footer .gs{
    margin-left: -2%;
    font-size: 0;
}

footer .g{
    display: inline-block;
    margin-bottom: 20px;
    margin-left: 2%;
    font-size: 1rem;
    vertical-align: top;
}

footer .g-1{
    width: 23%;
}

footer a{
    font-family: "josefin sans", Arial, sans-serif;
    color: #888;
}

footer ul{
    padding-left: 0;
}

hr{
    color: #222;
}

footer ul li{
    list-style-type: none;
}

footer ul li span{
    font-weight: 700;
}

/*-------Écran tablette------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {


    .field{
        width: 300px;
    }

    fieldset{
        width: 340px;
        margin: 10px auto 0;
    }

    fieldset p{
        margin-left: 18px;
    }

    label{
        margin: 0;
    }

    .p-button{
        margin-left: 0;
    }

    .mention{
        margin: 5px 0;
    }

    #contact_message{
        width: 302px;
        margin: 0;
    }

    .moteur{
        height: 1500px;
        background-position: center 350px;
    }

    #conteneur_header {
        height: 220px;
        position: static;
    }

    #conteneur_header2{
        height: 12em;
        position: absolute;
    }

    #header {
        width: 100%;
        height: 180px;
    }

    #logo {
        float: none;
        margin-top: 0;
    }

    h1 {
        margin: 0 auto;
        padding-top: 10px;
        font-weight: normal;
        font-size: 2.4em;
    }

    h2 {
        margin-top: -13px;
        color: #2A6618;
        font-weight: 800;
        font-size: 2em;
    }

    h3 {
        text-align: center;
    }

    .h3index {
        font: 500 1.5em/1em "josefin sans", Arial, sans-serif;
        margin: 177px 0 0;
    }

    h5 {
        margin-top: 17px;
        line-height: 1.35em;
    }

    h3.download {
        text-align: center;
        line-height: 1.25em;
    }

    ul#menu {
        float: none;
        margin: 22px auto 0;
        padding: 0;
        text-align: center;
        left: 0;
    }

    ul#menu li{
        display: block;
    }

    ul#menu li a {
        padding-top: 20px;
        line-height: 1.5em;
        width: 80%;
        margin: 0 auto 7px;
        display: block;
    }

    #conteneur-menu2{
        text-align: center;
    }

    #conteneur-menu2 ul li a {
        background-color: #339;
        padding: 6px;
        margin-bottom: 10px;
        width: 120px;
        line-height: 44px;
    }

    #conteneur-menu2 ul li a:hover {
        width: 120px;
    }

    #conteneur-menu2 ul {
        margin-left: 18%;
    }

    #conteneur-menu2 ul a:hover {
        margin-left: 0;
    }

    .firstline {
        margin-top: 40px;
    }

    #content {
        width: 100%;
    }

    #works {
        margin-top: 250px;
    }

    #works .work {
        overflow: visible;
        border: 0 solid #222;
        height: 100%;
        width: 98%;
        margin-bottom: 82px;
        margin-right: 0;
        margin-left: 5px;
    }

    #works .work:hover{
        border: 0 solid #FFF;
    }

    #works .work.work-right {
        margin-right: 10px;
    }

    #works .work .triangle-gauche {
        background-image: none;
    }

    #works .work:hover .triangle-gauche {
        left: 0;
        top: 0;
    }

    #works .work span {
        top: 345px;
        left: 0;
        padding: 0;
        background-color: transparent;
        text-align: center;
        width: 100%;
        font-weight: normal;
    }

    #works .work .triangle-droite, #works .work .triangle-gauche{
        background: url();
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
        transition: none;
    }

    .ragCouv {
        max-width: 400px;
        width: 100%;
    }

    .scroll{
        margin-top: 221px;
    }

    .scroll-nav {
        display: none;
    }

    .scroll-section, .scroll-section-first {
        padding-top: 0;
    }

    .scroll-section-first {
        min-height: 410px;
    }

    .scroll-li:hover, .triangle-gauche, .triangle-droite {
        display: none;
    }

    .scroll-zic-p{
        margin-top: 10px;
        margin-bottom: 45px;
    }
    .center{
        margin-left: 10px;
        margin-right: 10px;
    }

    .center p{
        text-align: center;
        width: 330px;
    }

    .descriptif-small{
        width: 90%;
    }

    /*-------------Le CV Tablette----------------*/

    .lau-img{
        max-width: 50%;
        margin-top: -2%;
        margin-right: 2%;
        float: left;
    }

    .plus{
        margin-top: -0.45em;
    }

    .plus2{
        margin-top: 0.27em;
    }

    .plus3 {
        margin-top: 0.7em;
    }

    .datescv {
        width: 84%;
        margin: 8% 0 0 3%;
    }

    .datescv2{
        margin-left: 2.8%;
        margin-top: 3px;
        width: 83%;
    }

    .date-cv-span4{
        margin: 0;
    }

    .postescv-p {
        font-size: 0.75em;
        margin-left: 10%;
    }

    .filet1{
        margin: -3% 0 2.5% 0;
        width: 92%;
    }

    .filet2{
        margin: -3% 0 2.5% 0;
        width: 79%;
    }

    .filet3{
        width: 92%;
    }

    .filet4{
        margin-left: -13%;
        width: 110.5%;
    }

    .filet5 {
        display: none;
    }

    .filet6 {
        display: none;
    }

    .chevron {
        display: none;
    }

    .cvfootdroite{
        margin-left: -13%;
    }

    .footercv-1 {
        margin-top: 4%;
        margin-left: -8%;
    }

    .footercv-2 {
        font-size: 0.8em;
        margin-top: 4%;
        margin-left: -8%;
    }

    .footercv-3 {
        font-size: 1em;
        margin-top: 1%;
        margin-bottom: 2%;
        margin-left: -8%;
        width: 105%;
    }

    .txtgauche {
        margin-left: 1.2em;
    }

    .colgauche h1{
        font-size: 2em;
        margin-bottom: 1%;
    }

    .colgauche h2{
        font-size: 1.8em;
        margin-bottom: 42%;
    }

    .colgauche{
        float: none;
        width: 82%
    }

    .colgauche p {
        line-height: 1.17em;
    }

    .colgauche p span {
        line-height: 1.2em;
        margin-top: 5%;
    }

    .coldroite{
        float: none;
        margin-left: 48px;
        width: 86%;
    }

    .coldroite h6{
        margin: 0;
    }

    .coldroite h6 span {
        color: #4B4B4D;
    }
    
    .coldroite-h4 {
        line-height: 1em;
        margin: 3% 0 1.2% 0;
        width: 90%;
    }

    .contact-h5{
        transform:rotate(0deg);
        float: none;
        margin: 5% 0px 5.5% 0;
        width: 25.5%;
    }

    .fond{
        height: 273%;
    }

    .titrecvdroite{
        margin: 5% 0 2.5% 0;
        width: 90%;
    }

    .titrecvdroite-h3{
        width: 77%;
    }

    .datescv-span1bis{
        margin: 0 3%;
    }

    .cvfootdroite{
        width: 110.5%;
    }



    /*--------------La page contact tablette--------------------*/

    legend {
        font-size: 0.95em;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 22px;
    }


    #name, #email, #residence, #message{
        margin-left: 11px;
    }

    #message{
        width: 241px;
    }

}

/*-------Écran Mobile---------------------------------------------------------------------------*/
@media screen and (min-width: 52.5em) {

@media screen and (max-width: 36em) {


    #conteneur-menu2 ul li a {
        padding-top: 16px;
        padding-bottom: 10px;
    }

    .fondprint {
        background-image: none;
    }

    #conteneur_header, #conteneur_header2 {
        position: static;
        background-image: none;
    }

    .descriptif-small2{
        width: 300px;
        margin: 0 8px 0;
    }

    #header {
        height: 474px;
    }

    #content {
        width: 320px;
    }


    .center p{
        text-align: center;
    }

    h1 {
        font-size: 2.4em;
    }

    h2 {
        color: #ffc0cb;
        line-height: 1.8em;
        font-size: 2em;
        margin-top: -16px;
        margin: -16px auto 0;
        width: 282px;
    }

    h5 {
        text-align: center;
        margin-top: 10px;
    }

    #works {
        margin-top: 100px;
        margin-bottom: 0;
    }

    #works .work {
        margin: 0 0 85px;
    }

    .moteur {
        background-position: center 290px;
        height: 1500px;
    }

    ul#menu li a {
        line-height: 1.25em;
        display: block;
        margin: 0 auto 10px;
        width: 120px;
        text-align: center;
    }

    ul#menu li {
        display: block;
    }

    .ragCouv {
        max-width: 200px;
        width: 100%;
    }

    .scroll{
        margin-top: 0;
    }

    .scroll-section-first {
        padding-top: 200px;
        min-height: 230px;
    }


    /*-------------Le CV Mobile----------------*/
    .fond {
        height: 240%;
        margin-top: 0;
    }

    h2 {
        width: 100%;
    }

    .colgauche, .coldroite {
        float: none;
        width: 82%;
    }

    .colgauche h1 {
        text-align: left;
        font-size: 2em;
        margin-bottom: 1%;
    }

    .colgauche h2 {
        font-size: 1.8em;
        text-align: left;
        margin-bottom: 36%;
    }

    .coldroite {
        margin-left: 9.5%;
    }

    .lau-img {
        max-width: 50%;
        margin-top: -2.5%;
        margin-right: 2%;
        float: left;
    }

    .guillemet1, .guillemet2 {
        margin-left: -0.5em;
        margin-top: -6%;
    }

    .guillemet2 {
        margin-right: -4%;
        margin-top: -11%;
    }

    .colgauche p span {
        margin-left: -5%;
        margin-top: 5%;
        width: 116%;
    }

    .titrecv-h3, .titrecv2-h3, .chevron {
        width: 93.2%;
    }

    .plus2 {
        margin-top: 0.03em;
    }

    .plus3 {
        margin-top: 0.05em;
    }

    .titrecvdroite {
        width: 92%;
        margin-left: 5%;
        border-bottom: 0 none;
    }

    .titrecvdroite-h3 {
        margin-left: 0;
        padding-left: 7%;
        width: 93%;
    }

    .cvfootgauche {
        width: 93.2%;
    }

    .coldroite-h4 {
        width: 92%;
        font-size: 1.25em;
        margin-left: 5%;
    }

    .coldroite h6 {
        margin-left: 7%;
    }

    .filet1, .filet2 {
        margin-left: 5%;
        width: 94%;
    }

    .filet4, .filet5, .chevron, .filet6, .contact-h5, .footercv-1, .footercv-2, .footercv-3 {
        display: none;
    }

    .datescv {
        margin-left: 3%;
        width: 100%;
    }

    .datescv2{
        margin-left: 3%;
        margin-bottom: 10%;
        width: 89%;
    }

    .footercv-1 {
        font-size: 0.69em;
    }

    .footercv-2 {
        font-size: 0.7em;
    }

    .cvfootdroite {
        margin-top: 6%;
    }

    .datescv-span1, .datescv-span1bis{
        line-height: 1.1em;
    }

    .date-cv-span4{
        margin-left: 0;
    }

    .date-space, .date-space2{
        letter-spacing: 0;
    }

    /*--------------La page contact mobile--------------------*/

    #formulaire {
        margin-top: 200px;
        width: 375px;
    }

    #formulaire_contact {
        width: 90%;
    }

    label {
        width: 250px;
    }

    #name, #email, #residence, #message {
        width: 253px;
        margin-left: 14px;
    }

    .envoyer {
        width: 120px;
    }

    .messageenvoye{
        text-align: center;
    }
    
    /*--------------Le footer mobile--------------------*/

}