@charset "UTF-8";
/*>>>> Les Modules <<<< */
div#subheader    { 
	margin : 0 auto;
	width:736px;
	}
/* //// module des liens [links] //// */
/* liste des catégories */
div.links .linkcat {
	margin : 1em 0;
	padding : 0;
}
div.links .linkcat h2 {
	margin : 0;
	padding : 0;
	border-bottom : 1px solid #FFB309;
}
div.links .linkcat ul {
	margin-left : 1em;
	font-size:0.8em;
	font-weight:700;
	line-height:110%;
}
div.links .linkcat a:hover {color:#996699;}
/* les résultats */
div.links .details { 
	margin : 0 1em 2em 3em;
	padding-right : 0.5em;
	border-right : 1px solid #FFB309;
}
div.links .details h3 {
	font-size : 0.66em;
	text-align : right;
	margin: 0;
	border-bottom : 1px dotted #ccc;
}
div.links  ol  {
	font-size : 0.7em;
	margin : 1em 0;
	padding:0;
	list-style : upper-roman inside;
}
div.links  ul  {
	font-size : 0.7em;
	margin : 1em 0;
	padding:0;
	list-style : none inside;
	line-height:1.2em;
}
div.links .details ul li {	
	line-height: 1.5em;
	text-indent:0;
}

div.links .details a:link {	color : #666;}
div.links .details a:hover {	
	color:#996699;
	border:#996699 1px solid;
	padding :0.15em 0.75em;
}

/* //// Contact (CDT) Popup //// */
.contactpopup #ttFullWidth {padding-top:0;}

/* //// Events plug //// */
div.events #ttContent ul {margin:0;}
div.events #ttContent li {
	list-style:none;
	border-top:1px solid #FF9900;
	font-size:1em;
}
div.events p.titre {
	color:#9999CC;
	font-weight:700;
	text-transform:uppercase;
	margin:0.25em 0;
	font-size:1em;
	text-align:left;
	border-top:1em solid #ff9000;
}
div.events p.lieu {
	font-weight:700;
	margin:0.05em 0 0.05em;
	color:#996600;
	font-size:0.95em;
}
div.events p.date {
	font-size:0.8em;
	color:#FF9900;
	margin-top:0.075em;
	border-top:1px dotted #666;
}
div.events p.desc {
	margin:0.35em 0 0.25em;
	padding-top:0;
	padding-bottom:0.5em;
	font-size:0.825em;
}
/* //// Breve plug //// */
.breve h4 {
	margin:0;
	padding:0;
	line-height:110%;
	font-size:0.88em;
	font-weight:200;
	color:#9999BB; 
	border:none;
}
.breve p.desc {
	margin:0.3em 0 1em;
	padding:0 0 0.5em;
	font-size: 0.65em;
	border-bottom:1px dotted #ccc;
}

/* //// Today //// */
.today h4 {
	margin:0;
	padding:0.35em;
	line-height:110%;
	font-size:1em;
	color:#BB9999;
	border:none;
}
.today p.chapeau,
.today p {
	margin:0 0.5em 0 0.5em;
	padding:0 0 0.5em;
}

/* //// Documents plug //// */
.docs .docItem {
	border-bottom:1px solid #DDD;
	overflow:auto;
}
.docs li.listItem { list-style:none; }
.docs img.docPicto {
	width:14px;
	height:16px;
	display:inline;
}
.docs h4 {
	font-size:0.85em;
	line-height:1em;
	border:none;
	margin: 0.5em 7em 0.25em 0.5em;
}
.docs h4 a,
.docs h4 a:link,
.docs h4 a:visited {color:#aaa; }
.docs p {margin:0.15em 0;}
.docs p.docDesc {
	padding:0;
	margin:0;
	font-size:0.68em;
}
.docs span.docFile {
	color:#aaa;
	font-style:italic;
	font-size:0.85em;
}
.docs .date {
	display:block;
	float:right;
	padding:0.15em 0.25em 0;
	margin:0 0.25em 0;
	border:1px solid #e2e2e2;
	border-width:1px 1px 0;
}

.documents #short  {background:#000; color:#fff;}
.documents .columnLeft,
.documents .hangingSubTitle  {margin-top:0;}
.documents .columnLeft  {padding-top:0;}

/* Media : Document */
div.doc_ele {
	height:auto;
	width:90%;
}
div.doc_ele span.docIcon {
	float:left;
	margin-right:5px;
	width:19px;
}
div.doc_ele span.docText {
	float:left;
}
div.doc_ele p.docSource {
	float:left;
	clear:both;
}
/* module  références clients */
*#refsBlock {
	margin : 3.7em 0;
	text-align : right;
	padding-right : 0.5em;
	border-right : 1px solid #FFB309;
	line-height : 1.65em;
}
*#refsBlock p,
*#refsBlock h4 {margin : 0.4em 0 ;}
*#refsBlock h4 {color: #FF9933;}

/* // banners (pas de pub) - not used ??? // */
div.banner,
div.banniere,
div.minibanner {
	float : left;
	height:128px;
	}
div.banner  {width:756px; }
div.banniere   {width:128px; }
div.minibanner {width: 53px; }

/*+++ pour les alignements tabulaires +++*/
div.labelRow {  clear: both;  }
div.labelRow  span.clabel {
  float: left;
  padding-left :0em;
  width: 20%;
  text-align: right;
  font-weight : bold;
  }
div.labelRow  span.cdata {
  padding-left : 0;
  text-align: left;
  }
div.labelRow span.formw {
  float: left;
  padding-left :1em;
  width: 300px;
  text-align: left;
}
div.slidejs {display:inline; float:left; }

/* /// Sous navigation module commonList /// */
div#navView {
	padding:0;
	margin:0;
	margin-top:1em;
}
div#navView ul li {list-style:outside url(/img/gui/arrow.gif); }
div#viewdetail h4 {
	color:#308ddd;
	font-size:0.75em;
	margin : 0.2em 0 0.35em;
	padding:0 0.5em;
	width:70%;
}
div#viewdetail div#unesco {
	padding:0 0.5em;
	display:block;
	float:right;
}
div#viewdetail #myslide {
	margin:0 auto;
	display:block;
	overflow:auto;
}
div#viewdetail div.description {clear:both;}
div#viewOrig.cadre1,
div#viewOrig.cadre4,
div#viewdetail.cadre1,
div#viewdetail.cadre4 {overflow:auto;}
div#popView {
	visibility:hidden;
	position:absolute;
	top:0px;
	left:0px;
	width:800px; height:auto;
	background-color:#fff;
	border:1px solid #aaa;
	color:#333;
	z-index:110;
}
#popView #ttPop {
	margin:0;
	padding:0 0 1em;
	width:99%;
}
#popView div.popClose {
	padding:2px;
	text-align:right;
	clear:both;
}
#popView h3 {
	margin:0.25em 1em 0.35em;
	font-size:1em;
	text-transform:none;
}
#popView div#ttPopContent .columnLeft {padding-bottom:2em;}
#popView div#ttPopContent p {
	width:95%;
	margin:auto;
}
#popView #ttPop div#ttPopContent span.image {
	float:right;
	margin:0.5em 1em 1em;
}
 /* Popup : Envoyer à un ami */
