/* CSS Document */
/* Spécifique à la Charte du Client The Theme */
/* All pages Default */
body {
	font-family: Arial, Helvetica, sans-serif;
	background:#fff url(/img/charte/fonds/fdBodyApten.png) repeat-x 100% 0;
}
div#ttBase {
	/*width:797px;*/
	width:960px;
	padding:0;
	margin:0;
	background: url(/img/charte/fonds/fdBase.gif) repeat-y 0 0;
	overflow: auto;
	border-right:1px solid #fff;
}
div#ttTop {
	width:360px;
	float:left;
	background:url(/phototheque/webo/logo-apten-small.gif) no-repeat 85% 100%;
	}
div#ttFooter { 
	width:100%;
	height:160px;
	border-bottom:30px solid #98bf0e;
	margin: 0 auto;
	background:#fff url(/img/charte/fonds/fdFooter.gif) repeat-x 0 0;	
}
div#footerT,
div#footerB {
	width:797px;
	min-height:78px;
	margin:0 160px !important;
	padding: 0.15em 0 0 !important;
	background-color:#dcdcdc;
	}
div#footerTL {margin-left:1em;}
div#footerTR {margin-right:1em;}
div#ttMainTop,
div#ttMainBottom {
	width:797px;
	height:15px;
	display:none;
	}
div#ttMain {
	width:595px;
	color:#333;
	float:left;
	clear:none;
	padding:90px 0 0;
	border-left:1px solid #ccc;
	border-right:1px solid #fff;
}
div#ttContent {
	width:595px;
	color:#333;
	background:#fff;
	float:right;
	clear:none;
	padding:1em 0 0;
}
div#ttRoot {margin-bottom:2em;}
div#ttNavTop {
	padding-top:0;
	height:100%;
	border-bottom:none;
	width: 200px;
	margin:0 0 6em 160px;
}
div#ttLogo { 
	position:absolute;
	top:0;
	left:0;
	width:175px;
	height:259px;
	background:url(/img/charte/fonds/JieBulbLogo.png) no-repeat 0 -80px;
	z-index:30;
}
img#imgLogo {margin:1em 2em 0;}
div#ttLang {
	right:1em;
	top:5.35em;
}
div#ttSearch {
	position:relative;
	right:auto;
	top:auto;
	margin:5.2em 1.5em 1.5em;
}
div.ttRow > div.columnLeft:first-child {margin:0 0 0 0.5em;} /* La première colonne d'un Row */


/* //// Generic classes. Des styles de mise en forme du texte.  */
/* TITRES  */
h1 {
	font-size : 1.5em;
	margin : 0 0.5em  0.25em 0;
	text-align:right;
	color:#9ec7ce;
	font-weight: bold;
	}
h2 {
	margin : 0.75em 1em 0.35em 0;
	}
h3 {
	font-size : 0.65em;
	}
/*h4 {
	font-size : 0.7em;
	margin : 0.5em  0 0;
	line-height:125%;
	}*/
/*h5 {
	font-size : 0.67em;
	margin : 0.5em  auto;
	letter-spacing:0.08em;
	}
h6 {
	font-size : 0.55em;
	margin : 1em 0.5em 0.5em 4em;
	}*/
h1.titrePage {
	margin: 0.5em 0 0.35em;
	padding-right:2em;
	}
/*h1.titreMedium {font-size : 3em;}*/
h1.titreBig {
	font: normal normal normal 4.7em/0.55em 'Arial Black', Arial, sans-serif;
	margin: 0.15em 0.15em 0.35em 0.25em;
	color:#fff;
	opacity:0.5;
}
/*h1.Accroche  {
	font-size : 2em;
	margin-right : 10%;
	text-align : inherit;
}*/
h2.hangingSubTitle {
	font-size:0.7em;
	margin : -2em auto 0.5em;
	padding : 0.25em 5em; 
	/*text-align:right;
	font-weight:normal;
	text-transform:uppercase;*/
	border:1px solid #333;
	border-width:1px 0 0;
	/*color :#999999;*/
	background-color: #666;
	background-color: rgba(0,0,0,0.6);
	z-index:20;/*???*/
	position:relative;/*???*/
}
/*p {
	margin : 1em 0;
	font-size : 0.68em;
	line-height:122%;
	text-align:justify;
	letter-spacing:0.15em;
	}*/
/*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;}
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;}*/
div.ttBox ul {
	list-style:outside url(/img/gui/puces/puceRond.png);
	margin: 0.15em 2em;
	padding-left: 1em;
	}
/*abbr,
acronym {
	color:#da4cfd;
	border-bottom:1px dotted #666;
	}*/
address {
	font-size : 0.8em;
	margin :0 0 0.9em;
}
cite { color:#4E4454;}
/* Effets de Texte */
/*.BigText,
.HugeText {
	font-weight:700;
	display : block;
	clear : both;
}
.BigText {font-size : 50px;}
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 /// */
/* div#ttFooter  {
	font-size : 0.95em;
	color : #333;
	}
div#ttFooter div#footerTR {
	text-transform:uppercase;
	font-size:0.9;
	}
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;}*/