<style type="text/css">

/*-------------------------------------------------------------------------- Defaut ---------------------------------------------------------------------------*/
.reset {
	
}
@font-face {
    font-family: 'typo1';
    src: url('../font/roboto.eot');
    src: url('../font/roboto.eot?#iefix') format('embedded-opentype'),
         url('../font/roboto.woff') format('woff'),
         url('../font/roboto.ttf') format('truetype'),
         url('../font/roboto.svg#Roboto') format('svg');
}

@font-face {
    font-family: 'typo2';
    src: url('../font/roboto_b.eot');
    src: url('../font/roboto_b.eot?#iefix') format('embedded-opentype'),
         url('../font/roboto_b.woff') format('woff'),
         url('../font/roboto_b.ttf') format('truetype'),
         url('../font/roboto_b.svg#Roboto') format('svg');
}
* {
   margin:0;
   padding:0;
   font-family:Verdana, Geneva, sans-serif;
   outline: 0;
   border: 0;
   font-family:'typo', Arial, sans-serif;
   font-size:14px;
   box-sizing: border-box;	
}
.menu_couleur {
position:fixed;
height:70px;
width:70px;
background:#FFF;
overflow:hidden;
opacity:0;
right:0;
top:0;
-webkit-transition: all 0.3s ease; 
-moz-transition: all 0.3s ease; 
-o-transition: all 0.3s ease; 
padding:10px;
}

.effet_menu_couleur {
height:250px;
width:200px;
opacity:1;
}
.typo1 {
  font-family: 'typo1', arial;
  font-size: 2rem;
  color: #000;
  position: absolute;
  right: 10px;
  top: 10px;
}

.typo2 {
  font-family: 'typo2', arial;
  font-size: 2rem;
  color: #000;
  position: absolute;
  right: 10px;
  top: 70px;
}

.typo3 {
  font-family: 'typo3', arial;
  font-size: 2rem;
  color: #000;
  position: absolute;
  right: 10px;
  top: 130px;
}
.clearer {
	clear:both;
	height:0px;
}

h1 {
	font-size:0px;
	text-indent:-9999px;
	position:absolute;
}

.carrer_couleur {
width:30px;
height:25px;
border:#ccc 1px solid;
position:relative;
z-index:100;
}

#carrer0 {
background:#FFFFFF;
text-align:center;
color:#FFFFFF;
text-shadow:2px 2px #000;
display:block;
margin:0 0 10px 0;
}

#carrer1 {
background:#0085a2;
text-align:center;
color:#FFFFFF;
text-shadow:2px 2px #000;
display:block;
margin:0 0 10px 0;
}

#carrer2 {
background:#030303;
text-align:center;
color:#FFFFFF;
text-shadow:2px 2px #000;
display:block;
margin:0 0 10px 0;
}

#carrer3 {
background:#f0f0f0;
text-align:center;
color:#FFFFFF;
text-shadow:2px 2px #000;
display:block;
margin:0 0 10px 0;
}

#carrer4 {
background:#000;
text-align:center;
color:#FFFFFF;
text-shadow:2px 2px #000;
display:block;
margin:0 0 10px 0;
}

#carrer5 {
background:#6b6b6b;
text-align:center;
color:#FFFFFF;
text-shadow:2px 2px #000;
display:block;
margin:0 0 10px 0;
}

#carrer6 {
background:;
text-align:center;
color:#FFFFFF;
text-shadow:2px 2px #000;
display:block;
margin:0 0 10px 0;
}

#carrer7 {
background:;
text-align:center;
color:#FFFFFF;
text-shadow:2px 2px #000;
display:block;
margin:0 0 10px 0;
}

li {
list-style-type: none;
}
h2 {
font-size:2em;
margin:0 0 10px 15px;
}

h3 {
font-size:2em;
}

p {
margin:0 0 10px 0;
line-height:20px;
}

/*------------------------------------- OPTION ------------------------------------*/

.lang_fr {
	height:35px;
	width:50px;
	display:block;
	background: url(../images/bouton/drapeau_fr.png) top left no-repeat;
	text-indent:-9999px;
	font-size:0px;
	z-index:500;
	position:absolute;
	right:40px;
	top:10px;
}

