/*
** GLOBAL
*/

/**, *::before, *::after{box-sizing:border-box;}*/

/* overlay bleu */
*{outline:none;}

body{
    position:relative;
    width:100%;
    font-size:1em;
    font-family:'Arial', 'Verdana', sans-serif;
}
header.bg-cover{overflow:hidden;}

h1{
    display:block;
    width:95px;
    margin:0 auto;
    padding:10px 2px;
    text-align:center
}
h1 img{width:100%; height:auto;}

h2{
    font-family:'Georgia', 'Arial', 'Verdana', sans-serif;
    font-size:5em;
    font-style:italic;
    margin-bottom:20px;
}
#index h2{font-size:2em;}
h3{
    font-family:'Georgia', 'Arial', 'Verdana', sans-serif;
    font-size:2em;
    font-style:italic;
    margin-bottom:0.5em;
    line-height:1.5em;
}
h4{font-weight:bold;}
p{font-size:1em; margin-bottom:1em; line-height:1.2em;}
a{color:inherit;}

input[type=text], input[type=email]{
    width:95%; height:50px;
    padding-left:5%;
    margin-bottom:10px;
    border:none;
    color:black;
}

textarea{
    width:95%; height:250px;
    padding-left:5%;
    padding-top:5%;
    border:none;
    color:black;
    font-family:'Arial', 'Verdana', sans-serif;
}
textarea#message{height: 100px;}

input[type=submit]{border:none; font-size:1em; font-weight:normal; text-decoration:underline;}

/*
** CLASSES
*/

.georgia{font-family:'Georgia', 'Arial', 'Verdana', sans-serif;}

.ghost{clear:both;}

.large-content, .content, .content-inside{position:relative; width:100%; margin:10px auto;}
.large-content{max-width:1280px;}
.content{max-width:960px;}
.content-inside{padding-left:160px; max-width:800px; padding-bottom:70px;}
.content-menu{ z-index:2;}

.table-middle{display:table; height:100%; width:100%;}
.cell-middle{display:table-cell; vertical-align:middle;}

.left{float:left;}
.right{float:right;}
.full-width{width:100%;}
.two-column{width:49%;}
.three-column{width:32%;}
.one-third{width:32.3%;}
.two-third{width:65.6%;}
.column-left{margin-right:1%;}
.column-right{margin-left:1%;}
.column-middle{margin-left:1%; margin-right:1%;}

