@media screen and (max-width: 320px), (min-device-width: 320px) and (max-device-width: 480px) and (orientation : portrait) {
    .responsive-menu {
        width: 301px;
    }
    .menu {
         width: 304px;
    }
     #columns-of-4 {
        width: 25%;
    }
     #columns-of-4 ul li{display:block !important;
                         left:0;
                         float:none;
                         position:relative;
     }
      #columns-of-4 h2 {
        text-align:left;
        font-size: 12px;
    }
        ul#footer2 li {
	display:block !important;
                         left:0;
                         float:none;
                         position:relative;
}
 .di

        ul#footer2 li.middle {
	                     display:block !important;
                         left:0;
                         float:none;
                         position:relative;
}
        ul#footer2 li.middle img{
	                            float:left;
                                margin-left:-46px;

}
          #footerContainer p {
	                            max-width:100%;
                              }
          #footerContainer {
	margin: 0px auto 0;
	width: 960px;
	font-size: 12px;
	position:fixed;
	display: block;	
}
           #news2 li{
  margin-left: -339px;
  margin-top: 113px;
   }
    ul#news2 li span.txttele {
        font-size:14px;
    }
    ul#news2 li span.txtService{
        font-size:17px;
    }
    div#formulaire input.bt, #actus input.bt {
        margin-top:inherit;
    position:inherit;
    }
    #habitation fieldset ul li {display:block;
                                width:100%;
    }
div#formulairebig input.bt,#habitation input.bt {
	margin-top:inherit;
    position:inherit;
}
    .description{
        position:static;
	display: block !important;
    max-width:250px;
    margin:0;
    }
    #pagestatique{
       
         position:static;
	display: block !important;
    max-width:250px;
    margin:0;
    }
    .rightform{    
       max-width:100%;
				height:100%;
				margin:0;
				position: static;
				display: block;
                text-align:left;
                float:none;

    }
    .archivebox w_196px fl mr_6px{
         position:static;
	display: block !important;
    max-width:250px;
    margin:0;
    }
    .archivebox w_196px fl{
         position:static;
	display: block !important;
    max-width:250px;
    margin:0;
    }
    fieldset{ position:static;
	display: block !important;
    max-width:250px;
    margin:0;
    }
    #habitation{ position:static;
	display: block !important;
    max-width:250px;
    margin:0;}
    #actu{ max-width:100%;
				height:100%;
				margin:0;
				position: static;
				display: block;
                text-align:left;
                float:none;}
    #statique {
        position:static;
	display: block !important;
    max-width:250px;
    margin:0;
    }
    #contact{ position:static;
	display: block !important;
    max-width:250px;
    margin:0;}
    .index-col1{display:block !important;
                 left:0;
                 float:none;
                 left:0;
                 position:relative;
     }
     .index-col2{display:block !important;
                 left:-52px;
                 float:none;                
                 position:relative;
     }
     .index-col3{display:block !important;
                   left:0;
                 float:none;
                 position:relative;
                 
     }
      div #formulaire{max-width:300px;
				margin:0;
				position:static;
				display: block;
                float:left;
				}
  .bt{display:block;
       margin-top:-300px;
  }
  img
    code,
    pre,
    textarea,
    input
    {
        max-width: 100%;
    }
  .etape1{
          position:relative;
          left:10px;
  }
   img{max-width:100%;}
    p{max-width:100%;
     display:block;
   }
    #formulaire{
            	
            	max-width:100%;
				height:100%;
				margin:0;
				position: fixed;
				display: block;
				
            }
            .etape1{
            	display: block;
            }
            img{
            	max-width: 100%;

            }
            #right{
            	max-width: 80%;
            }
 div#formulaire input.bt, #actus input.bt {
        margin-top:inherit;
    position:inherit;
    }
    #habitation fieldset ul li {display:block;
                                width:100%;
    }
