@charset "UTF-8";
/* CSS Document */
/* Spécifique à la Charte du Client The Theme */
/* All pages Default */
body { 
	background:#9b948e url(/img/gui/fonds/bodybg1305e.gif) top center repeat-x;
	font-family: 'zyxxy', Verdana, Helvetica, Arial, sans-serif, zyxxy;
}
div#ttFullWidth {padding:1em 0 0;}
div#ttBase {
	width:958px;
	min-height:430px;
}
div#ttTop {height:100px;}
div#ttMain,
div#ttMainTop,
div#ttMainBottom {
	width:956px; 
}
div#ttMainTop,
div#ttMainBottom {height:8px;}
div#ttMain {
	color:#363636;
	border:1px solid #e2e2e2;
	background:#fff;
 }
hr {margin:1em auto; width:40%;height:1px;}

/* définiton des listes */
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;}
li {margin-bottom:0.25em;}
ul.listearrow {list-style:outside url(/img/gui/arrow.gif);}
abbr,
acronym {
	color:#da4cfd;
	border-bottom:1px dotted #666;
	}
address {
	font-size : 0.68em;
	line-height : 110%;
	margin :0 0 0.5em;
	font-style:normal;
}
code {
	font-size : 0.7em; 
	font-family:'Courier New', Courier, mono, sans-serif;
	border:1px dashed #ccc; 
	padding:1.5em; 
	width:90%; 
	background-color:#E8F5E6; 
	text-align:left; 
	white-space:pre;
}
dfn  {font-size : 0.65em;}
cite:before { content: '| ';}
cite:after {content:' |';}
cite { font-style:normal; color:#4E4454;}


/* 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;}

div#ttFooter a, 
div#ttFooter a:link,
div#ttFooter a:visited	{
	color:#5b9eb0;
	text-decoration: none;
	font-style:normal;
	}
div#ttFooter a:hover {
	color: #FF9900;
	border-bottom:2px solid #ccc;
}
div#ttFooter a:visited:hover {
	color: #333;
	border-bottom:2px solid #ccc;
}
div#ttFooter a:active	{color: #AAA;}

p.note:before { content: "Note: " }
p.note        { border: solid green; }

/* //// Generic classes. Des styles de mise en forme du texte.  */
p.date {
font-size : 0.88em;
text-align : right;
}
.allcaps {
	text-transform : uppercase;
	line-height:1em;
	font-size:0.9em;
}
/* TITRES  */
h1, h2 {color:#666;}
h1.titrePage {
	line-height : 120%;
	color:inherit;
	font-size : 1.45em;
	}
h1.titreMedium {
	line-height : 1em;
	color:#660000;
	font-size : 2em;
	margin : 0.5em 1em 0.25em 0.25em;
}
h1.titreBig {
	line-height : 0.55em;
	color:#dddbdb;
	font-size : 5em;
	margin : 5px 1em 0;
}
h1.Accroche  {
	margin-right : 10%;
	text-transform : none;
	text-align : inherit;
	font-size : 2em;
}
h2.hangingSubTitle {
	vertical-align:text-top;
	margin : 0 auto 0.5em;
	padding : 0 3em; 
	font-size:0.7em;
	font-weight:normal;
	text-transform:uppercase;
	color :#999999;
	border-top:1px #ccc solid;
} 

p.chapeau {
	line-height : 125%;
	font-weight : bold;
	margin:0.35em 0em 1em;
}
p.signature {
	font-style:italic;
	font-size : 0.6em;
	margin :1em;
	text-align:right;
}
p.legendeImage,
p.legende {
	text-align : justify;
	font-style:italic;
	margin :0.25em 1em 1.5em;
	font-size : 0.6em;
}
div#inlineFooter {
	clear:both;
	margin-top :4em;
	padding-top:0.25em;
	border-top:#ccc dotted 1px;
	text-transform:uppercase;
	font-size:0.8em;
	color:#666666;
	line-height:103%;
	text-align : justify;
}

/* Effets de Texte */
.BigText    {
	font-size : 50px;
	font-weight:700;
	display : block;
	clear : both;
}
.HugeText   {
	font-size : 120px;
	font-weight:700;
	display : block;
	clear : both;
}
.definition {font-size : 0.65em;} /* remplacer par dfn tag ---> implique modif sur les modèles de pages */


/* // ------------- autre deco ------------- // */
 /*Fonds de couleur */
.fdgrey90 {background-color:#4C4848;} 
.fdGris {background-color:#E2E2E2;}
.SQLtitleRow {
	color : #EAE3D1;
	background-color : #999999;
	margin-top : 0.75em;
}
/* ///// Le contenu des encarts ///// */
#ttEncartR {
	border-left:1px solid #e2e2e2;
	background:#fff url(/img/gui/fonds/bodybg1305e.gif) left bottom repeat-x; 
}
#ttEncartL p,
#ttEncartR p {
	margin:0.25em;
	font-size:0.7em;/*suppr */
}
#ttEncartR h2 {margin-left:0.35em;}
#ttEncartR>h3,
#ttEncartL>h3 {
	margin:0 0 0.25em; 
	border:#999999 1px solid;
	border-width: 1px 0;
	padding:0.8em 0.25em 0.8em;
	color:white;
	background-color:#000;
	text-align:center;
	}
