@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,700);
body {
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	background: #FFF;
	margin: 0;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span, ul, li {
	margin: 0;
	padding: 0;
}
img {
	border:0;
}
td, div, ul, li {
	font-size : 15px;
}
a, input, select {
	outline:none;
}
a {
	color: #b2a38e;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
h1 {
	font-size: 36px;
	text-transform: uppercase;
	color: #000;
	font-weight: 400;
	text-align: center;
}
h1 strong {
	font-weight: bold;
}
h1 span {
	display: inline-block;
	width: 9px;
	height: 23px;
	background: url(../images/fleche-rouge.png) center center no-repeat;
	margin: 0 6px;
}
h2 {
	font-size: 36px;
	text-transform: uppercase;
	color: #e51937;
	font-weight: 400;
	padding-left: 60px;
	line-height: 70px;
	background: url("../images/fleche.png") no-repeat scroll top left / auto 70px;
}
h2 strong {
	font-weight: bold;
	color: #000;
}
h3 {
	margin-top: 30px;
}
p {
	font-size: 17px;
	line-height: 24px;
	margin-top: 30px;
}

/* ============================================ */
/* =============   GÉNÉRAL TEMPLATE   ============== */
/* ============================================ */   

.wrapper {
	background: #FFF;
	width: 100%;
	clear: both;
}
.wrapper.menu {
	background: #231f20;
}
.wrapper.gris {
	background: #f5f5f5;
}
.wrapper.rouge {
	background: #e51937;
}
#header, #menu, .mainContent, #footer, #signature {
	width: 1170px;
	margin: 0 auto;
}
#logo {
	margin: 0 auto;
}
#logo, #logo a {
	display: block;
	width: 179px;
	height: 183px;
}
#logo a {
	background: url(../images/logo.png) no-repeat;
}
#rs{   float: right;
    height: 30px;
    width: 120px;
    margin-top: -160px;
    margin-right: 28px;
}
#rs img{float:right; margin-left:10px; }
#menu {
	height: 50px;
}
.menu-mobile {
	display: none;
}
#menu ul {
	list-style: none;
}
#menu ul li {
	float: left; position: relative;
}
#menu ul li a {
	font-size: 17px;
	color: #FFF;
	text-transform: uppercase;
	display: block;
	line-height: 50px;
	margin-left: 60px;
	padding-left: 15px;
	text-decoration: none;
}
#menu li:first-child a {
	margin-left: 15px;
}
#menu ul li a:hover, #menu ul li a.active {
	color:#e51937;
	background: url(../images/fleche-rouge.png) left center no-repeat;
}


#menu ul ul{
    position: absolute;
    width: 250px;
    background: #e51937;
    left: 60px;
    z-index: 999999;
}
#menu ul ul li a{ margin-left: 0!important; font-size: 15px; line-height: 38px; }
#menu ul ul li a:hover{ color: #000; }

.mainContent {
	padding: 40px 0;
}
.mainContent.center {
	text-align: center;
}
#signature {
	height: 50px;
}
#signature p {
	margin: 6px 0 0;
	color: #aaa;
	line-height: 19px;
	font-size: 14px;
	float: left;
}
#signature p.RBQ {
	float: right;
}
/* ============================================ */
/* ===============   ACCUEIL   ================ */