div#formulairebig input.bt,#habitation input.bt {
	margin-top:inherit;
    position:inherit;
}

}
@media screen and (min-width: 320px) and (max-width: 480px), (min-device-width: 320px) and (max-device-width: 480px) and (orientation : landscape) {
    .responsive-menu {
        width: 460px;
    }
    .menu {
         width: 460px;
    }
       #columns-of-4 {
        width: 25%;
    }
          #columns-of-4 ul li{display:block !important;
                         left:0;
                         float:none;
                         position:relative;
     }
           #columns-of-4 h2 {
        text-align:left;
        font-size: 12px;
    }
           #footerContainer p {
	                            max-width:100%;
                              }
            ul#footer2 li {
	display:block !important;
                         left:0;
                         float:none;
                         position:relative;
}
 .di

ul#footer2 li.middle {
	display:block !important;
                         left:0;
                         float:none;
                         position:relative;
}
 ul#footer2 li.middle img{
	                    float:left;
                         margin-left:-46px;

}
 #footerContainer {
	margin: 0px auto 0;
	width: 960px;
	font-size: 12px;
	position:fixed;
	display: block;	
}
 #news2 li{
  margin-left: -339px;
  margin-top: 113px;
   }
     ul#news2 li span.txttele {
        font-size:14px;
    }
    ul#news2 li span.txtService{
        font-size:17px;
    }
    div#formulaire input.bt, #actus input.bt {
        margin-top:inherit;
    position:inherit;
      margin: 40px;
  margin-top: -8px;

    }
    #habitation fieldset ul li {display:block;
                                width:100%;
    }
div#formulairebig input.bt,#habitation input.bt {
	margin-top:inherit;
    position:inherit;
}
    .description{
        position:static;
	display: block !important;
    max-width:250px;
    margin:0;
    }
    #pagestatique{
       
         position:static;
	display: block !important;
    max-width:250px;
    margin:0;
    }
    .rightform{    
       max-width:100%;
				height:100%;
				margin:0;
				position: static;
				display: block;
                text-align:left;
                float:none;

    }
    .archivebox w_196px fl mr_6px{
         position:static;
	display: block !important;
    max-width:250px;
    margin:0;
    }
    .archivebox w_196px fl{
         position:static;
	display: block !important;
    max-width:250px;
    margin:0;
    }
    fieldset{ position:static;
	display: block !important;
    max-width:250px;
    margin:0;
    }
    #habitation{ position:static;
	display: block !important;
    max-width:250px;
    margin:0;}
    #actu{ max-width:100%;
				height:100%;
				margin:0;
				position: static;
				display: block;
                text-align:left;
                float:none;}
    #statique {
        position:static;
	display: block !important;
    max-width:250px;
    margin:0;
    }
    #contact{ position:static;
	display: block !important;
    max-width:250px;
    margin:0;}
        .index-col1{display:block !important;
                 left:0;
                 float:none;
                 left:0;
                 position:relative;
     }
     .index-col2{display:block !important;
                 left:-52px;
                 float:none;                
                 position:relative;
     }
     .index-col3{display:block !important;
                   left:0;
                 float:none;
                 position:relative;
                 
     }
     div #formulaire{  max-width: 433px;
				margin:0;
				position:static;
				display: block;
                float:left;
				}
  .bt{display:block;
       margin-top:-300px;
  }
  img
    code,
    pre,
    textarea,
    input
    {
        max-width: 100%;
    }
  .etape1{
          position:relative;
          left:10px;
  }
   img{max-width:100%;}
    p{max-width:100%;
     display:block;
   }
    #formulaire{
            	
            	max-width:100%;
				height:100%;
				margin:0;
				position: fixed;
				display: block;
				
            }
            .etape1{
            	display: block;
            }
            img{
            	max-width: 100%;

            }
            #right{
            	max-width: 80%;
            }
}
@media screen and (max-width: 320px), (min-device-width: 320px) and (max-device-width: 568px) and (orientation : portrait) {
     .responsive-menu {
         width: 300px;
      }
    .menu {
         width: 300px;
    }
     #columns-of-4 {
        width: 25%;
    }
       #columns-of-4 h2 {
        text-align:left;
        font-size: 12px;
    }
        ul#footer2 li {
	display:block !important;
                         left:0;
                         float:none;
                         position:relative;
}
 .di