.transition, .transition *{-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

.shadow{text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);}
.shadow-top{-moz-box-shadow: inset 0 10px 15px -12px #3d3e40; -webkit-box-shadow: inset 0 10px 15px -12px #3d3e40; box-shadow: inset 0 10px 15px -12px #3d3e40;}
.shadow-bottom{-moz-box-shadow: inset 0 -10px 15px -12px #3d3e40; -webkit-box-shadow: inset 0 -10px 15px -12px #3d3e40; box-shadow: inset 0 -10px 15px -12px #3d3e40;}

.border{border:solid 1px black;}
.active{cursor:default;}

ul.list, ul.list-tiret, ol.list-nb, ol.list-num{line-height:1.4em;}

ul.list{list-style:disc; padding-left:30px;}
ul.list li{margin:5px 0;}

ul.list-tiret{margin-bottom:30px;}
ul.list-tiret li{padding-left:35px; background:url(../img/global/tiret.gif) left 6px no-repeat; margin-bottom:10px;}

ol.list-nb li{
    min-height:43px;
    padding-left:53px;
    margin-bottom:20px;
    background-position:top left;
    background-repeat:no-repeat;
}
ol.list-nb li:nth-child(1){background-image:url(../img/global/ol-1.png);}
ol.list-nb li:nth-child(2){background-image:url(../img/global/ol-2.png);}
ol.list-nb li:nth-child(3){background-image:url(../img/global/ol-3.png);}
ol.list-nb li:nth-child(4){background-image:url(../img/global/ol-4.png);}

ol.list-num{list-style:decimal; padding-left:20px;}
ol.list-num li{padding-left:20px; margin-bottom:25px;}

.bg-cover{
    background-repeat:no-repeat;
    background-position:center center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
}
.bg-cover > img{width:100%;height:auto;}

.btn-more{
    display:inline-block;
    background:url(../img/global/arrow-more.png) center left no-repeat;
    padding-left:12px;
    font-style:italic; font-weight:bold;
}
input[type=submit].btn-more{font-weight:bold;}
.btn-more.white{background-image:url(../img/global/arrow-more-white.png);}

.p-big{font-size:1.3em;}
.bold{font-weight:bold;}
.italic{font-style:italic;}

#fil-ariane{margin-left:135px; padding:10px 10px 10px 25px; display:inline-block;}
#fil-ariane ul li{display:inline-block; color:white; font-size:0.9em;}
#fil-ariane ul li a{text-decoration:none;}
#fil-ariane ul li a:hover{text-decoration:underline;}

#rs ul li{display:inline-block; margin-left:5px; height:52px;}
#rs ul li a{display:block; width:52px; height:39px;}
#rs ul li:nth-child(1) a{background-image:url(../img/global/facebook.png);}
#rs ul li:nth-child(2) a{background-image:url(../img/global/twitter.png);}

.other{padding:40px 0 70px; text-align:center;}
.other h2{text-align:center; font-size:2em;}
.other .bloc{width:250px; display:inline-block; margin:0 40px;}
.other .bloc img{width:250px; height:250px; margin-bottom:20px;}
.other .bloc h3{font-family:'Arial', 'Verdana', sans-serif; font-size:1.2em; font-style:normal;}


/*
** COULEURS
*/

.black{color:black;}
.grey-light{color:#f3f3f3;}
.grey{color:#4e4e4e;}
.purple{color:#ab1b7c;}
.white{color:white;}

.bg-black{background-color:black;}
.bg-grey-light{background-color:#f3f3f3;}
.bg-grey{background-color:#4e4e4e;}
.bg-purple{background-color:#ab1b7c;}
.bg-white{background-color:white;}



/*
** MENU
*/

#menu-mobile{display:none;}
#home-menu{position:static;}

#menu{
    z-index:2;
    position:absolute;
    width:135px;
    top:0; left:0;
}
#index #menu{left:auto; position:absolute; top:0;}

#menu #menu-rs{width:105px; height:30px; padding:15px;}
#menu #menu-rs.active:after{
    content:'';
    position:absolute;
    width:9px; height:25px;
    top:17px; right:-8px;
    background-image:url(../img/global/arrow-menu.png);
}
#menu #menu-rs li{float:left;}
#menu #menu-rs li:nth-child(-n+2){margin-right:14px;}
#menu #menu-rs li:nth-child(3){padding-left:14px; border-left:solid 1px black;}
#menu #menu-rs li a{
    display:block;
    width:20px; height:22px;
    background-position:center center;
    background-repeat:no-repeat;
}
#menu #menu-rs li:nth-child(3) a{background-image:url(../img/global/search.png);}
#menu #menu-rs li form{
    display:none;
    position:absolute;
    width:225px; height:60px;
    top:0; left:150px;
}
#menu #menu-rs li form input[type=text]{
    height:20px; width:130px;
    padding:20px;
    border:none;
    border-right:solid 1px #ececec;
}
#menu #menu-rs li form input[type=submit]{
    display:block;
    height:60px; width:50px;
    padding:0;
    text-align:center;
    border:none;
}

#menu nav > ul:after{
    content:'';
    position:absolute;
    width:135px; height:129px;
    bottom:-129px; left:0;
    background:url(../img/global/bg-menu.png) top left repeat-x;
}

#menu nav > ul > li{
    position:relative;
    height:81px;
    text-align:center;
    border-bottom:solid 1px #ececec;
}
#menu nav > ul > li.active:after{
    content:'';
    position:absolute;
    width:9px; height:25px;
    top:30px; right:-8px;
    background-image:url(../img/global/arrow-menu.png);
}
#menu nav > ul > li a{
    display:block;
    width:115px; height:15px;
    padding:35px 10px;
    text-decoration:none;
    font-style:italic;
}
#menu nav > ul > li a:hover, #menu nav > ul > li.active > a{color:#0693CF;}

