/*///////////////////////////////////////////////////////////////////////////////////
// STYLE : structure général du site
// Contient les CSS de la structure des pages ainsi que les class générales
/////////////////////////////////////////////////////////////////////////////////////

/////////////////////////////////////////////////////////////////////////////////////
// SOMMAIRE :
// Général
// Structure :
// - Structure site
// - Structure bandeau haut
// - Structure bande de recherche
// Menu principal
// Inscription newsletter
// Menu bas
// Menu intérieur gauche
// Fil d'Ariane
///////////////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////////////////////////////////////////////
// Général
///////////////////////////////////////////////////////////////////////////////////*/
html, body {
	padding:0; margin:0;
	height:100%;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}
img{
	border:0;
}
form{
	margin:0; padding:0;
}
.HM{
	height:100%;
}
.contPositionRelative{
	position:relative;
	clear:both;
}
.contFloatLeft{
	float:left;
}
div.divSeparateurInvisible { /* A utiliser : <div class="divSeparateurInvisible" style="height:20px;"><hr /></div> avec la hauteur souhaitée*/
	/*height:2px;*/
	clear:both;
}
div.divSeparateurInvisible hr {
  display: none;
}
h1#h1TitrePage{
	margin:5px 10px 10px 10px; padding:0;
	font:bold 20px Arial, Helvetica, sans-serif; color:#af0054;
}
h2.h2TitrePage{
	margin:0 10px 10px 10px; padding:0;
	font:italic bold 15px Arial, Helvetica, sans-serif; color:#068601;
}
p.pPage{
	margin:0 10px 10px 10px; padding:0;
	font:normal 13px Arial, Helvetica, sans-serif; color:#000; text-align:justify;
}
p.pPage strong{
	font-weight:bold; color:#af0054;
}
a:link, a:visited{
	font:bold 13px Arial, Helvetica, sans-serif; color:#DF0D73;
}
a:hover, a:active{
	text-decoration:none;
}
/*///////////////////////////////////////////////////////////////////////////////////
// Structure
///////////////////////////////////////////////////////////////////////////////////*/
/* Structure site */
td#tdCellExtGaucheSite{
	background:url(../images/background/fd-cell-extend-gauche-site.jpg) top right;
}
td#tdCellBordGaucheSite{
	width:50px;
	background:url(../images/background/fd-cell-gauche-site.jpg) top;
}
td#tdCellMilieuSite{
	width:900px;
	background:url(../images/background/fd-cell-milieu-site.jpg) no-repeat 0px 139px;
}
td#tdCellBordDroiteSite{
	width:50px;
	background:url(../images/background/fd-cell-droite-site.jpg) top;
}
td#tdCellExtDroiteSite{
	background:url(../images/background/fd-cell-extend-droite-site.jpg) top left;
}
/* Structure bandeau haut */
td#tdCellBandeauHaut{
	width:900px; height:139px;
	background:url(../images/background/fd-cell-bandeau-haut-site.jpg) no-repeat;
}
td#tdCellBandeauHaut div#divRetourAccueil{
	position:absolute; top:0; left:0;
	width:315px; height:100px;
	cursor:pointer;
}
td#tdCellBandeauHaut div#divAccesInfos{
	position:absolute; top:20px; left:695px;
	width:90px;
}
td#tdCellBandeauHaut div#divAccesInfos p{
	margin:0; padding:0;
	text-align:right;
}
td#tdCellBandeauHaut div#divAccesInfosLog{
	position:absolute; top:12px; left:685px;
	width:100px;
}
td#tdCellBandeauHaut div#divAccesInfosLog p{
	margin:0; padding:0;
	text-align:right;
	line-height:5px;
}
td#tdCellBandeauHaut div#divAccesInfos p a:link, td#tdCellBandeauHaut div#divAccesInfos p a:visited, td#tdCellBandeauHaut div#divAccesInfosLog p a:link, td#tdCellBandeauHaut div#divAccesInfosLog p a:visited{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#068601;
}
td#tdCellBandeauHaut div#divAccesInfos p a:hover, td#tdCellBandeauHaut div#divAccesInfos p a:active,td#tdCellBandeauHaut div#divAccesInfosLog p a:hover, td#tdCellBandeauHaut div#divAccesInfosLog p a:active{
	text-decoration:none;
}
td#tdCellBandeauHaut div#divMonPanier{
	position:absolute; top:10px; left:796px;
	width:94px; height:94px;
	cursor:pointer;
}
td#tdCellBandeauHaut div#divMonPanier p{
	font:normal 11px Arial, Helvetica, sans-serif; color:#068601;
	margin:0; padding:30px 8px 0 0;
	text-align:right;
}
/* Structure bande de recherche */
td#tdCellBandeauHaut div#divBandeRecherche{
	position:absolute; top:114px; left:0px;
	width:900px; height:25px;
	background:url(../images/background/fd-cell-recherche-bandeau-haut.jpg) no-repeat;
}
td#tdCellBandeauHaut div#divBandeRecherche div#divInputRecherche{
	margin:4px 0 0 93px;
}
td#tdCellBandeauHaut div#divBandeRecherche input{
	font:normal 11px Arial, Helvetica, sans-serif; color:#000;
	width:198px;
	border:0; background:none;
}
td#tdCellBandeauHaut div#divBandeRecherche div#divLienOkRecherche a {
	display:block; position:absolute; top:0px; left:295px;
  width:25px; height:25px;
  background:url(../images/menu/lien-ok-recherche.png) 0 0 no-repeat;
}
td#tdCellBandeauHaut div#divBandeRecherche div#divLienOkRecherche a:hover {	
  background-position: -25px 0;
}
td#tdCellBandeauHaut div#divBandeRecherche div#divRechercheAvancee {
	position:absolute; top:5px; left:345px;
}
td#tdCellBandeauHaut div#divBandeRecherche div#divRechercheAvancee a:link, td#tdCellBandeauHaut div#divBandeRecherche div#divRechercheAvancee a:visited{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#fff656;
}
td#tdCellBandeauHaut div#divBandeRecherche div#divRechercheAvancee a:hover, td#tdCellBandeauHaut div#divBandeRecherche div#divRechercheAvancee a:active{
	text-decoration:none;
}
td#tdCellBandeauHaut div#divBandeRecherche div#divLienNewsletter a {
	display:block; position:absolute; top:3px; right:3px;
  width:87px; height:19px;
  background:url(../images/menu/lien-newsletter-recherche.jpg) 0 0 no-repeat;
}
td#tdCellBandeauHaut div#divBandeRecherche div#divLienNewsletter a:hover {	
  background-position: -87px 0;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Menu principal