div#popFriend {
	visibility:hidden;
	position:absolute;
	top:0px;
	left:0px;
	width:400px;
	height:auto;
	background-color:#111; 
	border:1px solid #aaa;
	color:#fff;
	z-index:110; 
}
#popFriend #ttPop {
	margin:0;
	padding:0 0 1em;
	width:99%;
}
#popFriend div.popClose {
	padding:2px;
	text-align:right;
	clear:both;
}
#popFriend h3 {
	margin:0.25em 1em 0.35em;
	font-size:1em;
	color:#FFF !important;
	text-transform:none;
}
#popFriend div#ttPopContent p {
	width:95%;
	margin:auto;
}
#popFriend #ttPop div#ttPopContent span.image {
	float:right;
	margin:0.5em 1em 1em;
}
/* // recettes // */
.recettes div.ingredients {
	width:40%;
	float:left;
	display:inline;
	margin:1em 0.25em;
}
.recettes .ingredients p {
	margin:0;
	padding:0;
}
.recettes div.preparation {
	width:50%;
	float:left;
	display:inline;
	padding:0.5em;
	margin-top:1em;
	border-left:1px solid #ccc;
}
.recettes div.preparation p {
	margin:0;
	padding:0;
	text-align:left;
}
.recettes div#viewdetail h4 {margin:0em 0.25em;}

/* Escapades */
div.cadreEsc {
	margin : 0.5em auto;
	padding:0px;
	overflow:hidden;
	width: 250px;
	height:300px;
 }
div.cadreEsc .tetiereEsc {
	height:35px;
	margin:0px;
	padding: 0.5em 0.25em;
}
div.cadreEsc .tetiereEsc h5 {
	text-align:center;
	margin: 0em 0.25em;
	text-transform:uppercase;
}
div.cadreEsc div.imgholder {
	width:200px;
	height:106px;
	overflow:hidden;
	margin:0.35em auto 1em;
}
div.cadreEsc img {	width:200px;}
div.cadreEsc p.desc {
	height:85px;
	margin:0.5em 0.7em 0em;
	font-size:0.65em;
}
div.cadreEsc p.prix {
	text-align:right;
	float:right;
	width:40%;
	font-weight:900;
	margin:0.35em 0.2em 0.5em 0em;
}