#ttEncartR>h4,
#ttEncartL>h4 {
	margin:1.5em 0 0; 
	padding:0.25em 0.6em;
	color:#ebca37;
	background-color:#404155;
	text-align:left;
	}

#ttEncartR>h5,
#ttEncartL>h5 {
	margin:0.4em 0.35em 0em 0.35em ;
	padding : 0.8em;
	letter-spacing:normal;
	border:1px solid #999999; 
	}
#ttEncartR ol,
#ttEncartL ol {
	margin:0em 0.4em 1em; 
	padding : 1em; 
	color:inherit;  
	list-style: inside lower-alpha  none; 
	border:1px solid #999999;
	}
#ttEncartR ul,
#ttEncartL ul {
	margin:0em 0.4em 1em; 
	padding : 1em; 
	color:inherit; 
	list-style:inside none; 
	}

/*Pseudo Classes */
#ttEncartR h4 a:link,
#ttEncartL h4 a:link,
#ttEncartR h4 a:visited,
#ttEncartL h4 a:visited {color:#ebca37;}
#ttEncartR h4 a:hover,
#ttEncartL h4 a:visited:hover {color:#FFCC00;}

/* ///// ---- Containers ----- ///// */
/* // cadre 1 - Bloc encadré -ok-// */
div.cadre1 {
	margin : 1em auto;
	padding :0.55em;
	width:80%;
	overflow : visible;
	background-color:#f9f9f9;
	border-color :  #fff #ccc #ccc #fff;
	color:#000 !important;
}
div.cadre1 h3 { 
	background:url(/img/gui/bar_noir25.png) 0  no-repeat;
	padding-left:2.5em;
}
div.cadre1 h4 {	
	background:url(/img/gui/bar_red25.png) 0  no-repeat; 
	color:#49233e !important; 
	margin: 0.5em 0 0;
	padding-left:3em;
	border:none;
}
div.cadre1 h5 {
	margin-left:0;color:#444479 !important;
	border-bottom:#ccc 1px solid;
}
div.cadre1 img {margin-bottom : 1em;}
div.cadre1 p { color : inherit; }
div.cadre1 li {
	margin: 0.25em 3em;
	font-size:1em;
	list-style:outside circle;
}
/* container 1 imbriqué dans container 1 */