#accueil h1 {
	color: #e51937;
	text-align: left;
}
#accueil h1 strong {
	color: #000;
}
#accueil h1 span {
	color: #000;
	background: none;
}
#accueil h2 {
	color: #e51937;
	text-align: center;
	background: none;
	line-height: normal;
	padding-left: 0;
}
#accueil h2 strong {
	font-weight: bold;
	color: #000;
}
#accueil h2 span {
	display: inline-block;
	width: 9px;
	height: 23px;
	background: url(../images/fleche-rouge.png) center center no-repeat;
	margin: 0 6px;
}
/*#banner{ background: url(../images/banner.jpg) center top no-repeat; height: 667px;}      */  
    
    #banner {
	border: 0;
	position: relative;
	z-index: 1;
	width: 100%;
	overflow: hidden;
}
.mainContent.fleche {
	background: url(../images/fleche.png) left 40px no-repeat;
	min-height: 350px;
}
.mainContent.fleche h1 {
	margin-left: 90px;
}
.mainContent.fleche p {
	margin-left: 200px;
}
#realisations {
	float: left;
	margin: 30px 0 0;
}
#realisations > div {
	float: left;
	margin: 0 0 0 30px;
	width: 368px;
}
#realisations > div:first-child {
	margin: 0;
}
#realisations a {
	display: block;
	width: 368px;
	height: 267px;
	position: relative;
}
#realisations a img.more {
	display: block;
	position: absolute;
	right: 2px;
	top: 2px;
}
#realisations a img.mainPict {
	border: 2px solid #000;
}
#realisations h3 {
	margin: 0;
	text-transform: uppercase;
	font-size: 24px;
	padding: 20px 0 15px;
	background: url(../images/border-bottom.png) bottom left repeat-x;
}
#realisations p {
	margin-top: 15px;
}
.standard {
	height: 415px;
	background: url(../images/bg-standard.jpg) center top no-repeat;
}
.standard p {
	font-size: 30px;
	line-height: 35px;
	text-align: center;
	color: #FFF;
	margin-top: 50px;
}
.standard a {
	display: block;
	font-size: 30px;
	padding: 15px 20px;
	border: 2px solid #FFF;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	margin: 40px auto 20px;
	width: 800px;
}
.standard a:hover {
	color: #000;
	background: #FFF;
}
#caroussel {
	float: left;
}
#caroussel > div {
	position: relative;
	float: left;
	margin: 0 20px;
}
div#garantie {
	width: 335px;
}
div#novoclimat {
	width: 406px;
	padding: 0 20px;
	margin: 0 10px;
	border-right: 2px solid #dcdcdc;
	border-left: 2px solid #dcdcdc;
}
div#gala {
	width: 285px;
}
div#cotequalite {
	width: 100px;
