@charset "utf-8";
/* CSS Document */

.titreh2_1 { color: #39378c; font-size: 14px; margin: 0px; padding:0px; }
.titreh2_2 { color: #39378c; font-size: 11px; margin: 0px; padding:0px; }
.titreh2_3 { height: 55px; width: 520px; margin: 0px; padding:0px; background: url(page_titre_bg.jpg) left bottom no-repeat transparent;}
.titreh3_1 { color: #39378c; font-size: 11px; margin: 0px; padding:0px; }
.smallcap { font-size: 11px; font-weight: bold; }


.sepcol1 { border-left: 1px dotted #787691; }
.sepcol2 { border-left: 1px solid #787691; }
.pic1 { border: 1px solid #8e8fa6; margin-bottom: 5px; }
.tablepadding10 { /* Juste pour mettre le classe dans la feuille de style, permet d'avoir un espacement gauche et droite de 10px dans les td d'une table*/}
.padding10gche { padding-left: 10px; }
.padding10dte { padding-right: 10px; }
.forceright { margin-left: auto; }

/* not editor */
.titreh2_3 img { margin-left: 90px; float: left; }
.titreh2_3 .text { margin-left: auto; float: none; font-size: 11px; display: block; margin-top: -10px; }

.tablepadding10 td { padding-left: 10px; padding-right: 10px; }
.sep1 { width: 50%; height:1px; margin-top: 5px; margin-bottom: 5px; border-bottom: 1px dotted #787691; font-size: 0px;}
.sep2 { width: 100%; height:1px; margin-top: 5px; margin-bottom: 5px; border-bottom: 1px dotted #787691; font-size: 0px;}
.sep3 { width: 180px; height:1px; margin-top: 5px; margin-bottom: 5px; border-bottom: 1px dotted #787691; font-size: 0px;}

/* Styles généraux */
body { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #706d89; }
.bodyPopup { padding: 5px; background: none; }
a { text-decoration: none; color: #706d89; }
a:hover, a:visited:hover { text-decoration: underline; }
a img { border: none; }
.clearer { width: auto; height: 0px; font-size: 0px; clear: both; }
.ancre { width: auto; height: 1px; line-height: 1px; font-size: 1px; text-decoration: none; }

/* actus en haut de la page d'accueil */
.main .bodycol2 .actuboxdetails .texte {padding:0;}
.main .bodycol2 .actuboxdetails .sep {margin:0; height:10px;}

/* Styles corps de la page */
.main { width: 917px; height: auto; margin-left: auto; margin-right: auto; padding-right: 7px; padding-left: 1px; position: relative; background: url(bg_main.gif) repeat-y top left transparent; }
.minilinks { position: absolute; z-index: 20; top: 0px; right: 7px; }
.headerkw1 { position: absolute; z-index: 19; font-size: 10px; color: #6f6284; top: 60px; left: 275px; line-height: 10px;}
.headerkw2 { position: absolute; z-index: 19; font-size: 10px; color: #6f6284; top: 136px; left: 275px;}
.header { position: absolute; z-index: 18; left: -34px; }
.mainmenu { width: auto; height: 270px; font-size: 11px; color: #8b8fa5; font-variant: small-caps; position: relative; z-index: 15; }
.mainmenu a, .mainmenu a:link, .mainmenu a:visited { font-size: 11px; color: #8b8fa5; text-decoration: none; }
.mainmenu a:hover, .mainmenu a:visited:hover { color: #7399cb; }
.mainmenu img { border: none; }
.mainmenu table { height: 270px; }
.mainmenu .coltype1, .mainmenu .coltype2 { vertical-align: bottom; padding-right: 3px; }
.mainmenu .coltype1 { width: auto; background:url(mainmenu_bg_right.png) bottom right no-repeat transparent; }
.mainmenu .coltype2 { width: auto; background:url(mainmenu_bg_right-rev.png) bottom left no-repeat transparent; }
.mainmenu td .item, .mainmenu td .itemnobg { width: auto; height: 27px; padding-top: 8px; padding-left: 37px; padding-right: 2px; vertical-align: middle; font-weight: bold; padding-bottom: 2px; position: relative; }
.mainmenu td .item .menutxt, .mainmenu td .itemnobg .menutxt { position: relative; top: 10px; left: 32px; }
.mainmenu td .item { background: url(mainmenu_bg_left.gif) transparent bottom left no-repeat; }
.mainmenu td .itemnobg { background: none transparent; }
.mainmenu td .item img, .mainmenu td .itemnobg img, .mainmenu td .item span, .mainmenu td .itemnobg span  { position: absolute; top: 0px; left: 0px; }
.mainmenu td .item .titrepic, .mainmenu td .itemnobg .titrepic { position: relative; }
.mainmenu .submain { white-space: nowrap; font-size: 11px; width: 110%; height: auto; padding: 5px; margin: 0px; list-style: none; display: none; background: #F1F9FD; border: 1px solid #86889E; position: absolute; top: 37px; left: -1px; z-index: 10000; }
.mainmenu .submain li { font-variant: normal; font-size: 11px; }
.mainmenu .submain .subitem { }
.mainmenu .submain .subitemsep { height: 1px; font-size: 0; border-bottom: 1px dotted #86889E; margin: 5px 0px; }

.bodycol1 { width: 190px; margin-right: 10px; height: auto; float: left; }
.bodycol2 { width: 590px; height: auto; float: left; }
.bodycol3 { width: 125px; height: auto; float: right; text-align: center; }
.bodypage { width: auto; height: auto; padding-top: 30px; text-align: left; background: url(page_bg.jpg) top left repeat-y transparent; }
.bodypagecontent { width: 525px; height: auto; margin-left: auto; margin-right: auto; position: relative; }
.bodycatcontent { width: 525px; height: auto; position: relative; }
.bodycattable { }
.bodycattable .menu { padding-left: 5px; }
.bodycattable .content { }

.menuleft_cat { width: 200px; margin-top: 25px; font-family: Tahoma, Verdana, Geneva, sans-serif; font-size: 10px; line-height: 15px; }
.menuleft_cat h5, .menuleft_cat h6 { margin: 0; padding: 0; font-size: 10px; }
.menuleft_cat h5, .menuleft_cat h5 a { text-transform: uppercase; color: #4a77b0;}
.menuleft_cat h6, .menuleft_cat h6 a { color: #706d89; }

.mainfooter { width: 815px; height: 49px; padding-top: 22px; padding-left: 110px; background:url(footer_bg.jpg) bottom left no-repeat transparent; margin-left: auto; margin-right: auto; font-size: 10px; color: #706d89; }
.mainfooter a { color: #6f728a; }

.butt_promo { height: 29px; float: left; background: url(promo_butt_bg.jpg) transparent no-repeat; margin-right: 3px; font-size: 11px; font-weight: bold; color: #FFFFFF; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; position: relative; }
.butt1 { background-position: left top; }
.butt2 { background-position: -150px top; }
.butt3 { background-position: -300px top; }
.butt4 { background-position: -450px top; }
.butt5 { background-position: -550px top; margin-right: 0px; }
.butt_promo .texte { position: relative; padding: 8px 5px 0px 5px; }
.butt_promo .cornerleft { position: absolute; top: 0px; left: 0px; }
.butt_promo .cornerright { position: absolute; top: 0px; right: 0px !important; right: -1px; }
.butt_promo a, .butt_promo a:link, .butt_promo a:visited { color: #FFFFFF; position: relative; z-index:5;}
.butt_promo_selec { background: url(promo_butt_nobg.jpg) transparent no-repeat; color: #82859a; }
.butt_promo_selec a, .butt_promo_selec a:link, .butt_promo_selec a:visited { color: #82859a; }

/* Boites du site */

/* BOX 1 */
.box1 { width: 100%; height: auto;}
.box1 .titre1 { background: #cbd0e5; height: 50px; background: url(box1_header_bg.gif) bottom left no-repeat; border-bottom: 1px solid #7e8097; font-size: 14px; font-weight: bold; color: #FFFFFF; }
.box1 .titre1 table { width: 100%; }
.box1 .titre1 td { vertical-align: bottom; }
.box1 .titre1 .icone { width: 50px; }
.box1 .titre1 .titre { padding-bottom: 5px; }
.box1 .titre1 .end { width: 10px; }

.box1 .body1, .box1 .body2{ padding: 10px; color: #706d89; font-size: 11px; }
.box1 .body1 { border-left: 1px solid #7e8097; border-right: 1px solid #7e8097; background: #ecf7fc; }
.box1 .body2 { border-right: 1px solid #7e8097; background: #ecf7fc; }
.box1 .footerleft { width: 10px; background: #ecf7fc; font-size: 0px; background: url(box1_footer_bg.gif) bottom left repeat-x #ecf7fc; }
.box1 .footermain { background: #ecf7fc; font-size: 0px; height: 11px; background: url(box1_footer_bg.gif) bottom left repeat-x #ecf7fc;text-align:right; }
.box1 .footermain div { width: auto; height: 11px; background: url(box1_corner_botright.png) no-repeat bottom right transparent; }

/* BOX 2 */
.box2 { width: 100%; height: auto; background: url(box2_body_bg.jpg) top left repeat-y; margin-top: 2px;}
.box2 .titre1 { background: #cbd0e5; height: 50px; background: url(box2_header_bg.jpg) bottom left no-repeat; font-size: 14px; font-weight: bold; color: #FFFFFF; }
.box2 .titre1 table { width: 100%; }
.box2 .titre1 td { vertical-align: bottom; }
.box2 .titre1 .icone { width: 50px; }
.box2 .titre1 .titre { padding-bottom: 5px; }
.box2 .titre1 .end { width: 10px; }

.box2 .body1, .box2 .body2{ border-left: 1px solid #7e8097; border-right: 1px solid #7e8097; padding: 10px; color: #706d89; font-size: 11px;  }
.box2 .body1 { background: #FFFFFF; padding: 15px; }
.box2 .body2 .left { width: 100%; padding: 10px; background: #FFFFFF; border-left: 1px solid #7e8097; border-top: 1px solid #7e8097; border-right: 1px solid #7e8097; }
.box2 .body2 .right { width: 29px; border-right: 1px solid #7e8097; }

.box2 .footerleft { width: 10px; background: #ecf7fc; font-size: 0px; background: url(box2_footer_bg.gif) bottom left repeat-x #ecf7fc; }
.box2 .footermain { background: #ecf7fc; font-size: 0px; height: 11px; background: url(box2_footer_bg.gif) bottom left repeat-x #ecf7fc;text-align:right; }
.box2 .footermain div { width: auto; height: 11px; background: url(box1_corner_botright.png) no-repeat bottom right transparent; }

.box2 .footer2left { width: 100%; background: #ecf7fc; font-size: 0px; border-right: 1px solid #7e8097; background: url(box2_footer_bg.gif) bottom left repeat-x #ecf7fc; }
.box2 .footer2right { width: 29px; font-size: 0px; height: 11px; text-align: right; background: none; }

/* BOX 3 */
.box3 { width: 100%; }
.box3 .left { width: 100%; border-left: 1px solid #7e8097; text-align: center; padding: 10px; }
.box3 .right, .box3 .footerright { width: 29px; background: #007E28; vertical-align: top; }
.box3 .left { border-top: 1px solid #7e8097; padding: 10px 0 0; }
.box3 .footercenter { width: 100%; /*border-bottom: 1px solid #7e8097;*/ background: transparent url(box2_footer_bg.gif) repeat-x scroll left bottom; }
.box3 .footerleft { width: 29px; background: transparent url(box2_footer_bg.gif) repeat-x scroll left bottom; }
.box3 .footerline { height: 10px; font-size: 0px; }
/* BOX 4 - Table catalogue */

.box4 { border: 1px solid #82859a; border-bottom: none; border-right: 1px solid #c1c2cd; background: url(box4_header_bg.jpg) left top repeat-y transparent; }
.box4 h3 { margin: 0; padding: 0; font-size: 11px; }
.box4 h3 a { color: #000000; font-weight: normal; }
.box4 .ligne1 td { border-bottom: 1px solid #82859a; vertical-align: middle; }
.box4 .ligne2, .box4 .ligne3, .box4 .ligne4 { background: #FFFFFF; }
.box4 .l1left { font-weight: bold; padding: 5px 5px 5px 12px; }
.box4 .l1right { padding: 5px; background: transparent; }
.box4 .l2left { padding: 12px; border-bottom: 1px solid #82859a; vertical-align: top; }
.box4 .l2left img { border: 1px solid #a1a4b3; }

.box4 .l2right { padding: 12px; border-bottom: none; vertical-align: top; }
.box4 .ligne3 td { padding: 5px; text-align: right; border-bottom: 1px solid #82859a; }
.box4 .ligne4 td { padding: 10px; text-align: left; border-bottom: 1px solid #82859a; }

/* BOX Dossiers Verts */

.boxgreen { width: 289px; height: 131px; background: url(dossiers_verts_bg.jpg) left top no-repeat transparent; font-family: Verdana, Geneva, sans-serif; color: #000000; font-size: 10px; }
.greentxt { padding-top: 80px; padding-left: 160px; padding-right: 10px; }

/* BOX LINKS */

.boxlinks { width: 107px; background: url(links_bg.gif) top left repeat-y transparent; margin-left: auto; margin-right: auto; position: relative; text-align: left; }
.boxlinks .linksheader { background: url(links_top.gif) top left no-repeat transparent; }
.boxlinks .footer { background: url(links_bottom.gif) bottom left no-repeat transparent; }
.boxlinks table { width: 40px; height: 35px; position: absolute; top: -15px; left: 0px; }
.boxlinks .content { padding: 7px; font-size: 10px; }
.boxlinks .content h2 { font-size: 11px; color: #39388c; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }
.boxlinks .content a { color: #6f728a; }
.readmore { text-align: right; }

/* BOX NEWSLETTER */

.boxnewsletter { width: 107px; margin-left: auto; margin-right: auto; text-align: left; color: #6f728a; font-size: 10px; }
.boxnewsletter .text { font-size: 10px; border: 1px solid #9492a6; width: 100px; }
.boxnewsletter .buttok { border: none; margin-left: auto; display: block; }
.boxnewsletter .radio { position: relative; top: 3px; }

/* PROMOS BOX */

.boxpromos { width: auto; height: 195px; display: none; }


/* FLASH BOX */
.bandoFlash {font-family:Georgia, "Times New Roman", Times, serif; font-variant:small-caps; font-weight:bolder;}
.bandoFlash p {margin:1px; padding:0px}
.titre_flash { width: auto; height: 22px;  color:#FFF; font-size:12px; text-align:center; margin-top:1px;}
div.titre_flash{position:absolute; white-space: nowrap; width: 589px; text-align: center;  }
.flash-titre { color:#FFF; font-size:18px; }
.flash-prix { color:#f9ff00; font-size:20px; }
.flash-contenu { color:#000; font-size:13px;  }
table.flash-contenu td {padding-left:5px; padding-right:5px;}
.flash-commentaire {color:#000; font-size:9px; }


/* liens des boites */

.box1 .body1 a, .box1 .body2 a, .box2 .body1 a, .box2 .body2 a  { color: #706d89; }
.box2 .body1 h3 a, .box2 .body2 h3 a { color: #39378c; }


/**
Stylesheet: CSS for Slideshow.
*/



.slideshow-images { margin-left: auto; margin-right: auto; }