/* CSS Document */
/* Spécifique modèle de base */
/* All pages Default */
body {
	/*font-family: Arial, Helvetica, sans-serif;*/
	background:white;
	/*background : #fefefe url(/img/gui/fonds/bodybg0910.jpg) repeat-x top center;*/
}
div#ttBase {
	/*width:906px;
	margin:0 auto;
	background: none;*/
}
div#ttTop {
	overflow:visible;
	}
/*
div#ttMainTop,
div#ttMainBottom {
	width:916px;
	height:15px;}*/
/*div#ttMainBottom {	background : url(/img/gui/ttMainTops/ttMainFootWhiteSH2.png) no-repeat 50% 100%;}*/
/*div#ttMain {
	width:906px;
	color:#363636;
	}
*/
div#ttNavTop { /* à suppr une fois pegand verified in customCC */
	padding-top:8.8em;
}
/*div#ttLogo { 
	position:absolute;
	top:1em;
	left:1em;
}*/
div#ttLang,
div#ttSearch {	position : absolute;}
div#ttLang {
	right:0.5em;
	top:8.9em;
}
div#ttSearch {
	right:0;
	top:6.8em;
}
/*div#ttNavSup {
	right:3em;
	top:0;
	background:#000;
	-webkit-border-radius: 10px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius: 10px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	}
div#ttNavSup ul li a {
	color:#dd8227;
	}*/
div#ttFooter { 
	width:920px;
	margin:0.5em auto;
	}
	
img+div#legend {	width:65%;} /* l'id selector en class lorsque CMS modifié */

/* //// Generic classes. Des styles de mise en forme du texte.  */
/* TITRES  */
/* edit by dave le Jeudi 25 juin 2009 - moved from styleTT.css*/
h1 {
	font-size : 1.25em;
	margin : 0.5em 1em 0.5em;
	line-height:115%;
	font-weight:normal;
	}
h2 {
	font-size : 0.98em;
	margin : 0.75em 0 0.55em;
	line-height:1em;
	letter-spacing:0.02em;
	font-weight : normal;
	}
h3 {
	font-size : 0.75em;
	margin : 0.5em 0 0;
	text-transform : uppercase;
	}
h4 {
	font-size : 0.7em;
	margin : 0.5em  0 0;
	line-height:125%;
	}
h5 {
	font-size : 0.67em;
	margin : 0.5em 0.65em 0.25em;
	letter-spacing:0.08em;
	}
h6 {
	font-size : 0.55em;
	margin : 1em 0.5em 0.5em 4em;
	}