.lang_en {
	height:35px;
	width:50px;
	display:block;
	background: url(../images/bouton/drapeau_en.png) top left no-repeat;
	text-indent:-9999px;
	font-size:0px;
	z-index:500;
	position:absolute;
	right:40px;
	top:10px;
}
.lang_fr:hover, .lang_en:hover  {
	background-position: bottom left;
}

.slogan {
color:#FFFFFF;	
  font-size: 3em;
  display: block;
  top: 200px;
  margin: auto;
  position: relative;
  background: #ccc;
  width: auto;
  text-align: center;
}

/*-------------------------------------------------------------------------- Structure ---------------------------------------------------------------------------*/

/* ----------------- Header --------------*/

.logo {
	display:block;
	height:100px;
	width:650px;
	font-size:0px;
	letter-spacing: -100px;
	text-indent:-9999px;
	position:relative;
	background: url(../images/bouton/logo.png) no-repeat left top #FFFFFF;
}

.logo:hover {
	opacity:0.5;
}


header, .contenu, footer  {
width:100%;
clear:both;
padding:0 20px;
}

header  {
}

header section  {
height:auto;
}


/*-------------------------- Navigation --------------------------*/
nav {
height:100px;
width:auto;
position:absolute;
clear:both;
right:0;
top:0;
}

nav li {
float:left;
list-style:none;
text-align:center;
text-decoration:none;
position:relative;
}


nav li.invisible {
display:none;
}

nav span {
float:left;
color:#030303;
font-size:1.2em;
padding:0 7px;
line-height:100px;
}

nav li a {
text-decoration:none;
display:block;
line-height:100px;
font-size:1.2em;
color:#030303;
}

nav li a:hover, .nav_select {
color:#0085a2;
}

.bt_nav {
display:none;
}


.subnav {
    visibility:hidden;
	opacity:0;
    background: #000;
    width: auto;
    height: auto;
    position: absolute;
    top: 60px;
	-webkit-transition: all 0.6s ease; 
-moz-transition: all 0.6s ease; 
-o-transition: all 0.6s ease; 
	height:0px;
	z-index:1000;

}
.subnav_visible {
    visibility:visible;
	opacity:1;
	height:auto;
}
.subnav li {
width:100%;
margin:0;
}


/*-------------------------- Navigation coté --------------------------*/
.rubrique {
height:100%;
}

.alpha_sous_menu {
width:100%;
height:100%;
background:#FFFFFF;
opacity:0;
z-index:100;
position:fixed;
visibility:hidden;
-webkit-transition: all 0.5s ease; 
-moz-transition: all 0.5s ease; 
-o-transition: all 0.5s ease; 
transition: all 0.5s ease; 
}

.alpha_sous_menu_visible {
visibility:visible;
opacity:0.7;
}


.sous_menu {
width:300px;
height:100%;
z-index:101;
position:fixed;
background:#0085a2;
opacity:0;
visibility:hidden;
left:-300px;
-webkit-transition: all 0.5s ease; 
-moz-transition: all 0.5s ease; 
-o-transition: all 0.5s ease; 
transition: all 0.5s ease; 
}

.sous_menu_visible {
visibility:visible;
opacity:1;
left:0;
}

.sous_menu .rubrique_invisible {
visibility:hidden;
opacity:0;
height:0;
}


.sous_menu .scrolling {
width:100%;
position:relative;
height:95%;
overflow:auto;
}

.sous_menu .scrolling li a {
background:#666;	
text-decoration:none;
font-size:1.2rem;
color:#FFF;
padding:10px 0;
text-indent:15px;
width:100%;
border-bottom:1px solid #FFF;
display:block;
}

.sous_menu .scrolling li {
margin-top:30px;
background:none;
}

.sous_menu .scrolling li.sous_nav {
margin-top:0;
background:none;
}

.sous_menu .scrolling li a:hover, .sous_menu .scrolling li.sous_nav a:hover {
background:#000;	
}


.sous_menu .scrolling li.sous_nav a {
background:#333;	
}





.sous_navigation li a {
background:#666;	
text-decoration:none;
font-size:1.2rem;
color:#FFF;
padding:10px 0;
text-indent:15px;
width:100%;
border-bottom:1px solid #FFF;
display:block;
}

.sous_navigation li {
margin-top:30px;
background:none;
}

.sous_navigation li.sous_nav {
margin-top:0;
background:none;
}

