body { font-weight: 600; font-family: 'Raleway', sans-serif; font-size: 8px; }

h1 {font-size: 4em; font-weight: 600; line-height: 1.4em; color: #000}

h2 {font-weight: 900; font-size: 3.5em; }
p{line-height: 1.4em;}
main{padding-top: 50px; padding-bottom: 50px}

h1, h2, h3, h4, p{margin-bottom: 1em;}

.contentMaxSize > *, .wMax1150{max-width: 1150px; margin:auto }
.wMax1350{max-width: 1350px; margin:auto }


a{color: inherit; transition: color .3s}
a:hover{color: #FFF;}



/********************************************************
 *           header   
 *******************************************************/

header {border-bottom:25px #000 solid;background: #70b5d9;position: relative;z-index: 2; font-size: 10px; }
  header .logo_space {display: inline-block;vertical-align: middle;  max-width: 300px;margin: auto; width: 30%}
    /*header .logo_space img{width: 100%; }*/
   
    header .logo_space a{text-transform: uppercase; font-size: 2vw;font-weight: bold; text-decoration: none; }
  header .reste {width: 70%;display: inline-block;text-align: right; position: relative; padding-right: 10px;vertical-align: middle; text-align: center;}
  
  header h1{color: #FFF; margin-bottom: 0; margin-top: 0.2em; font-size: 4.5em;font-weight: 900;}
  
    header nav ul {display: inline-block; width: 95%}
    header nav #btn_search{display: inline-block; width: 5%; display: none;}
    header nav ul>li{ overflow: hidden; }
      header nav ul li { display: inline-block; text-align: left; margin: 0 2%; vertical-align: middle; line-height: 2em;position: relative;transition: all 0.5s;}
        header nav ul li a { text-decoration: none; font-size: 1.5em; }
        
        header nav ul ul{display: block; position: absolute; top:80px; width: 150%; background: rgba(255,255,255,0.7); opacity: 0; transition: opacity 0.5s; margin-left: -25%;}
        header nav ul ul::before{content:""; width: 100%; position: absolute;top: 0; height: 1px; display: block;background: #F08202; }
        
        header nav  ul li:hover ul{opacity: 1}
        header nav  ul li:hover{overflow: visible; padding-bottom: 50px; padding-top: 50px; margin-top: -50px; margin-bottom: -50px}
        header nav  ul li li:hover{padding: 0; margin: 10px 0;}
        header nav ul ul li{ margin: 10px 0; padding: 0; width: 100%; display: block;text-align: center; font-size: 0.8em;}
        

    

main{padding-top: 20px}
/********************************************************
 *              Search Bar
 *******************************************************/
#searchActive{display: none;}
  header form { opacity: 0; width: 0; height: 100%;background-color: #FFF; display: block; position: absolute; top: 0; right: 0; transition: all .5s;}
    header form .searchbar { display: inline-block; border:none; border-bottom: 1px solid #F08202; width: 60%; margin: auto; text-align: center;}
    header #btn_search .fa-close{color: #FFF; position: absolute; z-index: 3; font-size: 0.65em;top: -20px; right: 1.2px;}
    header form button, #btn_search{ font-size: 1.4em; color: #000;transition: color .3s}
    header form button{cursor:pointer;position: absolute; top: 0; right: 0; background: transparent; border: 0; display: none;}
    header form button:hover, #btn_search:hover{color: #F08202}
#searchActive:checked ~ form{ z-index: 2; opacity: 1; width: 100%}
#searchActive:checked ~ form::after{content: ""; background: #BBB; width: 10px; height: 10px; border-radius: 50%; position: absolute; top: -20px; right: 0;}
#searchActive:checked ~ form .searchbar{padding: 4px 23px;}
#searchActive:checked ~ form button{display: block;}
/********************************************************
 *              slider
 *******************************************************/
.slider{height: 450px; overflow: hidden;}


/********************************************************
 *           menu   
 *******************************************************/

#ShowMenu:target {height: 100%;display: block;position: fixed;opacity: 1;overflow: scroll;animation-name: open_menu;animation-duration: 2s; }

#A_close-menu {display: none;position: absolute;top: 40px;right: 40px;background: #203676;z-index: 9999999;font-size: 20px;text-decoration: none;color: #FFF; }

#menuBtn {z-index: 0; }



#ShowMenu:target #close {display: block; }

#close {display: none; }









h3{text-transform: uppercase; font-size: 3em; display: inline-block; position: relative; padding-bottom: 5px}
h3::after{content: ""; display: block; width: 100%; height: 5px; background-color: #000}
h4{font-size: 2.6em; font-weight: normal;}


/********************************************************
 *             footer 
 *******************************************************/

footer {font-size: 2em;background: #70b5d9;color: #000;text-align: center;display: block; padding: 25px 0; border-top:25px #000 solid;}
footer ul li ul{display: block; padding-top: 15px;}
footer  nav{text-align: left;}
footer  nav > ul > li {display: inline-block;padding: 0 22px;max-width:20%;vertical-align: top;font-weight: bold; text-transform: uppercase; line-height: 1.4em;}
footer  nav > ul li li{font-weight: normal; text-transform: none;}
footer nav > ul>li:last-of-type {border-right: 0; }
footer a {color: #fff;text-decoration: none; }
footer p{margin: 0;}
.footerMenu{ border-right: 1px solid #999}

footer p strong{font-size: 1.35em;}
/*footer::after{content: "";width: 100%; clear:both; display: block;}*/



/********************************************************
 *              TD
 *******************************************************/
.noamKroll .article{ width: 47.5%; margin: 1.25%; display: inline-block; text-align: center;vertical-align: top;font-size: 1.3em;}
.noamKroll .article *{margin-bottom: 2.5%;}
.noamKroll .article .img4zoom{padding-bottom: 52.5%; overflow: hidden; position: relative;}
.noamKroll .article .imgBlog{transition: all .3s;position: absolute;top: 0;left: 0; width: 100%; height: 100%;background-size: cover; background-position: center center; }
.noamKroll .article h2{font-size: 3.5em; font-weight: 100;}
.noamKroll .article p{font-size: 1.5em;}
.noamKroll .article .date{color: #999; font-style: italic;}
.noamKroll .article a{text-decoration: none;}
.noamKroll .article a:hover .imgBlog{transform: scale(1.2);/*width: 120%; height: 120%;top: -10%; left: -10%;*/}
/********************************************************
 *            form 
 *******************************************************/

.form{width: 70%; margin-left: auto; margin-right: auto}
.form form > .bloc { margin-bottom:20px; }
.form .bloc .bloc2{margin-bottom: 0; margin-top: 0;}
.form input[type="text"], .form textarea, .form input[type="email"], .form input[type="tel"]{ background: #EBEBEB; border: 1px solid transparent; height: 58px; border-radius: 25px; width: 100%; padding: 0 0 0 30px; color: #000; font-size: 1.8em; box-sizing: border-box; box-shadow: 0px 3px 5px 2px rgba(238, 238, 238, 0.8); }
.form textarea {height: 260px;padding-top: 10px; width: 100%}

.form button p{display: inline-block; margin: 0; font-size: 1.4em; border-top: 4px solid #000;text-transform: uppercase;padding:5px 15px }
.form button p:hover {background: rgba(204, 204, 204, 0.4); }
.form button {text-align: center; background: transparent; border:none; cursor: pointer;display: block;width: 100%;}

.form .check_or_radio .bloc{min-width: 31.66%; width: auto; margin-left: 2.5%; display: inline-block;}
.form .check_or_radio .bloc:nth-child(3), .form .check_or_radio .bloc:nth-child(6), .form .check_or_radio .bloc:nth-child(9), .form .check_or_radio .bloc:nth-child(12){margin-left: 0}
.form .check_or_radio > div  p{font-size: 1.3em; display: inline-block; vertical-align: middle;margin: 0;}
.form .check_or_radio input{vertical-align: middle; margin-left:20px;}

/********************************************************
 *              Cms
 *******************************************************/
.page p{ font-size: 2.4em; }