@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a, a:visited { text-decoration: none; color: #9A0103;}
a:hover { text-decoration: none; color: #000;}
/* LAYOUTS */

body {
background:#7C0201 url(pix/fdpagebis.jpg) repeat-x 0 0;
}
#visage, #visage.num1 {position:absolute; width:694px; z-index:0; left:0; top:0; background:transparent url(pix/vis1.jpg) no-repeat 0 0; height:632px}
#visage.num2 {background:transparent url(pix/vis2.jpg) no-repeat 0 0; height:944px}
#visage.num3 {background:transparent url(pix/vis3.jpg) no-repeat 0 0; height:838px}
/*#visage.num4 {background:transparent url(pix/vis4.jpg) no-repeat -200px 0; height:864px}*/
#visage.num4 {background:transparent url(pix/vis5.jpg) no-repeat 0 0; height:1068px}
#visage.num5 {background:transparent url(pix/vis6.jpg) no-repeat -150px 0; height:844px}
#wrapper {
width:850px;
margin:0 auto;
background:#fff;
font-family: Arial, sans-serif;
line-height: 1.5;
font-size: 14px;
	line-height: 1.5em;
}
#header {
height:180px;
width:100%;

}
.tof1, .tof10,.tof11,.tof12,.tof13,.tof14,.tof15,.tof16,.tof17,.tof18,.tof19,.tof20,.tof30,.tof31,.tof21 {background:#fff url(pix/fdhead2.jpg) no-repeat 0 0;}
.tof2 {background:#fff url(pix/fd_des.jpg) no-repeat 0 0;}
.tof3 {background:#fff url(pix/fd_home.jpg) no-repeat 0 0;}
.tof4 {background:#fff url(pix/fd_events.jpg) no-repeat 0 0;}
.tof5 {background:#fff url(pix/fd_ate2.jpg) no-repeat 0 0;}
.tof6 {background:#fff url(pix/fd_spec.jpg) no-repeat 0 0;}
.tof7 {background:#fff url(pix/fdhead2.jpg) no-repeat 0 0;}
.tof8 {background:#fff url(pix/fd_bibli.jpg) no-repeat 0 0;}
.tof9 {background:#fff url(pix/fdhead2.jpg) no-repeat 0 0;}
#header h1 {
width:183px;
height:115px;
overflow:hidden;
float:left;
margin:27px 0 0 19px;
}

a:hover .photos {
	border: 1px solid #999;
}
.lbLoading {
	background: #fff url(loader.gif) no-repeat center;
}
.photos {
	border: 1px solid #fff;
	padding: 3px;
}
.lightboxDesc {
	display: none;
}
#lbOverlay {
	background-color: #000;
		background-color: #FFF;
	cursor: pointer;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 100000;
}
#lbCenter, #lbBottomContainer {
	background-color: #fff;
	left: 50%;
	overflow: hidden;
	position: absolute;
	z-index: 100001;
}
#lbImage {
	border: 1px solid #333;
	cursor: pointer;
}
#lbBottom {
	border: 1px solid #333;
	border-top-style: none;
	color: #000;
	font: normal 11px/16px Arial, sans-serif;
	text-align: left;
}

#header h1 a {
width:183px;
height:115px;
overflow:hidden;
float:left;
text-indent:-900%;
background:transparent url(pix/logo.gif) no-repeat 0 0;

}
#centre {
width:100%;
padding:0 0 20px 0;
background:#fff url(pix/fdblanc.jpg) no-repeat 0 0;
float:left;
}
#holdcentre {
width:100%;
padding:0 0 40px 0;

float:left;
}
#bdp {

background:transparent url(pix/bdp.gif) no-repeat 0 bottom;
width:849px;
padding:0 0 20px 0;
float:left;
clear:left;

height:145px;
}
ul#menu {
list-style:none;
width:100%;
text-align:center;
font-family:'Helvetica',Arial;
padding:35px 0 0 0;
}
ul#menu li { 
display:inline;
margin:0 25px 0 3px;
font-size:100%;
}
ul#menu li a {
color:#595959;
cursor:pointer;
text-decoration:none;
}
ul#menu li a:hover {