.sous_navigation li a:hover, .sous_navigation li.sous_nav a:hover {
background:#000;	
}


.sous_navigation li.sous_nav a {
background:#333;	
}


.sous_navigation li a.class_select {
background:#0085a2;	
}












/* ----------------- Footer --------------*/
footer  {
background:#000;
}

footer section  {
height:100px;
text-align:center;
padding-top:20px;
}

footer section li {
display:inline-block;
color:#FFFFFF;
line-height:30px;
font-size:1rem;
}

footer section li a {
color:#FFFFFF;
text-align:center;
text-decoration:none;
font-size:0.9rem;
}

footer section ul span {
color:#FFFFFF;
}

footer section li a span {
font-size:1.2rem;
text-transform:lowercase;
}











/* ----------------- Contenu --------------*/
.contenu  {
background:#FFFFFF;
}

section {
max-width:1180px;
min-width:100px;
display:block;
margin:auto;
position:relative;
}

.contenu section {
min-height:450px;
}

.colonne1, .colonne2, .colonne3, .colonne4, .colonne5, .colonne6 {
clear:both;
overflow:hidden;
}


.colonne1 .bloc, .colonne2 .bloc, .colonne3 .bloc, .colonne4 .bloc, .colonne5 .bloc, .colonne6 .bloc {
margin-bottom:30px;
overflow: hidden;
}


.colonne1 .bloc {
width:calc(100% - 30px);
}

.colonne2 .bloc {
width:calc(50% - 30px);
}


.colonne3 .bloc {
width:calc(33% - 30px);
}

.colonne3 .bloc:last-child {
width:calc(34% - 30px);
}

.colonne4 .bloc {
width:calc(25% - 30px);
}

.colonne5 .bloc {
width:calc(20% - 30px);
}

.colonne6 .bloc {
width:calc(17% - 30px);
}

.colonne6 .bloc:last-child {
width:calc(15% - 30px);
}

.bloc h2 {
font-size:1.8em;
margin: 17px 0 6px 0;
}

.bloc {
padding:20px;
margin:0 0 30px 0;
background:none;
float:left;
display:block;
margin:0 15px;
min-height:50px;
}











/*-------------------------- Element Spécifique --------------------------*/

.contenu_home {
background:#f0f0f0;
}


.contenu_home section {
height:210px;
min-height:210px;
background:#f0f0f0;
}

svg.nav_home, a.nav_home {
width:20%;
float:left;
display:block;
text-align:center;
font-size:1.5rem;
color:#0085a2;
height:210px;
padding-top:150px;
text-decoration:none;
background-position:top center;
background-repeat:no-repeat;

}

svg.nav_home_1, a.nav_home_1 {
background-image:url(../images/bouton/ecrans.png);
}

svg.nav_home_1, a.nav_home_2 {
background-image:url(../images/bouton/toiles.png);
}

svg.nav_home_1, a.nav_home_3 {
background-image:url(../images/bouton/acoustique.png);
}

svg.nav_home_1, a.nav_home_4 {
background-image:url(../images/bouton/tentures.png);
}

svg.nav_home_1, a.nav_home_5 {
background-image:url(../images/bouton/amenagement.png);
}



a.nav_home:hover, a.nav_home_select {
color:#FFFFFF;
background-position:bottom center;
background-color:#0085a2;
}


.contenu_page {
background-color:#FFFFFF;
background-position:center center;
background-repeat:no-repeat;
background-size:contain;
margin-bottom:30px;
}





.contenu_page_home {
margin-bottom:0px;
background-image:url(../images/photos/photo_home.jpg)
}




.contenu_page section {
background:none;	
height:440px;
min-height:440px;
}
.contenu_page section h2 {
color:#FFFFFF;
text-transform:uppercase;
text-align:center;
padding:50px 0 30px 0;
}

.contenu_page section p {
color:#FFFFFF;
width:50%;
margin:0 auto 20px auto;
display:block;
text-align:justify;
font-size:1.2rem;
}
.contenu_page_home section p {
text-align:center;
}

.contenu_page_home section h2 {
padding:150px 0 10px 0;
}

.page_ecran {
/*background-image:url(../images/photos/photo_ecrans.jpg);*/
background-color:#0085a2;
}

.page_toile {
/*background-image:url(../images/photos/photo_toiles.jpg);*/
background-color:#0085a2;
}

