@charset "utf-8";
/* CSS Document */
@font-face {
	font-family:'dental';
	src:url('../fonts/majalla.ttf') format('truetype');
}
@font-face {
	font-family:'dental bold';
	src:url('../fonts/majallab.ttf') format('truetype');
}
body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#F6F4F4;
}

#main{
  min-width:1170px;
}

#top_coords{
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:2.5px;
	font-size:13px;
}

#coords{
	margin:0 auto;
	width:1170px;
	height:46px;
}

#coords img{
	vertical-align:middle;
	margin:0 10px 0 10px;
}

#toptel{
	width:380px;
	float:left;
	padding-top:7px;
}

#topmail{
	width:400px;
	float:left;
	text-align:center;
	padding-top:7px;
}

#facebook_btn{
	width:300px;
	float:right;
	text-align:right;
}

#logo_container{
	background-color:#F6F4F4;
	background-image:linear-gradient(to bottom, #F6F4F4, #E5E5E5);
}

#logo{
	width:1170px;
	margin:0 auto;
	text-align:center;
	height:167px;
}

#logo img{
	margin-top:30px;
	margin-left:25px;
	width:256px;
	height:110px;
}

#content{
	background-image:linear-gradient(to bottom, #F6F4F4,#F6F4F4,#F6F4F4, #E5E5E5);
}


/*********************************************** menu ***********************************/
#menu_layout{
	border-bottom:5px solid #A3D3DA;
	background:#fff;
}
#menu_container{
	width:1170px;
	margin:0 auto;
}

#menu{
	height:60px;
}

#menu ul{
	margin:0;
	padding:0;
	height:60px;
	margin-left:0px;
}

#menu ul li{
	list-style:none;
	display:inline;
}

#menu ul li a{
	display:block;
	padding:0px;
	height:60px;
	width:290px;
	float:left;
	line-height:60px;
	font-size:20px;
	letter-spacing:3px;
	font-family:'dental bold';
	color:#52575E !important;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
}

.nopadding{
	padding:0 !important;
}
/************************ lavalamp **************************************/
#nav {position: relative; float: left; height:50px;}
#nav li { float: left;list-style: none; }
#nav li.separate_nav { padding-top:0px; height:60px !important; }
#nav li a {z-index: 2; position: relative; cursor: pointer; float: left; text-decoration: none; }
#nav li:hover a, #nav li a:hover {color: #008697 !important;}
#nav li#selected a {color: #008697;}
#blob {background-color:#008697; margin-left:55px; width:15% !important; position: absolute; z-index: 1; top: 60px !important; height:5px !important;
} 
 
/*********************************************************************************/
#banner{
	background:url(../images/banner1.jpg) no-repeat top center;
	height:448px;
}

#banner_interne{
	background:url(../images/interne_banner.png) no-repeat top center;
	height:220px;
}

#logos{
	margin:0 auto;
	width:1170px;
	height:212px;
	margin-top:-36px;
}

#logo_separator{
	text-align:center;
}

.logo_container{
	width:390px;
	float:left;
	height:211px;
	text-align:center;
	display:table;
}

.logo_container a{
	display:table-cell;
    vertical-align:middle;
}

/********************************** contenu *******************************************/
#acc_presentation{
	width:1170px;
	margin:0 auto;
	margin-top:20px;
	padding-bottom:60px;
}

#acc_text{
	float:left;
	margin-top:50px;
	width: 750px;
	text-align:justify;
	color:#666;
	line-height:30px;
}

#savoirplus{
	margin-top:30px;
}

#facebook_container{
	float:right;
	width:350px;
	margin-top:50px;
}

#slide_prod{
	width:1170px;
	height:370px;
	margin:0 auto;
}

#slide_prod .bx-wrapper .bx-viewport{
	height:400px !important;
}

#slide_ref{
	width:1170px;
	height:435px;
	margin:0 auto;
	margin-top:70px;
}

.slide_title{
	width:1170px;
	text-align:center;
	margin-top:10px;
	margin-bottom:40px;
	letter-spacing:3px;
	font-family:'dental';
	font-size:40px;
	color:#008697;
	height:40px;
}

#prod_slider, #ref_slider{
	margin-top:40px;
	height:235px;
}

.ref_element{
	text-align:center;
}

