/* ------------------------------------------------------ */

/* PAGES POP-UP */

/* ------------------------------------------------------ */

#conteneurPopup {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 510px;
}

#conteneurPopup #pagePopup {
	width: 500px;
	background-color: #fff;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}




.libError {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.70em;
	color: #e15c12;
	font-weight: bold;
	margin-left: 180px;
	padding-top: 3px;
}



/*-------------------- Fermer la page */

#pagePopup #ferme {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 10px;
	line-height: 14px;
	margin-top: 15px;
	margin-left: 180px;
}

#ferme a {
	color: #625f58;
	text-decoration: none;
}

#ferme a:hover {
	color:#000;
}



/*-------------------- Page suivante */

#pagePopup #nextPage {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 2em;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #454545;
	margin-top: 20px;
	margin-left: 180px;
}

#nextPage a {
	color: #625f58;
	text-decoration: none;
}

#nextPage a:hover {
	color:#000;
}




/* ---------------------------------------------------------
   PAGES POP-UP : CONTACT
--------------------------------------------------------- */

#pagePopup #contentContact {
}

#contentContact h2 {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin-top: 5px;
	margin-bottom: 20px;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	color: #625f58;
	font-weight: normal;
	line-height: 25px;
	margin-left: 180px;
}

#contentContact h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000;
	font-weight: bold;
	margin-left: 180px;
}

#contentContact fieldset {
	position: relative;
	margin-top: 5px;
	margin-bottom: 10px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

#contentContact legend {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000;
	font-weight: bold;
	padding-bottom: 10px;
	padding-left: 180px;
}

#contentContact p {
	position: relative;
	clear: left;
	margin-bottom: 5px;
}

#contentContact .libtext_cont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.70em;
	width: 160px;
	float: left;
	background: url(images/puceContact.gif) no-repeat 150px center;
	color: #454545;
	font-weight: bold;
	margin-left: 20px;
	padding-top: 3px;
}

#contentContact .text_cont {
	width: 300px;
	border: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	text-indent: 2px;
}

#contentContact .libselect_cont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.70em;
	width: 160px;
	float: left;
	background: url(images/puceContact.gif) no-repeat 150px center;
	color: #454545;
	font-weight: bold;
	margin-left: 20px;
	padding-top: 3px;
}

#contentContact .select_cont {
	width: 300px;
	border: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	text-indent: 2px;
}

#contentContact .libtextarea_cont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.70em;
	width: 160px;
	float: left;
	background: url(images/puceContact.gif) no-repeat 150px center;
	color: #454545;
	font-weight: bold;
	margin-left: 20px;
	padding-top: 3px;
}

#contentContact .textarea_cont {
	width: 300px;
	height: 150px;
	border: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	text-indent: 2px;
}

#contentContact .libcheckbox_cont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000;
	font-weight: bold;
	padding-bottom: 10px;
	padding-left: 180px;
}

#contentContact .checkbox_cont {
	font-size: 5px;
	color: #000000;
	border: 0px solid #FFFFFF;
}

#contentContact .text_cont:focus, .select_cont:focus, .textarea_cont:focus {
	background: #EBE9db;
}

#contentContact .submit {
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #FFFFFF;
	background-color: #e15c12;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 10px;
	margin-left: 180px;
}




/* ---------------------------------------------------------
   PAGES POP-UP : BROCHURE
--------------------------------------------------------- */

/*-------------------- pop-up */

#pagePopup #contentProd {
}

#contentProd h2 {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin-top: 5px;
	margin-bottom: 20px;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	color: #625f58;
	font-weight: normal;
	line-height: 25px;
	margin-left: 180px;
}

#contentProd h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000;
	font-weight: bold;
	margin-bottom: 15px;
	margin-left: 180px;
}

#contentProd fieldset {
	position: relative;
	margin-top: 5px;
	margin-bottom: 10px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

#contentProd legend {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000;
	font-weight: bold;
	padding-bottom: 10px;
	padding-left: 180px;
}

