/* CSS Document */
body { background:#F7FAFB url(../images/commun/fond.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:#FFFFFF url(../images/commun/haut.gif) no-repeat top left;}
.haut2 { background:#FFFFFF url(../images/commun/haut_en.gif) no-repeat top left;}
.coeur { background:#FFFFFF;}
.bas { background:#FFFFFF url(../images/commun/basdepage.gif) no-repeat top left;}
.ombregauche { background:#F7FAFB url(../images/commun/fond_ombre_gauche.gif) repeat-y top left;}
.ombredroite { background:#F7FAFB url(../images/commun/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/commun/fond_accueil.gif) no-repeat top left;}
.fondpages { background:#F3F9FC url(../images/commun/fond_pages.gif) repeat-y top left;}

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

/* TYPO ******************************/
a { text-decoration:underline; color:#1C5E84;}
a:hover { text-decoration:none; color:#1C5E84;}
.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;}
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 {
      float:left;
      line-height:20px;
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:10px;
	  color:#115B85;
      }
    #menuonglets ul {
	  margin:0;
	  padding:0;
	  list-style:none;
      }
    #menuonglets li {
      display:inline;
      margin:0;
      padding:0;
      }
    #menuonglets a {
      float:left;
      background:url(../images/menu/left.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 10px;
      text-decoration:none;
      }
    #menuonglets a span {
      float:left;
      display:block;
      background:url(../images/menu/right.gif) no-repeat right top;
      padding:5px 12px 0 3px;
	  color:#115B85;
      }
    /* 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 -25px;
      }
    #menuonglets a:hover span {
      background-position:100% -25px;
      }
	/* etat clique */
	#menuonglets .clic{
	background-position:0% -25px;
	}
	#menuonglets .clic span {
	background-position:100% -25px;
	color:#E41A22;
	}

    #menuonglets2 {
      float:left;
      line-height:20px;
	  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/menu/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/menu/right2.gif) no-repeat right top;
      padding:5px 15px 0 3px;
	  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; }

.ss { padding-left:29px; line-height:16px; color:#1C5E84;
font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px;}
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 22px 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;
}

/* 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;
}

/* Info Dfilante */
#infodefil {
	position: absolute;
	padding: 1px 25px 0 10px;
	z-index: 1;

	width: 600px;
	height: 20px;
	margin-left:10px;
	bottom: 0;
	overflow: hidden;
	top:90px;
}
#infodefil #defilant {
	height: 20px;
	margin: 2px;
	border: 0;

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

#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:440px;
	height:285px;
	left : 50%;
	top : 50%;
	margin:-280px 0 0 -78px;
	padding: 165px 0 0;
	z-index:14;
	color:#E71B23;
	visibility: hide;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;
	background:url(../images/divers/fondPopUp.png) no-repeat top left;
}

#pagination {
  float: right;
  margin-right: 20px;
  padding: 2px 10px 0 0;
  background:url(../images/recherche/fond_pagination.gif) no-repeat right top;
  height:20px;
}
#pagination a.lienprecedent {
	padding-left : 10px;
	background-image : url(../images/recherche/picto_precedent.gif);
	background-position : left;
	background-repeat : no-repeat;
}
#pagination a.liensuivant {
	padding-right : 10px;
	background-image : url(../images/recherche/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/catalogue/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/catalogue/bg_prix_destock.gif) no-repeat 0 0;
  line-height:19px;
  padding-left:7px;
  width:145px;
}

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

#nv_prix_destock {
  background:transparent url(../images/catalogue/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;
}


