@charset "utf-8";
/* CSS Document */
<!-- 
    body  {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
    	background: #FFF;
    	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
    	padding: 0;		
    	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
    	color: #000000;
    }
    .exa #container { 
    	width: 860px;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
    	background: #fff  url(../img/degrad_fond.jpg) repeat-y center top;
    	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
    	border: 0px solid #000000;
    	text-align: left; /* ce paramétrage annule le paramètre text-align:center de l'élément body. */
		padding:0;
    } 
    .exa #header {     	
		background: url(../img/bandeau.jpg) no-repeat center top; 
    	padding: 0 0 0 0;  /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent en dessous. Si, au lieu de texte, c'est une image qui est insérée dans l'élément #header, il est conseillé de supprimer le remplissage. */
		margin:0;
    }
	.exa #header_top {height:190px; padding: 0 0 0 10px;} 
    .exa #header h1 {
    	margin: 0 0 0 10px; /* la mise à zéro de la marge du dernier élément du div #header permet d'éviter une disparition de la marge (espace inexplicable entre les éléments div). Si l'élément div est entouré d'une bordure, cette précaution n'est pas nécessaire, car la bordure évite également la disparition de la marge */
    	padding: 0 0 0 0; /* l'utilisation de remplissage, au lieu d'une marge, permet d'éloigner l'élément des bords de l'élément div */height:130px;
		}	
    .exa #header h1 a {display:block; height:130px; width:156px; display:block; text-indent:-3000px; z-index:10;}
    .exa #sidebar1 {
    	float: left; /* cet élément est flottant, il faut donc lui attribuer une largeur */
    	width: 175px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
    	margin: 0;
		padding:35px 0px 15px 10px;
				
    }
	.exa #sidebar1 img {margin:15px 0 0 0px; border:0;}
    .exa #sidebar2 {
    	float: right; /* cet élément est flottant, il faut donc lui attribuer une largeur */
    	width: 160px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
    	background: #EBEBEB; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
    	padding: 15px 10px 15px 20px; /* le remplissage permet d'écarter le contenu de l'élément div des bords de celui-ci */
    }
    .exa #cataContent { 
    	margin: 0 28px; /* les marges droite et gauche de cet élément div créent les deux colonnes extérieures su les deux côtés de la page. Quelle que soit la taille du contenu dans les éléments div des encadrés, l'espace des colonnes reste préservé. Vous pouvez supprimer cette marge gauche si vous souhaitez que le texte de l'élément div #mainContent remplisse l'espace des encadrés lorsque le contenu de ces derniers se termine. */
		padding: 0 0; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
    } 
	.exa #geneContent {
    	margin: 10px 20px 0 185px; /* les marges droite et gauche de cet élément div créent les deux colonnes extérieures su les deux côtés de la page. Quelle que soit la taille du contenu dans les éléments div des encadrés, l'espace des colonnes reste préservé. Vous pouvez supprimer cette marge gauche si vous souhaitez que le texte de l'élément div #mainContent remplisse l'espace des encadrés lorsque le contenu de ces derniers se termine. */
		padding: 0 0 0 0; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
		font: normal 12px Times;
		color:#0043A5;
    }
	.exa #geneContent h1 {padding: 8px 0px 0 30px; height:29px; margin: 0px 0px 10px 60px; background:url(../img/bande_titre.jpg) no-repeat; color:#FFFFFF; font: bold 15px Times;}
	
	.exa #geneContent p {padding: 0 60px; margin: 30px 0;}
	.exa #geneContent p.center {padding : 0 60px; text-align:center;}
	.exa #geneContent p a{ text-decoration:none; margin:0 0 0 0; padding: 0 0 0 0; color:#87E200; }
	.exa #geneContent p a:hover { text-decoration:none; color:#87E200;}
	.exa #geneContent p.fltrt { float: right; margin: 10px 8px 10px 8px; padding: 0 60px 0 10px; width:250px; height:80px; text-align:left;}
    .exa #geneContent p.fltlft {float: left; margin: 10px 8px 10px 8px; padding: 0 10px 0 60px; width:210px; height:80px; text-align:center;}
	.exa #geneContent p.searchrt { float: right; margin: 10px 8px 10px 8px; padding: 0 60px 0 10px; width:360px; height:150px; text-align:left;}
    .exa #geneContent p.searchlft {float: left; margin: 10px 8px 10px 8px; padding: 0 10px 0 60px; width:110px; height:150px; text-align:center;}
	.exa #geneContent div.fltrt { float: right; margin: 10px 8px 10px 8px; padding: 0 20px 0 10px; width:290px;  text-align:left;}
    .exa #geneContent div.fltlft {float: left; margin: 10px 8px 10px 8px; padding: 0 10px 0 20px; width:250px; text-align:left;}
	.exa #geneContent div.fltrt ul, .exa #geneContent div.fltlft ul{margin:5px 0 5px 15px; padding:0;}
	.exa #geneContent div.fltrt ul a, .exa #geneContent div.fltlft ul a{ text-decoration:none; margin:0 0 0 0; padding: 0 0 0 0; color:#53BBE8; }
	.exa #geneContent div.fltrt ul a:hover, .exa #geneContent div.fltlft ul a:hover { text-decoration:none; color:#87E200;}
	.exa #geneContent div.fltrt span#points a { display:block; width:258px; padding:1px 20px 0px 20px; text-align:left; font:bold 14px Times; color:#53BBE8; background: url(../img/boutbleu.gif) 2px 6px no-repeat; text-decoration:none; }
	.exa #geneContent div.fltrt span#points a:hover { color:#87E200; text-decoration:none;}
	.exa #geneContent h2 {font: bold 14px Times;}
	.exa #geneContent h2 a{ text-decoration:none; margin:0 0 0 0; padding: 0 0 0 0; color:#0043A5; }
	.exa #geneContent h2 a:hover{ text-decoration:none; color:#87E200;}
	.exa #geneContent p.pages {margin:10px 0; font-size:12px; font-weight:bold; text-align:center;}
	.exa #geneContent p.pages a.nav {}
	.exa #geneContent p.pages a.navp { background: url(../img/gauche.jpg) 0 0 no-repeat; padding:4px 10px 4px 10px;}
	.exa #geneContent p.pages a.navs { background: url(../img/droite.jpg) 0 0 no-repeat; padding:4px 10px 4px 10px;}
	.exa #geneContent p.pages a {padding:0 1px; color:#87E200; text-decoration:none;}

	.exa #geneContent p.pages #activepage, .exa #geneContent p.pages a:hover {color:#53BBE8; text-decoration:none;}	
	
	
	.exa #footer { 
    	padding: 0px 10px 0 10px; /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent au-dessus. */
    	margin:0px 0 0 0;
		height:147px;
		text-align:left;
		font: bold 12px Times;
		color:#FFF;
		background:url(../img/foot.jpg) no-repeat center bottom;
    }
	.exa #footer a  { text-decoration:none; margin:0 0 0 0;}
	.exa #footer a span  { margin: 0px 0px 0 0px; padding:0px 0px 2px 20px; text-align:left; font-weight:bold; color:#FFF; text-decoration:none; background: url(../img/tiret.png) 10px 0 no-repeat;}
	.exa #footer a:hover span {
	text-decoration:underline;
	}
	.exa #footer span  { margin: 0px 0px 0 0px; padding:5px 10px 2px 10px; text-align:left; font-weight:bold; color:#FFF; text-decoration:none;}
    .exa #footer p {
    	margin: 7px 0 0 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
    	padding: 0 0 0 0px; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
    }
    .fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
    	float: left;
    	margin-right: 8px;
    }
	.left { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
    	float: left;
    }
    .clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
		margin:0;
    }

