body {
background: url(inter/page_fond.jpg) no-repeat top center #8d8d8d;
color: #333333; 
font-size: 12px; 
font-family: Verdana, Arial, Tahoma, Geneva, Helvetica, sans-serif; 
margin: 0; 
padding: 0; 
}

a {text-decoration:none;color:#FF4500}
a:hover {text-decoration:none;color:#CC3300}
p {margin:0;padding:0;}

img {border:0}
ul {padding:0px;margin:0px}
li {padding:0px;margin:0px;list-style-type:none}

h1 {display:none}
h2, h3, h4, h5 {padding:0px;margin:0px}

.spacer {clear: both;padding:0;margin:0;height:0;line-height:0px}


#bando {width:930px;margin-left:auto;margin-right:auto;height:45px;line-height:25px;font-size:16px;z-index:10;color:#FF9900;}

/*---------------debut menuhaut---------------*/
/* déporté dans _header.html pour dynamisation

#menuhaut {background: url(inter/menu_fond<?php echo "_".$_SESSION["langue"]?>.jpg) no-repeat;width:655px;margin-left:auto;margin-right:auto;height:33px;z-index:10;padding-left:305px}
#menuhaut div {display:inline;}
#menuhaut span {display:none}

#lienbouti img {width:196px;height:33px;margin-right:-3px;background: url(inter/pixtrans.gif) no-repeat}
#lienbouti a:hover img {width:196px;height:33px;margin-right:-3px;background: url(inter/menu_roll_boutic<?php echo "_".$_SESSION["langue"]?>.gif) no-repeat}
#lienshowr img {width:177px;height:33px;margin-right:-3px;background: url(inter/pixtrans.gif) no-repeat}
#lienshowr a:hover img {width:177px;height:33px;margin-right:-3px;background: url(inter/menu_roll_showr<?php echo "_".$_SESSION["langue"]?>.gif) no-repeat}
#liencatal img {width:116px;height:33px;margin-right:-3px;background: url(inter/pixtrans.gif) no-repeat}
#liencatal a:hover img {width:116px;height:33px;margin-right:-3px;background: url(inter/menu_roll_catal<?php echo "_".$_SESSION["langue"]?>.gif) no-repeat}
#lienconta img {width:96px;height:33px;margin-right:-3px;background: url(inter/pixtrans.gif) no-repeat}
#lienconta a:hover img {width:96px;height:33px;margin-right:-3px;background: url(inter/menu_roll_conta<?php echo "_".$_SESSION["langue"]?>.gif) no-repeat}

#drapofra {position:absolute;top:55px;margin-left:-293px}
#drapojap {position:absolute;top:55px;margin-left:-263px}
#drapousa {position:absolute;top:55px;margin-left:-233px}
#drapofra img {width:25px;height:16px;}
#drapojap img {width:25px;height:16px;}
#drapousa img {width:25px;height:16px;}
*/
/*---------------fin menuhaut---------------*/

#conteneur {background: url(inter/cont_fond.jpg) repeat-y;width:960px;margin-left:auto;margin-right:auto;margin-top:-2px;z-index:0}

#bas {background: url(inter/bas_fond.gif) no-repeat;width:960px;margin-left:auto;margin-right:auto;height:20px;margin-bottom:0px;margin-top:0px;z-index:5;}
.fiche #bas {background: url(inter/bas_fond_blanc.gif) no-repeat;width:960px;margin-left:auto;margin-right:auto;height:20px;margin-bottom:0px;margin-top:0px;z-index:5;}

#lienext {
background: url(inter/lienext_fond.gif) no-repeat bottom center;width:900px;padding: 5px 30px 5px 30px;margin-left:auto;margin-right:auto;line-height:18px;margin-bottom:40px;margin-top:0px;z-index:5;
text-align:center;color:#666;font-size:90%;}

#lienext a {color:#FFF}

#flash {width:240px;height:245px;margin-left:10px;margin-bottom:10px}
.intro {background: url(inter/pixtrans.gif) no-repeat top center #000;}
.intro #flash {margin-top:68px;z-index:10;width800px;height:400px;;}
.intro #conteneur {background: none;width:800px;margin-left:auto;margin-right:auto;}

#flashpub {width:760px;height:auto;}

/*---------------debut menu de gauche ---------------*/
#colgauche {float:left;width:260px;background: url(inter/gauche_bas.gif) no-repeat bottom center;margin-bottom:28px}
#colgauche #menu {background: url(inter/gauche_fond.jpg);margin-bottom:30px;}
#colgauche li {width:200px;}
#colgauche li a {color:#FFF;text-decoration:none}
#colgauche li a:hover {color:#CC6600;}
/*---------------fin menu de gauche ---------------*/





/*---------------debut centre ---------------*/


#colcentre {float:right;width:690px;margin-top:0px;}

#conteneur {background: url(inter/cont_fond.jpg) repeat-y;}
.fiche #conteneur {background: url(inter/cont_fond_blanc.jpg) repeat-y;}

#colcentre table {margin-left:10px;margin-top:30px}
.fiche #colcentre table {margin-top:0px;}

.td {
margin-left:20px;
margin-right:10px;
margin-bottom:30px;
width:160px;
padding: 10px 15px 10px 15px;
background: url(inter/case3.gif) no-repeat;
}




.fiche #colcentre table {margin-left:0px}
.fiche .adresse {width:50%;padding-right:20px}
.fiche th {background: url(inter/case1noir.gif);padding: 6px 20px 5px 20px;margin:0;color:#FFF;}
.fiche td {padding: 10px 10px 10px 10px;text-align:left;line-height:14px}
.fiche #chemin {margin:5px 10px 0px 40px;line-height:14px}
.fiche #chemin span {color:#FF4500;font-size:11px}

.conta #colcentre input,
.conta #colcentre select,
.conta #colcentre textarea
{width:310px}
.conta #colcentre td
{padding-left:5px;padding-bottom:5px;font-size:11px}

.fiche #colcentre,
.bouti #colcentre,
.catal #colcentre,
.conta #colcentre
{float:right;width:690px;margin-top:-250px;padding-right:10px;}

.fiche #conteneur,
.bouti #conteneur,
.catal #conteneur,
.conta #conteneur
{width:960px;margin-left:auto;margin-right:auto;margin-top:-2px;z-index:0}

#colcentre h2 {
margin-left:20px;
margin-top:20px;
width:630px;
font-size:14px;
font-weight:normal
}

.fiche #colcentre h2 {
margin-left:40px;
margin-top:20px;
margin-bottom:20px;
width:630px;
font-size:14px;
font-weight:bold
}

.fiche #colcentre p {
margin-left:40px;
margin-top:10px;
margin-bottom:20px;
width:630px;
}

.case1 {
margin-left:30px;
margin-right:30px;
width:630px;
padding: 0px;
padding-top: -30px;
background: url(inter/case1.gif) no-repeat;
font-size:11px;
line-height:12px;
text-align:center;
}
.case1 th {}


.case1b {
margin-left:30px;
margin-right:30px;
margin-bottom:30px;
width:630px;
padding: 0px;
padding-top: 6px;
background: url(inter/case1b.gif) no-repeat;
height:30px;
font-size:10px;
line-height:11px;
text-align:center;
}



.case2 {
margin-left:15px;
margin-right:15px;
width:285px;
padding: 12px 10px 0px 10px;
background: url(inter/case2noir.jpg) no-repeat;
font-size:11px;
line-height:12px;
text-align:center;
}

.bouti .case2 {
background: url(inter/case2noir.gif);
color:#FFF
}

.catal .case2 {
background: url(inter/case2.jpg);
color:#FFF
}


.case2b {
margin-left:15px;
margin-right:15px;
margin-bottom:30px;
width:285px;
padding: 6px 10px 0px 10px;
height:30px;
font-size:11px;
line-height:12px;
text-align:center;
}

.bouti .case2b {
background: url(inter/case2bnoir.gif) no-repeat;
}


.case3 {
margin-left:20px;
margin-right:10px;
width:170px;
padding: 12px 10px 0px 10px;
font-size:10px;
line-height:11px;
text-align:center;
}

.bouti .case3 {
background: url(inter/case3noir.jpg);
color:#FFF
}

.catal .case3 {
background: url(inter/case3.gif);
color:#333
}


.case2 img,
.case3 img
{margin-bottom:5px}

.case3 h3 {
font-size:11px;
line-height:12px;
margin-bottom:2px
}

.case3b {
margin-left:20px;
margin-right:10px;
margin-bottom:30px;
width:170px;
padding: 6px 10px 0px 10px;
height:20px;
background: url(inter/case3b.gif) no-repeat;
font-size:10px;
line-height:11px;
text-align:center;
}

.bouti .case2b a {color:#FF9900}
.catal .case3b a {padding-top:2px;padding-bottom:2px}
.fiche .case1b a {background: url(inter/tele_pdf.gif) no-repeat;padding-left:30px;padding-top:2px;padding-bottom:2px}

.reverse .case3 h3 {
font-size:12px;
line-height:13px;
color:#FFFFFF
}

.reverse .case3 {
background: url(inter/case3noir.gif) no-repeat;
font-size:11px;
line-height:12px;
color:#FFFFFF
}


.reverse .case3b {
margin-left:20px;
margin-right:10px;
margin-bottom:30px;
width:190px;
height:25px;
background: url(inter/case3bnoir.gif) no-repeat;
}



/*---------------fin centre ---------------*/






/*---------------debut animation---------------*/
#anim
{z-index:0;
position:absolute;
top:215px;
margin:0px;
margin-left:-10px;
width:690px;
height:640px;
padding:0px;
padding-bottom:0px;
background-color: none
}
#anim #coins {z-index:10;
position:absolute;
top:631px;width:690px;height:9px;}

#anim li {list-style: none;margin:0px;padding:0px;}
#anim ul {list-style: none;margin:0px;padding:0px;}
.photoArrow {display: none;cursor: pointer;}
.photoPrevActive {display: none;float: left;}
.photoNextActive {display: none;float: right;}
.photoListActive {text-align: center;list-style: none;}
.photoListActive li {display: none;}
.photoListActive li.photoItemActive {display: none;}
.photoListActive a {}
.photoContainer {margin:0px;padding:0px;}
.photoArea {position: relative;visibility: hidden;}
.photoAreaActive {visibility: visible;padding: 0px;}
.photoLoadMessage, .photoAutoPause, .photoAutoPauseLabel, .photoAutoDisabled,.photoAutoPlay, .photoAutoPause, .photoAutoPlay span, .photoAutoPause span, .photoAutoPlay .photoAutoPlayLabel {
display: none;}
/*--------------- fin animation---------------*/


/* --------------------- DEB STYLES pour menu de gauche  ------------------ */
#menu{z-index:5}

#menu.jav{width:260px;position:relative;padding-bottom:20px;padding-top:25px;}

.jav ul li ul {
margin-left:-35px;
background: url(inter/gauche_sousmenu_haut.jpg) top;padding-top:4px;
background: url(inter/gauche_sousmenu_bas.jpg) bottom;padding-bottom:4px;
}

.jav, .jav ul, .jav li, .jav a {
	width:260px;                  /* * * LARGEUR DU MENU * * */
	margin:0;
	padding:0;
	list-style:none;
	background: none;
	color: #000000
}

.jav ul ul, .jav ul ul li, .jav ul ul a{
	background: url(inter/gauche_sousmenu_fond.jpg) ;
	width:350px;                  /* * * LARGEUR DES SOUS MENUS * * */
	
}
.jav ul ul a:hover {
	background: url(inter/gauche_sousmenu_fond.jpg) ;
	width:350px;                  /* * * LARGEUR DES SOUS MENUS * * */
	
}
.jav ul ul li {
	
	border-top:0px solid #000000;  
	/* bordure des sous menus  */}
.jav ul ul {
	border:1px solid #000000;  /* encadrement des sous menus  */
	
}
.jav p{
	clear:both;
	margin:0;
	padding:0px;
	color:white;
}
.jav ul ul{
	position:absolute;
	visibility:hidden;
	margin-top:-1px;           /* opposé de la bordure ci-dessus */
	left:100%;
}
.jav li{
	float:left; 		/* pour IEwindows */
	clear:both;
}
html>body .jav li{float:none;}

.jav a{
	float:left;
	text-align:left;
	text-decoration:none;
}
.jav span{display:none;} /* span typographiques */


/* le span dont il est question dans ce qui suit est ajouté par le javascript.  */

.jav a span{
	display:block;
	padding:2px 35px 2px 35px;
	cursor:pointer;
	height:1%; /* pour IEwindows. Etale la zone sensible a tout le span et non plus seulement au texte */
}
html>body .jav a span{height:auto;}

.jav a.fleche{
	background:none;
}

.jav a.flecheActive{
	color: #0000FF;
}
.jav a.flecheActive span{
	border-color: #FF4500;
}

.jav a:hover, .jav a:focus, .jav a:active{
}
.jav a:hover span, .jav a:focus span, .jav a:active span{
	border-color:#FF4500;
}
.jav a.flecheActive:hover,
.jav a.flecheActive:focus,
.jav a.flecheActive:active{
	background: none;color: #FFFFFF
}



/*--------------- FIN STYLES pour menu de gauche---------------*/