@charset "UTF-8";
/* CSS Document */
/* Spécifique au Gabarit de base The Theme */
/* IE Mac est officiellement abandonné */

/* Global White Space Reset */
/* * { margin:0; padding:0; } -Awfull in IE- */

html, 
body {width:100%;height:100%; /* repère de hauteur pour ses enfants */}

body {
	margin: 0;
	padding: 0;
}

img {border:0;}
a img {border : none;}

ul, ol, li {
	z-index:100;
	color:inherit;
}
h1, h2, h3, h4, h5, h6  {
	font-weight : bold;
	margin:0;
	padding:0;
	color:inherit;
	z-index:10;
}
p {
	font-size : 0.75em;
	line-height:130%;
	text-align:justify;
	z-index:10;
	color:inherit;
	margin:0.35em 0;
}
h1 {
	font-size : 1.25em;
	margin : 0.5em;
	line-height:115%;
	}
h2 {
	font-size : 0.98em;
	margin : 0.35em 1em 0.35em 0;
	letter-spacing:0.02em;
	line-height:1em;
}
h3 {
	font-size : 0.75em;
	margin : 1em 0 0;
	text-transform : uppercase;
	line-height:120%;
}
h4 {
	font-size : 0.7em;
	margin : 1em  1.2em 0em;
	border-bottom:#ccc 1px solid;
}
h5 {
	font-size : 0.68em;
	margin : 0.5em  auto;
	letter-spacing:0.08em;
	text-align:center;
}

h6 {
	font-size : 0.55em; 
	margin : 1em 0.5em 0.5em 4em;
}
strong, 
em {letter-spacing:0.065em;}

/* Construction de base */
object {z-index:-100;}

div#ttFullWidth {
	width:100%;
	height:100%;
	overflow:visible;
	padding:0.25em 0 0;
	z-index:1;
	}
div#ttBase {
	width:900px;
	margin : 0 auto;
	overflow:hidden;
	height:auto;
	min-height:430px;
	z-index:2;
}
div#ttTop {
	width:100%;
	height:auto;
	z-index:30;
}
div#ttTop img {float:left;}

div#ttMainTop,
div#ttMainBottom {
	width:900px; 
	height:8px;
}
div#ttMain,
div#ttMainTop,
div#ttMainBottom {
	margin:0 auto;
	clear:both;
}
div#ttMain {
	z-index:3;
	width: 898px;
	min-height:430px;
	height:auto;
	overflow: auto;
	color:#363636;
	border:1px solid #a0aab8;
	border-width:0 1px 1px;
	background:#fff;
 }
div#ttContent {
	margin: 0 auto;
	overflow: auto;
	min-height:430px;
	height:auto;
	z-index:4;
}
div#ttRoot { /* Racine de la zone dynamique de rendu */
	width:100%;
	overflow:auto;
}
div.ttRow { /*ligne de rendu */
	clear:both;
	width:auto;
	line-height:11px;
	overflow: auto;
}

/*surcharge ligne : scroll horizontal */
.srollRow,
.scrollRowH {
	white-space: nowrap;
	overflow:scroll;
	}
/*.scrollRow {overflow-y: hidden;}*/

/* //////// Les navigations //////// */
div#ttNavTop {
	clear:both;
	margin:0 auto;
	width:900px;
  	border-bottom:1px solid #a0aab8;
	height:20px;
	z-index:35;
}
div#ttLogo { 
	height:55px;
	margin: 0;
	float:left;
}
div#ttBottom {
	clear:both;
	margin:0.5em auto 0;
	width:900px;
	overflow:auto;
}
div#ttNavBottom {
	float:left; 
	width:100%;
	z-index:35;
}
div#ttNavBottom p {
	margin:0;
	font-size:0.7em;
	color:#666;
	}

/*//// Les Encarts - Valeur par défaut ////*/
div#lineEncartR, 
div.lineEncartR { 
	clear:none; 
	float:left;
	width:70%; 
}
div#lineEncartL, 
div.lineEncartL { 
	clear:none;
	float:left; 
	width:70%; 
}

#ttEncartL, 
#ttEncartR { 
	overflow:auto; 
	width: 24%;
	clear:none;
 }
#ttEncartL {
	float : left; 
	padding: 0 0 0.4em; 
}
#ttEncartR {
	float : right; 
	padding: 0 0 0.4em;
  }

div#ttEncartB {
	clear:both;
	margin:0 auto;
	width:100%;
	overflow:visible;	
}

