@charset "UTF-8";
/* CSS Document */
/* Spécifique à la Charte du Client */
/*@font-face {
  font-family: "Marker Felt";
  src: url('http://www.valerieguerlain.com/css/fonts/MarkerFelt.dfont');
}*/
body {
	margin: 0;
	padding: 0;
	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, mono, sans-serif;
}

hr {
	margin:2em auto;
	width:40%;
}
/* définiton des listes */
ol, ul, li, dd, dt, dl {
	font-size : 12px;
	line-height:normal;
	}
ul,ol  {
	margin : 0.15em 1.2em;
	padding-left:1em;
	}
ul {
list-style-type:none;
list-style:outside url(/img/gui/arrow.gif);
}

li {margin-bottom:0.25em;}


code {
	font-size : 0.7em; 
	font-family:'Courier New', Courier, mono, sans-serif;
	border:1px dashed #ccc; 
	padding:1.5em; 
	width:90%;
	margin:1em auto;
	background:#E8F5E6; 
	text-align:left; 
	white-space:pre;
}
dfn  {font-size : 0.65em;}
cite:before { content: '| ';}
cite:after {content:' |';}
cite { 
	font-style:normal;
	color:#4E4454;
}
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;
}

/* 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:#333;
	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;}
div#ttFooter div#footerTR {text-transform:uppercase;}
div#ttFooter .crosslinks {
	float:left;
	color:#333;
}
div#ttFooter div#footerTL p {font-size:0.75em; }
div#ttFooter div#footerTL * span.copyright {font-weight:bold;}

div#ttBottom {
	background : url(/img/gui/arrondiBottom.png) no-repeat top center;
	height:25px;
	overflow:hidden;
}

div#ttBottom a, 
div#ttBottom a:link,
div#ttBottom a:visited	{
	color:#993300;
	text-decoration: none;
	font-style:normal;
	}
div#ttBottom a:hover	{
	color: #FF9900;
	border:none;
}
div#ttBottom a:visited:hover {
	color: #993300;
	border:none;
}
div#ttBottom a:active {color: #993300;}

p.note:before { content: "Note: " }
p.note { border: solid green; }
.legende {
	font-style:italic;
	font-size : 0.6em;
	margin :0.25em;
	text-transform:uppercase;
	text-align:right;
}
.date {
	font-size : 0.88em;
	text-align : right;
}
.allcaps {text-transform : uppercase;}

/* //// Generic classes. Des styles de mise en forme du texte.  */
/* TITRES  */
h1, h2 {
color:#FF0066;
font-family:'Marker Felt', 'Trebuchet MS', Verdana, Helvetica, Arial, mono, sans-serif;}
h1.titrePage {
	line-height : 120%;
	font-size : 1.45em;
	text-align:left;
	font-weight:normal;
}
h1.titreMedium {
	line-height : 1em;
	color:#660000;
	font-size : 2em;
	margin : 0.5em 1em 0.25em 0.25em;
	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, mono, sans-serif;

	}
h1.Accroche  {/* suppr */
margin-right : 10%;
text-transform : none;
text-align : inherit;
font-size : 2em;
}
h2.hangingSubTitle { /* Sous titre en drapeau */
	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;
		font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
} 
h2.allcaps { 
	margin-top:2.2em;
	margin-bottom:0;
	font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
 }
p.chapeau {	
	line-height : 115%;	
	font-size : 0.8em; 
	font-weight:bold;
	margin-top:0.2em;
	margin-bottom:0;
}
p.signature {
	font-style:italic;
	font-size : 0.6em;
	margin :1em;
	text-align:right;
}
p.legendeImage {
	text-align : justify;
	font-style:italic;
	margin :0.25em 1em 1.5em;
	font-size : 0.8em;
}
p.allcaps {
	line-height:1em;
	font-size:0.9em;
	}

div#inlineFooter {
	margin-top :4em;
	padding-top:0.25em;
	border-top:#ccc dotted 1px;
	text-transform:uppercase;
	font-size:0.9em;
	color:#666666;
	line-height:103%;
	text-align : justify;
	clear:both;
}

/*à remplacer par DD / DL - vieux reste de l'époque Netscape 4'*/
.defTitle    {
	font-size : 0.8em; 
	font-weight:bold;
	margin : 0 1em 0.15em;
} 
.definition {font-size : 0.65em;} /* remplacer par dfn tag ---> implique modif sur les modèles de pages */
.SubDef {
	font-size : 0.7em;
	margin : 0 2em;
}

/* // ------------- autre deco ------------- // */
/* des classes de couleurs qui soulagent (modified vendredi 28 janvier 2005 2:12:35) */
.SQLtitleRow {
	color : #EAE3D1;
	background-color : #999999;
	margin-top : 0.75em;
}

