@import url(../../structure.css);
@import url(../../barre.css);
@import url(../../contenu.css);
@import url(../commun_lang.css);
@import url(../../formulaires.css);
@import url(../../popup.css);
@import url(cbx_apl.css);

/*
   Styles specifiques de la page "Tourisme solidaire"
*/


/* Structure de la page
-------------------------------------*/
#conteneur {
	background-image:url(img_solidaire/fond-conteneur.gif);
	}

/* Banniere
-------------------------------------*/
h1 {
	background-color:#e6d5e7;
	background-image:url(img_solidaire/banniere.jpg);
	}

/* Navigation principale
-------------------------------------*/
#navigation li.empty, #navigation a, #navigation li.rootMenu label {
	background-color:#7c1b78;
	}
#navigation a:hover, 
#navigation a:focus, 
#navigation li.courant a, 
#navigation li.langue a, 
#navigation li.rootMenu label:hover,
#navigation li.rootMenu label:focus, 
#navigation label {
	background-color:#b56333;
	}
		
#navigation li.itemMenu a {
	background-color:#b56333;
	}
#navigation li.itemMenu a.courant,
#navigation li.itemMenu a:hover,
#navigation li.itemMenu a:focus {
	background-color:#7c1b78;
	}
	
/* Pied de page
-------------------------------------*/
#pied ul {
	border-color:#c1a7c0;
	}
#pied li a, #pied li label {
	color:#639;
	}
	
/* Styles generaux barre gauche
-------------------------------------*/
#barre-laterale h2,
#barre-laterale h3 {
	color:#aa86b6;
	}
#barre-laterale label {
	color:#639;
	}
#barre-laterale input[type="text"],
#barre-laterale select {
	color:#639;
	border-color:#aa86b6;
	}

/* Formulaire de recherche rapide geographique
-------------------------------------*/
#recherche {
	background-image:url(img_solidaire/bg_quicksearch.gif);
	}
	
/* Formulaire de recherche rapide new
-------------------------------------*/
#bgquicksearch {
	background-image:url(img_solidaire/bg_quicksearch.gif);
	}
	
/* Formulaire de la newsletter
-------------------------------------*/
#newsletter {
	background-image:url(img_solidaire/separateur-bloc.gif);
	}
#newsletter h3 {
	display:none;
	}
#newsletter-email {
	background-color:#aa86b6;
	}
.newsletter-identite {
	background-color:#e6d5e7;
	}
.newsletter-identite input {
	border:1px #aa86b6 solid;
	}
/* Navigation locale
-------------------------------------*/
#nav-locale li {
	background-image:url(img_solidaire/separateur-bloc.gif);
	}
#nav-locale a {
	color:#639;
	}
#nav-locale label {
	color:#639;
	text-decoration:underline;
	}

/* Liens vers d'autres sites
-------------------------------------*/
#autres-sites {
	background-color:#7c1b78;
	}
#autres-sites h2 {
	color:#b99ac4;
	}
#site-3 a {
	padding-top:.5em;
	padding-bottom:.5em;
	}

#clic_map {
	border:1px #7C1B78 solid;
	background-color:#fff;
}
#clic_map_bar {
	background-color:#7C1B78;
	color:#fff;
}

/* Styles generaux du contenu
-------------------------------------*/
#contenu-gauche h2,
#contenu-droit h2 {
	color:#c36;
	}
p.plus-dinfos a {
	background-color:#7c1b78;
	}
p.plus-dinfos a:hover,
p.plus-dinfos a:focus {
	background-color:#c36;
	}
	
/* Coup de coeur
-------------------------------------*/
#coup-de-coeur {
	background-color:#aa86b6;
	}
#coup-de-coeur h2 {
	color:#639;
	}
#coup-de-coeur p.tarif {
	background-image:url(img_solidaire/coup-de-coeur.gif);
	}
	
/* Destination phare
-------------------------------------*/
#dest-phare {
	background-color:#aa86b6;
	}
#dest-phare-txt div h2 {
	color:#639;
	}
#dest-phare-txt div p.tarif {
	background-image:url(img_solidaire/coup-de-coeur.gif);
	}
		
/* Actualites
-------------------------------------*/
#actualites,#actualites2,
#destinations,
#actualites h3 a,#actualites2 h3 a,
#promotions h3 a, 
#destinations h3 a {
	color:#639;
	}
