/* CSS Document */
body
{
   width: 1016px;
   margin: auto; /* Pour centrer notre page */
   font-family:Arial, Helvetica, sans-serif;
   font-size: 0.8em;
   padding:0;
   color:#000;
  /* background: url(../images/noel/fondnoel.jpg) repeat; */
}
 
#en_tete
{
	width: 1000px;
	height:90px;
	background: #2e3781;
	background:url(../images/fond_haut.jpg);
}

#en_tete a:link {
	text-decoration:none;
	color:#fff;	
}
#en_tete a:visited {
	text-decoration:none;
	color:#fff;	
}
#en_tete a:hover{
	text-decoration:underline;
	color:#fff;	
}

#menu
{
   float: left; /* Le menu flottera à gauche */
   width: 1000px; /* Très important : donner une taille au menu */
   background:#fff url(../images/button.gif) repeat-x; 
   z-index:5;
}

#recherche{
	float:left;
	width:1000px;
	background:#fff url(../images/button.gif) repeat-x;
	line-height:35px;
	height:35px;
}

#pub {
	float:left;
	width:1000px;
	background:#2e3781;
	height:200px;
	margin:0;
	padding:0;
	z-index:0;
}
#pub1 {
	float:left;
	width:1000px;
	background:#2e3781;
	height:75px;
	margin:0;
	padding:0;
}

#contenu {
	float:left;
	width:990px;
	background:#2e3781;
	padding-top:10px;
	padding-left:10px;
}

#plan {
	float:left;
	width:1000px;
	padding-top:10px;
	background:#CCC;
}
/* MENU */

.menu2 {
	padding:0 0 0 12px; 
	margin:0; 
	list-style:none; 
	height:32px; 
	background:#fff url(../images/button1.gif) repeat-x; 
	position:relative;
	z-index:20;
	}
.menu2 li.top {
	display:block;
	float:left;
	position:relative;
	list-style-type: none;
	z-index:20;
	}

.menu2 li a.top_link {
	display:block; 
	float:left; 
	height:32px; 
	line-height:32px;
	color:#fff;
	text-decoration:none;
	font-size:14px; 
	font-weight:bold;
	padding:0 0 0 12px;
	cursor:pointer;
	list-style-type: none;
	z-index:20;
	}
.menu2 li a.top_link span {
	float:left; 
	display:block; 
	padding:0 24px 0 12px;
	height:32px;
	list-style-type: none;
	z-index:20;
	}
.menu2 li a.top_link span.down {
	float:left;
	display:block;
	padding:0 24px 0 12px; 
	height:32px;
	background:url(../images/down.gif) no-repeat right top;
	list-style-type: none;
	z-index:20;
	}
.menu2 li a.top_link:hover {
	color:#fff; 
	background: url(../images/button4.gif) no-repeat;
	list-style-type: none;
	z-index:20;
	}
.menu2 li a.top_link:hover span {
	background:url(../images/test.gif) no-repeat right top;
	list-style-type: none;
	z-index:20;
	}
.menu2 li a.top_link:hover span.down {
	background:url(../images/button4a.gif) no-repeat right top;
	list-style-type: none;
	z-index:20;
	}
.menu2 li:hover > a.top_link {
	color:#fff; 
	background: url(../images/test.gif) no-repeat;
	list-style-type: none;z-index:20;}
.menu2 li:hover > a.top_link span {
	background:url(../images/button4.gif) no-repeat right top;list-style-type: none;z-index:20;}
.menu2 li:hover > a.top_link span.down {
	background:url(../images/button4a.gif) no-repeat right top;list-style-type: none;z-index:20;}

.menu2 table {
	border-collapse:collapse;
	width:0;
	height:0;
	position:absolute; 
	top:0; 
	left:0;z-index:20;
	}
.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0;
	list-style:none;z-index:20;
}

.menu2 :hover ul.sub {
	left:2px; 
	top:32px; 
	background: #fff; 
	padding:3px 0; 
	border:1px solid #0350ff;
	white-space:nowrap; 
	width:104px; 
	height:auto;z-index:20;
	}
.menu2 :hover ul.sub li {
	display:block; 
	height:20px; 
	position:relative;
	float:left; 
	width:90px;
	list-style-type: none;z-index:20;
	}
.menu2 :hover ul.sub li a {
	display:block;
	font-size:14px; 
	height:20px; 
	width:97px; 
	line-height:20px;
	text-indent:5px; 
	color:#000; 
	text-decoration:none;
	border:3px solid #fff;
	border-width:0 0 0 3px;
	list-style-type: none;z-index:20;
	}