#contentProd p {
	position: relative;
	clear: left;
	margin-bottom: 5px;
}

#contentProd .libcheckbox_prod {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.70em;
	width: 280px;
	float: left;
	background: url(images/puceContact.gif) no-repeat 270px center;
	color: #454545;
	font-weight: bold;
	margin-left: 20px;
	padding-top: 3px;
}

#contentProd .checkbox_prod {
	font-size: 5px;
	color: #000000;
	border: 0px solid #FFFFFF;
}

#contentProd .select_prod {
	width: 160px;
	border: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.70em;
	color: #000000;
	text-indent: 2px;
}

#contentProd .libselect_prod {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.70em;
	width: 160px;
	float: left;
	background: url(images/puceContact.gif) no-repeat 150px center;
	color: #454545;
	font-weight: bold;
	margin-left: 20px;
	padding-top: 3px;
}

#contentProd .libtext_prod {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.70em;
	width: 160px;
	float: left;
	background: url(images/puceContact.gif) no-repeat 150px center;
	color: #454545;
	font-weight: bold;
	margin-left: 20px;
	padding-top: 3px;
}

#contentProd .text_prod {
	width: 300px;
	border: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.80em;
	color: #000000;
	text-indent: 2px;
}

#contentProd .text_prod:focus, .select_prod:focus {
	background: #EBE9db;
}

#contentProd .submit {
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #FFFFFF;
	background-color: #e15c12;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 10px;
	margin-left: 180px;
}


/* ---------------------------------------------------------
   PAGES POP-UP : PLAN DU SITE
--------------------------------------------------------- */

#pagePopup #contentPlan {
}

#contentPlan h2 {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin-top: 5px;
	margin-bottom: 20px;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	color: #625f58;
	font-weight: normal;
	line-height: 25px;
	margin-left: 180px;
}

#contentPlan ul.espace {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
}

#contentPlan ul.espace li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	list-style-type: none;
	text-indent: 10px;
}

#contentPlan ul.espace li .a1 {
	display:block;
	text-decoration: none;
	color: #fff;
	padding: 2px 0px 2px 5px;
	background-image: url(images/fdMenuPopup.jpg);
	background-repeat: repeat-x;
}

#contentPlan ul.espace li .a1:hover {
	display:block;
	padding: 2px 0px 2px 5px;
	color:#fff;
	background-image: url(images/fdMenuPopup_on.jpg);
	background-repeat: repeat-x
}

#contentPlan ul.sousEspace {
	padding: 0px 0px 5px 180px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-weight: normal;
	background-color: #fff;
}

#contentPlan ul.sousEspace li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #625f58;
	list-style-type: decimal;
	list-style-position: inside;
	padding: 3px 0px;
}

#contentPlan ul.sousEspace li .a2 {
	text-decoration: none;
	color: #625f58;
}

#contentPlan ul.sousEspace li .a2:hover {
	color: #000;
}



/* ---------------------------------------------------------
   PAGES POP-UP : RESULTAT RECHERCHE
--------------------------------------------------------- */

#pagePopup #contentRecherche {
}

#contentRecherche h2 {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin-top: 5px;
	margin-bottom: 20px;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	color: #625f58;
	font-weight: normal;
	line-height: 25px;
	margin-left: 180px;
}

#contentRecherche h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000;
	font-weight: bold;
	margin-bottom: 15px;
	margin-left: 180px;
}

#contentRecherche h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	display:block;
	color: #fff;
	padding: 2px 0px 2px 5px;
	background-image: url(images/76_fdMenuPopup.jpg);
	background-repeat: repeat-x;
	margin-top: 10px;
	margin-bottom: 5px;
}

#contentRecherche p a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	color: #625f58;
	margin: 0px 0px 7px 180px;
	line-height: 1.4em;
}

#contentRecherche p a:hover {
	color:#000;
}