#actualites h3 a:hover,#actualites2 h3 a:hover,
#destinations h3 a:hover,
#promotions h3 a:hover,
#actualites h3 a:focus,#actualites2 h3 a:focus,
#promotions h3 a:focus,
#destinations h3 a:focus {
	color:#c36; 
	}
#actualites p.date,#actualites2 p.date {
	color:#c36;
	}

/* Promotions
-------------------------------------*/
#promotions {
	background-color:#e6d5e7;
	}
#promotions li {
	background-color:#aa86b6;
	}
#promotions h3 {
	background:#f3f1f1;
	}
#promotions p.tarif {
	background:#7C1B78;
	}

/* Destinations
-------------------------------------*/
#destinations {
	background-color:#f3e9f4;
	}
	
/* Information texte
-------------------------------------*/
#informations div.info-texte {
	background-color:#7C1B78;
	}
#informations div.info-texte h2,
#informations div.info-texte p {
	color:#FFFFFF;
	}

/* Formulaire d'information
-------------------------------------*/
#contenu .entete-formulaire {
	color:#639;
	}
#contenu .entete-formulaire h2 {
	color:#7c1b78;
	}
#contenu .entete-formulaire h3 span {
	background-color:#7c1b78;
	}
#contenu fieldset {
	background-color:#f3e9f4;
	}
#contenu form label {
	color:#639;
	}
#formulaire-info p.information {
	background:url(img_solidaire/petits_bando/dmdeinfos.jpg) no-repeat 0 0;
	}
	
/* Liste des r�sultats
-------------------------------------*/
div#liste-resultats {
	border-color:#aa86b6;
	}
div#liste-resultats h2, div#liste-resultats h2 a {
	color:#7c1b78;
	border-color:#aa86b6;
	}
div#liste-resultats ol li {
	border-color:#e6d5e7;
	}
div#liste-resultats div.plus-d-infos a {
	color:#7c1b78;
	}
div#liste-resultats h3, div#liste-resultats h3 a {
	color:#7c1b78;
	}
div#liste-resultats h3 a:focus,
div#liste-resultats h3 a:hover {
	text-decoration: underline;
	}
div#liste-resultats h4 a:focus,
div#liste-resultats h4 a:hover {
	text-decoration: underline;
	}
div#liste-resultats .tarif {
	color:#c00;
	}
div.pagination {
	background-color:#e6d5e7;
	}
div.pagination li {
	color:#b56333;
	}
div.pagination li a {
	color:#7c1b78;
	}
div.pagination li a.currentPage {
	color:#b56333;
	}

/* Recherche par critere
-------------------------------------*/
#contenu.recherche .entete-formulaire {
	color:#f3e9f4;
	background:transparent;
	}

/* Web callback
-------------------------------------*/
#webcallback p.information {
	background:url(img_solidaire/petits_bando/webcallback.jpg) no-repeat 0 0;
	}
	
/* Contact
-------------------------------------*/
#contact p.information {
	background:url(img_solidaire/petits_bando/contact.jpg) no-repeat 0 0;
	}

/* Recrute
-------------------------------------*/
#recrute p.information {
	background:url(img_solidaire/petits_bando/recrute.jpg) no-repeat 0 0;
	}

/* Catalogues
-------------------------------------*/
#catalogues p.information {
	background:url(img_solidaire/petits_bando/catalogues.jpg) no-repeat 0 0;
	}
		
/* Styles generaux du contenu
-------------------------------------*/
#contenu.produit {
	margin-bottom:2em;
	}
#contenu.produit h2 {
	text-transform:uppercase;
	color:#b99ac4;
	}
#contenu.produit h2 small {
	font-size:1em;
	font-weight:normal;
	}
#contenu.produit h3 {
	margin:2em 0 .5em;
	font-size:1.2em;
	text-transform:uppercase;
	color:#b99ac4;
	}
#contenu.produit ul, #contenu.produit p {
	font-size:1.2em;
	}
	
/* Entete formulaire retour liste
-------------------------------------*/
ul.menu-retour-form li a {
	display:block;
    margin-top:0em;
    margin-right:0em;
    float:right;
	width:100px;
	padding:.25em 0;
	text-align:center;
	font-weight:bold;
	color:white;
	background-color:#7c1b78;
	}
ul.menu-retour-form a:hover,
ul.menu-retour-form a:focus {
	color:#c36;
	background-color:#e6d5e7;
	}
	
/* Entete page produit retour liste
-------------------------------------*/
ul.menu-retour li a {
	display:block;
    margin-top:-.5em;
    float:right;
	width:100px;
	padding:.25em 0;
	text-align:center;
	font-weight:bold;
	color:#c36;
	background-color:#e6d5e7;
	}
