/* CSS Document */


/*---------------------------------
TYPO
-----------------------------------*/

@font-face{ 
    font-family: 'Effra_std_bd'; 
    src: url('./fonts/effra_std_bd-webfont.eot'); 
    src:    url('./fonts/effra_std_bd-webfont.eot?#iefix') format('embedded-opentype'), 
            url('./fonts/effra_std_bd-webfont.woff') format('woff'), 
            url('./fonts/effra_std_bd-webfont.ttf') format('truetype'), 
            url('./fonts/effra_std_bd-webfont.svg#webfont') format('svg'); 
} 


/*---------------------------------
COMMON
-----------------------------------*/
html { 
    font-family: 'Crimson Text', serif;
    color:#000;
    width:100%;
    height:100%;
}

body { 
    font-family: 'Crimson Text', serif;
    background:#fff;
    font-size:1em; 
    color:#000;
    width:100%;
    height:100%;
}

.color1 { /* bleu foncé*/
    color: #68b89b;
}

.bg0 {
    background-color: #FFF;
}

.bg {
    background-color: #68b89b;
}

.bg2 {
    background-color: #eeeeee;
}

.num {
    text-align: center;
    color: #68b89b;
    font-size: 1.7em;
    font-family: 'Effra_std_bd',sans-serif;
}


header {
    z-index: 11;
}   

.headerContent, 
.sectionContent,
.footerContent {
    max-width:1277px;
    width:90%;
    margin:0 auto;
    overflow:hidden;
}

.headerContent {
    position:relative;
    overflow:visible;
}

.headerContent .change_lang, .headerContent .change_lang.actif, .headerContent .change_lang:focus,.headerContent .change_lang:hover, .headerContent .change_lang:active {
    padding: 2px 6px;
    border-radius: 0;
    font-family: "Effra_std_bd",sans-serif;
    font-size: 12px;
    background-color: #68b89b;
    border-color: #68b89b;
    color: #000;
}

.headerContent .change_lang {
   background-color: #eee;
   border-color: #eee;

}

.headerContent .change_lang:last-child{
    margin-left: -3px;
}

.headerContent .langues {
    margin: 8px 10px 0 0;
}

.headerContent .langues .change_lang, .headerContent .langues .change_lang.actif, .headerContent .langues .change_lang:focus,.headerContent .langues .change_lang:hover, .headerContent .langues .change_lang:active {
    padding: 5px 15px;
    margin-left: 10px;
    margin-right: 5px;
    font-size: 14px;
}



section {
    position:relative;
    margin:0 auto;
    border:none;
    width:100%;
    height:auto;
    padding:0 0 15px 0;
}

h1,
h2,
h3,
h4 {
    position:relative;
    font-weight:normal;
    font-family: 'Effra_std_bd', sans-serif;
    text-align: center;
}

h1 {
    font-size: 1.4em;
    margin: 10px 0 20px 0;
    color: #68b89b;
}

h2 {
    font-size: 1.4em;
    margin: 10px 0;
}

h3 {
	font-size: 1.2em;
    margin: 10px 0 20px 0;
    color: #68b89b;
}

h4 {
    font-size: 1.4em;
    margin-bottom: 5px;
}

a,
a:hover,
a:focus {
    text-decoration:none;
    color: #68b89b;
}

p {
    width:auto;
}

.row {
    margin-left: 0;
    margin-right: 0;
}


form .btn-primary, form .btn:hover, form .btn:focus, form .btn.focus {
	color: #FFF;
	border-color: #68b89b;
	background-color: #68b89b;
    border-radius: 0;
    font-size: 1.1em;
    text-transform: uppercase;
    font-family: 'Effra_std_bd',sans-serif;
    padding: 15px 20px;
    margin: 0;
}

/* Titres h2 avec ligne noire */
.basicPage .bg, .basicPage .bg2, .basicPage .bg0 {
    position: relative;
    text-align: center;
}

.basicPage form {
    text-align: left;
}

