body {
    background-color: #ffffff;
    color: #00344b;
    font-family: "Oxygen", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    /**/
    overflow-x: hidden;
}


a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
}

a {
    color: #3fa9f5;
}

a:hover,
a:focus,
a:active,
a.active {
    color: #0087c1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Oxygen", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
}

/*
font-sizes (1em = 14 px)
- h1 index : 4em
- title lg : 2.5em
- title sm : 1.75em
- sub title lg : 1.75em
- sub title sm : 1.5em
- text lg : 1.1.75em
- text sm : 1.125em
*/


/** COLORS ******************************************************************************************************************/

.blanc {
    color:#ffffff; /* rgb(255, 255, 255) */
}
.gris-clair {
    color:#e6e6e6; /* rgb(230, 230, 230) */
}
.gris {
    color:#cacaca; /* rgb(-, -, -) */
}
.gris-fonce {
    color:#4d4d4d; /* rgb(77, 77, 77) */
}

.bg-blanc {
    background-color:#ffffff; /* rgb(255, 255, 255) */
}
.bg-gris {
    background-color:#cacaca; /* rgb(-, -, -) */
}
.bg-gris-clair {
    background-color:#e6e6e6; /* rgb(230, 230, 230) */
}
.bg-gris-fonce {
    background-color:#4d4d4d; /* rgb(77, 77, 77) */
}

.bleu-fonce {
    color:#00344b; /* rgb(0, 52, 75) */
}
.bleu-ithaque {
    color:#009fe3; /* rgb(0, 159, 227) */
}


/** HELPER CLASSES ******************************************************************************************************************/

.img-centered {
    margin: 0 auto;
}

.img-circle-blanc {
    padding: 10px;
    border-radius: 50%;
    background-color:#ffffff;
}

.margin-top-xs {
  margin-top: 5px !important;
}
.margin-top-sm {
  margin-top: 10px !important;
}
.margin-top,
.margin-top-md {
  margin-top: 20px !important;
}
.margin-top-lg {
  margin-top: 40px !important;
}



/** LAYOUT ******************************************************************************************************************/

#header {
    /**/
}

#main-content {
    padding-top:50px;
}

@media(min-width:768px) {
    #header {
        padding: 15px 0;
        border: 0;
    }
    
    #main-content {
       padding-top:80px;
    }
}

.container-1170 {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  /**/
  max-width: 1200px;
}



/** COMMON SECTIONS ******************************************************************************************************************/


/* NAVBAR
 ------------------------ */

.logo {
    margin-top: 4px;
    max-width: 180px;
}

.cv_recto{
    position: fixed;
    top: 120px;
    right: 0;
}

.navbar-public {
    background-color: #cacaca;
    border:0 none;
}
.navbar-public .navbar-brand {
  color: #ffffff;
  height: 30px;
  padding: 0 15px;
}

@media(min-width:768px) and (max-width:991px) {
    
}

@media(min-width:992px) {

    .logo {
        margin-top: -4px;
    }
    
}


@media(min-width:1200px) {
    
}


/* SECTIONS
 ------------------------ */

section {
    font-size: 14px;
    line-height: 1.4em;
}

section,
footer {
    text-align: left;
    padding: 30px 0 20px;
}

section.section-blanc {
    background-color:#ffffff;
    color: #00344b;
}
section.section-gris {
    background-color:#e6e6e6;
    color: #00344b;
}

/*
section.section-bleu {
    background-color:#00344b;
    color: #fff;
}
section.section-bleu-ithaque {
    background-color:#009fe3;
    color: #00344b;
}
*/

section .btn-scrolldown {
    display: block;
    margin-top: 20px;
}

section .vertical-spacer {
    margin-top : 20px;
}


@media(min-width:992px) {

    section {
        font-size: 16px;
    }
    
    section,
    footer {
        padding: 40px 0 30px;
    }

    section .btn-scrolldown {
        display: block;
        margin-top: 40px;
    }

    section .vertical-spacer {
        margin-top : 40px;
    }
    
    .valign-middle-inline-block {
        float: none;
        display: inline-block;
        vertical-align: middle;
        margin:0 -0.125em;
    }

    .valign-middle-table-cell {
        float: none;
        display: table-cell;
        vertical-align: middle;
    }
}

/** TITRES **************************************************************************************************************************/

.title-container {
    position: relative;
    text-align: center;
}

.title-container > img {
    margin : 0 auto 20px;
    max-width: 320px;
}

.title-icon {
    display: none;
}

.title {
    margin: 0;
    color:#00344b;
    font-size: 1.75em;
    line-height: 1.25em;
}

.title-em {
    font-weight: 700;
    color:#009fe3;
}
.section-bleu .title-em,
.section-bleu-ithaque .title-em {
    color:#ffffff;
}

.button-container {
    margin: 20px 0;
}

@media(min-width:992px) {
    .title-container {
        text-align: left;
    }

    .title-container > img {
        margin : auto;
        max-width: auto;
    }
    
    .title-container.with-icon {
        margin-left:50px;
    }

    .title-icon {
        display:inline;
        position:absolute;
        top:4px;
        left:-50px;
    }

    .title {
        font-size: 2.5em;
    }

    .button-container {
        margin: 30px 0 0;
        text-align: left;
    }
}



/* CAROUSEL
 ------------------------ */

.carousel-control.right {
    background-image: none;
    color: #0087c1;
    width: 10%;
}

.carousel-control.left {
    background-image: none;
    color: #0087c1;
    width: 10%;
}

.carousel-inner{
    width: 80%;
    /*padding: 0 6px;*/
    margin:0 auto;
}