.menu2 :hover ul.sub li a.fly {
	background:#fff url(../images/arrow.gif) 80px 7px no-repeat;list-style-type: none;z-index:20;
	}
.menu2 :hover ul.sub li a:hover {
	background:#0350ff; color:#fff;list-style-type: none;z-index:20;
	}
.menu2 :hover ul.sub li a.fly:hover {
	background:#0350ff url(../images/arrow_over.gif) 80px 7px no-repeat; color:#fff;list-style-type: none;z-index:20;
	}
.menu2 :hover ul li:hover > a.fly {
	background:#0350ff url(../images/arrow_over.gif) 80px 7px no-repeat; color:#fff;list-style-type: none;z-index:20;
	} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{
	left:90px;
	top:-4px; 
	background: #fff;
	padding:3px 0; 
	border:1px solid #0350ff; 
	white-space:nowrap; 
	width:93px; 
	z-index:200; 
	height:auto;}

/* FIN MENU */

 
/* CLASSES */
.blanc {color:#fff;}
.fdblanc{background:#fff;}
.noir {color:#000;}
.fdsel {background:url(../images/fdsel.jpg) no-repeat;}
.blfonce {color:#2d50a0;}
.grisclair{color:red; font-weight:bold;}
.blclair {color:#0350ff;}
.petit {font-size:10px;}
.normal {font-size:12px; color:black; text-transform:none;}
.grand {font-size:1.2em;}
.tgrand {font-size:2.0em;}
.maj { text-transform:uppercase;}
.tableau {width:100%;float:left;}
.cellule95 {width:95%;float:left;}
.cellule80 {width:80%;float:left;}
.cellule70 {width:70%;float:left;}
.cellule60 {width:60%;float:left;}
.cellule50 {width:49%;float:left;}
.cellule48 {width:48%;float:left;}
.cellule40 {width:40%;float:left;}
.cellule30 {width:30%;float:left;}
.cellule25 {width:25%;float:left;}
.cellule22 {width:22%;float:left;}
.cellule20 {width:20%;float:left;}
.cellule16 {width:16%;float:left;}
.cellule15 {width:15%;float:left;}
.cellule11 {width:11%;float:left;}
.cellule10 {width:10%;float:left;}
.cellule5 {width:5%;float:left;}
.cellule8 {width:8%;float:left;}
.cellule2 {width:2%;float:left;}
.cellule1 {width:1%;float:left;}
.esp {padding-top:2px; padding-bottom:2px;}
.bordery {border:1px solid yellow;}
.droite {text-align:right;}
.gauche {text-align:left;}
.justify {text-align:justify;}
.center {text-align:center;}
.align {vertical-align:middle;}
.margint {margin-top:10px;}
.marginh {margin-top:5px;}
.margind {margin-right:10px;}
.marginl {margin-left:5px;}
.paddingl {padding-left:5px;}
.border{border:2px solid #2e3781;}
.borderr{border:2px solid red;}
.borderg {border-left:1px solid #666;}
.borderh {border-bottom:1px solid #666;}
.border_tab {border:1px solid #666;}
.fdlib {background:#09F; width:100%;color:white;}
.titre {
		font-size:1.3em;
		color:#2d50a0;
		float:right;
		padding-right:5px;
		font-weight:bold;
		padding-top:2px;
}
.rouge {color:red;}
.vert {color:#0F3;}
.orange {color:#F93;}
.chiffres {padding-left:18px;float:left;padding-top:10px;padding-bottom:5px;}
.affselpdt {padding-left:110px;}
.nomsel {font-weight:bold; font-size:10px;color:#06C;}
.prixsel {font-weight:bold; font-size:14px;color:red;}
.titre_plan {font-weight:bold; font-size:20px;padding-right:10px;color:#666;}
.titre_admin {font-weight:bold; font-size:16px;margin-right:10px;color: #666; border-bottom : 1px solid #666;text-align:right;}
.stitre_admin {font-weight:bold; font-size:14px;color: #666;}
.titrecatalogue {
	font-size:18px;
	font-weight:bold;
	border-bottom:1px solid black;
	width:100%;
	text-transform:uppercase;
}
.stitrecatalogue {
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	padding-top:5px;
}
.s3f {font-size:11px; color:#666;}
.pti {font-size:10px; font-weight:bold;}

/*FIN CLASSES */

/* TAGS */
.tag-grand{font-size: 20pt;}
.bleuf {color:#3333FF;}
/* FIN TAG */

form {margin:0;}
h2 {font-size:14px; margin:0;}
ul {margin:0; padding:0; list-style-type: none;}
label {padding:2px;}
img {border: none;}

.menu, .menu ul {
	padding:0; 
	margin:0; 
	list-style:none;
	}
.menu {
	position:relative; 
	width:100%; 
	padding-left:2px; 
	margin:0 auto -1px auto; 
	height:35px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topright:8px;
	-moz-border-radius-topleft:8px;
	border-top-right-radius:8px;
	border-top-left-radius:8px;
}
.menu li {float:left;list-style-type: none;}
.menu li a {
	display:block; 
	font:10px;
	color:#000;
	text-decoration:none; 
	padding:0 10px;list-style-type: none;
}

.menu li a:hover,
.menu li:hover > a {
	color:#000;
	font-weight:bold;list-style-type: none;
}
 
.menu table {border-collapse:collapse; padding:0; margin:0 0 -1px 0; border:0;}
 
.menu div.holder {width:720px; opacity:0.92; alpha(opacity=92);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=92);
 height:0; left:-10px; top:35px; position:absolute; overflow:hidden; -webkit-transition: height 0.8s linear;}
 
.menu div.slide {background:#ccc; width:670px; padding:0 15px 15px; border:1px solid #888; border-top:1px solid #069; position:relative; top:-300px; left:9px;
-webkit-border-bottom-right-radius:8px;
-webkit-border-bottom-left-radius:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-bottomleft:8px;
border-bottom-right-radius:8px;
border-bottom-left-radius:8px;
 
-moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.6);
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.6);
 
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0)), color-stop(10%, rgba(255, 255, 255, 0.4)), color-stop(20%,  rgba(255, 255, 255, 0.2)));
background-image: -moz-linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.4) 10%, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0));
 
 
-webkit-transition: top 0.8s linear;
 
}
.menu div.slide dl {float:left; width:200px;}
 
.menu :hover div.p1 {height:325px;}
.menu :hover div.p2 {height:127px;}
.menu :hover div.p3 {height:136px;}
.menu :hover div.p4 {height:228px;}
.menu :hover div.slide {top:0px;}
 
.menu li .slide dl {padding:0; margin:0;list-style-type: none;}
.menu li .slide dl dt {font-family:verdana, sans-serif; font-size:13px; font-weight:bold; padding:10px 0 0; margin:0; height:18px; line-height:18px; color:#069;list-style-type: none;}
.menu li .slide dl dd {padding:0; margin:0;list-style-type: none;}
.menu li .slide dl dd a {background:transparent; height:18px; line-height:18px;list-style-type: none;}
 
* html .menu li .slide dl dd a:hover {background:transparent;list-style-type: none;}



/* MENU CATALOGUE*/
#menu2 {padding:0; margin:0; list-style:none; width:200px; height:175px;}
#menu2 li.level1-li {float:left; height:40px; width:200px;background: url(../images/fdfam.jpg) no-repeat;}
#menu2 li.level1-li a.level1-a {display:block; height:40px; line-height:40px; padding-left:10px; text-decoration:none; font-size:14px; color:#000; border-right:1px solid #000; font-weight:bold; background: url(../images/fdfam.jpg) no-repeat; filter: alpha(opacity=60); opacity:0.6;}
#menu2 li.sub a.level1-a {background:#000 url(../images/arrow.gif) no-repeat 135px center;}
 
#menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; left:0; top:0;}
 
#menu2 div.listHolder {position:absolute; left:-9999px; border:1px solid #000; border-width:1px 1px 1px 0; background:#fff url(../images/divider.gif); filter: alpha(opacity=80); opacity:0.8; font-family:verdana, arial, sans-serif; font-weight:bold;}
#menu2 div.col1 {width:150px;}
#menu2 div.col2 {width:300px;}
#menu2 div.col3 {width:450px;}
 
#menu2 div.listCol {width:130px; float:left; padding:10px;}
#menu2 div.listCol ul {padding:0; margin:0; list-style:none;}
#menu2 div.listCol ul li {height:16px;}
#menu2 div.listCol ul li a {display:block; height:16px; line-height:16px; font-size:10px; text-decoration:none; color:#069; padding-left:15px; background: url(flylist/dot.gif) no-repeat 5px center;}
#menu2 div.listCol h5 {padding:5px 0 0 15px; margin:0; font-size:11px; line-height:20px; background:url(flylist/linedot.gif) repeat-x left bottom;}
#menu2 div.listHolder div.bottomLine {clear:both;}
#menu2 div.listHolder div.bottomLine p {padding:0 20px; margin:0; line-height:20px; background:#400 url(flylist/arrow.gif) no-repeat 7px 7px; color:#fff; font-size:10px;}
#menu2 div.listHolder div.bottomLine p a {color:#8ff;}
 
#menu2 li a:hover {background-color:#fff; color:#000; filter: alpha(opacity=80); opacity:0.8;}
#menu2 li.level1-li:hover > a {background:#fff; color:#000; filter: alpha(opacity=80); opacity:0.8;}
 
#menu2 li.sub a:hover {border-right:0;}
#menu2 li.sub:hover > a {border-right:0;}
 
#menu2 :hover div.listHolder {left:150px; top:-1px;}
 
#menu2 div.listCol ul li a:hover {color:#069; text-decoration:underline;}
#menu2 div.listHolder div.bottomLine p a:hover {color:#8ff; text-decoration:none; background:transparent;}
 
#pad {width:150px; height:246px; background:#000; filter: alpha(opacity=60); opacity:0.6;}
/* FIN MENU CATALOGUE */


.pti1 {
	height:40px; width:200px;background: url(../images/fdsfam.jpg) no-repeat;float:left;top:-280px;}
.menufam {
	background: url(../images/fdfam.jpg) no-repeat;
}

/* MENU CERCLE PAGE CATALOGUE */
#menucercle {padding:0; margin:0 auto; list-style:none; position:relative; width:300px; height:300px; background:#fff url(circular/background.gif) no-repeat;}
#menucercle li {display:block; width:60px; height:60px; position:absolute;}
#menucercle li.niv1 {left:120px; top:4px; }
#menucercle li.niv2 {left:200px; top:40px; }
#menucercle li.niv3 {left:35px; top:40px; }
#menucercle li.niv4 {left:230px; top:115px; }
#menucercle li.niv5 {left:5px; top:115px; }
#menucercle li.niv6 {left:200px; top:190px; }
#menucercle li.niv7 {left:35px; top:190px; }
#menucercle li.niv8 {left:120px; top:225px; }
 
#menucercle li a b {display:none;}
#menucercle li a {display:block; width:60px; height:60px; text-align:center;}
 
#menucercle li a:hover {background:url(circular/circle.gif); text-decoration:none; font-family:georgia, serif;}
#menucercle li a:hover b {position:absolute; display:block; width:100px; height:100px; font-size:16px; color:#63352c; background:#fff;}
#menucercle li a:hover b span {display:block; font-size:12px; color:#888; font-weight:normal; margin-top:15px;}
 
#menucercle li.niv1 a:hover b {left:-22px; top:100px;}
#menucercle li.niv2 a:hover b  {left:-102px; top:64px;}
#menucercle li.niv3 a:hover b  {left:63px; top:64px;}
#menucercle li.niv4 a:hover b  {left:-132px; top:-11px;}
#menucercle li.niv5 a:hover b  {left:93px; top:-11px;}
#menucercle li.niv6 a:hover b  {left:-102px; top:-87px;}
#menucercle li.niv7 a:hover b  {left:63px; top:-87px;}
#menucercle li.niv8 a:hover b  {left:-22px; top:-121px;}
#menucercle img.niv1{width:50;}
#menu_catalogue {
	width:20%;
}

#menu_catalogue UL UL {
	BORDER-RIGHT: #b0b0b0 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #b0b0b0 1px solid; DISPLAY: none; PADDING-LEFT: 0px; LEFT: 164px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #b0b0b0 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #b0b0b0 1px solid; POSITION: absolute; TOP: -1px
}
#menu_catalogue LI {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN: 0px; WIDTH: 160px; PADDING-TOP: 2px; LIST-STYLE-TYPE: none; POSITION: relative; BACKGROUND-COLOR: #e0e0e0; height:20px;
}
#menu_catalogue LI:hover {
	BACKGROUND-COLOR: #ffff70
}
#menu_catalogue LI.sfhover {
	BACKGROUND-COLOR: #ffff70
}
#menu_catalogue LI.ssfhover {
	BACKGROUND-COLOR: #ffff70
}
#menu_catalogue LI A {
	TEXT-DECORATION: none
}
#menu_catalogue LI:hover UL.niveau2 {
	DISPLAY: block
}
#menu_catalogue LI LI:hover UL.niveau3 {
	DISPLAY: block
}
#menu_catalogue LI LI LI:hover UL.niveau4 {
	DISPLAY: block
}
#menu_catalogue LI.sfhover UL.niveau2 {
	DISPLAY: block
}
#menu_catalogue LI LI.sfhover UL.niveau3 {
	DISPLAY: block
}
#menu_catalogue LI LI LI.ssfhover UL.niveau4 {
	DISPLAY: block
}
#menu_catalogue LI.plus {
	BACKGROUND-POSITION: right 50%; BACKGROUND-IMAGE: url(illustrations/fdroite.gif); BORDER-BOTTOM: #b0b0b0 1px solid; BACKGROUND-REPEAT: no-repeat
}