.basicPage h2.text-left,  .basicPage h2.text-right {
    position :relative;
    text-align: center;
}

.basicPage h2.text-left span {
    padding-right: 0;
}

.basicPage h2.text-right span {
    padding-left: 0;
}

.basicPage h2 span {
    display: inline-block;
    padding-bottom: 5px;
    position: relative;
    z-index: 1;
}

.basicPage .bg h2 span {
    background-color: #68b89b;
}

.basicPage .bg2 h2 span {
    background-color: #eeeeee;
}

.basicPage .bg0 h2 span {
    background-color: #fff;
}

.basicPage h2 span.pull-left, .basicPage h2 span.pull-right {
    font-size: 0.7em;
    font-weight: normal;
    font-family: 'Crimson Text', serif;
    margin: 5px auto 10px auto;
    text-align: center !important;
    float: none !important;
} 

.basicPage h2 span.pull-left {
    padding-right: 0;
}

.basicPage h2 span.pull-right {
    padding-left: 0;
}


/* form */
.form-horizontal .control-label {
    text-align: left;
}

.form-control {
    border-color: #000;
    border-radius: 0;
    height: 40px;
    line-height: 40px;
    font-size: 1em;
}

.msgError {
    font-size: .8em;
}

/* datepicker*/
.datepicker-switch,.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
    background-color: #68b89b;
    font-size: 1.2em;
}
.datepicker td, .datepicker th {
    border-radius: 0;
}

.dropdown-menu th.dow {
    font-size: 1.2em;
}

.datepicker table tr td {
    font-size: 1.1em;
    font-family: 'Effra_std_bd',sans-serif;
}


/*-- FOR MEDIUM DEVICES --*/
@media screen and (min-width:768px) {

    body { 
        font-size:1.1em; 
    }

    h1 {
        font-size: 2em;
        margin: 50px auto 35px auto;
        line-height: 1.15em;
        width: 70%;
    }

    h2 {
        /*font-size: 1.95em;*/
        font-size: 2em;
        margin: 55px auto 45px auto;
        line-height: 1.15em;
    }

    h3 {
        font-size: 1.4em;
        margin: 22px 0 34px 0;
    }

    h4 {
        font-size: 1.55em;
    }

    .num {
        font-size: 2em;
    }

    .bg0, .bg, .bg2 {
        padding-left: 20px !important;
        padding-right: 20px !important;
        margin-bottom: 10px;
    }

    .bg0 > .col-md-12, .bg > .col-md-12, .bg2 > .col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .basicPage .bg, .basicPage .bg2, .basicPage .bg0 {
        text-align: left;
    }

    .basicPage .bg h2.text-left:after,.basicPage .bg h2.text-right:after,
    .basicPage .bg2 h2.text-left:after, .basicPage .bg2 h2.text-right:after,
    .basicPage .bg0 h2.text-left:after, .basicPage .bg0 h2.text-right:after{
        position :absolute ;
        z-index :0 ;
        bottom :15px ;
        left :0 ;
        content : '' ;
        background :#000000 ;
        width :100% ;
        height :1px ;
    }

    .form-horizontal {
        margin-top: 33px;
        padding-left: 95px;
        padding-right: 50px;
    }

    .form-horizontal .row .col-sm-4, .form-horizontal .row .col-sm-8, .form-horizontal .row .col-sm-10{
        padding-right: 70px;
    }

    .basicPage h2.text-right {
        text-align: right;
    }

    .basicPage h2.text-left {
        text-align: left;
    }

    .basicPage h2.text-right span {
        padding-left: 10px;
    }

    .basicPage h2.text-left span {
        padding-right: 10px;
    }

    .basicPage h2 span.pull-left, .basicPage h2 span.pull-right {
        font-size: 0.5em;
    } 

    .basicPage h2 span.pull-left {
        text-align: left !important;
        padding-right: 10px;
        float: left !important;
    }

    .basicPage h2 span.pull-right {
        text-align: right !important;
        padding-left: 10px;
        float: right !important;
    }

    .page1 #line5 h3 {
        font-size: 1em;
    }

    .page1 #line5 .col-sm-2 {
        width: 20%;
    }

}

