/*===| I. MAIN LAYOUT  |=====================================================*/
* {margin: 0;}
object{outline:none;}

html, body {height: 100%;width: 100%;}
ul, li{list-style: none;list-style-position: outside;	margin: 0;	padding: 0;}
p{padding: 0;}
.left{float: left;} .right{float: right;}
.left1{float: left; padding: 0 30px 0 0;}
.left2{float: left; padding: 0 46px 0 0;}
#push, .clr	{clear: both; font-size: 0px; line-height: 0px; height: 0px;}
.clr1	{clear: both; font-size: 0px; line-height: 0px; height: 0px; height: 5px;}
.clr2	{clear: both; font-size: 0px; line-height: 0px; height: 0px; height: 10px;}
.clr3	{clear: both; font-size: 0px; line-height: 0px; height: 0px; height: 17px;}
body{ background: #dcd1c7;}
#bg1{position:absolute;z-index: 1; width:100%; background:url("images/bg0.gif") 50% 0% repeat-y;}
#bg2{position:absolute;z-index: 2; width:100%; background: url(images/bg-x.jpg) 50% 0% repeat-x;}
#bg2_1{position:absolute;z-index: 2; width:100%; background: url(images/bg-x-fonce.jpg) 50% 0% repeat-x;}
#bg3{position:absolute;z-index: 3; background: url(images/bg-fix.jpg) 50% 0% no-repeat;}
#bg3_1{position:absolute;z-index: 3; background: url(images/bg-fix-fonce.jpg) 50% 0% no-repeat;}

#wrap-container{position:relative;z-index:4; width: 100%;}
#container{background:url("images/bg0.gif") 50% 50% repeat-y; margin:0 auto;	text-align: left;}
#content{background: url(images/bg-content.jpg) 50% 50% repeat-y; padding: 0 1px;width: 906px;}
#content1{background: url(images/content-bg-x.jpg) 50% 0% repeat-x;	min-height: 40px; height: auto!important;height: 40px;}

/* ===| II. HEADER ELEMENTS |================================================*/
#site-header.outter{/*background:url("images/header.jpg") 50% 0 no-repeat;*/}
#site-header .inner{}

/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter{float:left; margin: 0; overflow: hidden; background: #ffffff url(images/bg-left-col.jpg) no-repeat top left;}
#left-outter1{float:left; margin: 0; overflow: hidden; background: url(images/bg-left-col-y.jpg) repeat-y top left;}
#left-inner{padding: 0 0 0px;	min-height: 566px; height: auto!important;height: 566px; }
#left-inner1{padding: 0 0 0px;	min-height: 566px; height: auto!important;height: 566px; background: url(images/bg-left-col1.jpg) no-repeat top left; }

#encart-recherche{
  width: 224px;
  height: 124px;
	float: left;
	background: url(images/encart-recherche.jpg) no-repeat top left;
	padding: 53px 39px 0 39px;
}

#contact-info{
  width: 224px;
  height: 60px;
	float: left;
	background: url(images/coordonnees.jpg) no-repeat top left;
	padding: 58px 39px 0 39px;
}

.info1{ float: left; width: 125px;}
.info2{ float: left; width: 99px;}

#contact-info .mail
{
  float: left;
	padding: 3px 0 0 0;
}


#contact-info p
{
  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #c6dfff; line-height: 18px; text-align: justify;
}



#actualites{
  width: 224px;
  height: 92px;
	float: left;
	background: url(images/actualites.jpg) no-repeat top left;
	padding: 11px 39px 0 39px;
}

#actualites p
{
  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; line-height: 13px; text-align: justify;
}

#actualites .details
{
  float: right;
	padding-top: 4px;
}

#actualites .photo
{
  margin-right:10px; border:1px solid #1a4caa; float:left;
}



#newsletter{
  width: 224px;
  height: 34px;
	float: left;
	background: url(images/newsletter.jpg) no-repeat top left;
	padding: 42px 39px 0 39px;
}


#plan{
  width: 273px;
  height: 55px;
	float: left;
	background: url(images/bg-plan.jpg) no-repeat top left;
	padding: 35px 0px 0 29px;
}

#subcategory{
  width: 224px;
	float: left;
	padding: 11px 39px 0 39px;
	line-height: 14px;
}

/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{	float:left;	margin:0; padding:0; overflow: hidden; background: transparent;}
#right-inner{padding: 0px 19px 0px 0px;}

#contentmerci
{
  margin: 0 0 0 95px;
}


.onglet{ width: 370px; height: 36px;}
.onglet img{ float: left; border:none; float:left;cursor:pointer; margin-right: 5px;}

.contacter
{
  width: 381px;
  height: 17px;
	float: left;
	background: url(../../images/charte/nous-contacter.jpg) no-repeat top left;
	padding: 0 0 0 0;
}