/* Style extrait escapades par langues */
div.cadreEsc.es {
	background:url(/img/gui/fonds/fdEsc_es.png) no-repeat top center;
	border : 1px solid #e2e2e2;
	border-top:none;
}
div.cadreEsc.es .tetiereEsc h5 {color:#ffcc00;}
div.cadreEsc.es p.prix {color:#ae0808;}

div.cadreEsc.en {background:url(/img/gui/fonds/fdEsc_en.jpg) no-repeat top center;}
div.cadreEsc.en .tetiereEsc h5 {color:#0066CC;}
div.cadreEsc.en p.prix {color:#0066CC;}

div.cadreEsc.de {	background:url(/img/gui/fonds/fdEsc_en.jpg) no-repeat top center;}
div.cadreEsc.de .tetiereEsc h5 {color:#0066CC;}
div.cadreEsc.de p.prix {color:#0066CC;}

div.cadreEsc.fr {	background:url(/img/gui/fonds/fdEsc_fr.png) no-repeat top center;}
div.cadreEsc.fr .tetiereEsc h5 {}
div.cadreEsc.fr p.prix {color:#ae0808;}


.fdNoir div.cadreEsc p.desc { color:#333333; }
.fdNoir div.cadreEsc {border :none;}

/* Show Hide Row Effect */
.ttRow#rowShowHide {display:none;}

/* Site Map */
.sitemap { 
	/*
	margin-left:5em;
	margin-top:2em;
	*/
}
.sitemap ul li.ml {
	font-size:1.2em;
	list-style:none;
	border-bottom:1px dashed #DDD;
}
.sitemap ul li ul li.ml { 
	font-size:1em;
	list-style:square;
	border:none;
}
.sitemap ul li ul li ul li.ml {
	font-size:0.9em;
	list-style:circle;
	border:none; 
}
/** Glass Module et sa Navigation **/
/* Plug-in qui permet de visualiser un contenu (page HTML) dans un div (glassView) appeler par la navigation (glassBox) */
/* aBox du Scroller */
.glassBox {/* container du plug */
	background-color:transparent;
	margin:0.5em auto 0.5em;
	width:149px;
	} 
.glassBoxIn {/* contenu central */
	margin:0;
	padding:0; 
	height:205px;
	width:149px;
	overflow:hidden;
	background-color:#EEE;
	position:relative;
} 
.glassBoxIn div#glassFull {height:auto;}
.glassBoxIn p {font-size:0.75em}
.glassBoxIn img {margin-bottom:0.5em;}
.glassBoxIn ul {margin:0 0.25em; padding-left:0.2em;}
.glassBoxIn ul li {margin: 0.5em 0;}
.glassBox .glassBoxIn div {
	margin:0 auto;
	padding:0;
	width:147px;
	height:205px;
}
.glassBoxIn div img {
	display:block;
	margin:0 auto;
}
.glassBoxIn .imgholder {
	display:block;
	margin:0 auto;
	padding:0;
}
.glassBoxIn h4 {border-bottom:1px solid #ccc;}
.glassBoxIn h3:first-child {
	margin-top:0;
	padding-top:0;
}
/* Inclusion d'une sous navigation */
.glassBox .subnav,
.glassBox .subnav ul {
	margin:0;
	padding:0;
	}
.glassBox .subnav ul li {
	margin:0;
	padding:0.35em; 
	text-indent:0.35em;
	clear:both;
	width:140px; 
	font-size:1.1em;
}
.glassBox .subnav ul li a {	color:#ccc;}
.glassBox.subnav ul li:hover,
.glassBox .subnav ul li:hover a {
	background:url(/img/Box/scrollTrans/x149_scroll.png) no-repeat center ;
	color:#fff;
}
.glassBox .glassBoxTop,
.glassBox .glassBoxFoot {
	width:149px;
	min-height:17px;
	height:17px;
	padding:0;
	margin:0;
	line-height:17px;
	font-size:17px;
}
.glassBox .glassBoxTop {background:url(/img/Box/scrollTrans/aBoxHscroll.png) no-repeat top left;}
.glassBox .glassBoxFoot  {background:url(/img/Box/scrollTrans/aBoxBscroll.png) no-repeat top left;}
.glassBox .glassBoxTop:hover {background:url(/img/Box/scrollTrans/aBoxHscroll.png) no-repeat -149px 0;}
.glassBox .glassBoxFoot:hover {background:url(/img/Box/scrollTrans/aBoxBscroll.png) no-repeat -149px 0;}
div#glassFull {padding:0.25em 0px;}
/* Couleur et style */
.x149 .lineGlass_Arrow01 {background : url(/img/Box/scrollTrans/x149_scroll.png) no-repeat center;}
.x149 .Arrow01h {background:url(/img/Box/scrollTrans/aBoxHscroll.png) no-repeat top left;}
.x149 .Arrow01 {background:url(/img/Box/scrollTrans/aBoxBscroll.png) no-repeat top left;}
div.glassView {/*navView*/
	width:98%;
	margin:auto;
	padding:0;
	height:auto;
}

/* Dividers --added 050908--*/
div.dividerV {/* divider vertical */
	float:left;
	margin: auto 1em;
	height:100px;
	width:1px;
	background:#ccc url(/img/gui/navGrad.jpg) center repeat-y;
} 
div.dividerH {/* divider Horizontal */
	clear:both; 
	margin: 1em auto;
	height:1px;
	width:98%; 
	background:#ccc url(/img/gui/navGrad.jpg) center repeat-x;
} 


/* Panier Nav */
div#ttPanier {
	height:auto;
	z-index:36;
}
div#ttPanier div#navPanier {
	margin-right:0.5em;
	float:right;
}

.menuP {
	position:relative;
  	z-index:200;
	display:block;
	width:500px;
}
.menuP ul#cartmenu {
	float:right !important;
	border:1px dotted #e2e2e2 ;
	border-top:0;
	border-bottom:0;
}
ul#cartmenu li {
  margin: 0;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
}

/* Root Menu Premier Sous Menu */
ul#cartmenu ul {/* start container */
  margin: 0;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 25px;
  left: 0;
  -webkit-box-shadow : 3px 3px 3px #666;
}

ul#cartmenu ul:after {/*From IE 7 lack of compliance ???*/
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0px;
  visibility: hidden;
}

ul#cartmenu ul li { /* Menu item */
  width: 160px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/

    border:1px solid #e2e2e2;
}

ul#cartmenu a {
	letter-spacing:0.12em;
	  padding: 0px 1em;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  font: 0.9em/25px Verdana, Helvetica, Arial, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
    
}

/* ----- Sous Menu 2 ----- */
ul#cartmenu li:hover li a,
ul#cartmenu li.iehover li a {
  float: none;
  background: #FFF; 
  /*border:1px solid #e2e2e2;*/
}

ul#cartmenu li:hover li:first-child a,
ul#cartmenu li.iehover li:first-child a {
  float: none;
}