/*-- FOR LARGE DEVICES --*/
@media screen and (min-width:1280px) {

    .bg0, .bg, .bg2 {
        padding-left: 60px !important;
        padding-right: 60px !important;
        margin-bottom: 70px;
    }
}



/*---------------------------------
MODAL
-----------------------------------*/

.modal-content {
    border-radius: 0;
}

.modal-body {
    padding: 0;
}

.modal-content .close {
    margin-top: 20px;
    opacity: 1;
}

.close.visible-xs-block {
    position: absolute;
    right: 20px;
    z-index: 2
}

.modal-content .texte {
    padding-bottom: 20px;
}

/*-- FOR LARGE DEVICES --*/
@media screen and (min-width:1280px) {
    .modal-lg { 
        width:1150px;
    }
}




/*---------------------------------
HEADER
-----------------------------------*/

.navbar-header {
    position: relative;
}

.navbar-default {
    background-color: #FFF;
    border-bottom: none;
    border-top: 6px solid #68b89b;
}

.nav > li {
    background-color: #fff;
    font-size: 0.8em;
}

.nav > li:last-child {
    border: none;
    padding-left: 15px;
}

.navbar-default .navbar-nav > li > a  {
    color:#000;
    text-transform: uppercase;
    font-family: "Effra_std_bd",sans-serif;
    padding-right: 12px;
    padding-left: 12px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color:#68b89b;
    background-color:#FFF;
}

.navbar-brand span {
    display: none;
}

.navbar-right {
    margin-right: 0;
}

.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    position: absolute;
    top: 0px;
    left:0;
    background-color: #FFF;
    padding: 8px 10px 0 0;
    height: auto;
    width: 140px;
}

.navbar-brand a  {
    margin: 0 auto;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #68b89b;
}

.navbar-default .navbar-toggle {
    border-color: #68b89b;
    background-color: #68b89b;
    margin-right:0;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
}

/*-- FOR MEDIUM DEVICES --*/
@media screen and (min-width:768px) {
    .nav > li {
        background-color: #fff;
        border: none;
    }

    .navbar-default .navbar-brand, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
        position: static;
        padding: 23px 20px 25px 0px;
        width: 100px;
        height: auto;
    }


}

/*-- FOR LARGE DEVICES --*/
@media screen and (min-width:1280px) {
    .navbar-default .navbar-nav > li > a,.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus  {
        margin: 47px 0 17px 0;
    }

    .navbar-default .navbar-brand, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
        height: auto;
        width: 236px;
        position: static;
    }

    .headerContent .change_lang {
        margin-top: 57px;
    }
}

/*---------------------------------
FOOTER
-----------------------------------*/

footer {
    background-color: #000; 
    text-align: left;
    color: #FFF;
}

.footerContent {
    padding: 35px 0 35px 0px;
}

footer h4 {
    text-align: left;
}

footer a {
    color: #fff;
    text-decoration: underline;
}

footer p {
    line-height: 1.85em;
}

.footerContent .col-lg-6:last-child { 
    font-size: .82em;
    padding-right: 0;
    margin-top: 3px;
}

/*-- FOR MEDIUM DEVICES --*/
@media screen and (min-width:768px) {
    .footerContent .col-lg-6:last-child {
        text-align: right;
    }

    .footerContent {
        padding-left: 50px;
    }
}

/*-- FOR LARGE DEVICES --*/
@media screen and (min-width:1280px) {}



/*---------------------------------
HOME
-----------------------------------*/

.badge {
    padding: 3px 0 1px 0;
    font-size: 24px;
    color: #000;
    background-color: #fff;
    border-radius: 17px;
    border: 3px solid #000;
    width: 34px;
    height: 34px;
    text-align: center;
}

#line2 {
    margin-top: 20px;
    padding-top: 30px;
}

.flexslider {
    margin-bottom: 0;
    width: 100%;
}

