@charset "UTF-8";
/* CSS Document */
/* Spécifique au Gabarit de base The Theme */
/* IE Mac et IE 5.5 sont officiellement non supportés / support of IE6/IE7/IE8 via IExfix.css  */
/* CSS Resets */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, /*font,*/ img, ins, kbd, q, /*s, samp,*/
small, strike, strong, /*sub, sup, tt, var,*/
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: none;
}
html,
body {
	width:100%;
	min-height:100%; /* important pour les fenêtres longues pour afficher le background jusqu'en bas */
	}
div {position:relative;} /* ensures that z-index works on all divs */
a img {border : none;} /* pas de border sur les images-liens. permet de supprimer du HTML l'attibut border=0 */

/* edit by dave le Jeudi 25 juin 2009 - grouped definition of z-index and color:inherit*/
ul, ol, li, h1, h2, h3, h4, h5, h6, p  {
	z-index:10;
	color:inherit;
	}
h1, h2, h3, h4, h5, h6  {font-weight : bold;}
/* edit by dave le Jeudi 25 juin 2009 - moved h1 to h6 and P definition to customTT.css*/
strong, em {letter-spacing:0.05em;} /* General legibility */

/*Special features, languages and type relations */
[LANG|=fr] > *  { quotes: "« " " »" "\201C" "\201D" }
[LANG|=en] > *  { quotes: "\201C" "\201D" "\2018" "\2019" }
/* Spécifie des paires de guillemets sur deux niveaux et pour deux langues */
Q:lang(en) { quotes: '"' '"' "'" "'" }
Q:lang(fr) { quotes: "« " " »" "\201C" "\201D" }

/* Insère des guillemets avant et après le contenu d'un élément Q */
Q:before { content: open-quote }
Q:after  { content: close-quote }
BLOCKQUOTE P:before     { content: open-quote }
BLOCKQUOTE P:after      { content: close-quote }
/*BLOCKQUOTE P.dernier:after { content: close-quote }*/
object {z-index:-100;}
/* Construction de base */
/* Thierry : 01/12/2008 --> Background Flash Area */
/* La classe hasBackground permet de définir un fond css joeg uniquement si flash n'est pas activé.
Soulage le chargement des pages */
div#flashcontent {
	position:absolute;
	width:1920px;
	height:1200px;
	left:0;
	top:0;
	z-index:1;
	display:block; /* pour corriger le bug de firefox Mac et opera Mac/Win - essayer aussi de l'appliquer au runtime avec le JS'*/
	}
div#ttFullWidth {
	z-index:2;
	width:100%;
	min-height:100%;
	height:auto;
	overflow:visible;
}
div#ttBase {
	z-index:3;
	width:960px;
	margin : 0 auto;
	overflow:visible;
	height:auto;
	min-height:430px;
}
div#ttTop {
	margin:0 auto;
	z-index:300;
	width:100%;
	height:auto; 
}
/* //////// Les navigations //////// */
div#ttNavTop {
	z-index:35;
	clear:both;
	margin:0 auto;
	width:956px;
	height:20px;
}
div#ttLogo { 
	float:right;
	margin-right:3em;
	z-index:970;
}
div#ttSearch,
div#ttLang {
	height:auto;
	z-index:990;
	float:right;
}
div#ttSearch div {
	margin-right:0.5em;
	/*float:right;*/
}
div#ttLang img {
	/*float:right;*/
	padding:0 3px;
	margin-top:3px;
}
div#ttNavSup {
	position:absolute;
	z-index:1000;
	right:5em;
	top:0;
	width:185px;
	min-height:25px;
	overflow:auto;
	}
div#ttNavSup ul {text-align:center;}
div#ttNavSup ul li {
	display:inline;
	text-align:center;
}
div#ttNavSup div#menuSup {
	margin:0.4em auto;
}
div#ttMainTop {
	z-index:4;
	width:956px;
	margin:0 auto;
	height:8px; 
	clear:both;
}
div#ttMain {
	z-index:4;
	clear:both;
	width: 956px;
	margin : 0 auto;
	min-height:430px;
	overflow: auto;
	height:auto;
}
div#ttMainBottom {
	z-index:4;
	width:956px;
	margin:0 auto;
	height:8px;
	clear:both;
}
div#ttContent {
	margin: 0 auto;
	min-height:430px;
	height:auto;
}
div#ttRoot { /* Racine de la zone dynamique de rendu */
	width:100%;
	overflow:auto;
}
div.ttRow { /*ligne de rendu */
	clear:both;
	width:auto;
	margin: 0;
	overflow: auto;
}
div.ttRow > div.columnLeft:first-child {margin:0 0 0 1em;} /* La première colonne d'un Row, not supported by <IE7*/
div#ttBottom {
	clear:both;
	margin:0.5em auto 0;
	width:956px;
	overflow:auto;
}
div#ttNavBottom {
	z-index:35;
	float:left; 
	width:100%;
}
div#ttNavBottom p {
	margin:0;
	font-size:0.7em;
	color:#666;
}
/*//// Les Encarts - Valeur par défaut ////*/
div.lineEncartR { 
	clear:none;
	float:left;
	width:70%;
	height:inherit;
	}
div.lineEncartL { 
	clear:none; 
	float:right; 
	width:70%; 
	}
