@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 {
	margin: 0;
	padding: 0;
	width:100%;
	min-height:100%; /*super important pour les fenêtres longues pour afficher le background jusqu'en bas */
	}
img {
	padding:0;
	margin:0;
	border:0;
	}
a img {border : none;} /* pas de border sur les images-liens. permet de supprimer du HTML l'attibut border=0 */
a {outline: none;} /*Enlever ce pointillé sous IE autour des liens */
ul, ol, li {
	z-index:100;
	color:inherit;
}
h1, h2, h3, h4, h5, h6  {
	font-weight : bold;
	margin:0;
	padding:0;
	z-index:10;
	color:inherit;
	}
h1 {
	font-size : 1.25em;
	margin : 0.5em 0.3em 0.5em;
	line-height:115%;
	}
h2 {
	font-size : 0.98em;
	margin : 0.75em 1em 0.35em 0;
	letter-spacing:0.02em;
	line-height:1em;
	font-weight : normal;
	}
h3 {
	font-size : 0.75em;
	margin : 1em 0 0;
	text-transform : uppercase;
	line-height:120%;
	}
h4 {
	font-size : 0.7em;
	line-height:125%;
	margin : 0.5em  0 0;
	}
h5 {
	font-size : 0.67em;
	margin : 0.5em  auto;
	letter-spacing:0.08em;
	text-align:center;
	}
h6 {
	font-size : 0.55em;
	margin : 1em 0.5em 0.5em 4em;
	}
p {
	font-size : 0.75em;
	line-height:130%;
	text-align:justify;
	z-index:10;
	color:inherit;
	margin:0.5em 0;
	}
strong, em {letter-spacing:0.065em;}
[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 }*/

/* Construction de base */
object {z-index:-100;}
div#ttFullWidth {
	/*margin:0;*/
	width:100%;
	min-height:100%;
	overflow:visible;
	z-index:2;
	position:relative;
	}
div#ttBase {
	width:960px;
	margin : 0 auto;
	overflow:auto;
	height:auto;
	min-height:460px;
	z-index:2;
	position:relative;
	}
div#ttTop {
	width:100%;
	height:auto; 
	z-index:30;
	position:relative;
}
div#ttTop img {float:left;}
div#ttMainTop {
	width:956px;
	margin:0 auto;
	height:8px; 
	clear:both;
	position:relative;
}
div#ttMain {
	clear:both;
	width: 956px;
	min-height:460px;
	margin : 0 auto;
	padding: 0;
	overflow: auto;
	z-index:3;
	color:#363636;
	height:auto;
	position:relative;
 }
div#ttMainBottom {
	width:956px;
	margin:0 auto;
	height:8px;
	clear:both;
	position:relative;
}
div#ttContent {
	margin: 0 auto;
	padding: 0;
	overflow: auto;
	min-height:460px;
	height:auto;
	z-index:4;
	position:relative;
}
div#ttRoot { /* Racine de la zone dynamique de rendu */
	width:100%;
	overflow:auto;
	margin: 0;
	padding:0;
	position:relative;
}
div.ttRow { /*ligne de rendu */
	clear:both;
	width:auto;
	margin: 0;
	line-height:11px;
	overflow: auto;
}
/* //////// Les navigations //////// */
div#ttNavTop {
	clear:both;
	margin:0 auto;
	z-index:35;
	width:870px;
	height:20px;
}
div#ttLogo { 
	margin: 0 0.5em 0;
	padding: 0;
	float:left;
}
div#ttBottom {
	clear:both;
	margin:0.5em auto 0;
	padding: 0;
	width:958px;
	overflow:auto;
}
div#ttNavBottom {
	float:left; 
	margin: 0;
	z-index:35;
	width:100%;
	}
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:right; 
	width:70%; 
	}
#ttEncartL, 
#ttEncartR { 
	overflow:auto;
	width: 24%;
	margin: 0;
	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,
.columnRight, 
.columnRightB,
.columnCenter {
	width : auto;
	margin : 0;
	padding : 0.4em;
}

.columnLeft, 
.columnLeftB {
	float : left;
	}
.columnLeftB {
	border-right:1px solid #ccc;
	padding-right:1em;
	margin-right:0.8em;
	}
/* col alignée à droite */
.columnRight, 
.columnRightB {
	float : right;
	}
.columnRightB {
	margin-left:0.8em;
	padding-left :1em;
	border-left:1px solid #ccc;
	}
/* col centrée */
.columnCenter {
	clear:both;
	margin:0 auto;
	overflow:auto; /* ??? */
	}
/* === Classes de positionnement === */
.hangLeft,
.hangRight,
.brBefore,
.brAfter,
.centered {
	display:block;
	}
.hangLeft {
	float : left;
	}
.hangRight {
	float : right;
	clear:both;/* ??? */
}
.brBefore {
	clear:left;
	float:none;/* ??? */
}
.brAfter {
	clear:right;
	float:none;/* ??? */
}
.centered {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.imgholder {padding:0;}

/* Définition des formulaires */
div#longForm {
	margin:1em auto 2em;
	/*border:1px solid #fff; background:#d2d9db;*/
	}
fieldset {
	margin:1em 0 1em;
	padding:0.4em;
	}
fieldset legend {
	margin:0 1em 0 70%;
	font-size:0.8em;
	}
select { min-width:1.5em; } /* Pour afficher la fleche du drop-down dans 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 : #000;
	}
input.pbutton    {font-weight : bold !important;}
p.submit input {float:right;}
select {
	margin-left: 0.7em;
	font-size : 0.6em;
	font-weight : normal;
	color : #666;
	background-color:#FEFEFE;
	}
input.text,
textarea {
	font-size : 0.75em;
	font-weight : normal;
	color : #333;
	}
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;}
/*
  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 :Verdana,Arial,Helvetica,sans-serif;
	margin-left: 0.7em;
	color:#666;
	}
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;
	}
/* /// Footer /// */
 div#ttFooter  {
	clear : both;
	width:956px; 
	margin : 0 auto 1em;
	font-size : 0.95em;
	height:80px;
	/*background: url(/img/gui/fd_bread.png) no-repeat top center;*/
	color : #666;
	position:relative;
	overflow:hidden;
}
div#ttFooter div#footerT {
	padding:0.15em 0.4em 0;
	overflow:auto;
	}
div#ttFooter div#footerTL {
	float:left;
	width:45%;
	}
div#ttFooter div#footerB {
	clear:both;
	overflow:auto;
	padding:0.10em 0.35em;
	margin:0.75em auto;
	}
div#ttFooter div#footerBL {
	float:left;
	width:45%;
	}
div#ttFooter div#footerBR {
	float:right;
	width:45%;
	}
div#ttFooter div#footerT p#langselect {
	text-align:center;
	width:50px;
	float:left; /*important pour firefox et IE6 */
	}
div#ttFooter div#footerTR {
	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;}