/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}

/* Global */
::-moz-selection{background:#b3d4fc;text-shadow:none;}
::selection{background:#b3d4fc;text-shadow:none;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
audio,canvas,iframe,img,svg,video{vertical-align:middle;}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}
.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

body{padding:0 80px 40px;}
.container{/*background:pink;*/ max-width:1080px;width:100%;margin:0 auto;}
.content{position:relative;}
.content-nomargin{position:relative;margin-top:40px;}
img{width:100%;}
.small-img{display:none;}
.brand{display:block;margin:80px 0 60px;}
.home .brand{margin:80px 0 120px;}

header{display:block;margin:0 0 60px;position:relative;width:100%;}
#menu-icon{position:absolute;right:0;top:-2px;display:block;height:24px;width:37px;cursor:pointer;/*transition:all ease .3s;*/transform:translate(0, 0) rotate(0deg);transform-origin:50% 50%;}
#menu-icon .ico-bar{border-radius:10px;height:2px;width:100%;display:block;background:#747373;margin-bottom:5px;transition:all ease .3s;opacity:1;transform:translate(0, 0) rotate(0deg);}
#menu-icon .ico-bar:last-child{width:55%;}
#menu-icon.clicked .ico-bar:last-child,
#menu-icon.clicked .ico-bar:first-child{opacity:0;}
#menu-icon.clicked .ico-bar{transition:all ease .3s;transform:translate(1px, 5px) rotate(45deg);background-color:#B20E10}
#menu-icon.clicked .ico-bar.ico-2{transform:translate(2px, -1px) rotate(-45deg);}
#menu-icon.clicked{transform:translate(0, 0) rotate(180deg);}

.part{margin:40px 0}

nav{transition:all ease .3s;height:0;margin:0;padding:0;overflow:hidden;opacity:0;}
nav.open{transition:all ease .3s;height:80px;opacity:1;}
nav:after{content:'';display:block;clear:both;}
nav ul{margin:0;padding:0;list-style-type:none;text-align:right}
nav ul li{margin:20px 10px;padding:0;display:inline-block;/* width:33.33333%;float:left;*/ text-align:right;vertical-align:top}
nav ul li a{display:block;padding:10px;text-decoration:none;}
nav ul li:last-child{margin-right:0;}
nav ul li:last-child a{padding-right:0;}
nav ul li a:hover{text-decoration:none;}
nav ul li.selected a{text-decoration:underline;}

.row{margin:0 -60px;}
.row:after{content:'';display:block;clear:both;}
.col4{width:calc(33.33333% - 120px);margin:0 60px;float:left;}
.col4.pull-right{float:right;}
.item{margin-bottom:80px;position:relative;transition:all ease .2s;opacity:1;}
.pull-right .item{margin-bottom:0;}
/*.item:hover{opacity:.75;}*/
.item a{display:block;position:absolute;left:0;top:0;width:100%;height:100%;transition:all ease .2s;text-align:center;text-decoration:none;}
.item a:hover{background:rgba(255,255,255,.85);text-decoration:none;}
.item a .table{display:table;width:100%;height:100%;opacity:0;transition:all ease .2s;color:#747373;}
.item a:hover .table{opacity:1;}
.item a .table-cell{display:table-cell;vertical-align:middle;padding:0 5%;}




footer{margin-top:40px;}
footer p{margin:0;}
.footer-int{width:33.33333%;position:absolute;left:0;bottom:0;}

/* Typographie */
body{font-size:87.5%;line-height:1.5;color:#747373;font-family:Arial, Helvetica, sans-serif;}
a{color:#B20E10;}
a:hover{color:#747373;text-decoration:underline;}
.red{color:#B20E10;}

footer a{color:#747373;text-decoration:underline;}

h1, .page-title{color:#B20E10;font-weight:400;font-size:1em;margin:.5em 0 .1em}
h1{margin:-4px 0 2em;}
h2{color:#B20E10;font-weight:400;font-size:1em;margin:.5em 0 1em}
h3{color:#B20E10;font-weight:400;font-size:1em;margin:.5em 0 0}
.bloc-title{text-transform:uppercase;letter-spacing:0.01em;}

p{margin:0 0 1em;}

.simple-list{list-style-type:none;padding:0;margin:0 0 20px;}
.simple-list li{margin:2px 0;}

table{margin-bottom:10px;}
table td{vertical-align:top;}

/* Pages */
/* ---- Home ---- */
.home footer{margin-top:40px;}

/* ---- News ---- */
.news-item{margin-bottom:40px;}
.news-item:after{content:'';display:block;clear:both;}
.text-content{width:33.33333%;float:left;padding-right:30px;}
.news-item h2{margin:0 0 .4em;}
.news-item img{float:left;width:66.66666%;}

/* ---- À propos ---- */
.a-propos td{position:relative;padding:3px 80px 3px 0;}
.a-propos tr td:first-child{white-space:nowrap;}
.a-propos tr td:last-child{padding-right:0;}
.a-propos td a.info-mail{display:block;text-decoration:none;}
.a-propos td a.info-mail:active,
.a-propos td a.info-mail:focus{color:#747474;text-decoration:none;}
.a-propos td a.mail-content{position:absolute;left:12px;top:-38px;background:#B20E10;color:#fff;text-decoration:none;display:inline-block;padding:5px 14px 4px;opacity:0;transition:all ease .3s;z-index:-1;font-size:.875em;}
.a-propos td a.mail-content:after{content:'';display:block;border-left:0px solid transparent;border-right:11px solid transparent;border-top:17px solid #B20E10;position:absolute;left:0;top:100%;transition:all ease .3s;}
.a-propos td a.mail-content.show-mail{opacity:1;z-index:1;}
.a-propos td a.mail-content:hover{background-color:#9b0a0c;}
.a-propos td a.mail-content:hover:after{border-top-color:#9b0a0c}

.img-effect{position:relative;}
.img-effect .img-2{position:absolute;top:0;left:0;opacity:0;transition:all ease .3s;}
.img-effect:hover .img-2{opacity:1;}

/* ---- Projets ---- */
.arrows{width:300px;position:absolute;left:calc(33.33333% - 10px);top:-10px;}
.arrows a{text-decoration:none;color:#747474;transition:all ease .2s;position:absolute;top:0;display:block;height:42px;width:42px;font-size:2em;opacity:1;}
.arrows a svg{position:absolute;left:0;top:0;transition:all ease .2s;}
.arrows a.next:hover svg{left:5px;}
.arrows a.prev:hover svg{left:-5px;}
.arrows a:hover{opacity:.75}
.arrows .prev{left:0;}
.arrows .next{right:0;}

.text-content table tr td:first-child{padding-right:20px;}

.projet-item:after{content:'';display:block;clear:both;}
.img-content{float:left;width:66.6666666%}
.img-content img{margin-bottom:40px;}
.img-content-l img{margin:40px 0;}
.img-content img:last-child{margin-bottom:0}
.img-content-l{float:right;margin-right:-60px;}

.full-content{width:calc(100% + 160px);position:relative;z-index:1;margin:-200px -80px -80px -80px}
.full-content.under{z-index:-1;}
.bordered-img{display:block;background:#fff;padding:30px 0;position:relative;z-index:1;margin:-30px 0 10px}

.bordered-img:before,
.bordered-img:after{content:'';display:block;background:#fff;position:absolute;top:0;left:-30px;width:30px;height:100%;}
.bordered-img:after{right:-30px;left:auto;}

.copyrightImg{position:relative;top:-35px;}



.fixed header{position:fixed;background:#FFF;z-index:2;margin:0;padding:15px 0;top:50px;left:0;/*border-bottom:solid 1px #747373;*/}
.fixed header nav ul li{margin-top:0;margin-bottom:0;}
.fixed .brand{position:fixed;background:#FFF;z-index:2;margin:0;padding:15px 0;width:100%;left:0;top:0;}
.fixed .brand .standard-img{width:600px;}
.fixed header .arrows a{top:15px;}
.fixed header #menu-icon{top:15px;}

.home .item a{text-indent:-9999px;font-size:0;line-height:0;}
.home .item a:hover{background:rgba(255,255,255,.3);}

.agrandissement-ecole-des-collines .full-content{margin:0px -80px -80px -80px;}

video{max-width:100%;}

footer{position:relative;}
.instagramFooter{width:28px;position:absolute;bottom:0;right:0;display:block;}
.projet .instagramFooter{right:15px;}
.instagramFooter img{width:28px;}








/* Responsive */

@media screen and (min-width:991px){
	.news .instagramFooter{margin-right:30px;}
}


@media screen and (max-width:990px){
 .home .brand{margin:60px 0 80px;}
 .brand{margin:60px 0}

 .row{margin:0 -30px;}
 .col4{width:calc(33.33333% - 60px);margin:0 30px;}

 .item{margin-bottom:40px;}
 .pull-right .item{margin-bottom:40px;}
 .pull-right.last .item{margin-bottom:0;}

 .text-content{width:50%;}
 .news-item img{width:50%;}

 .projet .text-content,
 .projet .img-content{width:100%;float:none;}
 .projet .img-content-l{float:right;margin-right:0;}

 .full-content{margin:-150px -80px -80px -80px}

 .footer-int{width:100%;position:static;margin-top:40px;}
 
 .item a:hover{background:rgba(255,255,255,0);}
 .item a:hover .table{opacity:0;}
 /*.item a{background:rgba(255,255,255,.85);text-decoration:none;}
 .item a .table{opacity:1;}
 .home .item a{background:rgba(255,255,255,0);}*/
}

@media screen and (max-width:768px){
 body{padding:0 40px 40px;}
 .home .brand{margin:40px 0 60px;}
 .brand{margin:40px 0}
 .small-img{display:block;}
 
 .fixed .small-img{width:380px;}
 
 .standard-img{display:none;}
 header{margin-bottom:40px}

 nav.open{height:120px;}
 nav ul{text-align:left;}
 nav ul li{margin:10px 0;width:32%;text-align:left;}
 nav ul li:first-child{margin-left:0;}
 nav ul li a,
 nav ul li:first-child a{padding-left:0;}
 nav ul li:last-child{margin-left:0;}
 nav ul li:last-child a{padding-right:0;}

 .sep-block{display:block;clear:both;}
 .col4{width:calc(50% - 60px);}

 .a-propos td{padding:3px 10px 3px 0;}

 .arrows{width:150px;left:auto;right:80px}

 .full-content{width:calc(100% + 80px);margin:-100px -40px -60px -40px}

 .bordered-img{padding-top:10px;}
 .bordered-img:before,
 .bordered-img:after{left:-10px;width:10px;}
 .bordered-img:after{right:-10px;left:auto;}
  h1{margin-bottom:1em;}
}

@media screen and (max-width:480px){
 body{padding:0 20px 20px;}
 .home .brand{margin:20px 0 40px;}
 .brand{margin:20px 0 40px}
 .fixed .small-img{width:100%;}

 .row{margin:0;}
 .col4{width:100%;margin:0;}

 .text-content{width:100%;float:none;}
 .news-item img{width:100%;float:none;}

 .arrows{width:100px;right:60px}

 .full-content{width:calc(100% + 40px);margin:-100px -20px -40px -20px}

 .bordered-img{padding-top:6px;}
 .bordered-img:before,
 .bordered-img:after{left:-6px;width:6px;}
 .bordered-img:after{right:-6px;left:auto;}
}