margin-left: 40px;
}
#caroussel img {
	float: left;
	margin: 0 20px 0 0;
}
#caroussel p {
	font-size: 14px;
	line-height: 18px;
}
div#garantie p {
	margin-top: 30px;
}
div#novoclimat p {
	margin-top: 47px;
}
div#gala p {
	margin-top: 47px;
}
#footer {
	padding: 40px 0;
}
#footer h2 {
	color: #FFF;
}
#footer h2 strong {
	color: #FFF;
}
#footer h2 span {
	background: url(../images/fleche-blanche.png) center center no-repeat;
}
#footer div.maison-modele, #footer div.siege-social {
	float: left;
	width: 50%;
	color: #FFF;
	margin-top: 20px;
}
#footer div div {
	float: left;
}
#footer p {
	font-size: 16px;
	line-height: 20px;
	float: left;
	margin: 16px 0 0;
}
#footer p.title {
	text-transform: uppercase;
	font-size: 24px;
	padding: 0 0 15px;
	background: url(../images/border-bottom-rouge.png) bottom left repeat-x;
}
#footer p strong {
	font-weight: 400;
	font-size: 20px;
	line-height: 32px;
}
#footer img {
	float: right;
	margin-left: 20px;
}
#footer div.maison-modele div {
	width: 240px;
}
#footer div.siege-social div {
	width: 220px;
	margin-left: 35px;
}
#footer > div > a {
	float: left;
	display: block;
	margin-top: 16px;
}
#footer div div a {
	color: #FFF;
	padding-left: 15px;
	background: url(../images/fleche-blanche.png) 2px center no-repeat;
	background-size: auto 10px;
}
/* ============================================ */
/* ===============   GENERAL PAGES   ================ */
        .mainContent img.interne {
	float: right;
	margin: 10px 0 30px 50px;
}
.mainContent #left {
	float: left;
	width: 50%;
}
.mainContent #right {
	float: left;
	width: 45%;
	margin-left: 5%;
}
/* ============================================ */
/* ============   STANDARDS   ============== */
        
        #accordion {
	margin: 40px 0;
}
#accordion h3 {
	margin: 20px 0 0;
	font-size: 17px;
	color: #e51937;
	font-family: 'Raleway', sans-serif;
	border-radius: 1px;
	padding: 6px 15px;
	background: url(../images/fleche-rouge.png) 97% center no-repeat #F5F5F5;
}
#accordion h3.ui-state-active {
	border-bottom: 0;
	background: url(../images/fleche-rouge-bas.png) 97% center no-repeat #F5F5F5;
}
#accordion h3 span {
	display: none;
}
#accordion div {
	background: #F5F5F5;
	padding-top: 0;
}
#accordion div ul {
	margin-left: -5px;
}
#accordion div ul li {
	font-size: 16px;
	margin: 13px 0 0;
	line-height: 20px;
	list-style-image: url(../images/puce.png);
	font-family: 'Raleway', sans-serif;
}
#standards #right img {
	width: 100%;
}
/* ============================================ */
/* ============   REALISATIONS   ============== */
        #galerie {
	float: left;
	margin: 40px 0;
}
#galerie .biggerPict {
	width: 642px;
	margin: 5px 5px 0 0;
	float: left;
	overflow: hidden;
}
#galerie .biggerPict img {
	border: 1px solid #CCC;
}
#galerie .biggerPict p {
	text-align: center;
	margin: 0;
}
#galerie .thumbs {
	float: left;
	width: 523px;
}
#galerie .thumbs div {
	width: 118px;
	height: 86px;
	overflow: hidden;
	float: left;
	margin: 5px;
	border: 1px solid #CCC;
	position: relative;
	cursor: pointer;
}
#galerie .thumbs div span {
	position: absolute;
	z-index: 99;
	width: 118px;
	height: 86px;
	background: url(../images/trans.png);
	left: 0;
	top: 0;
}
#galerie .thumbs div span:hover, #galerie .thumbs div.active span {
	background: none;
}
#galerie .thumbs img {
	width: 100%;
	height: auto;
	float: left;
}
/* ============================================ */
/* ===============   CONTACT   ================ */
        .form {
	margin-top: 25px;
}
input[type="text"], textarea {
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #97959c;
	background: #F5F5F5;
	border: 1px solid #97959c;
	padding: 8px 10px;
	margin: 10px 0;
	width: 500px;
}
textarea {
	height: 100px;
}
input[type="submit"] {
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	font-size: 24px;
	background: #e51937;
	color: #FFF;
	padding: 15px 20px;
	border: 0;
	margin-top: 15px;
}
p.special-hours {
	font-size: 13px;
	font-style: italic;
}
p.special-hours strong {
	font-size: initial;
	font-style: initial;
}
p.special-hours span {
	display: inline-block;
	width: 100px;
	font-size: initial;
	font-style: normal;
}
/* ============================================ */
/* ===========   DOMAINE DU SENTIER  ========== */
/* ============================================ */


h3.modeles{font-size:23px;margin-top:80px;margin-bottom:40px; }