/* AFFICHAGE DES PRODUITS */
.conteneur-arrondi{
    padding:0;
    width:100%;/* determine la largeur de la boite contenue */
    float:left;
    margin:1%;
}
 .un      {
    margin:0 4px;
    height:1px;
    background-color:#BFBFBF;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #BFBFBF;
    border-top:0;border-bottom:0;}

.deux {
    margin:0 3px;
    height:1px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #BFBFBF;
    border-top:0;border-bottom:0;}

.trois{
    margin:0 2px;
    height:2px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #BFBFBF;
    border-top:0;border-bottom:0;}

.quatre {
    margin:0 1px;
    height:2px;overflow:hidden;/*necssaire pour IE */
    border:1px solid #BFBFBF;
    border-top:0;border-bottom:0;}
.centrearrondi {
    border:1px solid #BFBFBF;
    border-top:0;border-bottom:0;
    margin:0 1px;
    padding:0 2em;
    min-height:800px;/* avec eventuellement une hauteur mini */
    height:auto!important;
    height:150px;

}
.pdtimg {
border:2px solid #FF0;
width:200px;
}
.bas {
padding-top:80px;
height:100px;
vertical-align:bottom;
}
.justifie {
text-align:justify;}

.pdttitre {
font-size:14px;
color:#99C;
font-weight:bold;
}
.pdtprix {
font-size:20px;
color:black;
font-weight:bold;
}

