/*
font-family: 'Oswald', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Open Sans Condensed', sans-serif;
*/

h1,h2,h3,h4,h5{font-family: 'Open Sans', sans-serif;}
body{background:url(../images/body.png) repeat; font-family: 'Open Sans', sans-serif; color:#b0b2b4; font-weight:300; transition:All .5s ease; line-height:20px;
-webkit-transition:All .5s ease;
-moz-transition:All .5s ease;
-o-transition:All .5s ease; opacity:0}
p{line-height:22px;}
body.in{opacity:1}
.top-div{background:url(../images/top-d-repeat.png) repeat; padding:20px 0}
.top-social-icon{text-align:right}
.top-social-icon img{ transition:All .5s ease;
-webkit-transition:All .5s ease;
-moz-transition:All .5s ease;
-o-transition:All .5s ease; display:inline-block}
.top-social-icon img:hover{margin-top:-10px}
.top-phoneAndemail{text-align:right; color:#7f8e9c; padding:10px 0 20px 0}
p{margin-bottom:20px;}
 .my_nav .navbar-brand{padding:0; display:none}
.my_nav .navbar-default{border:none; box-shadow:none; background:none}
.my_nav .navbar{margin:0; min-height:inherit}
.my_nav .nav > li > a{padding:0 25px; line-height:50px; background:none; font-weight:300; letter-spacing:1px;  font-size:18px; text-transform:uppercase; font-family:'Open Sans Condensed',Arial, Helvetica, sans-serif; outline:none; color:#fff; text-shadow:none}
.my_nav .navbar-default .navbar-nav > .active > a,.my_nav .nav > li > a:hover{color:#fff; box-shadow:none; background:#104a62}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{color:#fff; box-shadow:none; background:#104a62}
nav{background:rgba(0,174,239,.83)}
.search-div{position:relative; margin-top:7px;}
.search-div .form-control{background:rgba(255,255,255,.5); border:none}
.search-div button{background:#000; position:absolute; right:0; top:0}
.dropdown-menu>li>a{font-size:18px;  font-family:'Open Sans Condensed',Arial, Helvetica, sans-serif; font-weight:300; padding:5px 20px;}
.dropdown-menu>li>a:hover{background:rgba(0,174,239,.83)}
.navbar-nav>li>.dropdown-menu{min-width:230px; background:rgba(255,255,255,.8)}
.absolute-top-div{ top:0; left:0; width:100%; z-index:999}
.banner-div h2{position:absolute; text-align:center; bottom:125px; left:0; width:100%; font-family:'Open Sans Condensed',Arial, Helvetica, sans-serif; font-weight:600; letter-spacing:1px; font-size:20px}
.banner-div h2 span{background:rgba(0,97,133,.4); padding:13px 25px; color:#fff; text-transform:uppercase; font-size:20px;}
.title01{margin:0; padding:0}
.banner-below-line{height:5px; border-bottom:1px solid #282e34; border-top:1px solid #282e34}
article{background:url(../images/white-glow.png) no-repeat center top}
.buttom-scroll{text-align:center; margin-bottom:20px;}
.top-services-section{box-shadow:inset 0 20px 80px rgba(0,0,0,.7); padding:20px 0; text-align:center; font-size:18px; color:#91c8df; background:rgba(122,122,122,.13); font-weight:400}
.title01{text-align:center; color:#fff; text-shadow:0 5px 5px rgba(0,0,0,.8); font-size:40px; font-weight:900; text-transform:uppercase; margin-bottom:15px;}
.title01 span{color:#00b5ff;}
.main-services .icon-div{background:rgba(0,174,239,.2); width:128px; height:128px; line-height:118px; -webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%; margin-bottom:20px; display:inline-block; transition:All .5s ease;
-webkit-transition:All .5s ease;
-moz-transition:All .5s ease;
-o-transition:All .5s ease;}
.main-services{text-align:center; padding:25px 0}
.main-services h3{margin:0 -10px; padding:0; color:#d9d9d9; font-family:'Open Sans Condensed',Arial, Helvetica, sans-serif; font-weight:300; font-size:18px; text-transform:uppercase; }
.main-services .col-md-2:hover h3{color:#00b5ff}
.main-services .col-md-2:hover .icon-div{background:#0d526d; border:1px solid #fff; transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);}
.banner-div .carousel-control.left{background:url(../images/left-arrow.png) no-repeat center 65%}
.banner-div .carousel-control.right{background:url(../images/right-arrow.png) no-repeat center 65%}
.center-content-home{padding:80px 0}
.black-box-div{padding:15px;background:rgba(0,0,0,.8); border:1px solid #17181b}
.black-box-div.side-bar-facebook { padding:0; }
.center-content-home h4{font-size:20px;margin:0; font-size:20px; text-transform:uppercase; font-weight:700; margin-bottom:10px;}
.brand-div{background:url(../images/brand-bg.gif) repeat; padding:50px 0}
.brand-div .carousel{background:rgba(0,0,0,.75); padding:20px; border:1px solid #555555; margin:30px 0 0 0}
.brand-div .carousel-control{width:65px;}
.brand-div .carousel-control.left{background:url(../images/b-leftArrow.png) no-repeat center; left:-80px;}
.brand-div .carousel-control.right{background:url(../images/b-rightArrow.png) no-repeat center; right:-80px;}
.brand-div ul{margin:0; padding:0; list-style:none}
.brand-div ul li{float:left; width:20%; padding:0 20px;}
.brand-div ul li img{width:100%; height:auto}
.footer-div{background:#2f332f; padding:60px 0 40px 0; box-shadow:inset 0 15px 20px rgba(0,0,0,.5); border-top:1px solid #000; color:#b0b0b0; font-weight:300;}
.footer-div h2{display:block; font-size:20px; font-weight:400; letter-spacing:1px; text-transform:uppercase; color:#fff; margin:0; min-height:50px; font-family:'Open Sans Condensed',Arial, Helvetica, sans-serif;}
.footer-div p{margin:0 0 3px 0}
.footer-div p strong{color:#fff; margin-bottom:8px; display:inline-block}
.footer-menu ul{margin:0; padding:0; list-style:none;}
.footer-menu ul li a{display:block; background:url(../images/footer-arrow.png) no-repeat left center; padding-left:15px;color:#b0b0b0; font-weight:300; font-style:italic; line-height:30px;}
.footer-rightB-icon{text-align:right}
.footer-rightB-icon img{padding:2% 1%; width:48%; height:auto}
.footer-rightB-icon{margin-left:-30px}
.copy-right{background:#000104; color:#fff; text-align:center; line-height:35px; padding:10px 0}
.copy-right a{color:#2f332f; text-decoration:none}
.copy-right a:hover{color:#00b5ff}
.footer-div a{color:#00b5ff}
.top-phoneAndemail img{margin-left:10px;}
.right-services-pox{background:url(../images/top-d-repeat.png) repeat; padding:20px; border:1px solid #38404a; margin-top:45px; margin-bottom:30px;}
.right-services-pox h2{margin:0; text-align:center; margin-top:-45px; font-family:'Oswald',Arial, Helvetica, sans-serif; color:#fff; font-weight:400; font-size:25px; text-transform:uppercase; margin-bottom:10px;}
.right-services-pox h2 span{display:inline-block; background:#074057;border:1px solid #38404a; width:90%;  padding:8px;}
.right-services-pox ul{margin:0; padding:0; list-style:none}
.right-services-pox ul li a{display:block; line-height:50px;  font-family:'Open Sans Condensed',Arial, Helvetica, sans-serif; font-weight:300; font-size:15px; text-transform:uppercase; color:#fff; border-bottom:1px solid #38404a; text-decoration:none; background:url(../images/link-arrow.png) no-repeat left center; padding-left:20px; transition:All .5s ease;
-webkit-transition:All .5s ease;
-moz-transition:All .5s ease;
-o-transition:All .5s ease;}
.right-services-pox ul li.active a,.right-services-pox ul li:hover a{color:#00b5ff; padding-left:30px;}
.right-services-pox ul li.last a{border-bottom:none}
.titleh3{ font-family:'Oswald',Arial, Helvetica, sans-serif; color:#fff; font-weight:300; text-transform:uppercase; margin:0 0 15px 0}
.list-type01{margin:0; padding:0; list-style:none}
.list-type01 li{background:url(../images/dot-icon.png) no-repeat left center; padding:6px; padding-left:20px; color:#b0b2b4}
img{max-width:100%; height:auto}
.img-border{border:1px solid #757772}
.inside-content-section{padding:30px 0; }
.side-bar-facebook{margin-bottom:30px;}
.brand-div ul li:hover img{opacity:.5}

dd.photo { float:left; margin-right:15px; }
.team .vcard { margin-bottom:0; }
.team { margin-bottom:2em; }

.team img {
	width: 100%;
	margin-bottom: 5px;
}

/* COPYRIGHT */
#footer-copy { background:#151617; font-size:1.1em; padding-bottom:1em; padding-top:1em; }
#footer-copy p { margin:0; }
#footer-copy #credits { text-align:right; }
#footer-copy #credits a { margin-top:0.5em; display:block; width:100%; height:34px; background:url(../images/logo-gnetix.png) center right no-repeat; text-indent:-9999px; text-align:left; }

.fb-wrap {
  width:50%;
  margin: 0 auto;
}
#fb-root {
  display: none;
}
.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
width: 100% !important;
}

.brand-div ul.inside-brand-logo{margin:0; padding:0; list-style:none}
.brand-div ul.inside-brand-logo li{float:left; width:20%; padding:10px;}
.brand-div ul.inside-brand-logo li a{background:rgba(0,0,0,.6); border:1px solid #333; display:block}
.brand-div ul.inside-brand-logo li:hover a{background:rgba(0,181,255,.5)}
.brand-div ul.inside-brand-logo li:hover img{opacity:1}


/* FORM */
form .form-control { border-width:2px; }
p.message-erreur-formulaire { text-align:left; font-size:1.2em; }
p.message-erreur-formulaire.error, form .error { color:#a94442; font-weight:700; }
p.message-erreur-formulaire.success { color:#3c763d; font-weight:700; }
.blocDispo input[type="checkbox"] { width:20px; height:20px; margin:10px; }
.blocDispo .dispoJour { text-align:center; }
#form-examen #EnvoyerCourriel { margin-top:1em; }

.gsc-control-cse { position:absolute; visibility:hidden; }

@media(max-width:1199px){
	.my_nav .nav > li > a{padding:0 10px;}
	.banner-div h2{bottom:80px}
	 
}
@media(max-width:991px){
	.my_nav .nav > li > a{padding:0 5px; font-size:13px;}
	.dropdown-menu>li>a{font-size:15px;}
	.main-services .col-md-2{margin-bottom:30px;}
	.footer-rightB-icon{margin:0; max-width:280px;}
	.brand-div .carousel-control.left{left:10px}
		.brand-div .carousel-control.right{right:10px}
		.banner-div h2{bottom:0}
		
		.black-box-div { display:none; }
}

@media(max-width:767px){
	.col-md-9.pull-left,.col-md-3.pull-right{float:none !important}
.footer-div .container{text-align:center}
.footer-menu ul{display:inline-block; text-align:left}
.footer-div h2{height:auto; padding:20px 0}
.footer-rightB-icon{margin:0 auto}
.footer-div{padding:0 0 20px 0}
.absolute-top-div{position:static}
.my_nav .navbar-brand{display:inline-block; margin:0; padding:15px; color:#fff; font-family:'Oswald',Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:1px;}
.my_nav .nav > li > a{line-height:30px;padding:0 10px;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#fff}
.search-div{padding-bottom:10px;}
.right-services-pox{margin-top:20px;}
.list-type01{margin-bottom:20px;}
.brand-div ul.inside-brand-logo li{width:33%;}
#footer-copy #copy { text-align:center; }
#footer-copy #credits { text-align:center; }
#footer-copy #credits a { background-position:center center; }
}
@media(max-width:600px){
	.banner-div h2 span{font-size:12px; line-height:43px;}
}
@media(max-width:479px){
.main-services .icon-div{width:90px; height:90px;line-height:80px; text-align:center}
.main-services .icon-div img{width:70px; height:auto}
.main-services h3{font-size:15px;}
.title01{font-size:30px;}
.inside-content-section{padding:20px 0}
.brand-div ul.inside-brand-logo li{width:50%;}

}

@media(max-width:400px){
	.top-div .col-xs-6{width:100%; text-align:center}
	.top-social-icon,.top-phoneAndemail{text-align:center}
}