@charset "utf-8";
/* CSS Document */

body { background-repeat:repeat-x; background-color:#DDDDDD;/*#DDDDDD*/ }
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }

.MotionAlignL{ float:left; }
.MotionAlignR{ float:right; }

.MotionContent{ width:100%; float:left; }
.MotionMain { width:1076px; margin:auto; } 
.MotionMain0{ width:1060px; min-height:600px; background-color:#FFF; float:left; padding:0 8px 0 8px;
-moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; } 

/* ------------------------------------------------------------------------ */ 
/*Top*/
#MotionTop01,#MotionTop02,#MotionTop03,#MotionTop04{ width:90px; height:90px; position:absolute; z-index:10; padding:10px; margin:10px 0 0 10px ; }
#MotionTop0 { width:130px; height:130px; position:absolute; z-index:20; padding:10px;  }
#MotionTop  { width:250px; mini-height:180px;  margin-left:795px; position:absolute; z-index:2; padding:30px 15px 30px 0px; 
/*box-shadow: 0px 3px 4px #999;*/ color:#FFF; background:url(img/back_menu.png); }
#MotionTop1{ width:1000px; height:80px; position:absolute; z-index:2; padding:30px; top:350px;
color:#FFF; font-size:38px; font-family: "MotionFont4", Arial, Helvetica, sans-serif; line-height:38px; font-weight:bold; font-style: italic; text-shadow: 0px 3px 5px #000 ; }
.MotionTopSt1{ width:1060px; height:90px; padding:10px 20px 0 20px; }
.MotionColor1{ width:100%; background-color:#E75F0F; }



.MotionColorP1{  background-color:#789C3D; }
.MotionColorP2{  background-color:#5A595A; }
.MotionColorP3{  background-color:#FBBE15; }
.MotionColorP4{  background-color:#E94740; }
.MotionColorP5{  background-color:#CCC; }
.MotionColorP6{  background-color:#DDD; }


#MotionTopIcone1,#MotionTopIcone2,#MotionTopIcone3,#MotionTopIcone4{ width:150px; height:150px; position:absolute; z-index:10; top:350px; } 
#MotionTopProduit0{ width:1060px; height:6px; position:absolute; z-index:2; top:414px; } 
#MotionTopProduit1{ width:1000px; height:120px; position:absolute; z-index:2; padding:30px; top:420px; /*background-color:#044891;*/ background:url(img/back_produit.png);  
color:#FFF; font-size:38px; font-family: "MotionFont4", Arial, Helvetica, sans-serif; line-height:38px; font-weight:bold; font-style: italic; text-shadow: 0px 3px 5px #000 ; }


#MotionBtmcn { width:140px; height:140px;  position:absolute; z-index:2; color:#008BB8; font-size: 14px; background:url(img/btmcn1.png); }

.MotionPuce2{ width:20px; height:20px; background:url(img/puce2.png); }

/*Page*/
.MotionHomeBan{ width:1060px; height:520px; float:left; background-color:#06C; }
.btWeb{ width:240px; height:25px; padding:5px 10px 0 0; font-family: "MotionFont3", Arial, Helvetica, sans-serif; font-size: 18px; color:#FFF; line-height:17px; margin-bottom:1px; text-shadow: 0px 1px 5px #000; }
.btWebOver,.btWeb:hover{ width:240px; height:25px; padding:5px 10px 0 0; font-family: "MotionFont3", Arial, Helvetica, sans-serif; font-size: 18px; color:#FFF; line-height:17px; background:url(img/backer.png);  margin-bottom:1px;  text-shadow: 0px 1px 5px #000; }
/*.btWebOver,.btWeb:hover{ color:#DDD; padding: 0 0 0 0; }*/

.btWeb1{ font-family: "MotionFont3", Arial, Helvetica, sans-serif; font-size: 17px; color:#000; line-height:17px; margin:2px 0 0 0; min-height:18px; background-color:#E75F0F; padding:5px 15px 5px 5px; 
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;  text-shadow: 0px 1px 5px #FFF ; /*font-weight:bold;*/ opacity:0.8; }
.btWeb1:hover{ color:#FFF; background-color:#E75F0F; opacity:1; text-shadow: 0px 1px 5px #666 ; }


#MotionHomeCont01,#MotionHomeCont02,#MotionHomeCont03,#MotionHomeCont04{ width:490px; height:150px; position:absolute; z-index:10; padding:5px 15px 5px 15px; } 
.MotionHomeCont0{ width:1060px; min-height:180px; float:left; background-color:#F60;
-moz-border-radius:0 0 20px 20px; -webkit-border-radius:0 0 20px 20px; border-radius:0 0 20px 20px; }
.MotionHomeCont01{ width:520px; height:160px; float:left; background-color:#789C3D; }
.MotionHomeCont1{ /*width:490px; height:150px;*/ width:520px; height:160px; float:left; background-color:#789C3D; margin:0 3px 5px 7px; /*padding:5px 15px 5px 15px;*/ }
.MotionHomeCont2{ width:520px; height:160px; float:left; background-color:#5A595A; margin:0 7px 5px 3px; /*padding:5px 15px 5px 15px;*/ }
.MotionHomeCont3{ width:520px; height:160px; float:left; background-color:#FAAF11; margin:0 3px 5px 7px; /*padding:5px 15px 5px 15px;*/ }
.MotionHomeCont4{ width:520px; height:160px; float:left; background-color:#E94740; margin:0 7px 5px 3px; /*padding:5px 15px 5px 15px;*/ }
.MotionHomeCont1,.MotionHomeCont2,.MotionHomeCont3,.MotionHomeCont4,.MotionHomeCont01{ -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; text-shadow: 0px 0px 5px #333 ; }

.MotionContactRounded,.MotionContactRounded1{ width:160px; height:100px; float:left; padding:60px 0 0 0;  
/*background-color:#E75F0F;*/ background: url(img/back_tel.png); color:#FFF; font-size:18px;   font-family: "MotionFont4", Arial, Helvetica, sans-serif; font-weight:bold; 
/*-moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px;*/ line-height:24px; text-shadow: 0px 3px 5px #444;  }
.MotionContactRounded1{ background: url(img/back_fax.png); }


#SliderAnnonce1{ position: absolute; width:1000px; height:900px; z-index:6; }
#SliderAnnonceCrop1{ position: absolute; width:1000px; height:300px; z-index:7; overflow:hidden;}
#SliderAnnonceCrop2{ position: absolute; width:1000px; height:300px; z-index:10; overflow:hidden; background:url(img/fade_produit.png);  }



img.desaturate { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
img.desaturate:hover{ -webkit-filter: grayscale(0%); filter: grayscale(0%); }


/*Info Bulle*/
/*a.infobulle{ color:#ccc; text-shadow:0 -1px 0 black;  } */
/*a.infobulle:hover,a.infobulle:focus{background:rgba(0,0,0,.4); box-shadow:0 1px 0 rgba(255,255,255,.4); }*/
a.infobulle span,a.infobulle1 span,a.infobulle2 span,a.infobulle3 span,a.infobulle4 span{ width:170px; position:absolute;  margin-top:20px; margin-left:-50px;
 color:#FFF; background-color:#044891; padding:15px; border-radius:3px; box-shadow:0 0 2px rgba(0,0,0,.5); /*font-weight:bold;*/
 transform:scale(0) rotate(-12deg);
 transition:all .25s; opacity:0; text-shadow:none;
}
a.infobulle3 span {  background:rgba(0,0,0,.7) }
a.infobulle:hover span, a.infobulle:focus span,  a.infobulle1:hover span, a.infobulle1:focus span ,  a.infobulle2:hover span, a.infobulle2:focus span,  a.infobulle3:hover span, a.infobulle3:focus span ,  a.infobulle4:hover span, a.infobulle4:focus span  { transform:scale(1) rotate(0);  opacity:1; }
a.infobulle1 span{ margin-left:90px; } a.infobulle2 span{ margin-left:-60px; margin-top:-45px;} a.infobulle3 span{ margin-left:-100px; margin-top:-47px;} 
a.infobulle4 span{ margin-left:-185px; margin-top:-107px;}


.Line1{ width:100%; height:1px; border-bottom: solid 1px #DDD; }
.Line2{ width:1px; height:300px; border-right: solid 1px #DDD; }
.Line3{ width:100%; height:1px; border-bottom: dotted 1px #DDD; }
.Line4{ width:100%; height:1px; border-bottom: dotted 1px #DDD; }




/*3D Transformation*/
/*html{
  font: 2em sans-serif;
  text-align: center;
}*/
.scene{
  width: 520px;
  height: 180px; float:left;
  /*perspective: 600px;*/
 
}
.flip{
  /*transform-style: preserve-3d;*/
}
.flip,
.flip > div{
  width: inherit;
  height: inherit;
  transition: transform 1s;
}
.flip > div{
  /*line-height: 200px;*/
  position: absolute;
  backface-visibility: hidden;
}
.avant{
  /*background: tomato;*/
  transform: perspective(600px) rotateX(0deg);
}
.arriere{
  background: url(img/back_traitements.png); background-repeat:no-repeat;
  transform: perspective(600px) rotateX(180deg);
}
.scene:hover .avant{
  transform: perspective(600px) rotateX(180deg);
}
.scene:hover .arriere{
  transform: perspective(600px) rotateX(360deg);
  
}

/*-------Slider actualité-------*/