@charset "UTF-8";
/* CSS Document */

*{ margin:0; padding:0; border:none; box-sizing:border-box;  }
body{ color:#4d4d4d; font-family: Verdana, sans-serif; font-size:12px;  }

.wrapper{ margin: 0 auto; max-width:1200px; padding:0 20px }
.wrapper500{ margin: 0 auto; max-width:500px;  }
.wrapper600{ margin: 0 auto; max-width:600px; }
.wrapper700{ margin: 0 auto; max-width:700px; }

ul, li{ list-style:none; }
a{ text-decoration:none;color:#4d4d4d; }


.fromWYSIWYG{}
.fromWYSIWYG p{ margin-bottom:10px; font-size:12px; line-height:18px; }
.fromWYSIWYG a{ text-decoration:underline; color:#ec5d24; }
.fromWYSIWYG h1, .fromWYSIWYG h2, .fromWYSIWYG h3{ margin-bottom:16px; font-size:15px; }
.fromWYSIWYG h4, .fromWYSIWYG h5, .fromWYSIWYG h6{ margin-bottom:14px; font-size:10px; }
.fromWYSIWYG ul{ margin-bottom:10px; }
.fromWYSIWYG ul li{ list-style: inside disc  }

table { border-collapse:collapse; border-spacing:0; }
textarea { resize:none; }

.table { display:table; width:100%; height:100%; z-index:1; }
.cell { display:table-cell; vertical-align:middle; z-index:300 }

::-moz-selection { background:#292929; color:#fff; text-shadow:none }
::selection { background:#292929; color:#fff; text-shadow:none }

header{ text-align:center; }
header #headerT1{ position:relative }
header #headerT1 .top{ border-bottom:1px solid #ccc; padding:20px 0;  }
header #headerT1 .lang{ position:absolute; margin: 0 20px; right:0;     }
header #headerT1 .lang li{ display:inline-block; }

header #headerT1 .navigation{ padding:30px 0; }
header #headerT1 .navigation ul li{ display:inline-block; margin:0 10px;  }
header #headerT1 .navigation ul li a{ text-transform:uppercase;  }


header #headerT2 .top{ overflow:hidden ; clear:both; height:auto; padding:20px 50px}
header #headerT2 .logo{  text-align:left; display:inline-block; width:15% ; vertical-align:bottom}

header #headerT2 .navigation{ text-align:center; display:inline-block; width:69%; vertical-align:bottom }
header #headerT2 .navigation li{ display:inline-block; font-size:16px; }
header #headerT2 .navigation li a{ padding:0 10px; text-transform:uppercase; }
header #headerT2 .navigation li a.active,
header #headerT2 .navigation li a:hover{ color:#ec5d24}


header #headerT2 .lang{ display:inline-block; width: 15%; text-align: right;vertical-align:bottom }
header #headerT2 .lang li{ display:inline-block; }
header #headerT2 .lang li a{ color: #ec5d24; padding: 4px 5px 2px 5px; display: block; line-height: 12px;  }
header #headerT2 .lang li.active a,
header #headerT2 .lang li a:hover { background-color:#ec5d24;  color:#fff}


.banner{ min-height:600px; height:300px; background-color:#E3BA00; display:block; color:#fff; position:relative;  }
.banner h1{ font-size:38px; margin-bottom:30px }
.banner p{ font-size:12px;    }
.banner .table{ position:absolute; padding-bottom:30px; }
.banner .boxType{ margin-top:30px; display:none;   }
.banner .toBot2{ 
position: absolute;
bottom: 80px;
left: 50%;
margin-left: -30px;
z-index: 30;
background-color: red;
border-radius: 80px;
border: 3px solid #ffffff; cursor:pointer }

#sectPresentation{ text-align:center; }
#sectPresentation h4{ font-size:18px; margin-bottom:20px; }
#sectPresentation .fromWYSIWYG{ margin-bottom:30px; }
#sectPresentation img{ max-width:100%}

section#sectPresentation{ padding:50px 0; }
section#sectNewsletter{ background-color:#E3BA00; text-align:center; }
section#sectNewsletter h2{ color:#fff;  }

section#sectModule2{}
section#sectModule2 article.even{ background-color:#f2f2f2; }
section#sectModule2 article.odd{ background-color:#ec5d24; }
section#sectModule2 article{ overflow:hidden; padding:60px 0;  }
section#sectModule2 article .pict{ width:40%; display:inline-block; padding-right:6%; vertical-align:middle; }
section#sectModule2 article .content{ width:55%; display:inline-block; vertical-align:middle; }
section#sectModule2 article .pict img{ border-radius:300px; border:5px solid #fff;  }
section#sectModule2 article.even .pict img{ border:5px solid #ec5d24;  }
section#sectModule2 article.odd { color:#fff; }
section#sectModule2 article .content h3{ font-size:18px; margin-bottom:20px; }
section#sectModule2 article .content p{ line-height:17px; margin-bottom:10px; }
section#sectModule2 article .content a{ text-decoration:underline; color:#ec5d24; }
section#sectModule2 article.odd .content a{ color:#fff; }

section#sectModule3 article{ overflow:hidden; padding:60px 0; }
section#sectModule3 article .pict{ width:40%; display:inline-block; padding-left:6%; vertical-align:middle; }
section#sectModule3 article .content { width:55%; display:inline-block; vertical-align:middle; }
section#sectModule3 article .content h3{ font-size:18px;  margin-bottom:20px; color:#ec5d24; }
section#sectModule3 article .content p{ line-height:17px; margin-bottom:10px; }
section#sectModule3 article .content a{ text-decoration:underline; color:#ec5d24; }

section#sectContact{ background-color:#ec5d24; overflow:hidden; color:#fff; padding:20px 0  }
section#sectContact a{ color:#fff; }
section#sectContact h6{ font-size:15px; font-weight:bold; margin-bottom:10px;  }
section#sectContact  .social li{ display:inline-block; margin-right:10px;  }
section#sectContact  .social li img{ width:30px; }

.boxType{ font-size:16px; display:inline-block;  font-weight:bold; text-transform:uppercase; background-color:#ec5d24; padding:10px 20px; border:2px solid #fff;  }

.col3{ width:33.3%; float:left; }


.title{ background-color:#E3BA00; text-align:center; color:#fff; padding:20px 0; }

.bgOpac{ position:absolute; top:0; left:0; background-color:#000;  opacity:0.5; width:100%; height:100%;  }

.pict img{ display:block; width:100%; }
#sectModule1{ overflow:hidden; }

#sectSocials{ height:350px; text-align:center; position:relative;  }
#sectSocials .bgOpac{ position:absolute; top:0; left:0; background-color:#ec5d24; opacity:0.7;  width:100%; height:100%; }
#sectSocials .table{ position:absolute; }
#sectSocials  { color:#fff; }
#sectSocials h2 { font-size:38px; margin-bottom:30px;  }
#sectSocials ul li{ display:inline-block; margin:0 10px; }

footer{ background-color:#4d4d4d; overflow:hidden; color:#fff;   }
footer .col3{ padding:0 10px; }
footer .copy{ clear:both; background-color:#999999; text-align:center; padding:10px 0; font-size:9px; font-family:Helvetica, Verdana, sans-serif  }
footer .copy a{ color:#fff;  }
footer .infos{ padding:50px 0; overflow:hidden; font-size:10px;  }
footer .infos h3{ font-size:15px; text-transform:uppercase; margin-bottom:20px;  }
footer .infos h3::after{ content:'-'; font-size:0;  background-color:#fff; display:inline-block; width:50px; height:2px; vertical-align:middle; margin-left:10px; }
footer .infos a{ text-decoration:underline; color:#fff;  }

footer .socials {margin-top:15px; }
footer .socials li{ display:inline-block; margin-right:10px; }
footer .socials li img{ width:30px; }
footer .contactLine{ margin-bottom:10px; overflow:hidden; }
footer .contactLine h6{ float:left; width:30%; font-size:10px;  }
footer .contactLine p{ float:left; width:60%;  }

@media only screen and (max-width : 1000px) {
	header #headerT2 .top{ padding:20px 10px; }
	header #headerT2 .logo img{ max-width:100px; }
	header #headerT2 .logo{ width:10%; }
	header #headerT2 .navigation{ width:80%; }
	
}

@media only screen and (max-width : 700px) {
	header #headerT2 .logo{ display:block; width:100%; text-align:center;  margin-bottom:20px;  }
	header #headerT2  .navigation{ display:none; }
	header #headerT2 .lang{ width:100%; text-align:center; }
	.table{ position:relative; display:block; height:auto; min-height:0px;  }
	.banner .table{ position:relative; }
	.banner{ height:auto; min-height:0px; padding-bottom: 100px; padding-top: 40px; }
	
	#sectSocials { height:auto; min-height:0px; padding-bottom: 40px; padding-top: 40px; }
	#sectSocials  .table{ position:relative; }
	#sectSocials h2{ font-size:30px; }
	
	section#sectModule2 article{ text-align:center; }
	section#sectModule2 article .pict{ width:100%; max-width: 280px; padding:0; margin-bottom:30px }
	section#sectModule2 article .content{ width:100%; }
	
	section#sectModule3 article{ text-align:center; }
	section#sectModule3 article .pict{ width:100%; max-width: 280px; padding:0;  }
	section#sectModule3 article .content{ width:100%; margin-bottom:30px }
	.col3{ float:none; width:100%; }
	
	#sectContact .col3{ margin-bottom:30px; text-align:center; }
	footer .col3{ margin-bottom:50px; text-align:center }
	footer .col3 h3::after{ content:''; width:0; height:0; }
	
}

/*iphone*/
@media only screen and (min-width : 320px) and (max-width : 480px) {
    input[type="submit"]{
    -webkit-appearance: none;
     -moz-appearance: none;
     border-radius: 0;}
}

/*ipad*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
}

/*ipadportrait*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
}