#menu nav > ul ul{
    display:none;
    height:85px; width:900px;
    position:absolute;
    top:0; left:150px;
    text-align:left;
    background:transparent;
}
#menu nav > ul ul li, #menu nav > ul ul li div{margin-right:3px; height:85px;}
#menu nav > ul ul li div{display: table;width: 100%;}
#menu nav > ul ul li{display:inline-block;background-color: white;vertical-align: middle;text-align: center; line-height: 85px;}
#menu nav > ul ul li a{text-align: center;display: inline-block;height: auto;padding: 0;vertical-align: middle;line-height: normal;width: 140px;}

#langues{position:absolute; z-index:2; top:0; right:0; padding:15px;}
#index #langues{right:12.5%}
#langues ul li{display:inline-block;}
#langues ul li a{text-decoration:none;}
#langues ul li a.active{font-weight:bold;}

/*
** INDEX
*/

#fullpage section.section:nth-child(1){background-image:url(../img/home/bg1.jpg); text-align:center;}

#fullpage section.section:nth-child(5){background-image:url(../img/home/bg5.jpg);}
#fullpage section.section:nth-child(6){background-image:url(../img/home/bg6.jpg);}

#fullpage section.section .content{padding:0 20px 0 0px; max-width:740px;}
#fullpage section#section2 .content{width:380px;margin-right:200px;color: #fff;text-shadow: 1px 1px 1px #000;}
#fullpage section#section3 .content{margin-right: 0;margin-left: 306px;width: 365px;}
#fullpage section#section6 .content{margin-top:-50px; max-width: 372px;margin-right: 200px;color: #fff;text-shadow: 1px 1px 1px #000;}
#fullpage section#section6 .content .btn-more{color: #fff;text-shadow: 1px 1px 1px #000;}
#fullpage section.section:nth-child(1) h2{font-size:8em; margin-bottom:25px;}
#fullpage section.section:nth-child(1) p{font-size:1.7em;}
#fullpage section.section:nth-child(4) p, #fullpage section.section:nth-child(4) a{margin-left:40px;}

#pastille-blog{
    position:relative;
    width:440px; height:440px;
    margin-left: 450px;
    background:url(../img/home/pastille-blog.png) top left no-repeat;
}

#pastille-blog div:nth-child(1){
    position:absolute;
    top:95px; left:60px;
    width:190px; height:90px;
    text-align:right;
}
#pastille-blog div:nth-child(1) h2{
    padding-left:40px;
    margin:0;
    background:url(../img/global/plume-blog.png) center left no-repeat;
}
#pastille-blog div:nth-child(1) h2 span{
    font-family:'Arial','Verdana',sans-serif;
    font-weight:bold;
    text-transform:uppercase;
}
#pastille-blog div:nth-child(2){
    position:absolute;
    top:200px; left:80px;
    width:320px;
    font-size:0.9em;
}

#form-contact .btn-more{cursor: pointer;}
/*
** À PROPOS
*/
#qui-sommes-nous .content-inside > img{width:100%; margin:30px 0;}

/*
** BILAN DE COMPÉTENCES
*/
#bilan-competences .content-inside .two-column{margin-top:35px;}
#bilan-competences .content-inside .two-column img{width:100%;}

/*
** METHODOLOGIE
*/
#methodologie .content-inside .two-column{margin-bottom:35px;}
#methodologie .content-inside .two-column > img{width:100%; max-width:400px; display:block; margin:0 auto;}

