﻿
/* Accueil */


/* CSS Document */


/*
  USAGE: All you have to do is include this one line in your CSS file, with the
  tag names to which you want the script applied:
 

img, div
{
	behavior: url(/Script/iepngfix.htc);
}
img, td
{
	behavior: url(/Script/iepngfix.htc);
}


  Alternatively, you can specify that this will apply to all tags like so:
   * { behavior: url(iepngfix.htc) }
 */


.ap_centre
{
	z-index: 2;
	position: absolute;
	left: 50%;
	width: 68px;
	height: 100%;
	margin-left: -271px;
	background-repeat: repeat-y;
	background-position: left top;
	background-image: url(Images/Accueil/ap_centre.jpg);
}
.ap_bord
{
	z-index: 3;
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(Images/Accueil/ap_bord.jpg);
	position: absolute;
	width: 100%;
	height: 23px; /*height:788px;*/
	top: 205px; /*margin-top:-394px;*/
}
.ap_illustration
{
	z-index: 4;
	background-image: url(Images/Accueil/ap_illustration.png);
	background-repeat: no-repeat;
	background-position: top center;
	position: absolute;
	width: 100%;
	height: 100%;
}
.bande_couleur
{
	width: 68px;
	background-repeat: repeat-y;
	background-position: left top;
	background-image: url(Images/Accueil/bande_couleur.jpg);
}
.bande_1_couleur
{
	background-color: #97690e;
	height: 23px;
}
.bouton_tetiere
{
	vertical-align: bottom;
	height: 143px;
}
.bottom
{
	z-index: 8;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #d3ba83;
	width: 100%;
	text-align: center;
	bottom: 20px;
}
.bouton_ecatalogue
{
	z-index: 15;
	position: absolute;
	top: 124px;
	right: 17px;
}
.contenu
{
	z-index: 8;
	background-color: #6f4c24;
}

.contenu_dynamique
{
	z-index: 8;
	width: 685px;
	background-color: #ffffff;
	vertical-align: top;
	text-align: left;
}