ul.menu-retour a:hover,
ul.menu-retour a:focus {
	color:white;
	background-color:#7c1b78;
	}
	
/* Entete page produit
-------------------------------------*/
div.entete {
	padding:2em 1em 0;
	}
#contenu.produit div.entete h3 {
	margin-top:1em;
	}
div.entete h3 span {
	display:block;
	float:right;
	padding:2px 156px 3px 10px;
	color:white;
	background:#7c1b78 url(../../img_commun/bayadere.gif) repeat-y 100% 0;
	}
ul.entete li a {
	display:block;
	width:100%;
	padding:.25em 0;
	text-align:right;
	font-weight:bold;
	color:#7c1b78;
	}
ul.entete a:hover{
	color:#aa86b6;
	}
div.entete p {
	clear:both;
	margin:0;
	padding:0;
	height:80px;
	}

/* Menu produit
-------------------------------------*/
div.menu-produit {
	float:left;
	width:300px;
	padding:2px 10px 10px;
	}
div.menu-produit-inbloc {
	margin:2em 0;
	width:150px;
	}
div.menu-produit div.introduction {
	margin:2em 0;
	color:#7c1b78;
	}
div.txtpromo {
	background-color:#7c1b78;
	color:#e6d5e7;
	}
div.menu-produit ul {
	float:left;
	width:140px;
	margin-right:10px;
	margin-bottom:1.25em;
	}
div.menu-produit li {
	height:1%;
	margin-bottom:.25em;
	text-align:center;
	}

/* Menu gauche */
ul.menu-gauche li.espacement {
	margin-top:1.5em;
	}
ul.menu-gauche li a {
	display:block;
	width:100%;
	padding:.25em 0;
	text-align:center;
	font-weight:bold;
	color:#c36;
	background-color:#e6d5e7;
	}
ul.menu-gauche a.courant,
ul.menu-gauche a:hover,
ul.menu-gauche a:focus {
	color:white;
	background-color:#7c1b78;
	}
	
ul.menu-gauche li.lienresa {
	margin-top:1.5em;
	}
ul.menu-gauche li.lienresa a {
	display:block;
	width:100%;
	padding:.25em 0;
	text-align:center;
	font-weight:bold;
	color:white;
	background-color:#aa86b6;
	}
ul.menu-gauche li.lienresa a.courant,
ul.menu-gauche li.lienresa a:hover,
ul.menu-gauche li.lienresa a:focus {
	color:white;
	background-color:#7c1b78;
	}

/* Menu droit */
ul.menu-droit li {
	margin-bottom:2em;
	}
ul.menu-droit li a {
	display:block;
	margin:0 auto;
	outline:none
	}
a.lien-pdf {
	background:#e6d5e7 url(../../img_commun/pdficon_small.gif) no-repeat 5px 50%;
	}
/* Lien visite panoramique */
a.panoramique {
	width:127px;
	height:78px;
	text-indent:-9999px;
	background:transparent url(../../img_commun/360.gif) no-repeat 50% 0;
	}

/* Lien prestation */
a.prestation {
	width:52px;
	height:46px;
	}

/* Lien Via Michelin */
a.via-michelin {
	width:127px;
	height:72px;
	text-indent:-9999px;
	background:transparent url(../../img_commun/bout-viamichelin.gif) no-repeat 50% 0;
	}

/* 
-------------------------------------*/
div.description-produit {
	float:left;
	width:414px;
	color:#7c1b78;
	font-size:12px !important;
	}
div.description-produit div {
	font-size:12px !important;
	}
div.description-produit ul,
div.description-produit p {
	margin-bottom:.5em;
	font-size:12px !important;
	}
	
/* ---------- */
/* VB Recrute */

div.menu-vbrecrute {
	float:left;
	width:150px;
	padding:2px 10px 10px;
	}
div.menu-vbrecrute ul {
	float:left;
	width:140px;
	margin-right:10px;
	margin-bottom:1.25em;
	font-size:1.2em;
	color:#c36;
	font-weight:bold;
	}
div.menu-vbrecrute li {
	height:1%;
	margin-bottom:.25em;
	text-align:center;
	}
div.menu-vbrecrute ul li.espacement {
	margin-bottom:1.5em;
	}
div.menu-vbrecrute ul li a {
	display:block;
	width:100%;
	padding:.25em 0;
	text-align:center;
	font-weight:bold;
	color:#c36;
	background-color:#e6d5e7;
	}
