/* CSS Document */
/*

/*body { background:#F7FAFB url(images/fond.gif) repeat-x top left; margin:0px; padding:0px; }*/

bodyy { background:transparent url(images/fond2.gif) repeat-x top left; margin:0px; padding:0px;}

td { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#1C5E84;}
input, select, textarea { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000; border:1px solid #DFDFDF;}
p, form { margin:0; padding:0;}

.haut { background: url(images/hauttt.png) no-repeat top left;}
.haut2 { background:#FFFFFF url(images/haut_en.gif) no-repeat top left;}
.coeur { background:#FFFFFF;}
.bas { background: url(images/basdepage.png) no-repeat top left;}

.ombregauche { background:#F7FAFB url(images/fond_ombre_gauche.gif) repeat-y top left;}
.ombredroite { background:#F7FAFB url(images/fond_ombre_droite.gif) repeat-y top right;}

/* STRUCTURE ******************************/
#conteneur {
width: 981px;
margin:0 auto;
}
#gauchef { display:block}
#droitf { display:block}
#hautp { display:block;}
#gauchep { display:block;}
#basp { display:block;}
#cache1 { display:block;}
#impression { display:block;}
#hautimpression { display:none;}
#basimpression {  display:none;}

/* FONDS ******************************/
.fondaccueil { background:#F3F9FC url(images/fond_accueil.gif) no-repeat top left;}
.fondpages { background:#F3F9FC url(images/fond_pages.gif) repeat-y top left;}

/* POINTILLES ******************************/
.pointillesbleu { padding-bottom:27px;
background:url(images/pointillesbleu.gif) repeat-x bottom left;}

/* TYPO ******************************/
a { text-decoration:underline; color:#1C5E84;}
a:hover {
	text-decoration:none;
	color:#1C5E84;
	text-align: left;
	
}
.verdana { font-family:Verdana, Arial, Helvetica, sans-serif;}
.arial { font-family:Arial, Verdana, Helvetica, sans-serif;}

/* Titre des pages */
H2 { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#1C5E84; display: inline; font-weight: normal;}
H1 { font-size:17px;  margin:0px;}
H3 { font-size:11px;  margin:0px;}

.txt10 { font-size:10px;}
.txt11 { font-size:11px;}
.txt12 { font-size:12px;}
.txt13 { font-size:13px;}
.txt14 { font-size:14px;}
.txt16 { font-size:16px;}
.txt18 { font-size:18px;}



.blanc { color:#FFFFFF;}
a.blanc { color:#FFFFFF;text-decoration:none; }
a.blanc:hover { color:#FFFFFF;text-decoration:underline; }

.blancbas { color:#FDE9E9;}
a.blancbas { color:#FDE9E9;text-decoration:none; }
a.blancbas:hover { color:#FDE9E9;text-decoration:underline; }

.noir { color:#4B4B4B;}
a.noir { color:#4B4B4B;text-decoration:none; }
a.noir:hover { color:#4B4B4B;text-decoration:underline; }

.grisbleu { color:#84A8BE;}
a.grisbleu { color:#84A8BE;text-decoration:underline; }
a.grisbleu:hover { color:#84A8BE;text-decoration:underline; }

.bleu { color:#1C5E84;}
a.bleu { color:#1C5E84;text-decoration:none; }
a.bleu:hover { color:#1C5E84;text-decoration:underline; }

.rouge { color:#E71B23;}
a.rouge { color:#E71B23;text-decoration:none; }
a.rouge:hover { color:#E71B23;text-decoration:underline; }

.lienrouge { color:#E71B23;}
a.lienrouge { color:#E71B23;text-decoration:underline; }
a.lienrouge:hover { color:#E71B23;text-decoration:underline; }

.orange { color:#F18510;}
a.orange { color:#F18510;text-decoration:underline; }
a.orange:hover { color:#F18510;text-decoration:underline; }

.olive { color:#98842C;}
a.olive { color:#98842C;text-decoration:underline; }
a.olive:hover { color:#98842C;text-decoration:underline; }

.marine { color:#477FAE;}
a.marine { color:#477FAE;text-decoration:underline; }
a.marine:hover { color:#477FAE;text-decoration:underline; }

.panier {
	color:#FFFFFF;
	text-align: right;
}
a.panier { color:#FFFFFF;text-decoration:underline; }
a.panier:hover { color:#FFFFFF;text-decoration:underline; }

.chemin { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#1C5E84;}
.cheminrouge { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#EE1C23; font-weight:bold;}
.flash { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#767373;}

/* ELEMENT DE MISE EN PAGE ******************************/
.interligne5px { padding-top:5px;}
.interligne7px { padding-top:7px;}

/* MENU */
    .acces {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#115B85;}
	a.acces { color:#115B85;text-decoration:none; }
	a.acces:hover { color:#E41A22;text-decoration:none; }
    #menuonglets {
 	/* line-height:20px;*/
      line-height:35px;
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:10px;
	  color:#FFF;
font-weight:bold;
	
	 }
    #menuonglets ul {
	  margin:0;
	  padding:0;
	  list-style:none;
      }
    #menuonglets li {
      display:inline;
      margin:0;
      padding:0;
      }
    #menuonglets a {
      
	  
	  float:left;
      margin:0;
      padding:0 0 0 24px;
	  
	  background:url(images/leftt.gif) no-repeat left top;
      text-decoration:none;
      }
    #menuonglets a span {
      float:left;
      display:block;
      background:url(images/rightt.gif) no-repeat right top;
      padding:0px 15px 0 0px;
	  color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menuonglets a span {float:none;}
    /* End IE5-Mac hack */
    #menuonglets a:hover span {
      color:#E41A22;
    
	
	
	}
    #menuonglets a:hover {
     /* background-position:0 -35px;*/
      
	  
	  padding:0 0 0 24px;
	 background:url(images/leftt_kirmizi.gif) no-repeat left top;
	 
	 }
    #menuonglets a:hover span {
	/*background-position:100% -35px;*/
	color: #FFF;
    display:block;
   
	background:url(images/rightt_kirmizi.gif) no-repeat right top;
    padding:0px 15px 0 0px;
	  
	  }
	/* etat clique */
	#menuonglets .clic{

	    padding:0 0 0 24px;
	  background:url(images/leftt_kirmizi.gif) no-repeat left top;
	
	
	}
	#menuonglets .clic span {
	
	color: #FFF;
        display:block;
      background:url(images/rightt_kirmizi.gif) no-repeat right top;
      padding:0px 15px 0 0px;
	  
	
	}

    #menuonglets2 {
      float:left;
      line-height:35px;
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:10px;
	  color:#115B85;
      }
    #menuonglets2 ul {
	  margin:0;
	  padding:0;
	  list-style:none;
      }
    #menuonglets2 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #menuonglets2 a {
      float:left;
      background:url(images/left2.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 13px;
      text-decoration:none;
      }
    #menuonglets2 a span {
      float:left;
      display:block;
      background:url(images/right2.gif) no-repeat right top;
      padding:5px 15px 0 0px;
	  color:#115B85;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menuonglets2 a span {float:none;}
    /* End IE5-Mac hack */
    #menuonglets2 a:hover span {
      color:#E41A22;
      }
    #menuonglets2 a:hover {
      background-position:0 -25px;
      }
    #menuonglets2 a:hover span {
      background-position:100% -25px;
      }
	/* etat clique */
	#menuonglets2 .clic{
	background-position:0% -25px;
	}
	#menuonglets2 .clic span {
	background-position:100% -25px;
	color:#E41A22;
	}

/* SOUS MENU */
.soff { padding-top:1px; padding-left:26px; line-height:19px; color:#1C5E84;
font-family:Arial, Verdana, Helvetica, sans-serif; font-size:10px; }
a.soff { color:#1C5E84;text-decoration:none; }
a.soff:hover { color:#1C5E84;text-decoration:none; }

.son { padding-top:1px; padding-left:29px; line-height:19px; color:#FFFFFF;
font-family:Arial, Verdana, Helvetica, sans-serif; font-size:10px; }
a.son { color:#FFFFFF;text-decoration:none; }
a.son:hover { color:#FFFFFF;text-decoration:none; }


a.ssoff { color:#1C5E84;text-decoration:none; }
a.ssoff:hover { color:#1C5E84;text-decoration:underline; }
a.sson { font-weight:bold;color:#1C5E84;text-decoration:none; }
a.sson:hover { font-weight:bold;color:#1C5E84;text-decoration:underline; }

#edito {padding:9px 9px 9px 0;}
#edito a { cursor:text; color:#1C5E84;text-decoration:none; }
#edito a:hover { color:#1C5E84;text-decoration:none; }


/* CATEGORIES ET TITRAGES */
.cat { font-weight:bold; }

.fichetitre { }
a.fichetitre { text-decoration:none; }
a.fichetitre:hover { text-decoration:underline; }

.fichefond { color:#FFFFFF;
padding-left:5px;
padding-right:5px;
}
.ficheligne { border-bottom: 1px solid;}

/* CATALOGUE */
.case1 {
border-right: #FFFFFF 1px solid;
padding-left:5px;
padding-right:5px;
padding-top:2px;
padding-bottom:2px;
white-space: nowrap;
}
.case2 {
background:#FFFFFF;
border-right: #FFFFFF 1px solid;
padding:2px 3px;
color:#E60009;
}
#case a { cursor:text; color:#f00;text-decoration:none; }
/* PANIER */
.libelle {
background:#D6E6F1;
border-top: #FFFFFF 5px solid;
border-right: #FFFFFF 1px solid;
border-bottom: #FFFFFF 2px solid;
padding-left:5px;
padding-right:1px;
padding-top:1px;
padding-bottom:2px;
}
.valeur {
background:#EFF5F9;
border-bottom: #D6E6F1 1px solid;
padding-left:5px;
padding-right:5px;
padding-top:3px;
padding-bottom:5px;
font-size:11px;
}
.totaux {
border-bottom: #D6E6F1 1px solid;
padding-left:5px;
padding-right:5px;
padding-top:3px;
padding-bottom:5px;
font-size:11px;
}
.net {
background:#E71B23;
padding-left:7px;
padding-right:33px;
padding-top:2px;
padding-bottom:2px;
color:#FFFFFF;
font-size:11px;
}

#msg_err {
	color : #ff0000;
	font-size : 16px;
	font-weight : bold;
	text-align : center;
	margin: 20px 0;
}


/* tel */

#telefon {
	position: absolute;
	margin-left:325px;
	top:7px;
	overflow: hidden;
}




/* Info Défilante */

#infodefil {
	position: absolute;
	padding: 1px 25px 0 10px;
	z-index: 1;
	width: 580px;
	height: 20px;
	margin-left:10px;
	bottom: 0;
	overflow: hidden;
	top:107px;

}

#uye {
	position: absolute;
	top:0px;
	overflow: hidden;
	top:400px;
	padding: 0px 20px 0px 0px;
}

#infodefil #defilant {
	height: 20px;
	margin: 2px;
	border: 0;

	position: absolute;
	margin: 0 10px;
	white-space: nowrap;
	display: none;
}
/* Fin Info Défilante */

#list_caract {
    margin-left: 0;
    padding-left: 15px;
}
#list_caract li {
	margin-bottom: 3px;
}

.invalidInput{ border:1px solid #f00; } /* Style for invalid input */
.validInput{ border:1px solid #DFDFDF; }	/* Style for valid input */

/* DIV suite ajout panier */
#ajoutpanier {
	position:absolute;
	width:225px;
	height:112px;
	left : 50%;
	top : 50%;
	margin : -70px 0 0 -135px;
	padding: 31px 27px 0 27px;
	z-index:14;
	color:#E71B23;
	visibility: hide;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;
	background:url(images/fond_div.gif) no-repeat top left;
}

#pagination {
  float: right;
  margin-right: 20px;
  padding: 2px 10px 0 0;
  background:url(images/fond_pagination.gif) no-repeat right top;
  height:20px;
}
#pagination a.lienprecedent {
	padding-left : 10px;
	background-image : url(images/picto_precedent.gif);
	background-position : left;
	background-repeat : no-repeat;
}
#pagination a.liensuivant {
	padding-right : 10px;
	background-image : url(images/picto_suivant.gif);
	background-position : right;
	background-repeat : no-repeat;
}

#conteneur1 {
	position: relative;
	height:100%;
	vertical-align: top;
	padding-left:3px;
	padding-right:15px;
}

#prix {
	position: absolute;
	bottom: 10px;
	left: 0;
}


#promo {
  text-decoration:line-through;
  background:transparent url(images/bg_prix_promo.gif) no-repeat 0 0;
  line-height:19px;
  padding-left:7px;
  width:145px;
}

#destock {
  text-decoration:line-through;
  background:transparent url(images/bg_prix_destock.gif) no-repeat 0 0;
  line-height:19px;
  padding-left:7px;
  width:145px;
}

#nv_prix {
  background:transparent url(images/bg_nv_prix.gif) no-repeat 0 0;
  line-height:17px;
  padding-left:7px;
  width:145px;
}

#nv_prix_destock {
  background:transparent url(images/bg_nv_prix_destock.gif) no-repeat 0 0;
  line-height:17px;
  padding-left:7px;
  width:145px;
}
.case_promo {
background:#f6e31a;
border-right: #f6e31a 1px solid;
padding:2px 3px;
color:#E60009;
font-weight: bold;
}

.case_destock {
background:#bbf15d;
border-right: #bbf15d 1px solid;
padding:2px 3px;
color:#E60009;
font-weight: bold;
}

.text_promo {
  margin-top: 10px;
  color:#F6E31A;
  font-weight: bold;
}
.text_destock {
  margin-top: 10px;
  color:#287F16;
  font-weight: bold;
}
/******* FORM *******/
#customForm{
	padding: 0 10px 10px;
}
#customForm label{
	display: block;
	color: #797979;
	font-weight: 700;
	line-height: 1.4em;
}
#customForm input{
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000; border:1px solid #DFDFDF;
}
#customForm input.error{
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; border:1px solid #e77776;
	background: #f8dbdb;
	border-color: #e77776;
}
#customForm textarea{
	width: 550px;
	height: 80px;
	padding: 6px;
	color: #adaeae;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-style: italic;
	font-size: 12px;
	border: 1px solid #cecece;
}
#customForm textarea.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#customForm div{
	margin-bottom: 15px;
}
#customForm div span{
	margin-left: 10px;
	color: #b1b1b1;
	font-size: 11px;
	font-style: italic;
}
#customForm div span.error{
	color: #e46c6e;
}
#customForm #send{
	background: #6f9ff1;
	color: #fff;
	font-weight: 700;
	font-style: normal;
	border: 0;
	cursor: pointer;
}
#customForm #send:hover{
	background: #79a7f1;
}
#error{
	margin-bottom: 20px;
	border: 1px solid #efefef;
}
#error ul{
	list-style: square;
	padding: 5px;
	font-size: 11px;
}
#error ul li{
	list-style-position: inside;
	line-height: 1.6em;
}
#error ul li strong{
	color: #e46c6d;
}
#error.valid ul li strong{
	color: #93d72e;
}
/******* /FORM *******/

/*eski tab meni*/
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 2px solid #D6E6F1;

background: white url(images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{

}

.shadetabs li a:hover{
text-decoration: underline;
color: #E41A22;


}

.shadetabs li.selected{
position: relative;
bottom: 4px;
color: #E41A22;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(images/shadeactive.gif);
border-bottom-color: white;
color: #E41A22;
      
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;

}

.contentstyle{
border: 1px solid #D6E6F1;
width: 635px;
margin-bottom: 1em; padding: 10px;
}

/*eski tab menu bitti*/


/*yeni tab menu*/



#tabmenu {
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
	}

#tabmenu li {
display: inline;
margin: 0;
	}

#tabmenu a, a.active {
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 3px solid #D6E6F1;

	}

#tabmenu a.active {
color:#F00;
border-bottom: 5px solid #E41A22;
	}

#tabmenu a:hover {
text-decoration: underline;
color: #E41A22;
	}

#tabmenu a:visited {
position: relative;
bottom: 4px;
color: #E41A22;
	}

#tabmenu a.active:hover {
background-image: url(images/shadeactive.gif);
border-bottom-color: white;
color: #E41A22;
      
	}

#content {
border: 1px solid #D6E6F1;
width: 635px;
margin-bottom: 1em; padding: 10px;
	}

#content a {
	text-decoration: none;
	color: #E8E9BE;
	}

#content a:hover {
text-decoration: none;
	}
	