/* ///// Encarts Customize ///// */
div#ttEncartR {
	border-left:1px solid #e2e2e2;
	background:#fff url(/img/gui/fonds/bodybg1305.gif) left bottom repeat-x; 
}
div#ttEncartL {
	margin:0 0.2em 0 0.6em;
	background:#537185 url(/img/gui/fonds/fdpa_enc_L.jpg) top left no-repeat;
	overflow:hidden; /*???*/
}
#ttEncartL p,
#ttEncartR p { 
	margin:0.25em;
	font-size:0.6em;
}
#ttEncartR h2 {margin-left:0.35em;}
#ttEncartR h3, 
#ttEncartL h3 {
	margin: 0.25em auto; 
	border:#999999 1px solid;
	border-width: 1px 0;
	padding:0.8em 0.25em 0.8em;
	color:white;
	background-color:#000;
	text-align:center;
	width:90%;
}
#ttEncartR h4,
#ttEncartL h4 {
	margin:1.5em 0 0; 
	padding:0.25em 0.6em;
	color:#ebca37;
	background-color:#657c82;
	text-align:left;
	width:90%;
}

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

/*Pseudo Classes pour encarts */
#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 : 1px solid #e2e2e2;
	border-bottom-color : #CCC;
	border-right-color : #CCC;
	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;
	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:300px;
	overflow : scroll;
	background : #3c6fb3;
	border:1px solid #ccc;
	color : #fff !important;
	background-color:#CCC;
}
div.cadre2 p {
	text-align:left;
	margin:0; padding:0;
	font-size:0.7em;
}
div.cadre2 li {
	margin: 0.25em 3em;
	font-size:1em;
	list-style:outside circle;
}
div.cadre2 h3 {
	text-transform:none;
	font-size:1em; 
}
/* // cadre 3 - Bloc gradient -ok- // */
div.cadre3 {
	margin : 1em auto;
	padding:0.45em;
	height:auto;
	/*overflow : visible; suppr */
	background: #CFCDCD url(/img/gui/fonds/bargrad600.gif) 0 0 repeat-x;
}
div.cadre3 img {border :1px #000 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;}
/* // 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;
}
/* // cadre 5 // */
div.cadre5 { /* Cadre neutre  à verif*/
	width : 99%;
	height : auto; 
	overflow : visible;
}
/* GLOBAL SEARCH */
#globalsearch { 
	width: 143px; 
	margin:0;/*suppr */
	padding:0;/* suppr */
	display:inline;
	float:left;
}
#globalsearch.active { background-position: 100% -38px; }
#globalsearch input.g-prettysearch { 
	width:140px; height: 16px;
	background: url(/img/search/searchfield_repeat.png) center top repeat-x;
	margin:0;
	padding:0;
	position: relative;
}
#globalsearch .search-wrapper { 
	position: relative;
	width: 140px;
	margin-top: 3px;
}
#globalsearch .search-wrapper .left {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 19px;
	background: url(/img/search/searchfield_leftcap.png) left top no-repeat;
}
#globalsearch .search-wrapper .right {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 10px;
	height: 19px;
	background: url(/img/search/searchfield_rightcap.png) right top no-repeat;
}
#globalsearch .search-wrapper.empty.blurred input { color: #7E7E7E; }
#globalsearch .search-wrapper .reset {
	position: absolute;
	right: 4px;
	top: 4px;
	width: 11px;
	height: 11px;
	overflow:hidden;
	z-index: 1; 
	display: block;
	cursor: pointer; 
}
#globalsearch .search-wrapper.empty .reset { display: none; }
#globalsearch .search-wrapper input.g-prettysearch {
	position: absolute;
	top: 0; 
	right:10px;
	width:110px;
	background: url(/img/search/searchfield_repeat.png) center top repeat-x;
	border: none;
	margin: 0;
	padding: 3px 0 0 0;
	font: 11px "Lucida Grande", Geneva, Arial, sans-serif; 
}
#globalsearch label span.prettyplaceholder { display: none;}


/* Javascript RSS Feed */

div#ttFeed {
	margin:0 1.8em 0 0; 
	display:inline;
	width:485px;
	background : url(/img/gui/arrondiFeed.png) no-repeat top center;
	height:30px;
	overflow:hidden;
	float:right;
}

div#ttFeed a, 
div#ttFeed a:link,
div#ttFeed a:visited {
	color:#993300;
	text-decoration: none;
	font-style:normal;
	}
div#ttFeed a:hover	{
	color: #FF9900;
	border:none;
}
div#ttFeed a:visited:hover	{
	color: #993300;
	border:none;
}
div#ttFeed a:active	{color: #993300;}
div#rssFeed {
	margin:0;
	padding:3px 5px 7px 5px;
	height:20px;
}
span#title {
	margin:0;
	padding:5px 5px 4px 5px; 
	font-size:0.7em;
	text-transform:uppercase;
	color:#657c82;
	display:block;
	float:left;
}
span#title a, 
span#title a:link,
span#title a:visited {
	color:#657c82;
	text-decoration:none;
	font-style:normal;
}
span#title a:hover	{
	color: #FF9900;
	border:none;
}
span#title a:visited:hover	{
	color: #657c82;
	border:none;
}
span#title a:active	{color: #657c82;}
span#jsfeed {
	margin:0;
	margin-left:2em;
	padding-top:5px;
	font-size:0.7em;
	color:#993300;
	text-transform:none;
	display:block;
	float:left;
}
.slide {/* c'est un div? si oui supprimer cette déclaration */
	margin:0;
	padding:0;
}