/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   
   
   
   /*--------------------------------------------------------------------------
   /* HEADER
   ---------------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Exo:200,300,400,400i,500,600,600i,700,800|Lato:400,900');


body, a, label, input {
  font-family: 'Lato',Helvetica,sans-serif; font-size:18px;
  
}

 h2, h3 {  color: #56585b;  font-family: Exo,sans serif;  font-size: 36px;  font-weight: bold;  margin-bottom: 0;  text-transform: uppercase; }

 h3 {font-size: 24px;}
 
body {  padding-top: 0; padding-bottom:0}

header .wrapper { background-color:#e7e6e6; height:45px;}
#header > div {   }	


/*######################################################################
					ROW EN BIAIS - 1ere LIGNE 
########################################################################*/

/*
 .firstrow:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: visible;
  width: 100%;
  height: 250px;
  background: #00bcd4;
  z-index: -1;
  -webkit-transform: skewY(-2deg);
  -moz-transform: skewY(-2deg);
  -ms-transform: skewY(-2deg);
  -o-transform: skewY(-2deg);
  transform: skewY(-2deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: initial;
}
*/
.firstrow::before {
  backface-visibility: initial;
  background: rgba(0, 0, 0, 0) url("../img/Corpotravel_header_wl.jpg") no-repeat center center fixed ;
  bottom: -90px;
  content: "";
  height: 580px;
  left: 0;
  overflow: visible;
  position: absolute;
  transform: skewY(-1deg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-backface-visibility: hidden;
   -webkit-transform: skewY(-2deg);
  -moz-transform: skewY(-1deg);
  -ms-transform: skewY(-1deg);
  -o-transform: skewY(-1deg);
  width: 100%;
  z-index: -1;
}



.firstrow { position: relative; }
  

.firstrow .container_logo {  min-height: 490px; }  
.firstrow .container_logo > img {  bottom: 40px;  left: 270px;  position: absolute; }




/*######################################################################
					ROW EN BIAIS - 2eme LIGNE ACCES ESPACE PRO
########################################################################*/


.secondrow {margin-top:40px;}



.espacepro h2 {
  color: #57585c;
  font-family: Exo,sans serif;
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 0;
  text-transform: uppercase;
}

.secondrow > .container div > a > img {  margin-top: 15px; }


/*######################################################################
					ROW EN BIAIS - 3eme LIGNE SERVICE DEDIE
########################################################################*/

.thirdrow { position: relative; }
.thirdrow {margin-top:100px; background-color:#ed6e08;  color:#fff;}

.servicededie h2 {
  color: #fff;
  font-family: Exo,sans serif;
  font-size: 48px;
  font-weight: 200;
  margin-bottom: 0;
  text-transform: uppercase;
  margin-bottom: 35px;
}


.thirdrow::before {
  backface-visibility: hidden;
  background-color: #ed6e08;
  background-size: cover;
  content: "";
  height: 70px;
  left: 0;
  overflow: visible;
  position: absolute;
  top: -47px;
  transform: skewY(1deg);
  -webkit-backface-visibility: hidden;
   -webkit-transform: skewY(1deg);
  -moz-transform: skewY(1deg);
  -ms-transform: skewY(1deg);
  -o-transform: skewY(1deg);
  width: 100%;
  z-index: -1;
}

.thirdrow .container {  padding-bottom: 65px; }

.thirdrow::after {
  backface-visibility: hidden;
  background-color: #ed6e08;
  background-size: cover;
  content: "";
  height: 55px;
  left: 0;
  overflow: visible;
  position: absolute;
  bottom: -25px;
  transform: skewY(1deg);
  -webkit-backface-visibility: hidden;
   -webkit-transform: skewY(-1deg);
  -moz-transform: skewY(-1deg);
  -ms-transform: skewY(-1deg);
  -o-transform: skewY(-1deg);
  width: 100%;
  z-index: -1;
}




/*######################################################################
					ROW EN BIAIS - 4eme LIGNE ASSISTANCE
########################################################################*/


.fourthrow { position: relative; }
.fourthrow {margin-top:45px; background-color:#fff;}

/*
.fourthrow h2 {
  color: #ed6e08;
  font-family: Lato,sans serif;
  font-size: 46px;
  font-weight: 900;
  margin-bottom: 0;
  text-transform: uppercase;
  margin-bottom: 35px;
  text-align: center;
}
*/
.fourthrow h2 {
  color: #57585c;
  font-family: Lato,sans serif;
  font-size: 46px;
  font-weight: 900;
  margin-bottom: 100px;
  margin-top: 110px;
  text-align: center;
  text-transform: uppercase;
}



.img-responsive.assistance { 	margin-left: 20px;	margin-top: -55px;	float: right;	max-width: 130px;}

.fourthrow::after {
  backface-visibility: hidden;
  background-color: #f0f0f0;
  background-size: cover;
  content: "";
  height: 55px;
  left: 0;
  overflow: visible;
  position: absolute;
  bottom: -126px;
  transform: skewY(-1deg);
  -webkit-backface-visibility: hidden;
   -webkit-transform: skewY(-1deg);
  -moz-transform: skewY(-1deg);
  -ms-transform: skewY(-1deg);
  -o-transform: skewY(-1deg);
  width: 100%;
  z-index: -1;
}

.twitter-follow-button.twitter-follow-button-rendered {   float: right;  margin-right: 100px; }



/*######################################################################
					ROW EN BIAIS - 5eme LIGNE ASSURANCES
########################################################################*/


.fifthrow { position: relative; }
.fifthrow {margin-top:100px; background-color:#f0f0f0; padding-bottom: 65px;}

.fifthrow h2 {
  color: #ed6e08;
  font-family: Exo,sans serif;
  font-size: 48px;
  font-weight: 200;
  margin-bottom: 0;
  text-transform: uppercase;
  margin-bottom: 35px;
  
}

.fifthrow::after {
  backface-visibility: hidden;
  background-color: #f0f0f0;
  background-size: cover;
  content: "";
  height: 55px;
  left: 0;
  overflow: visible;
  position: absolute;
  bottom: -30px;
  transform: skewY(1deg);
  -webkit-backface-visibility: hidden;
   -webkit-transform: skewY(1deg);
  -moz-transform: skewY(1deg);
  -ms-transform: skewY(1deg);
  -o-transform: skewY(1deg);
  width: 100%;
  z-index: -1;
}



.fifthrow .row {position: relative;   background-color: transparent; }
.fifthrow .row::before {
  background-image: url("../img/programme_assurance_affaires.png");
  content: " ";
  height: 473px;
  position: absolute;
  right: -15px;
  top: 0;
  width: 467px;
}

/*######################################################################
					ROW EN BIAIS - 6eme LIGNE STATISTIQUES
########################################################################*/


.statistiques a { color: #ed6e08; }

.sixthrow::before {
  backface-visibility: hidden;
  background-color: #5f5f5f;
  background-size: cover;
  content: "";
  height: 55px;
  left: 0;
  overflow: visible;
  position: absolute;
  top: -30px;
  transform: skewY(1deg);
  -webkit-backface-visibility: hidden;
   -webkit-transform: skewY(1deg);
  -moz-transform: skewY(1deg);
  -ms-transform: skewY(1deg);
  -o-transform: skewY(1deg);
  width: 100%;
  z-index: -1;
}


.sixthrow { position: relative; }
.sixthrow {margin-top:55px; background-color:#5f5f5f; padding-bottom: 65px; color:#fff;}

.sixthrow h2 {
  color: #fff;
  font-family: Exo,sans serif;
  font-size: 48px;
  font-weight: 200;
  margin-bottom: 0;
  text-transform: uppercase;
  margin-bottom: 35px;
  
}

.sixthrow .row {position: relative;   background-color: transparent; }
.sixthrow .row::before {
  background-image: url("../img/statistiques_corpotravel.png");
  content: " ";
  height: 414px;
  position: absolute;
  right: -255px;
  top: -40px;
  width: 672px;
}





/*######################################################################
					ROW EN BIAIS - 7eme LIGNE AUTRES SERVICES
########################################################################*/


.seventhrow { position: relative; }
.seventhrow {margin-top:120px; background-color:#fff; padding-bottom: 65px; }

.seventhrow h2 {
  color: #5f5f5f;
  font-family: Exo,sans serif;
  font-size: 42px;
  font-weight: 200;
  margin-bottom: 0;
  text-transform: uppercase;
  margin-bottom: 35px;
  text-align:center;
  
}
.autresservices-pictos {  text-align: center; }
.seventhrow span {
  color: #5f5f5f;
  display: block;
  font-family: Lato,sans serif;
  font-size: 25px;
  font-weight: 800;
  margin-top: 10px;
}

.autresservices-pictos img { margin: 0 auto; }



/*######################################################################
					ROW EN BIAIS - 8eme LIGNE PLATEAUX D'AFFAIRES
########################################################################*/


.eighthrow { position: relative; }
.eighthrow {   background-color: #fff;  color: #5f5f5f;  margin-top: 55px;  padding-bottom: 500px; }

#MAPCORPO {
	width: 100%;
	height: 550px;
	float: left;
	margin-top: 50px;
	
	}         

.eighthrow h2 {
  color: #5f5f5f;
  font-family: Exo,sans serif;
  font-size: 48px;
  font-weight: 200;
  margin-bottom: 0;
  text-transform: uppercase;
  margin-bottom: -30px;
  
}


/*######################################################################
					 LIGNE GMAP
########################################################################*/


.gmapbox > h2 {  font-size: 20px;  font-weight: 800;  margin-bottom: 10px; }


/*######################################################################
					ROW EN BIAIS - 9eme LIGNE CONTACT
########################################################################*/

.tel_svm {
	font-size: 2.2em;
	font-weight: 700;
	color: #ed6e08;
	text-align: center;
	display: block;
	margin-right: 110px;
}

.ninethrow { position: relative; }
.ninethrow { margin-top:55px; background-color:#fff; padding-bottom: 65px; color:#5f5f5f;}

.ninethrow h2 {
  color: #5f5f5f;
  font-family: Exo,sans serif;
  font-size: 48px;
  font-weight: 200;
  margin-bottom: 0;
  text-transform: uppercase;
  margin-bottom: 35px;
  text-align:center;
  
}

.ninethrow h3 {
  color: #5f5f5f;
  font-family: Lato,sans serif;
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 0;
  text-transform: uppercase;
  margin-bottom: 35px;
  text-align:center;
  
}

.formulaire_contact {   padding: 40px;  position: relative; }
.formulaire_contact::before {
  border-left: solid 2px #5f5f5f;
  content: "";
  height: 480px;
  left: -42px;
  position: absolute;
  width: 10px;
}

.formulaire_contact button {
  background-color: #ed6e08;
  background-image: none;
  width: 100%;
  margin: 0;
  font-family: Lato,sans serif;
  color:#fff;
  font-size: 18px;
  text-transform:uppercase;
  font-weight:800;
  text-shadow: 0;
  box-shadow: 0;
  border-radius: 0;
  border: 0;
  
}

.coordonnees {  margin: 40px 110px 0 0;  text-align: center; }
.coord_contact { margin-top:40px;}
.coord_contact > h3 {  margin-right: 110px; }



/*######################################################################
					FOOTER
########################################################################*/


.wrap_last_footer {  background-color: #5f5f5f;  color: #fff;  padding-top: 50px; }
.wrap_last_footer footer h4 {   font-family: Exo,sans-serif;  font-size: 24px;  font-weight: 700; }
.wrap_last_footer footer ul li {   font-family: Lato,sans-serif;  font-size: 18px; list-style: none; = }
/*
.wrap_last_footer footer ul li::before { 
	content: "\e258";
	font-family: "Glyphicons Halflings";
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
	
	}
*/
.wrap_last_footer a { color:#fff; }

.basdepage { padding-top:40px; }
.basdepage img { margin: 0 auto; }

.wrap_last_footer .glyphicon.glyphicon-chevron-right {
  display: block;
  float: left;
  font-size: 12px;
  font-weight: 400;
  margin-right: 5px;
  padding-top: 6px;
}



/*######################################################################
					PAGES LIGHTBOX / LITY
########################################################################*/



body.inlity {  background-color: #ed6e08; color:#fff;  padding: 10px 50px; }

body.inlity a { color: #fff; }

body.inlity ul.atouts {   margin-top: 45px; }
body.inlity ul.atouts li {  list-style: outside none none; }

body.inlity h3 {  margin-bottom: 20px; }
body.inlity ul.atouts li h3 span { font-size: 0.8em; margin-right: 10px; }
body.inlity ul.atouts li h3 {margin-bottom: 10px;}
   /*--------------------------------------------------------------------------
   /* RESPONSIVE MEDIA QUERIES
   ---------------------------------------------------------------------------*/



@media only screen 
and (max-width : 479px) {
	
.firstrow::before {  opacity: 0.7; bottom: 10px;  height: 210px; background: rgba(0, 0, 0, 0) url("../img/Corpotravel_header_wl.jpg") no-repeat 35% center fixed ;}	
.firstrow .container_logo {  min-height: 210px; }
.firstrow .container_logo > img {  padding-top: 90px; left: inherit; }
.espacepro h2 {  font-size: 1.8em;  margin-bottom: 20px; }
.espacepro .col-xs-6 {  width: 100%; }
.servicededie h2 {  font-size: 1.8em; }
.img-responsive.assistance {   width: 40%;  margin-bottom: 22px;  margin-right: 20px;  margin-top: 17px; }
.twitter-follow-button.twitter-follow-button-rendered {   margin-right: 20%; }
.fourthrow h2 {  margin-top: 25px; }
.fifthrow h2 {  font-size: 2.2em; }
.fifthrow .row::before { opacity:0.1; }
.statistiques .col-xs-10 {  width: 100%; }
.sixthrow .row::before {  opacity: 0.3; }
.seventhrow {  margin-top: 45px;  padding-bottom: 20px; }
.autresservices-pictos {  margin-bottom: 40px;  }
.eighthrow {  margin-top: 0px; }
.ninethrow h2 {  font-size: 1.8em; }
.coord_contact > h3 {  margin-right: 0;}
.ninethrow h2 {  margin-bottom: -15px;}
.coordonnees {  margin: 40px 0 0; }
footer .col-xs-6 {  width: 100%; }

	
}

   
   
   
   

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 480px) {
/* Styles */

/*.firstrow::before {  bottom: 10px;  height: 210px; background: rgba(0, 0, 0, 0) url("../img/Corpotravel_header_wl.jpg") no-repeat 25% center fixed ;}
.firstrow .container_logo {  min-height: 210px; }  
.firstrow .container_logo > img {  bottom: 80px;  left: 20px;  position: absolute; width:195px }*/


}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */



}



@media only screen 
and (min-width : 479px)
and (max-width : 767px) {
	
.firstrow .container_logo {  min-height: 245px; }	
.firstrow::before {  bottom: 0;  height: 245px; opacity:0.5; }
.firstrow .container_logo {  height: 245px;  padding-top: 40px; }	
.firstrow .container_logo img {margin: 0 auto; position:relative; bottom:inherit; left:inherit;width: 85%;}
.espacepro h2 {text-align:center;}
.img-responsive.assistance {  margin-top: -20px;  width: 15%; }	
.fourthrow h2 { margin-bottom: 55px;  margin-top: 40px; }
.twitter-follow-button.twitter-follow-button-rendered {  margin-right: 30px; }
.fifthrow .row::before { opacity:0.1; }
.sixthrow .row::before { right: -375px;  top: -160px; }
.seventhrow {  margin-top: 55px;  padding-bottom: 0; }
.eighthrow h2 {  text-align: center;  }
.coord_contact > h3 {  margin-right: inherit; }
.coord_contact img {margin: 0 auto;}
.coordonnees { margin: 40px 0 0; }


}

@media only screen 
and (max-width : 768px) {
/* Styles */

	.servicededie iframe {	  margin-top: 40px;	  max-width: 100%;	}


}

@media only screen 
and (max-width : 980px) {
/* Styles */

	.tel_svm {	margin-right: inherit; }

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) {
/* Styles */

.firstrow::before {  bottom: 10px;  height: 355px;  background: rgba(0, 0, 0, 0) url("../img/Corpotravel_header_wl.jpg") no-repeat 25% center fixed ;}
.firstrow .container_logo {  min-height: 355px; }  
.firstrow .container_logo > img {  bottom: 70px;  left: 20px;  position: absolute; width:60% }

.fifthrow .row::before { opacity:0.15; }
.sixthrow .row::before {  right: -310px;}
.seventhrow {  margin-top: 60px;  padding-bottom: 25px; }
.autresservices-pictos {  margin-bottom: 40px; }
.coord_contact > h3 {  margin-right: inherit; }
.coord_contact img {margin: 0 auto;}
.coordonnees { margin: 40px 0 0; }

}

/* iPads (landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) {
/* Styles 
.firstrow::before {  bottom: 10px;  height: 355px; }
.firstrow .container_logo {  min-height: 355px; }  
.firstrow .container_logo > img {  bottom: 10px;  left: 20px;  position: absolute; width:35% }
*/
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) {
/* Styles
.firstrow::before {  bottom: 10px;  height: 355px; }
.firstrow .container_logo {  min-height: 355px; }  
.firstrow .container_logo > img {  bottom: 10px;  left: 20px;  position: absolute; width:35% }
 */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */

.firstrow::before {  bottom: 10px;  height: 355px; }
.firstrow .container_logo {  min-height: 355px; }  
.firstrow .container_logo > img {  bottom: 10px;  left: 20px;  position: absolute; width:35% }


}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */

.firstrow .container_logo {  min-height: 490px; }  
.firstrow .container_logo > img {  bottom: 40px;  left: 65px;  position: absolute; }
.firstrow::before {  bottom: 10px;  height: 480px; }
}


@media only screen 
and (min-width : 2260px) {
/* Styles */

.firstrow .container_logo {  min-height: 490px; }  
.firstrow .container_logo > img {  bottom: 40px;  left: 270px;  position: absolute; width: 25%;}
.firstrow::before {  bottom: -90px;  height: 580px; }

.secondrow {  margin-top: 140px;}




}


/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */



}