@charset "UTF-8";
/* CSS Document */
/* Spécifique à la Charte du Client The Theme */
/* All pages Default */
html { 
	background:#fff url(/img/charte/fonds/trybody.jpg) repeat-x center bottom;
	font-family:Verdana, Helvetica, Arial, sans-serif;
}
div#ttBase {
	width:990px;
	background: url(/img/charte/fonds/borderBuddBase.png) repeat-y center top;
	/*overflow:visible;
	z-index:3;*/
}
div#ttTop {
	height:81px;
	border-bottom:1px solid #FFB309;
	background:#fff url(/img/charte/fonds/grad-top.jpg) repeat-x center top;
	position:fixed;
	padding:14px 0 0;
	}
div#ttTop p.signature {
	margin:1em 0 1.5em;
	clear:both;
	text-align:left !important;
	}
div#ttLogo { 
	position:relative;
	float:none;
	margin: 0 auto;
	width:967px;
	background: url(/img/charte/fonds/mapSmall.png) no-repeat 93% -9px;
	}
div#ttNavTop {	
	width:950px;
	/*height:30px;*/
}

/*div#ttMainTop,
div#ttMainBottom {
	width:975px; 
}
div#ttMainTop,
div#ttMainBottom {height:20px;}
div#ttMainTop {
	border-top:1px solid #333; 
	background : url(/img/gui/ttMainTops/arrondiTopGris.png) no-repeat top center;
}*/
div#ttBottom {
	background:	url(/img/charte/fonds/bottomBudd.png) no-repeat center top;
	height:25px;
	width:990px;
	margin:0 auto;
}
div#ttMain {
	width:964px; 
	color:#363636;
	background:#fff;
	margin-top:96px;
}
div#ttFooter {background:	url(/img/charte/fonds/bottomBgd.png) no-repeat center top;}

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 {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:#ecc251;
	text-decoration: none;
	font-style:normal;
	}
div#ttFooter a:hover {
	color: #FF9900;
	border-bottom:2px solid #ccc;
}
div#ttFooter a:visited:hover {
	color: #FF9900;
	border-bottom:2px solid #ccc;
}
div#ttFooter a:active	{color: #ffb607;}
div#ttFooter p	{color: #FFF;}

/* //// Generic classes. Des styles de mise en forme du texte.  */
/* TITRES  */
h1,
h2,
h1 a:link,
h2 a:link {color:#0e4378;}
h1.titrePage {
	line-height : 120%;
	color:#0e4378;
	font-size : 1.15em;
	}
h1.titreMedium {
	line-height : 1em;
	color:#660000;
	font-size : 2em;
	margin : 0.5em 1em 0.25em 0.25em;
}
h1.Accroche  {
	margin-right : 10%;
	text-transform : none;
	text-align : inherit;
	font-size : 2em;
}
h2.hangingSubTitle {
	vertical-align:text-top;
	margin : -0.85em auto 0.5em;
	padding : 0 3em; 
	font-size:0.7em;
	font-weight:normal;
	text-transform:uppercase;
	color :#999999;
	border-top:1px #ccc solid;
}
p {
	font-size : 0.68em;
	line-height:122%;
	text-align:justify;
	z-index:10;
	color:inherit;
	}
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 : right;
	font-style:italic;
	margin :0.25em 1em 1.5em;
	font-size : 0.6em;
}
p.date {text-align : right;}
p.note:before { content: "Note: " }
p.note        { border: solid green; }
.allcaps {
	text-transform : uppercase;
	line-height:1em;
	font-size:0.9em;
}
/* Titre en contexte */
/*div#ttMain>h1.titrePage {
	margin: 0.3em 1em 0;
}*/

div.ttRow>h1.titrePage {
	margin: 0.3em 1em 0;
}
/* Effets de Texte */
.BigText    {
	font-size : 50px;
	font-weight:700;
	display : block;
	clear : both;
	color:#ccc;
	line-height:120%;
}
.HugeText   {
	font-size : 120px;
	font-weight:700;
	display : block;
	clear : both;
}
div.inlineFooter {
	clear:both;
	margin :3em auto 1em;
	border-top:#ccc dotted 1px;
}
div.inlineFooter p {
	text-transform:uppercase;
	font-size:0.65em;
	color:#ccc;
	line-height:103%;
	text-align : right !important;
}
div#banner  {margin:auto;}
div#banner img {
	margin:auto;
	display:block;
	}

/* // ------------- autre deco ------------- // */
.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/bodybg1600.jpg) left top repeat-x; 
}
#ttEncartL p,
#ttEncartR p {
	margin:0.25em;
	font-size:0.7em;/*suppr */
	color:#333333 !important;
}
#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 !important;
	background-color:#000;
	text-align:center;
	}
#ttEncartR>h4,
#ttEncartL>h4 {
	margin:1.5em 0 0; 
	padding:0.25em 0.6em;
	color:#ebca37 !important;
	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,
#ttEncartL * 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 :1px solid #666;
	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: 0.25em auto 0.5em;
	padding:0.45em;
	height:250px;
	overflow : auto;
	background : #000;
	border:1px solid #ccc;
	color : #fff !important;
}
div.cadre2 p { font-size:0.65em;}
div.cadre2 ul {
	margin: 0.25em 0 0.8em;
	font-size:1em;
	list-style:outside circle;
}
div.cadre2 ul li {}
/* 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/gradAlpha.png) 0 -100px 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 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;
}