.ref_element img{
	text-align:center;
	border: 1px solid #A3D3DA;
}

.ref_element_img{
	background-position:bottom;
	padding-bottom:9px;
}

.ref_element_txt{
	font-size:18px;
	color:#000;
	padding:0 50px;
	text-align:center;
	margin:20px 0;
	height:40px;
	line-height:20px;
}

.ref_element_link{
	margin-top:25px;
	text-align:center;
}

/************************************************* footer ************************************/
.footer {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  background:url(../images/footer_bg.jpg) repeat-x bottom center;
  position: relative;
  height:291px;
}

  .footer .container {
    width: 1170px;
    margin: 0px auto;
    padding: 0px 0px 0px 0px; 
}

.footer .container .top-footer {
  margin: 0px 0px 0px 0px;
  padding:0px;
  position: relative; 
}



      .footer .container .top-footer .first-top-footer {
		float:left;
		width:362px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 5px 0px; }

        .footer .container .top-footer .first-top-footer .first-top-footer-content {
          margin: 0px 0px 0px 0px;
          padding: 0px 0px 0px 0px; }
          
		  footer .container .top-footer .first-top-footer .first-top-footer-content ul {
			 padding-left:60px; 
		  }
			
          .footer .container .top-footer .first-top-footer .first-top-footer-content ul li {
			list-style:none;
            padding-bottom: 6px;
            line-height: 23px; 
		  }
          .footer .container .top-footer .first-top-footer .first-top-footer-content ul li a{
				text-decoration:none;
                color:#52575E;
				font-family:Arial, Helvetica, sans-serif;
				font-size:16px;
		  }
          .footer .container .top-footer .first-top-footer .first-top-footer-content ul li a:hover {
              color: #008697; 
			}



      .footer .container .top-footer .second-top-footer {
		float:left;
		width:440px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 5px 0px; }
        /* line 129, ../scss/layout/_footer.scss */
        .footer .container .top-footer .second-top-footer .second-top-footer-content {
          margin: 0px 0px 0px 0px;
          padding: 0px 0px 0px 0px;
          color: #52575E; }
          .footer .container .top-footer .second-top-footer .second-top-footer-content .top-footer-information {
            margin: 0px 0px 45px 0px;
            padding: 0px 0px 0px 0px; }
		.footer .container .top-footer .second-top-footer .second-top-footer-content .top-footer-information .bottom_info {
            margin: 0px 0px 1px 0px;
            padding: 0px 0px 0px 0px;
			line-height:22px;
			font-style:italic;
			font-size:14px;
			font-family:Arial, Helvetica, sans-serif; }
		.footer .container .top-footer .second-top-footer .second-top-footer-content .top-footer-information .bottom_info span {
			font-weight:bold;
      }
            


      .footer .container .top-footer .third-top-footer {
		float:right;
		width:300px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 5px 0px; }
        /* line 173, ../scss/layout/_footer.scss */
        .footer .container .top-footer .third-top-footer .third-top-footer-content {
          margin: 0px 0px 0px 0px;
          padding: 0px 0px 0px 0px;
          color: black; }
		 .footer .container .top-footer .third-top-footer .third-top-footer-content .top-footer-information{
          padding-left:30px;
		  padding-top: 10px; }
         

      .footer .container .top-footer .first-top-footer h5,
      .footer .container .top-footer .second-top-footer h5,
      .footer .container .top-footer .third-top-footer h5,
      .footer .container .top-footer .fourth-top-footer h5 {
		  font-family:'dental bold';
		  font-size:25px;
		  color:#52575E;
		  margin-top:0px;
		  height:70px;
		  line-height:70px;
          margin-left: 60px;
          margin-bottom: 15px;
	  }

.copyright p{
	text-align:center;
	font-size:13px;
	color:#52575E;
}

.copyright p a{
	text-decoration:none;
	font-size:13px;
	color:#52575E;
	font-weight:bold;
}
/************************ pages internes *****************************/
.prestext1, .prestext2{
	width:800px;
	padding-top: 25px;
    line-height: 30px;
	text-align:justify;
}

.prestext1{
	float:left;
	margin-left:30px;
}

.prestext2{
	float:right;
	margin-right:30px;
}

#presimg1,#presimg2{
	width:225px;
	height:307px;
}

#presimg1{
	float:right;
	margin-right:50px;
}