h4.typeconstruction{width:100%;border-bottom:1px solid #000;padding-bottom:6px;font-size: 18px;margin-bottom:20px;margin-top:45px;}

.type1{float: left;width:300px;margin-right:123px;}
.type2{float: left;width:300px;margin-right:122px;}
.type3{float: left;width:300px;}

.type1 p, .type2 p, .type3 p{font-size:14px;text-align: center;margin: 5px 0 0 0;}
.type1 a, .type2 a, .type3 a{font-size:17px;color:#e51937;text-decoration: none;}

img.dds {  float: right;  margin: 10px 0 30px 50px;}

img.terrainmob {display:none;}

/* ===========   CONFIDENTIALITE  ========== */
#politique p{font-weight: normal;}

#politique .mainContent ul,#politique .mainContent ol{margin:20px 0 20px 30px;}
#politique .mainContent ul li,#politique .mainContent ol li{font-weight: normal;margin-top:10px;font-size: 16px;}


/* ============================================ */
/* =============   GÉNÉRAL CSS   ============== */
/* ============================================ */

.FieldsError {
	color:#FF0000;
}
.FieldsNoError {
	color:#71cb00;
}
.fs_11 {
	font-size: 11px;
}
.fs_13 {
	font-size: 13px;
}
.inline {
	display:inline;
}
.float_r {
	float: right;
}
.float_l {
	float: left;
}
.clear-r {
	clear: right;
}
.clear-l {
	clear: left;
}
.clear-b {
	clear: both;
}
.T_AlignRight {
	text-align: right;
}
.italic {
	font-style: italic;
}
.Tabulation {
	margin-left: 50px;
	clear: left;
}
.Half_Tabulation {
	margin-left: 25px;
	clear: left;
}
.margin-15 {
	margin-top: 15px;
}
.margin-20 {
	margin-top: 20px;
}
.margin-40 {
	margin-top: 40px;
}
.margin-none {
	margin-top: 0;
}
.image-right {
	margin: 40px 0 0 40px;
}
/*copy HERE the same style than your actual general a */
.lookLikeA {
	text-decoration: underline;
	cursor:pointer;
}




/*=================================================================================*/
/*=================================================================================*/
/*                          FLEXIBLE PART                                          */
/*=================================================================================*/
/*=================================================================================*/
/*=================================================================================*/
/*=================================================================================*/
/*  site entre 1200 et 1024 (1010)  */
@media only screen and (max-width: 1199px) {
 h1 {
font-size: 30px;
}
 h2 {
font-size: 30px;
}
 #header, #menu, .mainContent, #footer, #signature {
width: 980px;
}
 #menu ul li a {
 font-size: 16px;
 margin-left: 36px;
 padding-left: 15px;
}
 #menu li:first-child a {
margin-left: 10px;
}
#rs {
    margin-right: 4px;}
        /* ============================================ */
        /* ===============   ACCUEIL   ================ */

            /*#banner{ background-size: 1200px 500px; height: 500px;}*/

    
                #realisations > div {
float: left;
margin: 0 0 0 30px;
width: 305px;
}
 #realisations > div:first-child {
margin: 0;
}
 #realisations a {
display: block;
width: 305px;
height: 220px;
position: relative;
}
 #realisations a img.mainPict {
width: 301px;
height: auto;
}
 #realisations h3 {
font-size: 20px;
padding: 20px 0 15px;
}
 #caroussel > div {
margin: 0;
}
 #caroussel img {
height: 100px;
margin-right: 10px;
}
	
  #caroussel #cotequalite img {
	height: 100px;
	  width:auto;
	margin-left: 50px;
	}
	
 div#garantie {
width: 300px;
margin-right: 10px;
}
 div#novoclimat {
width: 340px;
}
 div#gala {
width: 260px;
margin-left: 20px;
}
 div#garantie p {
margin-top: 10px;
}
 div#novoclimat p {
margin-top: 22px;
}
 div#gala p {
margin: 20px 0 0 20px;
}
 #footer p {
font-size: 15px;
line-height: 18px;
margin: 16px 0 0;
}
 #footer p.title {
font-size: 22px;
padding: 0 0 15px;
}
 #footer p strong {
font-weight: 400;
font-size: 18px;
line-height: 28px;
}
 #footer img {
margin-left: 20px;
width: 215px;
}
            
        /* ============================================ */
        /* ===============   GENERAL PAGES   ================ */
                .mainContent img.interne {
width: 400px;
}
        
                
        /* ============================================ */
        /* ============   REALISATIONS   ============== */               
                #galerie .biggerPict {
width: 585px;
}
 #galerie .biggerPict img {
width: 583px;
height: auto;
}
 #galerie .thumbs {