.page_tenture {
	/*background-image:url(../images/photos/photo_tenture.jpg);*/
	background-color:#0085a2;
	}
	
.page_tenture section {
	padding-top:50px;
	}


.page_amenagement {
	/*background-image:url(../images/photos/photo_tenture.jpg);*/
	background-color:#0085a2;
	}

.page_amenagement section {
	padding-top:110px;
	}


.page_acoustique {

	background-color:#0085a2;
	
}
.page_acoustique section {
	padding-top:90px;
	}


.page_anglais {

	background-color:#0085a2;
	
}
	
.page_anglais section {
	padding-top:90px;
	}



.page_toile section {
/*background-color:#0085a2;*/
padding-top:70px;
}

.page_toile section p {
width:60%;
}

.historique {
background:#f0f0f0;
}

.historique .colonne1, .historique .colonne2  {
background:none;
}



.historique .colonne2 h2, .publications .colonne1 h2 {
color:#030303;
text-align:center;
padding:20px 0 10px 0;
font-size:1.6rem;
font-weight:normal;
font-family:'typo_1', arial;
}

.publications .colonne3 {
	text-align:center;	
	}


.bt_plus {
float:right;
background:#0085a2;
color:#FFFFFF;
text-align:center;
display:block;
text-decoration:none;
padding:5px;
width:auto;
font-size:1.3em;
}

.bt_plus:hover {
background:#030303;
}


.colonne1 .bloc_sans_bg {
background:none;
}

.contenu_spe .colonne1 .bloc {
margin-bottom:0;
}

.bloc_spe {
min-height:50px;
margin-bottom:0;
}

.colonne2 .bloc_map{
	width:60%;
	}

#map {
height:400px;
background:#999;
display:block;

}

.colonne2 .bloc_adresse {
	margin:20px 0 0 0;
	width:30%;
	}
	
.bloc_adresse h2 {
	font-size:1.1em;
	}
	
.bloc_adresse a {
	text-decoration:none;
	color:#0085a2;
	}

.bloc_adresse img {
	margin-top: 25px;
	}

    

.real2lignes {
	
	margin-top:50px;
	}


/* ----------------- Accueil --------------*/
.bloc_image {
background-repeat:no-repeat;
background-position:center top;
padding:0;
}

.bloc_image img {
width:100%;
height:100%;
/*-webkit-filter: grayscale(100%);*/

}

.bloc_image p {
color:#6b6b6b;
text-align:center;
font-size:0.9rem;
}

.bloc_image h2 {
color:#6b6b6b;
font-size:1.2rem;
}


.bloc_home {
padding:0;
}

.bloc_home_1 {
padding:0 80px;
}

.bloc_home h2 {
text-transform:uppercase;
font-size:1.7rem;
color:#6b6b6b;
margin-bottom:30px;
}

.colonne3 h3 {
    text-transform: uppercase;
    font-size: 1.2rem;
    color: #6b6b6b;
    margin-bottom: 30px;
	text-align:center;
}

img.imax {
	margin-top: 20px;
    max-width: 160px;
    margin-left: 150px;
	}


.bloc_home b {
    font-size:1.2rem;
}

.bloc_home p, .bloc_home li {
color:#6b6b6b;
font-size:1.2rem;
text-align:justify;
clear:both;
}

.bloc_home li {
margin:0 0 10px 30px;
}

.bloc_home ul {
margin-bottom:30px;
float:left;
display:block;
}

.bloc_home ul.ul_droite {

}


.bloc_home4 .bloc {
min-height:400px;
background:#FFC;
}

.image_cobra {
min-height:300px;
}

.bloc_cobra {
min-height:200px;
background:#0085a2;
min-height:300px;
}

.colonne2 .image_dbz {
min-height:500px;
width:calc(30% - 30px);
background-size:contain;
background-color:#fff;
}

.colonne2 .bloc_dbz {
min-height:500px;
background:none;
width:calc(70% - 30px);
}

.bloc_home1 {
min-height:260px;
}

/* ----------------- Articles --------------*/
.article_invisible {
-webkit-transition: all 2s ease; 
-moz-transition: all 2s ease; 
-o-transition: all 2s ease; 
transition: all 2s ease; 
display:none;
}

.effet_article {
display:block;
}

section.article  {
max-width:800px;
}