#fond_7 h1 { background: #FFF url(../img/bandeauagendas.jpg) top left no-repeat; height: 50px; padding: 7px 5px 10px 75px; margin: 0px 0 10px 15px; font: bold 15px Times; color:#FFF;}
#fond_14 h1 { background: #FFF url(../img/bandeauaccessoires.jpg) top left no-repeat; height: 50px; padding: 7px 5px 10px 75px; margin: 0px 0 10px 15px; font: bold 15px Times; color:#FFF;}
#fond_2 h1 { background: #FFF url(../img/bandeaufantaisies.jpg) top left no-repeat; height: 50px; padding: 7px 5px 10px 65px; margin: 0px 0 10px 15px; font: bold 15px Times; color:#FFF;}
#fond_3 h1, #fond_31 h1,#fond_32 h1{ background: #FFF url(../img/bandeausupports.jpg) top left no-repeat; height: 50px; padding: 7px 5px 10px 65px; margin: 0px 0 10px 15px; font: bold 15px Times; color:#FFF;}
#fond_4 h1 { background: #FFF url(../img/bandeaubeauxarts.jpg) top left no-repeat; height: 50px; padding: 7px 5px 10px 65px; margin: 0px 0 10px 15px; font: bold 15px Times; color:#FFF;}
#fond_11 h1 { background: #FFF url(../img/bandeauclassement.jpg) top left no-repeat; height: 50px; padding: 7px 5px 10px 65px; margin: 0px 0 10px 15px; font: bold 15px Times; color:#FFF;}
#fond_12 h1 { background: #FFF url(../img/bandeauorganisation.jpg) top left no-repeat; height: 50px; padding: 7px 5px 10px 65px; margin: 0px 0 10px 15px; font: bold 15px Times; color:#FFF;}
#fond_13 h1 {background: #FFF url(../img/bandeaupresentation.jpg) top left no-repeat; height: 50px; padding: 7px 5px 10px 65px; margin: 0px 0 10px 15px; font: bold 15px Times; color:#FFF;}
#bintro h1 { background: url(../img/bande_titre.jpg) top left no-repeat; height: 23px; width:535px; padding: 9px 5px 7px 15px; margin: 0px 0 10px 60px; font: bold 13px Times; color:#FFF;}
#bintro #texte {border:1px solid #FFF; background-color:#FFF; font:normal 10px verdana; color:#0043A5; margin: 0px 10px; padding:0; size:auto; width:150px; height:13px;}
#bintro #valides {border:0px solid #FFF; color:#FFF; font:bold 13px Times; margin: 0; cursor:pointer; background-color:#29bde5;}

#fond_14 h1 a, #fond_2 h1 a, #fond_3 h1 a, #fond_31 h1 a, #fond_32 h1 a, #fond_4 h1 a, #fond_11 h1 a, #fond_12 h1 a, #fond_13 h1 a,  #fond_7 h1 a{font: bold 15px Times; color:#FFF; text-decoration:none;}
#fond_14 h1 a:hover, #fond_2 h1 a:hover, #fond_3 h1 a:hover, #fond_31 h1 a:hover, #fond_32 h1 a:hover, #fond_4 h1 a:hover, #fond_11 h1 a:hover, #fond_12 h1 a:hover, #fond_13 h1 a:hover, #fond_7 h1 a:hover {text-decoration:none;}


#ssfamille {padding: 0; margin: 0 0 0 0px;}
#ssfamille a{ text-decoration:underline; font: normal 13px Times; color:#000000;}
#ssfamille a:hover{ text-decoration:underline;}
#articles img{border: 0;}
#articles { float: left; width: 100%; list-style: none; line-height: 1;	font-weight: bold; padding: 0; margin: 0 0 20px 0;}