color:#000;
}
ul#menu li.active a {
color:#790101;
}
#footer {
width:100%;
float:left;
clear:left;
text-align:center;
}

#footer ul {
list-style:none;
width:100%;
text-align:center;
font-family:'Helvetica',Arial;
padding:20px 0 0 0;
}
#footer ul li { 
display:inline;
margin:0 25px 0 3px;
font-size:100%;
}
#footer ul li a {
color:#000;
cursor:pointer;
text-decoration:none;
}
#footer ul li a:hover, #footer ul li.sel a, #footer ul li.sel a:hover {
color:#790101;
}

#colcentre, div.blankpost {
float:left;
width:450px;
background:transparent url(pix/bisgris.png) repeat 0 0;
margin:35px 0 0 0;
}
#colcentre.for { width:800px; margin-left:15px; background-image:none;}
div.blankpost { background:#fff; background-image:none; margin:0 0 0 0; }
#colg, #cold {float:left; width:160px; margin: 35px 20px 0 20px;}
div.blankpost h3.puce { margin-left:10px; padding-top:0; text-transform:uppercase; font-weight:normal;}
#cold { float:left;margin: 35px 0 0 20px;}
div.blankpost ul {float:left; margin-top:10px;}
div.blankpost ul li {float:left; display:block; padding:0px 5px 15px 0; clear:none; width:auto;}
div.blankpost ul li ul li {float:left; clear:left; padding:2px;}

ul.deux {float:left; margin-top:10px;}
ul.deux li {float:left; display:block; padding:0px 5px 15px 0; clear:none; width:auto;}
ul.deux li ul li {float:left; clear:left; padding:2px;}

div.boxg, div.boxginner, div.boxgcont 
{
float:left;
width:148px;
}
div.boxg { margin:0 0 0 10px;}
div.boxgcont { margin:5px 0 5px 0; padding:0 8px 0 10px; width:130px; font-size:90%; line-height:1.3em;}
div.rdp { background:transparent url(pix/picto_rdp.gif) no-repeat center center; height:70px;}
div.casque { background:transparent url(pix/picto_casque.gif) no-repeat center center; height:70px;}
div.rdp a, div.casque a {
display:block;
width:100%;
height:70px;
text-indent:-900%;
overflow:hidden;
float:left;
cursor:pointer;
}
a.liendroite, a.liendroitehov {
display:block;
width:100%;
height:20px;
padding-top:70px;
padding-bottom:5px;
text-align:center;
overflow:hidden;
float:left;
cursor:pointer;
font-size:110%;
font-weight:normal;
text-align:center;
background:transparent url(pix/picto_rdp.gif) no-repeat center 0;
text-decoration:none;
color:#595959;
border:0pt solid red;
}
a.liendroite:hover  {color:#000;}
a.liendroitehov, a.liendroitehov:hover  {color:#790101;}
a.casque {background:transparent url(pix/picto_casque.gif) no-repeat center 0;}
a.cd {background:transparent url(pix/picto_lib.gif) no-repeat center 0;}

#colg h2 { 
width:148px; 
margin:5px 0 5px 10px;
float:left;
/*background:transparent url(pix/puce.gif) no-repeat 0 0; height:20px; text-indent:25px;*/
font-size:110%;
font-weight:normal;
text-align:center;
/*letter-spacing:-0.65pt;*/
}
h3.toggler, ul.pucerge li a {background:transparent url(pix/puce08.gif) no-repeat 0 2px;
text-indent:22px;height:20px; font-size:100%; text-transform:uppercase; padding-top:3px; display:block;}
h3.toggler:hover {color:#790101;}
span.chobli {color:#790101;}
ul.pucerge li a:hover {color:#000;}
div.element { margin-left:22px; margin-right:5px; border:0pt solid red; }
div.element ul { margin-left:50px;}
#colg h2 a {
text-decoration:none;
color:#000;
}
#colg h2 a:hover {
text-decoration:none;
color:#790101;
}
div.lignesep { width:148px;  height:21px; background:url(pix/lignesep.gif) repeat-x; float:left; clear:left; margin:0 0 20px 10px;}
h3.puce { 
margin:5px 0 0px 0px;
height:20px;
background:transparent url(pix/puce08.gif) no-repeat 0 2px;
text-indent:22px;
font-size:14px;
padding-top:3px;
font-weight:bold;
float:left;
clear:left;
}
h3.puce a {
text-decoration:none;
color:#790101;
}
h3.puce a:hover {
text-decoration:none;
color:#000;
}
p.desc, div.desc {
/*padding-left:35px;*/

float:left;
clear:left;
border:0pt solid blue;
margin-bottom:30px;
}
div.desc p {
float:left;
width:280px;
border:0pt solid red;
padding-top:2px;
padding-left:5px;
padding-bottom:0px;

}
.desc a {
text-decoration:none;
color:#790101;
}
.desc a:hover {
color:#000;
}
p.desc img, div.post img {float:left; margin:4px 5px 3px 8px;}

p.desc img, div.post img {float:left; margin:4px 5px 3px 0px;}


h1#planetenouga {
width:130px;
height:145px;
overflow:hidden;
float:left;
}
h1#planetenouga a {
width:130px;
height:145px;
overflow:hidden;
float:left;
text-indent:-900%;
background:transparent url(pix/module/annenouga1208.gif) no-repeat 0 0;
}
h3 { color:#790101; font-weight:normal; font-size:16px; margin-bottom:5px; font-weight:bold;}
div.post, div.blankpost div { width:430px; margin:10px 0 10px 10px; font-size:12px; line-height:1.3em;}
div.for { width:800px; height:850px; margin:10px 0 25px 0;}


ul.bold { font-weight:bold; font-style:italic}
h3#actu, h3#agen, h3#agen a,  h3#adhe {
width:149px;
height:25px;
overflow:hidden;
float:left;
text-indent:-900%;
background:transparent url(pix/h1actu.gif) no-repeat 0 center;


}

h3#agen, h3#agen a  {
background:transparent url(pix/h1agenda.gif) no-repeat 0 center; margin-top:15px; text-indent: 0; padding: 0;
}
 h3#agen a  {text-indent:-900%; margin: 0; padding: 0;}