#content p{margin:10px 0px;}

#content ol li{
	font: 12px verdana, sans-serif;
	text-align: justify;
	color: #000000;
	margin-left:20px;
}
	
#preloader {


	padding-top: 15px;

	background-color: #FFFFFF;

	}


/*yeni tab menu bitti*/
/*açilir menu*/


.arrowsidemenu{
	width: 240px;

border: 1px solid #d0e2ed;
border-bottom-width: 0;


}

.ss { 
background:url(images/centik2.gif) no-repeat 0 0; display:block; font-size:10px; line-height:30px; padding:0 0 0 19px; text-decoration:none;

}

.arrowsidemenu div a{ /*header bar links*/

text-transform:uppercase;

background:url(images/arrowgreensil.gif) no-repeat 0 0; display:block; font-size:10px; line-height:30px; padding:0 0 0 19px; text-decoration:none;
 /*Set to height of bg image-padding within link (ie: 32px - 4px - 4px)*/
}
	
.arrowsidemenu div a:link, .arrowsidemenu div a:visited{

	
}


.arrowsidemenu div a:hover{
background-position: 100% -30px !important;

}

.arrowsidemenu div.unselected a{ /*header that's currently not selected*/
	colorz: white;

}

	
.arrowsidemenu div.selected a{ /*header that's currently selected*/
	
background-position: 100% -60px !important;



}

.arrowsidemenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.arrowsidemenu ul li{
	border-bottom: 1px solid #a1c67b;
	height: 18px; /*Set to height of bg image-padding within link (ie: 32px - 4px - 4px)*/

}


.arrowsidemenu .yeni a{ /*sub menu links*/

text-transform:uppercase;

background:url(images/centik2.gif) no-repeat 0 0; color:#000; display:block; font-size:10px; line-height:30px; padding:0 0 0 50px; text-decoration:none;

}

.arrowsidemenu .yeni a:hover{
	/*background: #d5e5c1;  */
background:transparent url(images/centik2.gif) repeat 0 0; white-space:nowrap; 
}

.arrowsidemenu .kategori3 a{ /*sub menu links*/

text-transform:uppercase;

background:url(images/centik2.gif) no-repeat 0 0; color:#000; display:block; font-size:10px; line-height:30px; padding:0 0 0 70px; text-decoration:none;
background-position: 100% -70px !important;
}

.arrowsidemenu .kategori3 a:hover{
	/*background: #d5e5c1;  */
background:transparent url(images/centik3.gif) repeat 0 0; white-space:nowrap; 


}

.arrowsidemenu .kategori4 a{ /*sub menu links*/

text-transform:uppercase;

background:url(images/centik2.gif) no-repeat 0 0; color:#000; display:block; font-size:10px; line-height:30px; padding:0 0 0 50px; text-decoration:none;

}

