/******************/
/*      HTML      */
/******************/
body { background:#fff; margin:0; padding:0; width:100%; height:100%; font-size:10px; color:#000; }
html { width:100%; height:100%; }
body, html, td, p, a { font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-size:10px;}
a { text-decoration:none; color:#ff8f17; }
a:hover { text-decoration:underline; color:#ff8f17; }
img { border:none; }
h1 { /* titres 14px  */ font-size:14px; font-weight:bold; }
h2 { /* titres 12px  */ font-size:12px; font-weight:bold; }
h3 { /* titres 10px */ font-size:10px; font-weight:bold; }
h4 {}
h5 { font-size:9px; font-weight:normal; }
h6 {}
select, input, textarea { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#016093; background:#e0f4fc; margin: 5px 0; }

div.separation { height:10px; width:100%; margin:0; padding:0; }

/************************************/
/*           Structure              */
/************************************/
td#top { width:900px; height:163px; }

#logo { position:absolute; left:0; top:0; width:232px; height:163px; z-index:0; }

#titrerub {  position:absolute; left:250; top:80;margin:0 0 0 221px; width:459px; height:97px; z-index:10; background:#fff url(images/fd_titrage.gif) 0 0 no-repeat; text-align:right; }
#titrerub img { margin:48px 17px 0 0; }
#titrerub img.grande { margin:40px 17px 0 0; }
#titrerub img.titrehome { margin:20px 17px 0 0; }
#titrerub h3 { margin:10px 17px 0 0; padding:0; color:#016093; font-weight:normal; line-height:14px; }

#arbo {  margin:0 0 0 221px; width:559px; height:25px; z-index:10; background:#fff url(images/fd_arbo.gif) 3px 0 no-repeat; text-align:right; }
#arbo h5 { padding:6px 28px 0 0; color:#9f9f9f; }
#arbo h5 a { color:#9f9f9f; }

#conteneur { position:relative; left:0; top:203px; width:780px; z-index:1; }
html>body #conteneur {
    height: auto;
	}
	
td#navleft { width:221px; padding:38px 0 0 0; color:#4da5cb; height:100%; }
td#navleft img.titrenav { margin:0 0 0 18px; padding:0; }
td#navleft p { margin:7px 36px 0 17px; padding:0; }
td#navleft h3 { margin:7px 36px 10px 17px; }
td#navleft h3 a { color:#4da5cb; }

td#navleft ul.navinterne { list-style:none; margin:12px 0 12px 0; padding:0;  }
td#navleft ul.navinterne li {  margin:0 0 1px 0; background:url(images/fd_sousmenu.gif) 0 0 no-repeat; }
td#navleft ul.navinterne li a { display:block; height:17px; color:#4da5cb; font-weight:bold; padding:4px 0 0 18px; }
td#navleft ul.navinterne li a:hover { color:#ff8f17; font-weight:bold; text-decoration:none; }
td#navleft ul.navinterne li.ici a { color:#ff8f17; font-weight:bold; }
td#navleft ul.navinterne li.ici a:hover { text-decoration:none; cursor:default; }
td#navleft ul.navinterne ul.etage2 { list-style:none; margin:0 0 8px 10px; padding:0;  }
td#navleft ul.navinterne ul.etage2 li { background:none; margin:0; padding:0; }
td#navleft ul.navinterne ul.etage2 li a { color:#4da5cb; display:block; font-weight:normal; height:12px; }
td#navleft ul.navinterne ul.etage2 li a:hover { cursor:pointer; font-weight:normal; color:#ff8f17; }
td#navleft ul.navinterne ul.etage2 li.ici a { color:#ff8f17; }
td#navleft ul.navinterne ul.etage2 li.ici a:hover { cursor:default; text-decoration:none; }

td#navleft ul { list-style:none; margin:6px 36px 6px 18px; padding:0;  }
td#navleft li { margin:0 0 7px 0; padding:0; }
td#navleft li a { color:#4da5cb; }

#footer { /* pages internes */ clear:left; width:559px; background:#005e91; height:18px; z-index:1; margin:0 0 0 221px; }

p#signature { float:right; color:#fff; margin:3px 10px 0 0; }
p#credits { float:left; color:#fff; margin:3px 0 0 10px; }
p#credits a { color:#fff; }

/*****************************/
/*          HOMEPAGE         */
/*****************************/
#alaune h3, #alaune p { /* A LA UNE */ }
#alaune h3 a { color:#ff8f17; }
.alauneresume { color:#FF8f17; }

#contenu {
	position:relative; 
	width:559px; 
	background:url(images/fd_contenu_separvert.gif) 50px 22px repeat-y; 
	z-index:1; 
	margin:0; 
	padding:0; 
}
#colleft {  
	float:left; 
	margin:22px 8px 22px 16px;
	display: inline; /* pour eviter le doublement de la marge avec IE (bug de float : http://positioniseverything.net/explorer/doubled-margin.html) */
	padding:0;
	width:232px;
	z-index:1; 
	}
#colright { 
	float:right; 
	margin:23px 16px 22px 8px;
	display:inline; /* pour eviter le doublement de la marge avec IE (bug de float : http://positioniseverything.net/explorer/doubled-margin.html) */
	padding:0; 
	width:231px; 
	z-index:1; 
	}
#colright img.logodge { float:right; bottom:0; margin:10px 0 10px 5px; }
#colright img.logoeureka { float:right; bottom:0; margin:25px 19px 10px 5px; }
#colleft p, #colright p { margin:15px 0 0 0; padding:0; line-height:14px; }

#colleft ul { list-style:none; margin:15px 0 0 0; padding:0; }
#colleft li { margin:0; padding:0; display:inline; /* pour eviter le doublement de la marge avec IE (bug de float : http://positioniseverything.net/explorer/doubled-margin.html) */ }
#colleft li a { display:block; line-height:14px; padding:5px 0 0 20px; margin:0; background:url(/images/puce_fleche.gif) 3px 6px no-repeat;  }

#colright ul { list-style:none; margin:15px 0 0 0; padding:0; }
#colright li { margin:15px 0 0 0; padding:0; display:inline; /* pour eviter le doublement de la marge avec IE (bug de float : http://positioniseverything.net/explorer/doubled-margin.html) */ }
#colright li a {display:block; line-height:14px;  padding:5px 0 0 20px; margin:0; background:url(/images/puce_fleche.gif) 3px 6px no-repeat; margin:0; }

#colleft h3, #colright h3 { margin:15px 0 45px 0; padding:0; }
#colleft a, #colright a { color:#016093; }


div.event { 
	position:absolute; 
	top:40px; 
	margin:22px 28px 22px 0;
	padding:16px;
	z-index:2;
	background:#ade1f7;
	height:250px;
	width:251px; 
  voice-family: "\"}\""; /* Box model hack */
  voice-family:inherit;
	width:215px;
	}	


/************************************/
/*           Detail                 */
/************************************/
table#contenuDetail {
	width:780px;
	z-index:1;
}
#contenuJessica {
	position:absolute;
	left:221px;
	top:163px;
	width:559px;
  line-height:18px;
	color:#016093;
	background:transparent;
	z-index:1;
	margin:0;
	padding:0;
}