#articles p{height:145px; padding: 0; margin: 0 0 0 0; text-align:center;}
#articles p#vente{height:200px; padding: 0; margin: 5px 0 5px 0; text-align:center;}
#articles ul {width: 100%; list-style: none; line-height: 1; font-weight: bold; padding: 0;	margin: 0;}
#articles li {float: left; padding: 0;	width: 240px; height: 275px; margin: 0 10px 25px 10px; bottom:0; border-bottom:0px dashed #0043A5;}
#articles li#manifolds {float: left; padding: 0; width: 240px; height: 375px; margin: 0 10px 15px 10px; bottom:0; border-bottom:0px solid #ccc;}
#articles li#registres {float: left; padding: 0; width: 770px; height: auto; margin: 0 10px 15px 10px; bottom:0; border-bottom:0px solid #ccc;}
#articles li#registres p{height:auto; padding: 0; margin: 0 0 0 0; text-align:center;}
#articles li#admin {float: left; padding: 0; width: 240px; height: 1000px; margin: 0 5px 15px 5px; bottom:0; border-bottom:1px solid #ccc; font: normal 11px verdana;}
#articles li#agendas {float: left; padding: 0; width: 770px; height: auto; margin: 0 10px 15px 10px; bottom:0; border-bottom:0px solid #ccc;}
#articles li#agendas p{ float:right; width:370px; height:auto; padding: 0; margin: 0 0 15px 0; text-align:left;}
#articles li#agendas p#left{ float:left; width:330px; height:auto; padding: 0; margin: 0 0 15px 0; text-align:left;}
#articles li#agendas img{ height:auto; padding: 0; margin: 0 15px 2px 3px; text-align:left;}
#articles a { display: block; font: normal 13px Times; color:#0043A5; margin:0; padding:0 0 0 0; text-decoration:none;}
#articles a span#agendas  { float:left; display:block; height:auto; padding:0px 3px 5px 0px; text-align:left; font: bold 14px Times; color:#0043a5;}
#articles a span  { float:left; display:block; height:auto; padding:3px 3px 3px 2px; text-align:center; color:#0043a5;}
#articles a span#modele  { float:left; display:block; height:auto; padding:3px 0 10px 15px; text-align:left; font-weight:normal; color:#fb0237;}
#articles a span#pdf  { float:left; display:block; padding:1px 0 5px 90px; text-align:left; font-weight:bold; color:#0043A5; background: url(../img/acrobat.gif) 65px 0px no-repeat;}
#articles li#registres a span#pdf  { display:block; padding:3px 0 3px 90px; text-align:left; font-weight:bold; color:#0043A5; background: url(../img/acrobat.gif) 65px 0 no-repeat;}
#articles a span#doc  { float:left; display:block; padding:1px 0 5px 30px;	text-align:left; font-weight:bold; color:#0043A5; background: url(../img/word.gif) 12px 3px no-repeat;}
#articles a span#zoom  { float:left; display:block; padding:0px 30px 2px 0; text-align:right; font-weight:normal; color:#000; background: url(../img/zoom.gif) 215px 2px no-repeat; }
#articles a span#sup  { float:left; display:block; height:15px; width: 210px; padding:3px 30px 0 0; text-align:right; font-weight:normal; color:#000; background: url(../img/sup.gif) 215px 2px no-repeat; }
#articles li#registres a span#zoom  { display:block; padding:3px 30px 3px 0; text-align:right; font-weight:normal; color:#000; background: url(../img/zoom.gif) 680px 2px no-repeat; }
#articles span#evt  { float:left; display:block; height:30px; width: 240px; padding:0 0 0 0; text-align:center; background: url(../img/fr-ange-bleu-min.gif) center top no-repeat; }
#articles span#cuir  { float:left; display:block; height:30px; width: 240px; padding:0 0 0 0; text-align:center; background: url(../img/fr-cuir-min.gif) center top no-repeat; }
#articles span#evtag  { float:left; display:block; height:40px; width: 240px; padding:0 0 0 0; text-align:center; background: url(../img/ange-bleu-ag-min.gif) center top no-repeat; }
#articles span#evtint  { float:left; display:block; height:30px; width: 240px; padding:0 0 0 0; text-align:center; background: url(../img/int-ange-bleu-min.gif) center top no-repeat; }
#articles span#pefc  { float:left; display:block; height:30px; width: 240px; padding:0 0 0 0; text-align:center; background: url(../img/pefc-min.gif) center top no-repeat;}
#articles span#pefcag  { float:left; display:block; height:40px; width: 240px; padding:0 0 0 0; text-align:center; background: url(../img/pefc-ag-min.gif) center top no-repeat;}
#articles a span, #articles a span#pdf, #articles a span#zoom, #articles a span#modele, #articles a span#doc, #articles a span#agendas {float:none;}
#articles a:hover span{color:#0043A5; text-decoration:none;}
#articles a:hover span#modele{color:#fb0237; text-decoration:underline;}
#articles a:hover span#pdf, #articles a:hover span#zoom, #articles a:hover span#doc, #articles a:hover span#agendas {color:#0043A5; text-decoration:none;}



#nav {float: left; width: 804px; list-style: none; line-height: 1;	font-weight: bold; padding: 10px 0px 50px 0px; margin: 0;}

#nav ul {float: left; width: 804px; list-style: none; line-height: 1; font-weight: bold; border: solid #ccc; padding: 0; margin: 0 0 0 0;}
#nav li {float: left; padding: 0 13px 25px 13px; width: 175px; margin: 0; bottom:0;}
#nav li#ag {float: left; padding: 0 10px 25px 10px; width: 140px; margin: 0; bottom:0;}

#nav p{height:125px; padding: 0; margin: 0 0 5px 0; text-align:center;}

#nav a {display: block; font: bold 13px Times; height:35px; margin:0; padding:0 0 0 0; text-decoration:none;}

#nav a.classement  { display: block; font: bold 13px Times; height:35px; margin:0; padding:0 0 0 0; text-decoration:none;  background:url("../img/boutclassement.jpg") no-repeat 0 1px;}
#nav a.collections  { display: block; font: bold 13px Times; height:35px; margin:0; padding:0 0 0 0; text-decoration:none; background:url("../img/boutfantaisies.jpg") no-repeat 0 1px; }
#nav a.organisation  { display: block; font: bold 13px Times; height:35px; margin:0; padding:0 0 0 0; text-decoration:none; background:url("../img/boutorganisation.jpg") no-repeat 0 1px;}
#nav a.presentation  {display: block; font: bold 13px Times; height:35px; margin:0; padding:0 0 0 0; text-decoration:none; background:url("../img/boutpresentation.jpg") no-repeat 0 1px; }
#nav a.registres  {display: block; font: bold 13px Times; height:35px; margin:0; padding:0 0 0 0; text-decoration:none; background:url("../img/boutsupports.jpg") no-repeat 0 1px;}
#nav a.accessoires  {display: block; font: bold 13px Times; height:35px; margin:0; padding:0 0 0 0; text-decoration:none; background:url("../img/boutaccessoire.jpg") no-repeat 0 1px;}
#nav a.papeterie  {display: block; font: bold 13px Times; height:35px; margin:0; padding:0 0 0 0; text-decoration:none; background:url("../img/boutpapeterie.jpg") no-repeat 0 1px;}
#nav a.agendas  {display: block; font: bold 13px Times; height:35px; margin:0; padding:0 0 0 0; text-decoration:none; background:url("../img/boutagendas.jpg") no-repeat 0 1px;}
#nav a span  { float:left; display:block; padding:3px 5px 0px 31px; text-align:left; font-weight:bold; color:#FFF; text-decoration:none;}	  
	  
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a.classement, #nav a.organisation, #nav a.registres, #nav a.collections, #nav a.presentation, #nav a.accessoires, #nav a.papeterie, #nav a.agendas, #nav a span{float:none;}
    /* End IE5-Mac hack */
      