ul#footer2 li.middle {
	display:block !important;
                         left:0;
                         float:none;
                         position:relative;
}
 ul#footer2 li.middle img{
	                    float:left;
                         margin-left:-46px;

}
   #footerContainer p {
	                            max-width:100%;
                              }
   #footerContainer {
	margin: 0px auto 0;
	width: 960px;
	font-size: 12px;
	position:fixed;
	display: block;	
}
    #news2 li{
  margin-left: -339px;
  margin-top: 113px;
   }
      ul#news2 li span.txttele {
        font-size:14px;
    }
    ul#news2 li span.txtService{
        font-size:17px;
    }
    div#formulaire input.bt, #actus input.bt {
        margin-top:inherit;
    position:inherit;
    }
    #habitation fieldset ul li {display:block;
                                width:100%;
    }
div#formulairebig input.bt,#habitation input.bt {
	margin-top:inherit;
    position:inherit;
       margin: 40px;
  margin-top: -8px;
}
    .description{
        position:static;
	display: block !important;
    max-width:250px;
    margin:0;
    }
    #pagestatique{
       
         position:static;
	display: block !important;
    max-width:250px;
    margin:0;
    }
    .rightform{    
       max-width:100%;
				height:100%;
				margin:0;
				position: static;
				display: block;
                text-align:left;
                float:none;

    }
    .archivebox w_196px fl mr_6px{
         position:static;
	display: block !important;
    max-width:250px;
    margin:0;
    }
    .archivebox w_196px fl{
         position:static;
	display: block !important;
    max-width:250px;
    margin:0;
    }
    fieldset{ position:static;
	display: block !important;
    max-width:250px;
    margin:0;
    }
    #habitation{ position:static;
	display: block !important;
    max-width:250px;
    margin:0;}
    #actu{ max-width:100%;
				height:100%;
				margin:0;
				position: static;
				display: block;
                text-align:left;
                float:none;}
    #statique {
        position:static;
	display: block !important;
    max-width:250px;
    margin:0;
    }
    #contact{ position:static;
	display: block !important;
    max-width:250px;
    margin:0;}
        .index-col1{display:block !important;
                 left:0;
                 float:none;
                 left:0;
                 position:relative;
     }
     .index-col2{display:block !important;
                 left:-52px;
                 float:none;                
                 position:relative;
     }
     .index-col3{display:block !important;
                   left:0;
                 float:none;
                 position:relative;
                 
     }

}
@media screen and (min-width: 320px) and (max-width: 568px), (min-device-width: 320px) and (max-device-width: 568px) and (orientation : landscape) {
     .responsive-menu {
         width: 547px;
      }
    .menu {
         width: 547px;
    }
    #columns-of-4 {
        width: 25%;
    }
      #columns-of-4 ul li{display:block !important;
                         left:0;
                         float:none;
                         position:relative;
     }
        #columns-of-4 h2 {
        text-align:left;
        font-size: 12px;
    }
         ul#footer2 li {
	display:block !important;
                         left:0;
                         float:none;
                         position:relative;
}
 .di