section.article .colonne1 .bloc_article {
background:none;
padding:0;
margin-bottom:10px;
clear:both;
position:relative;
display:block;
float:none;
}

.colonne1 img {
clear:both;
position:relative;
display:block;
float:none;
margin-bottom:20px;
}

.colonne1 img.vertical {
width:50%;
margin-left:25%;
margin-right:25%;
}

.colonne1 img.horizontal {
width:calc(100% - 30px);
margin-left:15px;
margin-right:15px;
}

section.article .colonne1 a {

float:right;
color:#f0f0f0;
padding: 0px 15px;
margin-bottom:20px;
font-style:italic;
}

section.article .colonne1 a:hover {
color:#0085a2;
}

section.article .colonne1 .chapeau {
margin:0 0 20px 0;
text-align:justify;
overflow: hidden;
}

section.article .colonne1 .trait {
height:2px;
background:#CCC;
width:100%;
display:block;
clear:both;
margin:0 0 40px 0;
}


/*--------------Page références-------------*/
.contenu_reference section h2 {
	text-transform: uppercase;
    font-size: 1.7rem;
    color: #6b6b6b;
    margin-bottom: 30px;
	margin-top:30px;
	text-align:center;
}

.contenu_reference section .clients {
	text-align:center;
	min-height:180px;
	}

.contenu_reference section .clients .logos_clients {
	width:15%;
	display:inline-block;
	font-size: 0px;
    letter-spacing: -100px;
    text-indent: -9999px;
	height:160px;
	background-position:top center;
	background-repeat:no-repeat;
	}
	
.contenu_reference section .clients .logos_clients:hover {
	opacity:0.6;
	}

.clients .logos_clients.client1 {
background-image:url(../images/logos_clients/1.jpg);
}

.clients .logos_clients.client2 {
background-image:url(../images/logos_clients/2.jpg);
}

.clients .logos_clients.client3 {
background-image:url(../images/logos_clients/3.jpg);
}

.clients .logos_clients.client4 {
background-image:url(../images/logos_clients/4.jpg);
}

.clients .logos_clients.client5 {
background-image:url(../images/logos_clients/5.jpg);
}

.clients .logos_clients.client6 {
background-image:url(../images/logos_clients/6.jpg);
}

.clients .logos_clients.client7 {
background-image:url(../images/logos_clients/7.jpg);
}

.clients .logos_clients.client8 {
background-image:url(../images/logos_clients/8.jpg);
}

.clients .logos_clients.client9 {
background-image:url(../images/logos_clients/9.jpg);
}


.clients .logos_clients.client10 {
background-image:url(../images/logos_clients/10.jpg);
}

.clients .logos_clients.client11 {
background-image:url(../images/logos_clients/11.jpg);
}

.clients h3 {
	width:100%;
	display:block;
	border-top:solid 1px;
	border-bottom:solid 1px;
	border-color:#0085a2;
	color:#0085a2;
	padding:10px;
	margin:20px auto;
	}

.clients .ref {
	display:inline-block;
	margin:10px;	
	width:31%;
	}
	
.clients h4 {
	color:#0085a2;
	
	text-transform:uppercase;
	}
	
.clients em {
	color:#0085a2;
	font-style:italic;
	}
	
.clients p {
	margin-top:10px;
	}

/*------------------------------------Test Steven---------------------------------------*/

/*--------------Générales-------------*/
section.grand  {
max-width:1100px;
min-height:50px;
padding: 15px;
}

section.petit  {
max-width:800px;
min-height:50px;
padding: 15px;
}

section.fiche_article p{
text-align:justify;
}

section.fiche_article h3{
margin:15px 0px;
}

section.fiche_article p a{
color:red;
}


/* ---------------Header Article-------------------*/
.retour, .retour a{
display: block;
margin-top: 20px;
margin-bottom:20px;
color : grey;
font-style:italic;
}


/*-------------Liste a puces---------------------*/



.liste_puce_DDL li{
font-size:0.8em;
}

.liste_puce_DDL li a{
font-size:1.5em;
text-decoration:none;
color:black;
}

.liste_puce_DDL li a:hover{
color:red;
}

.liste_puce_article ul {
list-style-type: none;
margin:15px;
}

.liste_puce_article li:before {
content: "› "; /* caractère UTF-8 */
color: red;
}