///////////////////////////////////////////////////////////////////////////////////*/
div#divMenuPrincipal ul{
	text-align:center;
	margin:0;
}
div#divMenuPrincipal ul li{
	display:inline;
	margin-left:-4px;
}
div#divMenuPrincipal ul li a:link, div#divMenuPrincipal ul li a:visited{
	font:normal 14px Arial, Helvetica, sans-serif; color:#93841c;	text-transform:uppercase;
	padding:15px 8px 15px 17px;	margin:0 3px 0 3px;
	text-decoration:none;
	border:1px solid #ddf5de;
	background:#FFFFFF url(../images/menu/fond-div-menu-principal.gif) no-repeat 5px 10px;
	line-height:55px;
}
div#divMenuPrincipal ul li a:hover, div#divMenuPrincipal ul li a:active, div#divMenuPrincipal ul li#active a{
	background:#068601 url(../images/menu/fond-div-menu-principal-over.gif) no-repeat 5px 10px;
	color:#fff;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Inscription newsletter
///////////////////////////////////////////////////////////////////////////////////*/
div#divContInscriptionNews{ /* ATTENTION, utilisé à l'accueil et à l'intérieur */
	position:relative; float:left;
	width:128px; height:155px;
	background:url(../images/background/fd-cell-inscription-news-acc.png) no-repeat;
	margin:0 0 0 4px;
}
div#divContInscriptionNews div#divInputInscNews{ /* ATTENTION, utilisé à l'accueil et à l'intérieur */
	position:absolute; top:95px; left:18px;
}
div#divContInscriptionNews div#divInputInscNews input{ /* ATTENTION, utilisé à l'accueil et à l'intérieur */
	font:normal 11px Arial, Helvetica, sans-serif; color:#610506;
	width:92px;
	border:0px; background:none;
}
div#divContInscriptionNews div#divLienOkInscNews a { /* ATTENTION, utilisé à l'accueil et à l'intérieur */
	display:block; position:absolute; top:120px; left:80px;
  width:25px; height:25px;
  background:url(../images/menu/lien-ok-recherche.png) 0 0 no-repeat;
}
div#divContInscriptionNews div#divLienOkInscNews a:hover { /* ATTENTION, utilisé à l'accueil et à l'intérieur */
  background-position: -25px 0;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Menu bas