#nav a:hover{color:#FFF; text-decoration:none;}
#nav a:hover span {color:#FFF;  text-decoration:none;}

#nav li ul {position: absolute; left: -999em; height: auto; width: auto; w\idth: 171px; font-weight: normal; border-width: 0px 0px 0px 0px; margin: 2px 0 0 0; z-index:1000;}
#nav li#ag ul {position: absolute; left: -999em; height: auto; width: auto; w\idth: 136px; font-weight: normal; border-width: 0px 0px 0px 0px; margin: 2px 0 0 0; z-index:1000;}
#nav li li {padding: 0 0 0 0px; height:auto; margin:0; width: 171px;}
#nav li#ag li {padding: 0 0 0 0px; height:auto; margin:0; width: 136px;}
#nav li ul a {display: block; width: 161px; w\idth: 161px; height:auto; background: url(../img/fondbout.png) 0 0; text-decoration:none; margin:0; padding:3px 3px 7px 7px; font: bold 11px Times; color:#FFFFFF;}
#nav li#ag ul a {display: block; width: 130px; w\idth: 130px; height:auto; background: url(../img/fondbout.png) 0 0; text-decoration:none; margin:0; padding:3px 3px 7px 7px; font: bold 11px Times; color:#FFFFFF;}
#nav li ul a:hover, #nav li#ag ul a:hover {color:#0043A5; text-decoration:none;}
#nav li ul ul, #nav li#ag ul ul {margin: -1.75em 0 0 14em;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
#nav li#ag:hover ul ul, #nav li#ag:hover ul ul ul, #nav li#ag.sfhover ul ul, #nav li#ag.sfhover ul ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}
#nav li#ag:hover ul, #nav li#ag li:hover ul, #nav li#ag li li:hover ul, #nav li#ag.sfhover ul, #nav li#ag li.sfhover ul, #nav li#ag li li.sfhover ul {left: auto;}
#nav li ul li:hover, #nav li ul li.sfhover {}
#nav li:hover, #nav li.sfhover {}

#side {list-style: none; float: left; width: 100%; line-height: 1; font-weight: bold; padding: 0; margin: 0 0 0 0;}
#side ul {float: left; list-style: none; line-height: 1; font-weight: bold; padding: 0; margin: 0;}
#side li {display:block; float:left; width:170px; margin: 0; padding:0; margin: 5px 0px 5px 0px; text-align:left; }
#side a {display: block; font: bold 13px Times; color:#fff; margin:0; padding:0 0 0 0; text-decoration:none;}
#side a:hover {}
#side a span#presentation {float:left; display:block; padding:10px 0px 10px 45px; text-align:left; background:url("../img/presentation.jpg") no-repeat left top;}
#side a span#groupe {float:left; display:block; padding:10px 0px 10px 45px; text-align:left; background:url("../img/groupe.jpg") no-repeat left top;}
#side a span#groupel {float:left; display:block; padding:2px 0px 1px 45px; text-align:left; background:url("../img/groupe.jpg") no-repeat left top;}
#side a span#produits {float:left; display:block; padding:10px 0px 10px 35px; text-align:left; background:url("../img/produits.jpg") no-repeat left top;}
#side a span#produitsl {float:left; display:block; padding:3px 0px 1px 35px; text-align:left; background:url("../img/produits.jpg") no-repeat left top;}
#side a span#contact {float:left; display:block; padding:10px 0px 10px 45px; text-align:left; background:url("../img/contact.jpg") no-repeat left top;}
#side a span#lexique {float:left; display:block; padding:10px 0px 10px 45px; text-align:left; background:url("../img/lexique.jpg") no-repeat left top;}
#side a span#clients {float:left; display:block; padding:10px 0px 10px 45px; text-align:left; background:url("../img/clients.jpg") no-repeat left top;}
 /* Commented Backslash Hack hides rule from IE5-Mac \*/
#side a span#presentation, #side a span#groupe, #side a span#produits, #side a span#contact, #side a span#lexique, #side a span#clients, #side a span#groupel, #side a span#produitsl{float:none;}
    /* End IE5-Mac hack */

#acc1 {list-style: none; float: left; width: 195px; line-height: 1; font-weight: bold; padding: 5px 0px 0px 40px; margin: 0; }
#acc1 ul {display:block; float: left; list-style: none; line-height: 1; font-weight: bold; padding: 0; margin: 0;}
#acc1 li {display:block; float:left; width:192px; margin: 0; padding:0; margin: 5px 0px 5px 0px; text-align:left; }
#acc1 img {border:0;}
#acc1 a {display: block; font: bold 13px Times; color:#fff; margin:0; padding:0 0 0 0; text-decoration:none;}
#acc1 a:hover {}
#acc1 a span {float:left; display:block; padding:0px 0px 0px 0px; text-align:left;}
 /* Commented Backslash Hack hides rule from IE5-Mac \*/
#acc1 a span{float:none;}
    /* End IE5-Mac hack */
	
#acc2 {list-style: none; float: left; width: 395px; line-height: 1; font-weight: bold; padding: 5px 0 0px 18px; margin: 0;}
#acc2 ul {float: left; list-style: none; line-height: 1; font-weight: bold; padding: 0; margin: 0 0 0 0;}
#acc2 li {display:block; float:left; width:393px; margin: 0; padding:0; margin: 5px 0px 5px 0px; text-align:left; }
#acc2 img {border:0;}
#acc2 a {display: block; font: bold 13px Times; color:#fff; margin:0; padding:0 0 0 0; text-decoration:none;}
#acc2 a:hover {}
#acc2 a span {float:left; display:block; padding:0px 0px 0px 0px; text-align:left;}
 /* Commented Backslash Hack hides rule from IE5-Mac \*/
