body, html {padding: 0;margin: 0;}
body {background-image: url(img/1.jpg);background-size: 100% 100%;background-attachment: fixed;}
a, a:hover {text-decoration: none;}
span {text-decoration: none;}
.container-fluid {padding: 0;margin: 0;}
.site-content {padding: 0;margin: 0;}
.site-cache {padding: 0;right: 0;}
.container {margin: 0;}
.separator {height: 3px;width: 5%;border: none;box-shadow: none;background-color: white;}
.alignleft {float: left;}
.alignright {float: right;}

/*--------------------HEADER--------------------*/
@media screen and (min-width: 750px) {
	.header {background-color: white;position: fixed;height: 140px;width: 100%;padding: 5px;}
	.logoacceuil {float: left;background-image: url(img/Mylogo.png);background-size: 100%;background-repeat: no-repeat;height: auto;width: 200px;}
	.logoacceuil a {display: block;height: 100%;width: 100%;}
	.header p {color: black;position: absolute;margin-top: 15px;margin-left: 250px;}
	.fondmenu {width: auto;margin-top: 35px;height: 60px;background-color: 2B3133;}
	.menu {padding: 0;display: table;width: auto;height: 60px;margin-left: auto;margin-right: auto;}
    .menu li {display: table-cell;width: 200px;line-height: 60px;}
	.menu a {display: block;margin-left: 80px;text-align: center;color: white;transition: 1s;}
	.menu a:hover {color: black;transition: 1s;}
	.tec {display: none;}
} 
/*----------------------BANNIERE-------------------*/
.banniere {height: 100%;width: 100%;}
.entre {margin-top: 250px;display: block;text-align: center;color: black;font-weight: bold;}
.mess {width: 600px;margin-left: auto;margin-right: auto;text-align: center;color: red;background-color: rgba(255,250,227,0.5);margin-top: 50px;}
/*----------------------SERVICE--------------------*/
.service {background-image: url(img/4.jpg);background-size: 100% 100%;background-attachment: fixed;height: auto;min-height: 100%;width: 100%;}
.service .separator {background-color: white;}
.service h2 {margin-top: 70px;text-align: center;font-weight: bold;color: white;}
.service article {vertical-align: top;width: 170px;height: auto;margin: 30px;}
.service img {height: 100px;width: 100px;}
.flame {display: inline-block;text-align: center;color: white;}
.ardoise {display: inline-block;text-align: center;color: white;}
.resine {display: inline-block;text-align: center;color: white;}
.ban {text-align: center;margin-top: 70px;}
/*----------------------REALISATION--------------------*/
.realisation {width: 100%;height: auto;min-height: 100%;background-color: 2B3133;padding-bottom: 70px;}
.content {text-align: center;height: auto;padding: 10px;}
.realisation h2 {color: white;text-align: center;}
.realisation hr {height: 3px;width: 5%;border: none;background-color: white;box-shadow: none;text-align: center;}
.realisation p {color: white;margin-bottom: 30px;text-align: center;}
.photo {text-align: center;width: auto;display: inline-block;}
.realisation article {padding: 0;height: 200px;width: 32.98%;}
article img {padding: 0;height: 200px;width: 100%;}
.photo-deux {display: inline-block;}
.photo-trois {display: inline-block;}
.photo-quatre {margin-top: 40px;display: inline-block;}
.photo-cinq {margin-top: 40px;display: inline-block;}
.photo-six {margin-top: 40px;display: inline-block;}
/*-------------------------A PROPOS------------------*/
.propos {height: auto;min-height: 100%;width: 100%;}
.block {height: auto;width: auto;background-color: #2B3133;color: white;text-align: center;margin: 15% 10%;padding: 50px 60px;}
.block hr {height: 3px;width: 5%;border: none;background-color: white;box-shadow: none;text-align: center;}	
/*---------------------SLYDE-------------------------*/
.slyde {height: 50%;width: 100%;background-image: url(img/2.jpg);background-size: 100% 100%;background-attachment: fixed;}
/*--------------------PARTENAIRE---------------------*/
.partenaire {height: auto;width: 100%;font-weight: bold;display: block;color: black;text-align: center;margin-bottom: 30px;}
.logopart {height: 50px;width: auto;}
.logopart img {display: inline-block;height: 100%;margin-right: 50px;}
/*------------------------footer-----------------------*/
.footer {height: 210px;width: 100%;background-color: black;color: white;text-align: center;line-height: 60px;}
.footer span {position: absolute; right: 0;left: 0;margin-top: 145px;margin-bottom: 0; padding: 0;}
.adressfoot {height: auto;position: absolute;line-height: 1em;margin-top: 35px;margin-left: 60px}
.map {position: absolute;right: 5px;margin-top: 5px;}
/*------------------------smartphone------------------*/
@media screen and (max-width: 750px) {
	.site-pusher {height: 100%;transform: translateX(0);transition-duration: 1s;}
	.site-content {position: absolute;top: 60px;right: 0;left: 0;bottom: 0;padding-top: 0;overflow-y: scroll;-webkit-overflow-scrolling:touch;}
	.header {position: static;width: 100%;height: 60px;background-color: #2B3133;text-align: center;}
    .header__icon {position: relative;display: block;float: left;padding: 0;margin: 10px;width: 40px;height: 40px;cursor: pointer;}
    .header__icon:after {content: '';position: absolute;display: block;width: 20px;height: 0;top: 16px;left: 10px;box-shadow: 0 -3px 0 1px #fff, 0 5px 0 1px #fff, 0 13px 0 1px #fff;}
    .logoacceuil {top: 10px;right: 10px;background-image: url(img/7.png);background-size: 100% 100%;height: 40px;width: 40px;display: block;float: right;position: relative;cursor: pointer;}
    .logoacceuil a {height: 100%;width: 100%;display: block;}
    .tec {color: white;width: 100px; display: inline-block;margin-right: 40px;}
    .text {display: none;}
    .menu {position: absolute;padding: 0;left: 0;top: 0;text-align: center;bottom: 0;height: 100%;width: 200px;background-color: #333333;transform: translateX(-200px);}
    .menu li {display: block;text-align: center;height: 50px;line-height: 50px;}
    .menu a {color: white;display: block;text-decoration: none;border-bottom: 1px solid white;}
    .with__sidebar {transform: translateX(200px);transition-duration: 1s; }
    .with__sidebar .site-cache {position: absolute;height: auto;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.6);overflow-y: scroll;}
    .mess {width: 100%;}
    .service{background: none;}
    .service h2 {width: 100%;background-color: rgba(49,57,64,0.5);}
    .service article{padding: 10px;background-color: rgba(49,57,64,0.5);margin: 15px 20px 15px 20px;width: auto;}
    .block{padding: 10px;}
    .slyde{display: none;}
    .logopart img {height: 20px;margin-right: 5px;}
    .partenaire {margin-bottom: 0;}
    .map {display: none;}
    .footer {height: 60px;width: 100%;background-color: #2B3133;color: white;text-align: center;line-height: 60px;}
    .footer span {margin-top: 0;padding: 0;}
    .adressfoot {display: none;}
    .entre {margin-top: 100px;}
}