div.menu-vbrecrute ul a.courant,
div.menu-vbrecrute ul a:hover,
div.menu-vbrecrute ul a:focus {
	color:white;
	background-color:#7c1b78;
	}

div.texte-vbrecrute {
	float:left;
	width:564px;
	color:#7c1b78;
	}
div.texte-vbrecrute p.textebas {
	font-style: italic;
	}
div.pagin-vbrecrute {
	font-weight: bold;
	}
div.pagin-vbrecrute ul {
	display:inline;
	}
div.pagin-vbrecrute li {
	display:inline;
	color:#c36;
	font-weight:bold;
	}
div.pagin-vbrecrute li a {
	color:#7c1b78;
	padding:0 .25em;
	text-decoration:underline;
	font-weight:normal;
	}
div.pagin-vbrecrute li a:focus,
div.pagin-vbrecrute li a:hover {
	text-decoration:none;
	}
div.texte-vbrecrute span.metier {
	text-transform: uppercase;
	}
div.texte-vbrecrute span.offre {
	font-weight: normal;
	}

/* ----------------------------- */
/* Conteneur de donnees standard */
div.content-standard {
	float:left;
	padding:2px 10px 10px;
	width:714px;
	color:#7c1b78;
	font-size:1.2em;
	}
div.content-standard span.textegras {
	font-weight: bold;
	}
div.content-standard span.texteitalique {
	font-style: italic;
	}
div.content-standard a.liengras {
	font-weight: bold;
	color: #c36;
	text-decoration: underline;
	}
div.content-standard a.liengras:hover,
div.content-standard a.liengras:focus {
	color:#b99ac4;
	}
		
/** Les infos legales **/
p.texteinfoslegales, span.texteinfoslegales {
	font-size: 0.7em; 
	}
	
/* Menu Catalogue
-------------------------------------*/

div.menu-cata {
	float:right;
	width:710px;
	padding:1px 10px 5px;
	}
div.introduction {
	margin:0 0;
	color:#aa86b6;
	font-size:1.1em;
	font-weight:bold;
	}
div.intro-liste, intro-liste-choix {
	color:#7C1B78;
	}
div.checkbox {
	margin:1em;
    margin-left: auto;
    margin-right: auto;
	color:#c36;
    font-size:1.1em;
    font-weight:bold;
    text-align:center;
	}
div.menu-cata ul {
	float:right;
	width:500px;
	margin-bottom:1em;
	}
div.menu-cata li {
	height:1%;
	margin-bottom:.25em;
	text-align:left;
	}
ul.menu-cata li.espacement {
	margin-bottom:0.3em;
	}
ul.menu-cata li a {
	display:block;
	width:300px;
	padding:.25em 0;
	text-align:center;
	font-weight:bold;
	color:#c36;
	background-color:#e6d5e7;
	}
ul.menu-cata a.courant,
ul.menu-cata a:hover,
ul.menu-cata a:focus {
	color:white;
	background-color:#7c1b78 ;
	}
a.lien-pdf {
	background:#d7b192 url(../../img_commun/pdficon_small.gif) no-repeat 5px 50%;
	}

/* Styles generaux du contenu tarif
-------------------------------------*/
#contenu.tarifs {
	margin-bottom:2em;
	margin-top:1em;
	color:#7c1b78;
	}
#contenu.tarifs h2 {
	text-transform:uppercase;
	color:#b99ac4;
	width: 550px;
	}
#contenu.tarifs h2 small {
	font-size:1em;
	font-weight:normal;
	}
#contenu.tarifs div.entete h3 {
	margin-top:1em;
	}
#contenu.tarifs ul, #contenu.tarifs p {
	font-size:1.2em;
}
#contenu.tarifs p {
	margin-top: 1em;
	height: 50px;
	}
	
#contenu.tarifs a.acceptconditions {
	text-decoration:underline;
	color:#b99ac4;
}
	
#contenu.tarifs div.entete_confirm {
	float: left;
	padding:1em 1em 0;
	width: 550px;
	}
#contenu.tarifs div.entete_btn_confirm {
	float: right;
	padding:0 0 0;
	width: 150px;
	}
#contenu.tarifs div.entete_confirm span.textegras {
	font-weight: bold;
	}
#contenu.tarifs div.entete_confirm p {
	padding:2px 10px 10px;
	}
ul.menu-confirm {
	float:right;
	width:140px;
	}
