@charset "utf-8";
/******************** Entête UTF-8 ******************\
*
*	fichier			: public/projet/css/main.css
*	projet			:
*	version			: 1.0.7 2014-08-11 13:34:03 RD
*
\****************************************************/

@import "reset.css";
@import "fonts.css";

/*Color and fonts*/
/*
.jaune {color:#ffc40c}
.orange1 {color:#faa41a}
.orange2 {color:#f47321}
.rouge {color:#ee1c24}
font-family: 'tahomabold';
font-family: 'tahomaregular';
*/

/* Gen CSS */
.wrapper {width: 950px;margin: 0 auto; background: url(../img/fondWrapper.png) repeat}
.clearer{clear: both; display: block; font-size: 0; height: 0.01em; line-height: 0.01em; margin: 0; padding: 0; }
.cf:before,
.cf:after {content: " ";display: table;}
.cf:after { clear: both;}
.cf { *zoom: 1;}
.fll{float:left;}
.flr{float:right;}
#content {min-height: 785px;padding-top: 36px;}
body {background: url('../img/bg-1.jpg') #fff center top no-repeat; min-height:1220px; font-family: 'tahomaregular';}
.mainContent {float:right;width:824px; min-height:756px;}
.tinyCol {width: 236px;float: left;margin-left: 47px;}
.tinyCol:first-child{margin-left:0px;}

.first-child {margin-left:0px;}
.tinyCol.loggedIndex {margin-left: 7px;}
.tinyColDouble {width: 479px;float: left;margin-left: 7px;/*height: 391px*/height: 372px;background: #A8A8A8; margin-bottom: 15px;}
.inner {padding:10px;}
.jaune   {background:#ffc40c; color:white;}
.orange1 {background:#faa41a; color:white;}
.orange2 {background:#f47321; color:white;}
.rouge   {background:#ee1c24; color:white;}
.tjaune   {color:#ffc40c}
.torange1 {color:#faa41a}
.torange2 {color:#f47321}
.trouge {color  :#ee1c24}
h2 {font-family: 'tahomabold'; font-size:20px; line-height: 20px; margin:4px 0 8px; text-transform:uppercase;padding-bottom: 10px;}
h4 {font-family: 'tahomabold'; font-size:16px; line-height: 20px; margin:4px 0 6px; text-transform:uppercase;padding-bottom: 8px;}
.erreurMDP {margin-top:10px;}
.Errorcomment{background-color: rgb(248, 163, 163);	color:#fff}
.fixedHeight {min-height:812px;}
.marginLogged{margin-top: -35px}
.descriprogram{width: 795px;text-align: justify;line-height: 18px;}
.messageAuth{color:#fff;line-height:22px;text-align: justify;padding-top: 10px;}
.notfounddata{padding: 100px 50px 50px 80px}
.notfounddatafaq{padding: 100px 50px 50px 40px}
.messagenouveaute{padding: 160px 150px 200px 180px}
/*--------*/


/* HEADER */
.topHeader {background: url(../img/headerTop.png) repeat-x; height: 38px;}
#logo {float: left; width: 123px; height: 164px; display: block; text-indent: -9999px; margin-left: -20px;padding-right: 22px;background: url(../img/logo-head.jpg) no-repeat left top;	}
.connexionStatut {float: left;width: 580px;padding-top: 11px;height: 27px;}
.connexionStatut,
.connexionStatut a {color: #fff;font-weight: bold;}
.telNumber {float: right;width: 150px; padding-right: 22px; text-align: right; padding-top: 11px;height: 27px;}
.telNumber a {font-family: 'tahomabold'; color:#febb00;}
.achats {float: right;width: 171px; background: url('../img/sprite.png') no-repeat right -164px; font-size: 21px; font-family: 'tahomabold'; height: 41px; line-height: 50px; margin-top: 12px; margin-right: 15px;}
.achats span {display:inline-block; text-align:center; font-family: 'tahomaregular'; color:#fff;font-size: 16px; width:49px;}
.main_menu { float:left; width:580px; padding-top:30px;}
.main_menu li {display:inline-block; margin-right:15px;}
.main_menu li a {font-size:17px; color:#000; font-weight: bold;}
.main_menu li a:hover,
.main_menu li a.active {color:#f47321;}
.recherche {width: 818px;background: url('../img/recherchez_un_item.png') no-repeat left top; float: left; height: 40px; margin-top: 20px;}
.recherche form {width: 170px;float: right;margin-right: 15px;margin-top: 10px;}
.recherche input[type=text] {width: 140px; border-top: 1px solid #000;border-bottom: 1px solid #000; height: 28px; margin: 0px;padding: 0px; border-right: none; border-left: none; background: transparent;}
.recherche input[type=submit] { cursor: pointer; border-top: 1px solid #000;border-bottom: 1px solid #000; background: url('../img/sprite.png') no-repeat -464px top transparent; height: 30px; display: inline-block; text-indent: -9999px; width: 30px; border-right: none; border-left: none; margin: 0px; padding: 0px;}
.recherche input:focus {outline:none;}
/*--------*/

/* FOOTER */
footer{position: absolute;border: 0px;width: 100%; color:#fff; height: 112px;}
footer .wrapper {background:#000;padding-top: 20px;}
footer .main_menu {margin-left: 20px; padding-top: 13px;width: 220px;}
footer .main_menu li a,
footer a {color:#fff;font-size: 14px;}
footer .telNumber {float:left; width: 130px;padding-top: 13px;}
footer .telNumber a{font-size: 16px;}
footer .copyright {font-size: 11px;text-align: right;padding: 10px 20px;}
footer .copyright a{color:#ffc40c;font-size: 11px;}
footer .main_menu li a:hover,
footer a:hover {color:#ffc40c;}
footer .achats {font-size: 15px;color: #ffc40c;background: url('../img/sprite.png') no-repeat right -114px;width: 126px;margin-top: 0;line-height: 45px;height: 39px;}
footer .achats span {font-size: 14px;width: 39px;}
footer .logoFooter {float:left; width:150px;}
/*--------*/

/* SIDEBAR */
.sidebar {float:left; width:123px; height:756px;margin-left: -20px; background: url('../img/sidebar_bg.png') repeat left top;}
.sidebar h2 {font-size:14px; color:#feca38; font-family: 'tahomabold'; padding:4px 10px;}
#css3-animated-example h3 + div {height: 0px; padding: 0px; overflow: hidden; display: block!important;
	-webkit-transform : translateZ(0);
	-webkit-transition: all 0.3s ease;
	-moz-transition   : all 0.3s ease;
	-o-transition     : all 0.3s ease;
	-ms-transition    : all 0.3s ease;
	transition        : all 0.3s ease;
}
#css3-animated-example .content {padding: 10px;}
#css3-animated-example h3 {margin: 10px; background: url('../img/arrow.png') no-repeat right bottom;}
#css3-animated-example h3 a{font-size:14px; color:#feca38; display: block;}
#css3-animated-example h3.open {background: url('../img/arrowD.png') no-repeat right bottom;}
#css3-animated-example h3.open + div {height: auto; background: url('../img/sidebar_bg.png') repeat left top;}
#css3-animated-example .content li a{padding: 7px 10px 7px 0;color: #fff; font-size: 12px; display: block;}
#css3-animated-example .content li a span {width:11px; height:11px; display:inline-block; margin-right:6px;}
#css3-animated-example .content li a span.jaune {background:#ffc40c}
#css3-animated-example .content li a span.orange1 {background:#faa41a}
#css3-animated-example .content li a span.orange2 {background:#f47321}
#css3-animated-example .content li a span.rouge {background:#ee1c24}
/*--------*/

/* Caroussel */
#slider-code { height: 756px; overflow:hidden; position:relative; float:left; width:316px;}
#slider-code .viewport { float: left; width: 316px; height: 756px; overflow: hidden; position: relative; }
#slider-code .disable { visibility: hidden; }
#slider-code .overview { list-style: none; padding: 0; margin: 0;  position: absolute; left: 0; top: 0; }
#slider-code .overview li{ float: left; height: 756px; width: 316px;}
#slider-code .pager { overflow:hidden; list-style: none; clear: both; position:absolute; top:10px; left:10px;}
#slider-code .pager li { float: left; }
#slider-code .pagenum { background-color: #fff; text-decoration: none; text-align: center; padding: 5px; color: #555555; font-size: 14px; font-weight: bold; display: block; border-radius:5px; margin-right: 4px;}
#slider-code .active { color: #fff; background-color:  #555555; }

.slider-produit { height: 184px; overflow:hidden; position:relative; width:236px;}
.slider-produit .viewport { float: left; width: 236px; height: 134px; overflow: hidden; position: relative; }
.slider-produit .disable { visibility: hidden; }
.slider-produit .overview { list-style: none; padding: 0; margin: 0;  position: absolute; left: 0; top: 0; }
.slider-produit .overview li{ float: left; height: 134px; width: 236px;position: relative;}

.unProduit .slider-produit { height: 535px; overflow:hidden; position:relative; width:620px;}
.unProduit .slider-produit .viewport { float: left; width: 620px; height: 375px; overflow: hidden; position: relative;margin-bottom: 15px; }
.unProduit .slider-produit .disable { visibility: hidden; }
.unProduit .slider-produit .overview { list-style: none; padding: 0; margin: 0;  position: absolute; left: 0; top: 0; }
.unProduit .slider-produit .overview li{ float: left; height: 375px; width: 620px;}
.unProduit .slider-produit  .buttons {display: block;background-image: url(../img/sprite.png); background-repeat: no-repeat; width: 42px;height: 42px;position: absolute;top: 28%;z-index: 999;text-indent: -9999px;}
.unProduit .slider-produit  a:hover.buttons{text-decoration:none;}
.unProduit .slider-produit  .prev { left:10px; background-position: left -343px;}
.unProduit .slider-produit  .next { right:10px;  background-position: right -343px;}

.slider-produit .pager { overflow:hidden; list-style: none; clear: both; position:absolute; bottom:5px; left:0px;}
.slider-produit .pager li { float: left; margin-left: 4px;}
.slider-produit .pager li:first-child {margin:0px;}
.slider-produit .pagenum { background-color: #fff; text-decoration: none; text-align: center; color: #555555; font-size: 14px; font-weight: bold; display: block;border:1px solid transparent;  }
.slider-produit .active { color: #fff; background-color:  #555555; }
/*--------*/

/*uneBox*/
.loupe {width: 28px; height: 27px; background: url('../img/sprite.png') no-repeat left -236px; position: absolute; left: 205px; bottom: 4px;}
.uneBox {margin-bottom: 56px;}
.panier .uneBox,
.produits .uneBox {margin-bottom: 28px;}
.produits strong {font-family: 'tahomabold';}
.uneBox .img {display:block; margin-bottom: 4px;}
.infoUnderImg {background:#A8A8A8; color:#fff; height: 94px; font-family: 'tahomaregular';}
.infoUnderImg h3 {font-size: 16px;line-height: 18px; margin-bottom: 5px;}
.infoUnderImg h3 a{color:#fff;}
.infoUnderImg p {font-size:13px;}
.infoUnderImg .inner{padding:4px;}
.infoUnderImg .prix {float:left; width:49.5%;font-size: 14px; color: #fff;}
.infoUnderImg .sn {float:right; width:49.5%;font-size: 12px; color: #fff;text-align: right;height: 14px;}
.infoUnderImg .prix,
.infoUnderImg .sn{margin-top: 4px;}
.infoUnderImg .prix strong,
.infoUnderImg .sn strong{font-family: 'tahomabold';}
.infoUnderImg .quantite {float:left; width:49.5%;font-size: 14px; color: #fff;margin-top: 13px;}
.infoUnderImg .quantite input[type="text"]{width: 24px;text-align: center; border: none; background: #000; color: #fff; font-family: 'tahomaregular';margin-bottom: 0;}
.infoUnderImg .ajouter {float: right;width: 87px; background: url('../img/sprite.png') no-repeat right -266px; height: 33px; line-height: 48px; font-size: 14px; color: #fff;}
.wrapProduit {height: 37px; max-height:37px;}
.fancybox-skin {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.unProduit .infoUnderImg {background:#f9f9f9; color:#000; height: 100%;}
.unProduit .infoUnderImg .sn,
.unProduit .infoUnderImg .prix,
.unProduit .infoUnderImg .ajouter,
.unProduit .infoUnderImg .quantite {float:right; width:100px; color:#000; text-align:right;}
.infoRight {float:right; width:100px;}
.unProduit .infoUnderImg .prix{margin-bottom:4px;}
.unProduit .infoUnderImg .quantite { margin-right: 4px;margin-bottom: 4px;}
.unProduit .infoUnderImg .ajouter {text-align:left; width:80px;}
.unProduit .infoUnderImg h3 {color:#ffbc00;}
.unProduit .description {float: left;width: 500px;font-size: 12px;line-height: 14px;margin-top: 10px;}
.descriptionProduit {display:block; margin-bottom:5px;}
/*-------*/

/*flip 3d*/
.panel {margin: 0 auto 4px; cursor:pointer; width: 236px;height: 270px; position: relative;font-size: .8em;-webkit-perspective: 600px;-moz-perspective: 600px;}
.panel .front {position: absolute;top: 0;z-index: 900;width: inherit;height: inherit;text-align: center;
	-webkit-transform          : rotateX(0deg) rotateY(0deg);
	-webkit-transform-style    : preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-transform             : rotateX(0deg) rotateY(0deg);
	-moz-transform-style       : preserve-3d;
	-moz-backface-visibility   : hidden;
	-o-transition              : all .4s ease-in-out;
	-ms-transition             : all .4s ease-in-out;
	-moz-transition            : all .4s ease-in-out;
	-webkit-transition         : all .4s ease-in-out;
	transition                 : all .4s ease-in-out;
}
.panel.flip .front {z-index: 900;-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);}
.panel .back {position: absolute;top: 0;z-index: 800;width: inherit;height: inherit;
	-webkit-transform          : rotateY(-180deg);
	webkit-transform-style     : preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-transform             : rotateY(-180deg);
	-moz-transform-style       : preserve-3d;
	-moz-backface-visibility   : hidden;
	-o-transition              : all .4s ease-in-out;
	-ms-transition             : all .4s ease-in-out;
	-moz-transition            : all .4s ease-in-out;
	-webkit-transition         : all .4s ease-in-out;
	transition                 : all .4s ease-in-out;
}
.panel.flip .back {z-index: 1000;-webkit-transform: rotateX(0deg) rotateY(0deg);-moz-transform: rotateX(0deg) rotateY(0deg);}
/*********/


/* LOGIN */
.login form {padding-top: 20px;}
.login input[type='text'],
.login input[type='password']{width: 450px; padding: 4px; background: #dcdcdc; /*color: #A9A9AC;*/color: #000; border: none; margin: 5px 0;font-size: 14px;}
.login input[type='submit'] {float:right; -webkit-border-radius: 5px; border-radius: 5px;font-family: 'tahomabold'; font-size:12px; color:#000; text-align:center; padding:5px; background:#fff; border:none;}
.login a {float:right;font-family: 'tahomabold'; font-size:12px; color:#fff;width: 100%; text-align:right;margin:5px;}
/*--------*/

/* PANIER */
.panierBox{background: url('../img/login_bg.png') repeat; width: 800px; }
.panierBox .headline {background:#000; display:inline-block; color:#fff;padding: 4px 6px;font-size: 14px;}
.panierBox .headline.active {color:#ffc40c;}
.panierBox .headline .num {color:#ee1c24;}
h3.headline {display:block; margin: 20px 0;background:#000; padding: 4px 6px;font-size: 14px;color:#ffc40c;}
.panierBox .date {font-size:12px; float:right;}
.unAchat {padding:10px; background:#e2e2e2; margin-top: 10px;position:relative;}
.unAchat:before,
.unAchat:after {content: " ";display: table;}
.unAchat:after { clear: both;}
.unAchat { *zoom: 1;}
.unAchat .achatInfo {width: 360px;}
.achatImage {float:left; width:246px;}
.achatInfo {float:left;}
.achatInfo h3,
.achatInfo h3 a{font-family: 'tahomabold'; margin-bottom:15px; font-size:14px; color:#f47321; margin-top:10px;}
.achatInfo p {font-size:14px;}
.achatSetting {float:right; width:150px;text-align: right; }
.achatSetting .achatPrix {position:absolute; right:10px; bottom:10px;}
.achatSetting input[type="number"] {width: 50px;text-align: center;background: white;border: none;margin: 0;height: 19px;float:right;}
.achatSetting a {background: url('../img/sprite.png') no-repeat left top; width:22px; height:21px; display:inline-block; text-align: left; text-indent:-9999px;margin: 0 0px 0 3px;float: right;}
.achatSetting .add {background-position: left -61px;}
.achatSetting .remove {background-position: -25px -61px;}
.achatSetting .delete {background-position: -48px -61px;}
.facture .achatSetting span {width:113px; float: left;}

.ajoutPanier .fancybox-skin{border-radius:10px; text-align:center; padding:20px 0 0; text-transform:uppercase;}
#fancyconfirm_cancel,
#fancyConfirm_ok,
.ajoutPanier input[type='button']{border: none;margin:3px; padding: 4px 8px; margin-right: 10px;color: white;cursor: pointer;text-transform: uppercase;font-size: 14px;}
.facture .achatSetting {width: 180px;}
#collapseFAQ.facture  h3 {margin: 5px 0px 0px 0px;}

.total {color:#fff;float:right; width:180px; text-align:left; font-size:14px;margin: 20px 0;}
.total .st,
.total .t1,
.total .t2,
.total .t {margin:4px 0;}
.total .st span,
.total .t1 span,
.total .t2 span,
.total .t span {display:inline-block; text-align:right; color:#000;float: right;}
.actionBTN {margin:20px 0;}
.actionBTN.single {margin:0;}
.actionBTN a{display:inline-block; text-indent:-9999px;background: url('../img/spriteBTN.png') no-repeat left top; height:50px; float: right;}
.actionBTN .commandeAnnuler {background-position: left -46px; width:226px;}
.actionBTN .commandeAjouter {background-position:-225px -46px; width:198px;}
.actionBTN .commandeCommander {background-position:-426px -46px; width:254px;}
.actionBTN .commandeConfirmer {background-position: -374px 0px;width: 163px;height: 45px;}
.actionBTN .commandeImprimer {background-position: -538px 4px;  width:129px;}
.actionBTN .actualiserCommander {background-position: 0px 3px; width:251px;}
.actionBTN a:hover.commandeAnnuler {background-position: left -149px; }
.actionBTN a:hover.commandeAjouter {background-position:-225px -149px; }
.actionBTN a:hover.commandeCommander {background-position:-426px -149px; }
.actionBTN a:hover.commandeConfirmer {background-position:-374px -103px; }
.actionBTN a:hover.commandeImprimer {background-position: -538px -99px; }
.actionBTN a:hover.actualiserCommander {background-position:0px -100px; }
.imprimer .unProduit .infoUnderImg,
.imprimer {background:#fff;}
.imprimer .unProduit .infoUnderImg .quantite {float: left;}
.imprimer .unProduit .infoUnderImg .ajouter {margin-left:10px;}
.imprimer .unAchat {background:none; border-bottom: 2px solid #7a7a7a;}
.imprimer .date {width: 100%;display: block;text-align: right;border-bottom: 2px solid #7a7a7a;}
.imprimer .achatInfo p,
.imprimer .total {	color:#7a7a7a; }
.imprimer .total .st span,
.imprimer .total .t1 span,
.imprimer .total .t2 span,
.imprimer .total .t span {color:#000;}
.socoolHeadFactureL {float:left; width:480px; margin-top:20px; font-size: 14px;}
.socoolHeadFactureL strong {font-family: 'tahomabold';}
.socoolHeadFactureL>div {margin:5px 0;}
.socoolHeadFactureR {display:none; float:right; width:300px;margin-bottom: 20px;margin-top:20px;}
.socoolHeadFactureR img{ margin-left: -4px;}
/*--------*/

/* FAQ */
#collapseFAQ h3 + div {height: 0px; padding: 0px; overflow: hidden; display: block!important;
	-webkit-transform: translateZ(0);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition: all 0.3s ease;
}
#collapseFAQ .content {padding: 5px;}
#collapseFAQ h3 {margin: 5px 25px 5px 5px; background: #000; padding:5px;}
#collapseFAQ h3 a{font-size:14px; color:#fff; display: block;padding-right: 20px; }
#collapseFAQ h3 span{background: url('../img/arrow.png') no-repeat right bottom;width: 12px;height: 12px;display: inline-block;}
#collapseFAQ h3.open span{background: url('../img/arrowD.png') no-repeat right bottom;}
#collapseFAQ h3.open + div {height: auto;}
#collapseFAQ .content {font-size: 14px; padding:0 35px 25px 15px;}
#collapseFAQ .content p{margin:7px 0px; }
.commentaire {float: left; width: 500px;margin-top: 17px;}
.commentaire span {width:100px; float:left;margin-bottom:5px;}
.commentaire textarea {width: 560px;float: left;height: 45px;}
/*--------*/


/* contact */
.form {float:left; width:397px;}
.contactInfo {float:left; width:397px; margin-left:15px;}
.contactInfo h3 {font-weight: bold;margin-bottom: 8px;font-size: 20px;}
.contactInfo a {margin: 0 0;display: inline-block;}
.form label{display:block;}
.form input[type='password'],
.form input[type='text'],
.form textarea {width:90%; padding:7px 10px; margin: 4px 0 15px;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.form textarea {height: 100px;}
[readonly="readonly"],
[readonly="readonly"]:focus,
.form input[readonly="readonly"],
.form input[readonly="readonly"]:focus,
.form input[type="text"][readonly],
.form input[type="text"][readonly]:focus{background: rgb(233, 233, 233);}
.form input[type='text'].phone {float: left;width: 23px; margin-right:5px;}
.form input[type='text'].phone4 {width: 29px}
.form a {padding: 4px 8px;margin-right: 10px;color: white;cursor: pointer;text-transform: uppercase;font-size: 14px;}
.form a:hover {text-decoration:underline;}
/*----------*/

/*Pagination */
.pagination {float: right;width: 210px;text-align: right; padding: 20px 25px;font-size:14px;}
.pagination a{ color:#000; font-size:14px;}
.pagination a.active,
.pagination a:hover{color:#ffc40c;}
.pagination p strong{color:#ffc40c;}
/*-----------*/

/*Pagination recherche --Ajout de Larbi--*/
#main{position:relative;width:780px;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;}
#holder{width:780px;overflow:hidden;position:relative;padding-bottom:10px;}
#holder .achatInfo {width:513px}
.swControls{position:absolute;margin-top:10px;}
a.swShowPage{background-color: #fff; text-decoration: none; text-align: center; color: #555555;font-size: 14px; font-weight: bold; display: block;border:1px solid transparent;float:left;height:15px;margin:4px 3px;width:15px;}
a.swShowPage:hover,
a.swShowPage.active{color: #fff; background-color:  #f47321;}
#content_404{padding:300px 0 0 500px;color:#000;text-align: justify;font-size: 18px;}
#content_404 h1{padding: 5px 0 5px 100px;}
.materielpublicitaire{padding-left: 17px;}
#validationC{padding: 105px 0 150px 300px;}
/*-----------*/