@charset "UTF-8";
/* CSS Document 
DEVELOPPEUR : GIEN JEAN CHARLES - AGENCE FRAGMENTS
VERSION : 1.0
DATE : 15/04/2014
*/
/*reset css*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}




/*fin du reset*/
.clear{clear:both;}
.orange{color:#e78913;}
.gris{color:#bbb3ab;}
.grisfonce{color:#424242;}

html,body{display:block; width:100%; margin:0; padding:0;  }
body{font-family: 'Open Sans', sans-serif; font-weight:400; overflow-x:hidden; }

header{display:block; width:100%; position:relative; height:50px; padding:0; margin:0;    z-index:1000;}
header .diagonale{display:block; position:absolute; width:450px; height:356px; padding:0;  left:0; top:0;  z-index:9999;}
header .diagonale img{display:block; width:100%; height:auto; padding:0; margin:0;}
header h1{display:block; position:absolute; top:30px; left:30px; z-index:99999; color:white; font-size:2em; font-weight:300; padding:0; margin:0;}
header h1 .soush1{display:block; font-size:0.4em; color:#bbb3ab;  font-weight:400;}
header nav{display:block; margin:0; padding:0; width:100%; position:static; top:auto; right:auto;}
header nav ul{display:block; padding:0 0 0 500px; margin:0; text-align:left;   position:relative; }
header nav ul li{display:inline-block;padding:0 10px; margin:0; height:50px; line-height:50px;  font-size:0.7em; color:#424242; cursor:pointer;  font-weight:600;}
header nav ul li a{text-decoration:none; text-align:center; padding:0; margin:0; color:#424242;-ms-transition: all 0.5s ease; -o-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease; }
header nav ul li a:hover{color:#e78913;}
header nav ul .active a{color:#e78913;}
header nav ul .sousmenu:hover{background-color:#424242; color:#e78913;}
header nav ul .sousmenu ul{display:block;  position:absolute; top:-55px; left:0; width:100%; background-color:#424242; background-color: rgba(50, 50, 50, 0.7); z-index:999; opacity:0; -ms-transition: opacity 0.3s ease; -o-transition:  opacity 0.3s ease;-moz-transition: opacity 0.3s ease;-webkit-transition: opacity 0.3s ease;transition: opacity 0.3s ease;  transition-delay :0.2s;   z-index:1000; padding:0 0 0 650px; margin:0;}
header nav ul .sousmenu:hover ul{top:50px; opacity:1;  transition-delay :0.2s;}
header nav ul .sousmenu ul li{display:inline-block; padding:0 10px; margin:0 5px;}
header nav ul .sousmenu ul li a{text-decoration:none; text-align:center; padding:0; margin:0; color:white;  height:50px; line-height:50px;  font-size:1.4em; font-weight:400;-ms-transition: all 0.5s ease; -o-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease; }
header nav ul .sousmenu ul li a:hover{color:#e78913;}
header nav ul .sousmenu ul .active a{color:#e78913;}

header nav .openmenu{display:none; position:absolute; top:0; left:-80px; width:70px; height:50px; padding:0 0 0 10px; margin:0;  line-height:50px; color:#bcb3ac; font-size:0.8em; font-weight:300; background-color:#323232; cursor:pointer; z-index:999999999; text-align:left;}



/*ACCUEIL*/
.bx-wrapper {display:block; position: relative; margin: 0 auto;padding: 0; *zoom: 1;  overflow:hidden;}
.bx-wrapper ul{display:block; margin:0; padding:0;}
.bx-wrapper li {max-width: 100%; width:100%;  margin:0; padding:0;display: block;}
.bx-wrapper img {max-width: 100%; width:100%;  margin:0; padding:0;display: block;}
.bx-wrapper .bx-viewport {display:block; margin:0; padding:0;}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {display:none;}
.bx-wrapper .bx-loading {min-height: 50px;background: url(images/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}

.slider-a{display:block; position:relative; margin:0 auto; overflow:hidden;}
.slider-a .pattern{display:none; position:absolute; width:100%; height:100%; top:0; left:0; margin:0; padding:0; background-image:url(images/pattern.png); background-repeat:repeat; z-index:99;}
.slider-a .texte-a-3,.slider-a .texte-a-2,.slider-a .texte-a-1,.slider-a .texte-a-4{display:none;}
.slider-a .diagonale{display:block; position:absolute; width:590px; height:472px; padding:0;  z-index:999; left:0; bottom:0;}
.slider-a .diagonale img{display:block; width:100%; height:auto; padding:0; margin:0;}
.slider-a .message{display:block; position:absolute; width:340px; height:240px; padding:0;  z-index:9999; left:150px; bottom:0;}
.slider-a .message .title{display:block; padding:10px 0; margin:0; color:white; font-size:1em; font-weight:400;}
.slider-a .message hr{display:block; width:50px; height:1px; background-color:white; border:none; text-align:left; margin:0; padding:0;}
.slider-a .message .descriptif{display:block; padding:10px 0; margin:5px 0; color:#323232;  font-size:0.8em; font-weight:400;}
.slider-a .message .push-slide-1{text-decoration:none; padding:7px 10px; margin:0; color:white; font-size:0.75em; font-weight:600;  background-color:#e78913; cursor:pointer;-ms-transition: all 0.5s ease; -o-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.slider-a .message .push-slide-1:hover{color:#e78913;  background-color:white;}
.slider-a .message .outside{display:block;}
.slider-a .message .outside #slider-prev .bx-prev{display:block; width:29px; height:17px; background-image:url(images/prev.png); background-repeat:no-repeat; background-position:top left; text-indent:-999999px; padding:0; margin:0 auto 10px auto;}
.slider-a .message .outside #slider-prev .bx-prev:hover{ background-position:bottom left; }
.slider-a .message .outside #slider-next .bx-next{display:block; width:29px; height:17px; background-image:url(images/next.png); background-repeat:no-repeat; background-position:top left; text-indent:-999999px; padding:0; margin:0 auto;}
.slider-a .message .outside #slider-next .bx-next:hover{ background-position:bottom left; }


.intro{display:block; padding:0; margin:0; background-image:url(images/fond-plan.png); background-repeat:no-repeat; background-position:center right;}
.intro .intro-interne{display:block; padding:40px 0; margin:0 auto; width:100%; max-width:700px;}
.intro .intro-interne h2{display:block; text-align:center; font-size:2em; color:#424242; padding:0; margin:0;  line-height:1.2em; font-weight:300;}
.intro .intro-interne h3{display:block; text-align:center; font-size:0.9em; color:#868686; padding:20px 0 20px 0; margin:0;  line-height:1.4em;  font-weight:400;}
.intro .intro-interne a{display:block; width:390px; text-decoration:none; background-color:#e78913; height:40px; line-height:40px; padding:0; margin:0 auto; text-align:center; color:white; font-size:0.8em;  font-weight:400;-ms-transition: all 0.5s ease; -o-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.intro .intro-interne a:hover{background-color:#424242; color:#e78913; }


.slider-b{display:block; position:relative; margin:0 auto; z-index:1;}
.slider-b .pattern{display:none; position:absolute; width:100%; height:100%; top:0; left:0; margin:0; padding:0; background-image:url(images/pattern.png); background-repeat:repeat; z-index:99;}
.slider-b .message{display:block; position:absolute; width:400px;  height:230px; padding:0;  z-index:999; left:50%; top:0; margin:0 0 0 -200px;  background-color:#424242; background-color: rgba(50, 50, 50, 0.9);}
.slider-b .texte-b-3,.slider-b .texte-b-2,.slider-b .texte-b-1{display:none;}
.slider-b .message .icone{display:block; width:50px; height:91px; padding:75px 30px 40px 30px; margin:0; float:left;}
.slider-b .message .title{display:block; padding:0; margin:0; color:#e78913; font-size:1.5em; font-weight:300;}
.slider-b .message .soustitle{display:block; padding:0 0 5px 0; margin:0; color:white; font-size:0.9em; font-weight:400;}
.slider-b .message .descriptif{display:block; padding:0 20px 0 0; margin:0 0 15px 0; color:#bbb3ab; font-size:0.7em; font-weight:600; line-height:1.2em;}
.slider-b .message .push-slide-2{display:block; text-decoration:none; padding:10px 10px; margin:0 0 0 110px; color:white; font-size:0.8em; line-height:1.4em;  font-weight:600;  background-color:#000;-ms-transition: all 0.5s ease; -o-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.slider-b .message .push-slide-2:hover{ color:#424242;  background-color:#e78913; }
.slider-b .message .outside{display:block; float:left; padding:10px 0; margin:0; width:290px;}
.slider-b .message .outside #slider-b-prev .bx-prev{display:block; width:29px; height:17px; background-image:url(images/prev-bis.png); background-repeat:no-repeat; background-position:top left; text-indent:-999999px; padding:0; margin:0 0 10px 0;}
.slider-b .message .outside #slider-b-prev .bx-prev:hover{ background-position:bottom left; }
.slider-b .message .outside #slider-b-next .bx-next{display:block; width:29px; height:17px; background-image:url(images/next-bis.png); background-repeat:no-repeat; background-position:top left; text-indent:-999999px; padding:0; margin:0 0 0 0;}
.slider-b .message .outside #slider-b-next .bx-next:hover{ background-position:bottom left; }
.slider-b .liste-icone{display:block; position:absolute; left:0; bottom:0; width:100%; height:250px; margin:0; padding:0; background-image:url(images/bas-slider-b.png); background-repeat:no-repeat; background-position:center top; z-index:999; text-align:center;}
.slider-b .liste-icone .icone{display:inline-block; padding:0; margin:160px 10px 0 10px; cursor:pointer;}
.slider-b .liste-icone .icone .image{display:block; position:relative; width:50px; height:50px; overflow:hidden; padding:0; margin:0 auto;}
.slider-b .liste-icone .icone .image img{display:block; width:50px; height:auto; position:absolute; margin:0; padding:0; top:0; left:0;}
.slider-b .liste-icone .icone:hover .image img{top:-50px;}
.slider-b .liste-icone .icone p{display:block; font-size:0.7em; color:transparent; text-align:center; font-weight:600; padding:5px 0 0 0; margin:0;}
.slider-b .liste-icone .icone:hover p{color:#e78913;}
.slider-b .liste-icone .active .image img{top:-50px;}
.slider-b .liste-icone .active p{color:#e78913;}


.last-project{display:block; padding:0; margin:0; background-color:#bbb3ab;}
.last-project .last-project-interne{display:block; padding:40px 0; margin:0 auto; width:100%; max-width:700px;}
.last-project .last-project-interne .title{display:block; width:270px; padding:10px; margin:0 auto; background-color:#a29b94; text-align:center; font-size:1.4em; color:white; font-weight:300;}
.last-project .last-project-interne .colonne{display:block; float:left; width:48%; padding:30px 0 0 0; margin:0 1%;}
.last-project .last-project-interne .colonne h2{display:block; padding:0; margin:0; font-size:1.1em; color:white;}
.last-project .last-project-interne .colonne h3{display:block; padding:10px 0; margin:0; font-size:0.8em; color:#323232; line-height:1.4em; font-weight:400; text-align:justify;}
.last-project .last-project-interne .colonne .listing{display:block; padding:2px 0; margin:0; font-size:0.7em; color:white;}
.last-project .last-project-interne .colonne .listing .intitule{display:block; float:left;width:15%;}
.last-project .last-project-interne .colonne .listing .descriptif{display:block; float:left;width:80%;}
.last-project .last-project-interne .colonne a{display:block; text-decoration:none; width:200px; padding:7px 10px; margin:20px 0; background-color:#a29b94; text-align:center; font-size:0.8em; color:black; font-weight:600;-ms-transition: all 0.5s ease; -o-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.last-project .last-project-interne .colonne a:hover{background-color:#e78913; color:white; }
.puce{display:block; padding:10px 0; margin:0; text-align:center;}
.puce li{display:inline-block; padding:0; margin:0 10px; width:13px; height:13px; background-image:url(images/puce-slide-ref.png); background-repeat:no-repeat; background-position:top left; cursor:pointer;}
.puce li:hover{background-position:bottom left;}
.puce .active{background-position:bottom left;}



/*INTERNE INTRODUCTION*/
.introduction{display:block; width:100%; position:relative; background-color:#e78913; margin:0; padding:0;   z-index:1;}
.introduction .interne{display:block; width:550px; margin:0 auto; padding:40px 0 15px 350px;}
.introduction .interne .titre{display:block; padding:10px 0; margin:0; color:white; font-size:1.2em; font-weight:400;}
.introduction .interne hr{display:block; width:50px; height:1px; background-color:white; border:none; text-align:left; margin:0; padding:0;}
.introduction .interne h2{display:block; padding:10px 0 0 0; margin:0; color:#323232;  font-size:1em; font-weight:400;}
.introduction .interne h3{display:block; padding:10px 0 0 0; margin:0; color:white;  font-size:0.8em; font-weight:300;}
.introduction .diagonale{display:block; position:absolute; width:1600px; height:165px; padding:0; left:0; bottom:-165px;}
.introduction .diagonale img{display:block; width:100%; height:auto; padding:0; margin:0;}


/*A PROPOS*/
.visuel{display:block; width:100%; padding:0; margin:0;}
.visuel img{display:block; width:100%; height:auto; padding:0; margin:0;}

.objectif{display:block; width:100%; padding:0; margin:0; background-color:#f8f8f8; position:relative;}
.objectif .titre{display:block; height:60px; line-height:60px; padding:0; margin:0 0 0 -175px; color:white; font-size:1.3em; font-weight:400; background-color:white; color:#e78913; position:absolute; text-align:center; width:350px; left:50%; top:-30px; -ms-transition: all 0.5s ease; -o-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.objectif:hover .titre{background-color:#e78913; color:white;}
.objectif h2{display:block; padding:60px 20% 30px 20%; margin:0; color:#323232;  font-size:0.9em; font-weight:400; text-align:center;}

.listing-apropos{display:block; width:960px; background-color:white; padding:30px 0; margin:0 auto;}
.listing-apropos ul{margin:0; padding:0;}
.listing-apropos ul li{display:block; float:left; width:23%; padding:0; margin:0 1%;  background-color:#e78913;-ms-transition: all 0.5s ease; -o-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.listing-apropos ul li img{display:block; width:99%; height:auto; padding:1px 0; margin:0 auto;}
.listing-apropos ul li h3{display:table-cell; vertical-align:middle; height:130px; padding:10px 7%; margin:0; color:white;  font-size:0.75em; font-weight:300; text-align:center; line-height:1.4em; width:86%;}
.listing-apropos ul li:hover{background-color:#323232;}

.vision-apropos{display:block; width:100%; position:relative; background-color:#f8f8f8; margin:0; padding:0;}
.vision-apropos .interne{display:block; width:960px; margin:0 auto; padding:30px 0;}
.vision-apropos .interne h2{display:block; padding:0 25%; margin:0; color:white; font-size:1.3em; font-weight:400; color:#323232; text-align:center; }
.vision-apropos .interne h3{display:block; padding:20px 20% 0 20%; margin:0; color:white; font-size:0.9em; font-weight:300; color:#323232; text-align:center; }

.avantages-apropos{display:block; width:100%; position:relative; background-color:#b1aaa2; margin:0; padding:0;}
.avantages-apropos .interne{display:block; width:960px; margin:0 auto; padding:30px 0;}
.avantages-apropos .interne h4{display:block; padding:0 25% 20px 25%; margin:0; color:white; font-size:1.3em; font-weight:400; color:white; text-align:center; }
.avantages-apropos .interne p{display:table; padding:10px 30px; margin:10px auto; color:white; font-size:0.9em; font-weight:300; color:white; text-align:center; background-color:#bbb3ab; -ms-transition: all 0.5s ease; -o-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.avantages-apropos:hover .interne p{background-color:#e78913; }

.bio{display:block; width:100%; margin:0; padding:0; position:relative; background-image:url(images/bruno-bini.png); background-repeat:no-repeat; background-position:left center; background-color:white;}
.bio .interne{display:block; width:960px; margin:0 auto; padding:30px 0;}
.bio .interne .titre{display:block; padding:25px 0 10px 0; margin:0; color:#e78913; font-size:1.6em; font-weight:400; text-align:right;}
.bio .interne h2{display:block; padding:10px 0; margin:0; color:#424242; font-size:1em; font-weight:400; text-align:right;}
.bio .interne h3{display:block; padding:10px 0 30px 45%; margin:0; color:#bbb3ab; font-size:0.8em; font-weight:400; text-align:justify;}


/*CONTACT*/
.listing-contact{display:block; width:100%; padding:90px 0 30px 0; margin:0; z-index:9999; position:relative;}
.listing-contact ul{display:block; width:800px; margin:0 auto; padding:0;}
.listing-contact ul li{display:block; float:left; width:30.333%; padding:0 1.5%; margin:0;}
.listing-contact ul li .titre{display:block; padding:0 0 10px 0; margin:0; color:#e78913; font-size:1.3em; font-weight:400; text-align:center;}
.listing-contact ul li h2{display:block; padding:5px 0 0 0; margin:0; color:#bbb3ab; font-size:0.8em; font-weight:400; text-align:center;}
.listing-contact ul li h2 a{color:#e78913; text-decoration:none;-ms-transition: all 0.5s ease; -o-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease; }
.listing-contact ul li h2 a:hover{color:#323232; text-decoration:underline;}

#maps{display:block; width:100%; height:300px; padding:0; margin:0;}

.form-contact{display:block; width:100%; padding:0; margin:0; background-color:#bbb3ab;}
.form-contact .interne{display:block; width:960px; margin:0 auto; padding:30px 0;}
.form-contact .interne .titre{display:block; padding:0 25%; margin:0; font-size:1.3em; font-weight:400; color:#424242; text-align:center; }
.form-contact .interne .sous-titre{display:block; padding:20px 20% 0 20%; margin:0; color:white; font-size:0.9em; font-weight:300; color:white; text-align:center; font-style:italic;}
.form-contact .interne .sous-sous-titre{display:block; padding:10px 15% 0 15%; margin:0; color:white; font-size:0.8em; font-weight:300; color:white; text-align:center; }
form{display:block; width:90%; margin:0 auto; padding:20px 0;position:relative;}
form .col{display:block; float:left; width:32.333%; padding:0 0.5%; margin:0;position:relative;}
form .col label{display:block; width:95%; margin:7px 0; padding:7px 2.5%; background-color:#b1aaa2; color:#323232; font-size:0.8em; font-weight:400;position:relative; }
form .col label input{display:block; width:95%; margin:5px 0; padding:5px 2.5%; border:none; background-color:#f8f8f8; outline:none; color:#e78913;-ms-transition: all 0.5s ease; -o-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;position:relative; }
form .col label input:focus{background-color:#e78913; color:white;}
form .col label textarea{display:block; width:95%; padding:7px 2.5%; margin:5px 0; border:none; background-color:#f8f8f8; outline:none; height:143px; max-height:143px; max-width:95%;-ms-transition: all 0.5s ease; -o-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;position:relative; }
form .col label textarea:focus{background-color:#e78913; color:white;}
form .button{display:block; width:200px; padding:10px 0; margin:20px auto 0 auto; background-color:#e78913; color:white; border:none; cursor:pointer; font-size:0.8em; font-weight:400;-ms-transition: all 0.5s ease; -o-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease; outline:none; }
form .button:hover{background-color:white; color:#e78913;}

.form-contact .interne form .col br{display:none;}
.form-contact .interne form .col label .wpcf7-not-valid-tip{display:block; position:absolute; left:0; bottom:-15px; color:#fcfcfc; width:110px; text-align:center; font-size:0.8em;  background-color:#e78913; padding:5px 3px; }
.form-contact .interne form .wpcf7-validation-errors{border:none; background-color:transparent; color:#fff; margin:0; padding:0;}
.form-contact .interne form .wpcf7-response-output{border:none; background-color:transparent; color:#fff; margin:0; padding:0;}
.form-contact .interne form .wpcf7-display-none{border:none; background-color:transparent; color:#fff; margin: 10px 0 0 0; padding:10px; text-align:center; font-size:0.8em;}
.form-contact .interne form p .ajax-loader{padding:7px; background-color:white; border-radius:50%; position:absolute; bottom:20px; right:20%;}
/*METHODOLOGIE*/
.visite{display:block; width:100%; padding:90px 0 30px 0; margin:0;}
.visite .interne{display:block; width:960px; margin:0 auto; padding:0;}
.visite .interne .titre{display:block; padding:0 0; margin:0; font-size:1.5em; font-weight:400; color:#424242; text-align:center;}
.visite .interne .sous-titre{display:block; padding:10px 0; margin:0; font-size:1.2em; font-weight:300; color:#e78913; text-align:center;}
.visite .interne .sous-intro{display:block; padding:10px 15%; margin:0; font-size:1em; font-weight:400; color:#bbb3ab; text-align:left;}
.visite .interne h2{display:block; padding:0 15%; margin:0; font-size:0.8em; font-weight:400; color:#424242; text-align:justify;}

.mission{display:block; width:100%; padding:30px 0; margin:0; background-color:#e78913; -ms-transition: all 0.5s ease; -o-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.mission:hover{background-color:#323232;}
.mission .interne{display:block; width:960px; margin:0 auto; padding:0;}
.mission .interne h2{display:block; padding:0 25%; margin:0; font-size:1.5em; font-weight:400; color:white; text-align:center;}
.mission .interne h3{display:block; padding:20px 0 0 0; margin:0; font-size:1.1em; font-weight:300; color:white; text-align:center;}

.conception{display:block; width:100%; padding:30px 0; margin:0; background-color:white;}
.conception .interne{display:block; width:960px; margin:0 auto; padding:0;}
.conception .interne .titre{display:block; padding:0 0; margin:0; font-size:1.5em; font-weight:300; color:#424242; text-align:center;}
.conception .interne .image{display:block; float:left; width:45%; margin:0; padding:30px 0;}
.conception .interne .image img{display:block; width:85%; margin:0 auto; padding:7px 0 0 0;}
.conception .interne .descriptif{display:block; float:left; width:55%; margin:0; padding:30px 0;}
.conception .interne .descriptif h2{display:block; padding:0; margin:0; font-size:1.3em; font-weight:300; color:#e78913; text-align:left;}
.conception .interne .descriptif h3{display:block; padding:10px 0; margin:0; font-size:0.8em; font-weight:600; color:#424242; text-align:justify;}
.conception .interne .descriptif .detail{display:block; padding:0;  height:20px; line-height:20px; margin:0; font-size:0.8em; font-weight:300; color:#e78913; text-align:left; cursor:pointer; -ms-transition: all 0.5s ease; -o-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.conception .interne .descriptif .detail:hover{color:#424242;}
.conception .interne .descriptif .opendetail{display:none; margin:0; padding:0;}
.conception .interne .descriptif .opendetail h4{display:block; padding:5px 0; margin:0; font-size:0.75em; font-weight:400; color:#424242; text-align:justify; line-height:1.4em;}

.preparation{display:block; width:100%; padding:30px 0; margin:0; background-color:#f8f8f8;}
.preparation .interne{display:block; width:960px; margin:0 auto; padding:0;}
.preparation .interne .titre{display:block; padding:0 0; margin:0; font-size:1.5em; font-weight:300; color:#424242; text-align:center;}
.preparation .interne .image{display:block; float:left; width:45%; margin:0; padding:30px 0;}
.preparation .interne .image img{display:block; width:85%; margin:0 auto; padding:7px 0 0 0;}
.preparation .interne .descriptif{display:block; float:left; width:55%; margin:0; padding:30px 0;}
.preparation .interne .descriptif h3{display:block; padding:10px 0; margin:0; font-size:0.8em; font-weight:600; color:#424242; text-align:justify;}
.preparation .interne .descriptif h2{display:block; padding:0; margin:0; font-size:1.3em; font-weight:300; color:#e78913; text-align:left;}
.preparation .interne .descriptif .detail{display:block; padding:0; height:20px; line-height:20px; margin:0; font-size:0.8em; font-weight:300; color:#e78913; text-align:left; cursor:pointer;-ms-transition: all 0.5s ease; -o-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.preparation .interne .descriptif .detail:hover{color:#424242;}
.preparation .interne .descriptif .opendetail{display:none; margin:0; padding:0;}
.preparation .interne .descriptif .opendetail h4{display:block; padding:5px 0; margin:0; font-size:0.75em; font-weight:400; color:#424242; text-align:justify; line-height:1.4em;}

.organisation{display:block; width:100%; padding:30px 0; margin:0; background-color:white;}
.organisation .interne{display:block; width:960px; margin:0 auto; padding:0;}
.organisation .interne .titre{display:block; padding:0 0; margin:0; font-size:1.5em; font-weight:300; color:#424242; text-align:center;}
.organisation .interne .image{display:block; float:left; width:45%; margin:0; padding:30px 0;}
.organisation .interne .image img{display:block; width:85%; margin:0 auto; padding:7px 0 0 0;}
.organisation .interne .descriptif{display:block; float:left; width:55%; margin:0; padding:30px 0;}
.organisation .interne .descriptif h2{display:block; padding:0; margin:0; font-size:1.3em; font-weight:300; color:#e78913; text-align:left;}
.organisation .interne .descriptif h3{display:block; padding:10px 0; margin:10px 0; font-size:0.8em; font-weight:400; color:#424242; text-align:left;}


/*LES SERVICES*/
.service{display:block; width:100%; padding:30px 0; margin:0; background-color:white;}
.service ul{display:block; width:960px; margin:0 auto; padding:0;}
.service ul li{display:block; float:left; width:45%; padding:0; margin:0 2.5%; position:relative; overflow:hidden;}
.service ul li img{display:block; width:100%; height:auto; padding:0; margin:0;}
.service ul li .over{display:block; position:absolute; background-color:black; background-color: rgba(0, 0, 0, 0.6); bottom:-100px; left:0; width:100%; -ms-transition: all 0.5s ease; -o-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.service ul li .over h2{display:block; padding:10px 5% 5px 5%; margin:0; font-size:1.2em; font-weight:400; color:#e78913; text-align:left;}
.service ul li .over h3{display:block; padding:10px 5% 10px 5%; margin:0; font-size:0.75em; font-weight:300; color:white; text-align:justify; height:90px;}
.service ul li:hover .over{bottom:0;}

.domaine{display:block; width:100%; padding:30px 0; margin:0; background-color:#bbb3ab;}
.domaine .interne{display:block; width:960px; margin:0 auto; padding:0;}
.domaine .interne .titre{display:block; padding:0 0; margin:0; font-size:1.5em; font-weight:300; color:#424242; text-align:center;}
.domaine .interne .single{display:block; padding:30px 2%; margin:30px 0; background-color:#b2aaa3; border-bottom:solid 3px #b2aaa3; -ms-transition: all 0.5s ease; -o-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.domaine .interne .single h2{display:block; padding:0 2% 10px; margin:0; font-size:1.3em; font-weight:400; color:white; text-align:left; -ms-transition: all 0.5s ease; -o-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.domaine .interne .single ul{display:block; margin:0; padding:0;}
.domaine .interne .single ul li{display:block; float:left; width:29.333%; padding:0; margin:5px 2%; border-bottom:solid 1px white; -ms-transition: all 0.5s ease; -o-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.domaine .interne .single ul li h3{display:block; padding:5px 0; margin:0; font-size:0.9em; font-weight:400; color:#424242; text-align:left;}
.domaine .interne .single:hover{background-color:white; border-bottom:solid 3px #e78913;}
.domaine .interne .single:hover h2{color:#e78913;}
.domaine .interne .single:hover ul li{border-bottom:solid 1px #424242;}

.autre-service{display:block; width:100%; padding:30px 0; margin:0; background-color:white;}
.autre-service .interne{display:block; width:960px; margin:0 auto; padding:0;}
.autre-service .interne .titre{display:block; padding:0 0; margin:0; font-size:1.5em; font-weight:300; color:#e78913; text-align:center;}
.autre-service .interne ul{display:block; width:80%; margin:0 auto; padding:30px 0;}
.autre-service .interne ul li{display:block; float:left; width:45%; padding:0; margin:0 2.5%; background-color:#bbb3ab; -ms-transition: all 0.5s ease; -o-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.autre-service .interne ul li a{text-decoration:none; color:white;}
.autre-service .interne ul li a img{display:block; width:auto; margin:0 auto; padding:30px 0 0 0; height:auto;}
.autre-service .interne ul li a h2{display:block; padding:0 0; margin:0; font-size:1.2em; font-weight:300; color:#424242; text-align:center; -ms-transition: all 0.5s ease; -o-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.autre-service .interne ul li a h3{display:block; padding:10px 0 20px 0; margin:0; font-size:0.9em; font-weight:300; color:white; text-align:center; -ms-transition: all 0.5s ease; -o-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.autre-service .interne ul li:hover{background-color:#e78913;}
.autre-service .interne ul li:hover a h2{color:white;}
.autre-service .interne ul li:hover a h3{color:#424242;}
.autre-service .interne .push-ref{display:block; height:40px; line-height:40px; font-size:0.9em; font-weight:400; text-align:center; text-decoration:none; width:400px; margin:30px auto; padding:0; background-color:#e78913; color:white;-ms-transition: all 0.5s ease; -o-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.autre-service .interne .push-ref:hover{background-color:#323232; color:#e78913;}

/*REFERENCES*/
.reference{display:block; width:100%; padding:90px 0 50px 0; margin:0; background-color:white;}
.reference .titre{display:block; padding:0 0; margin:0; font-size:1.1em; font-weight:300; color:#323232; text-align:center;}
.reference h2{display:block; padding:0 0 50px 0; margin:0; font-size:1.5em; font-weight:400; color:#424242; text-align:center;}
.reference ul{display:block; margin:0 auto; padding:0; width:800px; background-color:#bbb3ab;}
.reference ul li{display:block; float:left; width:33.333%; padding:0; margin:0; background-color:#bbb3ab; position:relative; cursor:pointer; overflow:hidden;}
.reference ul li img{display:block; width:100%; height:auto; padding:0; margin:0;}
.reference ul li .over-ref{display:block; position:absolute; top:-110%; left:0;  width:100%; height:100%; background-color:black; background-color: rgba(0, 0, 0, 0.85);-ms-transition: all 0.4s ease; -o-transition:  all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;  }
.reference ul li:nth-child(2n) .over-ref{top:110%; left:0;}
.reference ul li:nth-child(3n) .over-ref{top:0; left:-110%;}
.reference ul li:nth-child(4n) .over-ref{top:0; left:110%;}
.reference ul li:nth-child(5n) .over-ref{top:110%; left:110%;}
.reference ul li:nth-child(6n) .over-ref{top:0; left:110%;}
.reference ul li .over-ref h2{display:block; padding:50px 5% 5px 5%; margin:0; font-size:1.2em; font-weight:400; color:#e78913; text-align:center;}
.reference ul li .over-ref h3{display:block; padding:0px 5% 5px 5%; margin:0; font-size:0.9em; font-weight:600; color:#fff; text-align:center;}
.reference ul li .over-ref .bouton{display:block; padding:7px 0; margin:20px auto; font-size:0.8em; font-weight:300; color:white; background-color:#e78913; width:150px; text-align:center;}
.reference ul li .over-ref h4{display:none;}
.reference ul li .over-ref .image-ref{display:none;}
.reference ul .li-ref{display:block; float:left; width:33.333%; padding:0; margin:0; background-color:#bbb3ab; position:relative; cursor:default; }
.reference ul .li-ref img{display:block; width:auto; margin:0 auto; padding:30px 0 20px 0; height:auto;}
.reference ul .li-ref h2{display:block; width:100%; padding:0 0; margin:0; font-size:1.7em; font-weight:300; color:#424242; text-align:center;}
.reference ul .li-ref h3{display:block; padding:10px 0 20px 0; margin:0; font-size:0.9em; font-weight:300; color:white; text-align:center;}
.reference ul li:hover .over-ref{ top:0; left:0;}

.back-grey{background-color:#f8f8f8; padding:50px 0;}
.back-white{background-color:white; padding:50px 0;}

.lightbox{display:none; z-index:999999999999; position:fixed; top:0; left:0; width:100%; height:100%; background-color:black; background-color: rgba(0, 0, 0, 0.7);}
.lightbox .close{display:block; width:70px; height:70px; line-height:70px; position:absolute; top:5%; right:50%; padding:0; margin:0 -480px 0 0; background-color:#e78913; color:white; font-size:2em; font-weight:600;  text-align:center; cursor:pointer;-ms-transition: all 0.5s ease; -o-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease; z-index:999999999999;  }
.lightbox .close:hover{background-color:white; color:#e78913;}
.lightbox .interne{display:none; position:absolute; background-color:white; overflow-x:hidden; overflow-y:auto; width:800px; height:90%; margin:0 0 0 -400px; padding:0; top:5%; left:50%;}
.lightbox .interne .nom{display:block; padding:30px 5% 5px 5%; margin:0; font-size:1.6em; font-weight:400; color:#e78913; text-align:left;}
.lightbox .interne .type{display:block; padding:0px 5% 5px 5%; margin:0; font-size:1.2em; font-weight:600; color:#424242; text-align:left;}
.lightbox .interne .libelle{display:block; padding:20px 5% 5px 5%; margin:0; font-size:0.8em; font-weight:600; color:#bbb3ab; text-align:justify;}
.lightbox .interne img{display:block; width:90%; margin:25px auto; padding:0; height:auto;}






footer{display:block; padding:0; margin:0; background-color:#323232; width:100%;}
footer .footer-interne{display:block; padding:30px 0; margin:0 auto; width:100%; max-width:900px;}
footer .footer-interne .colonne-a{display:block; width:37%; padding:0 3% 0 0; margin:0; float:left;}
footer .footer-interne .colonne-a .h1{display:block; color:white; font-size:1.6em; font-weight:300; padding:0; margin:0;}
footer .footer-interne .colonne-a .h1 .psoush1{display:block; font-size:0.45em; color:#bbb3ab; font-weight:400;}
footer .footer-interne .colonne-a .hr1{display:block; width:50px; height:1px; background-color:white; border:none; text-align:left; margin:7px 0 10px 0; padding:0;}
footer .footer-interne .colonne-a .title{display:block; color:#868686; font-size:0.85em; font-weight:300; padding:0; margin:0;}
footer .footer-interne .colonne-a .sous-title{display:block; color:#bbb3ab; font-size:0.75em; font-weight:300; padding:5px 0; margin:0; line-height:1.4em; text-align:justify;}
footer .footer-interne .colonne-a .hr2{display:block; width:30px; height:1px; background-color:#e78913; border:none; text-align:left; margin:10px 0; padding:0;}
footer .footer-interne .colonne-a .copyright{display:block; color:#868686; font-size:0.75em; font-weight:300; padding:0; margin:0;}
footer .footer-interne .colonne-a .copyright a{text-decoration:none; color:#e78913; padding:0; margin:0;-ms-transition: all 0.5s ease; -o-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease; }
footer .footer-interne .colonne-a .copyright a:hover{color:white;}
footer .footer-interne .colonne-b{display:block; width:20%; padding:0 0 0 5%; margin:0; float:left;}
footer .footer-interne .colonne-c{display:block; width:32%; padding:0 0 0 3%; margin:0; float:left;}
footer .footer-interne .colonne-b .surtitle,footer .footer-interne .colonne-c .surtitle{display:block; color:#a29b94; font-size:0.9em; font-weight:300; padding:33px 0 0 0; margin:0;}
footer .footer-interne .colonne-b .hr1,footer .footer-interne .colonne-c .hr1{display:block; width:50px; height:1px; background-color:white; border:none; text-align:left; margin:7px 0 10px 0; padding:0;}
footer .footer-interne .colonne-b .adresse{display:block; color:#bbb3ab; font-size:0.8em; font-weight:300; padding:0 0 10px 0; margin:0;}
footer .footer-interne .colonne-b .contact{display:block; color:#a29b94; font-size:0.75em; font-weight:300; padding:2px 0 0 0; margin:0;}
footer .footer-interne .colonne-b .contact a{text-decoration:none; color:#e78913; padding:0; margin:0;-ms-transition: all 0.5s ease; -o-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease; }
footer .footer-interne .colonne-b .contact a:hover{color:#fff;}
footer .footer-interne .colonne-b .copyright-bis{display:none; color:#868686; font-size:0.75em; font-weight:300; padding:0; margin:0;}
footer .footer-interne .colonne-b .copyright-bis a{text-decoration:none; color:#e78913; padding:0; margin:0;-ms-transition: all 0.5s ease; -o-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease; }
footer .footer-interne .colonne-b .copyright-bis a:hover{color:white;}
footer .footer-interne .colonne-c ul{display:block; margin:0; padding:0;}
footer .footer-interne .colonne-c ul li{display:block; float:left; padding:4px 2% 0 0; margin:0; width:31.333%;}
footer .footer-interne .colonne-c ul li a{display:block; color:#e78913; font-size:0.75em; font-weight:300; padding:0; margin:0; text-decoration:none;-ms-transition: all 0.5s ease; -o-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease; }
footer .footer-interne .colonne-c ul li a:hover{color:#fff;}
footer .footer-interne .colonne-c ul .active a{color:#fff;}






@media screen and (min-width: 1001px) {
	
header nav ul .open ul{top:50px; opacity:1;  transition-delay :0.2s;}	
header nav ul .open{background-color:#424242; color:#e78913;}	
	
}












@media screen and (min-width: 1260px) {

header .diagonale{width:550px; height:435px;}
header h1{top:40px; left:40px; font-size:2.3em;}
header nav ul{padding:0 0 0 550px;}	
header nav ul li{padding:0 20px; margin:0; font-size:0.8em;}

header nav ul .sousmenu ul{ padding:0 0 0 780px; }


/*ACCUEIL*/	
.slider-a .diagonale{width:650px; height:520px; }	
.slider-a .message{width:370px; height:255px; left:160px;}
.slider-a .message .title{font-size:1.2em; font-weight:400;}
.slider-a .message hr{width:60px; }
.slider-a .message .descriptif{font-size:0.9em; font-weight:400;}


/*CONTACT*/
.listing-contact{padding:120px 0 30px 0; }



}


@media screen and (min-width: 1430px) {

header .diagonale{width:580px; height:459px;}
header h1{top:45px; left:45px; font-size:2.5em;}
header nav ul{padding:0 0 0 580px;}	
header nav ul li{padding:0 20px; margin:0; font-size:0.8em;}

header nav ul .sousmenu ul{ padding:0 0 0 810px; }


/*ACCUEIL*/	
.slider-a .diagonale{width:690px; height:552px; }	
.slider-a .message{width:400px; height:275px; left:145px;}
.slider-a .message .title{font-size:1.3em; font-weight:400;}
.slider-a .message hr{width:70px; }
.slider-a .message .descriptif{font-size:0.9em; font-weight:400;}


.intro .intro-interne{padding:50px 0; max-width:900px;}
.intro .intro-interne h2{font-size:2.7em; font-weight:300;}
.intro .intro-interne h3{font-size:0.95em; padding:30px 0 20px 0; font-weight:400;}
.intro .intro-interne a{width:320px; font-size:0.9em; font-weight:400;}


.slider-b .message{width:450px;  height:260px; margin:0 0 0 -225px;}
.slider-b .message .icone{width:56px; height:102px; padding:75px 30px 50px 30px;}
.slider-b .message .title{ font-size:2em; font-weight:300;}
.slider-b .message .soustitle{font-size:1em; font-weight:400;}
.slider-b .message .descriptif{font-size:0.8em; font-weight:400;}
.slider-b .message .push-slide-2{padding:8px 10px; font-size:0.8em; font-weight:600;}
.slider-b .message .outside{padding:15px 0; width:284px;}

.slider-b .liste-icone{height:320px; background-position:center top;}
.slider-b .liste-icone .icone{margin:220px 10px 0 10px;}
.slider-b .liste-icone .icone .image{width:60px; height:60px; margin:0 15px;}
.slider-b .liste-icone .icone .image img{width:60px;}
.slider-b .liste-icone .icone:hover .image img{top:-60px;}
.slider-b .liste-icone .icone p{font-size:0.8em; font-weight:600; padding:7px 0 0 0;}
.slider-b .liste-icone .active .image img{top:-60px;}



.last-project .last-project-interne{padding:50px 0; max-width:900px;}
.last-project .last-project-interne .title{width:300px; font-size:1.6em; font-weight:300;}
.last-project .last-project-interne .colonne{width:45%; padding:40px 0 0 0; margin:0 2.5%;}
.last-project .last-project-interne .colonne h2{font-size:1.2em;}
.last-project .last-project-interne .colonne h3{padding:15px 0; font-size:0.8em; line-height:1.4em; font-weight:400;}
.last-project .last-project-interne .colonne .listing{font-size:0.8em;}
.last-project .last-project-interne .colonne .listing .intitule{width:90px;}
.last-project .last-project-interne .colonne a{width:230px; padding:8px 10px; margin:20px 0; font-size:0.85em; font-weight:600;}
.puce{padding:15px 0; }

/*A PROPOS*/
.objectif h2{font-size:1em; line-height:1.4em;}
.vision-apropos .interne h3{font-size:1em; line-height:1.4em; }
.avantages-apropos .interne p{font-size:1em; }
.bio .interne .titre{font-size:1.8em;}
.bio .interne h2{font-size:1.2em; }
.bio .interne h3{padding:10px 0 30px 35%;}


/*METHODOLOGIE SERVICES*/
.visite .interne .titre{display:block; padding:0 15%; margin:0; font-size:1.5em; font-weight:400; color:#424242; text-align:left;}
.visite .interne .sous-titre{display:block; padding:10px 15%; margin:0; font-size:1.2em; font-weight:300; color:#e78913; text-align:left;}


/*REFERENCES*/
.reference .titre{display:block; padding:0 0; width:800px; margin:0 auto; font-size:1.1em; font-weight:300; color:#323232; text-align:left;}
.reference h2{display:block; padding:0 0 50px 0; width:800px; margin:0 auto; font-size:1.5em; font-weight:400; color:#424242; text-align:left;}
.reference ul li .over-ref h2{display:block; width:90%; padding:50px 5% 5px 5%; margin:0; font-size:1.2em; font-weight:400; color:#e78913; text-align:center;}


/*CONTACT*/
.listing-contact ul{display:block; width:960px; margin:0 auto; padding:0;}
.listing-contact ul li{display:block; float:left; width:25%; padding:0 1.5%; margin:0;}
.listing-contact ul li .titre{display:block; padding:0 0 10px 0; margin:0; color:#e78913; font-size:1.3em; font-weight:400; text-align:left;}
.listing-contact ul li h2{display:block; padding:5px 0 0 0; margin:0; color:#bbb3ab; font-size:0.8em; font-weight:400; text-align:left;}


footer .footer-interne{display:block; padding:35px 0; margin:0 auto; width:100%; max-width:1050px;}

}


@media screen and (min-width: 1590px) {

header nav ul{padding:0 0 0 620px;}	
header nav ul li{padding:0 20px; margin:0; font-size:0.8em;}

header nav ul .sousmenu ul{ padding:0 0 0 850px; }

/*ACCUEIL*/
.slider-a .message{width:450px; height:300px; left:95px;}

/*INTERNE INTRODUCTION*/
.introduction .interne{width:700px; padding:40px 0 15px 600px;}
.introduction .interne .titre{font-size:1.4em;}
.introduction .interne hr{width:65px;}
.introduction .interne h2{font-size:1.2em;}
.introduction .interne h3{font-size:0.9em;}
.introduction .diagonale{left:auto; right:0;}

footer .footer-interne{display:block; padding:40px 0; margin:0 auto; width:100%; max-width:1200px;}

}


@media screen and (min-width: 1620px) {
/*ACCUEIL*/
.slider-a .pattern{display:block;}
.slider-b .pattern{display:block;}

}




@media screen and (min-width: 1820px) {

header .diagonale{width:677px; height:536px;}
header h1{top:50px; left:50px; font-size:2.8em;}
header nav ul{padding:0 0 0 750px;}
header nav ul li{padding:0 20px; margin:0; font-size:0.8em;}

header nav ul .sousmenu ul{ padding:0 0 0 980px; }
	
/*ACCUEIL*/	
.slider-a .diagonale{width:750px; height:600px; }
.slider-a .message{width:500px; height:300px; left:130px;}
.slider-a .message .title{padding:10px 0; margin:0; font-size:1.6em; font-weight:300;}
.slider-a .message hr{width:80px; }
.slider-a .message .descriptif{padding:10px 0; margin:10px 0; font-size:1em; font-weight:400;}
.slider-a .message .push-slide-1{padding:10px 15px; margin:0; font-size:0.9em; font-weight:600;}
.slider-a .message .outside #slider-prev .bx-prev{margin:0 0 10px 0;}
.slider-a .message .outside #slider-next .bx-next{margin:0 0 0 0;}



.intro .intro-interne{padding:70px 0; max-width:1000px;}
.intro .intro-interne h2{font-size:3.1em; font-weight:300;}
.intro .intro-interne h3{font-size:1em; padding:30px 0 20px 0; font-weight:400;}
.intro .intro-interne a{width:350px; font-size:1em; font-weight:400;}



.slider-b .message{width:500px;  height:320px; margin:0 0 0 -250px;}
.slider-b .message .icone{width:66px; height:120px; padding:100px 42px 60px 42px; }
.slider-b .message .title{font-size:2.5em; font-weight:300;}
.slider-b .message .soustitle{padding:0 0 10px 0; font-size:1.1em; font-weight:400;}
.slider-b .message .descriptif{padding:0 40px 0 0; margin:0 0 20px 0; font-size:0.9em; font-weight:400;}
.slider-b .message .push-slide-2{padding:10px 15px; font-size:0.9em; font-weight:600;}
.slider-b .message .outside{ padding:20px 0;  width:350px;}
.slider-b .message .outside #slider-b-prev .bx-prev{margin:0 0 10px 0;}
.slider-b .message .outside #slider-b-next .bx-next{padding:0; margin:0 0 0 0;}
.slider-b .liste-icone{height:350px; background-image:url(images/bas-slider-b.png); background-repeat:no-repeat; background-position:center bottom;}
.slider-b .liste-icone .icone{margin:230px 20px 0 20px;}
.slider-b .liste-icone .icone .image{width:68px; height:68px;}
.slider-b .liste-icone .icone .image img{width:68px;}
.slider-b .liste-icone .icone:hover .image img{top:-68px;}
.slider-b .liste-icone .icone p{font-size:0.9em;padding:10px 0 0 0;}
.slider-b .liste-icone .active .image img{top:-68px;}




.last-project .last-project-interne{padding:70px 0; max-width:1000px;}
.last-project .last-project-interne .title{width:340px; padding:20px; font-size:1.8em; font-weight:300;}
.last-project .last-project-interne .colonne{width:45%; padding:40px 0 0 0; margin:0 2.5%;}
.last-project .last-project-interne .colonne h2{font-size:1.4em;}
.last-project .last-project-interne .colonne h3{padding:20px 0; font-size:0.9em; line-height:1.4em; font-weight:400;}
.last-project .last-project-interne .colonne .listing{font-size:0.9em;}
.last-project .last-project-interne .colonne .listing .intitule{width:100px;}
.last-project .last-project-interne .colonne a{width:250px; padding:10px 10px; margin:20px 0; font-size:0.9em; font-weight:600;}
.puce{padding:20px 0; }


/*A PROPOS*/
.listing-apropos{width:1200px; }
.listing-apropos ul li h3{ font-size:0.85em;}
.bio .interne{width:1200px;}



/*METHODOLOGIE SERVICES*/
.conception .interne{display:block; width:1200px; margin:0 auto; padding:0;}
.preparation .interne{display:block; width:1200px; margin:0 auto; padding:0;}
.organisation .interne{display:block; width:1200px; margin:0 auto; padding:0;}


footer .footer-interne{display:block; padding:50px 0; margin:0 auto; width:100%; max-width:1400px;}

}



@media screen and (min-width: 2300px) {

header .diagonale{width:800px; height:633px;}
header h1{top:80px; left:80px; font-size:3.2em;}
header nav ul{padding:0 0 0 850px;}
header nav ul li{padding:0 30px; margin:0; font-size:0.9em;}

header nav ul .sousmenu ul{ padding:0 0 0 1150px; }

/*ACCUEIL*/
.slider-a .diagonale{width:850px; height:680px; }
.slider-a .message{width:500px; height:380px; left:130px;}

footer .footer-interne{display:block; padding:60px 0; margin:0 auto; width:100%; max-width:1600px;}

}

@media screen and (max-width: 1050px) {

/*LES SERVICES*/
.service{display:block; width:100%; padding:30px 0; margin:0; background-color:white;}
.service ul{display:block; width:90%; margin:0 auto; padding:0;}
.service ul li{display:block; float:left; width:45%; padding:0; margin:0 2.5%; position:relative; overflow:hidden;}
.service ul li img{display:block; width:100%; height:auto; padding:0; margin:0;}
.service ul li .over{display:block; position:static; background-color:black; background-color: rgba(0, 0, 0, 1); bottom:-97px; left:0; width:100%; -ms-transition: all 0.5s ease; -o-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.service ul li .over h2{display:block; padding:10px 5% 5px 5%; margin:0; font-size:1.2em; font-weight:400; color:#e78913; text-align:left;}
.service ul li .over h3{display:block; padding:0 5% 10px 5%; margin:0; font-size:0.75em; font-weight:300; color:white; text-align:justify; height:auto;}
.service ul li:hover .over{bottom:0;}

.domaine{display:block; width:100%; padding:30px 0; margin:0; background-color:#bbb3ab;}
.domaine .interne{display:block; width:90%; margin:0 auto; padding:0;}
.domaine .interne .titre{display:block; padding:0 0; margin:0; font-size:1.5em; font-weight:300; color:#424242; text-align:center;}
.domaine .interne .single{background-color:white; border-bottom:solid 3px #e78913;}
.domaine .interne .single h2{display:block; padding:0 2% 10px; margin:0; font-size:1.3em; font-weight:400; color:#e78913; text-align:left; -ms-transition: all 0.5s ease; -o-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.domaine .interne .single ul{display:block; margin:0; padding:0;}
.domaine .interne .single ul li{display:block; float:left; width:29.333%; padding:0; margin:5px 2%; border-bottom:solid 1px #424242; -ms-transition: all 0.5s ease; -o-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.domaine .interne .single ul li h3{display:block; padding:5px 0; margin:0; font-size:0.9em; font-weight:400; color:#424242; text-align:left;}


.autre-service{display:block; width:100%; padding:30px 0; margin:0; background-color:white;}
.autre-service .interne{display:block; width:90%; margin:0 auto; padding:0;}
.autre-service .interne .titre{display:block; padding:0 0; margin:0; font-size:1.5em; font-weight:300; color:#e78913; text-align:center;}
.autre-service .interne ul{display:block; width:80%; margin:0 auto; padding:30px 0;}
.autre-service .interne ul li{display:block; float:left; width:45%; padding:0; margin:0 2.5%; background-color:#bbb3ab; -ms-transition: all 0.5s ease; -o-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.autre-service .interne ul li a{text-decoration:none; color:white;}
.autre-service .interne ul li a img{display:block; width:auto; margin:0 auto; padding:30px 0 0 0; height:auto;}
.autre-service .interne ul li a h2{display:block; padding:0 0; margin:0; font-size:1.2em; font-weight:300; color:#424242; text-align:center; -ms-transition: all 0.5s ease; -o-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.autre-service .interne ul li a h3{display:block; padding:10px 0 20px 0; margin:0; font-size:0.9em; font-weight:300; color:white; text-align:center; -ms-transition: all 0.5s ease; -o-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.autre-service .interne ul li:hover{background-color:#e78913;}
.autre-service .interne ul li:hover a h2{color:white;}
.autre-service .interne ul li:hover a h3{color:#424242;}
.autre-service .interne .push-ref{display:block; height:40px; line-height:40px; font-size:0.9em; font-weight:400; text-align:center; text-decoration:none; width:400px; margin:30px auto; padding:0; background-color:#e78913; color:white;-ms-transition: all 0.5s ease; -o-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.autre-service .interne .push-ref:hover{background-color:#323232; color:#e78913;}


/*REFERENCES*/
.reference{display:block; width:100%; padding:30px 0 30px 0; margin:0; background-color:white;}
.reference .titre{display:block; padding:70px 0 0 0; margin:0; font-size:1.1em; font-weight:300; color:#323232; text-align:center;}
.reference h2{display:block; padding:0 0 50px 0; margin:0; font-size:1.5em; font-weight:400; color:#424242; text-align:center;}
.reference ul{display:block; margin:0 auto; padding:0; width:90%; background-color:#bbb3ab;}
.reference ul li{display:block; float:left; width:33.333%; padding:0; margin:0; background-color:#bbb3ab; position:relative; cursor:pointer; overflow:hidden;}
.reference ul li img{display:block; width:100%; height:auto; padding:0; margin:0;}
.reference ul li .over-ref{display:block; position:absolute; top:auto; bottom:0; left:0;  width:100%; height:30px; background-color:black; background-color: rgba(0, 0, 0, 0.5);-ms-transition: all 0.4s ease; -o-transition:  all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;  }
.reference ul li:nth-child(2n) .over-ref{top:auto; bottom:0; left:0;}
.reference ul li:nth-child(3n) .over-ref{top:auto; bottom:0; left:0;}
.reference ul li:nth-child(4n) .over-ref{top:auto; bottom:0; left:0;}
.reference ul li:nth-child(5n) .over-ref{top:auto; bottom:0; left:0;}
.reference ul li:nth-child(6n) .over-ref{top:auto; bottom:0; left:0;}
.reference ul li .over-ref h2{display:none; }
.reference ul li .over-ref h3{display:none; }
.reference ul li .over-ref .bouton{display:block; padding:0;height:30px; line-height:30px; margin:0; font-size:0.7em; font-weight:300; color:white; background-color:#e78913; width:100%; text-align:center;}
.reference ul li .over-ref h4{display:none;}
.reference ul .li-ref{display:block; float:left; width:33.333%; padding:0; margin:0; background-color:#bbb3ab; position:relative; cursor:default; }
.reference ul .li-ref img{display:block; width:50px; margin:0 auto; padding:20px 0 10px 0; height:auto;}
.reference ul .li-ref h2{display:block; padding:0 0; margin:0; font-size:1.3em; font-weight:300; color:#424242; text-align:center;}
.reference ul .li-ref h3{display:block; padding:10px 5% 0 5%; margin:0; font-size:0.9em; font-weight:300; color:white; text-align:center;}
.reference ul li:hover .over-ref{ top:auto; bottom:0; left:0;}

.lightbox .close{display:block; width:40px; height:40px; line-height:40px; position:absolute; top:2.5%; right:2.5%; background-color:#e78913; color:white; font-size:1em; z-index:99999999999; margin:0;}
.lightbox .interne{display:none; width:90%; height:90%; margin:0; padding:0; top:5%; left:5%;}

}


@media screen and (max-width: 1000px) {
	
header nav .openmenu{display:block;}
header nav{display:block; position:fixed; top:0; right:-170px; margin:0; padding:5px 0 0 0; width:160px; height:100%; z-index:9999999; background-color:#bcb3ac;  background-image:url(images/diagonale-menu.png); background-repeat:no-repeat; background-position:left 250px;}
header nav ul{display:block; padding:0; margin:0; text-align:left;   position:relative; }
header nav ul li{display:block;padding:15px 0 0 20px; margin:0; height:auto; line-height:1;  font-size:0.9em; color:#fff; cursor:pointer;  font-weight:400;}
header nav ul li a{text-decoration:none; text-align:center; padding:0; margin:0; color:#fff;}
header nav ul li a:hover{color:#e78913;}
header nav ul .active a{color:#e78913;}
header nav ul .sousmenu{}
header nav ul .sousmenu:hover{background-color:transparent; color:#fff;}
header nav ul .sousmenu ul{display:block;  position:relative; top:auto; left:auto; width:auto; background-color:transparent; z-index:999; opacity:1;z-index:1000; height:auto; margin:0; padding:0;}
header nav ul .sousmenu:hover ul{top:auto; opacity:1;  transition-delay :0.2s;}
header nav ul .sousmenu ul li{display:block; padding:15px 0 0 10px; margin:0 5px; height:auto; line-height:1; color:#fff;}
header nav ul .sousmenu ul li a{text-decoration:none; text-align:center; padding:0; margin:0; color:white;  height:auto; line-height:1;  font-size:1em; font-weight:400;  color:#fff;}
header nav ul .sousmenu ul li a:hover{color:#e78913;}
header nav ul .sousmenu ul .active a:hover{color:#e78913;}


header{display:block; width:100%; position:relative; height:50px; padding:0; margin:0;   background-color:#323232;  z-index:1000;}
header .diagonale{display:block; position:absolute; width:70px; height:110px; padding:0;  left:0; top:50px;  z-index:9999; overflow:hidden;}
header .diagonale img{display:block; width:100%; height:auto; padding:0; margin:0;}
header h1{display:block; position:absolute; top:0; left:20px; z-index:99999; color:white; font-size:1.6em; font-weight:300; padding:0; margin:0; height:50px; line-height:50px;}
header h1 .soush1{display:inline; font-size:0.5em; color:#bbb3ab; margin:0 0 0 10px;}



/*ACCUEIL*/
.slider-a{display:block; position:relative; margin:0 auto; overflow:hidden;}
.slider-a .pattern{display:none; position:absolute; width:100%; height:100%; top:0; left:0; margin:0; padding:0; background-image:url(images/pattern.png); background-repeat:repeat; z-index:99;}
.slider-a .texte-a-3,.slider-a .texte-a-2,.slider-a .texte-a-1,.slider-a .texte-a-4{display:none;}
.slider-a .diagonale{display:block; position:absolute; width:690px; height:100%; padding:0;  z-index:999; left:0; bottom:0;}
.slider-a .diagonale img{display:block; width:100%; height:auto; padding:0; margin:0;}
.slider-a .message{display:block; position:absolute; width:310px; height:250px; padding:0;  z-index:999; left:20px; bottom:0; }


.slider-b .message{display:block; position:absolute; width:300px;  height:100%; padding:0;  z-index:999; left:0; top:0; margin:0;  background-color:#424242; background-color: rgba(50, 50, 50, 0.9);}


.slider-b .message .icone{display:block; width:50px; height:91px; padding:120px 15px 20px 15px; margin:0; float:left;}
.slider-b .message .title{display:none; padding:0; margin:0; color:#e78913; font-size:1.5em; font-weight:300;}
.slider-b .message .soustitle{display:block; padding:110px 0 5px 0; margin:0; color:white; font-size:0.9em; font-weight:400;}
.slider-b .message .descriptif{display:block; padding:0 10px 0 0; margin:0 0 15px 0; font-size:0.7em; font-weight:400; text-align:justify;}
.slider-b .message .push-slide-2{position:absolute; left:0; bottom:0;display:block; text-decoration:none; padding:10px 5%; margin:0 auto; color:white; font-size:0.7em; font-weight:600;  background-color:#e78913; width:90%; text-align:center;}
.slider-b .message .outside{display:none;}
.slider-b .liste-icone{display:block; position:absolute; left:0; bottom:auto; top:20px; width:300px; height:70px; margin:0; padding:0; background-image:none; background-repeat:no-repeat; background-position:center top; z-index:9999; text-align:center;}
.slider-b .liste-icone .icone{display:inline-block; padding:0; margin:0 10px 0 10px; cursor:pointer;}
.slider-b .liste-icone .icone .image{display:block; position:relative; width:50px; height:50px; overflow:hidden; padding:0; margin:0 auto;}
.slider-b .liste-icone .icone .image img{display:block; width:50px; height:auto; position:absolute; margin:0; padding:0; top:0; left:0;}
.slider-b .liste-icone .icone:hover .image img{top:-50px;}
.slider-b .liste-icone .icone p{display:block; font-size:0.7em; color:transparent; text-align:center; font-weight:600; padding:5px 0 0 0; margin:0;}
.slider-b .liste-icone .icone:hover p{color:#e78913;}
.slider-b .liste-icone .active .image img{top:-50px;}
.slider-b .liste-icone .active p{color:#e78913;}



/*INTERNE INTRODUCTION*/
.introduction .interne{display:block; max-width:550px; width:100%; margin:0 auto; padding:10px 0 20px 0;}
.introduction .interne .titre{padding:10px 5%;}
.introduction .interne hr{margin:0 5%;}
.introduction .interne h2{margin:0 5%;}
.introduction .interne h3{margin:0 5%; text-align:justify;}
.introduction .diagonale{width:100%; height:165px;}

/*A PROPOS*/
.objectif{display:block; width:100%; padding:0; margin:0; background-color:#f8f8f8; position:relative;}
.objectif h2{padding:60px 10% 30px 10%; text-align:justify;}

.listing-apropos{display:block; width:95%; }



.vision-apropos{display:block; width:100%;}
.vision-apropos .interne{display:block; width:90%;}
.vision-apropos .interne h2{padding:0; margin:0; }
.vision-apropos .interne h3{ padding:20px 0 0 0; margin:0; text-align:justify; }

.avantages-apropos{display:block; width:100%;}
.avantages-apropos .interne{display:block; width:100%; margin:0 auto; padding:30px 0;}
.avantages-apropos .interne h4{display:block; padding:0 5% 20px 5%;}
.avantages-apropos .interne p{display:table; padding:10px 30px;}

.bio{display:block; width:90%; margin:0; padding:0 5%; background-position:-10% center; background-color:white;}
.bio .interne{display:block; width:100%; margin:0 auto; padding:30px 0;}
.bio .interne .titre{display:block; padding:25px 0 10px 0; margin:0; color:#e78913; font-size:1.6em; font-weight:400; text-align:right;}
.bio .interne h2{display:block; padding:10px 0; margin:0; color:#424242; font-size:1em; font-weight:400; text-align:right;}
.bio .interne h3{display:block; padding:10px 0 30px 45%; margin:0; color:#bbb3ab; font-size:0.8em; font-weight:400; text-align:justify;}


/*METHODOLOGIE*/
.visite{display:block; width:100%; padding:90px 0 30px 0; margin:0;}
.visite .interne{display:block; width:90%; margin:0 auto; padding:0;}
.visite .interne .titre{display:block; padding:0 0; margin:0; font-size:1.5em; font-weight:400; color:#424242; text-align:center;}
.visite .interne .sous-titre{display:block; padding:10px 0; margin:0; font-size:1.2em; font-weight:300; color:#e78913; text-align:center;}
.visite .interne .sous-intro{display:block; padding:10px 0; margin:0; font-size:1em; font-weight:400; color:#bbb3ab; text-align:center;}
.visite .interne h2{display:block; padding:0 0; margin:0; font-size:0.8em; font-weight:400; color:#424242; text-align:justify;}

.mission{display:block; width:100%; padding:30px 0; margin:0; background-color:#e78913; -ms-transition: all 0.5s ease; -o-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.mission:hover{background-color:#323232;}
.mission .interne{display:block; width:90%; margin:0 auto; padding:0;}
.mission .interne h2{display:block; padding:0; margin:0; font-size:1.5em; font-weight:400; color:white; text-align:center;}
.mission .interne h3{display:block; padding:20px 0 0 0; margin:0; font-size:1.1em; font-weight:300; color:white; text-align:center;}

.conception{display:block; width:100%; padding:30px 0; margin:0; background-color:white;}
.conception .interne{display:block; width:90%; margin:0 auto; padding:0;}
.conception .interne .titre{display:block; padding:0 0; margin:0; font-size:1.5em; font-weight:300; color:#424242; text-align:center;}
.conception .interne .image{display:none; float:left; width:45%; margin:0; padding:30px 0;}
.conception .interne .image img{display:block; width:85%; margin:0 auto; padding:7px 0 0 0;}
.conception .interne .descriptif{display:block; float:left; width:100%; margin:0; padding:30px 0;}
.conception .interne .descriptif h2{display:block; padding:0; margin:0; font-size:1.3em; font-weight:300; color:#e78913; text-align:left;}
.conception .interne .descriptif h3{display:block; padding:10px 0; margin:0; font-size:0.8em; font-weight:600; color:#424242; text-align:justify;}
.conception .interne .descriptif .detail{display:block; padding:0;  height:20px; line-height:20px; margin:0; font-size:0.8em; font-weight:300; color:#e78913; text-align:left; cursor:pointer; -ms-transition: all 0.5s ease; -o-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.conception .interne .descriptif .detail:hover{color:#424242;}
.conception .interne .descriptif .opendetail{display:none; margin:0; padding:0;}
.conception .interne .descriptif .opendetail h4{display:block; padding:5px 0; margin:0; font-size:0.75em; font-weight:400; color:#424242; text-align:justify; line-height:1.4em;}

.preparation{display:block; width:100%; padding:30px 0; margin:0; background-color:#f8f8f8;}
.preparation .interne{display:block; width:90%; margin:0 auto; padding:0;}
.preparation .interne .titre{display:block; padding:0 0; margin:0; font-size:1.5em; font-weight:300; color:#424242; text-align:center;}
.preparation .interne .image{display:none; float:left; width:45%; margin:0; padding:30px 0;}
.preparation .interne .image img{display:block; width:85%; margin:0 auto; padding:7px 0 0 0;}
.preparation .interne .descriptif{display:block; float:left; width:100%; margin:0; padding:30px 0;}
.preparation .interne .descriptif h2{display:block; padding:0; margin:0; font-size:1.3em; font-weight:300; color:#e78913; text-align:left;}
.preparation .interne .descriptif .detail{display:block; padding:0; height:20px; line-height:20px; margin:0; font-size:0.8em; font-weight:300; color:#e78913; text-align:left; cursor:pointer;-ms-transition: all 0.5s ease; -o-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.preparation .interne .descriptif .detail:hover{color:#424242;}
.preparation .interne .descriptif .opendetail{display:none; margin:0; padding:0;}
.preparation .interne .descriptif .opendetail h3{display:block; padding:5px 0; margin:0; font-size:0.75em; font-weight:400; color:#424242; text-align:justify; line-height:1.4em;}

.organisation{display:block; width:100%; padding:30px 0; margin:0; background-color:white;}
.organisation .interne{display:block; width:90%; margin:0 auto; padding:0;}
.organisation .interne .titre{display:block; padding:0 0; margin:0; font-size:1.5em; font-weight:300; color:#424242; text-align:center;}
.organisation .interne .image{display:none; float:left; width:45%; margin:0; padding:30px 0;}
.organisation .interne .image img{display:block; width:85%; margin:0 auto; padding:7px 0 0 0;}
.organisation .interne .descriptif{display:block; float:left; width:100%; margin:0; padding:30px 0;}
.organisation .interne .descriptif h2{display:block; padding:0; margin:0; font-size:1.3em; font-weight:300; color:#e78913; text-align:left;}
.organisation .interne .descriptif h3{display:block; padding:10px 0; margin:10px 0; font-size:0.8em; font-weight:400; color:#424242; text-align:left;}


/*CONTACT*/
.listing-contact{display:block; width:100%; padding:90px 0 30px 0; margin:0; z-index:9999; position:relative;}
.listing-contact ul{display:block; width:90%; margin:0 auto; padding:0;}

.form-contact{display:block; width:100%; padding:0; margin:0; background-color:#bbb3ab;}
.form-contact .interne{display:block; width:100%; margin:0 auto; padding:30px 0;}







footer{display:block; padding:0; margin:0; background-color:#323232; width:100%;}
footer .footer-interne{display:block; padding:30px 0; margin:0 auto; width:90%; max-width:90%;}




	
}


@media screen and (max-width: 900px) {
/*A PROPOS*/
.listing-apropos ul li{width:45%; padding:0; margin:10px 2.5%;}
.listing-apropos ul li h3{display:table-cell; vertical-align:middle; height:130px; padding:10px 5%; margin:0; color:white;  font-size:0.75em; font-weight:300; text-align:center; line-height:1.4em; width:10%;}
.bio{display:block; width:90%; margin:0; padding:0 5%; background-position:-40% center; background-color:white;}
/*LES SERVICES*/
.domaine .interne .single ul li{display:block; float:left; width:46%; padding:0; margin:5px 2%;}


footer .footer-interne .colonne-c ul li{display:block; float:left; padding:4px 5% 0 0; margin:0; width:45%;}


}

@media screen and (max-width: 760px) {


/*CONTACT*/
#maps{display:block; width:80%; height:200px; padding:0; margin:0 10% 0 0;}
.form-contact{display:none;}






@media screen and (max-width: 720px) {
	
	
header .diagonale{display:none;}


header h1 .soush1{display:none; font-size:0.4em; color:#bbb3ab;}




/*ACCUEIL*/	
.bx-wrapper {display:none;}


.slider-a{display:none;}



.intro{display:block; padding:0; margin:0; background-image:none; background-repeat:no-repeat; background-position:center right;}
.intro .intro-interne{display:block; padding:20px 0; margin:0 auto; width:100%; max-width:100%;}
.intro .intro-interne h2{display:block; text-align:center; font-size:1.6em; color:#424242; padding:0 5%; margin:0;  line-height:1.2em; font-weight:300;}
.intro .intro-interne h3{display:block; text-align:justify; font-size:0.9em; color:#868686; padding:20px 5% 20px 5%; margin:0;  line-height:1.4em;  font-weight:400;}
.intro .intro-interne a{display:block; width:auto; text-decoration:none; background-color:#e78913; height:auto; line-height:1.2em; padding:10px 1%; margin:0 5%; text-align:center; color:white; font-size:0.8em;  font-weight:400;}


.slider-b{display:block; position:relative; margin:0 auto; z-index:1;}
.slider-b .pattern{display:none; position:absolute; width:100%; height:100%; top:0; left:0; margin:0; padding:0; background-image:url(images/pattern.png); background-repeat:repeat; z-index:99;}
.slider-b .message{display:none; }
.slider-b .texte-b-3,.slider-b .texte-b-2,.slider-b .texte-b-1{display:block; padding:20px 0; margin:0;}
.slider-b .texte-b-1 .bulle,.slider-b .texte-b-2 .bulle,.slider-b .texte-b-3 .bulle{display:block; width:130px; height:130px; padding:0; margin:0 auto 20px auto; background-color:#323232; border-radius:50%; position:relative; overflow:hidden;}
.slider-b .texte-b-1 .bulle img{display:block; width:50px; height:auto; padding:0; margin:0 0 0 -25px; position:absolute; top:20px; left:50%;}
.slider-b .texte-b-2 .bulle img{display:block; width:50px; height:auto; padding:0; margin:0 0 0 -25px; position:absolute; top:30px; left:50%;}
.slider-b .texte-b-3 .bulle img{display:block; width:50px; height:auto; padding:0; margin:0 0 0 -25px; position:absolute; top:30px; left:50%;}
.slider-b .texte-b-1 h2,.slider-b .texte-b-2 h2,.slider-b .texte-b-3 h2{display:block; text-align:center; font-size:1.6em; color:#e78913; padding:0 5%; margin:0;  line-height:1.2em; font-weight:300;}
.slider-b .texte-b-1 h3,.slider-b .texte-b-2 h3,.slider-b .texte-b-3 h3{display:block; text-align:center; font-size:1em; color:#424242; padding:0 5%; margin:0;  line-height:1.2em; font-weight:300;}
.slider-b .texte-b-1 h4,.slider-b .texte-b-2 h4,.slider-b .texte-b-3 h4{display:block; text-align:justify; font-size:0.9em; color:#868686; padding:20px 5% 20px 5%; margin:0;  line-height:1.4em;  font-weight:400;}
.slider-b .texte-b-1 .texte-lien,.slider-b .texte-b-2 .texte-lien,.slider-b .texte-b-3 .texte-lien{display:block; width:auto; text-decoration:none; background-color:#e78913; height:auto; line-height:1.2em; padding:10px 1%; margin:0 5%; text-align:center; color:white; font-size:0.8em;  font-weight:400;}



.slider-b .liste-icone{display:none;}


.last-project{display:none;}



/*A PROPOS*/
.objectif .titre{display:block; height:60px; line-height:60px; padding:0; margin:0; color:white; font-size:1em; font-weight:400; background-color:white; color:#e78913; position:absolute; text-align:center; width:90%; left:5%; top:-30px; }
.avantages-apropos .interne p{display:block; padding:10px 2%; margin:10px 5%; }
.bio{display:block; width:90%; margin:0; padding:0 5%; background-image:none; background-color:white;}
.bio .interne .titre{display:block; padding:25px 0 10px 0; margin:0; color:#e78913; font-size:1.6em; font-weight:400; text-align:left;}
.bio .interne h2{display:block; padding:10px 0; margin:0; color:#424242; font-size:1em; font-weight:400; text-align:left;}
.bio .interne h3{display:block; padding:10px 0 30px 0; margin:0; color:#bbb3ab; font-size:0.8em; font-weight:400; text-align:justify;}

/*REFERENCES*/
.reference ul{ padding:180px 0 0 0; width:90%; background-color:transparent; position:relative;}
.reference ul li{display:block; float:left; width:50%; padding:0; margin:0; background-color:#bbb3ab; position:relative; cursor:pointer; overflow:hidden;}
.reference ul .li-ref{display:block; float:none; width:100%; padding:0; margin:0; background-color:#bbb3ab; position:absolute; cursor:default;  top:0;}
.reference ul .li-ref img{display:block; width:40px; margin:0 auto; padding:20px 0 10px 0; height:auto;}
.reference ul .li-ref h2{display:block; padding:0 0; margin:0; font-size:1.3em; font-weight:300; color:#424242; text-align:center;}
.reference ul .li-ref h3{display:block; padding:10px 5% 20px 5%; margin:0; font-size:0.9em; font-weight:300; color:white; text-align:center;}

/*CONTACT*/
.listing-contact{display:block; width:100%; padding:40px 0 10px 0; margin:0; z-index:999; position:relative;}
.listing-contact ul{display:block; width:90%; margin:0 auto; padding:0;}
.listing-contact ul li{display:block; float:left; width:90%; padding:15px 5%; margin:0;}
.listing-contact ul li .titre{display:block; padding:0 0 10px 0; margin:0; color:#e78913; font-size:1.3em; font-weight:400; text-align:center;}
.listing-contact ul li h2{display:block; padding:5px 0 0 0; margin:0; color:#bbb3ab; font-size:0.8em; font-weight:400; text-align:center;}
.listing-contact ul li h2 a{color:#e78913; text-decoration:none;-ms-transition: all 0.5s ease; -o-transition:  all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease; }
.listing-contact ul li h2 a:hover{color:#323232; text-decoration:underline;}
#maps{display:none; width:80%; height:200px; padding:0; margin:0 10% 0 0;}



footer .footer-interne .colonne-a{display:block; width:62%; padding:0 3% 0 0; margin:0; float:left;}
footer .footer-interne .colonne-b{display:block; width:30%; padding:0 0 0 5%; margin:0; float:left;}
footer .footer-interne .colonne-c{display:none;}




	
	
}

@media screen and (max-width: 580px) {
/*A PROPOS*/	
.listing-apropos ul li{width:90%; padding:0; margin:10px 5%;}
.listing-apropos ul li h3{display:block; vertical-align:middle; height:auto; padding:20px 5%; margin:0; color:white;  font-size:0.9em; font-weight:300; text-align:center; line-height:1.4em; width:90%; min-width:90%;}
/*METHODOLOGIE*/
.visite{display:block; width:100%; padding:40px 0 30px 0; margin:0;}
.organisation{display:block; width:100%; padding:30px 0 0 0; margin:0; background-color:white;}

/*LES SERVICES*/
.service ul li{display:block; float:left; width:90%; padding:0; margin:10px 5%; position:relative; overflow:hidden;}
.domaine .interne .single ul li{display:block; float:left; width:90%; padding:0; margin:5px 5%;}
.autre-service .interne ul li{display:block; float:left; width:90%; padding:0; margin:10px 5%; }
.autre-service .interne .push-ref{display:block; height:40px; line-height:40px; font-size:0.9em; font-weight:400; text-align:center; text-decoration:none; width:90%; margin:30px auto 0 auto;}

/*REFERENCES*/
.reference .titre{display:block; padding:40px 0 0 0; margin:0; font-size:1.1em; font-weight:300; color:#323232; text-align:center;}
.reference ul{ padding:180px 0 0 0; width:90%; background-color:transparent; position:relative;}
.reference ul li{display:block; float:left; width:100%; padding:0; margin:10px 0 0 0; background-color:#bbb3ab; position:relative; cursor:pointer; overflow:hidden;}
.reference ul .li-ref{display:block; float:none; width:100%; padding:0; margin:0; background-color:#bbb3ab; position:absolute; cursor:default;  top:0;}
.reference ul .li-ref img{display:block; width:40px; margin:0 auto; padding:20px 0 10px 0; height:auto;}
.reference ul .li-ref h2{display:block; padding:0 0; margin:0; font-size:1.3em; font-weight:300; color:#424242; text-align:center;}
.reference ul .li-ref h3{display:block; padding:10px 5% 20px 5%; margin:0; font-size:0.9em; font-weight:300; color:white; text-align:center;}
.reference ul li .over-ref .bouton{font-size:0.9em;}



footer{display:block; padding:0; margin:30px 0 0 0; background-color:#323232; width:100%;}
footer .footer-interne{display:block; padding:20px 0 0 0; margin:0 auto; width:90%; max-width:90%;}

footer .footer-interne .colonne-a{display:block; width:100%; padding:0; margin:0; float:left;}
footer .footer-interne .colonne-a .h1{display:block; color:white; font-size:1.6em; font-weight:300; padding:0; margin:0;}
footer .footer-interne .colonne-a .h1 .psoush1{display:block; font-size:0.45em; color:#bbb3ab; font-weight:400;}
footer .footer-interne .colonne-a .hr1{display:block; width:100px; height:1px; background-color:white; border:none; text-align:left; margin:7px 0 10px 0; padding:0;}
footer .footer-interne .colonne-a .title{display:block; color:#868686; font-size:0.85em; font-weight:300; padding:0; margin:0;}
footer .footer-interne .colonne-a .sous-title{display:block; color:#bbb3ab; font-size:0.75em; font-weight:300; padding:5px 0; margin:0; line-height:1.4em; text-align:justify;}
footer .footer-interne .colonne-a .hr2{display:block; width:70px; height:1px; background-color:#e78913; border:none; text-align:left; margin:10px 0; padding:0;}
footer .footer-interne .colonne-a .copyright{display:none; color:#868686; font-size:0.75em; font-weight:300; padding:0; margin:0;}
footer .footer-interne .colonne-a .copyright a{text-decoration:none; color:#e78913; padding:0; margin:0;}
footer .footer-interne .colonne-a .copyright a:hover{color:white;}
footer .footer-interne .colonne-b{display:block; width:100%; padding:0; margin:0; float:left;}
footer .footer-interne .colonne-c{display:none;}

footer .footer-interne .colonne-b .surtitle{display:none; color:#a29b94; font-size:0.9em; font-weight:300; padding:33px 0 0 0; margin:0;}
footer .footer-interne .colonne-b .hr1{display:none; width:50px; height:1px; background-color:white; border:none; text-align:left; margin:7px 0 10px 0; padding:0;}
footer .footer-interne .colonne-b .adresse{display:block; color:#bbb3ab; font-size:1em; font-weight:300; padding:0 0 10px 0; margin:0;}
footer .footer-interne .colonne-b .contact{display:block; color:#a29b94; font-size:1em; font-weight:300; padding:2px 0 0 0; margin:0;}
footer .footer-interne .colonne-b .contact a{text-decoration:none; color:#e78913; padding:0; margin:0;}
footer .footer-interne .colonne-b .contact a:hover{color:#a29b94;}
footer .footer-interne .colonne-b .copyright-bis{display:block; color:#868686; font-size:0.75em; font-weight:300; padding:10px 0 0 0; margin:0;}
footer .footer-interne .colonne-b .copyright-bis a{text-decoration:none; color:#e78913; padding:0; margin:0;}
footer .footer-interne .colonne-b .copyright-bis a:hover{color:white;}
	
}