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, font, 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{
	margin:0;
	padding:0;
	border:none;
	outline:0;
}
html *{position: relative; margin: 0; padding: 0; list-style: none; z-index: 1;}
* html, body{background: white url(../images/bg1.jpg) top no-repeat;
    color: #4e4d4d;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    height: 100%;
    width: 100%;}
#container{width: 960px; margin: 0 auto; padding: 0;}
.header {
 
    height: 585px;
    width: 960px;
	margin: 0 auto ;
	
}
#logo{
  float: left;
    margin-left: 0;
    margin-top: 10px;
    z-index: 2;
	}
#extranet {
    /*background: rgba(0, 0, 0, 0) url("../images/contact.png") no-repeat scroll left top 9px;*/
    float: right;
    height: 31px;
    margin-top: 1px;
    padding-left: 90px;
    width: 298px;
}
.log {
    background: rgba(0, 0, 0, 0) url("../images/inputc.png") no-repeat scroll left top;
    border: medium none;
    color: #fff;
    float: left;
    font-size: 11px;
    height: 20px;
    margin-right: 9px;
    margin-top: 4px;
    padding-left: 9px;
    text-align: left;
    text-transform: none;
    width: 110px;
}
.connecte {
    background: rgba(0, 0, 0, 0) url("../images/envoy.png") no-repeat scroll left top;
    border: medium none;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-size: 10px;
    font-weight: bold;
    height: 26px;
    left: -1px;
    position: relative;
    top: 4px;
    width: 33px;
}

/*DEVIS*/
#devisexpress {
    float: left;
    height: 190px;
    margin-left: 0;
    padding-left: 25px;
    width: 574px;
}
#devisexpress p {
    color: #3d3d3c;
    font-family: cabin condensed;
    font-size: 24px;
    font-weight: normal;
    line-height: 4px;
    margin-bottom: 13px;
    margin-top: 21px;
    padding-left: 0;
    text-align: center;
    text-transform: none;
    width: auto;
}
#devisexpress span {
    color: #fff;
    display: inline-block;
    font-size: 23px !important;
    font-weight: normal;
    line-height: 20px;
    margin-bottom: 12px;
    margin-left: 0;
    text-transform: none;
}
/*#devisexpress div {
    color: #fff;
    float: left;
    font-size: 12px;
    height: 58px;
    line-height: 20px;
    margin-left: 15px;
    text-align: left;
    text-transform: none;
    width: 180px;
}
*/
.formu {
    background: rgba(0, 0, 0, 0) url("../images/input.png") no-repeat scroll left top;
    border: medium none;
    color: #fff;
    float: left;
    font-family: "Open Sans",sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    height: 25px;
    margin-bottom: 5px;
    margin-left: 0;
    padding-left: 10px;
    text-align: left;
    text-transform: none;
    width: 170px;
}
.select-wrapper {
    background: rgba(0, 0, 0, 0) url("../images/input.png") no-repeat scroll left top;
    border: medium none;
    color: #fff;
    display: inline-block;
    float: left;
    font-family: "Open Sans",sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    height: 22px;
    margin-bottom: 16px;
    margin-left: 0;
    text-transform: none;
}
.select-wrapper, .select-wrapper select {
    height: 26px;
    line-height: 29px;
    width: 180px;
}
.select-wrapper .holder {
    cursor: pointer;
    display: block;
    margin: 0 35px 0 10px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    z-index: 0;
}
.select-wrapper select {
    cursor: pointer;
    margin: 0;
    opacity: 0;
    outline: medium none;
    position: absolute;
    z-index: 2;
}
.sub {
    background: rgba(0, 0, 0, 0) url("../images/btn-envoyer.jpg") no-repeat scroll left top;
    border: medium none;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-size: 0 !important;
    height: 36px;
    margin-left: 15px;
    margin-top: 9px;
    text-transform: uppercase;
    width: 180px;
    z-index: 10;
}
/*DEVIS*/
/* MENU */
#menu2 {
    float: right;
    margin-left: 0;
    margin-top: 29px;
    text-transform: capitalize;
    width: auto;
    z-index: 3;
}
#menu2 ul {
    margin: 0 auto;
    padding: 0;
}
#menu2 > ul > li {
    display: inline-block;
    float: left;
    height: 47px;
    list-style: outside none none;
    padding-left: 15px;
    padding-right: 32px;
    padding-top: 9px;
    text-align: center;
    background: url(../images/slash1.png) right center no-repeat;
}
#menu2 > ul > li:hover > a {
    color: #f29422;
}
#menu2 > ul > li:first-child {
    padding-left: 4px;
}
#menu2 > ul > li:last-child {
    padding-right: 4px;
	background:none;
}
.marge {
    margin-left: 175px;
}
#menu2 > ul > li a {
    color: #282828;
    display: inline-block;
    font-family: "Cabin Condensed",sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    padding-bottom: 15px;
    text-transform: uppercase;
}
#menu2 a {
    cursor: pointer;
    text-decoration: none;
}
#menu2 ul ul {
    background: #4d4d4d none repeat scroll 0 0;
    border-top: 8px solid #f29422;
    display: none;
    margin-top: 0;
    position: absolute;
}
#menu2 ul ul li {
}
#menu2 ul ul li a {
    color: #d28a13;
    display: inline-block;
    font-size: 17px;
    height: 24px;
    margin-left: 10px;
    margin-right: 10px;
    text-transform: none;
    width: 100%;
    font-weight: 500;
}
#menu2 ul ul li:hover {
    color: #fff !important;
}
#menu2 ul ul li a:hover {
    color: #fff !important;
}
#menu2 ul ul a {
    color: #fff;
    display: block;
    font-weight: bold;
    line-height: 23px;
    padding: 3px 43px 3px 0;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
}
#carousel_container h3 {
    color: #fff;
    display: inline-block;
    float: left;
    font-family: "Cabin Condensed",sans-serif;
    font-size: 53px;
    font-weight: bold;
    line-height: 44px;
    margin-left: -356px;
    margin-top: 42px;
    text-transform: none;
}
#carousel_container h3 span {
    color: #fff;
    display: inline-block;
    float: left;
    font-family: "Cabin Condensed",sans-serif;
    font-size: 39px;
    font-weight: bold;
    text-transform: none;
    width: 100%;
}
	/* BANDEAU DEFILANT */
