/* CSS Document */
* {padding:0; margin:0}

/*- Contenu -*/
#content_wrapper { width:611px; overflow:hidden; float:left; background:transparent; margin:0 10px 0 0; }
#content { float:left; width:610px; margin:0; padding-top:15px; background:url(images/content-borders.gif) repeat-y top left; overflow:hidden}
#footer_content { width:611px; height:129px; float:left; overflow:hidden; margin:0 0 10px 0; background: url(images/content-background-bottom.gif) no-repeat top left; }



#content p { margin:0; padding:10px 20px 10px 20px }
#content p a:link, #content p a:visited { text-decoration:none; color:#00a3de;}
#content p a:hover { text-decoration:underline; color:#00a3de;}

#content h2, #content h3, #content h3 a:link, #content h3 a:visited { color:#000000; font-size:13px; margin:10px 0 15px 8px; padding-top:20px; }
#content h4 {margin:0 0 0 20px;}
#content h2 span { display:block }
#content ul {padding:10px 10px 10px 20px;}
#content li {list-style:none;background:transparent url(images/puces/puce_vert_clair.gif) no-repeat scroll left; padding:5px 25px 5px 17px;}
#content li a{display:block; padding:0px 0px 0px 15px;}
#content a:link, #content a:visited {color:#00a3de;}
#content a:hover {text-decoration:underline;}