/* ARGUMENT LIST
 ------------------------ */

.section-arg-container {
    text-align: left;;
}

.valign-middle-inline-block .carousel-inner .section-arg-container {
    line-height: 1.25;
    display: inline-block;
    vertical-align: middle;
}

.section-arg-container ul {
    list-style-type : none;
    margin:0;   
}

.section-arg-container ul li {
    margin-top:6px;
    color:#00344b;
}

.section-arg-container ul li:before {
    content: "\f054";
    padding: 0 5px 0;
    vertical-align: top;
    font-family:'FontAwesome';
    font-weight: bold;
    color: #3fa9f5;       
}

.arg-title {
    margin-top: 0;
    font-size: 1.5em;
    /*margin-top: 20px;*/
}

@media(min-width:992px) {

    .arg-title {
        font-size: 1.75em;
        /*margin-top: 0;*/
    }
    
}


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

.modal .close {
    font-size: 24px;
    color:#4D4D4D;
    opacity: 0.6;
}

.modal .close:hover {
    color:#4D4D4D;
    opacity: 1;
}

.modal-title {
    font-size: 1.75em;
    line-height: 1.25em;
}

@media(min-width:992px) {
    
    .modal .close {
        font-size: 36px;
    }
    
    .modal-title {
        font-size: 2.5em;
    }
    
}



/* FORM
 ------------------------ */

.form-group {
    margin-bottom: 25px;
}

.form-group input.form-control,
.form-group select.form-control {
    height: auto;
}



/* REGISTER FORM
 ------------------------ */

#registerForm .form-group {
    text-align: left;
}

#registerForm .form-group input,
#registerForm .form-group select,
#registerForm .form-group textarea {
    padding: 15px;
}

#registerForm .control-label {
    padding-top:15px;
}

.section-heading {
    margin-top: 0;
    margin-bottom:0.5em;
    color:#4d4d4d;
    font-size: 1.75em;
    line-height: 1.25em;
}

@media(min-width:992px) {
    
    #registerForm .control-label {
        text-align : right;
    }
    
    .section-heading {
        font-size: 2.5em;
    }
    
}



/* CONTACT FORM
 ------------------------ */

section#contact {
    padding-top: 20px;
}

#contact .form-group input,
#contact .form-group textarea {
    padding: 20px;
}

#contact .form-group textarea.form-control {
    height: 236px;
}



/* BTN
 ------------------------ */

.btn-public {
  color: #fff;
  background-color: #fff;
  border-color: #e6e6e6;
}
.btn-public img{
    max-width: 200px;
}
.btn-public:hover{
  color: #fff;
  background-color: #e6e6e6;
}

.btn-public-contact{
    color: #fff;
    background-color: #3fa9f5;
    border-color: #008fcc;
}

.btn-public-contact:hover,
.btn-public-contact:focus {
    color: #fff;
    background-color: #0087c1;
    border-color: #0087c1;
}

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


#footer {
    padding: 25px 0 0;
    text-align: center;
    background-color:#ffffff;
    color: #ffffff;
}

#footer .footer-baseline {
    margin-top: 20px;
    font-size: 1.5em;
    text-transform: uppercase;
    line-height: 1.5em;
    letter-spacing: 5px;
}

#footer .logo-footer {
    margin: 0 auto;
}

#footer-bottom {
    border-top: 1px solid #cacaca;
    padding: 25px 0;
    background-color: #ffffff;
    color: #999999;
}

#footer-bottom .bottom-logo img {
    margin: 0 auto;
}
#footer-bottom .bottom-links {
    text-align: center;
}

#footer-bottom a {
    color: #999999;
}
#footer-bottom a:hover {
    color: #4d4d4d;
}

#footer-bottom ul.quicklinks {
    margin-bottom: 0;
    text-transform: uppercase;
    line-height: 55px;
}

@media(min-width:992px) {
    #footer .footer-baseline {
        margin-top: 36px;
        font-size: 1.75em;
    }
    
    #footer-bottom .bottom-logo img {
        margin : 0;
    }
    #footer-bottom .bottom-links {
        text-align: right;
    }
}




/** SPECIFICAL CONTENT ******************************************************************************************************************/


/* INDEX
 ------------------------ */

section.section-bg-image {
    padding:0;
    background-color:#e6e6e6;
    background-attachment: scroll;
    background-position: center center;
    background-repeat: none;
    -webkit-background-size: cover;
       -moz-background-size: cover;
            background-size: cover;
         -o-background-size: cover;
    color: #ffffff;
}

section.section-bg-image .gris-layer {
    padding: 30px 0 20px;  /* idem section */
    background-color: rgba(230, 230, 230, 0.4);
    min-height:400px;
}

.bg-img-index {
    background-image: url('../images/bg-w1800.jpg');
    max-height:520px;
}

#index-section2-content {
    /**/
}

#index-section2-content h1, 
#index-section2-content h2,
#index-section2-content h3 {
    color: #4d4d4d;
    font-size: 1.75em;
    font-weight:700;
    line-height: 1.25em;
}

#index-section2-content h1 {
    text-transform: uppercase;
}

#index-section2-content ul {
    margin-top: 30px;
}

#index-section2-content ul li {
    padding: 10px 40px;
}

.googleMap{
    height: 380px;
}


@media(min-width:992px) {

    section.section-bg-image .gris-layer {
        padding: 40px 0 30px;  /* idem section */
    }

    section.section-bg-image .btn-scrolldown {
        display: block;
        margin-top: 80px;
    }

    #index-section2-content h1, 
    #index-section2-content h2,
    #index-section2-content h3 {
        font-size: 2.5em;
    }
}