width: 390px;
}
            
                        
        /* ============================================ */
        /* ===============   CONTACT   ================ */
                input[type="text"], textarea {
 width: 400px;
}
 input[type="submit"] {
 font-size: 20px;
}
	
	
	/* ============================================ */
/* ===========   DOMAINE DU SENTIER  ========== */
/* ============================================ */

.type1{float: left;width:300px;margin-right:40px;}
.type2{float: left;width:300px;margin-right:40px;}
.type3{float: left;width:300px;}
	
}
/*=================================================================================*/
/*=================================================================================*/
/*  site entre 1023 et 768px  */
@media only screen and (max-width: 1009px) {
 h1 {
font-size: 26px;
}
 h2 {
font-size: 26px;
}
 #footer h2 span, h2 span {
background-position: center 6px;
}
 #header, #menu, .mainContent, #footer, #signature {
width: 740px;
}
 #menu ul li a {
 font-size: 14px;
 margin-left: 5px;
 padding-left: 15px;
}
 #menu li:first-child a {
margin-left: 0;
}

#rs {
    margin-right: 15px;
}

        /* ============================================ */
        /* ===============   ACCUEIL   ================ */
            /*#banner{ background-size: 1024px 427px; height: 427px;}*/

            
                .mainContent.fleche {
background-size: auto 250px;
}
 #realisations > div {
margin: 0;
width: 340px;
}
 #realisations a {
width: 340px;
height: 247px;
}
 #realisations a img.mainPict {
height: auto;
width: 336px;
}
 #realisations div.renovations {
margin-left: 60px;
}
 #realisations div.projet {
width: 100%;
margin-top: 30px;
}
 #realisations div.projet a, #realisations div.projet h3, #realisations div.projet p {
float: left;
}
 #realisations div.projet h3, #realisations div.projet p {
width: 340px;
margin-left: 60px;
}
 .standard p {
font-size: 24px;
}
 .standard a {
width: 95%;
font-size: 24px;
}
 #caroussel img {
height: 90px;
margin-right: 10px;
float: none;
}
 #caroussel p {
font-size: 13px;
}
 div#garantie {
width: 298px;
margin-right: 10px;
}
 div#novoclimat {
width: 226px;
padding: 0 13px;
height: 175px;
}
 div#gala {
width: 162px;
margin-left: 13px;
}
 div#garantie p {
margin-top: 0;
}
 div#novoclimat p {
margin-top: 0;
}
 div#gala p {
margin: 0;
}
 #footer div.maison-modele div {
width: 220px;
}
 #footer div.siege-social div {
margin-left: 10px;
width: 220px;
}
 #footer p {
font-size: 15px;
line-height: 18px;
margin: 16px 0 0;
}
 #footer p.title {
font-size: 22px;
padding: 0 0 15px;
}
 #footer p strong {
font-weight: 400;
font-size: 18px;
line-height: 28px;
}
 #footer img {
margin: 55px 0 0;
width: 140px;
}
            
        /* ============================================ */
        /* ===============   GENERAL PAGES   ================ */
                .mainContent img.interne {
width: 300px;
}
 .mainContent #left {
float: left;
width: 50%;
}
 .mainContent #right {
float: left;
width: 45%;
margin-left: 5%;
}
                
        /* ============================================ */
        /* ============   REALISATIONS   ============== */               
                #galerie .biggerPict {
width: 585px;
float: none;
margin: 0 auto;
}
 #galerie .thumbs {
width: 100%;
margin: 40px auto;
}
 #galerie .thumbs div {
width: 135px;
height: 98px;
}
 #galerie .thumbs div span {
width: 135px;
height: 98px;
}
                
                
        /* ============================================ */
        /* ===============   CONTACT   ================ */
                input[type="text"], textarea {
 width: 300px;
}
 input[type="submit"] {
 font-size: 17px;
}
	
	/* ============================================ */
/* ===========   DOMAINE DU SENTIER  ========== */
/* ============================================ */