h3#adhe {
background:transparent url(pix/h1forum.gif) no-repeat 0 center;  margin-top:15px;
}
a#recme, a#secon {
float:left;
overflow:hidden;
width:149px;
height:72px;
background:#fff url(pix/boutade.gif) no-repeat 0 -72px;
text-indent:-900%;
}
a#recme:hover {
background:#fff url(pix/boutade.gif) no-repeat 0 0;
}
a#secon, a#secon:hover {background:#fff url(pix/secon.gif) no-repeat 0 -72px;}
a#secon:hover {background:#fff url(pix/secon.gif) no-repeat 0 0;}
.grey {color:#575757}
h4 { font-style:italic; color:#790101; margin:15px 0 5px 0;}
div.ficheeven { font-weight:normal; }
p { padding-bottom:10px;}
#plume { position:absolute; 
z-index:20;
width:42px;
height:44px;
background:transparent url(pix/plume.png) no-repeat 0 0;
}

#fancymenu {
			position: relative;
			
			width: 100%;
			
			
			margin: 10px 0;
			
			
		}


		#fancymenu ul{
			padding: 0;
			margin: 0;
			text-align:center;
			width:100%;
			margin-top:-17px;
			margin-left:40px;
		}

		/* Don't apply padding here (offsetWidth will differ in IE)
		If you need padding add it to the child anchor */
		#fancymenu ul li{
			float: left;
			list-style: none;
		}

		#fancymenu ul li a {
			
			z-index: 10;
			display: block;
			float: left;
			
			position: relative;
			display:block;
			
			margin:0 25px 0 3px;
			background-position:center center;
			background-repeat:no-repeat;
			padding-top:40px;
			color:#595959;
			text-decoration:none;
			font-size:110%;
		}
		#fancymenu ul li a:hover {