/* 2nd Menu Hover Persistence */

ul#cartmenu li:hover li a:hover,
ul#cartmenu li:hover li:hover a,
ul#cartmenu li.iehover li a:hover,
ul#cartmenu li.iehover li.iehover a {
  background: #FFF; 
}

/* /// Décalage latéral /// */
ul#cartmenu ul ul,
ul#cartmenu ul ul ul {
	display: none;
	position: absolute;
	top: 0px;
	left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#cartmenu li:hover ul ul,
ul#cartmenu li:hover ul ul ul,
ul#cartmenu li.iehover ul ul,
ul#cartmenu li.iehover ul ul ul {
	display: none;
}

ul#cartmenu li:hover ul,
ul#cartmenu ul li:hover ul,
ul#cartmenu ul ul li:hover ul,
ul#cartmenu li.iehover ul,
ul#cartmenu ul li.iehover ul,
ul#cartmenu ul ul li.iehover ul {
	display: block;
}

/* Video Pop Up -- added 27 janv 2009 */

body.popupVideo {}
body.popupVideo div#ttFullWidth { padding:0em; }
body.popupVideo div#ttBase { width:99%; }
body.popupVideo div#ttContent, body.popupVideo div#ttMain { width:740px; }
body.popupVideo div#contentSelect {display:block;visibility:visible;width:500px;height:500px;margin:0 auto;}
body.popupVideo div#contentSelect div#formatSelect {margin:3em auto; width:200px;}
body.popupVideo div#contentSelect div#formatSelect p {text-align:center;margin-top:3em;}
body.popupVideo div#contentSelect div#formatSelect p#first {padding-bottom:3em;border-bottom:1px solid #333;}
body.popupVideo div#contentSelect div#formatSelect img {margin-bottom:1em;}
body.popupVideo div#contentQT {display:none;visibility:hidden;width:360px;height:auto;margin:0 auto;}
body.popupVideo div#contentQT div#movPlayer,
body.popupVideo div#contentQT contentWMV {margin:1em auto;width:auto;height:auto;}
body.popupVideo div#contentQT div#movPlayer div.controllercontainer {margin:0 auto; width:auto;}