#carousel_container {
    float: left;
    margin-top: 8px;
    padding: 35px 0 31px 381px;
}
#carousel_inner {
    float: left;
    height: 209px;
    margin-left: 0;
    margin-top: -5px;
    overflow: hidden;
    width: 525px;
}
#carousel_ul {
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 9999px;
}
#carousel_ul li {
    float: left;
    height: auto;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    width: 176px;
}
#carousel_ul li img {
    border: 0 none;
    cursor: pointer;
    height: auto;
}
#left_scroll, #right_scroll {
      float: left;
    height: 25px;
    margin: 4px;
    top: 81px;
    width: 15px;
}
#left_scroll img, #right_scroll img {
    cursor: pointer;
}

.content{
	
    height: auto;
    margin: 0 auto;
    width: 960px;
    z-index: 2;
}



#contact {
    background: rgba(0, 0, 0, 0) url("../images/contact3.png") no-repeat scroll left top;
    float: left;
    height: 100px;
    margin-left: 0;
    margin-top: 95px;
    width: 360px;
    z-index: -1;
}
.c1 {
    color: #3d3d3c;
    display: inline-block;
    font-family: cabin condensed;
    font-size: 34px;
    font-weight: bold;
    margin-left: 96px;
    margin-top: 37px;
}

/*#contact:hover {
    background: rgba(0, 0, 0, 0) url("../images/contact-hover4.jpg") no-repeat scroll left top;
}*/
#contact:hover .c1 {
	 color: #f29422;
}
#contenu {
float: none;
    height: auto;
    margin-right: 0;
    padding-right: 12px;
    width: 100%;
    z-index: 30;
    margin-bottom: 20px;
}
#contenu h1 {
    background: rgba(0, 0, 0, 0) url("../images/tit1.png") no-repeat scroll center bottom;
    color: #f29422;
    display: inline-block;
    font-family: 'cabin condensed';
    font-size: 30px;
    font-weight: normal;
    height: auto;
    line-height: 31px;
    margin-bottom: 26px;
    margin-top: 53px;
    text-align: center !important;
    text-transform: uppercase;
    width: 100%;
    padding-bottom: 20px !important;
}
#contenu h2 {
    color: #f29422;
    font-family: "Open Sans",sans-serif;
    font-size: 15px;
    font-weight: bold;
    margin-top: 25px;
    text-align: left;
    text-transform: none;
    background: none;
}
#contenu p{ 
    text-align: justify;
    margin-bottom: 10px;
    width: 100%;}