.contenu_offre_adultes
{
	vertical-align: top;
	width: 267px;
	background-color: #ffffff;
	background-image: url(Images/Accueil/fond_offre_adulte.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.contenu_offre_enfants
{
	vertical-align: top;
	width: 267px;
	background-color: #ffffff;
	background-image: url(Images/Accueil/fond_offre_enfants.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.contenu_ecatalogue
{
	width: 131px;
	vertical-align: top; /*width:141px;*/
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 20px;
	padding-bottom: 15px;
	background-color: #b9dd64;
}
.contenu_ecatalogue_salarie
{
	width: 131px;
	vertical-align: top; /*width:141px;*/
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 20px;
	padding-bottom: 15px;
	background-color: #ece199;
}
.global
{
	z-index: 4;
	position: absolute;
	left: 50%; /*top: 50%;*/
	top: 47px;
	width: 982px; /*height: 788px;*/ /*margin-top: -394px;  moitié de la hauteur */
	margin-left: -483px; /* moitié de la largeur */
}
.deco_haut
{
	width: 180px;
	height: 159px;
	z-index: 5;
	position: absolute;
	left: 785px;
	top: 38px;
}
.deco_bas
{
	width: 301px;
	height: 294px;
	z-index: 10;
	position: absolute;
	left: 180px;
	bottom: 38px;
}

.espace_membre
{
	width: 187px;
	height: 216px;
	z-index: 6;
	position: absolute;
	left: 23px;
	/*bottom: 130px;*/
	top : 550px;
}
.espace_membre_haut
{
	background-image: url(Images/Accueil/espace_membre_haut.png);
	background-repeat: no-repeat;
	width: 187px;
	height: 142px;
	text-align: right;
	padding-right: 20px;
	padding-top: 40px;
}
.espace_membre_bas
{
	width: 187px;
	height: 74px;
	background-image: url(Images/Accueil/espace_membre_bas.png);
	background-repeat: no-repeat;
	background-position: top;
}
.form_espace_membre
{
	text-align: right;
	width: 187px;
	height: 50px;
	z-index: 7;
	position: absolute;
	left: 3px !important;
	left: 0px;
	/*bottom: 217px !important;
	bottom: 184px;*/
	top:633px !important;
	top:630px;
}
.input
{
	border: #babb70 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #63790c;
	height: 15px;
	width: 70px;
	margin: 1px;
}
.input_contact
{
	border: #653d51 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #653d51;
	height: 15px;
	width: 300px;
	margin: 1px;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.input2_contact
{
	border: #653d51 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #653d51;
	height: 15px;
	width: 300px;
	margin: 1px;
	background-color: #d8bfcb;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.radio_contact
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #653d51;
	height: 15px;
	width: 300px;
	margin: 1px;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.ligne_pdf
{
	height: 1px;
	background-color: #d0b8c5;
}

.menu_gauche
{
	vertical-align: top;
	width: 195px;
	background-color: #b67896;
	background-image: url(Images/Accueil/etoiles.png);
	background-repeat:no-repeat;
	background-position: 0px 55px;
}

.menu_gauche2
{
	vertical-align: top;
	width: 195px;
	background-color: #b67896;
}

.noeud
{
	width: 130px;
	height: 141px;
	z-index: 12;
	position: absolute;
	left: 179px;
	top: 115px;
}

.ombre_haut
{
	width: 982px;
	height: 38px;
	background-image: url(Images/Accueil/ombre_haut.png);
}
.ombre_bas
{
	width: 982px;
	height: 38px;
	background-image: url(Images/Accueil/ombre_bas.png);
}
.ombre_gauche_tetiere
{
	width: 17px;
	height: 143px;
	background-image: url(Images/Accueil/ombre_gauche_tetiere.png);
}
.ombre_droite_tetiere
{
	width: 17px;
	height: 143px;
	background-image: url(Images/Accueil/ombre_droite_tetiere.png);
}

.ombre_gauche
{
	width: 17px;
	background-image: url(Images/Accueil/ombre_gauche.png);
	background-repeat: repeat-y;
	height: 100%;
}
.ombre_droite
{
	width: 17px;
	height: 100%;
	background-image: url(Images/Accueil/ombre_droite.png);
	background-repeat: repeat-y;
}


.pdf
{
	width: 510px;
	height: 283px;
	background-image: url(Images/Accueil/fond_pdf.png);
	vertical-align: top;
}

.pdf_enfant
{
	width:510px;
	height:283px;
	background-image:url(Images/Accueil/fond_pdf_enfant.png);
	vertical-align:top;
	background-repeat:no-repeat;
}

.pied
{
	width: 948px;
	height: 143px;
	background-image: url(Images/Accueil/fond_pied.png);
	background-position: left bottom;
}

.pointilles
{
	height: 1px;
	width: 150px;
	background-image: url(Images/Accueil/pointille.png);
}

.imageLogin
{
	margin-right: 20px;
}



.pub_centre
{
	width: 328px;
	height: 158px;
	z-index: 7;
	position: absolute;
	right: 185px;
	bottom: 200px;
}
.pub_bas
{
	width: 425px;
	height: 138px;
	z-index: 8;
	position: absolute;
	right: 25px;
	bottom: 40px;
}

.submit_contact
{
	border: #653d51 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #653d51;
	height: 20px;
	width: 70px;
	margin: 1px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	background-color: #d8bfcb;
}

.tetiere
{
	width: 948px;
	height: 143px;
	background-image: url(Images/Accueil/fond_tetiere.png);
}
.td_etoile
{
	text-align: right;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 15px;
}
.td_etoile2
{
	text-align: right; /*padding-left:5px; padding-top:5px; padding-bottom:5px;*/
	padding-right: 15px;
}
.td_img_catalogue
{
	width: 70px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 5px;
}
.td_rub_catalogue
{
	text-align: left;
	vertical-align: top;
}
.td_menu
{
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
}
.td_accroche
{
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	font-weight: bold;
}
.td_pointilles
{
	padding-right: 5px;
	height: 1px;
}
.textarea_contact
{
	border: #653d51 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #653d51;
	height: 150px;
	width: 300px;
	margin: 1px;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.textarea2_contact
{
	border: #653d51 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #653d51;
	background-color: #d8bfcb;
	height: 150px;
	width: 300px;
	margin: 1px;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.listBox_contact
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #653d51;
	margin: 1px;
}


.titre_haut
{
	position: absolute;
	left: 300px;
	top: 50px;
}

/* Accueil Typo */

/* CSS Document */

a.mentions:link, a.mentions:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f4e2b8;
	text-decoration: none;
}
a.mentions:hover, a.mentions:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f4e2b8;
	text-decoration: underline;
}

a:link, a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2c00cc;
	text-decoration: underline;
}
a:hover, a:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2c00cc;
	text-decoration: none;
}

a.menu_gauche:link, a.menu_gauche:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f4e2b8;
	text-decoration: none;
	font-weight: bold;
}
a.menu_gauche:hover, a.menu_gauche:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}


a.menu_gauche2:link, a.menu_gauche2:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f4e2b8;
	text-decoration: none;
	font-weight: bold;
}
a.menu_gauche2:hover, a.menu_gauche2:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