ul.menu-confirm li {
	height:1%;
	margin-bottom:.7em;
	text-align:center;
	}	
ul.menu-confirm li a.lien {
	display:block;
	width:100%;
	padding:.25em 0;
	text-align:center;
	font-weight:bold;
	color:#c36;
	background-color:#e6d5e7;
	}
ul.menu-confirm li a.lien:hover,
ul.menu-confirm li a.lien:focus {
	color:white;
	background-color:#7c1b78;
	}	
	
#boutonbleufoncegd {
	font-size:.9em;
	font-weight:bold;
	width:140px;
	text-align:center;
	}
#boutonbleufoncegd a {
	display:block; 
	padding-top:3px;
	padding-bottom:3px;
	color:white;
	background-color:#7c1b78;
	}
#boutonbleufoncegd a:hover {
	color:#7c1b78;
	background-color:#e6d5e7;
	}
#boutonbleufonceptit {
	font-size:.9em;
	font-weight:bold;
	width:100px;
	text-align:center;
	}
#boutonbleufonceptit a {
	display:block; 
	padding-top:3px;
	padding-bottom:3px;
	color:white;
	background-color:#7c1b78;
	}
#boutonbleufonceptit a:hover {
	color:#7c1b78;
	background-color:#e6d5e7;
	}
#boutongrisptit {
	font-size:.9em;
	font-weight:bold;
	width:100px;
	text-align:center; 
	}
#boutongrisptit a {
	display:block; 
	padding-top:3px;
	padding-bottom:3px;
	color:#c36;
	background-color:#e6d5e7;
	}
#boutongrisptit a:hover {
	color:white;
	background-color:#7c1b78;
	}
#boutonpromo {
	padding-top:3px;
	padding-bottom:3px;
	font-size:.9em;
	font-weight:bold;
	width:100px;
	text-align:center;
	color:#7c1b78;
	background-color:#F6DB00;
	}
.tableresa {
	border-top:1px solid #7c1b78;
	border-left:1px solid #7c1b78;
	border-bottom:0px;
	border-right:0px;
	text-align:center;
	font-size:.9em;
	font-weight:bold;
	}
.tableresa td, .tableresa th {
	padding:1px;
	padding-left:5px;
	padding-right:5px;
	border-right:1px solid #7c1b78;
}
.thresa {
	background-color:#7c1b78;
	color:white;
	text-transform:uppercase;
	}
.tdthresa {
	background-color:#c36;
	color:white;
	text-transform:uppercase;
	}
.tdresa {
	background-color:white;
	color:#7c1b78;
	border-bottom:1px solid #7c1b78;
	}
.tdresapromo {
	background-color:#F6DB00;
	color:#7c1b78;
	border-bottom:1px solid #7c1b78;
	}
div.helppicto {
	clear:both;
	cursor:help;
	background:url(img_solidaire/help.gif) no-repeat 0 0;
	margin-top:3px;
	position:relative;
	float:right;
	border:0px;
	width:12px;
	height:12px;
	}
	
/* Styles generaux du contenu referencement
-------------------------------------*/
#contenu.refer {
	margin-bottom:2em;
	margin-top:20px;
	color:#7c1b78;
	float:right;
	}
#contenu.refer div.entete h2 {
	text-transform:uppercase;
	color:#c36;
	margin-bottom:1em;
	}
#contenu.refer div.entete h3 {
	margin-bottom:1em;
	}
#contenu.refer div.entete p {
	font-size:1.2em;
}
#contenu.refer p.information {
	background:url(img_solidaire/petits_bando/reference.jpg) no-repeat 0 0;
	}
#contenu-droit.refer h3,
#contenu-gauche.refer h3 {
	text-transform:uppercase;
	color:#c36;
	margin-bottom: 1em;
	margin-left: 1em;
	}
#contenu-droit.refer span,
#contenu-gauche.refer span {
	margin-left: 1em;
	}
#contenu-droit.refer ul,
#contenu-gauche.refer ul {
	margin-bottom: 1em;
	margin-left: 2em;
	}
#contenu-droit.refer li,
#contenu-gauche.refer li {
	height:1%;
	}
#contenu-droit.refer li a,
#contenu-gauche.refer li a {
	text-align:left;
	color:#7c1b78;
	}
#contenu-droit.refer li a.courant,
#contenu-gauche.refer li a.courant,
#contenu-droit.refer li a:hover,
#contenu-gauche.refer li a:hover,
#contenu-droit.refer a:focus,
#contenu-gauche.refer a:focus {
	color:#c36;
	}