/* ----- COLONNAGE ----- */
/* col alignée à gauche. Type de colonne par défaut */
.columnLeft, 
.columnLeftB {
	float : left;
	width : auto;
	padding : 0.4em; 
}
.columnLeftB {/*bordered */
	border-right:1px solid #ccc;
	padding-right:1em;
	margin-right:0.8em;
}
/* col alignée à droite */
.columnRight,
.columnRightB {
	float : right;
	width:auto;
	padding : 0.4em;
}
.columnRightB { /*bordered */
	margin-left:0.8em;
	padding-left :1em;
	border-left:1px solid #ccc;
}
/* col centrée */
.columnCenter {
	clear:both;
	width:auto;
	margin:0 auto;
	padding :0 0.4em;
	overflow:auto;
}

/* === Classes de positionnement === */
.hangLeft {
	display:block;
	float : left;
}
.hangRight {
	display:block;
	float : right;
	clear:both;
}
.brBefore {
	display:block;
	clear:left;
	float:none;
}
.brAfter {
	display:block;
	clear:right;
	float:none;
}
.centered {
	display:block;
	margin-left:auto; 
	margin-right:auto;
	text-align:center;
}
.imgholder {padding:0;}

/* Définition des formulaires */
div#longForm {
	margin-top:1em;
	margin-bottom:2em;
}
fieldset {
	margin:1em 0 1em;
	padding:0.4em;
}
fieldset legend {
	margin:0 1em 0 70%;
	font-size:0.8em;
}
 /* Pour afficher la fleche du drop-down dans firefox */
select { min-width:1.5em; }
/* end firefox */
input { 
	margin-left: 0.7em;
	color:#666;
	padding-left : 0;
	text-align: left;
}
label {
	font-size:0.7em;
	text-align:right; 
	margin:0.3em 0.25em 0.25em;
	float: left;
 	padding-left :0em;
 	width: 25%;
	vertical-align:baseline;
  }
label.longLabel	{width:auto;}
label[for] {cursor : pointer;}
input.pbutton,
input.button {
	font-size : 0.7em;
	font-weight : normal;
	color : black;
}
input.pbutton {font-weight : bold !important;}
input.text {text-indent : 2px;}
input.text,
textarea    {
	background-color : #FAFAFA;
	border : 1px inset #ccc;
}
input.text:focus,
textarea:focus    {
	background-color : white;
	border-style : solid;
}

input[type="submit"]:hover, 
input[type="reset"]:hover, 
input[type="button"]:hover {color : #FFAA55;}

input[disabled][type="text"], 
input[disabled][type="password"] {background-color : #D6D8DA;}

select {	
	margin-left: 0.7em;
	font-size : 0.6em;
	font-weight : normal;
	color : #666666; 
	background-color:#FEFEFE;
}
input.text,
textarea    {
	font-size : 0.75em;
	font-weight : normal;
	color : #333;
	}
p.submit input {float:right;}
/*  Malgré la propriété font-family dans body, textarea n'en tient pas compte, 
  que ce soit dans un navigateur gecko ou IE... :/  On redéclare..
 */
textarea {
	font-family : 'zyxxy',Verdana,Arial,Helvetica,sans-serif,zyxxy;
	margin-left: 0.7em;
	color:#666;
}



/* /// Footer /// */
 div#ttFooter  {
	clear : both;
	width:956px; 
	margin : 0 auto 1em;
	font-size : 0.95em;
	height:80px;
	color : #666;
}
div#ttFooter div#footerT {
	padding:0.15em 0.4em 0;
	overflow:auto;
}
div#ttFooter div#footerTL {float:left;}
div#ttFooter div#footerB {
	clear:both;
	overflow:auto;
	padding:0.10em 0.35em;
	margin:0.75em auto;
}
div#ttFooter div#footerBL {float:left;}
div#ttFooter div#footerBR {float:right;}
div#ttFooter div#footerTM {
	display:inline;
	text-align:center;
	margin:0 auto;
	vertical-align:baseline;
	float:left;
}
div#ttFooter div#footerTR {
	display:inline;
	float:right;
	width:40%;
}
div#ttFooter div#footerTR p, 
div#ttFooter div#footerTM p, 
div#ttFooter div#footerTL p {margin-top:0.35em;}

div#ttFooter .crosslinks {float:left;}
div#ttFooter .department {color:#666; text-transform:uppercase;}
div#ttFooter .disclaimer  {float:left;}
div#footerTR.crosslinks, 
div#footerBR.crosslinks {float:right;}
div#footerTR.crosslinks p, 
div#footerBR.crosslinks p {text-align:right;}
div#footerTR #footIcons {
	display:block;
	float:right;
	margin-top:0em;
	margin-left:0.5em;
	}
div#footerBR #footIcons {
	display:block;
	float:right;
	margin-top:0.5em;
	margin-left:0.25em;}
div#footerTR.department p {text-align:right;}
div#ttFooter div#footerB a,
div#ttFooter div#footerB a:link,
div#ttFooter div#footerB a:visited {color:#666;}
div#ttFooter select#chooselang {
	width:100px;
	font-size:0.65em;
	padding:0;
	margin-top: 1em;
}