.flexslider .slides > li {
    height: 200px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.flexslider .slides > li#slide3 {
    background-position: left top;
}

.custom-navigation a {
    width: 32px;
    height: 60px;
    background-color: #FFF;
    color: #000;
    margin: -30px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    font-size: 1.6em;
}

.custom-navigation a span {
    margin-top: 15px;
}

.indexPage section:first-child .sectionContent {
    position: relative;
}

.custom-navigation a:first-child {
    left:0;
}

.custom-navigation a:last-child {
    right:0;
}

.flexslider .slides > li {
    color: #000;
}

.flexslider .slides > li p {
    font-size: 1.4em;
    line-height: 1em;
    margin-top: 65px;
    margin-left: 30px;
    padding: 0 10px;
    text-align: left;
}

.flexslider .slides > li strong {
    display: block;
    color: #68b89b;
}

#line1 p, #line2 p {
    text-align: center;
}

.fileinput-button {
    background: url('../images/ico-folder.png') 97% center no-repeat;
    line-height: 27px;
}

.progress-bar-success {
    background-color: #68b89b;
}

.progress {
    border-radius: 0;
}



/*-- FOR MEDIUM DEVICES --*/
@media screen and (min-width:768px) {

    .indexPage .badge {
        margin-right: 10px;
    }

    .flexslider .slides > li {
        height: 547px;
    }

    .flexslider .slides > li p {
        font-size: 3em;
        margin-top: 225px;
        margin-left: 52px;
        margin-bottom: 21px;
        line-height: 1em;
        width: 60%;
        font-family: 'Effra_std_bd',sans-serif;
    }

    #line1 p, #line2 p {
        font-size: 1.1em;
        line-height: 1.5em;
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }

    #line2 {
        margin-bottom: 50px;
    }

    .flexslider .slides > li#slide3 {
        background-position: center top;
    }    

}

/*-- FOR LARGE DEVICES --*/
@media screen and (min-width:1280px) {

}

/*---------------------------------
PAGES
-----------------------------------*/
#line2 {
    background: url('../images/separateur.gif') center top no-repeat;
 }


/*---------------------------------
PAGE QUI SOMMES NOUS
-----------------------------------*/
.page1 #line3 {
    padding-bottom: 30px;
}

.page1 #line3 .bg2, .page1 #line6 .bg2 {
    background: #eeeeee url('../images/bg-blanc.gif') left bottom repeat-x;
    padding: 0 5px 50px 5px;
}

.page1 #line6 .bg2 {
    background-image: none;
}

.page1 #line3 ul li .txt {
    background-color: #fff;
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
}

.page1 #line3 ul li {
    background-position : center top;
    background-repeat : no-repeat;
    background-size: 15%;
    padding-top: 60px;
    text-align: center;
}

.page1 #line3 ul li .txt div {
    font-family: 'Effra_std_bd', sans-serif;
    color: #68b89b;
    font-size: 1.5em;
    padding: 15px 0 10px 0;
}

.page1 #line3 ul li:first-child {
    background-image: url('../images/ico_01.png')
}

.page1 #line3 ul li:nth-child(2) {
    background-image: url('../images/ico_02.png')
}

.page1 #line3 ul li:nth-child(3) {
    background-image: url('../images/ico_03.png')
}

.page1 #line3 ul li:last-child {
    background-image: url('../images/ico_04.png')
}

.page1 #line4 .bg, .page1 #line7 .bg  {
    background: #68b89b url('../images/bg-blanc.gif') left bottom repeat-x;
    padding: 0;
}

.page1 #line4 .bg {
    background-image: none;
}

.page1 #line7 h3, .page1 #line7 p, .page5 #line3 h3{
    text-align: center;
}

.page1 #line4 ul li .txt, .page1 #line7 ul li .txt, .page2 #line3 ul li .txt {
    background-color: #fff;
    width: 100%;
    margin-bottom: 30px;
}

.page1 #line4 ul li .txt div {
    font-family: 'Effra_std_bd', sans-serif;
    color: #68b89b;
    font-size: 1.5em;
    padding: 15px 0 10px 0;
}

