/* CSS Document */
#handi{
	position:absolute; 
	top:8px; 
	left:27px; 
	z-index:99999;
}

#catalogplus{
	position:absolute;
	left: 604px;
	top: 41px;
	background-repeat: no-repeat;
	background-position: left top;
	height:42px;
	z-index:999;
	width:180px;

}

/*  -- -- -- -- -- -- -- -- Pour Mozilla problème de div parent résolu -- -- -- -- -- -- -- --   */

.clearfix:after {
          content: ".";
          display: block;
          height: 0;
          clear: both;
          visibility: hidden;
}
       
.clearfix {
display: inline-block;
}

/* Hides from IE-mac */
 html .clearfix {
 height: 1%;
 }
.clearfix {
display: block;
}
/* End hide from IE-mac */

/*----------------------------------BLOCS----------------------------------*/


body {
	margin: 0px;
  behavior: url(csshover.htc);
  
  } 
  /* WinIE behavior call */
  #global {
	background-image:url(images_index/fd.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	padding-left:26px;
	padding-right:22px;
	padding-top:20px;
	/*margin-bottom:50px;*/
	width:816px;
	margin-top:-4px;
	width:806px;
}
#bloccentral{
	width:751px;
	/*margin-top:20px;*/
	background-image: url(images_index/fdvolutes.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#decouv{
	background-image: url(images_index/fdgrisblocdecouv.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	width:350px;
	padding-bottom:20px;
	float:left;
	padding-left:15px;
	padding-right:15px;
}
#blocprog{
	width:751px;
	margin-top:20px;
	background-color: #f2f2f2;
	background-image: url(images_index/fdprog.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#topprog{
	width:731px;
	height:20px;
	background-color: #c8c809;
}
#proggauche{
width:330px;
float:left;
padding:20px;
}
#progdroite{
width:345px;
float:right;
margin-right:25px;
padding-top:15px;
padding-bottom:15px;
}

#pp{
margin-top:20px;
height:70px;
width:751px;
/*margin-bottom:10px;*/
float:left;
}


#gdsetpda{
float:right;
width:365px;
}

#gds{
	background-image: url(images_index/gds.png);
	background-repeat: no-repeat;
	background-position: 20px bottom;
	vertical-align: bottom;
	bottom: 0px;
	height:240px;
}
#pda{
	background-image: url(images_index/pda.png);
	background-repeat: no-repeat;
	background-position: 20px bottom;
	vertical-align: bottom;
	bottom: 0px;
	height:150px;
}

#collrem{
position:absolute;
left:496px;
top:318px;
z-index:3;
}



/*--------------------------STYLES DE TEXTE--------------------------------*/
.topprogramme{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	padding-left:20px;
	padding-top:3px;

}

.topprogramme a{
	color: #ff0066;
	text-decoration:none;
}
.topprogramme a:hover{
	text-decoration:underline;
}

.pp{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
}

.pp a{
	color: #000000;
	text-decoration:none;
}
.pp a:hover{
	text-decoration:underline;
	color: #ff0066;
}


.decouv{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	margin : 8px 0px 0px 0px;
	padding :0px;
}
.decouv a{
	color: #ff0066;
	text-decoration:none;
	background-image: url(images_index/pucedecouv.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	list-style-type: none;
	padding-left:9px;
}
.decouv a:hover{
	text-decoration:underline;
}
.decouv a.img_sans_puce{
	background-image: none;
	padding-left:0px;
}
.titreprog1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight:normal;
	color: #000000;
}

/*----------------------------------NAV---------------------------------------*/

  


#nav {
	position:absolute;
	margin-top:68px;
	margin-left:150px;
	height:35px;
	width: 683px;
	z-index:998;
	 }

#nav li {
	position: relative;
	list-style: none; 
  	float: left; 
  }
#nav li:hover{
	text-align:left;
}
#nav li.submenu {

}
#nav li.submenu:hover {
}
#nav li a {
	display: block; 
  	text-decoration: none; 
	  }
#nav>ul a {
	width: 126px;
	margin-left:-5px;
	padding-left:10px;
}
#nav ul ul {
	position: absolute; 
	display: none;
  }
#nav ul ul li {
 }