/*====| realisations |=========================*/
#recherche
{
    float:left;
    width: 585px;
    text-align: center;
   /* height:20px;  */
    border-bottom: solid 1px #8AAAD3;
    padding: 10px 0 10px 0px;
    color: #143d84;}


#recherche select
{
  width: 148px; height:17px; border: 1px solid #00193f;color:#143d84;margin: 0px !important;float: left; font-size: 11px;font-family: Arial, Helvetica, sans-serif;
}

#recherche select option
{
 font-size: 11px; font-family: Arial, Helvetica, sans-serif;
}

.buttonRecherche
{
    background: url(../../images/charte/btn-recherche.jpg) no-repeat top left;
		border: none;
    width: 84px;
		height: 20px;
	 	margin-left: 5px;
		float: right;
}

.buttonRechercheOver
{
	background: url(../../images/charte/btn-recherche-over.jpg) no-repeat top left;
	border: none;
	width: 84px;
  cursor: pointer;
	height: 20px;
	margin-left: 5px;
	float: right;
}


.box-top{ background: url(../../images/charte/box-top.jpg) no-repeat top left; height: 10px; width: 584px; float: left; }
.box-middle{ background: url(../../images/charte/box-middle.jpg) repeat-y top left;  float: left;width: 584px; }
.box-bottom{ background: url(../../images/charte/box-bottom.jpg) no-repeat top left; height: 10px; float: left;width: 584px;}


.encart
{
  height: 126px;
	width: 267px;
	float: left;
	background: url(../../images/charte/encart.jpg) no-repeat top left;
	padding: 10px 10px 0px 10px;
	line-height: 12px;
}
.encart-title {float: left; width: 435px; padding-right: 10px;}
.encart-title p{ color: #03256c !important; text-align: left; line-height: 16px;}
.thumbnail-holder{padding: 0px 10px 0px 10px;width: 115px; height: 115px;float: left;}


.thumbnail{width: 115px;height: 115px;}

#pagination
{
    margin-top:5px;
    text-align: center;
    padding:5px 0;
    border-top:solid 1px #55cb3c;
    font-weight: bold;
    width:600px;
    float:left;
}

#pagination  a:link, #pagination  a:visited { text-decoration:none !important; color: #fe6203 !important; padding: 0px;}
#pagination  a:hover,#pagination  a:active{color: #000000 !important;text-decoration: none !important;}

/* ================= details poduits ================= */
.img-produit { width: 250px; height: 250px; float: left; margin-right: 10px;}
.ajouter
{
	background: url(../../images/charte/ajouter.jpg) no-repeat top left;
	border: none;
  width: 148px;
	height: 20px;
  margin-right: 5px;
	cursor:pointer;
	float: right;
}
.ajouterOver
{
	background: url(../../images/charte/ajouter-over.jpg) no-repeat top left;
	border: none;
  width: 148px;
	height: 20px;
  cursor: pointer;
  margin-right: 5px;
	cursor:pointer;
	float: right;
}

.inputQ
{
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: normal;
  font-size:11px;
  padding: 2px;
	/*margin: 3px 0 0 0px; */
	width:30px;
  color:#303030;
  border: 1px solid #4d4a44;
	background: transparent;
	float:left;
	height:13px;
}
.inputQOver
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
  font-size:11px;
 	padding: 2px;
	width: 30px;
	height:13px;
  color: #143d84;
  border: 1px solid #143d84;
	background: transparent;
  float:left;
}






/* ===| V. FOOTER BOXES |=====================================================*/

#wrap-footer {position:relative; z-index: 4; width: 100%; text-align: left;}
#fwrap1 {position:absolute; z-index: -3; left:0; width:100%;}
#fwrap2 {position:absolute; z-index: -2; left:0; width:100%;}
#fwrap3 {position:absolute; z-index: -1; left:0;  }

#footer.outter	{ margin: 0 auto; padding: 0px;min-height: 77px; height: auto!important;height: 77px; width:908px;}
#footer .inner	{background: url(images/bg-footer.jpg) no-repeat 100% 0%; float: left;  }

.digitalage
{
    float: left;
    padding-left: 20px;
    padding-top: 29px;
    width: 283px;
		height: 49px;
		line-height: 18px;
}

#menu2
{
    float: right;
    padding: 29px 20px 0 0px;
    width: 585px;
    text-align: right !important;
		line-height: 18px;
}
.copyright
{
    float: right;
    padding:0px 20px 0 0px;
    width: 585px;
}

/* ===| VI. OTHER ELEMENTS |====================================================*/
img {border: 0;}

#menu2 ul li{display: inline;}

.separator{width:100%;height:26px; clear:both; padding:0; margin: 0px;  line-height: 0px; font-size: 0; background: url(../../images/charte/separator.jpg) repeat-x 50% 50%;}
.separator1{width:100%;height:44px; clear:both; padding:0; margin: 0px;  line-height: 0px; font-size: 0; background: url(../../images/charte/separator1.jpg) repeat-x 50% 52%;}
.separator2{width:100%;height:46px; clear:both; padding:0; margin: 0px;  line-height: 0px; font-size: 0; background: url(../../images/charte/separator1.jpg) repeat-x 50% 55%;}
/* =================== panier ================= */
#panier_panel{
  background: #154398;
	border: 2px solid #fff;
  width: 150px;
	color: #fff;
	padding: 4px 10px;
	position: absolute;
	z-index: 99999;
	margin: -2px 0 0 660px;
	line-height: 16px;
}

