.box{max-width:1000px;width:100%;margin:0px auto 0px auto; overflow:hidden;}
.box-2{max-width:1000px;width:100%;margin:0px auto 0px auto; overflow:hidden;}
.header{max-width:1000px;width:100%;margin:5px auto 0px auto; overflow:hidden; padding:20px 0;}
.slide-visual{max-width:1000px;width:100%;margin:5px auto 0px auto; overflow:hidden;}

.header-right{float:right; margin:0px 0 20px 0;}

.outils-bnt{background:url(../images/master/outils-icon.png) no-repeat 10px 3px;padding:5px 14px 5px 36px;border:1px solid #333;color:#333; margin-right:5px;}
.outils-bnt:hover{background:#EBEBEB url(../images/master/outils-icon.png) no-repeat 10px 3px;}
.contact-bnt{background:#d19478 url(../images/master/contact-icon.png) no-repeat 9px 4px;padding:5px 12px 5px 34px; color:#fff;}
.contact-bnt:hover{background:#bc7e61 url(../images/master/contact-icon.png) no-repeat 9px 4px;}

.logo{max-width:211px;width:100%;display:block;float:left;}
.logo img{ width:100%;}

.text-box01{font-size:1.2em;margin:30px auto; letter-spacing:0.8px;overflow:hidden;}
.text-box01 p{margin:15px 0; line-height:22px;font-family: sans-serif;}
.text-box01 img{float:right;}
.text-box01 samp{ float:left;}

.bg-01{background:url(../images/bg.jpg) repeat;padding:30px 0;width:100%; overflow:hidden;}
.bg-02{background:url(../images/bg.jpg) repeat;padding:30px 0 0 0;width:100%; overflow:hidden;}

.index-service01{width:49%;margin:0 1% 0px 0%; float:left; color:#000;position: relative;overflow: hidden; }
.index-service01 a{background-color:#503e36;display:block; color:#fff;padding-bottom:10px; opacity:1;height:230px;position:relative;}
.index-service01 h1{font-size:20px;margin:10px 15px;padding:0;font-weight:100; position:absolute;top:30%; border-bottom:1px solid #fff;}
.index-service01 h2{position:absolute;bottom:10px;background:url(../images/arrow-01.png) no-repeat;width:12px;height:15px;margin:10px 15px;}
.abgne-frame:hover img{opacity: 1;transform: scale(1.15,1.15);-webkit-transform:scale(1.15,1.15);-moz-transform:scale(1.15,1.15);-ms-transform:scale(1.15,1.15);-o-transform:scale(1.15,1.15);}
.abgne-frame img{ width:100%;-webkit-transition:all 0.25s ease-in-out; height:auto;opacity:0.5;-moz-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-ms-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;}

.index-service02{width:24%;margin:0 1% 0px 0%; float:left; color:#000;position: relative;overflow: hidden; }
.index-service02 a{background-color:#503e36;display:block; color:#fff;padding-bottom:10px; opacity:1;height:230px;position:relative;}
.index-service02 h1{font-size:20px;margin:10px 15px;padding:0;font-weight:100; position:absolute;top:30%; border-bottom:1px solid #fff;}
.index-service02 h2{position:absolute;bottom:10px;background:url(../images/arrow-01.png) no-repeat;width:12px;height:15px;margin:10px 15px;}

.footer{background-color:#d19478;padding:18px 0; overflow:hidden; letter-spacing:0.8px;}
.footer h1{ float:left; background:url(../images/master/logo-2.jpg) no-repeat; padding:2px 0 0 160px; color:#fff;font-size:0.8em;}
.footer samp{ padding-left:14px;}
.footer p{ opacity:0.6; margin:5px 0;}
.footer img{ float:left; margin-right:5px;}
.footer h2{ float:right; color:#FFFFFF; opacity:0.7; font-weight:100;font-size:0.8em; line-height:18px; width:30%;}

.top{background-color:#fff; position:fixed; bottom:0;right:0; display:block; text-align:center;}
.top:hover{box-shadow:4px 4px 4px 4px #cccccc;}

.apropos-banner{background:url(../images/banner/apropos-banner.jpg) no-repeat; background-size:cover;height:220px;}
.services-banner{background:url(../images/banner/services-banner.jpg) no-repeat; background-size:cover;height:220px;}
.missions-banner{background:url(../images/banner/missions-banner.jpg) no-repeat; background-size:cover;height:220px;}
.démarche-banner{background:url(../images/banner/démarche-banner.jpg) no-repeat; background-size:cover;height:220px;}
.outils-banner{background:url(../images/banner/outils-banner.jpg) no-repeat; background-size:cover;height:220px;}
.contact-banner{background:url(../images/banner/contact-banner.jpg) no-repeat; background-size:cover;height:220px;}


.aproprs-text{padding:30px 0 40px 0; overflow:hidden;}
.aproprs-text h1{width:45%;margin:0 2% 0 0;float:left;}
.aproprs-text h1 img{width:100%;}
.aproprs-text-right{width:53%;margin:0 0% 0 0;float:right;font-size:14px;line-height:22px;font-weight:100; padding-top:0px;}
.aproprs-text-right h3{font-size:40px;color:#9fa0a0;font-family:Aparajita;padding:40px 0 15px 0;}
.aproprs-text-right ul{margin-bottom:20px;color:#fff;width:100%;}
.aproprs-text-right ul li{background:#9fa0a0 url(../images/icon-01.jpg) no-repeat 8px 13px; border:1px solid #b2b2b2;padding:6px 10px 6px 22px;margin:3px 0; display:inline-block;}

.title01{font-weight:bold;margin:30px 0;font-size:2.2em;text-align:center;background:url(../images/line-01.jpg) no-repeat center bottom; padding-bottom:5px;text-transform:uppercase;}
.title02{font-size:48px;font-family:Aparajita;color:#9f9fa0;}

.services-box01{ overflow:hidden;}
.services-box01 ul{width:100%;}
.services-box01 ul li{width:50%; float:left;}
.services-box01 ul li h1{position:relative;z-index:-1;}
.services-box01 ul li h1 img{ width:100%;}
.services-box01 ul li h2{position:relative;z-index:1;top:-25px;background-color:#9f9fa0;border:1px solid #b2b2b2;width:92%;color:#fff;padding:12px; margin:0 4%; letter-spacing:0.8px; min-height:200px;}
.services-box01 ul li span{ font-size:1em; font-weight:100;}
.services-box01 ul li p{display:block;font-size:14px;font-weight:100;background:url(../images/icon-01.jpg) no-repeat 7px 5px; padding-left:20px; margin:10px 0;}
.services-box01 h3{ font-size:18px; color:#c5b692; text-align:center; padding:0px 0 40px 0; font-weight:100;font-style: italic;}

.services-bg{background:url(../images/services/services-img03.jpg) no-repeat;background-size:cover; height:140px;color:#fff;font-size:48px;font-family:Aparajita; padding-top:109px; margin-top:20px;}

.services-text01{}
.services-text01 h1{font-size:18px;}
.services-text01 ul{}
.services-text01 ul li{background:url(../images/icon-02.jpg) no-repeat 4px 5px; padding:0 0 0 18px; margin:8px 0;}
.services-text01 ul li ol{list-style-type:decimal;padding-left:18px;}
.services-text01 ul li ol li{background:none;padding:0 0 0 2px;margin:2px 0;}
.services-text01 span{border-bottom:1px solid #9f9fa0;width:100%; display:block; margin:15px 0;}
.services-text01 samp{color:#d19478;}
.services-text01 p{font-size:14px;line-height:22px;margin:10px 0 0 0;}

.services-text02{margin:30px auto; max-width:800px; overflow:hidden;}
.services-text02 h1{float:left;width:48%;margin:88px 2% 0 0; font-size:22px; line-height:27px;}
.services-text02 h2{float:right;width:50%; font-size:24px;}
.services-text02 h2 img{width:100%;}

.services-box01 >.missions-100 li{ width:100%;}
.services-box01 >.missions-100 li h2{width:96%;margin:0 2%;}
.services-box01 >.missions-100 ol{list-style-type:decimal;padding-left:40px;}
.services-box01 >.missions-100 ol li{float:none;padding:0; font-weight:100; margin:0;}

.missions-bg{background:url(../images/missions/missions-img04.png) no-repeat right bottom;padding-bottom:10px;}
.missions-text01-box{padding:40px 0;}
.missions-text01{overflow:hidden;}
.missions-text01 h2{float:left;width:50%;font-size:40px;font-family:Aparajita;color:#fff;background:url(../images/missions/missions-img02.jpg) no-repeat;min-height:220px;text-align:center;padding-top:8%;font-variant:small-caps;background-size:cover;}
.missions-text01 h3{float:left;width:50%;font-size:40px;font-family:Aparajita;color:#fff;background:url(../images/missions/missions-img03.jpg) no-repeat;min-height:220px;text-align:center;padding-top:8%;font-variant:small-caps;background-size:cover;}
.missions-text01 h4{float:left;width:52%;font-size:40px;font-family:Aparajita;color:#fff;background:url(../images/demarche-img01.jpg) no-repeat;min-height:320px;background-size:cover;margin:10px 0 40px 0;}
.missions-text01 ul{background-color:#9f9fa0;border:1px solid #b2b2b2;width:50%;color:#fff;padding:12px;margin:0;letter-spacing:0.8px;min-height:220px;float:left;}
.missions-text01 ul li{display:block;font-size:14px;font-weight:100;background:url(../images/icon-01.jpg) no-repeat 7px 5px; padding-left:20px; margin:10px 0;}

.missions-text01 >.demarche-t{width:48%;min-height:320px;padding:18px 12px; margin:10px 0 40px 0;}
.missions-text01 >.demarche-t li{margin:12px 0;}

.outils-text{}
.outils-text ul{ overflow:hidden; margin:15px 0 30px 0;}
.outils-text ul li{width:49%;float:left; margin-right:1%;}
.outils-text h1{font-family:Aparajita;color:#9f9fa0;font-size:23px;line-height:25px;font-weight:500; letter-spacing:0;}
.outils-text h2{background-color:#9f9fa0;border:1px solid #b2b2b2;width:100%;color:#fff;padding:24px 16px;letter-spacing:0.8px; min-height:150px;}
.outils-text h2 p{display:block;font-size:14px;font-weight:100;background:url(../images/icon-01.jpg) no-repeat 7px 5px; padding-left:20px; margin:10px 0; line-height:19px;}
.outils-text h3{color:#d19478;font-size:14px; font-weight:100; margin:10px 0;}

.outils-logo{width:50%; margin:25px 0;overflow:hidden;}
.outils-logo li{width:20%;float:left;font-size:14px;text-align:center;}
.outils-logo li p{margin-top:5px;}

.contact-text{background:url(../images/contact/contact-bg.jpg) no-repeat;width:795px;height:149px;margin:30px auto; padding:42px 0 0 270px;}
.contact-text h1{background:url(../images/contact/contact-icon01.jpg) no-repeat left 4px;font-size:18px;font-weight:500;padding:5px 0 5px 30px;display:inline-block;margin-right:30px;}
.contact-text h2{background:url(../images/contact/contact-icon02.jpg) no-repeat left 4px;font-size:18px;font-weight:500;padding:5px 0 5px 30px;display:inline-block;}

.contact-table{border:1px solid #d3cbb7;padding:40px 30px;width:85%;margin:0 auto;}
.contact-table ul{}
.contact-table ul li{}
.contact-table ul li h1{text-transform:uppercase;font-family:Aparajita;color:#9f9fa0;font-size:30px; font-weight:500; border-bottom:1px dotted #9f9fa0; font-style:italic;}
.contact-table ul li h2{margin:8px 0 30px 0;}
.contact-table ul li input{ background-color:#f2f4f5; border:1px solid #c7c7c7;padding:10px;width:100%; color:#444;}
.contact-table ul li textarea{ background-color:#f2f4f5; border:1px solid #c7c7c7;padding:10px;width:100%; color:#444; height:100px;}
.contact-table a{background:#444444 url(../images/arrow-02.png) no-repeat right 22px;color:#fff;text-align:center; width:100%; display:block; padding:22px 0px;text-transform:uppercase; font-size:14px; margin-top:-10px;
position: relative;
 -webkit-transition: all 0.15s ease-in;
 transition: all 0.15s ease-in; overflow:hidden;}
.contact-table a:hover{background:#d19478 url(../images/arrow-02.png) no-repeat right 22px;}
.contact-table a:before {
 content: ' ';
 position: absolute;
 background: #fff;
 width: 25px;
 height: 60px;
 top: 0;
 left: -45px;
 opacity: 0.2;
 -webkit-transition: all 0.5s ease-out;
 transition: all 0.5s ease-out;
 -webkit-transform: skewX(-25deg);
         transform: skewX(-25deg);}
.contact-table a:hover:before {
 width: 45px;left: 805px;}

@media (max-width: 768px) {
.box{width:96%;margin:0px 2%;}	
.logo{max-width:150px;display:block;float:left;}
.outils-bnt{background:url(../images/master/outils-icon.png) no-repeat 9px 4px;padding:8px 12px 8px 28px;}
.outils-bnt samp{display:none;}
.contact-bnt{background:#d19478 url(../images/master/contact-icon.png) no-repeat 11px 5px;padding:8px 12px 8px 28px;}
.contact-bnt samp{display:none;}
.header-right{float:right; margin:12px 0 10px 0; position:absolute;right:44px;}

.index-service01{width:100%;margin:0 0% 0px 0%;}
.index-service02{width:50%;margin:0 0% 0px 0%;}

.footer h1{ float:none; background:url(../images/master/logo-2.jpg) no-repeat;padding:48px 0 0 0px;}
.footer samp{ padding-left:0px; display:block; margin-top:8px;}
.footer p{ opacity:0.6; margin:4px 0;}
.footer img{ float:none;}
.footer h2{color:#FFFFFF; opacity:0.7; font-weight:100;font-size:0.7em;line-height:18px;width:70%; float:left; margin-top:10px;}
.footer h2 img{ float:left;}

.aproprs-text h1{width:100%;margin:0 0% 0 0;float:none;}
.aproprs-text-right{width:100%;margin:0 0% 0 0;float:none;padding-top:20px;}
.services-box01 ul li{width:100%;float:none;}
.services-text02{margin:30px auto; width:96%;}
.services-text02 h1{float:none;width:100%;margin:0px 0% 15px 0;}
.services-text02 h2{float:none;width:100%;}

.missions-text01 h2{float:right;width:100%;min-height:220px;text-align:center;padding-top:15%; position:relative;top:-220px;}
.missions-text01 h3{float:right;width:100%;min-height:220px;text-align:center;padding-top:15%;}
.missions-text01 h4{float:right;width:100%;min-height:220px; margin-top:0;}
.missions-text01 ul{width:100%;float:left;}
.missions-text02{position:relative;top:220px;}

.missions-text01 >.demarche-t{width:100%;height:auto; margin-bottom:0;}

.outils-text ul li{width:100%;float:none;margin-right:0%; margin-bottom:35px;}
.outils-logo{width:100%;}
.outils-logo li{width:33%; height:120px;}
.contact-table{padding:20px 10px;width:100%;margin:0 auto;}	
	}
	
@media (max-width: 480px) {
.index-service01{width:100%;margin:2% 0% 0px 0%;}
.index-service02{width:100%;margin:2% 0% 0px 0%;}

.missions-bg{background:none;}
.outils-logo li{width:50%;}

.contact-text{background:url(../images/contact/contact-bg-2.jpg) no-repeat;width:266px;height:244px;margin:30px auto; padding:100px 0 0 30px;}
.contact-text h1{display:block;margin-right:0px; margin-bottom:15px;}
.contact-text h2{display:block;}

	}