#presimg2{
	float:left;
	margin-left:30px;
}

/******************************* contacts *************************************/
.contact_form h3{
	margin-top:0;
	margin-bottom:60px;
	color:#52575E;
	font-size:20px;
}

.coord_text{
	color:#52575E;
	font-size:15px;
	line-height:26px;
	font-family:Arial, Helvetica, sans-serif;
}

.coord_text h5{
	font-weight:bold;
	font-size:16px;
	margin-bottom:17px;
}

.coord_text span{
	font-weight:bold;
}

.forms{
	width:665px;
	margin-right:50px;
	float:left;
}

.coordonnes{
	width:410px;
	float:right;
}

.separator{
	float:left;
	margin-top:85px;
}

#coord_container{
	height:313px;
	width:1024px;
}

.coord{
	padding-top:45px;
}

.contact_info{
	width:1024px;
	letter-spacing:1.2px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#006352;
	font-family:Arial, Helvetica, sans-serif;
	line-height:25px;
}

.contact_info strong{
    color:#ff0000;
    font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}

#formulaire{
	margin-bottom:80px;
}

#form_container{
	width:1170px;
	height:441px;
	margin-top:35px;
}

#form_part1{
	width:540px;
	padding-top:50px;
	float:left;
}

#form_part2{
	width:555px;
	padding-top:50px;
	float:right;
}

.champs{
	height:70px;
}

.label{
	float:left;
	line-height:45px;
	text-align:right;
	width:130px;
	height:54px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:15px;
	color:#4D4D4D;
}

.input{
	float: right;
	width:514px;
	height:56px;
	background:url(../images/input_bg.png) no-repeat top left;
}

.select{
	float: right;
	width:267px;
	height:42px;
	background:url(../images/select_bg.png) no-repeat top left;
}

#formulaire .input input{
	border:none;
	background:none;
	padding: 0 10px;
    width: 494px;
    height: 55px;
	outline:none;
}

#formulaire .select select{
	border:none;
	background:none;
	padding: 0 10px;
	appearance: none;
	-webkit-appearance:none;
	-moz-appearance:none;
    width: 267px;
    height: 40px;
	outline:none;
}

#formulaire select option{
	height:20px;
}

#special{
	background:url(../images/special_input_bg.png) no-repeat top left;
}

#textarea_bg{
	background:url(../images/textarea_bg.png) no-repeat top left;
	width:514px;
	height:260px;
	float:right;
}

textarea{
	border:none;
	outline:none;
	padding:10px;
    height: 240px;
    width: 494px;
	background:none;
}

#envoi{
	margin-top:20px;
	margin-left:150px;
}

#envoyer{
	background:url(../images/send.png) no-repeat top left;
	width:233px;
	border:none;
	cursor:pointer;
	margin-right:43px;
	height:58px;
}

#effacer{
	background:url(../images/reset.png) no-repeat top left;
	width:233px;
	height:58px;
	border:none;
	cursor:pointer;
}

#envoyer_en{
	background:url(../images/send_en.png) no-repeat top left;
	width:178px;
	border:none;
	cursor:pointer;
	margin-right:31px;
	height:52px;
}

#effacer_en{
	background:url(../images/reset_en.png) no-repeat top left;
	width:178px;
	height:52px;
	border:none;
	cursor:pointer;
}

#map-block{
	height:445px;
}


/******************************* Produits ***********************************/
.marque_selector{
	width: 1173px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border-radius: 16px;
    text-align: center;
    border: 1px solid #333;
    height: 257px;
    margin-top: 60px;
    background: #fff;
}

.fleche{
	background: url("/images/fleche.png") no-repeat bottom center;
	height:21px;
}

.marque_selector a{
   display:block;
   float:left;
   width:195px;
   height:128px;
}

.marque_selector a img{
	width:167px;
	padding-top: 11px;
 }

.marque_selector a:hover{
	background:rgba(166,168,171,0.15);
}

.selecte{
	background:rgba(166,168,171,0.15);
}

.firstmarque{
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}

.lastmarque{
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

.prod_container{
	margin-top:70px;
}

.prod_container a{
   display:block;
   float:left;
   width:226px;
   height:226px;
   margin-right:88px;
   margin-bottom:70px;
}

#websitelink{
	text-align:center;
}