.banner .titre {margin:0 8px 0 2px; background:url(images/puces/patate3_bleu_medium.gif) top left no-repeat; width:63px; float:left; height:67px; text-align:center; line-height:67px; font-size:12px; color:#fff; font-weight:bold;}
.banner h2{font-size:20px; font-weight:normal; padding:20px 0 0 0; color:#00a3de; }

/*
#content .entry { padding:0 0 135px 0; background: url(images/bg_content.gif) no-repeat bottom left;}
#content .lien { width:355px; height:45px; background: url(images/bt_content.gif) no-repeat; margin:10px 0 0 10px; padding:0 20px 0 0;}
#content .lien p {}
#content .lien p a:link, #content .lien p a:visited { background:url(images/lien_bt.gif) no-repeat 0 4px; padding-left:15px; color:#675C53; text-decoration:none; float:left} 
#content .lien p a:hover { background:url(images/lien_bt.gif) no-repeat 0 4px; color:#675C53} 
*/

#content .entry {padding:5px 0 170px 0; background: url(images/bg_content_bleu_medium.gif) no-repeat bottom left;}
#content .lien {width:355px; height:48px; margin:10px 0 0 10px; padding:7px 20px 0 0; background:url(images/bt_content.gif) no-repeat 0 4px; }
#content .lien p { line-height:28px;}
#content .lien  a{ height:32px; margin:12px 0 10px 10px; background:url(images/puces/puce_bleu_medium.gif) no-repeat 0 3px; padding-left:18px; color:#675C53; text-decoration:none; float:left} 
#content .lien  a:hover { background:url(images/puces/puce_bleu_medium.gif) no-repeat 0 3px; text-decoration:underline;}  

.rightcontent { float:left; width:240px;}

.blocsolutions {width:241px; background:url(images/bg_nosolution.gif) 0 100% no-repeat; padding:20px 0 10px 0;}
.borderbottom { width:241px; height:0; overflow:hidden;}
.blocsolutions h3 { margin-left:11px; padding:0; padding-left:10px; padding-bottom:15px; font-size:14px; font-weight: bold; color:#007F64}
.blocsolutions ul{list-style:none; padding:0 5px;}
	.blocsolutions ul li{display:block; margin:0 0 7px 0}
	.blocsolutions ul li a{display:block; background:url(images/bt_sagex3.gif) 0 0 no-repeat; margin-left:15px; line-height:16px; padding:9px 0px 9px 10px; width:190px; color:#747476; font-weight:bold; text-decoration:none; }
	.blocsolutions ul li ul{padding:15px 10px 0 10px}
	.blocsolutions ul li li a{background:none; padding:0 0 7px 0; margin:0 ; color:#675c53; width:197px;}

#blocshare{ width:200px; height:173px; float:left; background:url(images/bg-share.gif) no-repeat; padding:7px 20px 0 20px;margin-top:10px;}
#blocshare h1 { margin:0; padding:0; color:#69923A; font-size:13px; font-weight:normal; text-align:left;border-bottom:1px dotted;}
#blocshare h2 { margin:0 0 15px 0; padding:0; color:#024731; font-size:19px; font-weight:bold; text-align:center; display:block;}
#blocshare .addthis_button_compact{ margin:0; padding-bottom:5px; color:#69923A; font-size:13px; font-weight:normal; text-align:left;border-bottom:1px dotted; display:block; width:195px;}
#blocshare .addthis_button_email{ margin:0; padding-bottom:5px; padding-left:2px; color:#69923A; font-size:13px; font-weight:normal; text-align:left;border-bottom:1px dotted; display:block; width:195px;}
#blocshare .addthis_button_twitter{ margin:0; padding-bottom:5px; padding-left:2px; color:#69923A; font-size:13px; font-weight:normal; text-align:left;border-bottom:1px dotted; display:block; width:195px;}
#blocshare .addthis_button_facebook{ margin:0; padding-bottom:5px; padding-left:2px; color:#69923A; font-size:13px; font-weight:normal; text-align:left;border-bottom:1px dotted; display:block; width:195px;}
#blocshare .addthis_button_google{ margin:0; padding-bottom:5px; padding-left:2px; color:#69923A; font-size:13px; font-weight:normal; text-align:left;border-bottom:1px dotted; display:block; width:195px;}
#blocshare .addthis_button_netvibes{ margin:0; padding-bottom:5px; padding-left:2px; color:#69923A; font-size:13px; font-weight:normal; text-align:left;}

#newcfo{ width:200px; float:left; padding:7px 20px 0 20px;margin-top:10px;}
#newcfo h1 { margin:0; padding:0; color:#69923A; font-size:13px; font-weight:normal; text-align:left;}
#newcfo h2 { margin:0 0 15px 0; padding:0; color:#024731; font-size:19px; font-weight:bold; text-align:center; display:block;}


#bloccontact_bas { width:200px; height:173px; float:left; background:url(images/besoin_bg_bas.gif) no-repeat; padding:7px 20px 0 20px;}
#bloccontact_bas h1 { margin:0; padding:0; color:#69923A; font-size:13px; font-weight:normal; text-align:center}
#bloccontact_bas h2 { margin:0 0 15px 0; padding:0; color:#024731; font-size:19px; font-weight:bold; text-align:center; display:block;}


#bottomcontent {clear: both;}
#bloc_sage { width:212px; height:129px; float:left; background:url(images/bg_decouvrez_small.gif) no-repeat; padding-left:20px; margin:0 0 10px 0;}
#bloc_sage h4 { margin:0 0 10px 0; font-size:11px; font-weight:bold; color: #000000}
#bloc_sage h4 a:link, #bloc_sage h4 a:visited { text-decoration:none; color:#000000}
#bloc_sage h4 a:hover { text-decoration:none; color:#000000}
#bloc_sage p { font-size:11px; font-weight:normal; color:#675C53;}
#bloc_sage p a:link , #bloc_sage p a:visited { background:url(images/icon_decou.gif) no-repeat; padding-left:20px; text-decoration:none; color:#675C53; float: left}
#bloc_sage p a:hover { background:url(images/icon_decou.gif) no-repeat; padding-left:20px; text-decoration: underline; color:#675C53}
#bloc_sage h3, #bloc_sage h3 p { font-size:15px; font-weight:normal; color:#C1D59F; margin:0; line-height:40px; }

#bloc_aide_bottom { width:602px; height:130px; float:left; background:url(images/bg_pour_large.gif) no-repeat; padding-left:15px; margin-left:10px}
#bloc_aide_bottom h4 { font-size:15px; font-weight:bold; color:#007F64; margin:0; line-height:40px}
#bloc_aide_bottom ul { list-style:none; margin:0; padding:0}
#bloc_aide_bottom ul li { width:145px; float:left}
#bloc_aide_bottom ul li a { font-size:11px; font-weight:bold; color:#000000; text-decoration:none; padding:0 0 0 10px; margin:0; clear:both; display:block}
#bloc_aide_bottom ul li a:hover { text-decoration:underline}
#bloc_aide_bottom ul li a strong { padding-left:10px;}
#bloc_aide_bottom ul li a.lien1 { font-weight:normal;}

#bloc_search_ligne { width:852px; height:36px; float:left; background: url(images/bg_rechercher.gif) no-repeat; margin-top:8px; padding-left:8px; padding-top:3px}
#bloc_search_ligne h4 { margin:0; padding:0; width:75px; float:left; font-size:12px; font-weight:bold; color:#747476; line-height:1.0em; padding-top:5px; margin-right:25px;}
.search_dom { float:left; padding-right:5px}

#wrapper { margin:10px 0 0 0; padding:4px 0 0 0; background:url(images/wrapper_article.gif) no-repeat top left; float:left; }

#bloc_sage { width:219px; height:129px; margin-bottom:25px; float:right; background:url(images/bg_decouvrez.gif) no-repeat; padding-left:20px; margin:0 5px 15px 0}
#bloc_sage h3 { font-size:15px; font-weight:normal; color:#C1D59F; line-height:46px}
#bloc_sage h4 { font-size:11px; font-weight:bold; color: #000000}
#bloc_sage p {}
#bloc_sage p a:link , #bloc_sage p a:visited { background:url(images/icon_decou.gif) no-repeat; padding-left:20px; text-decoration:none; color:#675C53; display:inline}
#bloc_sage p a:hover { background:url(images/icon_decou.gif) no-repeat; padding-left:20px; text-decoration: underline; color:#675C53}

#bloc_aide_col { width:226px; height:395px; background: url(images/bg_pour.gif) no-repeat; float:left; padding-left:13px; margin:10px 0 10px 0}
#bloc_aide_col h3, #bloc_aide_col h4 { font-size:15px; font-weight:bold; color:#675C53; padding:0 0 0 25px; display:block; }
#bloc_aide_col p { margin-top:5px; font-size:11px; font-weight:normal; color:#675C53; width:215px;}
#bloc_aide_col p a, #bloc_aide_col p a:link , #bloc_aide p a:visited { text-decoration:none; background: url(images/icon_ver.gif) no-repeat right; padding:0 20px 0px 0; color:#007F64; margin-bottom:25px; font-weight:bold; text-align:right; display:block;}
#bloc_aide_col p a:hover { text-decoration:underline; font-weight:bold}
#bloc_aide_col .guide2 { background: url(images/icon_guide.gif) no-repeat; padding-left:25px;}
#bloc_aide_col .newsletter2 { background: url(images/icon_enews.gif) no-repeat; padding-left:25px}
#bloc_aide_col .doc2 { background: url(images/icon_document.gif) no-repeat; padding-left:25px}
#bloc_aide_col .temoignages2 { background:url(images/icon_tem.gif) no-repeat; padding-left:25px}
#bloc_aide_col .bouton240 { margin-left:0px; display:block; }

#bloc_search_ligne { width:852px; height:36px; float:left; background: url(images/bg_rechercher.gif) no-repeat; margin-top:8px; padding-left:8px; padding-top:3px}
#bloc_search_ligne h4 { width:75px; float:left; font-size:12px; font-weight:bold; color:#747476; line-height:1.0em; padding-top:5px; margin-right:25px;}
.search_dom { float:left; padding-right:5px}

#content h2 {font-size:20px; display:block; margin:0 0 5px 20px; color:#777777;}
.haut-ref {width:577px; height:8px; float:left; background:url(images/haut_ref.jpg) no-repeat #e5f6fc; font-size:1px;}
.bas-ref {width:577px; height:8px; float:left; background:url(images/bas_ref.jpg) no-repeat #e5f6fc; font-size:1px;}
.ref-container {width:577px; margin:17px; float:left; background:#e5f6fc;}
.ref-bloc {width:282px; padding-left:7px; float:left; color:#777777; font-weight:bold;}
.ref-bloc2 {width:282px; float:left; color:#777777; font-weight:bold;}
.ref-titre {padding-left:15px; cursor:hand; background: url(images/puce_liste_bleu.gif) no-repeat; margin:10px 0px; color:#777777;}
.ref-titre:hover {text-decoration:underline;}

#content p { display:block;  padding:0; margin:0px 20px; padding:3px 0 0 0;}
#content h3 { color:#00a1de; margin:0px 20px; font-size:14px; display:block; margin-bottom:0px; line-height:18px;padding-top:20px;}
#content h3 a:link , #content h3 a:visited { color:#00a1de; font-size:14px; display:block; margin:0px;  }

a.suiv { float:right; display:block; background: url(images/icon_ver.gif) no-repeat right; padding:0 25px 0 0; width:100%; margin:0 15px 25px 0; font-size:12px; font-weight:normal; color:#007F64; text-decoration:none;}

/* ------------------------------------ */
/*          diaporama lightbox          */
/* ------------------------------------ */

#lightbox-diapo { 
background: url(http://preprodmge/espaces/Portals/48/lightbox/images/fond-diaporama.jpg) no-repeat ;
width: 540px ;
padding-top: 10px ;
padding-right: 10px ;
padding-bottom: 25px ;
padding-left: 20px ;
margin-top:8px ;
margin-right: 67px ;
margin-bottom: 25px ;
margin-left: 30px ;
}

#lightbox-diapo td { 
padding: 0px ;
margin: 0px ; 
}

#lightbox-diapo p { 
padding: 0px ;
margin: 0px ; 
font-size: 0 ;
text-decoration: none ;
}

/* ligne1 ------------------------------------ */

#lightbox-diapo p a.diapo-1 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-000s1.jpg) no-repeat ; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-1:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-000s0.jpg) no-repeat ; background-position:center ; width: 74px ; height: 68px ; float:left ; }

#lightbox-diapo p a.diapo-2 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-009s1.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-2:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-009s0.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }

#lightbox-diapo p a.diapo-3 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-021s1.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-3:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-021s0.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }

#lightbox-diapo p a.diapo-4 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-025s1.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-4:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-025s0.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }

#lightbox-diapo p a.diapo-5 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-027s1.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-5:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-027s0.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }

#lightbox-diapo p a.diapo-6 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-028s1.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-6:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-028s0.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }

/* ligne 2 ------------------------------------ */

#lightbox-diapo p a.diapo-7 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-032s1.jpg) no-repeat ; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-7:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-032s0.jpg) no-repeat ; background-position:center ; width: 74px ; height: 68px ; float:left ; }

#lightbox-diapo p a.diapo-8 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-042s1.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-8:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-042s0.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }

#lightbox-diapo p a.diapo-9 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-053s1.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-9:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-053s0.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }

#lightbox-diapo p a.diapo-10 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-063s1.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-10:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-063s0.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }

#lightbox-diapo p a.diapo-11 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-081s1.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-11:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-081s0.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }

#lightbox-diapo p a.diapo-12 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-096s1.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-12:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-096s0.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }

/* ligne 3 ------------------------------------ */

#lightbox-diapo p a.diapo-13 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-104s1.jpg) no-repeat ; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-13:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-104s0.jpg) no-repeat ; background-position:center ; width: 74px ; height: 68px ; float:left ; }

#lightbox-diapo p a.diapo-14 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-111s1.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-14:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-111s0.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }

#lightbox-diapo p a.diapo-15 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-121s1.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-15:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-121s0.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }

#lightbox-diapo p a.diapo-16 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-127s1.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-16:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-127s0.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }

#lightbox-diapo p a.diapo-17 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-147s1.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-17:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-147s0.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }

#lightbox-diapo p a.diapo-18 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-148s1.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-18:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-148s0.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }

/* ligne 4 ------------------------------------ */

#lightbox-diapo p a.diapo-19 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-156s1.jpg) no-repeat ; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-19:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-156s0.jpg) no-repeat ; background-position:center ; width: 74px ; height: 68px ; float:left ; }

#lightbox-diapo p a.diapo-20 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-181s1.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-20:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-181s0.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }

#lightbox-diapo p a.diapo-21 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-188s1.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-21:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-188s0.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }

#lightbox-diapo p a.diapo-22 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-195s1.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-22:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-195s0.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }

#lightbox-diapo p a.diapo-23 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-213s1.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-23:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-213s0.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }

#lightbox-diapo p a.diapo-24 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-214s1.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-24:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-214s0.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }

/* ligne 5 ------------------------------------ */

#lightbox-diapo p a.diapo-25 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-218s1.jpg) no-repeat ; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-25:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-218s0.jpg) no-repeat ; background-position:center ; width: 74px ; height: 68px ; float:left ; }

#lightbox-diapo p a.diapo-26 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-221s1.jpg) no-repeat ; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-26:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-221s0.jpg) no-repeat ; background-position:center ; width: 74px ; height: 68px ; float:left ; }

#lightbox-diapo p a.diapo-27 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-224s1.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-27:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-224s0.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }

#lightbox-diapo p a.diapo-28 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-231s1.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-28:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-231s0.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }

#lightbox-diapo p a.diapo-29 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-235s1.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-29:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-235s0.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }

#lightbox-diapo p a.diapo-30 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-239s1.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-30:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-239s0.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }

/* ligne 6 ------------------------------------ */

#lightbox-diapo p a.diapo-31 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-240s1.jpg) no-repeat ; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-31:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-240s0.jpg) no-repeat ; background-position:center ; width: 74px ; height: 68px ; float:left ; }

#lightbox-diapo p a.diapo-32 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-241s1.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-32:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-241s0.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }

#lightbox-diapo p a.diapo-33 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-245s1.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-33:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-245s0.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }

#lightbox-diapo p a.diapo-34 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-246s1.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-34:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-246s0.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }

#lightbox-diapo p a.diapo-35 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-250s1.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-35:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-250s0.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }

#lightbox-diapo p a.diapo-36 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-252s1.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-36:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-252s0.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }

/* ligne 7 ------------------------------------ */

#lightbox-diapo p a.diapo-37 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-255s1.jpg) no-repeat ; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-37:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-255s0.jpg) no-repeat ; background-position:center ; width: 74px ; height: 68px ; float:left ; }

#lightbox-diapo p a.diapo-38 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-259s1.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-38:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-259s0.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }

#lightbox-diapo p a.diapo-39 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-261s1.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-39:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-261s0.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }

#lightbox-diapo p a.diapo-40 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-264s1.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-40:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-264s0.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }

#lightbox-diapo p a.diapo-41 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-265s1.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-41:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-265s0.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }

#lightbox-diapo p a.diapo-42 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-267s1.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-42:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-267s0.jpg) no-repeat; background-position:center ; width: 74px ; height: 68px ; float:left ; }

/* ligne 8 ------------------------------------ */

#lightbox-diapo p a.diapo-43 { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-269s1.jpg) no-repeat ; background-position:center ; width: 74px ; height: 68px ; float:left ; }
#lightbox-diapo p a.diapo-43:hover { background: url(http://preprodmge/espaces/Portals/48/lightbox/images/photo-event-269s0.jpg) no-repeat ; background-position:center ; width: 74px ; height: 68px ; float:left ; }




/* ------------------------------------ */
/*          diaporama lightbox          */
/* ------------------------------------ */


/* ------------------------------------ */
/*          TABLEAU PDF PRODUIT         */
/* ------------------------------------ */
#tableaupdf { width: 620px ; margin-top:20px ; margin-left:20px ; 
}
.separateur { margin:0px ; padding:5px ; border-bottom: 1px dotted #747476 ;
}
.image { width:60px ; height:85px ; 
}
.info { width:250px ; height:85px ; background:#fff ;
}
#tableaupdf .info h2 { margin:5px ; padding:0px ;
}
#tableaupdf .info p { margin:5px ;
}
.border { margin:0px ; padding:5px ; border-left:1px dotted #747476;
}
/* ------------------------------------ */
/*          TABLEAU PDF PRODUIT         */
/* ------------------------------------ */