.type1{float: left;width:225px;margin-right:30px;}
.type2{float: left;width:225px;margin-right:30px;}
.type3{float: left;width:225px;}
	
	
.type1 img, .type2 img, .type3 img{width:225px;height: auto;}
img.dds {  display:none;}
	img.terrainmob {display:inherit;}
	
	
}
/*=================================================================================*/
/*=================================================================================*/
/*  affiche une grosse tablette  */
@media only screen and (max-width: 767px) {
 h2 {
font-size: 20px;
}
 #footer h2 span, h2 span {
background-position: center 8px;
}
 #header, #menu, .mainContent, #footer, #signature {
width: 90%;
}
 #menu {
height: 50px;
position: relative;
z-index: 999;
}
 .menu-mobile {
 display: block;
 text-transform: uppercase;
 color: #FFF;
 float: right;
 margin: 10px;
 height: 30px;
 line-height: 30px;
 background: url(../images/ico-menu.png) left 7px no-repeat;
 text-indent: 30px;
 text-decoration: none;
 font-size: 20px;
 font-weight: bold;
}
 #menu ul {
width: 100%;
height: 0;
position: absolute;
top: 50px;
overflow: hidden;
}
 #menu ul li {
float: none;
border: 1px solid #FFF;
background: #231F20;
}
 #menu ul li a {
 font-size: 17px;
 margin: 0;
 padding: 0;
 text-align: center;
}
 #menu li:first-child a {
margin-left: 0;
}
 #menu ul li a:hover, #menu ul li a.active {
color:#e51937;
background: url(../images/fleche-rouge.png) left center no-repeat;
}
     
#rs img{
    width:20px;height:20px;
}   
		

        /* ============================================ */
        /* ===============   ACCUEIL   ================ */

            /*#banner{ background-size: 800px 300px; height: 300px;}*/

            
                .mainContent.fleche {
background-size: auto 175px;
}
 .mainContent.fleche h1, .mainContent.fleche p {
margin-left: 100px;
text-align: justify;
}
 #realisations > div {
width: 100%;
margin-top: 20px;
}
 #realisations a {
margin: 0 auto;
}
 #realisations div.renovations {
margin-left: 0;
}
 #realisations div.projet a, #realisations div.projet h3, #realisations div.projet p {
float: none;
}
 #realisations div.projet h3, #realisations div.projet p {
margin-left: 0;
width: inherit;
}
 .standard .mainContent {
padding: 30px 0;
}
 .standard {
 background-size: auto 350px;
 height: 350px;
}
 .standard p {
font-size: 20px;
margin: 0;
line-height: 28px;
}
 .standard a {
width: 90%;
font-size: 20px;
}
 #caroussel img {
height: 138px;
margin-right: 20px;
float: left;
}
 #caroussel p {
font-size: 15px;
}
 div#garantie,  div#novoclimat,  div#gala,div#cotequalite {
width: 100%;
margin: 20px 0;
padding: 0;
}
	#caroussel #cotequalite img{margin-left:0;}
	
 div#novoclimat {
border: 0;
border-top: 2px solid #dcdcdc;
border-bottom: 2px solid #dcdcdc;
height: auto;
}
 div#garantie p {
margin-top: 45px;
}
 div#novoclimat p {
margin-top: 40px;
}
 div#gala p {
margin-top: 45px;
}
 #footer div.maison-modele div, #footer div.siege-social div {
width: 100%;
text-align: center;
}
 #footer > div > a {
clear: both;
float: none;
margin: 15px auto 0;
width: 200px;
}
 #footer img {
width: 200px;
margin-top: 15px;
float: none;
}
 #footer p {
text-align: center;
float: none;
font-size: 14px;
}
 #footer .siege-social img {
margin-top: 55px;
}
                
        /* ============================================ */
        /* ===============   GENERAL PAGES   ================ */
                .mainContent #left {
float: left;
width: 100%;
}
 .mainContent #right {