#nav li.submenu li.submenu {
/*padding-top:-15px;*/
}
#nav ul.level1 li.submenu:hover ul.level2 {
display:block;
width:126px;
padding-left:5px;
padding-right:5px;
top: 56px;
left: 25px;
	background-color:#f1f1d6;
}
#nav ul.level1 li.submenu:hover ul.level4 {
display:block;
width:126px;
padding:5px;
top: 56px;
left: 19px;
background-color:#f0fafe;
}
#nav ul.level1 li.submenu:hover ul.level6 {
display:block;
width:126px;
padding-left:5px;
padding-right:5px;
top: 56px;
left: 19px;
background-color:#faf3f0;
}
#nav ul.level2 li.submenu:hover ul.level3 {
display:block;
width:131px;
padding-left:5px;
top: 0px;
background-color:#f1f1d6;
left: 125px;
}
#nav ul.level4 li.submenu:hover ul.level5 {
display:block;
width:131px;
padding-left:5px;
top:0px;
background-color:#f0fafe;
left: 130px;
}
#nav ul.level6 li.submenu:hover ul.level7 {
/*padding-top:10px;*/
display:block;
width:131px;
padding-left:5px;
top: 0px;
background-color:#faf3f0;
left: 130px;
}
#nav ul.level2 {

 }
 .level2 a,
 .level2 {
	background-color:#f1f1d6;
	color: #000000;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	background-repeat: repeat-x;
	background-position: left center;
	width:127px;
	font-weight: normal;
 }
.level2 a:hover{
	background-color:#979749;
	color: #FFFFFF;
	width:127px;
 }
#nav ul.level3 {
  }
 .level2 a,
 .level2 {
	background-color:#f1f1d6;
	color: #000000;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	background-repeat: repeat-x;
	background-position: left center;
	width:127px;
 }
.level2 a:hover{
	background-color:#979749;
	color: #FFFFFF;
	width:127px;
 }
  .level3 a,
 .level3 {
	background-color:#f1f1d6;
	color: #000000;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	background-repeat: repeat-x;
	background-position: left center;
	width:127px;
 }
.level3 a:hover{
	background-color:#979749;
	color: #FFFFFF;
	width:125px;
 }
 
  .level4 a,
 .level4 {
	background-color:#f0fafe;
	color: #000000;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	background-repeat: repeat-x;
	background-position: left center;
	width:122px;
	font-weight: normal;
 }
.level4 a:hover{
	background-color:#4b86a3;
	color: #FFFFFF;
}
 .level6 a,
 .level6 {
	background-color:#faf3f0;
	color: #000000;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	background-repeat: repeat-x;
	background-position: -10px center;
	width:122px;
	font-weight: normal;
 }
.level6 a:hover{
	background-color:#a1694d;
	color: #FFFFFF;
}
#flashcollrem{
	position:absolute;
	height:59px;
	width:252px;
	z-index:800;
	left: 513px;
	top: 388px;
}


/*--------------------------------------GDS TXT PDA TXT---------------------------------------*/
#gdstxt  {
position:relative;
left:150px;
top:155px;
width: 230px;

}
#pdatxt {
position:relative;
left:21px;
top:47px;
width: 330px;
}
.noirquatorze {
	font-family: Arial;	font-size: 14px;
	color: #000000;
}
.rosequatorze a {
	font-family: Arial;	font-size: 14px;
	color: #cc0066;
	text-decoration:none;
}
.rosequatorze a:hover{
	font-family: Arial;	font-size: 14px;
	color: #cc0066;
	text-decoration:underline;
}
.rosequatorze {
	font-family: Arial;	font-size: 14px;
	color: #cc0066;
}
.rosedouze a{
	font-family: Arial;	font-size: 12px;
	color: #cc0066;
	text-decoration:none;
}
.rosedouze a:hover{
	font-family: Arial;
	font-size: 12px;
	color: #cc0066;
	text-decoration:underline;
}
.noirdouze {
	font-family: Arial;	font-size: 12px;
	color: #000000;
	text-decoration:none;
}
.noironze {
	font-family: Arial;	
	font-size: 11px;
	color: #000000;
	text-decoration:none;
}