#contenuJessica h1, #contenuJessica h2, #contenuJessica h3, #contenuJessica h4, #contenuJessica h5, #contenuJessica h6 { color:#016093; padding:22px 28px 0 18px; }
td#principal {
	padding:22px 22px 22px 18px;
	width:559px;
  line-height:18px;
	color:#016093;
}
td#principal h1, td#principal h2, td#principal h3, td#principal h4, td#principal h5, td#principal h6 { color:#016093; }
td#principal ul {	list-style:none; margin:10px 20px; padding:0; }
td#principal li { background:#fff url(images/puce_fleche.gif) 0 3px no-repeat; margin:0; padding:0 0 0 20px; }

#colleft ul.jessicafrance li {  }
#colleft ul.jessicafrance li a { display:block; color:#4da5cb; border-bottom:1px dotted #4da5cb; padding:10px 0 5px 20px; background:#fff url(images/puce_fleche.gif) 0 11px no-repeat; }

#colright ul.jessicafrance li {  }
#colright ul.jessicafrance li a { display:block; color:#4da5cb; border-bottom:1px dotted #4da5cb; padding:10px 0 5px 20px; background:#fff url(images/puce_fleche.gif) 0 11px no-repeat; }


/********************************/
/*        XSL + Specifique      */
/********************************/
table.tableau { margin:10px 0; }
table.tableau p { margin:5px; }
table.tableauinterne { margin:5px 0 0 0; }
table.tableauinterne p { margin:5px; }
table.firstrow, table.firstrow a { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; }
table.firstrow td.tabtexte { color:#016093; font-weight:normal; }
.titresforum { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; }

p.picto img, span.picto { /* pour simuler un absmiddle dans les entetes de details */
  vertical-align: middle;
  display: inline-block; 
}
p.picto span.picto { padding-left: 5px; }

.mini { color:#9f9f9f; }

div.hr { background:url(images/pointilles.gif) 0 0 repeat-x; width:185px; height:1px; margin:3px 36px 0 0; padding:0; }

/* page activites en region */
#actileft {  
	float:left; 
	margin:22px 8px 22px 8px;
	display: inline; /* pour eviter le doublement de la marge avec IE (bug de float : http://positioniseverything.net/explorer/doubled-margin.html) */
	padding:0;
	width:224px;
	z-index:1; 
	}
#actiright { 
	float:right; 
	margin:23px 22px 22px 24px;
	display:inline; /* pour eviter le doublement de la marge avec IE (bug de float : http://positioniseverything.net/explorer/doubled-margin.html) */
	padding:0; 
	width:225px; 
	z-index:1; 
	}
	
