
/*<!-- TEMPLATE COULEURS -->*/
.col1 { color:#3f4c57 !important;}
.col2 { color:#00aeef !important;}
.col3 { color:#ffffff !important;}
.col4 { color:#BBCBCB;}
.col5 { color:#195373;}
.col6 { color:#6cbe45;}
.col7 { color:#4db9bd;}
.col8 { color:#929be1;}
.bgcol1 { background-color:#3f4c57 ;}
.bgcol2 { background-color:#00aeef;}
.bgcol3 { background-color:#ffffff ;}
.bgcol4 { background-color:#BBCBCB ;}
.bgcol5 { background-color:#195373 ;}
.bgcol6 { background-color:#6cbe45;}
.bgcol7 { background-color:#4db9bd;}
.bgcol8 { background-color:#929be1;}

/*!---------- 36. SPACING ----------*/
.mr0 {
  margin-right: 0;
}
.mb0 {
  margin-bottom: 0 !important;
}
.mb8 {
  margin-bottom: 8px;
}
.mb16 {
  margin-bottom: 16px;
}
.mb24 {
  margin-bottom: 24px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb32 {
  margin-bottom: 32px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb48 {
  margin-bottom: 48px;
}
.mb56 {
  margin-bottom: 56px;
}
.mb64 {
  margin-bottom: 64px;
}
.mb72 {
  margin-bottom: 72px;
}
.mb80 {
  margin-bottom: 80px;
}
.mb88 {
  margin-bottom: 88px;
}
.mb96 {
  margin-bottom: 96px;
}
.mb104 {
  margin-bottom: 104px;
}
.mb112 {
  margin-bottom: 112px;
}
.mb120 {
  margin-bottom: 120px;
}
.mb160 {
  margin-bottom: 160px;
}
.mt0 {
  margin-top: 0 !important;
}
.mt8 {
  margin-top: 8px;
}
.mt16 {
  margin-top: 16px;
}
.mt24 {
  margin-top: 24px;
}
.mt32 {
  margin-top: 32px;
}
.mt40 {
  margin-top: 40px;
}
.mt48 {
  margin-top: 48px;
}
.mt56 {
  margin-top: 56px;
}
.mt64 {
  margin-top: 64px;
}
.mt72 {
  margin-top: 72px;
}
.mt80 {
  margin-top: 80px;
}
.mt88 {
  margin-top: 88px;
}
.mt96 {
  margin-top: 96px;
}
.mt104 {
  margin-top: 104px;
}
.mt112 {
  margin-top: 112px;
}
.mt120 {
  margin-top: 120px;
}
.mt160 {
  margin-top: 160px;
}
.p32 {
  padding: 0 32px;
}
.p24 {
  padding: 24px;
}
.p0 {
  padding: 0;
}
.pt0 {
  padding-top: 0;
}
.pt8 {
  padding-top: 8px;
}
.pt16 {
  padding-top: 16px;
}
.pt24 {
  padding-top: 24px;
}
.pt32 {
  padding-top: 32px;
}
.pt40 {
  padding-top: 40px;
}
.pt48 {
  padding-top: 48px;
}
.pt64 {
  padding-top: 64px;
}
.pt72 {
  padding-top: 72px;
}
.pt80 {
  padding-top: 80px;
}
.pt88 {
  padding-top: 88px;
}
.pt96 {
  padding-top: 96px;
}
.pt104 {
  padding-top: 104px;
}
.pt112 {
  padding-top: 112px;
}
.pt120 {
  padding-top: 120px;
}
.pt140 {
  padding-top: 140px;
}
.pt160 {
  padding-top: 160px;
}
.pt180 {
  padding-top: 180px;
}
.pt240 {
  padding-top: 240px;
}
.pb0 {
  padding-bottom: 0;
}
.pb8 {
  padding-bottom: 8px;
}
.pb16 {
  padding-bottom: 16px;
}
.pb24 {
  padding-bottom: 24px;
}
.pb32 {
  padding-bottom: 32px;
}
.pb40 {
  padding-bottom: 40px;
}
.pb48 {
  padding-bottom: 48px;
}
.pb56 {
  padding-bottom: 56px;
}
.pb64 {
  padding-bottom: 64px;
}
.pb72 {
  padding-bottom: 72px;
}
.pb80 {
  padding-bottom: 80px;
}
.pb88 {
  padding-bottom: 88px;
}
.pb96 {
  padding-bottom: 96px;
}
.pb104 {
  padding-bottom: 104px;
}
.pb112 {
  padding-bottom: 112px;
}
.pb120 {
  padding-bottom: 120px;
}
.pb160 {
  padding-bottom: 160px;
}
.pb180 {
  padding-bottom: 180px;
}
.pb240 {
  padding-bottom: 240px;
}
.no-margin-left {
  padding-left: 0;
}
.no-margin-top {
  margin-top: -10px;
}
.underline {
  text-decoration: underline;
}
.italic {
  font-style: italic;
}
.bold {
  font-weight: 700;
}
.top-nav>ul>li>a {
  font-family: 'Oxygen', sans-serif;
  font-size: 14px;
}

/*   ---   INDEX   ---   */

h3.mission {
  margin-bottom: 2px;
}
.introduction {
  font-size: 17px;
}
.encadre {
  background-color: #3f4c57;
  padding: 5px 5px 5px;
}
.top-nav {
  margin-right: 40px;
}


/*   ---   APPROCHE   ---   */
.shadow {
  box-shadow: 0px 6px 48px 40px rgba(119, 119, 119, 0.4);
-moz-box-shadow: 0px 6px 48px 40px rgba(119, 119, 119, 0.4);
-webkit-box-shadow: 0px 6px 48px 40px rgba(119, 119, 119, 0.4);
}
.main-title-approche {
  font-weight: 300;
  font-size: 5rem;
  padding-left: 100px;
}
.titre-approche {
  margin: 0 auto -30px;
}
.square {
  height: 60px;
  width: 62px;
  font-size: 40px;
}
.constat>p {
  text-align: left;
  padding: 15px 50px 0 50px;
  margin:0 20px 0 -30px;
  font-size: 2.6rem;
  line-height: 3.2rem;
  color: #3f4c57;
}
.full-heading-2 {
    padding: 30px 0;
    text-align: center;
    margin-bottom: 50px;
}
.compte {
  font-size: 10rem;
  line-height: 11rem;
}
.constat>.icon-box-small {
  height: 110px;
}
.heading>span.sous-heading {
  text-transform: none;
  font-size: 13px;
  font-weight: 400;
}
.list-axe>li>i {
  font-size: 12px;
  margin:0 5px -10px -15px;
  border: 0;
  color: #0D1321;
}
.top-nav a:hover {
  color: #00aeef !important;
}
.on-en-parle {
  margin-top: 90px !important;
}
.icons-style-2:hover ul>li>i {
  color: #86D7F6;
}
#footWrapper, .btn {
  font-family: 'Oxygen', sans-serif;
}

/*INTERVENTIONS*/
#intervention-container > .container-fluid{
  padding-left: 0;
  padding-right: 0;
}
#intervention {
  padding-left:50px;
  padding-right:50px;
}
#intervention h3 {
  font-size: 16px;
  font-weight: 700;
}
#intervention h3 span {
  font-size: 12px;
  margin-left: 5px;
  letter-spacing: 1px;
}
#intervention li {
  font-size: 19px;
  line-height: 26px;
}
#intervention hr {
  margin-top: -25px;
  background: #B8B8B8;
  border: 0;
  height: 1px;
}
#intervention strong {
  color: #535a61;
}
.intervention-lead .lead {
  font-size: 20px;
}
.titre-intervention {
  display: flex;
}
.image-intervention {
  width: 85%;
  margin: auto;
}
#intervention img {
  float: right;
  position: relative;
  top: -53px;
}
.shadow-intervention {
  box-shadow: 0px 1px 1px 1px rgba(119, 119, 119, 0.4);
-moz-box-shadow: 0px 1px 1px 1px rgba(119, 119, 119, 0.4);
-webkit-box-shadow: 0px 1px 1px 1px rgba(119, 119, 119, 0.4);
}
.titre3 {
  font-size: 20px;
}
.titre3 > span {
  font-size: 16px;
  padding-left: 10px;
}
.list-axe strong {
  color:#3f4c57;
}
/*LE CABINET*/
#Le-cabinet {
  font-size: 20px;
  line-height: 26px;
}
#Le-cabinet .dropcap {
  font-size: 60px;
  margin-top: 8px;
}
.logo-cabinet {
  width:200px;
}
#cabinet {
  display: flex;
}
.image-cabinet {
  margin: auto;
}
.modal-coordonnées {
  font-size: 16px;
}
.modal-header {
  background-color: #3f4c57;
}
.montgolfiere {
  background: url(assets/images/bg-approche-2.jpg) repeat center top;
}
.cabinet-accroche {
  font-weight: 700;
  font-size: 18px;
  margin-top: 10px;
  margin-left: 25px;
}
h2.partenaire {
  font-size: 20px;
}
.interventions-parallax i {
  margin-left: -15px;
  margin-right: 5px;
}
/*CABINET COLOMBANI*/

.le-cabinet h1 {
  font-family: 'Oxygen', sans-serif;
  font-size: 50px;
  font-weight: 300;
  color: #ffffff;
}
.le-cabinet h3 {
  font-family: 'Oxygen', sans-serif;
  font-size: 40px;
  font-weight: 300;
  color: #ffffff;
}
.methodes {
  display: flex;
}
.methodes > div {
  margin: auto;
}
.methodes-texte {
  height: 300px;
  width: 600px;
  padding: 10px 0 0 20px;
  margin-top: 20px;
  margin-bottom: 30px;
}
.methodes-texte p {
  width: 260px;
  font-size: 18px;
}
.interventions {
  display: flex;
}
.interventions > div {
  margin: auto;
}
.interventions-texte {
  height: 300px;
  width: 600px;
  padding: 10px 0 0 20px;
  margin-top: 20px;
  margin-bottom: 50px;
}
.interventions-texte p {
  width: 450px;
  font-size: 18px;
}
.interventions-texte > p.interventions-liste {
  width: 600px;
  margin-top: 50px;
}
.interventions-liste {
  text-transform: uppercase;
  font-family: 'Oxygen', sans-serif;
  font-weight: 300;
}
ul.list>li {
  font-size: 18px;
  color: #ffffff;
  line-height: 20px;
  padding-right: 10px;
  height: 28px;
}
ul.list>li.sm-screen {
  font-size: 14px;
  text-align: left;
  padding-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 18px;
  height: 46px;
  list-style-position: outside;
}
#nous h3 {
  font-family: 'Oxygen', sans-serif;
  font-size: 40px;
  font-weight: 300;
  color: #3f4c57;
}
#nous p {
  font-size: 20px;
  padding-left: 15px;
  line-height: 26px;
}
/*CONTACT*/
.contact-telephone {
  font-size: 20px;
}
.top-nav li li a.contact-mail {
  font-size: 16px;
}
.new-nav > ul > li a.contact-mail {
  font-size: 16px;
}
.top-nav ul li ul.contactez-moi {
  left: -35px;
}