/* // cadre 2 -  Scrolling -ok- // */
div.cadre2 {
	margin: 1.5em auto 1em;
	padding:0.45em;
	height:160px;
	overflow : auto;
	background : #3c6fb3;
	border:1px solid #ccc;
	color : #fff !important;
}
div.cadre2 p { font-size:0.65em;}
div.cadre2 li {
	margin: 0.25em 3em;
	font-size:1em;
	list-style:outside circle;
}
/* container 2 imbriqué dans container 1 */
div.cadre1 * div.cadre2 {
	background-color : #333;
	color:#FFF  !important;
	padding:0 0 1em;
}
div.cadre1 * div.cadre2 p {
	font-size:0.8em;
	margin:0.2em 2em;
	line-height:105%;
}
div.cadre1 * div.cadre2 a:link { color:#CCFF00!important; }
div.cadre1 * div.cadre2 a:hover { color: #FFCC00!important; }
div.cadre1 * div.cadre2 h2 {
	background-color : #FFCC33;
	color:#000 !important;
	margin:0;
	padding:0.45em;
}
div.cadre1 * div.cadre2 h3 {
	padding-left:0;
	background:none;
	margin: 1em 2em;
	border-bottom:1px solid #FFCC33;
}
div.cadre1 * div.cadre2 h4 {
	background-color : transparent;
	color:#FFCC33 !important;
	margin: 0.5em 2em 0 ;
	border:none;
	font-size:0.8em;
}
div.cadre1 * div.cadre2 h5 {
	background:url(/img/gui/bar_jaune25.png) 0  no-repeat;
	letter-spacing:normal;
	color:inherit;
	padding-left:3em;
	margin-left:2em;
	font-size:0.8em;
}

/* // cadre 3 - Bloc gradient -ok- // */
div.cadre3 {
	margin : 1em auto;
	padding:0.45em;
	overflow : visible;
	background: #cfcdcd url(/img/gui/fonds/bargrad600.gif) 0 0 repeat-x;
}
div.cadre3 img {border :#000 1px solid;}
div.cadre3 p {
	margin: 1.25em;
	color:inherit;
	font-size:0.75em;
}
div.cadre3 a:link { color:#6633CC!important; }
div.cadre3 a:hover { color:#FF6600!important; }
div.cadre3 li {
	margin: 0.5em 3em;
	font-size:1.05em;
}
div.cadre3 h3 { color:#666!important; }
div.cadre3 h5 {
	margin-left:1.5em;
	letter-spacing:0.56em;
	font-weight:normal;
}
div.cadre3 address { margin-left:1.5em;}
/* comportement des containers imbriqués dans container 3 */
div.cadre3 * div.cadre3 {
	background: #67370e url(/img/gui/fonds/gradbrown600.png) bottom center repeat-x;
	padding:0.25em;
	color:#fff;
	border:1px solid #461c0c;
}
div.cadre3 * div.cadre3 a {color:#CCFF00;}

div.cadre3 * div.cadre4 {
	background: #67370e url(/img/gui/fonds/gradbrown600.png) top center repeat-x;
	padding:0.25em;
	color:#fff;
	border:1px inset #461c0c;
}
div.cadre3 * div.cadre4 a {color:#CCFF00;}

/* // cadre 4 - Bloc encadré -ok- // */
div.cadre4 {
	width:85%;
	margin : 1em auto;
	padding:0.45em;
	overflow : visible;
	background-color : #FFF;
	border : 1px solid #ccc;
}
div.cadre4 li { margin: 0.5em 3em;}
div.cadre4 h3,
div.cadre4 h5  { color:#666 !important;}
div.cadre4 h5 {
	text-align:center;
	margin : 1em 0;
	text-transform:capitalize;
}
/* comportement des containers imbriqués dans container 2 */
div.cadre1 * div.cadre4 h3,
div.cadre1 * div.cadre4 h4 { background:none; }

/* // cadre 5 // */
div.cadre5 {
width : auto;
overflow : visible;
}
div.cadre5 * div.cadre1 {
	margin : 0 auto;
	padding :0.35em;
	width : 90%;
	background : #980004 url(/img/fonds/cadres/gradesp01_600.jpg) repeat-x left top;
}
div.cadre5>div.cadre1 h2 {
	color: #980004 !important; 
	text-transform:capitalize; 
	padding:0.2em; 
	border:1px solid #000; 
	background:#ffcc00;
}
div.cadre5 * div.cadre1 h3 {
	text-transform:none;
	color: #ffcc66 !important;
}
div.cadre5 * div.cadre1 h4 {
	color: #FFF !important;
	margin-left:1em;
}
div.cadre5 * div.cadre1 h5 {
	color: #FFF !important;
	margin:1em 1.5em 1.5em;
	font-weight:normal;
	text-transform:uppercase;
}
div.cadre5 * div.cadre1 p {
	padding: 0.5em 1.5em;
	color: #FFF !important;
}
div.cadre5 * div.cadre1 a:link { color:#CCFF00 !important;}
div.cadre5 * div.cadre1 a:hover { color: #FFCC00 !important;}
div.cadre5 * div.cadre1 li {
	margin: 0.5em 3em;
	font-variant:small-caps;
	font-size:1.15em;
	list-style:outside circle;
	color: #FFF !important;
}

/* comportement des containers 2 imbriqués dans container 5 */
div.cadre5 * div.cadre2 {
	margin : 0;
	padding :1em;
	width : 90%;
	overflow : visible;
	background : #980004 url(/img/fonds/cadres/gradesp01_600.jpg) repeat-x left top;
}
div.cadre5 * div.cadre2 h2 {
	color: #980004 !important; 
	padding:0.2em; 
	border:1px solid #000; 
	background:#FFCC00;
}
div.cadre5 * div.cadre2 h3 {
	text-transform:none;
	color: #FFCC66 !important;
}
div.cadre5 * div.cadre2 h4 {
	color: #FFF !important;
	margin-left:1em;
}
div.cadre5 * div.cadre2 h5 {
	color: #FFF !important;
	margin:1em 1.5em 1.5em;
	font-weight:normal;
	text-transform:uppercase;
}
div.cadre5 * div.cadre2 p {
	padding: 0.5em 1.5em;
	color: #FFF !important;
}
div.cadre5 * div.cadre2 a:link { color:#CCFF00 !important;}
div.cadre5 * div.cadre2 a:hover { color: #FFCC00 !important;}
div.cadre5 * div.cadre2 li {
	margin: 0.5em 3em;
	font-variant:small-caps;
	font-size:1.15em;
	list-style:outside circle;
	color: #FFF !important;
}

/* comportement des containers 5 imbriqués dans container 5 */
div.cadre5 * div.cadre5 {
	padding :0.5em;
	width : 90%;
	background : #999;
	color : #FFFFFF !important;
}
div.cadre5 * div.cadre5 h2 {
	color: #666 !important; 
	text-transform:capitalize; 
	padding:0.2em; 
	border:1px solid #DEDEDE; 
	background:url(/img/gui/fonds/shortGrad.gif) bottom center repeat-x;
}
div.cadre5 * div.cadre5 h3 { text-transform:none;}
div.cadre5 * div.cadre5 h4 { margin-left:1em;}
div.cadre5 * div.cadre5 h5 {
	margin-left:1.5em;
	font-weight:normal;
	text-transform:uppercase;
}
div.cadre5 * div.cadre5 p { padding: 0.5em 1.5em;}
div.cadre5 * div.cadre5 a:link { color:#CCFF00 !important;}
div.cadre5 * div.cadre5 a:hover { color: #FFCC00 !important;}
div.cadre5 * div.cadre5 li {
	margin: 0.5em 3em;
	font-variant:small-caps;
	font-size:1.15em; 
	list-style:outside circle;
}