#acc2 a span{float:none;}
    /* End IE5-Mac hack */
	
#acc3 {list-style: none; float: left; width: 583px; line-height: 1; font-weight: bold; padding: 0px 0 5px 43px; margin: 0;}
#acc3 ul {float: left; list-style: none; line-height: 1; font-weight: bold; padding: 0; margin: 0 0 0 0;}
#acc3 li {display:block; float:left; width:583px; height:127px; background:url(../img/telecharge_09.png) no-repeat; margin: 0; padding:0; margin: 0px 0px 10px 0px; text-align:left; }
#acc3 img {border:0;}
#acc3 h2 {margin: 12px 120px 0 120px;}
#acc3 h2 a {display: block; font: bold 13px Times; height:52px; color:#fff; margin:0; padding:0 0 0 0; text-decoration:none; text-indent:-3000px;}
#acc3 h2 a:hover {}
#acc3 a span {float:left; display:block; padding:0px 0px 0px 0px; text-align:left;}
 /* Commented Backslash Hack hides rule from IE5-Mac \*/
#acc3 a span{float:none;}
    /* End IE5-Mac hack */
	
#acc4 {list-style: none; float: left; width: 195px; line-height: 1; font-weight: bold; padding: 5px 0px 0px 44px; margin: 0; }
#acc4 ul {display:block; float: left; list-style: none; line-height: 1; font-weight: bold; padding: 0; margin: 0;}
#acc4 li {display:block; float:left; width:192px; margin: 0; padding:0; margin: 8px 0px 5px 0px; text-align:left; }
#acc4 img {border:0;}
#acc4 a {display: block; font: bold 13px Times; color:#fff; margin:0; padding:0 0 0 0; text-decoration:none;}
#acc4 a:hover {}
#acc4 a span {float:left; display:block; padding:0px 0px 0px 0px; text-align:left;}
 /* Commented Backslash Hack hides rule from IE5-Mac \*/
#acc4 a span{float:none;}
    /* End IE5-Mac hack */
	
#acc5 {list-style: none; float: left; width: 395px; line-height: 1; font-weight: bold; padding: 5px 0 0px 18px; margin: 0;}
#acc5 ul {float: left; list-style: none; line-height: 1; font-weight: bold; padding: 0; margin: 0 0 0 0;}
#acc5 li {display:block; float:left; width:393px; margin: 0; padding:0; margin: 8px 0px 5px 0px; text-align:left; }
#acc5 img {border:0;}
#acc5 a {display: block; font: bold 13px Times; color:#fff; margin:0; padding:0 0 0 0; text-decoration:none;}
#acc5 a:hover {}
#acc5 a span {float:left; display:block; padding:0px 0px 0px 0px; text-align:left;}
 /* Commented Backslash Hack hides rule from IE5-Mac \*/
#acc5 a span{float:none;}
    /* End IE5-Mac hack */
	
#acc6 {list-style: none; float: left; width: 583px; line-height: 1; font-weight: bold; padding: 5px 0 0px 43px; margin: 0;}
#acc6 ul {float: left; list-style: none; line-height: 1; font-weight: bold; padding: 0; margin: 0 0 0 0;}
#acc6 li {display:block; float:left; width:583px; margin: 0; padding:0; margin: 0px 0px 0px 0px; text-align:left; }
#acc6 img {border:0;}
#acc6 h2 {margin: 12px 120px 0 120px;}
#acc6 h2 a {display: block; font: bold 13px Times; height:0px; color:#fff; margin:0; padding:0 0 0 0; text-decoration:none; text-indent:-3000px;}
#acc6 h2 a:hover {}
#acc6 a span {float:left; display:block; padding:0px 0px 0px 0px; text-align:left;}
 /* Commented Backslash Hack hides rule from IE5-Mac \*/
#acc6 a span{float:none;}
    /* End IE5-Mac hack */

#drap {list-style: none; float: left; line-height: 1; font-weight: bold; padding: 0; padding: 25px 0 0 58px; margin: 0 0 0 0;}
#drap ul {float: left; list-style: none; line-height: 1; font-weight: bold; padding: 0; margin: 0;}
#drap li {float:left; margin: 0; padding:0; margin: 5px 0px 0 0px; text-align:left; display:inline;}
#drap img {border:0;}

#search {list-style: none; float: right; line-height: 1; font: normal 10px verdana; color:#0043A5; padding: 5px 25px 0 0px; margin: 0 0 0 0;}
#search ul {float: left; width:155px; list-style: none; line-height: 1; font-weight: bold; padding: 0; margin: 0;}
#search li {float:left; padding:0; margin: 5px 0px 0 0px; text-align:left; display:block;}
#search span {border:0; background:url("../img/loupe.gif") no-repeat left top; padding:2px 0px 6px 20px; display:block;}
#search input {border:1px solid #0043A5; background-color:#FFF; font:normal 10px verdana; color:#0043A5; margin: 0px 0; padding:0; size:auto; width:115px; height:13px;}
#search #valide {border:0px solid #000; background-color:#FFF; color:#0043A5; font:bold 11px verdana; margin: 0px 0; width:30px; height:15px; cursor:pointer;}
#search img {border:0;}