/*
** CONTACT
*/
#form-contact input[type=text],#form-contact input[type=email], #form-contact textarea{border:solid 1px #ececec;}
#form-contact form{width: 100%;}
#form-contact input[type=email].two-column, #form-contact input[type=text].two-column{width:44%;}
#form-contact textarea{margin-bottom:15px;}
#form-contact input[type=submit]{font-weight:bold;text-decoration:none;cursor:pointer;}
#form-contact input[type=submit]:hover {text-decoration:underline;}
/*
** BLOG
*/
#contact section, #contact-en section{
    height:490px;
    background-image:url(../img/home/bg5.jpg);
}
#contact section h2, #contact-en section h2{font-size:2em;}
#contact section #pastille-blog, #contact-en section #pastille-blog{margin-top:20px;}


#plan-du-site .content-inside ul, #sitemap .content-inside ul{margin-left: 15px;}
#plan-du-site .content-inside li, #sitemap .content-inside li{list-style: disc;padding: 3px 0;}
#plan-du-site .content-inside li li, #sitemap .content-inside li li{list-style: square}

/*
** FOOTER
*/
footer{position:relative; padding:20px 0; text-align:center; font-size:0.8em;}
#index footer{position:absolute; bottom:0; left:0;}
footer ul li{display:inline-block; padding:0 7px;}
footer ul li:nth-child(-n+3){border-right:solid 1px white;}
footer ul li a{text-decoration:none;}
footer ul li a:hover{text-decoration:underline;}
footer #up{
    position:fixed;
    bottom:50px;
    right:0px;
    display:none;
}
/*
**
*/
.at16t_linkedin{display:none;}

.home-dd{position: absolute;right: 12.5%;top: 4em;z-index: 2;width: 127px;}
.home-dd-txt{position: absolute;right: 12.5%;top: 4em;margin-top: 80px;z-index: 2;width: 127px;color: #fff;font-size: .8em;}


/*---------------------------------*/
.chiff, .forms {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    margin-top: 4em;
}

.chiff> div {
    margin: 2em 1em;
    width: 360px;
}
.chiff strong {
    border-radius: 35px;
    color: #fff;
    padding: .5rem 1.5rem;
    font-size: 1.8em;
}
.chiff >div >div {
    border-radius: 20px;
    box-shadow: 2px 2px 4px #eee;
    padding: .5em 1.25em;
}

.forms {
    margin-top: 1em;

    margin-left: -1em;
    margin-right: -1em;
}
.forms p {
    display: none;
}
.forms a {
    text-decoration: none;
    margin: 2em 1em;
    width: 340px;
    border-radius: 20px;
    box-shadow: 2px 2px 4px #eee;
    padding: 1em 1.25em;

    display: flex;
    flex-direction: column;
    transition: .5s;
}
.forms a div{
    margin: auto 0;
}
.forms a:hover {
    transform: translate3d(-3px, -3px , 0);
    box-shadow: 5px 5px 4px #eee;
}
.forms h4 {
    text-transform: uppercase;
    font-size: 1.3em;
    margin-bottom: .75rem;
}
.forms h4 span {
    font-size: 1rem;
    color: #717171;
    display: block;
    line-height: 1.2;
    margin-top: .25em;
}
.forms h5 {
    font-weight: bold;
    color: #e9b83f;
    margin: 1em 0;
}

.form-in h2 {
    font-size: 2.5em;
    margin-top: 1em;
}

.form-in h4 {
    background-color: #3e90cc;
    border-radius: 12px;
    padding: .35em .75em;
    text-transform: uppercase;
    display: inline-block;
    color: #fff;
    margin-bottom: .5em;
    margin-top: 1.5em;
}

.form-in ul {
    margin: .5em 0;
}

.form-in ul>ul {
    padding-left: 1em;
}
.form-in ul>ul>ul {
    padding-left: 0;
}
.form-in ul>ul li:before, .form-in ul>ul>ul li:before {
    content: '. ';
}
.form-in li:before {
    content: '- ';
}