a.menu_gauche_selected:link, a.menu_gauche_selected:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
a.menu_gauche_selected:hover, a.menu_gauche_selected:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}


a.ecatalogue:link, a.ecatalogue:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #c90f35;
	text-decoration: none;
	font-weight: bold;
}
a.ecatalogue:hover, a.ecatalogue:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #c90f35;
	text-decoration: underline;
	font-weight: bold;
}

.identifiant
{
	font-family: Arial, Helvetica, sans-serif;
	color: #6d6d6d;
	font-size: 11px;
}

.titre
{
	font-family: Arial, Helvetica, sans-serif;
	color: #6f183f;
	font-size: 12px;
	font-weight: bold;
}
.titre_blanc
{
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
}
.petit_titre
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
}
.petit_titre_rouge
{
	font-family: Arial, Helvetica, sans-serif;
	color: #c90f38;
	font-size: 10px;
}

.text_ressorti
{
	font-family: Arial, Helvetica, sans-serif;
	color: #6f183f;
	font-size: 12px;
	font-weight: bold;
}
.text_ressorti_rouge
{
	font-family: Arial, Helvetica, sans-serif;
	color: #c90f38;
	font-size: 12px;
	font-weight: bold;
}

.nom{
	font-family:Arial;
	font-size:14px;
	color:#6f183f;
	padding-left:50px;
	height:41px;
}

.trouver{
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	padding-left:35px;
	padding-bottom:2px;
}


.descriptifProduit{
	font-family:Arial;
	font-size:10px;
	color:#000000;
	padding-top:5px;
}

.nomProduit{
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#d56d25;
}

.charge{
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	padding-left:40px;
}

.responsable{
	font-family:Arial;
	font-weight:bold;
	font-size:11px;
	color:#dfc75f;
}
.responsable2{
	font-family:Arial;
	font-weight:bold;
	font-size:13px;
	color:#d26927;
}

.responsable3{
	font-family:Arial;
	font-weight:bold;
	font-size:13px;
	color:#000000;
}

.motResponsable{
	font-family:Arial;
	font-size:11px;
	color:#FFFFFF;
}
.liste{
	font-family:Arial;
	font-size:12px;
	color:#6f183f;
	padding-left:15px;
	font-weight:bold;
}
.sousListe{
	font-family:Arial;
	font-size:12px;
	color:#ffd761;
	padding-left:15px;
}
li {
	list-style-image: url(images/etoile_rouge_pt.png);
	list-style-position: outside;
}

.submit_cadeaux1
{
      border: #79274c 1px solid;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 11px;
      color: #e2d1d9;
      height: 28px;
      width: 123px;
      margin: 1px;
      font-weight: bold;
      vertical-align: middle;
      text-align: center;
      background-color: #b57795;
      cursor:pointer;
}

.submit_cadeaux1_bis
{
      border: #79274c 1px solid;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 11px;
      color: #e2d1d9;
      height: 28px;
      width: 150px;
      margin: 1px;
      font-weight: bold;
      vertical-align: middle;
      text-align: center;
      background-color: #b57795;
      cursor:pointer;      
}

.submit_cadeaux2
{
      border: #a76715 1px solid; 
      font-family: Arial, Helvetica, sans-serif;
      font-size: 11px;
      color: #75520b;
      height: 28px;
      width: 123px;
      margin: 1px;
      font-weight: bold;
      vertical-align: middle;
      text-align: center;
      background-color: #ece199;
      cursor:pointer;      
}