.contentbas {
	background: url(../images/bg-footer.png) top center no-repeat;
    display: inline-block;
    margin-bottom: 0;
    margin-right: auto;
    margin-top: 0;
    min-height: 178px;
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 20px;
    width: 100%;
    z-index: 0;
}
.seo {
    margin: 0 auto;
    width: 953px;
}
.secteur {   float: left;
    margin-left: 135px; margin-top:16px;}
.certif {
    float: left;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 52px;
    padding-top: 0;
    text-align: left;
    width: 329px;
}
.certif h3 {
    background: rgba(0, 0, 0, 0) url("../images/tit1.png") no-repeat scroll center bottom;
    color: #282828;
    display: inline-block;
    float: left;
    font-family: cabin condensed;
    font-size: 18px;
    font-weight: bold;
    height: 34.9px;
    margin-bottom: 11px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.certif li {
    color: #4e4d4d;
    float: left;
    font-size: 13px;
    margin-bottom: 22px;
    margin-right: 12px;
    margin-top: 20px;
    text-align: right;
    width: 100%;
}
.certif li span {
    float: left;
    margin-right: 29px;
    text-align: right;
    width: 84px;
}
.certif li img {
    float: left;
    margin-top: -18px;
}
.qualiexpert {
}
.diag {
    float: left;
    margin-bottom: 0;
    margin-left: 24px;
    margin-top: 51px;
    min-height: 154px;
    padding-bottom: 10px;
    width: 599px;
    z-index: 1;
}
.diag h2 {
}
.commune {
    background: rgba(0, 0, 0, 0) url("../images/tit1.png") no-repeat scroll center bottom;
    color: #282828;
    display: inline-block;
    float: left;
    font-family: cabin condensed;
    font-size: 18px;
    font-weight: bold;
    height: 33px;
    margin-bottom: 1px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.links {
    clear: both;
    color: #282828;
    float: left;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    line-height: 20px;
    padding-top: 10px;
    text-align: justify;
    width: 100%;
}
.links a{
    color: #282828;
    font-weight: 600;
}
.links a:hover{
    color: #fff;
}
.blocarobiz {
    clear: both;
    color: #000;
    font-size: 12px;
    min-height: 105px;
	background:#f29422;
}
.blocarobiz > div {
     padding: 36px 0 22px;
	
}
.blocarobiz > div > img {
   float: left;
    margin: 0 15px 0 10px;
    top: -5px;
}
.blocarobiz .FR {
    float: right;
    font-size: 12px;
    text-align: right;
    width: 33%;
}
.blocarobiz a {
    color: #000;
}
.white{
    color: white !important;
    font-weight: bold;
}
.arobizing {
    color: rgba(0, 0, 0, 0);
    display: inline-block;
    float: right;
    font-size: 0;
    height: 41px;
    margin:-5px 0 0 15px;
    overflow: hidden;
}
.content_footer {
    font-size: 13px;
    margin:0 auto;
    width: 960px;
}
.linked {
    color: #535353;
    text-decoration: none;
}
.linkid {
    color: #535353;
}
h1 .linked, h1 .linkid, h2 .linked, h2 .linkid, h3 .linked, h3 .linkid {
    color: #ee7003;
    text-decoration: none;
}
h1 {
    color: #ee7003;
}
h2.commune, h2 {
    color: #ee7003;
	
}
a {
    color: #535353;
    text-decoration: none;
}
a img {
    border: medium none;
}
a:active, a:focus {
    outline: medium none;
}

.content_footer div.firm img, .content_footer div.firm div{float: left;}
.content_footer div.firm img{margin-right: 10px;
    margin-top: -3px;}
.content_footer div.firm2{float: left;
  top: -13px;}
#contenu iframe{max-width: 100%;}
#contenu>p>img{margin-right: 20px; margin-top: 5px;margin-left: 20px;}
.appnitro li span{
    float: none !important;
}

/*Iphone*/
#menu, #express, #express h1, #clients h2,.telM, #express h3, #clients2, #menu, .tel  {display:none;}

.communes{    display: block;
    clear: both;}
@media only screen 
and (max-width : 980px) {
	/* DISPLAY NONE */ 
.seo {
    width: auto;
    margin: 0 auto;
    text-align: center;
}
.contentbas {
background: url(../images/bg-footer.png) top right no-repeat;}
h2 a.commune {

    padding-top: 47px !important;
}
.secteur {
    float: none;
    margin-left: 0;
    margin-top: 16px;
}
	.certif, #footer, #sidebar ,#clients , #menu2 ,#devisexpress, #extranet, #contact , #carousel_container {display:none;}
.diag{ width:auto}
	/* DISPLAY BLOCK */ 
	#menu{display:block;z-index:0}

	/* HEADER */
	.header{height:auto;width:100%;display:block;text-align: center;padding: 0;color:white;background: url('../images/bgMob.png') top center no-repeat;z-index:999999;
    padding-bottom: 20px;}
	.top {position: fixed;z-index: 9999;background-color: #fff;width: auto;min-width: 100%;height: 75px;box-shadow:2px 0px 8px black !important; top:0}
	.top a.pos{background: url("../images/menu2.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);display: block;height: 55px;position: absolute;right: 10px;top: 11px;width: 62px;}
	.top a.right{left: auto;right: 10px;}
	.header #clients{padding-top:100px;}
	#logo img, #logo{   background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    float: left;
    height: auto;
    margin-left: 0;
    margin-top: 2px;
    top: 0;
    width:60px;}
	.tel {    padding-top: 35px;
    font-size: 28px;
    color: #fff;
    position: relative;
    height: 100px;
    margin: 0 auto;
    top: 74px;
    width: 360px;
    display: block;
    background: rgba(0, 0, 0, 0) url("../images/contact2hover.png") no-repeat scroll left top;}
	.tel a {     color: #3d3d3c;
    display: inline-block;
    font-family: cabin condensed;
    font-size: 34px;
    font-weight: bold;
    margin-left: 16px;
    margin-top: 3px;}

	/* CLIENT */ 
	#clients2{    float: none;
    width: 100%;
    height: 65px;
    top: 0;
    clear: both;
    left: 0;
    padding: 0;
    text-align: left;
    margin-top: 42px;
    display: block;}
	#clients2 a{color: transparent;background:url(../images/icone-extranet1.png) center center no-repeat;font-size: 0;padding: 0;text-align: center;font-weight: normal;margin: 0 auto;display: block;line-height: 63px;width: auto;text-transform: uppercase;}
	#clients2 form{margin:0 auto; width:100%;float:left;border:0;}
	#clients2 fieldset{width:100%;margin:0 auto;border:0;}
	#clients2 input[type=text], #clients2 input[type=password] {background-color: #fff;background-image: none;border:0;color: #f29422;float: left;font-size: 30px;height: 40px;margin: 12px 17px 0 13px;padding: 0 0 0 10px;width: 225px;}
	#clients2 input[type=image] {height: 17px;top: 26px;left: 20px;float: left;}
	#clients2 .FL{display:block;color: #fff;margin: 0;padding: 3px 0 0 15px;font-size:30px;top:5px;text-transform:none;font-weight:500;float:none;}

	/* DEVIS EXPRESS */
	#express{
height: 50px;
    margin: 0 auto;
    padding: 10px 20px;
    background: #f39221;
    border: 1px solid white;
    border-radius: 5px;
    width: 225px;
    margin-top: 0;
    display: block !important;
    color: white;
    z-index: 0;
    margin-bottom: 20px;
    font-size: 18px;}

	#express a{
    color: white;
    display: block;
    margin: 0 auto;}
	#express span{
    font-size:15px;}
	/* CONTENT */
	body, .fg, .fd,  .container, .content {background: white;width:auto;}
	.mm-page {background: white;}
	.content{z-index:0;background:white;top:0;}
	#contenu {/*float: left;*/height: auto;text-align: justify;width: auto;border: none!important;min-height: 498px;margin: 0 auto !important;background: white;padding: 0 20px;}
	#contenu p, #contenu div, #contenu li, #contenu p span, #contenu p a, {font-size:14px !important;line-height: normal;padding: 0;margin: 0;width: auto;}
	#contenu iframe{width:100%!important;}
    #contenu p{margin-bottom: 10px !important;}
 #contenu>p>img{ max-width: 100%;height: auto !important;}
#contenu h1{margin-top: 10px !important;}
	
	/* COMMUNES */ 
	.diag {padding: 0 20px;background: none repeat scroll 0 0 rgba(0, 0, 0, 0);border-radius: 0 !important;box-shadow: none;margin: 0 auto;width: auto;}
	.diag h2 a.commune{font-size:15px!important;}
	p.links {
    padding-left: 0 !important;
    margin-bottom: 0;
    padding: 0;
    width: auto;
    line-height: normal;
    font-size: 11px;
    color: #000;
    text-align: justify;
    font-weight: normal;
}
	.commune {background: none;color: #f29422;display: inline-block;font-size: 16px !important;font-weight: normal;height: 100%;margin-left: 0; margin-top: 0;padding-left: 8px;padding-right: 10px;text-align: left;text-transform: uppercase;width: 100%;}

	/* FOOTER */
	.bottom {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);float: left;margin-top: 0;padding-top: 0;}
	#footer {background: #f29422;clear: both;height: auto;width: 100%;min-height: initial;}
	.content_footer{width:auto;}
	.blocarobiz {padding: 0 20px;}
    .content_footer{width:auto;}
    .content_footer div, .content_footer div div{width: 100% !important; float: none !important; text-align: center !important;}
    .content_footer div.firm img{float: none;}
.arobizing{width: 100%; height: auto !important; margin-top: 5px;}
	
	/* TITRES */ 
	h1{ background: none;font-size: 20px;background: none;padding: 15px 0 10px 0;line-height: 40px;width: auto;left: 0;color: #056ab2;margin: 0 0 10px 0;height: auto;}
	h1 {font-size: 20px !important;}
	h2, h2.commune a, h2 a{font-size: 20px !important}
	h3{font-size:20px;}
	h2.commune{margin:0;padding:0;}
	.blocmessage h3{font-size:20px;}
	#contenu h1, #contenu h2, h2 a.commune {font-size: 20px!important;padding: 0;max-height: initial;margin-bottom: 0;height:auto;line-height:normal;text-align:left; margin-top:10px !important;}

	/* MENU MOBILE */
	.mm-list > li > a, .mm-list > li > span {line-height: normal !important;padding: 30px 10px 30px 20px !important;text-transform:uppercase;font-size:14px!important;}
	.mm-list a.mm-subopen {height: 25%!important;width: 80px!important;}
	.mm-list a.mm-subopen:after {right: 45px!important;}
	.mm-list a.mm-subclose:before {margin-bottom: -10px!important;}
	.mm-list a.mm-subclose {margin-top: 0!important;}
	.mm-menu > .mm-list {padding: 70px 0 40px 0!important;}
	
	::-webkit-input-placeholder { color:#8b8b8b; }
	::-moz-placeholder { color:#8b8b8b; } /* firefox 19+ */
	:-ms-input-placeholder { color:#8b8b8b; } /* ie */
	input:-moz-placeholder { color:#8b8b8b; }
	
	/* AUTRE */
	.radiopaiement{margin-left: 0 !important;font-size: 20px !important;text-align: center;}
	#tabGenerateur label {display: block;width: 100%!important;float: left;font-size: 15px!important;text-align: left!important;line-height: normal!important;}
	ul.ulError, ul.ulError li {font-size: 22px !important;}
}


@media only screen 
and (max-width : 380px) {
	.tel { width: 100%;}
	.tel a {margin-left: 52px;}
}