.arrowsidemenu .kategori4 a:hover{
	/*background: #d5e5c1;  */
background:transparent url(images/centik2.gif) repeat 0 0; white-space:nowrap; 
}


/* açilir menü bitti */

/*************************************************************************************
 * Colonne de gauche
 *************************************************************************************/ 
#aside								{ float:left; padding:0 15px 0 25px; width:188px; }
.mainMenu p						{ background:transparent url(/images/fr-FR/menu/bg_top_menu.gif) no-repeat 0 0; color:#fff; font-weight:700; line-height:20px; margin:0 0 3px; text-align:center; }
.mainMenu div .li,
.mainMenu li					{ position:relative; z-index:1000;}
.mainMenu a						{ background:url(images/bg_menu_item.gif) no-repeat 0 0; color:#000; display:block; font-size:10px; line-height:30px; padding:0 0 0 19px; text-decoration:none; }
.submenu							{ background:transparent url(images/bg_menu_subitem.gif) repeat 0 0;left:188px; position:absolute; top:0; z-index:1000; width:auto; border:0px solid red;}
.submenu div .li,
.submenu li						{ background:transparent url(images/bg_menu_subitem.gif) repeat 0 0;white-space:nowrap; width:100%; }
.submenu a						{ white-space:nowrap; background-color:#fc0; background:url(/images/fr-FR/menu/bg_menu_subitem.gif) repeat 0 0; padding:0 9px 0 10px; }
.submenu .submenu			{ white-space:nowrap; left:184px; position:absolute; top:0; }
.submenu .submenu div .li,
.submenu .submenu li	{ background:transparent url(images/bg_menu_subitem.gif) repeat 0 0;white-space:nowrap; }
.submenu .submenu a,
.nosubitems					{ white-space:nowrap; background-color:#fc0; background:url(images/bg_menu_subitem.gif) no-repeat 0 0; }
.nosubitems					{ white-space:nowrap; }