ul#footer2 li.middle {
	display:block !important;
                         left:0;
                         float:none;
                         position:relative;
}
 ul#footer2 li.middle img{
	                    float:left;
                         margin-left:-46px;

}
   #footerContainer p {
	                            max-width:100%;
                              }
   #footerContainer {
	margin: 0px auto 0;
	width: 960px;
	font-size: 12px;
	position:fixed;
	display: block;	
}
}
@media screen and (max-width: 360px), (min-device-width: 360px) and (max-device-width: 640px) and (orientation : portrait) {
    .responsive-menu {
         width: 339px;
      }
    .menu {
         width: 339px;
    }
     #columns-of-4 {
        width: 25%;
    }
      #columns-of-4 ul li{display:block !important;
                         left:0;
                         float:none;
                         position:relative;
     }
      #columns-of-4 h2 {
        text-align:left;
        font-size: 12px;
    }
       ul#footer2 li {
	display:block !important;
                         left:0;
                         float:none;
                         position:relative;
}
 .di

ul#footer2 li.middle {
	display:block !important;
                         left:0;
                         float:none;
                         position:relative;
}
 ul#footer2 li.middle img{
	                    float:left;
                         margin-left:-46px;

}
   #footerContainer p {
	                            max-width:100%;
                              }
   #footerContainer {
	margin: 0px auto 0;
	width: 960px;
	font-size: 12px;
	position:fixed;
	display: block;	
}
   div#formulairebig input.bt,#habitation input.bt {
	margin-top:inherit;
    position:inherit;
}
   div #formulaire{max-width:400px;     
                   display:block;
                   float:none;
    
				
				}
   #formulaire{
            	
            	max-width:100%;
				height:100%;
				margin:0;
				position: fixed;
				display: block;
				
            }
}
@media screen and (min-width: 360px) and (max-width: 640px), (min-device-width: 360px) and (max-device-width: 640px) and (orientation : landscape) {
    .responsive-menu {
        width: 612px;
    }

    .menu {
        width: 612px;
    }

    #columns-of-4 {
        width: 25%;
    }

        #columns-of-4 ul li {
            display: block !important;
            left: 0;
            float: none;
            position: relative;
        }

        #columns-of-4 h2 {
            text-align: left;
            font-size: 12px;
        }

    ul#footer2 li {
        display: block !important;
        left: 0;
        float: none;
        position: relative;
    }

    .di ul#footer2 li.middle {
        display: block !important;
        left: 0;
        float: none;
        position: relative;
    }

    ul#footer2 li.middle img {
        float: left;
        margin-left: -46px;
    }

    #footerContainer p {
        max-width: 100%;
    }

    #footerContainer {
        margin: 0px auto 0;
        width: 960px;
        font-size: 12px;
        position: fixed;
        display: block;
    }

    div#formulaire input.bt, #actus input.bt {
        margin-top: inherit;
        position: inherit;
    }

    div#formulairebig input.bt, #habitation input.bt {
        margin-top: inherit;
        position: inherit;
    }

    div #formulaire {
        max-width: 428px;
        display: block;
        float: none;
    }

    #formulaire {
        max-width: 100%;
        height: 100%;
        margin: 0;
        position: fixed;
        display: block;
    }
}

@media screen and (max-width: 600px), (min-device-width: 600px) and (max-device-width: 960px) and (orientation : portrait) {
 .responsive-menu {
         width: 299px;
      }
    .menu {
         width: 299px;
    }
     #columns-of-4 {
        width: 31%;
    }
      #columns-of-4 ul li{display:block !important;
                         left:0;
                         float:none;
                         position:relative;
     }
        #columns-of-4 h2 {
        text-align:left;
        font-size: 12px;
    }
         ul#footer2 li {
	display:block !important;
                         left:0;
                         float:none;
                         position:relative;
}
 .di

ul#footer2 li.middle {
	display:block !important;
                         left:0;
                         float:none;
                         position:relative;
}
 ul#footer2 li.middle img{
	                    float:left;
                         margin-left:-46px;

}
   #footerContainer p {
	                            max-width:100%;
                              }
 #footerContainer {
	margin: 0px auto 0;
	width: 960px;
	font-size: 12px;
	position:fixed;
	display: block;	
}
  div #formulaire {
        max-width: 428px;
        display:block;
        float:none;
    }
}