@font-face {
	font-family: 'gothic';
	src: url('../fonts/gothic/gothic.eot');
	src: local('../fonts/gothic/gothic'), url('../fonts/gothic/gothic.woff') format('woff'), url('../fonts/gothic/gothic.ttf') format('truetype');
}
/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_9785">Text with this font applied</p> */
.fontsforweb_fontid_9785 {
	font-family: 'gothic' !important;
}


body {
  height: 100%;
  margin: 0;
  padding: 0;
  background: url('../images/bg.jpg') top repeat-x;
  font-family: 'gothic', Arial, Helvetica, sans-serif;
}

.toprow{ position: relative; padding-bottom: 60px!important;}

header {
width: 1081px;
margin: 15px auto 0 auto;
position: relative;
}
.menucontainer{ position: absolute; z-index: 10000;}
.nopadding{ padding: 0;}
.nomargin{ margin: 0;}

.menutop{ list-style: none; padding: 0; margin: 0;}
.menutop li{ display: inline; padding: 0 20px 0 10px; background: url('../images/trait-menu.png') right 50% no-repeat;}
.menutop li:last-child{background: none;}
.menutop li a{ color: #fff; font-size: 12px; text-transform: uppercase;}
.mainnav{ width: 100%; height: 106px; background: url('../images/bg-menu.png') top center no-repeat;}

.mainnav ul{ padding-top: 50px;}

.mainnav li{
display: inline-block; float: left;
}

.mainnav li a{ color: #fff; font-size: 16px;}

.mainnav li:nth-child(1) {
 width: 160px; margin-left: 55px;
 transform: rotate(5deg);
}

.mainnav li:nth-child(2) {
  width: 220px; margin-left: 55px;
  transform: rotate(1deg);
  margin-top: 10px;
}

.mainnav li:nth-child(3) {
width: 180px; margin-left: 145px;
transform: rotate(-1deg);
margin-top: 10px;
}

.mainnav li:nth-child(4) {
width: 180px; margin-left: 0px;
transform: rotate(-5deg);
}

.logo {
background: url('../images/logo.png') 50% 0 no-repeat;
background-size: 100%;
width: 177px;
height: 177px;
position: absolute;
top: 5px;
left: 452px;
}
.col-xs-4{ border: none; background: none;}
.logo a { display: block; height: 100%;}

.slideshow {
width: 100%;
height: auto;
float: left;
position: relative;
}

.fluid_container {
margin: 0 auto; height: 442px;
width: 1040px; margin: 70px 20px 0 20px;
border-bottom-left-radius: 50%!important;
border-bottom-right-radius: 50%!important;
position: relative;
}

.overlayslider{ width:1040px; height: 74px; position: absolute; bottom: -41px; left: 0; z-index: 100; background:url(../images/ombre2.png) bottom center no-repeat; }

.handvideo{ width: 245px; height: 445px; position: absolute; left: -200px; bottom: 0px; background:url(../images/tablet-video.png) bottom center no-repeat;}
.divvideo{ width: 140px; height: 187px; margin: 187px 0 0 34px;}
.divvideo a{ background: url('../images/img-tablet.png') top left no-repeat; font-size: 14px; width: 140px; height: 167px; display: block; padding: 20px 10px 0 10px; text-align: center; color: #fff;}


.blochomecontact{ width: 100%; height:auto; margin-bottom: 15px;background-image: radial-gradient(center bottom, ellipse cover, #1EAFFE, #061A25);
	background-image: -o-radial-gradient(center bottom, ellipse cover, #1EAFFE, #061A25);
	background-image: -ms-radial-gradient(center bottom, ellipse cover, #1EAFFE, #061A25);
	background-image: -moz-radial-gradient(center bottom, ellipse cover, #1EAFFE, #061A25);
	background-image: -webkit-radial-gradient(center bottom, ellipse cover, #1EAFFE, #061A25); padding: 15px 0;}
.bienvenue{background:url(../images/trait-separation.png) right repeat-y; padding-right: 35px; padding-left: 30px;}
.bienvenue h2{ font-size: 35px; color: #fff; text-transform: uppercase; margin:20px 0 20px 0; font-weight: bold; }
.bienvenue h1{ font-size: 18px; color: #1EAFFE; margin: 0 0 8px 0;}
.msgbienvenue{ float: left; margin-bottom: 15px; }
.msgbienvenue p{ margin: 20px 0; padding-right: 30px; font-family: Arial, Helvetica, sans-serif;}
.bienvenue p{ color: #fff; font-size: 13px; text-align: justify; margin-bottom: 0px; font-family: Arial, Helvetica, sans-serif;}
.homeimg{ float: left; margin-right: 25px;}
.bloccontact{ padding-left: 35px;}
.titrecontact{ color: #fff; margin: 20px 0 0 0; padding:  0 0 0 45px; background:url(../images/puce-contact.png) left center no-repeat; height: 38px; font-size: 32px; line-height: 50px; font-weight: bold;}
.bloccontact p{ margin: 40px 0 0 0; color: #fff; font-size: 16px;}
.bloccontact p a{color: #fff; font-size: 16px;}
.bottomcontact{ padding: 0 0 0 40px; background:url(../images/puce-google-maps.png) left center no-repeat; height: 46px; margin-top: 25px; color: #fff; font-size: 14px; font-weight: bold; line-height: 46px;}
.contenthome{background:url(../images/ombre-contenu.png) top center no-repeat; padding-bottom: 20px;}
.titrehome{text-align: center;}
.titrehome h1{ font-size: 32px; margin: 15px auto; text-transform: uppercase; color: #54c0f9; text-align: center; background:url(../images/survole-menu-haut.png) right bottom no-repeat; width:300px; padding-bottom: 18px;}
.blochome{ background: none; border:none; text-align: center; margin-top: 30px;}
.imgfeatured img{ width: 244px; height: 244px; padding: 7px; background : #eaeaea;}
.blochome h2{ color:#54c0f9; font-size: 18px }
.blochome p{font-size: 13px; height: 100px; overflow: hidden;}
.readmore a{ text-transform: uppercase; font-size: 15px; color: #54c0f9; padding-bottom: 18px; background:url(../images/survole-menu-haut.png) right bottom no-repeat;}


.leftcontact{ height: auto; min-height: 618px; background:url(../images/accolade.png) right top no-repeat;}
.logocontact{ margin-top: 210px;}
.contactformbloc{ margin-top: 40px;}
.contactformbloc h4{ color: #e31319;}
.form-horizontal{ margin-top: 50px;}
.control-label {
font-size: 12px!important;
font-weight: normal;
background: none;
border: none;
text-align: left!important;
padding-right:3px;
}
.control-label span{ color: #e31319;}

.sbmt{background: rgba(248,80,50,1);
background: -moz-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(227,19,25,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,80,50,1)), color-stop(50%, rgba(241,111,92,1)), color-stop(51%, rgba(246,41,12,1)), color-stop(71%, rgba(240,47,23,1)), color-stop(100%, rgba(227,19,25,1)));
background: -webkit-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(227,19,25,1) 100%);
background: -o-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(227,19,25,1) 100%);
background: -ms-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(227,19,25,1) 100%);
background: linear-gradient(to bottom, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(227,19,25,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e31319', GradientType=0 );
 padding: 5px 15px;
 border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: 0px solid #000000; color: #fff;}

.firestbloccontact{ background: #f5f5f5; padding: 0; width: 352px; padding-bottom: 25px;}
.titrebloccontact{ background:url(../images/font-contact.png) left top no-repeat; width: 100%; height: 67px; line-height: 70px; padding: 0 20px; font-size: 20px; color: #fff; }
.firestbloccontact p{ padding: 0 20px; margin: 16px 0 0 0;}
.firestbloccontact p a{ color: #e31319;}

.mapcontainer{ width: 352px; height: 296px; margin-top: 20px; padding: 6px; background: #f5f5f5;}
.map{ width: 340px; height: 284px}


.rowgris{ background: #f5f5f5;}
.projetetude{ height: 250px; margin-top: 45px; margin-bottom: 15px; position: relative; padding-top: 15px; width:470px;}
.backleft{background:url(../images/fond-blanc.png) left top no-repeat; margin-left: 50px; padding-left: 15px;}
.backright{background:url(../images/fond-blanc2.png) left top no-repeat;}
.projetetude h3{color: #54c0f9;text-align: center;background: url(../images/survole-menu-haut.png) center bottom no-repeat; padding:0 0 20px 0; margin: 0;}
.projetetude p{ padding: 0 10px; margin: 10px 0 0 0; height: 100px; overflow: hidden; max-width: 446px;}
.lienmap{ text-align: center; max-width: 446px; margin: 50px 0 0 0;}
.lienmap a{ margin-left: 9px; color: #999;}

.centeredtext{ margin: 15px 0; text-align: center; padding-bottom: 45px;background:url(../images/merci.png) bottom center no-repeat;}

.projetvente{ height: auto; margin-top: 45px; margin-bottom: 15px; position: relative; padding-top: 67px; width:477px; background: #f5f5f5;border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #000000; padding-bottom: 15px;}
.backgauche{ margin-left: 44px; padding-right: 0px;}
.backdroit{background:#f5f5f5 url(../images/images-contact.png) right bottom no-repeat; padding-bottom: 185px;}
.titrevente{ height: 77px; line-height: 77px; text-align: center; color: #fff; font-size: 19px; position: absolute; top: -30px; left: 0; width: 477px;}
.backgauche .titrevente{background:url(../images/fond-contenu-gauche.png) left top no-repeat;}
.backdroit .titrevente{background:url(../images/fond-contenu-droit.png) left top no-repeat;}

.nofloat{ float: none!important;}
.formmargin{ margin: 0;}

.contactventebloc .control-label{ color: #54c0f9;}
.contactventebloc .form-group{ margin-bottom: 8px;}
.blocventecontact{ margin: 0 40px; background:url(../images/phone.png) right top no-repeat; }
.rowthreebloc{ margin-top: -15px; padding-bottom: 35px;}
.projetcours{ width:296px; margin: 0 auto; min-height: 281px;}
.titrecours{ height: 57px; padding: 0 10px 0 30px; line-height: 57px; color: #fff; font-size: 15px; position: relative; text-align: left;}
.titrecours span{ width: 50px; height: 25px; text-align: center; color: #fff; line-height: 25px; position: absolute; right: 0; top: 8px; background:url(../images/icon-poucentage.png) right top no-repeat; font-size: 12px;}
.blue1{ background:url(../images/ombre-sep.png) right center no-repeat; width: 346px; padding:0 50px 0 0; margin-left: 50px;}
.blue2{ background:url(../images/ombre-sep.png) right center no-repeat; width: 346px; padding:0 50px 0 0; margin-left: 0;}
.blue3{width: 296px; padding:0 0 0 0; margin-left: 0;}
.blue1 .projetcours{ text-align: center;}
.blue1 .titrecours{background:url(../images/fond-titre1.png) left top no-repeat;}
.blue2 .projetcours{ text-align: center;}
.blue2 .titrecours{background:url(../images/fond-titre2.png) left top no-repeat;}
.blue3 .projetcours{ text-align: center;}
.blue3 .titrecours{background:url(../images/fond-titre3.png) left top no-repeat;}

.noback{ background: none;}
.noback .titrecours{background:url(../images/fond-titre1.png) left top no-repeat; text-align:  center;}

.resList{ list-style: none; border-left: 3px solid #54c0f9; padding: 0 0 0 4px; margin: 0 0 30px 55px;}
.resList li{ width:223px; height: 50px; line-height: 50px; padding-left: 15px; }
.resList li a{color: #fff; font-size: 13px;}
.resList li a.active{color: #e31319;}
.element1{ background:url(../images/fond1.png) left top no-repeat; }
.element2{ background:url(../images/fond2.png) left top no-repeat; }
.element3{ background:url(../images/fond3.png) left top no-repeat; }

.descrip{ margin:5px 35px 0 0; text-align: justify;}

.fichetechnique{ margin: 30px 20px 0 40px; min-height: 100px; border: 7px solid #54c0f9;border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}
.fichetechnique table{ background:#54c0f9; width: 100%; height: 100%;}
.fichetechnique table th{ text-align: center; color: #fff; font-size: 12px; padding-bottom: 5px;}
.fichetechnique table tbody{ background: #f5f5f5;}
.fichetechnique table td{ text-align: center; background:url(../images/ombre-separation.png) left top no-repeat; padding: 10px 0 10px 15px;}
.fichetechnique table td:first-child{ background: none;}

.projetcours p{ text-align: left; font-size: 13px; color: #333; margin: 25px 15px; height: 110px; overflow: hidden;}
.lienplus{ text-align:  center;}
.lienplus a{ width: 85px; height: 72px; display: block; background:url(../images/puces.png) left top no-repeat; margin: 0 auto; font-size: 14px; color: #fff; text-align: center; padding: 13px 0 0 10px; }

.titreslider{ padding: 0 0 0 40px; background:url(../images/puce-galerie.png) left top no-repeat; height: 38px; line-height: 54px; margin: 25px 0 0 45px; font-size: 25px; color: #54c0f9;}

footer{ height: 55px; width: 100%; margin-top: 0; background-image: radial-gradient(center bottom, ellipse cover, #186A90, #061A25);
	background-image: -o-radial-gradient(center bottom, ellipse cover, #186A90, #061A25);
	background-image: -ms-radial-gradient(center bottom, ellipse cover, #186A90, #061A25);
	background-image: -moz-radial-gradient(center bottom, ellipse cover, #186A90, #061A25);
	background-image: -webkit-radial-gradient(center bottom, ellipse cover, #186A90, #061A25); line-height: 55px; color: #fff; font-size: 12px;}
.like-facebook{ height: 55px; padding-right: 42px; background:url(../images/like-fb.png) right center no-repeat; font-size: 13px; text-transform: uppercase; }
footer a{ color: #fff;}