#band {list-style: none; float: left; width:784px; line-height: 1; font-weight: bold; padding: 0 0 0 35px; margin:0;}
#band ul {float: left; list-style: none; line-height: 1; font-weight: bold; padding: 0; margin: 0;}
#band li {float:left; padding:0; margin: 5px 2px; text-align:left; width:192px; height:25px; display:inline;}
#band img {border:0;}
#band a {display: block; font: bold 14px Times; margin:0; padding:0 0 0 0; text-decoration:none;}
#band a:hover {}
#band a span#classement {float:left; display:block; padding:0px 0px 10px 20px; text-align:left; color:#e82d76; background:url("../img/boutrose.gif") no-repeat 5px 3px;}
#band a span#accessoires {float:left; display:block; padding:0px 0px 10px 15px; text-align:left; color:#94d6f2; background:url("../img/boutturq.gif") no-repeat 0px 3px;}
#band a span#agendas {float:left; display:block; padding:0px 0px 10px 15px; text-align:left; color:#ac6490; background:url("../img/boutprune.gif") no-repeat 0px 3px;}
#band a span#presentation {float:left; display:block; padding:0px 0px 10px 17px; text-align:left; color:#4689c2; background:url("../img/boutbleu.gif") no-repeat 3px 3px;}
#band a span#registres {float:left; display:block; padding:0px 0px 10px 15px; text-align:left; color:#a7ca20; background:url("../img/boutvert.gif") no-repeat 0px 3px;}
#band a span#organisation {float:left; display:block; padding:0px 0px 10px 20px; text-align:left; color:#f18e22; background:url("../img/boutorange.gif") no-repeat 5px 3px;}
#band a span#papeterie {float:left; display:block; padding:0px 0px 10px 15px; text-align:left; color:#d27baf; background:url("../img/boutviolet.gif") no-repeat 0px 3px;}
#band a span#collections {float:left; display:block; padding:0px 0px 10px 20px; text-align:left; color:#56bd9f; background:url("../img/boutvertf.gif") no-repeat 5px 3px;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#band a span#classement, #band a span#organisation, #band a span#registres, #band a span#collections, #band a span#presentation, #band a span#accessoires, #band a span#papeterie, #band a span#agendas{float:none;}
    /* End IE5-Mac hack */
    --> 

#ind {float: left; width: 754px; list-style: none; line-height: 1;	font-weight: bold; padding: 0 25px 20px 25px; margin: 0;}
#ind ul {float: left; width: 754px; list-style: none; line-height: 1; background: white; border: solid #ccc; font-weight: bold; padding: 0 0 0 0; margin: 0 0 0 0;}
#ind a {display: block; font: bold 11px Times; margin:0; padding:0 0 0 0; text-decoration:none;}

#ind a span  { float:left; display:block; padding:0px 3px 2px 2px; text-align:center; font-weight:bold; color:#0043A5;}
#ind a span#ici  { float:left; display:block; padding:0px 3px 2px 2px; text-align:center; font-weight:bold; color:#53BBE8; text-decoration:none;}
#ind a span#ssf  { float:left; display:block; padding:0px 30px 2px 2px; text-align:center; font:bold 12px Times; color:#2d659d; background:#f8f7f8 url(../img/fleche_ind.gif) right 6px no-repeat;}
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
#ind a span, #ind a span#ssf, #ind a span#ici{float:none;}
    /* End IE5-Mac hack */
#ind a span, #ind a span#ssf  {color:#2d659d;}
#ind a:hover{color:#2d659d; text-decoration:none;}
#ind a:hover span{color:#2d659d; text-decoration:none;}
#ind a.daddy {color:#2d659d;}

#ind li {float: left; padding: 0; margin: 4px 0px 0px 0; bottom:0;}

#ind li ul {position: absolute; left: -999em; height: auto; width: auto; w\idth: 255px; font-weight: normal; border-width: 0px 0px 0px 0px; margin: 0 0 0 0; background: #FFF; z-index:1000;}
#ind li li {padding-right: 5px; height:auto; margin:0; width: 250px;}
#ind li ul a {width: auto; w\idth: auto; height:auto;}

#ind li ul ul {margin: -1.75em 0 0 14em;}

#ind li:hover ul ul, #ind li:hover ul ul ul, #ind li.sfhover ul ul, #ind li.sfhover ul ul ul {left: -999em;}

#ind li:hover ul, #ind li li:hover ul, #ind li li li:hover ul, #ind li.sfhover ul, #ind li li.sfhover ul, #ind li li li.sfhover ul {
left: auto;}

#ind li ul a {display: block; font: bold 11px Times; margin:0; padding:3px 2px 3px 2px; border-bottom:0px solid #ccc; text-decoration:none;}
#ind li ul li:hover, #ind li ul li.sfhover {background: #f8fcfd;}

#ind li:hover, #ind li.sfhover {}

#indi {float: left; width: 654px; list-style: none; line-height: 1;	font-weight: bold; padding: 10px 0px 0px 0px; margin: 0;}

#indi ul {float: left; width: 654px; list-style: none; line-height: 1; background: white; font-weight: bold; border: solid #ccc; padding: 0; margin: 0 0 0 0; }
#indi li {float: left; padding: 0 10px 5px 0px; margin: 0; bottom:0; }

#indi a {display: block; font: bold 13px Times; margin:0; padding:0 0 0 0; text-decoration:none;}

#indi a.menu {display: block; font: bold 13px Times; height:22px; margin:0; padding:0 0 0 0; text-decoration:none; background:#f8f7f8 url("../img/fleche_ind.gif") right 6px no-repeat;}
#indi a span  { float:left; display:block; padding:3px 25px 0px 3px; text-align:left; font-weight:bold; color:#0043A5; text-decoration:none;}	  
	  
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#indi a, #indi a.menu, #indi a span{float:none;}
    /* End IE5-Mac hack */
      
#indi a:hover{ text-decoration:none;}
#indi a:hover span {text-decoration:none;}

#indi li ul {position: absolute; left: -999em; height: auto; width: auto; w\idth: 250px; font-weight: normal; border-width: 0px 0px 0px 0px; margin: 2px 0 0 0; z-index:1000;}
#indi li li {padding: 0 0 0 0px; height:auto; margin:0; width: 250px;}
#indi li ul a {display: block; width: 240px; w\idth: 240px; height:auto; background: #FFF; text-decoration:none; margin:0; padding:3px 3px 7px 7px; font: bold 11px Times; color:#0043A5;}
#indi li ul a:hover {color:#0043A5; text-decoration:none; background: #f8fcfd;}
#indi li ul ul {margin: -1.75em 0 0 14em;}
#indi li:hover ul ul, #indi li:hover ul ul ul, #indi li.sfhover ul ul, #indi li.sfhover ul ul ul {left: -999em;}
#indi li:hover ul, #indi li li:hover ul, #indi li li li:hover ul, #indi li.sfhover ul, #indi li li.sfhover ul, #indi li li li.sfhover ul {left: auto;}
#indi li ul li:hover, #indi li ul li.sfhover {}
#indi li:hover, #indi li.sfhover {}