color:#000;
}
#fancymenu ul li.current a {color:#790101; }

		#fancymenu li.background {
			/*background: url('images/bg_menu_right.png') no-repeat top right !important;*/
			background: url('pix/plume.png') no-repeat top left; !important;
			/*background: url('images/bg_menu_right.gif') no-repeat top right;*/
			
			z-index: 8;
			position: absolute;
			visibility: hidden;
		}

		#fancymenu .background .left {
			/*background: url('images/bg_menu.png') no-repeat top left !important;
			background: url('pix/plume.png') no-repeat top left; !important;
			background: url('images/bg_menu.gif') no-repeat top left;*/
			background:transparent url('pix/plume.png') no-repeat 0 0; !important;
			
			height: 44px;
			margin-right: 9px; /* 7px is the width of the rounded shape */
		}

#accordion { float:left; width:100%;}
h3.atStart { font-style:normal; margin-top:5px; cursor:pointer;}

div.postactu p { color:#790101; font-size:82%; line-height:1.1em; margin:0; padding-bottom:0;}
div.postactu div p { color:#000;}
div.postactu p span{ color:#7a7a7a; font-style:italic; font-size:80%;}
p.sep { margin:0; background:transparent url(pix/sep.gif) no-repeat 0 center; padding:3px; text-indent:-900%; overflow:hidden; width:100%;}
div.post p.sep { margin:0; background:transparent url(pix/sep.gif) repeat-x 0 center; padding:3px; text-indent:-900%; overflow:hidden; width:100%;}
div.postactu p a, div.postactu p a span { color:#790101; text-decoration:none;}
div.postactu p a span { color:#7a7a7a; }
div.postactu p a:hover { color:#7a7a7a; }
div.post a { color:#790101; text-decoration:none;}
div.post a:hover { color:#666666; text-decoration:none;}
div.post h3 a { color:#000; text-decoration:none; text-transform:uppercase}
div.post h3 a:hover { color:#790101; text-decoration:none;}

div.post a.inv { color:#790101; font-weight:bold; text-decoration:none; background:transparent url(pix/puce2.gif) no-repeat 0 0; height:18px; text-indent:25px; display:block; padding-top:2px;}
div.post a.inv:hover { color:#666666;}
h3.toggler a { color:#000;}
h3.toggler a:hover, h3.active a, h3.active a:hover { color:#790101;}
ul.lagenda {
float:left; clear:left;
}
ul.lagenda li {
float:left; clear:left;
}
ul.lagenda li a {
float:left; clear:left; color:#7a7a7a; text-decoration:none; font-size:13px; line-height:1.2em;
}
ul.lagenda li a:hover, ul.lagenda li.active a, ul.lagenda li.active a:hover {
color:#790101; 
}
input, textarea {
width:200px;
border-bottom:.5pt inset #7a7a7a;
border-right:.5pt inset #7a7a7a;
border-top:.5pt outset #7a7a7a;
border-left:.5pt outset #7a7a7a;
margin:2px 0 2px 0;
padding:2px;
font-size:98%;
color:#7a7a7a;

}
#sub { border-color:#790101; color:#790101; background:#fff; padding:5px; font-weight:bold; cursor:pointer; }
#sub:hover {  color:#fff; background:#790101;  }
form#formlog { float:left;
clear:left; margin:5px 0 5px 5px}
form#formlog input {
width:120px;
border-bottom:.5pt inset #7a7a7a;
border-right:.5pt inset #7a7a7a;
border-top:.5pt outset #7a7a7a;
border-left:.5pt outset #7a7a7a;
margin:2px 0 2px 0;
padding:2px;
font-size:98%;
color:#7a7a7a;

}

a#okay {
float:left;
overflow:hidden;
width:21px;
height:21px;
background:#fff url(pix/ok.gif) no-repeat 0 -21px;
text-indent:-900%;
margin:5px 0 0 104px;
}
a#okay:hover {
background:#fff url(pix/ok.gif) no-repeat 0 0;
}

p.dedie { font-size:12px; line-height:1.1em; color:7A7A7A; font-style:italic;}

#holdphra { width:845px; height:60px; overflow:hidden; border:0pt solid red;
position:absolute; margin:120px 0 0 0; text-align:left;
}
#holdphra h2 {
float:left;
overflow:hidden;
text-indent:-900%;
margin:0 0 5px 0;
}
h2#phra1 { background:#fff url(pix/phra01.gif) no-repeat; width:174px; height:22px;}
h2#phra2 { background:#fff url(pix/phra02.gif) no-repeat; width:144px; height:21px; margin-left:60px;}

h2#phra1.page2 { background:#fff url(pix/phra_expo_1.gif) no-repeat; width:182px; height:21px;}
h2#phra2.page2 { background:#fff url(pix/phra_expo_2.gif) no-repeat; width:207px; height:21px; }
h2#phra1.page3 { background:#fff url(pix/phra_mai_1.gif) no-repeat; width:178px; height:21px;}
h2#phra2.page3 { background:#fff url(pix/phra_mai_2.gif) no-repeat; width:250px; height:25px; }

h2#phra1.page4 { background:#fff url(pix/phra_events_1.gif) no-repeat; width:160px; height:24px;}
h2#phra2.page4 { background:#fff url(pix/phra_events_2.gif) no-repeat; width:234px; height:22px; }

h2#phra1.page5 { background:#fff url(pix/phra_ate_1.gif) no-repeat; width:224px; height:27px;}
h2#phra2.page5 { background:#fff url(pix/phra_ate_2.gif) no-repeat; width:313px; height:26px;}

h2#phra1.page6 { background:#fff url(pix/phra_spec_1.gif) no-repeat; width:188px; height:26px;}
h2#phra2.page6 { background:#fff url(pix/phra_spec_2.gif) no-repeat; width:272px; height:25px;}

h2#phra1.page8 { background:#fff url(pix/phra_bib_1.gif) no-repeat; width:188px; height:24px;}
h2#phra2.page8 { background:#fff url(pix/phra_bib_2.gif) no-repeat; width:192px; height:23px;}
h2#phra1.page9 { background:#fff url(pix/phra_rdp_1.gif) no-repeat; width:116px; height:23px;}
h2#phra2.page9 { background:#fff url(pix/phra_rdp_2.gif) no-repeat; width:192px; height:21px;}

h2#phra1.page13 { background:#fff url(pix/phra_med_1.gif) no-repeat; width:185px; height:22px;}
h2#phra2.page13 { background:#fff url(pix/phra_med_2.gif) no-repeat; width:334px; height:27px;}




.tip, .tool-tip { 
z-index: 13000;
background:transparent url(pix/fdtool2.png) no-repeat 0 bottom;
border:0pt solid #fff; 
padding:3px 0 5px 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:115%;
}
.tool-title, .tip-title {font-size:11px; padding:3px 0 0 0; margin-left:10px; margin-right:10px; color:#000; /*border-bottom:1pt solid #f05e9e;*/
 }
.tool-text, .tip-text { font-size:11px; line-height:20px; padding:5px 10px 10px 5px; margin-left:5px;  color:#666; text-align:left; }

#bubbleWrap {
float:left;
clear:left;
margin:10px 20px 20px 20px;

		
	}
.bubble {
		position: absolute;
		z-index:1;
	}
.bubble img	{float:left; margin:-7px 5px 0 0;}
.bubble strong { color:#790101; text-transform:uppercase; }
ul.tagme { float:left; clear:left; margin-top:10px;}
/*ul.tagme li a { border-color:#fff; border-style:outset; border-width:1pt; border-right-style:inset; border-bottom-style:inset;}
ul.tagme li a img { padding:0; margin:0;}
ul.tagme li a:hover { border-color:#790101;}*/

div.ficheagen p { margin-top:0; text-align:justify;}

ul.team { float:left; clear:left; width:460px; border:0pt solid red; margin-left:0;  }
ul.team li { float:left;  margin:0 10px 10px 0; display:block; padding:10px; background:#fff; width:180px; text-align:left}
ul.team li img { float:left; margin:0 5px 3px 0;}
ul.team em {font-size:85%;}