div#ttEncartL, 
div#ttEncartR { 
	overflow:auto;
	width: 24%;
	clear:none;
	padding: 0 0 0.4em; 
	height:inherit;
	}
div#ttEncartL {	float : left;}
div#ttEncartR {	float : right;}
div#ttEncartB {
	clear:both;
	margin:0 auto;
	width:100%;
	overflow:visible;	
}
div.lineEncartL>div.columnLeft:first-child { 
	margin:0 !important;
	}
div#absolutebeginner  {
	position:absolute;
	z-index:400;
}
/* ----- COLONNAGE ----- */
div.columnLeft, 
div.columnRight, 
div.columnCenter {
	width : auto;
	padding :0 0.4em;
}
div.columnLeft {
	float : left;
	}
div.columnRight{
	float : right;
	}
div.columnCenter {
	clear:both;
	margin:0 auto;
	overflow:auto; /* ??? */
	}
/* === Classes de positionnement === */
.hangLeft,
.hangRight,
.brBefore,
.brAfter,
.centered {
	display:block;
	}
.hangLeft {float : left;}
.hangRight {float : right;}
.brBefore {	clear:left;}
.brAfter {
	clear:right;
	float:none;/* ??? */
}
.centered {
	margin:0 auto;
	clear:both;
}
div.imgholder.centered img {
	display:block;
	margin:0 auto;
 }
  /* Class d'objet courant */
img.iconic {
	display:inline;
	margin: 0 0.45em 0 0 !important;
	vertical-align:middle;
}

/* GLOBAL SEARCH */
#globalsearch {
	width: 143px;
	margin:0;
	padding:0;
	display:inline;
	float:left;
}
#globalsearch.active { background-position: 100% -38px; }
#globalsearch input.g-prettysearch { 
	width:140px;
	height: 16px;
	background: url(/img/search/searchfield_repeat.png) center top repeat-x;
	margin:0;
	padding:0;
	position: relative;
}
#globalsearch .search-wrapper {
	position: relative;
	width: 140px;
	margin-top: 3px;
}
#globalsearch .search-wrapper .left,
#globalsearch .search-wrapper .right
#globalsearch .search-wrapper .reset,
#globalsearch .search-wrapper input.g-prettysearch {
	display: block;
	position: absolute;
}
#globalsearch .search-wrapper .left {
	left: 0;
	top: 0;
	width: 20px;
	height: 19px;
	background: url(/img/search/searchfield_leftcap.png) left top no-repeat;
}
#globalsearch .search-wrapper .right {
	right: 0;
	top: 0;
	width: 10px;
	height: 19px;
	background: url(/img/search/searchfield_rightcap.png) right top no-repeat;
	}
#globalsearch .search-wrapper.empty.blurred input { color: #7E7E7E; }
#globalsearch .search-wrapper .reset {
	right: 4px;
	top: 4px;
	width: 11px;
	height: 11px;
	overflow:hidden;
	z-index: 1; 
	background: url(/img/search/close.gif);
	cursor: pointer;
}
#globalsearch .search-wrapper.empty .reset { display: none; }
#globalsearch .search-wrapper input.g-prettysearch {
	top: 0; 
	right:10px;
	width:110px;
	background: url(/img/search/searchfield_repeat.png) center top repeat-x;
	border: 0;
	margin: 0;
	padding: 3px 0 0 0;
	font: 11px "Lucida Grande", Geneva, Arial, sans-serif;
}
#globalsearch label span.prettyplaceholder { display: none;}
/* /// Footer /// */
/* edt by Dave le Jeudi 6 juillet 2009 - optimize */
 div#ttFooter  {
	position:relative;
	clear : both;
	margin : 0 auto 1em;
	width:956px; 
	height:80px;
	overflow:hidden;
}
div#ttFooter div#footerT {
	padding:0.15em 0.4em 0;
	overflow:auto;
}
div#ttFooter div#footerTL,
div#ttFooter div#footerBL, 
div#ttFooter div#footerBR, 
div#ttFooter div#footerTR {	width:40%;overflow:auto;}
div#ttFooter div#footerTL,
div#ttFooter div#footerBL {	float:left;}
div#ttFooter div#footerBR,
div#ttFooter div#footerTR {float:right;}
div#ttFooter div#footerB {
	clear:both;
	overflow:auto;
	padding:0.10em 0.35em;
	margin:0.75em auto;
}
/*div#ttFooter div#footerTM {
	display:inline;
	text-align:center;
	margin:0 auto;
	vertical-align:baseline;
}*/
div#ttFooter div#footerTR p, 
div#ttFooter div#footerTL p {margin-top:0.35em;}
div#footerTR p,
div#footerBR p {text-align:right; }
div#footerTR div#footIcons,
div#footerBR div#footIcons {
	display:block;
	float:right;
	margin:0 0 0 0.5em;
}
/* Basic colors */
.cwhite,
#cwhite {color:#fff;}

/* Fonds de couleur */
.fdNoir {background:#000; color:#fefefe;}
.fdgrey90 {background:#4C4848;  color:#fefefe;} 
.fdgrey70 {background:#666161; color:#fff;} 
.fdgrey50 {background:#999999;  color:#fff;}
.fdGris {background:#E2E2E2;}