#indg {width: 400px; list-style: none; line-height: 1; text-align:left;	font-weight: bold; padding: 0 50px 17px 15px; margin: 0;}
#indg ul {width: 400px; list-style: none; line-height: 1; background: white; border: solid #ccc; font-weight: bold; padding: 0 0 0 0; margin: 0 0 0 0;}
#indg li {display:inline; padding: 0; margin: 4px 0px 0px 0; bottom:0;}
#indg a {font: bold 11px Times; margin:0; padding:0 0 0 0; text-decoration:none;}

#indg a span  {padding:0px 3px 2px 2px; text-align:left; font-weight:bold; color:#0043A5;}
#indg a span#ici  {padding:0px 3px 2px 2px; text-align:left; font-weight:bold; color:#53BBE8; text-decoration:none;}
#indg a span#ssf  {padding:0px 30px 2px 2px; text-align:left; font:bold 12px Times; color:#2d659d; background:#f8f7f8 url(../img/fleche_ind.gif) right 6px no-repeat;}
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
#indg a span, #indg a span#ssf, #indg a span#ici{float:none;}
    /* End IE5-Mac hack */
#indg a:hover{color:#2d659d; text-decoration:none;}
#indg a:hover span{color:#2d659d; text-decoration:none;}

#indr {list-style: none; line-height: 1; text-align:left;	font-weight: bold; padding: 0 50px 0px 5px; margin: 0;}
#indr ul {list-style: none; line-height: 1; background: white; border: solid #ccc; font-weight: bold; padding: 0 0 0 0; margin: 0 0 0 0;}
#indr li {display:block; padding: 0; margin: 0px 0px 0px 0; bottom:0;}
#indr a {font: bold 12px Times; margin:0; padding:0 0 0 0; text-decoration:none;}
#indr a span  {padding:0px 3px 2px 2px; text-align:left; font-weight:bold; color:#0043A5;}
#indr a span#ici  {padding:0px 3px 2px 2px; text-align:left; font-weight:bold; color:#53BBE8; text-decoration:none;}
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
#indr a span, #indr a span#ici{float:none; text-decoration:none;}
    /* End IE5-Mac hack */
#indr a:hover, #indr a:hover span, #indr a:hover span#ici{color:#87E200; text-decoration:none;}

#format {list-style: none; float: left; width:790px; line-height: 1; font-weight: bold; padding: 0 0 0 0px; margin:0 0 0 10px;}
#format img {}
#format ul {float: left; list-style: none; line-height: 1; font-weight: bold; padding: 0; margin: 0 0 15px 0px;}
#format li {float:left; padding:0; margin: 5px 0px; text-align:center; height:40px; display:inline;}

#format a {display: block; font: bold 11px Times; margin:0; padding:0 0 0 0; text-decoration:none;}
#format a:hover {}
#format a span {float:left; display:block; width:130px; padding:0px 15px 10px 10px; text-align:center; color:#e82d76; cursor:pointer;}
#format a span#petit {float:left; display:block; width: 95px; padding:0px 12px 10px 3px; text-align:center; color:#e82d76; cursor:pointer;}
#format a span#min {float:left; display:block; width:66px; padding:0px 7px 10px 0px; text-align:center; color:#e82d76; cursor:pointer;}
#format a span#droite {float:left; display:block; width:auto; padding:3px 10px 3px 20px; font: normal 14px Times; text-align:left; color:#e82d76; cursor:pointer; background-color:#EAE9E8;}
#format a span#gauche {float:right; display:block; width:auto; padding:3px 20px 3px 10px; font: normal 14px Times; text-align:right; color:#e82d76; cursor:pointer; background-color:#EAE9E8;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#format a span, #format a span#petit, #format a span#min, #format a span#gauche, #format a span#droite{float:none;}
    /* End IE5-Mac hack */
    --> 