/*------------------------Bloc Vidéo------------------------------*/

.video_sous_article iframe{
width:100%;
height:400px;
}

.titre_image_video{
font: 0.9em italic;
text-align:center;
}

/*-------------Bloc Article Précédent/Suivant-------------------------*/

.lien_article{
margin-top:100px;
min-height:150px;
background-repeat:no-repeat;
background-size:150px 150px;
text-decoration:none;
color:black;
}

.lien_article h3{
	font-size:1.8em;
	padding:0px;
	text-align::right;
}

.lien_article p{
	font-size: 0.9em;
	font-style:italic;
}

.bloc_article_precedent{
	background-position:left;
	padding-left:170px;
}

.bloc_article_suivant{
	background-position:right;
	padding-right:170px;
}

.bloc_article_suivant:hover{
	background-image:url("images/photos/fond_noir.jpg");
}

/*----------Slide----------*/
.extra-slider {
	overflow: visible;
}
.extra-slider, .extra-slider .wrapper {
	margin: 0 auto;
	position: relative;
	z-index: 10;
}

.extra-slider .wrapper {
	overflow: hidden;
}

.extra-slider .wrapper > ul {
	display: block;
	list-style: none;
	position: relative;
}

.extra-slider .wrapper > ul > li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;

}

/* SLIDE TRANSITION */
.extra-slider-slide .wrapper > ul > li {
float: left;
}

.extra-slider-slide .wrapper > ul:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* FADE TRANSITION */
.extra-slider-fade .wrapper > ul > li {
position: absolute;
top: 0; left: 0;
}

.imageslide{
max-width:500px;
max-height:300px;
padding: 15px 15px;
align:center;	
}


/*-----------structure dynamique----------*/
h2.titre_page {
display:inline-block;
width:100%;
text-align:center;
margin:auto;
font-size:3rem;
margin:20px 0 30px 0;
text-transform:uppercase;
}

.structure {
width:100%;
}

.structure .colonne_droite {
background:#CCC;
width:25%;
float:left;
display:block;
}

.structure .colonne_widget {
background:#CCC;
width:25%;
float:left;
display:block;
}

.structure .colonne_contenu {
background:#FFFFFF;
width:50%;
float:left;
display:block;
}


.structure .bloc {
margin:0 15px 0 15px;
width:calc(100% - 30px);
clear:both;
padding-bottom: 0;
padding-top: 0;
}

.structure .bloc p {
text-align:justify;
}

.structure .bloc p a {
color:#F00;
}

.structure .colonne_contenu .bloc li {
line-height:25px;
display : list-item;
list-style-image : url(../images/interface/puce.png);
list-style-position:inside;
}


.structure .bloc_visuel {
background-repeat:no-repeat;
background-position:center center;
background-size:contain;
background-color:transparent;
min-height:10px;
padding:0;
margin-bottom: 30px;
}

.structure .bloc_visuel img {
width:auto;
opacity:0;
max-width:643px;
clear:both;	
}


.structure p.visuel_legende {
text-align:center;
clear:both;	
color:#666;
font-size:0.9rem;
font-style:italic;
}

.structure .bloc_document  {
background:#CCC;
padding-bottom:10px;
}

.structure .bloc_document a {
color:#F00;
}

.tableau {
width:100%;
height:auto;
border-top:1px solid #666;
border-left:1px solid #666;
border-bottom:1px solid #666;
overflow: hidden; 
margin-bottom:20px;
}

.tableau .cellule {
float:left;
display:block;
height:25px;
line-height:25px;
text-indent:5px;
border-right:1px solid #666;
overflow:hidden;
padding-right:5px;
}

.tableau .titre {
font-weight:bold;
height:30px;
background:#ededee;
line-height:30px;
}

.bloc_base {
padding-top:20px;
padding-left:50px;
}

.bloc_base h2 {
margin-bottom:10px;
}

.bloc_base ul {
float:none;
}

.contenu_marge {
padding-top:30px;
}