/* ---------------------------------------------------------
   PAGES POP-UP : CARNET DE LIENS
--------------------------------------------------------- */

#pagePopup #contentLien {
}

#contentLien h2 {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin-top: 5px;
	margin-bottom: 20px;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	color: #625f58;
	font-weight: normal;
	line-height: 25px;
	margin-left: 180px;
}

#contentLien h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 15px;
	margin-left: 180px;
}

#contentLien p {
	position: relative;
	clear: left;
	margin-bottom: 5px;
}

#contentLien p .desc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #625f58;
	font-size: 0.65em;
}

#contentLien .libselect_lien {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.70em;
	width: 160px;
	float: left;
	background: url(images/puceContact.gif) no-repeat 150px center;
	color: #454545;
	font-weight: bold;
	margin-left: 20px;
	padding-top: 3px;
}

#contentLien .select_lien {
	width: 300px;
	border: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	text-indent: 2px;
}

#contentLien .libcheckbox_lien {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.70em;
	width: 160px;
	float: left;
	background: url(images/puceContact.gif) no-repeat 150px center;
	color: #454545;
	font-weight: bold;
	margin-left: 20px;
	padding-top: 3px;
}

#contentLien .checkbox_lien {
	font-size: 5px;
	color: #000000;
	border: 0px solid #FFFFFF;
}

#contentLien .select_lien:focus {
	background: #EBE9db;
}

#contentLien .submit {
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #FFFFFF;
	background-color: #e15c12;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 10px;
	margin-left: 180px;
}

#contentLien h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	display:block;
	color: #fff;
	padding: 2px 0px 2px 5px;
	background-image: url(images/fdMenuPopup.jpg);
	background-repeat: repeat-x;
	margin-top: 10px;
	margin-bottom: 5px;
}

#contentLien p a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	color: #000;
	margin: 0px 0px 7px 180px;
	line-height: 1.4em;
}

#contentLien p a:hover {
	color:#454545;
}



/* ---------------------------------------------------------
   PAGES POP-UP : RECOMMANDATION
--------------------------------------------------------- */

#pagePopup #contentRecommand {
}

#contentRecommand h2 {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin-top: 5px;
	margin-bottom: 20px;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	color: #625f58;
	font-weight: normal;
	line-height: 25px;
	margin-left: 180px;
}

#contentRecommand h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000;
	font-weight: bold;
	margin-bottom: 15px;
	margin-left: 180px;
}

#contentRecommand fieldset {
	position: relative;
	margin-top: 5px;
	margin-bottom: 10px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

#contentRecommand legend {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000;
	font-weight: bold;
	padding-bottom: 10px;
	padding-left: 180px;
}

#contentRecommand p {
	position: relative;
	clear: left;
	margin-bottom: 5px;
}

#contentRecommand .libtext_recommand {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.70em;
	width: 160px;
	float: left;
	background: url(images/puceContact.gif) no-repeat 150px center;
	color: #454545;
	font-weight: bold;
	margin-left: 20px;
	padding-top: 3px;
}

#contentRecommand .text_recommand {
	width: 300px;
	border: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	text-indent: 2px;
}

#contentRecommand .libtextarea_recommand {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.70em;
	width: 160px;
	float: left;
	background: url(images/puceContact.gif) no-repeat 150px center;
	color: #454545;
	font-weight: bold;
	margin-left: 20px;
	padding-top: 3px;
}

#contentRecommand .textarea_recommand {
	width: 300px;
	height: 150px;
	border: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	text-indent: 2px;
}

#contentRecommand .libcheckbox_recommand {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000;
	font-weight: bold;
	padding-bottom: 10px;
	padding-left: 180px;
}

#contentRecommand .checkbox_recommand {
	font-size: 5px;
	color: #000000;
	border: 0px solid #FFFFFF;
}

#contentRecommand .text_recommand:focus, .textarea_recommand:focus {
	background: #EBE9db;
}