/* LIENS COULEURS ******************************/
.txtViolet a{ font-weight:bold; text-decoration: none; color:#63477a;}
.txtViolet a:hover { font-weight:bold;text-decoration: underline; color:#63477a;}

.txtVertClair a{ font-weight:bold; text-decoration: none; color:#6caf3b;}
.txtVertClair a:hover { font-weight:bold; text-decoration: underline; color:#6caf3;}

.txtOrange a{ font-weight:bold; text-decoration: none; color:#f87610;}
.txtOrange a:hover { font-weight:bold; text-decoration: underline; color:#f87610;}

.txtGrisClair a{ font-weight:bold; text-decoration: none; color:#808080;}
.txtGrisClair a:hover { font-weight:bold; text-decoration: underline; color:#808080;}

.txtVertFonce a{ font-weight:bold; text-decoration: none; color:#319a40;}
.txtVertFonce a:hover { font-weight:bold; text-decoration: underline; color:#319a40;}

.txtRouge a{ font-weight:bold; text-decoration: none; color:#ff0000;}
.txtRouge a:hover { font-weight:bold; text-decoration: underline; color:#ff0000;}

.txtRose a{ font-weight:bold; text-decoration: none; color:#e93ea8;}
.txtRose a:hover { font-weight:bold; text-decoration: underline; color:#e93ea8;}

.txtGrisFonce a{ font-weight:bold; text-decoration: none; color:#333333;}
.txtGrisFonce a:hover { font-weight:bold; text-decoration: underline; color:#333333;}

.txtMarron a{ font-weight:bold; text-decoration: none; color:#775121;}
.txtMarron a:hover { font-weight:bold;text-decoration: underline; color:#775121;}

.txtJaune a{ font-weight:bold; text-decoration: none; color:#ff9900;}
.txtJaune a:hover { font-weight:bold; text-decoration: underline; color:#ff9900;}

.txtTurquoise a{ font-weight:bold; text-decoration: none; color:#2f8f9c;}
.txtTurquoise a:hover { font-weight:bold; text-decoration: underline; color:#2f8f9c;}

.txtBleu a{ font-weight:bold; text-decoration: none; color:#4e7ec4;}
.txtBleu a:hover { font-weight:bold; text-decoration: underline; color:#4e7ec4;}

.txtIndex a{ font-weight:bold; text-decoration: none; color:#1c5e84;}
.txtIndex a:hover { font-weight:bold; text-decoration: underline; color:#1c5e84;}


/* Actualités */

.imageActu{
	float:left;
	background:transparent url(../images/divers/back_img_news.png) no-repeat 0 0;
	height: 150px;
	width: 150px;
	padding: 10px 0 0 0;
	text-align: center;
	vertical-align: center;
	margin-right: 15px;
}

.imageActu img{
	border : 0;
}


.imageDetailActu{
	float:left;
	padding-right: 20px;
}
.fichierActu{
background:transparent url(../images/divers/pdf.png) no-repeat 0 0;
float:left;
padding-left: 41px;
padding-right: 20px;
min-height:17px;
}
.texteActu{
padding-bottom: 10px;
}

.overActu{
	overflow: hidden;
}
.titreActu{
	font-weight:bold;
	padding-bottom: 5px;
	font-size: 13px;
}
#titreActu{
	padding-top: 15px;

}
.titreActu a, .titreActu{
	color:#FE8D01;
	text-decoration:none;
}

.titreActu a:hover{
	text-decoration:underline;
}


#lireActu{
  background:transparent url(../images/divers/fond_actus.png) no-repeat 0 0;
  width:230px;
  height:60px;
  padding-bottom:5px;
  margin-bottom:5px
}
#lienActu{
	background:transparent url(../images/divers/puce_actus.gif) no-repeat 0 0;
	margin-left: 72px;
	margin-top: 30px;
	padding-left: 20px;
}

#lienActu a{
  color:#FF8005;
  text-decoration: underline;
  font-weight:bold;
  padding-bottom:5px;
}

#lienActu a:hover{
  text-decoration: none;
}

#reseauxSoc{
	padding: 10px 0 0 72px;
}
.fbTw{
	float:left;
	padding-right: 5px;
}

.pointillesActu { 
	padding-top:13px;
	padding-bottom:13px;
	background:url(../images/divers/pointilletActu.gif) repeat-x bottom left;
}

#AucuneActu{
	padding: 50px 0 0 150px;
	font-weight:bold;
	font-size:12px;
}
#archive{
	margin: 20px 0 10px; 
	background:url(../images/divers/archives.png) no-repeat 0 0;
	width:672px;
	height:41px;
}

.imageArchi{
	float:left;
	padding-right: 15px;
}

.imageArchi img{
	border : 0;
}

.dateArchi{
	color:#808080;
}

.titreArchi a {
	color:#808080;
	text-decoration: none;
}

.titreArchi a:hover{
	color:#808080;
	text-decoration: underline !important;
}
.archiDiv{
	float: left;
    margin-right: 40px;
    width: 280px;
	min-height: 80px;
}
.contentArchi{
	overflow:hidden;
}

#AutresArticles{
	margin : 20px 0;
}

.articleActu{
padding-bottom: 25px;
}

.addthis_toolbox{
	margin-top: 15px;
}

.RetourActu{
	float: right;
	padding-right: 4px;
}