/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||| HTML & GLOBAL ||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
html {
	font-size: 100%; /* Evite un bug d'IE 6-7.*/
	text-align:center;
}

/********** Aspect general du site **********/

body {
	background: #83664b url(../images/background.jpg) repeat-y center top;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #2c2115; 
	margin: 0; 
	padding: 0;
}

/*****  Aspect des liens du site ***************/

a { color: #f2d6ca; text-decoration: none; } 
a:link { color: #f2d6ca; } 
a:visited { } 
a:hover, a:focus, a:active { color: #2c2115; text-decoration: none; } 
a:active { outline: none; } 
a img { border: none; } 

/*****  Aspect des liens du site ***************/

ul, ol { 
  	margin: .75em 0 .75em 32px; 
 	padding: 0;
	/* Remplacement des puces par une image*/
	/*list-style-image: url(../images/puce.png); list-style-position: inside;*/
}

p {
	line-height: 1.4;
	text-align: justify;
	margin: .75em 0;
	padding: 0;
}

h2{
	color: #2c2115;
	margin: 0 0 10px 60px;
	font-size: 18px;
	font-weight: normal;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

h2#coeur{
	margin: 0 0 0 0;
	width: 245px;
	height: 75px;
	background: url(../images/ssTitre-nos-coups-de-coeur.png) left top no-repeat;
	text-indent: -9999px;
}

h2#coeurUK{
	margin: 0 0 0 0;
	width: 245px;
	height: 75px;
	background: url(../images/ssTitre-nos-coups-de-coeur-UK.png) left top no-repeat;
	text-indent: -9999px;
}
h2#coeurIT{
	margin: 0 0 0 0;
	width: 245px;
	height: 75px;
	background: url(../images/ssTitre-nos-coups-de-coeur-IT.png) left top no-repeat;
	text-indent: -9999px;
}

h2#coeurDE{
	margin: 0 0 0 0;
	width: 245px;
	height: 75px;
	background: url(../images/ssTitre-nos-coups-de-coeur-DE.png) left top no-repeat;
	text-indent: -9999px;
}

h2#coeurNL{
	margin: 0 0 0 0;
	width: 245px;
	height: 75px;
	background: url(../images/ssTitre-nos-coups-de-coeur-NL.png) left top no-repeat;
	text-indent: -9999px;
}

p#telechargez { width: 235px; height: 20px; border: 6px double #ff7e00; padding: 5px; } 
p#telechargezDE { width: 180px; height: 20px; border: 6px double #ff7e00; padding: 5px; } 

table, table th { font-size: 12px; }
table td, table th {  border: none; vertical-align: top; /* Valeur par defaut: "middle" */ }