#contentRecommand .submit {
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #FFFFFF;
	background-color: #e15c12;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 10px;
	margin-left: 180px;
}



/* ---------------------------------------------------------
   POP-UP : DETAIL PHOTOTHEQUE + OBJET MEDIA
--------------------------------------------------------- */

#conteneurMedia {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 510px;
}

#conteneurMedia #pageMedia {
	position: absolute; /* En absolue pour appliquer le js montrer-cacher */
	width: 500px;
	background-color: #fff;
	padding-right: 5px;
	padding-left: 5px;
}


#pageMedia #contentMedia {
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 10px;
}



/*-------------------- Pratiques */

#pageMedia #pratique {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.57em;
	margin-top: 20px;
	padding-bottom: 10px
}	

#pratique img {
	margin-left: 10px;
}

#pratique .avecBg {
	background-color: #a6a6a6;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	vertical-align: middle;
	line-height: 15px;
	text-align: center;
}

#pratique .avecBg a {
  	color: #FFFFFF;
	text-decoration: none;
}

#pratique .avecBg a:hover {
 	color: #625f58;
}



/*-------------------- Fermer */

#pageMedia #suite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.57em;
	margin-top: 10px;
	padding-bottom: 10px;
}

#suite .fermer {
	line-height: 14px;
	text-align: center;
}

#suite .fermer a {
	color: #625f58;
	text-decoration: none;
}

#suite .fermer a:hover {
 	color: #000;
}


/*-------------------- Navigation photo */

#pageMedia #media {
	position: absolute; /* En absolue pour appliquer le js montrer-cacher */
}

#media #photoMedia {
}

#media #navPh {
	position: absolute;
	left: 0px;
	top: 285px;
	width: 150px;
	height: 14px;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.57em;
}

#navPh .gauche {
	line-height: 14px;
	text-align: left;
}

#navPh .gauche a {
	color: #625f58;
	text-decoration: none;
}

#navPh .gauche a:hover {
	color: #000;
}

#navPh .gauche img {
	margin-right: 10px;
	vertical-align: bottom;
}

#navPh .droite {
	line-height: 14px;
	text-align: right;
}

#navPh .droite a {
	color: #625f58;
	text-decoration: none;
}

#navPh .droite a:hover {
 	color: #000;
}

#navPh .droite img {
	margin-left: 10px;
	vertical-align: bottom;
}



/*-------------------- Menu Tif */

#pageMedia #navTif {
	margin-top: 300px; /* Du fait que carto et media soit en absolue */
}

#pageMedia #navTif .menuTif { /* Reprise de #pageMedia pour eviter un confit de style avec tif.css */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: center;
	line-height: 27px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #564a37;
}

#pageMedia #navTif .menuTifDebut {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: center;
	line-height: 27px;
}

#pageMedia #navTif a {
	display: block;
	color: #fff;
	text-decoration: none;
	background-image: url(images/bgMenuOn.jpg);
	background-repeat: repeat-x;
}

#pageMedia #navTif a:hover {
	color:#fff;
	background-image: url(images/bgMenuOff.jpg);
	background-repeat: repeat-x;
}

#pageMedia #navTif .aOn {
	display: block;
	color: #fff;
	text-decoration: none;
	background-image: url(images/bgMenuOff.jpg);
	background-repeat: repeat-x;
}

#pageMedia #navTif .aOn:hover {
	color:#fff;
	background-image: url(images/bgMenuOff.jpg);
	background-repeat: repeat-x;
}



/*-------------------- Titre */

#contentMedia h1 {
	margin-top: 5px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin-bottom: 15px;
	font-size: 1.00em;
	font-family: Arial, Helvetica, sans-serif;
	color: #625f58;
	font-weight: normal;
	line-height: 25px;
}


#contentMedia .texte01Media {
	color: #000000;
	font-size: 0.60em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 1px;
}

#contentMedia .texte02Media {
	color: #625f58;
	font-size: 0.60em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 15px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0px;
}