float: left;
width: 100%;
margin-left: 0;
}
                                
                
        /* ============================================ */
        /* ===============   CONTACT   ================ */
                input[type="text"], textarea {
 width: 90%;
}
 input[type="submit"] {
 font-size: 17px;
}
}
/*=================================================================================*/
/*=================================================================================*/
/* exception FOOTER ! */
/* exception FOOTER ! */
@media only screen and (max-width: 650px) {
 h2 {
line-height: 33px;
height: 70px;
}
        
    /* ===============   SIGNATURE   ================ */    
            #signature p {
float:none;
text-align:center;
}
 #signature p.RBQ {
float:none;
margin-left: 0px;
}
 #signature {
height: auto;
padding:5px 0;
}

    /* ============   REALISATIONS   ============== */               
        #galerie .biggerPict {
width: 95%;
}
 #galerie .biggerPict img {
width: 99%;
}
 #galerie .thumbs {
width: 100%;
float: none;
margin: 40px 0;
}
 #galerie .thumbs div {
width: 135px;
height: 98px;
}
 #galerie .thumbs div span {
width: 135px;
height: 98px;
}
}
/*=================================================================================*/
/*=================================================================================*/
/* exception image! */
/* exception image! */
@media only screen and (max-width: 600px) {

        /* ===============   SIGNATURE   ================ */    
        #signature {
height: 80px;
}
            
                
        /* ===============   GENERAL PAGES   ================ */
                .mainContent img.interne {
width: 200px;
}
		/* ============================================ */
/* ===========   DOMAINE DU SENTIER  ========== */
/* ============================================ */




.type1{float: none;width:300px;margin-right:0px;margin-bottom: 30px;}
	.type2{float: none;width:300px;margin-right:0px;margin-bottom: 30px;}
.type3{floatLnone;width:300px;margin-right:0px;margin-bottom: 30px;}
	
	
.type1 img, .type2 img, .type3 img{width:300px;height: auto;}

	
	
	
	
}

/*=================================================================================*/
/*=================================================================================*/
/*  site entre 479 et 300 minimum pour smart phone  */
@media only screen and (max-width: 479px) {
 h1 {
font-size: 20px;
}
 p {
 font-size: 15px;
 line-height: 20px;
 margin-top: 22px;
}

	
	
	

        
        /* ============================================ */
        /* ===============   ACCUEIL   ================ */

                .mainContent.fleche {
background: none;
}
 .mainContent.fleche h1, .mainContent.fleche p {
margin-left: 0;
text-align: justify;
}
 .standard {
 background-size: auto 350px;
 height: 350px;
}
 .standard p {
font-size: 17px;
line-height: 25px;
}
 .standard a {
width: 85%;
font-size: 17px;
}
 #caroussel img {
height: 80px;
}
 #caroussel p {
font-size: 14px;
}
 div#garantie p {
margin-top: 7px;
}
 div#novoclimat p {
margin-top: 20px;
}
 div#novoclimat img {
margin-bottom: 30px;
}
 div#gala p {
margin-top: 25px;
}
 #footer div.maison-modele, #footer div.siege-social {
width: 100%;
float: none;
}
 #footer .siege-social img {
margin-top: 20px;
}

        /* ============================================ */
        /* ===============   GENERAL PAGES   ================ */
                .mainContent img.interne {
display: none;
}
	
	
	
	
	
	
	/* ============================================ */
/* ===========   DOMAINE DU SENTIER  ========== */
/* ============================================ */




.type1{float: none;width:280px;margin-right:0px;}
	.type2{float: none;width:280px;margin-right:0px;}
.type3{floatLnone;width:280px;margin-right:0px;}
	
	
.type1 img, .type2 img, .type3 img{width:280px;height: auto;}

	
	
	
	
	
	
	
	

}
/*=================================================================================*/
/*=================================================================================*/
/* exception REALISATIONS ! */
/* exception REALISATIONS ! */
@media only screen and (max-width: 375px) {
 #realisations a, #realisations a img.mainPict {
width: 100%;
height: auto;
}
#signature {
}
 #signature p {
font-size:12px;
}
}
/*=================================================================================*/
/*=================================================================================*/