#actiright img.logodge { float:right; bottom:0; margin:10px 0 10px 5px; }
#actiright img.logoeureka { float:right; bottom:0; margin:25px 19px 10px 5px; }
#actileft p, #colright p { margin:15px 0 0 0; padding:0; line-height:14px; }

#actileft ul { list-style:none; margin:15px 0 0 0; padding:0; }
#actileft li { margin:0; padding:0; display:inline; /* pour eviter le doublement de la marge avec IE (bug de float : http://positioniseverything.net/explorer/doubled-margin.html) */ }
#actileft li a { display:block; line-height:14px; padding:5px 0 0 20px; margin:0; background:url(images/puce_fleche.gif) 3px 6px no-repeat;  }

#actiright ul { list-style:none; margin:15px 0 0 0; padding:0; }
#actiright li { margin:15px 0 0 0; padding:0; display:inline; /* pour eviter le doublement de la marge avec IE (bug de float : http://positioniseverything.net/explorer/doubled-margin.html) */ }
#actiright li a {display:block; line-height:14px;  padding:5px 0 0 20px; margin:0; background:url(images/puce_fleche.gif) 3px 6px no-repeat; margin:0; }

#actileft h3, #actiright h3 { margin:15px 0 45px 0; padding:0; }
#actileft a, #actiright a { color:#016093; }	
	
#actileft ul.jessicafrance li {  }
#actileft ul.jessicafrance li a { display:block; color:#4da5cb; border-bottom:1px dotted #4da5cb; padding:10px 0 5px 20px; background:#fff url(/images/puce_fleche.gif) 0 11px no-repeat; }

#actiright ul.jessicafrance li {  }
#actiright ul.jessicafrance li a { display:block; color:#4da5cb; border-bottom:1px dotted #4da5cb; padding:10px 0 5px 20px; background:#fff url(/images/puce_fleche.gif) 0 11px no-repeat; }
	
div.eventregionleft { 
	position:absolute; 
	top:70px; 
	left:0;
	margin:22px 28px 22px 0;
	padding:16px;
	z-index:2;
	background:#ade1f7;
	height:300px;
	width:200px; 
	}			
div.eventregionright { 
	position:absolute; 
	top:70px; 
	left:305px;
	margin:22px 28px 22px 0;
	padding:16px;
	z-index:2;
	background:#ade1f7;
	height:300px;
	width:200px; 
	}