.page1 #modal-CS .col-sm-4 {
    padding-left: 0;
    position: relative;
    padding-right: 0;
}

.page1 #modal-CS .col-sm-4 .arrow {
    position: absolute;
    top: 80px;
    right:0;
    display: none;
}

.page1 #modal-CS h3 {
    text-align: left;
    margin-top: 20px;
}

.page1 #line4 ul li .txt p {
    padding: 0 10px 20px 10px;
}

.page1 #modal-EX .col-xs-2 {
    padding-right: 0;
    padding-left: 0;
}

.page1 #modal-EX .texte {
    padding-bottom: 40px;
}

.page1 #modal-EX .texte span {
    display: block;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.page1 #modal-EX h3.nom {
    text-align: left;
    margin-top: 70px;

}

.page1 #modal-EX .badge {
    margin-top: 68px;
}

.page1 #line5 h3 {
    background-color: #fff;
    margin: -45px auto 0px auto;
    width: 83%;
    padding: 13px 0;
}

.page1 #line5 .txt, .page1 #line6 .txt {
    text-align: center;
    margin-bottom: 20px;
}

.page1 #line5 .txt a, .page1 #line6 .txt a {
    color: #000;
    text-decoration: underline;
    display: inline-block;
}

.page1 #line5 .txt a img, .page1 #line6 .txt a img {
    display: inline-block;
    margin-right: 4px;
}

.page1 #line6 ul {
    margin-left: -20px;
    margin-right: -15px;
    text-align: center;
}

.page1 #line6 ul li {
    float: none;
    display: inline-block;
    margin-left: 3px;
    width: 90%;    
}

.page1 #line6 .txt a {
    margin-top: 20px;
}

.page1 #line6 ul li .txt {
    background-color: #fff;
    padding: 20px;
}

.page1 #line6 ul li .txt h3 {
    margin-bottom: 5px;
}

.page1 #line7 {
    margin-bottom: 50px;
}

.page1 #line7 .col-sm-8 {
    padding-right: 0;
    padding-left: 0;
    background-color: #FFF;
}

.page1 #line7 .col-sm-4 {
    padding-left: 0;
    padding-right: 0;
    background-color: #FFF;
}

.page1 #line7 .txt {
    padding: 20px;
}


/*---------------------------------
PAGE NOS ATOUTS
-----------------------------------*/
.page2 #line3 .bg2  {
    background: #eeeeee url('../images/bg-blanc.gif') left bottom repeat-x;
    padding: 0;
}

.page2 #line3 .col-sm-4, .page2 #line4 .col-sm-4, 
.page3 #line3 .col-sm-4, .page3 #line4 .col-sm-4, .page3 #line5 .col-sm-4,
.page5 #line3 .col-sm-4,
.page6 #line3 .col-sm-12 { 
    padding-left: 0;
    padding-right: 0;
    background-color: #FFF;
}

.page2 #line3 .col-sm-8, .page2 #line4 .col-sm-8, 
.page3 #line3 .col-sm-8, .page3 #line4 .col-sm-8, .page3 #line5 .col-sm-8,
.page5 #line3 .col-sm-8,
.page6 #line3 .col-sm-12 { 
    background-color: #FFF;
    padding: 20px 0;
}

.page6 #line3 .col-sm-12 { 
    padding-right: 15px;
    padding-left: 15px;
}

.page2 #line3 .col-sm-6 {
    padding-left: 24px !important;
}

.page2 #line3 .txt {
    padding-left: 20px;
    width: 100% !important;
}

.page2 #line3 .num {
    display: block;
    width: 8%;
    min-height: 60px;
    margin-top: -11px;
}

.page2 #line3 p {
    width: 92%;
    float: left;
    margin-bottom: 27px;
    font-size:  0.93em;
    line-height: 1.1em;
    padding-left: 9px;
    text-align: left;
}

.page2 h3 {
    text-align: center;
}

.page2 .liste {
    clear: both;
}