div.parent {margin: 0;width: 100%;overflow: auto;text-align: left;}
div.parent p, div.parent div {margin: 0;}
.parent div {height: 100%;}
p.gauche, div.gauche {float: left; background:url(../img/add.gif) no-repeat 20px 30px; font: bold 11px Times; color:#666666;padding: 50px 0 0 20px; width:120px;}
img.gauche {float: right; margin: 10px 5px 0 0;}
p.droite, div.droite {float: right;background:url(../img/add.gif) no-repeat 100px 30px;font: bold 11px Times;color:#666666;text-align: right; padding: 50px 14px 0 0; width:120px;}
img.droite {float: left; margin: 10px 0px 0 5px;}

#artgauche {float: left; width:280px; padding: 0 10px 0 30px; font: normal 12px Times; color:#0043A5;}
#artgauche span#evt  { float:left; display:block; height:40px; width: 240px; padding:0 0 0 0; text-align:center; background: url(../img/ange-bleu-ag-min.gif) center top no-repeat; }
#artgauche span#cuir  { float:left; display:block; height:40px; width: 240px; padding:0 0 0 0; text-align:center; background: url(../img/fr-cuir-min.gif) center top no-repeat; }
#artgauche span#pefc  { float:left; display:block; height:40px; width: 240px; padding:0 0 0 0; text-align:center; background: url(../img/pefc-ag-min.gif) center top no-repeat;}

#artdroite  {float: right; width:430px; padding: 0 20px 0 10px; font: normal 12px Times; color:#0043A5;}
#artdroite h2 {font: bold 14px Times; color:#0043A5;}
#artdroite h3 {font: normal 13px Times; color:#fff; width:410px; padding:3px 10px; background:#e82d76;}
#artdroite h4 {font: bold 13px Times; color:#0043A5; width:410px; margin: 5px 0 0px 0;}
#artdroite a {font: normal 13px Times; color:#e82d76; text-decoration:underline;}
#artdroite a:hover {text-decoration:underline;}
#artdroite span img {float:right; margin: 10px 10px 0 10px;}
#artdroite span img#no {float:none; margin: 0px 2px 5px 2px; vertical-align:middle;}
#artdroite span.bc {color:#53BBE8;}
#artdroite span.bc img {cursor:pointer; float:none;}

/******************/
/* Menu onglets pdv */
/******************/
.pdv {list-style: none ; margin: 30px 0 0 60px ; padding: 0 ; overflow: hidden ;		/* Création du contexte de formatage */}
.pdv li {float: left ; width: 171px ; margin-right: 1px ;color: #fff ;background: #c00 ;}
.pdv li a {display: block ; background: #900 url(../img/onglet_pdv.jpg) left top no-repeat ; color: #fff ; font: bold 14px "Times",Arial,sans-serif ; line-height: 18px ; padding: 4px 0 4px 20px ; text-align: left ; text-decoration: none ;}
.pdv li a:hover, .pdv li a:focus, .pdv li a:active {background: #033 url(../img/onglet_pdv.jpg) right top no-repeat ;text-decoration: none;}
.pdv #active a {background: #033 url(../img/onglet_pdv.jpg) right top no-repeat ;text-decoration: none;}
<!--[if lt IE 7]>
.pdv {overflow: visible ; height: 1% ;}
<!--[endif]-->

/* Onglets points de vente old \*/
#onglets {float:left; width:100%; background: url("../images/bg.gif")repeat-x bottom; font-size:93%; line-height:normal;}
#onglets ul {margin:0; padding:10px 10px 0; list-style:none;}
#onglets li {float:left; background:url("../images/norm_right.gif") no-repeat right top; margin:0; padding:0;}
#onglets a {display:block; float:left; font: bold 10px verdana; color:#1064A1; text-decoration: none; background:url("../images/norm_left.gif") no-repeat left top; padding:5px 18px 6px; }
	/* Commented Backslash Hack
     Cache des règles à IE5-Mac \*/
  #onglets a {float:none;}
  /* Fin du hack IE5-Mac */
#onglets a:hover { color:#000;}
#onglets #current { background-image:url("../images/norm_right_on.gif");}
#onglets #current a {  background-image:url("../images/norm_left_on.gif");padding-bottom:7px;color:#000; }

/* bordure tableaux \*/

.bord {border: 0px solid #ddd; border-width: 0px; padding: 8px; font-family: Times, Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #53BBE8; text-align: left; background: #fff; margin: 0 40px 30px 40px;}


/* style page contacts */
button, input, textarea, select {font: 12px Times, Arial, Helvetica, sans-serif; color:#0043A5;}
.contact_form {background:url(../img/contact_bg.gif) 60px 15px no-repeat ; width:300px; height:600px; margin: 20px 0 0 5px; padding:10px 20px 10px 60px;}
.contact_form p {margin:2px 0 5px 0;}
.padd_10 {padding:10px 3px;}
.padd_10_right {padding:0 5px 10px 5px;}
.tit_font14_blue {font-size:14px; font-weight:bold; color:#0043A5;}
.tit_green14px {color:#34a921; font-weight:bold; font-size:14px; line-height:18px; margin-bottom:5px;}
.width_50 {width:50%;}
a.green_link {color:#34a921;}
a.green_link:hover {text-decoration:none;}

.img_input { background:url(../img/input_contact.gif) no-repeat left center; width:280px; height:22px; border:none; line-height:22px; padding:0 5px; margin-bottom:3px;}
.img_input[class] {display:block; height:auto; padding:5px;}
.img_textarea {background:url(../img/textarea.gif) no-repeat scroll; width:280px; height:108px; border:none; padding:5px 5px 0px 5px; overflow:auto;}
.img_textarea[class] {width:280px; height:108px;}
fieldset {border: 0; padding:0;}

/*--------- Lightbox -----------*/
#lightbox{
    background:#eee url(../img/popup.jpg);
    padding: 0px;
	width:700px;
	height:600px;
    border-bottom: 0px solid #9B010E;
    border-right: 0px solid #9B010E;
}

#lightboxDetails{
    font-size: 12px;
	font-weight: bold;
	width:550px;
    color: #0043A5;
	text-transform:uppercase;
    padding: 5px 75px;
	text-align:center;
}

#closeButton{ top: 5px; right: 5px; }
img#closeButton { margin: 0; padding:50px;}

#lightboxCaption{ float: left; width:550px;}
#lightboxCaption span#evt  { float:left; display:block; height:76px; width: 550px; padding:0 0 0 0; margin:8px 0 0 0; text-align:center; background: url(../img/fr-ange-bleu.gif) center top no-repeat; }
#lightboxCaption span#evtint  { float:left; display:block; height:76px; width: 550px; padding:0 0 0 0; margin:8px 0 0 0; text-align:center; background: url(../img/int-ange-bleu.gif) center top no-repeat; }
#lightboxCaption span#pefc  { float:left; display:block; height:76px; width: 550px; padding:0 0 0 0; margin:8px 0 0 0; text-align:center; background: url(../img/pefc.gif) center top no-repeat;}
#lightboxCaption span#evtag  { float:left; display:block; height:76px; width: 550px; padding:0 0 0 0; margin:8px 0 0 0; text-align:center; background: url(../img/ange-bleu-ag.gif) center top no-repeat; }
#lightboxCaption span#pefcag  { float:left; display:block; height:76px; width: 550px; padding:0 0 0 0; margin:8px 0 0 0; text-align:center; background: url(../img/pefc-ag.gif) center top no-repeat;}
#lightboxCaption a span#pdf  { float:left; display:block; padding:3px 70px 4px 0; text-align:right; font:bold 13px arial; color:#0043A5; background: url(../img/acrobat.gif) 485px 0 no-repeat; text-decoration:none; text-transform:lowercase;}
#lightboxCaption a span#pdf {float:none;}
#lightboxCaption a:hover span#pdf{color:#0043A5; text-decoration:none;}

#keyboardMsg{ float: right; }

#lightbox img{ border: none; padding:75px 70px 0 70px; }

#overlay img{ border: none; }

#overlay{ background-image: url(../img/overlay.png); }


* html #overlay{ /*Hack IE */
    background-color: #000;
    background-color: transparent;
    background-image: url(../img/blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/overlay.png", sizingMethod="scale");
}
/*-------- fin lightbox -------*/

/* Administration*/

/*#admin {padding: 0; margin: 15px 0 15px 10px; font: normal 11px verdana;}*/
#admin input {padding: 0; margin: 0 0 0 0; font: normal 10px verdana;}
#redright {padding: 0; margin: 0 30px 0 10px; text-align:right;}
#redright a {font: normal 11px verdana; color:#B00000; text-decoration:underline;  }
#redright a:hover {text-decoration:underline}
#redright a span#add  { float:left; display:block; height:15px; width: 740px; padding:3px 30px 0 0; background: url(../img/add.gif) 745px 2px no-repeat; }