#panier_panel strong{
  color: #8fb0ed; }

  .panier_row{
  background: #184C97;
	border: 2px solid #fff;
	color: #fff;
	padding: 5px 10px;
	margin: 0px 0 0 0px;
	float: left;
}
  .panier_row1{
  background: #8AAAD3;
	border: 2px solid #fff;
	color: #fff;
	padding: 10px 10px;
	margin: 0px 0 0 0px;
	float: left;
}

.details_row{
  background: #a0bada;
	border: 2px solid #fff;
	color: #04296e;
	padding: 10px 10px;
	margin: 0px 10px 0px 0px;
	float: left;
	width: 290px;
}

.paiement-cheque
{
    background: url(../../images/charte/paiement-cheque.jpg) no-repeat top left;
		border: none;
    width: 240px;
		height: 27px;
		float: left;
        margin-right: 3px;

}

.paiement-cheque-over
{
	background: url(../../images/charte/paiement-cheque-over.jpg) no-repeat top left;
	border: none;
	width: 240px;
  cursor: pointer;
	height: 27px;
	float: left;
    margin-right: 3px;

}

.paiement-bancare
{
    background: url(../../images/charte/paiement-bancare.jpg) no-repeat top left;
		border: none;
    width: 240px;
		height: 27px;
		float: left;

}

.paiement-bancare-over
{
	background: url(../../images/charte/paiement-bancare-over.jpg) no-repeat top left;
	border: none;
	width: 240px;
  cursor: pointer;
	height: 27px;
	float: left;

}

.btnCopierFacturation
{
    background: url(../../images/charte/adresse-facturation.jpg) no-repeat top left;
		border: none;
    width: 218px;
		height: 20px;
		float: right;
		margin-right: 3px;
}

.btnCopierFacturationOver
{
	background: url(../../images/charte/adresse-facturation-over.jpg) no-repeat top left;
	border: none;
	width: 218px;
  cursor: pointer;
	height: 20px;
	float: right;
	margin-right: 3px;
}

.btnCopierLivraison
{
    background: url(../../images/charte/adresse-livraison.jpg) no-repeat top left;
		border: none;
    width: 218px;
		height: 20px;
		float: right;
		margin-right: 3px;
}

.btnCopierLivraisonOver
{
	background: url(../../images/charte/adresse-livraison-over.jpg) no-repeat top left;
	border: none;
	width: 218px;
  cursor: pointer;
	height: 20px;
	float: right;
	margin-right: 3px;
}


.pagination
{
    float:left;
    width: 100%;
}
.pagination  p
{
  	height: 18px;
	padding-top: 2px;
	color: #b059ac;
}

.pagination a:link, .pagination a:visited
{
	text-decoration: none;
	color: #254588 !important;
	padding:1px 3px;
	background-color: #d4dff0;
	margin-right: 4px;
	border: solid 1px #acb7cf;
}
.pagination a:hover, .pagination a:active
{
  text-decoration: none;
  color: #fff !important;
	padding:1px 3px;
	background-color: #03256C;
	margin-right: 4px;
	border: solid 1px #254588;
}


.tabcurrent
{
  text-decoration: none;
  color: #254588;
	padding:1px 3px;
	background-color: #fff;
	margin-right: 4px;
	border: solid 1px #254588;
}


.disabled
{
    color:#254588;
    padding: 1px 3px;
    background-color: #ffffff  !important;
    font-weight:bold;
		margin-right: 4px;
		border: solid 1px #fff;
}

.active
{
  color: #254588 !important;
	background-color: #d4dff0;
	margin-right: 4px;
	 text-decoration: none;
	padding:1px 3px;
    	border: solid 1px #254588;
}

#popup
{
  float:left; padding: 20px 0px 0 20px;
	height: 180px;
}

.Style3
{
  font-weight: bold;
	color: #4c3e33;
}

.txtitre1
{
	font-weight: bold;
	color: #4c3e33;
	font-size: 14px;
}

.txtitre2
{
	font-weight: bold;
	color: #4c3e33;
	font-size: 12px;
}
.txt1
{
 font-weight: bold;
	color: #4c3e33;
	font-size: 12px;
    width: 100%;
    float: right;
    text-align: center;
}


  .achat{
  background: #3160AE;
	border: 2px solid #fff;
	color: #fff;
	padding: 5px 10px;
	margin: 0px 0 0 0px;
	float: left;
  width: 95%;
}

  .achat1{
	color: #fff !important;
	margin: 0px 0 0 95px;
}






.buttonS
{
    background:  url(../../images/charte/supprimer.jpg) no-repeat top left;
	border: none;
  width: 190px;
	height: 27px;
}
.buttonSover
{
    background:url(../../images/charte/supprimer-over.jpg) no-repeat top left;
	border: none;
  width: 190px;
	height: 27px;
    cursor: pointer;
}