.tableau { border: 1px solid #c9ab95; }
.tableau td {  text-align: center; vertical-align: middle; color: #2c2115;  background: transparent url(../images/back-tableau-td.jpg) repeat-x top left; padding: 0px; border: 1px solid #ab917f; } 
.tableau div { line-height: 1; text-align: left; letter-spacing: 0.1em; padding: 5px; color: #2c2115; background: transparent url(../images/back-tableau-div.jpg) repeat-x bottom left; } 
.tableau th {
	padding: 5px 10px;
	color: #c9ab95;
	letter-spacing: 0.3em;
	font-size: 11px;
	font-weight: bold;
	font-variant: small-caps;
	background: #2d2319 url(../images/back-tableau-th.jpg) repeat-x top left;
}

.tableauCapacites { border: 1px solid #c9ab95; }
.tableauCapacites td {  text-align: center; vertical-align: middle; color: #cdb5ab;  background: #2c2115; padding: 0px; border: 1px solid #ab917f; } 
.tableauCapacites div { line-height: 1; text-align: left; letter-spacing: 0.1em; padding: 5px; color: #2c2115; background: transparent url(../images/back-tableau-div.jpg) repeat-x bottom left; } 
.tableauCapacites th {
	padding: 5px 10px;
	color: #c9ab95;
	letter-spacing: 0.3em;
	font-size: 11px;
	font-weight: bold;
	font-variant: small-caps;
	background: transparent url(../images/back-tableau-th.jpg) repeat-x top left;
}

.tableauCoordonnees { color: #cdb5ab; letter-spacing: 0.05em; }
.tableauCoordonnees td { font-size: 10px; }
.tableauCoordonnees a { color: #cdb5ab; }
.tableauCoordonnees a:hover { color: #ff7e00 }

.tableauGlobal
{
	width: 100%;
	
	/* A decommenter si le contenu administrable doit etre sous le flash */
	/*position: absolute; top: 540px;*/
}

div.ConteneurFlash {
	/* A decommenter si le contenu administrable doit etre sous le flash */
	position: absolute; top: 0; z-index:0;
	width: 100%;
	
	margin-left: auto;
	margin-right: auto;
	border: none;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0px;
}

/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||| FLASH ||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.tableauFlash { width: 100%; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }

/* A decommenter pour les flash à 100% - corrige le bug de calage flash/html pour MOZILLA */
/*
@-moz-document url-prefix()
{
	.tableauFlash
	{
		padding-left:1px;
	}
}
*/

/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||| NAVIGATION HTML ||||||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.tableauNavigationHTML { width: 960px; color: #2c2115; margin-top: -5px; margin-bottom: 5px; text-align: center; }

.tableauNavigationHTML td { font-size:11px; }
.tableauNavigationHTML a { color: #5d4a38; text-decoration: none; }
.tableauNavigationHTML a:hover { color: #2c2115; text-decoration: none;	}

.puceNav {
	height: 6px;
	width: 6px;
	padding:2px;
	margin-left:10px;
	margin-right:5px;
	background: url(../images/puce-navhtml.png) no-repeat center center;
}

/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||| DESCRIPTION REFERENCEMENT |||||||||||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.tableauDescriptionReferencement {
	width: 750px;
	color: #5d4a38;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left:80px;
	padding-right:80px;
	text-align: center;
}

/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||| ADRESSE |||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.tableauAdresse {
	width: 900px;
	color: #2c2115;
	margin-top: 0px;
	margin-bottom: 5px;
	font-weight: bold;
	text-align: center;
}
.tableauAdresse a { color: #670001; }
.tableauAdresse a:hover { color: #670001; }

/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||| CREDITS ||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.tableauCredits {
	width: 910px;
	color: #65574a;
	font-size: 8px;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: center;
}
/*.tableauCredits td { color: #5B3636; font-size: 11px; }*/
.tableauCredits a { color: #65574a; letter-spacing: 0.05em; font-size: 8px; }

.tableauLiensUtiles {
	width: 910px;
	color: #2c2115;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-variant: small-caps;
	/*text-transform: uppercase;*/
	text-align: center;
}
.tableauLiensUtiles a { font-size: 12px; color: #5d4a38; font-weight: normal; }
.tableauLiensUtiles a:hover { color: #2c2115; text-decoration: none; border-bottom: 1px dotted #2c2115; }
.tableauLiensUtiles td { font-size: 11px; color: #2c2115; font-weight: normal; padding-top:15px; }

.tableauLiensOfficiels {
	width: 910px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
}

/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||Ciblage specifique dans le pied de page|||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*

.tableauLiensOfficiels a { }
.tableauLiensOfficiels a:hover { }
a.credits_lien_apicius { }
a:hover.credits_lien_apicius { }
a.credits_lien_imprimer { }
a:hover.credits_lien_imprimer { }
a.credits_lien_favoris { }
a:hover.credits_lien_favoris { }
a.credits_lien_emailing { }
a:hover.credits_lien_emailing { }
a.credits_lien_mentions { }
a:hover.credits_lien_mentions { }
a.credits_lien_flash { }
a:hover.credits_lien_flash { }
a.credits_lien_brochure { }
a:hover.credits_lien_brochure { }
.credits_site_officiel { }
.credits_local_time { }

*/

/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||| PARTIE ADMINISTRABLE |||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.tableauContenu { width: 960px; text-align: center; position: relative; margin-top: 560px; z-index:50; }

.tableauBloc { width: 960px; text-align: center; }

/*|||||||||| CALAGE ||||||||||||*/
.top { padding-bottom: 10px; }
.right { padding-left: 10px; }
.bottom { padding-top: 10px; }
.left { padding-right: 10px; }
.size { width:450px; }
.demisize { width:235px; }
.decal { padding-left:50px; }
.space { padding: 0 10px; }
.spaceRight { padding-right: 10px; }
.spaceLeft { padding-left: 10px; }
.breakLeft { border-left:#cdb5ab 1px dotted; }
.breakRight { border-right:#cdb5ab 1px dotted; }
/*||||||||||||||||||||||||||||||*/

.titre { text-align: left; }

.ssTitre { text-align: left; }

.blocTexte { vertical-align: top; text-align: justify; }

.blocPhoto { vertical-align: top; }
.blocPhoto img { border: none; }

.footer { width: 100%; text-align: center; background: transparent url(../images/back-footer.png) repeat-x left bottom; }

/*******************************************************************************/
/*******  Elements ombrage photos (true apres la langue) + Blocs Texte ********/
/*****************************************************************************/
.contour_milieu_gauche { background: transparent url(../images/ombreGauche.png); repeat; padding-left: 9px; }
.contour_milieu_droite { background: transparent url(../images/ombreDroite.png); repeat; padding-left: 9px; }

.contour_haut{ background: transparent url(../images/ombreHaut.png); repeat; height:10px; }
.contour_haut_gauche{ background: transparent url(../images/ombreHautGauche.png); repeat; width:10px; }
.contour_haut_droite{ background: transparent url(../images/ombreHautDroite.png); repeat; height:10px; }

.contour_bas{ background: transparent url(../images/ombreBas.png); repeat; height:10px; }
.contour_bas_gauche{ background: transparent url(../images/ombreBasGauche.png); repeat; height:10px; }
.contour_bas_droite{ background: transparent url(../images/ombreBasDroite.png); repeat; height:10px; }

/* ----------------- Blocs Texte --------------------*/

div#cadre { width: 470px; padding-top: 10px; background: url(../images/ombreTexteHaut.png) no-repeat left top;line-height:18px; }
div#bloccadre { width: 470px; padding-top: 10px; background: url(../images/ombreTexteBas.png) no-repeat left bottom; }
div#bloccadre p { line-height: 1.8em; margin: 0 25px 0 25px; }
div#bloccadre .avis { margin-left:10px; }
div#bloccadre iframe { text-align:center; line-height: 1.8em; margin: 0 10px 0 0px; vertical-align:top; }


div#cadreFull { width: 940px; padding-top: 10px; background: url(../images/ombreTexteHautFull.png) no-repeat left top; line-height:18px;}
div#bloccadreFull { width: 940px; padding-top: 10px; background: url(../images/ombreTexteBasFull.png) no-repeat left bottom; }
div#bloccadreFull p { line-height: 1.8em; margin: 0 25px 0 25px; }
/******************************************************************/
/******************************************************************/




/* ###########################################################
##############################################################
###################### RESEAUX SOCIAUX #######################
##############################################################
########################################################### */

/* ######### TEMPLATE 1 - AFFICHAGE LOGOS RESEAUX ######### */
div.ReseauSociauxTemplate1 {
	/* A décommenter si le module ne doit pas s'afficher en float */
	position:absolute;
	z-index:100;
	left:50%;
	margin-left:255px;
	top:503px;
	top:-57px\9;
}

/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	div.ReseauSociauxTemplate1 {
		top:-57px;
	}
}

div.ReseauSociauxTemplate1 img {
    cursor: pointer;
}
div.ReseauSociauxTemplate1 div.ReseauSociauxTemplate1Pop {
    display: none;
	background-color:#2c2115;
    width: 100px;
    position: absolute;
	padding-bottom:3px;
}
div.ReseauSociauxTemplate1 div.ReseauSociauxTemplate1Pop div#ReseauSociauxTemplate1CloseButton {
    float:right;
}
div.ReseauSociauxTemplate1 div.ReseauSociauxTemplate1Pop div#ReseauSociauxTemplate1CloseButton img {
    padding: 2px;
    cursor: pointer;
}
div.ReseauSociauxTemplate1 div.ReseauSociauxTemplate1Pop div.ReseauSociauxTemplate1Action {
	color:#c9ab95;
    padding:3px;
    font-weight:bold;
}

div.ReseauSociauxTemplate1 div.ReseauSociauxTemplate1Pop a {
	color:#c9ab95;
	padding-left:3px;
    text-decoration:none;
}

div.ReseauSociauxTemplate1 div.ReseauSociauxTemplate1Pop a:hover {
	color:#ffffff;
	
    text-decoration:none;
}


/* ######### TEMPLATE 2 - AFFICHAGE BOUTONS PLUS ######### */
div.ReseauSociauxTemplate2 {
   padding: 0 0 0 0;
	color:#666666;
	font-weight:bold;
	/*A décommenter si le module ne doit pas s'afficher en float
	position:absolute;
	z-index:100;
	left:50%;
	margin-left:-490px;
	top:10px; */
	
}

div.ReseauSociauxTemplate2 div.ReseauSociauxTemplate2Pop {	
	display: none;
	background-color:#83664b;
	width: 80px;
	position: absolute;
	padding: 0 0 3px 2px;
}

div.ReseauSociauxTemplate2 div.ReseauSociauxTemplate2Pop img {	
	padding-left:3px;
}

div.ReseauSociauxTemplate2 div.ReseauSociauxTemplate2Pop div#ReseauSociauxTemplate2CloseButton {
    text-align:right;
}

div.ReseauSociauxTemplate2 div.ReseauSociauxTemplate2Pop div#ReseauSociauxTemplate2CloseButton img {
    cursor: pointer;
}

div.ReseauSociauxTemplate2 div.ReseauSociauxTemplate2Pop {
    margin:20px 0;
    clear:both !important;
}


/* ######### TEMPLATE 3 - AFFICHAGE BARRE SEPAREES : separated ######### */
div.ReseauSociauxTemplate3 {
    /* A décommenter si le module ne doit pas s'afficher en float 
	border:1px dashed red;
	position:absolute;
	z-index:100;
	left:50%;
	margin-left:-490px;
	top:10px;*/
	
	margin:20px 0;
	clear:both !important;
	height:32px;
	overflow:hidden;
}

div.ReseauSociauxTemplate3 .titreAction {
	color:#666666;
	font-weight:bold;
}

div.ReseauSociauxTemplate3 ul.ReseauSociauxTemplate3Logo li {
    background-image:url('../templates/reseauxsociaux/images/reseauxsociaux-sprite.png') !important;
    background-repeat:no-repeat !important;
}

div.ReseauSociauxTemplate3 ul.ReseauSociauxTemplate3Logo {
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    float:left !important;
}

div.ReseauSociauxTemplate3 ul.ReseauSociauxTemplate3Logo {
    background:none repeat scroll 0 0 transparent !important;
    border:0 none !important;
    outline:0 none !important;
}

div.ReseauSociauxTemplate3 ul.ReseauSociauxTemplate3Logo li {
    display:inline !important;
    float:left !important;
    list-style-type:none !important;
    padding:0 !important;
    height:29px !important;
    width:60px !important;
    cursor:pointer !important;
    margin:3px 0 0 !important;
    background-color:transparent !important;
    border:0 none !important;
    outline:0 none !important;
    clear:none !important;
}

div.ReseauSociauxTemplate3 ul.ReseauSociauxTemplate3Logo li:before,
div.ReseauSociauxTemplate3 ul.ReseauSociauxTemplate3Logo li:after,
div.ReseauSociauxTemplate3 ul.ReseauSociauxTemplate3Logo li a:before,
div.ReseauSociauxTemplate3 ul.ReseauSociauxTemplate3Logo li a:after {
    content:'' !important;
}

div.ReseauSociauxTemplate3 ul.ReseauSociauxTemplate3Logo a,
div.ReseauSociauxTemplate3 ul.ReseauSociauxTemplate3Logo a:hover {
    display:block !important;
    width:60px !important;
    height:29px !important;
    text-indent:-9999px !important;
    background-color:transparent !important;
    text-decoration:none !important;
    border:0 none !important;
}

div.ReseauSociauxTemplate3 ul.ReseauSociauxTemplate3Logo a:hover,
div.ReseauSociauxTemplate3 ul.ReseauSociauxTemplate3Logo li:hover {
    background-color:transparent !important;
    border:0 none !important;
    outline:0 none !important;
}


/* ######### TEMPLATE 4 - AFFICHAGE LOGOS RESEAUX ######### */
div.ReseauSociauxTemplate4 {
	/* A décommenter si le module ne doit pas s'afficher en float
	position:absolute;
	z-index:100;
	left:50%;
	margin-left:-480px;
	top:10px; */
}

div.ReseauSociauxTemplate4 .titreAction {
	color:#666666;
	font-weight:bold;
}

div.ReseauSociauxTemplate4 img {
    cursor: pointer;
	 width:14px;
	 height:14px;
	 margin-left:2px;
}