///////////////////////////////////////////////////////////////////////////////////*/
div#divContMenuBas ul, div#divContMenuBasSupp ul{
	text-align:center;
	padding:0;
	margin:10px 0 0 0;
	width:100%;
}
div#divContMenuBasSupp ul{
	padding-bottom:15px;
}
div#divContMenuBas ul li, div#divContMenuBasSupp ul li{
	display: inline;
}
div#divContMenuBas ul li a, div#divContMenuBasSupp ul li a{
	padding:0 6px 0 6px;
	border-right:1px solid #b4b4b4;
	font:normal 12px Arial,Helvetica,sans-serif;
	color:#888888;
	text-decoration:none;
}
div#divContMenuBasSupp ul li a{
	font-size:11px;
	color:#b4b4b4;
}
div#divContMenuBas ul li a.Bord, div#divContMenuBasSupp ul li a.Bord{
	border:0px;
}
div#divContMenuBas ul li a:hover, div#divContMenuBasSupp ul li a:hover{
	text-decoration:underline;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Menu intérieur gauche
///////////////////////////////////////////////////////////////////////////////////*/
div#divContMenuInterieur{
	position:relative;
	width:140px;
	margin-left:8px;
}
div#divContHautMenuInt{
	width:140px;
	height:15px;
	background:url(../images/background/fd-cell-haut-menu-int.png) no-repeat;
}
div#divContMilieuMenuInt{
	background:#068601;
}
div#divContMilieuMenuInt ul{
	list-style:none;
	padding:0; margin:0;
}
div#divContMilieuMenuInt ul li{
	background:url(../images/picto/ptt-carre-vert-menu-principal.gif) no-repeat 5px 5px;
	padding:0 5px 0 15px;
	margin-bottom:8px;
	line-height:5px;
}
div#divContMilieuMenuInt ul li a:link, div#divContMilieuMenuInt ul li a:visited{
	font:normal 11px Arial, Helvetica, sans-serif; color:#ddf5de;
	text-transform:uppercase; text-decoration:none;
}
div#divContMilieuMenuInt ul li a:hover, div#divContMilieuMenuInt ul li a:active{
	text-decoration:underline;
}
div#divContBasMenuInt{
	width:140px; height:40px;
	background:url(../images/background/fd-cell-bas-menu-int.png) no-repeat;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Fil d'Ariane
///////////////////////////////////////////////////////////////////////////////////*/
td#tdCellFilAriane p{
	font:normal 16px Arial, Helvetica, sans-serif; color:#068601; text-transform:uppercase;
	padding:5px 10px 3px 10px; margin:0;
}
td#tdCellFilAriane p span{
	font-size:12px;
}
td#tdCellFilAriane p strong{
	font-weight:bold; font-size:14px; color:#ed1183;
}