body {
background-image: url(../design/fond.jpg);
background-color:#fdf1e2;
background-repeat: repeat-x;
width:100%;
line-height:1.4em;
text-align:center;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

body,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 1.4em;
	text-align:center;
}

td {
text-align:justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 1.4em;
}

a {font-weight: bold;}
a:link {color: #666666; text-decoration: none;}
a:visited {text-decoration: none;color: #666666;}
a:hover {text-decoration: none;color: #999999;}
a:active {text-decoration: none;color: #666666;}

a.menurouge {text-decoration: none;font-weight: bold;}
a.menurouge:link {color: #FFF; }
a.menurouge:visited {color: #FFF;}
a.menurouge:hover {color: #CCC;}
a.menurouge:active {color: #FFF;}

a.arborescence {text-decoration: none;font-weight: bold;}
a.arborescence:link {color: #777; }
a.arborescence:visited {color: #777;}
a.arborescence:hover {color: #CCC;}
a.arborescence:active {color: #777;}

/** style de la page **/
#ombre {
background:transparent url(../design/ombres.png) repeat-y top center;
}

#recherche {
height:0px;
width:900px;
background:url(../design/fdrecherche.jpg) no-repeat top center;
margin:0px auto;
text-align:right;
vertical-align:middle;
display:none;
}

#banniere {
height:277px;
width:900px;
background:transparent;
margin:0px auto;
text-align:center;
}

#page {
width:900px;
background:#fff8e9 url(../design/fdpage.jpg) no-repeat top center;
margin:0px auto;
text-align:center;
}

li,dd { ma/rgin-left:2em; font-size:12px; }
#barre_menu { text-align:center; position:relative; font:bold 12px Verdana,sans-serif; width:900px; height:34px; background-color:#000000; margin:0 auto;}
#barre_menu ul{ list-style:none; margin:0; padding:0;}
#barre_menu li{	list-style:none; float:left;}
#barre_menu li a{ font:normal 12px Verdana,sans-serif; display:block; font-weight:bold; padding:0; text-decoration:none; line-height:34px; color:#FFFFFF; text-align:center; width:150px}
#barre_menu li a:hover{ color:#000000; background:#bbbbbb;}
#barre_menu li:hover {background: #222;}
#barre_menu ul ul { position:absolute; displ/ay:none;list-style:none; margin:0; padding:0; background:url(../design/menu-bg.png) top left;}
#barre_menu li li { padding:0; margin:0; float:none; border-bottom:#666 1px dotted;}
#barre_menu li li a{ display:block; padding:1px 5px 1px 20px; font-size:11px; line-height:20px; font-weight:normal; text-align:left;  width:155px;}
#barre_menu li li a:hover {background:url(../design/menu-bghover.png) top left; background-color:none; color:#f8c073}
#barre_menu li:hover ul.menu_niv2 {display:block;}

#barre_haut { height:25px; width:900px; text-align:left; background:url(../design/fdbarrehaut.jpg) repeat-x top center; margin:0px auto; color:#ffffff; font-weight:bold; }
#barre_haut ul{ list-style:none; }
#barre_haut li{	list-style:none; float:right; width: auto; padding-left:5px; padding-right:5px; }
#barre_haut a{ font:normal 12px Verdana,sans-serif; font-weight:bold; padding:5px; text-decoration:none; line-height:25px; color:#FFFFFF; text-align:center; }
#barre_haut a:hover{ color:#000000; background-color:#C6B665; padding:5px; line-height:25px; }

#cartouche {
color:#666666;
font-size:20px;
font-style:italic;
text-align:left;
padding-left:10px;
padding-right:10px;
line-height:1.4em;
}
.ligne1{ margin-left:10px;}
.ligne2{
	margin-left:250px;
	margin-top:-10px;
	margin-bottom:10px;
	display:block;
}
#cartouchevente {
	color:#333;
	font-style:italic;
	font-weight: lighter;
	font-size:16px;
	padding:5px;
	padding-left:22px;
	margin-left:60px;
	text-shadow:#000;
	margin-bottom:10px;
	background:url(../design/bgaccueilpro.png) left bottom no-repeat;
}
.pro {color:#F60;font-weight:bold;font-size:18px;}

#menu {
background:url(../design/fdmenu.jpg) repeat-x top left;
height:25px;
color:#ffffff;
font-weight:bold;
font-size:13px;
text-align:center;
}


#arborescence {
background:url(../design/menufd.jpg) repeat-x top left;
height:20px;
color:#999999;
font-weight:bold;
font-size:12px;
padding-left:25px;
text-align:left;
}

#sous-titre {
background:transparent;
font-size:15px;
font-weight:bold;
color:#a71e30;
line-height:25px;
text-align:left;
}
#sous-grostitre {
background:transparent;
font-size:18px;
font-weight:bold;
color:#67181F;
line-height:25px;
text-align:left;
}

#footer-copyright { font-size:10px;  font-weight:bold; color:#333; float:right; margin:-10px 20px 0 0; background:none;}
#footer-copyright a { background:none; }
#footer-copyright img { background:none; border:0;}

/** fin du style de la page **/

/** style lightbox **/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../design/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../design/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/** fin lightbox **/

/** Accordéon **/

.basic  {
	width: 100%;
	font-family: verdana;
}
.basic p {
	margin-bottom: 10px;
	border: none;
	text-decoration: none;
	font-size: 1em;
	font-weight: normal;
	margin: 0px;
	padding: 10px;
}
.question {
	margin-bottom: 30px;
	margin-top:20px;
	border: none;
	color:#67181F;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	height:50px;
}
.reponse {
border:2px;
border-color:#999999;
background-color:#FFFBEF;
}
.basic a {
	cursor: pointer;
	display: block;
	padding: 5px;
	text-decoration: none;
	height:20px;
	font-size: 1em;
	background:transparent;
}
.basic a:hover {
	background:transparent;
	height:20px;
}
.basic a.selected {
	color: #000000;
	border-bottom: none;
	background:transparent;
}
span.titre_vo {
	font-size:.8em;
	font-weight:normal;
}

/** Fin accordéon **/


/** catalogue images (ouvre la grande image "IMG" lors du survol de la petite image "thumb")**/

a img {border: 1px; border-color:#000; background-color: #666; padding:1px;}
a.info {
position: relative;
text-decoration: none;
color: black;
border: 5px;
border-color:#000;
background-color:none;
margin-left:5px;
margin-right:5px;
margin-bottom:5px;
margin-top:5px;
}
a.info span {
display: none;
}
a.info:hover {
background: none; /* correction d'un bug IE */
z-index: 500;
}
a.info:hover span {
display: inline;
position: absolute;
top: 2em;
left: -5em;
background: white;
text-align: center;
color: white;
}

/** fin de catalogue image **/

/**ACCUEIL**/
#lecteurmusique { background:#F00}
#caroussel { width:625px; height:130px; float:left; margin:0}
#motnews {
	width:258px;
	height:130px;
	float:left;
	margin: 0;
	border-top:none;
	background:url(../design/bg-orange.png) repeat-x 0px 50px;
}
#blocpresse { width:200px; display:block; margin:0 0 10px 0}
.blocpresse-content {border:2px solid #4a452a; border-top:none;}
#blocvideo { width:140px; display: block;}
#bloc0 { border:0; width:200px; height:500px; margin:0 9px 0 0; background:url(../design/bg-blocaccueil-bleu.png) no-repeat;}
#bloc1 { border:0; width:200px; height:500px; margin:0 9px 0 0; background:url(../design/bg-blocaccueil-rose.png) no-repeat;}
#bloc2 { border:0; width:200px; height:500px; margin:0 0px 0 0; background:url(../design/bg-blocaccueil-bleu.png) no-repeat;}
#bloc3 { border:0; width:258px; height:500px; margin:0 0 0 7px; float:right}
.blocaccueil {float:left; display:block; font-size:12px; font-family:arial; line-height:16px}

#accueil {font-size:11px; margin:0 0 10px 15px}
#accueil-titre { font-weight:bold; margin: 5px 0 0 15px}
#cartouche-bas { height:110px; width:940px; margin:0 auto; padding:0; background:url(../design/ombres-bas2.png)}

#sourcevicat { padding:20px 0 10px 0 ; font-size:11px; line-height:13px;}
#sourcevicat .source, #extraitvicat .source {display:block; text-align:right; font-size:10px; padding:5px; font-style:italic; line-height:20px; height:20px;}
#extraitvicat a img { border: none; text-decoration:none; }
#sourcevicat span, #extraitvicat span { display:block; padding:0 0 20px 0;}
#avantages { margin:20px 0 0 20px; fl/oat:left; width:360px; background: #FC9; padding:10px;}
#avantages ul { display:block; margin:10px 0 6px 10px; padding:0;}
#avantages li { list-style:none; display:block; margin:0 0 7px 10px;}
#avistechnique { margin:20px 0 0 20px; fl/oat:left; width:360px; border:1px #999 dashed; padding:10px;}
#extraitvicat { padding:20px 0 0 0 ; font-size:11px;}
#sourcevicat h2, #extraitvicat h2 { font-size:15px; text-transform: uppercase; color:#A71E30; margin:0 0 6px 0;}