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

* =General-----------------------------------------------------------------------------*/

html{height: 100%}
p{margin: 0;padding: 0; color:#333; padding-bottom:10px;}
blockquote{}
ul, ol{margin: 0;padding: 0;list-style: none;}
.clear{ /* Class for clearing floats */clear:both;}
img{ /* Remove border around linked images */border: 0;}
*html a, *html input
{
position: relative;
z-index: 1;
}
.hide{ display:none; }

/* =Typography-----------------------------------------------------------------------------*/

body{ height:100%; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size: 13px; text-align: left; font-weight:bold; color:#1f1f1f; background:url(../../img/back.jpg) center repeat; }
body.home{ background:#000 url(../../img/bgHome.jpg) top center no-repeat; }

img.thumb{ border:1px #ccc solid; margin:0px 5px 5px 5px; }

/* =Headings-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6{ font-family:Arial, Verdana,  Helvetica, sans-serif; margin:0px; padding:0; color:#d5e102; }
h1{ font-size:17px; text-transform:uppercase; color:#1887b2; }
h2{ font-size:13px; color:#1887b2; text-transform:uppercase; border-bottom:1px solid #1887b2; }
h3{ font-size:160%; }
h4{ font-size:13px; color:#1887b2; }
h5{ font-size:140%; }
h6{ font-size:130%; }

/* =Link-----------------------------------------------------------------------------*/

a{ color:#1887b2; text-decoration:none; }
a:visited{ color:#1887b2; }
a:hover{ text-decoration:underline; }
a:active{ color:#c2ae7d; }

a.buttonBlue{ background:url(../../img/buttonBlue.png) center center no-repeat; display:block; width:215px; height:46px; line-height:46px; text-align:center; margin-right:7px; color:#FFF; }

/* =Frame-----------------------------------------------------------------------------*/


#wrap{ width:935px; margin:0 auto; }
 
 /* =Header-----------------------------------------------------------------------------*/
#header{ width:935px; height:431px; background:url(../../img/backTop.png) top no-repeat; }
#header #logo { width:150px; height:143px; float:left; display:block; padding-left:300px; }

#header #flash{ float:left; width:710px; height:237px; background-color:#000; margin:0 148px 0 97px; }

#header ul#headerMenu{ margin:0 0 0 97px; }
#header ul#headerMenu a{ display:block; height:34px; }
#header ul#headerMenu a strong{ display:none; }
#header ul#headerMenu li{ display:inline; float:left; }
#header ul#headerMenu li#nouveautes a{ width:240px; background:url(../../img/nouveautes.jpg) top no-repeat; }
#header ul#headerMenu li#promotion a{ width:233px; background:url(../../img/promotion.jpg) top no-repeat; }
#header ul#headerMenu li#salle a{ width:237px; background:url(../../img/salle.jpg) top no-repeat; }
#header ul#headerMenu li#nouveautes a:hover{ background:url(../../img/nouveautesH.jpg) top no-repeat; }
#header ul#headerMenu li#nouveautes a.active{ background:url(../../img/nouveautesH.jpg) top no-repeat; }
#header ul#headerMenu li#promotion a:hover{ background:url(../../img/promotionH.jpg) top no-repeat; }
#header ul#headerMenu li#promotion a.active{ background:url(../../img/promotionH.jpg) top no-repeat; }
#header ul#headerMenu li#salle a:hover{ background:url(../../img/salleH.jpg) top no-repeat; }
#header ul#headerMenu li#salle a.active{ background:url(../../img/salleH.jpg) top no-repeat; }

/* =MainMenu-----------------------------------------------------------------------------*/
#mainMenu{  width:855px; height:87px; padding:18px 0 0 90px; background:url(../../img/backMP.jpg) top no-repeat; }
#mainMenu ul{ width:800px; padding:18px 0 0 80px; }
#mainMenu ul li{ display:inline; float:left; }
#mainMenu ul li a{ display:block; text-align:center;}
#mainMenu ul li a:hover{ background-position: top left; text-decoration:none; color:#fff; }
#mainMenu ul li a strong{ display:none; }
#mainMenu ul li#projets-speciaux-sur-mesure a{ width:100px; }
#mainMenu ul li#service-et-soutien-technique a{ width:100px; }

/* =Message-----------------------------------------------------------------------------*/
#message{ text-align:justify; background:url(../../img/backMessage.jpg) top no-repeat; height:115px; text-transform:uppercase; padding:23px 140px 35px 105px; color:#FFF;  }
#message-en{ text-align:justify; background:url(../../img/backMessage-en.jpg) top no-repeat; height:115px; text-transform:uppercase; padding:23px 140px 35px 105px; color:#FFF;  }
#message span.mess1{ font-size:20px; font-weight:bold; }
#message span.mess2{ font-size:46px; }
#message span.mess3{ font-size:28px; font-weight:bold; }

/* =Container-----------------------------------------------------------------------------*/
#container{ background:url(../../img/backMiddle.jpg) top no-repeat; width:935px; } 
#container ul li{ margin:3px 0; }
#container #content{ float:left; width:517px; margin-left:65px; }
#container #content #shadLeft{ background: url(../../img/shadow.png) right repeat-y; float:left; margin-right:7px;  }
#container #content #leftCol{ float:left; width:479px; background:#FFF;  padding:20px 15px 60px 15px; padding-bottom:60px; margin-right:7px; margin-left:10px; color:#333333; }
#container #content #leftCol h1{ background:url(../../img/headerBack.jpg) left bottom no-repeat;  margin-bottom:10px; }
#container #content #leftCol div.cadre{ float:left; width:220px; margin-right:19px; }
#container #content #leftCol div.cadre div.image{ height:178px; width:215px; text-align:center;}
#container #content #leftCol div.cadre p{ text-align:justify; padding:0 10px 7px 10px;  }
#container #content #leftCol div.cadre h4{padding:0 10px 7px 10px;  }

#container #content #leftCol div.prod{ float:left; width:485px; margin-right:19px; }
#container #content #leftCol div.prod div.image{ height:178px; width:500px; text-align:left; display:block;  float:left; }
#container #content #leftCol div.prod div.info{ width:255px; float:right; }
#container #content #leftCol div.prod div.info a.linkPanier{ padding-left:10px; font-weight:bold; }
#container #content #leftCol div.prod p{ text-align:justify; padding:0 10px 7px 0px;  }
#container #content #leftCol div.prod h4{padding:0 10px 7px 10px;  }

#container #content #leftCol3{ float:left; width:695px; background:#FFF;  padding:0px 0px 60px 25px; padding-bottom:60px; margin-right:7px; margin-left:3px; color:#333333; }
#container #content #leftCol3 #boxForm{ text-align:left; font-size:13px; }

#container #content #leftCol2{ float:left; width:710px; padding:20px 0px 60px 20px; padding-bottom:60px; margin-right:7px; margin-left:10px; color:#333333; }
#container #content #leftCol2 h1{ background:url(../../img/headerBack.jpg) left bottom no-repeat;  margin-bottom:10px; }
#container #content #leftCol2 div.cadre{ float:left; width:220px; margin-right:19px; }
#container #content #leftCol2 div.cadre div.image{ height:178px; width:215px; text-align:center;}
#container #content #leftCol2 div.cadre p{ text-align:justify; padding:0 10px 7px 10px;  }
#container #content #leftCol2 div.cadre h4{padding:0 10px 7px 10px;  }

#container #content #leftCol2 div.prod{ float:left; width:485px; margin-right:19px; }
#container #content #leftCol2 div.prod div.image{ height:178px; width:500px; text-align:left; display:block;  float:left; }
#container #content #leftCol2 div.prod div.info{ width:255px; float:right; }
#container #content #leftCol2 div.prod div.info a.linkPanier{ padding-left:10px; font-weight:bold; }
#container #content #leftCol2 div.prod p{ text-align:justify; padding:0 10px 7px 0px;  }
#container #content #leftCol2 div.prod h4{padding:0 10px 7px 10px;  }

#container #content #leftCol2 #boxForm{ text-align:left; }

#fullpage #container #content #leftCol #boxForm p{ text-align:left; }

#container #rightCol{ float:left; width:235px; margin-left:10px;  }
#container #rightCol p{ color:#FFF; text-align:left ;padding:0 10px 7px 10px;  }
#container #rightCol ul li{ color:#FFF; padding:3px 10px; margin:0; }
#container #rightCol ul{padding-bottom:10px; }
#container #rightCol h1{ background:url(../../img/rightColH1.gif) left bottom no-repeat; color:#FFF; padding:10px 17px 5px 0; margin-left:10px; }
#container #rightCol #blocInfoCompte a{ display:block; width:232px; height:38px; text-decoration:none; margin-bottom:30px; }
#container #rightCol #blocInfoCompte a strong{ visibility:hidden; }
#container #rightCol #blocInfoBorderRight{ width:230px;}

#container #rightCol div.shadowedBloc h4{ height:9px; background:url(../../img/topShadow.png) bottom right no-repeat; width:247px; }
#container #rightCol div.shadowedBloc #blocInfoBorderRight h5{ height:7px; background:url(../../img/bottomShadow.png) top left no-repeat; width:247px; }
#container #rightCol div.shadowedBloc div.shadowRight { width:249px; background:url(../../img/shadow.png) right repeat-y;  }

#container #rightCol #blocInfoBorderRight #blocInfo{  background:url(../../img/blueGradient.jpg) top repeat-x #00456a; width:240px; min-height:100px;}
#container #rightCol #blocInfoBorderRight #blocInfo p{ padding:10px 18px 10px 10px; }

#bottomContainer{ background:url(../../img/bottomCon.png) bottom repeat-x; width:510px; height:7px; float:left; margin-left:10px;}

/*Container Fullpage*/
#fullpage #container{ float:left; background:url(../../img/fullpagebacl.jpg) top no-repeat; width:935px;}
#fullpage #container #content{ float:left; margin-left:75px; width:735px; padding:0 20px 0 0; }
#fullpage #container #content #cleanPage{ background:#FFF url(../../img/hand.jpg) no-repeat scroll 713px 86px; float:left; width:756px; }
#fullpage #container #content #leftCol{ float:left; width:485px; background:none; padding:15px 0px; margin-left:0; }
#fullpage #container #content #leftColcontact{ float:left; width:725px; background:none; padding:15px 15px 15px 15px; margin-left:0; }
#fullpage #container #content #leftCol p{ text-align:justify; }
#fullpage #container #leftColMenu{ float:left; width:180px; background:none; margin:15px 0; padding-left:25px; font-size:13px; margin-right:20px; padding-top:2px; }
#fullpage #container #leftColMenu2{ width:756px; float:left; background:none; margin:15px 0; font-size:13px; margin-right:0px; padding-top:2px; text-align:center; }
#fullpage #bottomContainer{width:752px; margin-left:78px; }
*+html #fullpage #bottomContainer.ieHack{ margin-left:79px; width:752px; }


/* =Footer-----------------------------------------------------------------------------*/
#footerLink{ margin-left:5px; float:left; background:url(../../img/footLink.jpg) top center no-repeat; height:39px; width:515px; margin-right:5px; }
#footerLink ul{ padding:5px 0 0 19px; }
#footerLink ul li{ float:left; display:inline; }
#footerLink ul li a{ font-size:8px; text-transform:uppercase; padding-right:4px; color:#333;  font-family:verdana, Helvetica, sans-serif; }

#footerBoris{ margin-left:2px; float:left; background:url(../../img/footerBoris.jpg) top center no-repeat; height:58px; width:520px; margin-right:5px; }
#footerBoris p{ color:#FFF; padding:10px 15px; font-size:10px; }


/*Footer Fullpage*/
#fullpage #footerBoris{ float:left; background:url(../../img/footerFull2.jpg) top center no-repeat; height:60px; width:785px; margin-left:61px; }
*+html #fullpage #footerBoris.ieHack{ margin-left:61px; }
#fullpage #footerBoris p{ color:#FFF; padding:10px 22px; font-size:10px; }

#fullpage #footerLink ul{ padding:12px 0 0 19px; }
#fullpage #footerLink{ float:left; background:url(../../img/footerFull1.jpg) top center no-repeat; height:47px; width:778px; margin-left:61px; padding-left:7px; }
#fullpage #footerLink2 ul{ padding:12px 0 0 35px; }
#fullpage #footerLink2{ text-align:center; float:left; background:url(../../img/footerFull1.jpg) top center no-repeat; height:47px; width:778px; margin-left:61px; padding-left:7px; }
*+html #fullpage #footerLink2.ieHack{ margin-left:61px; }
#footerLink2 ul li{ float:left; display:inline; }
#footerLink2 ul li a{ font-size:8px; text-transform:uppercase; padding-right:50px; color:#333;  font-family:verdana, Helvetica, sans-serif; }


#header #flash{ border:1px #333 solid; overflow:hidden; background-color:#FFFFFF; }
#header #flash #headerPub{ background:#fff url("../../img/headerPub.gif") top left repeat-x; height:6px; overflow:hidden; }
#header #flash #middlePub #leftBtnPub{ display:block; float:left; background:#FFF url("../../img/arrowLeftPub.gif") center center no-repeat; width:15px; height:237px; border-right:1px #111 solid; }
#header #flash #middlePub #leftBtnPub:hover{ background:#FFF url("../../img/arrowLeftPubOver.gif") center center no-repeat; }
#header #flash #middlePub #mainPub{ height:237px; float:left; width:676px; overflow:hidden;  }
#header #flash #middlePub #mainPub div.boxNews{ font-family:Arial, Helvetica, sans-serif;}
#header #flash #middlePub #mainPub div.boxNews div.image{ width:237px; width:237px; float:left; text-align:center; }
#header #flash #middlePub #mainPub div.boxNews div.info{ width:237px; width:430px; float:right; }
#header #flash #middlePub #mainPub div.boxNews h3{ font-size:24px; color:#0066CC; padding:8px 10px 2px 10px; border-bottom:1px solid #0066CC; font-family:Georgia, "Times New Roman", Times, serif; font-weight:lighter; }
#header #flash #middlePub #mainPub div.boxNews h5{ font-size:12px; color:#222; padding:6px 10px 2px 10px; font-weight:bold; }
#header #flash #middlePub #mainPub div.boxNews span{ display:block;font-size:18px; color:#0066CC; padding:10px; font-family:   }
#header #flash #middlePub #rightBtnPub{ display:block; float:left; background:#FFF url("../../img/arrowRightPub.gif") center center no-repeat; width:15px; height:237px; border-left:1px #111 solid; }
#header #flash #middlePub #rightBtnPub:hover{ background:#FFF url("../../img/arrowRightPubOver.gif") center center no-repeat; }
#header #flash #menuPub{ background:#fff url("../../img/bgMenu.gif") top left repeat-x; height:21px; clear:both; }
#header #flash #menuPub a{ font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height:22px; color:#fff; display:block; float:left; width:168px; text-align:center; font-weight:bold; text-decoration:none; text-transform:uppercase; overflow:hidden;  }
#header #flash #menuPub a:hover{ color:#fff; background:transparent url("../../img/bgBtnOver.gif") top left repeat-x; }
#header #flash #menuPub a.active{ color:#fff; background:transparent url("../../img/bgBtnOver.gif") top left repeat-x; }

.success { background-color:#ECF9EC; border:1px solid #99D96F; padding:4px; width:240px; }
.success span { background:transparent url(../../img/tick-circle-frame.gif) no-repeat scroll left center; color:#99D96F; display:block; line-height:20px; padding-bottom:0; padding-left:20px; }

a.del{ background:url(../../img/toggle-small-collapse.gif) center center no-repeat; display:block; padding:4px; height:8px; }
a.add{ background:url(../../img/toggle-small.gif) center center no-repeat; display:block; padding:4px; height:8px; }
a.del:hover{ background:url(../../img/toggle-small-collapse2.gif) center center no-repeat; }
a.add:hover{ background:url(../../img/toggle-small2.gif) center center no-repeat; }
a.prod{ color:#1887B2;}
a.prod:hover{ color:#1887B2; text-decoration:underline; }

table.panier{ color:#666; width:100%; }
table.panier tr td{ border-bottom:1px #CCC dashed; }
table.panier tr.header td{ border-bottom:1px #CCC solid; color:#1887B2; }

span.red{ color:#CC0000; font-weight:bold; }
p.tinyText{ padding:10px 0; }

h5#errorBox{ border:1px solid #FA0303; padding:4px; width:400px; color:#FA0303; text-transform:none; background:#FFECEC url(../../img/exclamation.gif) left center no-repeat; padding-left:35px; font-weight:normal; font-size:11px; }

#boxMakeCadre h1.atStart{ cursor:pointer; }
#boxMakeCadre div.atStart{ margin:10px 0; }
#boxMakeCadre div.atStart div.boxTypeCadre{ overflow:hidden; }
#boxMakeCadre div.atStart div.boxTypeCadre div.boxImg img{ padding:4px; border:1px #ccc solid; background-color:#fff; }
#boxMakeCadre div.atStart div.boxTypeCadre div.boxImg{ padding:5px; height:100px; width:80px; float:left; text-align:center; }
#boxMakeCadre div.atStart div.boxTypeCadre div.boxImg input{ display:block; height:10px; margin:0 auto; margin-top:5px; }