/* edit by dave le 15 NOV 2009 */
h1,
h2,
h1 a,
h2 a {color:#666;}
div.columnLeft h1,
div.columnRight h1{	margin: 0.5em 0 0.35em;}
div.columnLeft>h2,
div.columnRight>h2 {
		margin : 0.75em 0 0.55em;
}
h1.titrePage {
	font-size : 1.5em;
	margin: 0.5em 0.65em 0.35em;}
h1.titreMedium {
	font-size : 3em;
	line-height:0.85em;
	}
h1.titreBig {
	margin : -15px 1em 0;
	color:#dddbdb;
	opacity:0.3;
	text-align:left;
	font: 5em/0.55em "Arial Black", Arial, sans-serif;
	letter-spacing: -0.05em;
	}
h1.Accroche  {
	font-size : 2em;
	margin-right : 3em;
	text-align : left;
	line-height:0.85em;
}
h2.hangingSubTitle {
	font-size:0.7em;
	margin : -1.5em auto 1em;
	padding : 0; 
	text-align:right;
	font-weight:normal;
	text-transform:uppercase;
	border:1px solid #ccc;
	border-width:1px 0 0;
	color :#999999;
}
p {
	margin : 0.5em 0;
	font-size : 0.68em;
	line-height:122%;
	text-align:justify;
	}
p.chapeau {
	margin:0.35em 0em 1em;
	line-height : 125%;
	font-weight : bold;
}
p.signature,
p.legendeImage {
	text-align : right;
	font-style:italic;
	font-size : 0.6em;
}
p.signature {margin :1em;}
p.legende {	font-size : 0.55em;}
p.date {
	font-size : 0.65em;
	text-align : right;
}
p.note:before { content: "Note: " }
p.note        { border: solid green; }
p#biglink, 
p.biglink {
	padding-left:1.5em; 
	background:no-repeat 0 50% url(/img/arrows/right1white.png);
	font-weight:bold;
	}
p.more {
	width:50px !important;
	margin:1em 2em 2em;
	float:right;
	text-align:right;
	padding:0.5em 2em 0 2em !important;
	background:url(/img/custom/more2.png) no-repeat 75px -18px;
	}
p.more:hover {	background:url(/img/custom/more2.png) no-repeat 75px 0;}
.allcaps {text-transform : uppercase;}
p.allcaps {	font-size:0.55em;}
p span.allcaps {margin:0 !important;} /* reequilibrates behaviour in aBoxes */

h3.allcaps {
	line-height:1em;
	font-size:0.9em;
}
h3.allcaps.uLine { 
	font-weight:normal;
	border-bottom : 6px solid #676b71;}
/* définiton des listes */
div.ttBox ul {
	list-style:inside url(/img/gui/arrow.gif);}
ol, ul, li, dd, dt, dl {
	font-size : 11px; 
	line-height:normal;
	}
ul, ol  { 
	margin : 0.15em 1.2em;
	padding-left:1em;
	}
ul {list-style-type:none;}
/*ul {list-style:outside url(/img/gui/arrow.gif);}*/
li {margin-bottom:0.25em;}/*???*/
li em {/*???*/
	font-size:0.85em; 
	margin-left:1em;
	}
dl {margin :0.15em 0.25em 0.5em 0.5em;} /* added  by dave dimanche 24 janvier 2010 17:10:22*/
dt {	
	margin :1em 0 0;
	padding:0 0 0 15px;
	font-weight:bold;
	background:url(/img/arrows/arrowBlue.png) no-repeat 0 50%;
}
dd {
	padding:0 0 0 15px;
	color:#666;
	}
/* specialised tags */
abbr,
acronym {
	color:#da4cfd;
	border-bottom:1px dotted #666;
	}
address {
	font-size : 0.7em;
	line-height : 110%;
	margin :0 0.5em 0.9em;
	font-style:normal;
}
code {
	font-size : 0.7em; 
	font-family:'Courier New', Courier, mono, sans-serif;
	border:1px dotted #ccc; 
	padding:1.5em; 
	background-color:#E8F5E6; 
	text-align:left; 
	white-space:pre;
}
dfn  {font-size : 0.65em;}
cite:before { content: '“ ';}
cite:before,
cite:after {font-size:2em;  color:#2d4975; vertical-align:text-bottom;}
cite:after {content:' ”';}
cite {color:#616a76; }
/* Effets de Texte */
.BigText {
	font-weight:700;
	display : block;
	clear : both;
	font-size : 50px;
	}
hr {
	margin:1em auto;
	width:40%;
	height:1px;
	}
.reduced p {font-size:80%;}
.raggedRight p {text-align:right;}
.raggedLeft p {text-align:left;}
div#inlineFooter {
	clear:both;
	margin:4em 0 0;
	padding:0.25em 0 0;
	border-top:#ccc dotted 1px;
	text-transform:uppercase;
	font-size:0.8em;
	color:#666666;
	line-height:103%;
	text-align : justify;
}
/* Ensuite les couleurs selon le fond et par le contexte avec inherit */
/* pseudo-classes */
a,
a:link {
	color : #859ca2;
	text-decoration : none;
	}
a:visited {color: #666;}
a:hover {color:#FF6600;}
a:active  {color:#FFCC00;}

/* /// Footer /// */
/* edt by Dave le Jeudi 25 Juin 2009 - optimize */
 div#ttFooter  {
	/*background: url(/img/gui/fd_bread.png) no-repeat top center;*/
	font-size : 0.95em;
	color : #333;
	}
div#ttFooter div#footerTR {	
	text-transform:uppercase;
	font-size:0.9em;
	}
div#ttFooter a, 
div#ttFooter a:link,
div#ttFooter a:visited	{
	color:#333;
	text-decoration: none;
	font-style:normal;
	}
div#ttFooter a:hover {
	color: #FF9900;
	border-bottom:2px solid #ccc;
}
div#ttFooter a:visited:hover {
	color: #e26d19;
}
div#ttFooter a:active	{color: #AAA;}
/* Footer links Fond Noir (classe fdNoir)*/
.fdNoir div#ttFooter a, 
.fdNoir div#ttFooter a:link,
.fdNoir div#ttFooter a:visited	{
	color:#ccc;
	}
.fdNoir div#ttFooter a:hover {
	color: #ffab26;
	border-bottom:1px solid #ffab26;
}
.fdNoir div#ttFooter a:visited:hover {color: #ffab26;}
.fdNoir div#ttFooter a:active	{color: #AAA;}

/* Edit lundi 14 12 2009 --- Moved Encarts to /css/modules/encartsTT.css*/
/* Advanced CSS2.1 and CSS3 selectors */
/* For Aware browsers */
/* These selectors enhances the user experience by providing clearer and better designed element arrangements and visual relations, they degrade well to unaware browsers but should not to be 'hacked' or simulated for non supporting browsers*/
/* css 2.1 et css3 */
div.multicol {
	-moz-column-width: 250px;
	-webkit-column-width: 250px;
	-moz-column-gap: 20px;
	-webkit-column-gap: 20px;
	-moz-column-rule: 1px solid #ddccb5;
	-webkit-column-rule: 1px solid #ddccb5;
	-webkit-column-fill:auto;
	-moz-column-fill:auto;
}
div.multicol2 {
	-moz-column-width: 400px;
	-webkit-column-width: 400px;
	-moz-column-gap: 20px;
	-webkit-column-gap: 20px;
	-moz-column-rule: 1px solid #ddccb5;
	-webkit-column-rule: 1px solid #ddccb5;
	-webkit-column-fill:auto;
	-moz-column-fill:auto;
}
div.multicol ul li ul li {break-before: avoid;}
ul + h4 {margin-top: 1em !important;}
h1 + h2 {
	margin: -0.5em 1em 0.55em 1.2em;
	font-size:0.9em;}
h1.titrePage + h2.hangingSubTitle {
	margin: -1.25em 1em 0.55em 0px;
	}
div.columnLeft h1.titreBig,
div.columnRight h1.titreBig,
div.columnCenter h1.titreBig {	margin : -15px 0 0;}
/* Suivi de corrections */
del { display:none; }/*hide*/
/*del { color:orange;} reveal */
ins {color:green;}