/* Affichage des produits admin :*/
.admpdt {
	border:1px solid #7f9db9;
}
.admpdtlg { 
height:14px;
}

.admpdt a{
	color:#000;
	text-decoration:none;
	padding-left:2px;
	line-height:16px;
	display:block;
}

.admpdt a:hover {
	background:#316ac5;
	color:#fff;
	line-height:16px;
	padding-left:2px;
	text-decoration:none;
}
.lignecv {background:#fac96f;}
.lignecv1 {background:white;}

input, select, textarea {
	margin:4px 4px 4px 4px;
}

/* ACTUALITES */

.titre_actu {
	font-weight:bold;
	color: #069;
	text-transform:uppercase;
}

.calendar {
	background:	url(../images/calendrier.jpg) no-repeat top left;
	height:50px;
	width:50px;
}

.calendarm {
	color:#933;
	margin-top:16px;
	margin-left:10px;
	font-weight:bold;
	font-size:14px;
}
.calendarj {
	color:#000;
	margin-top:0;
	margin-left:16px;
	font-weight:bold;
	font-size:14px;
}

.codebarre{
	background:	url(../images/codebarre.jpg) no-repeat top left;
	width:200px;
	height:133px;
}
.bascode{
	padding-top:111px;
	height:100%;
}

/* FIN ACTU */

/*AFF SEL */
.container {
	width:500px;
			height:127px;
			overflow:hidden;
			position:relative;
			cursor:pointer;
		}
		.slides {
			position:absolute;
			top:0;
			left:0;
		}
		.slides > div {
			position:absolute;
			top:0;
			width:500px;
			display:none;
		}
		/*
		 * Optional
		*/
		#loopedslider {
			margin:0 auto;
			width:500px;
			position:relative;
			clear:both;
		}
		ul.pagination {
			list-style:none;
			padding:0;
			margin:0;
			width:100px;
		}
		ul.pagination li  {
			float:left;
		}
		ul.pagination li a {
			padding:2px 4px;
			width:17px;
			margin-right:3px;
			text-decoration:none;
			background:url("../images/bouton.gif");
		}
		ul.pagination li.active a {
			padding:2px 4px;
			margin-right:3px;
			width:17px;
			text-decoration:none;
			background:url("../images/boutonj.gif");
		}

/* FIN CSS Document */