.page2 #line4 .bg  {
    background: #68b89b url('../images/bg-blanc.gif') left bottom repeat-x;
    padding: 0;
}

.page2 #line4 ul li .txt {
    background-color: #fff;
}

.page2 #line5 ul li {
    text-align: center;
}

.page2 #line5 .txt p {
    padding: 15px; 
    position: relative;
    top: -65px;
}

.page2 #line5 ul {
    margin-left: -25px;
    margin-right: -25px;
}

.page2 #line5 .txt h3 {
    position: relative;
    top: -56px;
    background-color: #FFF;
    width: 78%;
    margin: 0 auto;
    padding: 25px 10px;
}



/*---------------------------------
PAGE NOTRE METIER
-----------------------------------*/

.page3 #line3 .bg2, .page3 #line5 .bg2  {
    background: #eeeeee url('../images/bg-blanc.gif') left bottom repeat-x;
    padding: 0;
}

.page3 #line4 .bg  {
    background: #68b89b url('../images/bg-blanc.gif') left bottom repeat-x;
    padding: 0;
}

.page3 #line3 .num, .page3 #line4 .num,.page3 #line5 .num {
    display: block;
    width: 10%;
    min-height: 60px;
    margin-top: -7px;
}

.page3 #line3 p, .page3 #line4 p,.page3 #line5 p {
    width: 100%;
    padding-right: 0;
    float: left;
    margin-bottom: 10px;
    clear: right;
    text-align: left;
}

.page3 #line3 p {
    width: 90%;
}

.page3 #line4 .num {
    width: 10%;
}

.page3 #line4 p {
    width: 90%;
}

.page3 #line5 p {
    width: 90%;
}

.page3 #line3 ul, .page3 #line4 ul, .page3 #line5 ul {
    background-color: #fff;
    display: inline-block;
}

.page3 #line3 h3, .page3 #line4 h3, .page3 #line5 h3, 
.page3 #line3 h3 + p, .page3 #line4 h3 + p, .page3 #line5 h3 + p {
    clear: both;
    padding-left: 0;
}

.page3 #line3 h3, .page3 #line4 h3, .page3 #line5 h3 {
    margin-bottom: 10px;
    padding-top: 10px;
    margin-top: 15px;
    text-align: center;
}

.page3 #line3 h3 + p, .page3 #line4 h3 + p, .page3 #line5 h3 + p {
    text-align: center;
}


.page3 #line5 h4 {
    text-align: center;
    font-family: 'Crimson Text', serif;
    font-weight: bold;
    font-size: 1em;
    margin-bottom: 20px;
}

.page3 .liste, .page3 .txt {
    clear: both;
}


/*---------------------------------
PAGE PHILANTROPIE
-----------------------------------*/
.page5 #line3 .bg  {
    background: #68b89b url('../images/bg-blanc.gif') left bottom repeat-x;
    padding: 0;
}

/*---------------------------------
PAGE CARRIERE
-----------------------------------*/
.page6 #line3 .bg  {
    background: #68b89b url('../images/bg-blanc.gif') left bottom repeat-x;
    padding: 0;
}
.page6 #line3 ul.col-sm-12 {
    padding-left: 0;
    padding-right: 0;
}