/* ----------------- Version Reponsive --------------*/
@media (max-width: 1250px) {
footer section li a {
font-size:1rem;
}

@media (max-width: 1000px) {
.colonne4 .bloc, .colonne6 .bloc, .colonne6 .bloc:last-child {
width:calc(50% - 30px);
}
.bloc_home4 .bloc {
min-height:350px;
}

.logo {
width:auto;	
background-image:url(../images/bouton/logo_mobile.png);
}
.structure .colonne_widget, .structure .colonne_contenu {
width:100%;
margin:0 0 20px 0;
}
.contenu_page {
background-image:none;
background-color:#0085a2;
background-size:none;
height:auto;
}

.bloc_home_1 {
padding:0;
}

.contenu_page_home {
margin-bottom:30px;
background-image:none;
height:250px;
}


.colonne3 .bloc, .colonne3 .bloc:last-child, .colonne4 .bloc, .colonne5 .bloc, .colonne6 .bloc, .colonne6 .bloc:last-child {
width:calc(100% - 30px);
}

.contenu_page_home section h2 {
padding:50px 0 30px 0;
}

}

@media (max-width: 900px) {
	
.contenu_reference section .clients .logos_clients {
	width:100%;
	}
	
.clients .ref {
	
	width:100%;
	}
	
	
.colonne2 .bloc_map{
	width:100%;
	}


.colonne2 .bloc_adresse, .colonne2 .bloc_adresse p {
	width:100%;
	text-align:center;
	}

.colonne2 .bloc_adresse {
	margin-top:0px;
	
	}
	
.contenu_page section {
height:auto;
min-height:100px;
padding-bottom:20px;
}

.contenu_home section {
height:auto;
}

.svg.nav_home, a.nav_home {
float:none;
width:100%;
clear:both;
}


.contenu_page section p {	
width:100%;
}
	
.colonne2 .bloc {
width:calc(100% - 30px);
}
.bloc_cobra, .bloc_home1 .bloc_dbz {
min-height:10px;
}



.structure .bloc_visuel img.grand {
width:100%;
}
	
section.article .colonne1 img.vertical {
width:calc(100% - 30px);
margin-left:15px;
margin-right:15px;
}	
	
.lang_fr, .lang_en, .menu_couleur, footer { 
display:none;
}
	
.bt_nav {
	right:0px;
	top:10px;
	height:80px;
	width:80px;
	display:block;
	font-size:0px;
	letter-spacing: -100px;
	text-indent:-9999px;
	position:absolute;
	z-index:9999;
	background: url(../images/bouton/nav_mobile.png) no-repeat center center #0085a2 ;
}
.bt_nav:hover {
	background-color:#030303;
}

nav {
height:100%;
width:100%;
position:fixed;
left:-100%;
top:0;
background:#0085a2;
z-index:9000000;
opacity:0;
-webkit-transition: all 0.3s ease; 
-moz-transition: all 0.3s ease; 
-o-transition: all 0.3s ease; 
transition: all 0.3s ease; 
margin:0;
}

nav span {
display:none;
}
nav li {
float:left;
list-style:none;
text-align:left;
text-decoration:none;
background:#0085a2;
width:100%;
margin:0;
}


nav li.invisible {
display:block;	
}


.contenu_home section {
display:none;
}

nav li a {
text-decoration:none;
text-transform:uppercase;
color:#FFFFFF;
display:block;
line-height:20px;
padding:10px;
font-size:1.3em;
text-indent:20px;
font-family:'typo2', arial;
}

nav li a:hover, .nav_select {
background:#030303;
}

.effet_nav {
opacity:1;
left:0;
-webkit-transition: all 0.3s ease; 
-moz-transition: all 0.3s ease; 
-o-transition: all 0.3s ease; 
transition: all 0.3s ease; 
}

header, header section {
background:none;
height:auto;
}

.logo, .slogan {
position:relative;
margin:10px auto;
left:0;
top:0;
right:0;
bottom:0;
}

.colonne3 .bloc, .colonne3 .bloc:last-child, .colonne4 .bloc, .colonne5 .bloc, .colonne6 .bloc, .colonne6 .bloc:last-child {
width:calc(100% - 30px);
}

.bloc {
float:none;
}

.bloc p {
text-align:justify;
font-size:1.2rem;
}


.bloc_home4 .bloc {
min-height:10px;
}

.bloc h2 {
font-size:1.5rem;
}


.page_tenture section, .page_amenagement section, .page_toile section {
	padding-top:0px;
	}
}

@media (max-width: 400px) {
	
.bloc_home p, .bloc_home li {
	text-align:inherit;
}

}
</style>