/*-- FOR MEDIUM DEVICES --*/
@media screen and (min-width:768px) {
    .page1 #line3 ul li .txt {
        min-height: 135px;
        padding: 0 20px;
    }

    .page1 #line4 ul li .txt {
        min-height: 400px;
    }

    .page1 #line7 .txt {
        padding: 20px 60px;
    }

    .page1 #line7 h3, .page1 #line7 p, .page5 #line3 h3 {
        text-align: left;
    }

    .page1 #line3 ul li:first-child, .page1 #line4 ul li:first-child, .page1 #line5 ul li:first-child {
        padding-left: 0;
    }

    .page1 #line3 ul li:last-child, .page1 #line4 ul li:last-child, .page1 #line5 ul li:last-child {
        padding-right: 0;
    }

    .page1 #line4 ul li:first-child, .page1 #line5 ul li:first-child {
        padding-right: 35px;
    }

    .page1 #line4 ul li:last-child, .page1 #line5 ul li:last-child{
        padding-left: 35px
    }

    .page1 #line3 ul li {
        background-size: initial;
        padding-top: 100px;
    }

    .page1 #modal-CS .texte {
        padding-right:160px
    }

    .page1 #modal-CS h3 {
        margin-top: 107px;
    }

    .page1 #line6 ul li {
        margin-left: -5px;
        width: 25%;
    }

    .page1 #line3 .bg2, .page1 #line6 .bg2 {
        padding-right: 30px;
        padding-left: 30px;
    }

    .page1 #modal-CS .col-sm-4 .arrow {
        display: block;
    }

    .page1 #modal-CS .col-sm-4 {
        padding-right: 15px;
    }

    .page1 #modal-EX .col-xs-2 {
        padding-right: 15px;
        padding-left: 15px;
    }

    .page2 #line5 h3 {
        font-size: 1.1em;
    }

    .page2 #line4 ul li .txt {
        min-height: 250px;
        width: 90%;
        padding-left: 20px;
    }

    .page2 #line3 .txt {
        width: 84% !important;
    }

    .page5 #line3 ul li .txt {
        width: 90%;
        padding-left: 20px;
    }

    .page2 #line3 h3, .page2 #line4 h3, .page3 #line5 h4 {
        text-align: left;
    }

    .page2 #line5 .txt p {
        padding: 10px 40px 20px 40px; 
    }

    .page2 #line3 .txt .col-sm-6:last-child {
        border-left: 1px solid #000;
        padding-left: 15px;
    }

    .page3 #line5 p {
        width: 80%;
    }

    .page3 #line3 h3, .page3 #line4 h3, .page3 #line5 h3 {
        text-align: left;
    }

    .page3 #line3 p, .page3 #line4 p, .page3 #line5 p {
        width: 90%;
        padding-right: 5%
    }

    .page3 #line3 h3, .page3 #line4 h3, .page3 #line5 h3, 
    .page3 #line3 h3 + p, .page3 #line4 h3 + p, .page3 #line5 h3 + p {
        padding-left: 15px;
    }

    .page3 #line3 h3 + p, .page3 #line4 h3 + p, .page3 #line5 h3 + p {
        text-align: left;
    }

    .page3 #line3 .txt .col-sm-6:last-child {
        border-left: 1px solid #000;
        padding-left: 15px;
    }

    .page3 #line5 .txt .col-sm-6:first-child {
        border-right: 1px solid #000;
        padding-right: 15px;
    }

    .page3 #line3 .num, .page3 #line4 .num,.page3 #line5 .num {
        text-align: left;
    }

    .page3 #line3 .num, .page3 #line4 .num,.page3 #line5 .num {
        margin-top: -13px;
    }    

    .page3 #line4 .num {
        width: 5%;
    }

    .page3 #line4 p {
        width: 95%;
    }

    .page1 #line7 ul li .txt, .page2 #line3 ul li .txt {
        width: 80%;
        margin-bottom: 0;
    }

    .page1 #line7 ul li .txt {
        width: 90%;
    }

    .page6 #line3 h3 {
        padding-left: 95px;
        background: url('../images/bg-h3.gif') left center no-repeat;
        display: table-cell;
        vertical-align: middle;
        height: 77px;
    }


}


/*-- FOR LARGE DEVICES --*/
@media screen and (min-width:1280px) {
    .page1 #line4 .bg, .page2 #line1 .bg, .page2 #line3 .bg2, .page2 #line4 .bg, .page3 #line3 .bg2, .page3 #line4 .bg, .page3 #line5 .bg2 {
        padding-bottom: 50px;
    }

    .page1 #line4 .bg {
        margin-bottom: 30px;
    }

    .page1 #line4 ul li .txt p {
        padding: 0 30px;
    }


}


/* mentions */
#mentions h3 {
    color: #000;
}