body {
margin:0;padding:0;background:#FFF;font:14px "Trebuchet MS",Arial,Helvetica,sans-serif;color:#7F7772;background:#FFFFFF url(../img/body-bg.gif) repeat-x;text-align:justify;}
#top_haut {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

#content{margin:0 auto 0 auto;width:1200px;background: url(../img/shadow-left.png) repeat-y left;
}
#content2{/* border: #FF0000 solid 1px;*/margin:0;/*padding:20px 20px 20px 20px;*//*background-color:#FFFFFF;*/
background: url(../img/shadow-right.png) repeat-y right;
}
#content-header{ /*border:#0000CC solid 1px;*/margin:0 6px 0 6px;padding:10px 20px 0 20px; background-color:#FFFFFF;}
#content-text{margin:0 6px 0 6px;padding:20px 20px 20px 20px; background-color:#FFFFFF;}
#content-footer{ /*border:#0000CC solid 1px;*/margin:0 6px 0 6px;padding:10px 20px 0 20px; background-color:#FFFFFF;font-size:12px; color:#880000;}

div#print-this {margin-top:20px; margin-bottom:20px;}
div#print-this a { color:#0000FF; text-decoration:underline;}
div#print-this a:hover, a:visited { color:#0000FF; text-decoration:none;}
div#print-this a:active { color:#FF0000; text-decoration:none;}

#gotop {
text-align:center;
padding:5px 0 0 0;
}
#searchform {display:inline;}
#content-footer a, #gotop a { 
	font-weight:bold;
	color:#880000;
	text-decoration: underline;
	padding:0 5px 0 5px;
}
#content-footer a:hover, #gotop a:hover{
	color:#FFFFFF;
	background-color: #880000;
	text-decoration:none;
}

#hon a { 
	font-weight:bold;
	color:#880000;
	text-decoration: underline;
	padding:0;
}

#hon a:hover{
	color:#FFFFFF;
	background-color: #880000;
	text-decoration:none;
}

#hon a img{
	color:#CDEB8B;
	background-color:#CDEB8B;
	text-decoration:none;
}
#hon a:hover img{
	background-color:#CDEB8B;
	color:#CDEB8B;
	text-decoration:none;
}

#page-title {
	text-align:center;
	color:#694F10;
	font-size:20px;
	padding:0 0 20px 0;
}
#page-title span {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #694F10;
	text-decoration: none;
}

#header {margin:30px auto 0 auto;width:1200px;}
#footer {margin:0 auto 30px auto; margin-right:auto; width:1200px;/*margin:0 30px 30px 30px;*/}
#ico_print { margin-top:20px;text-align:right;}

.corner-tl{/*border: #00CC00 solid 1px;*/margin:0 0 0 -1px;background: url(../img/corner-tl.png) no-repeat;}
.corner-tr{/*border:#00CC00 solid 1px;*/margin:0 -1px 0 0;background: url(../img/corner-tr.png) no-repeat right top;}
.bg-top{/*border:#FF0000 solid 1px;*/margin:0 14px 0 14px;background: url(../img/shadow-top.png) repeat-x; font-size:8px;}

.corner-bl{margin:0 0 0 -1px;background: url(../img/corner-bl.png) no-repeat;}
.corner-br{margin:0 -1px 0 0;background: url(../img/corner-br.png) no-repeat right top;}
.bg-bottom{margin:0 14px 0 14px;background: url(../img/shadow-bottom.png) repeat-x;}

.vignette{ margin-right:10px;/*padding:0 10px 0 0;*/ vertical-align:middle;float:left}
.header-title{float:left;color:#105289; font-size:13px;}
.header-title a, .header-title a:hover, .header-title a:visited{color:#105289; border:none; text-decoration:none}
#search-box{float:right; margin:7px 0 0 0;}

#search-box #sbi{padding:5px; width:150px; height:auto; background:#FEFEFE url(../img/degrade-input.gif) repeat-x; border:1px solid #105289; font:13px "Trebuchet MS",Arial,Helvetica,sans-serif; font-weight: bold; color:#105289;}

.img-search{ border:none; text-decoration:none;}

.roundedcornr_box_324412 {
   background: #cadceb;
}
.roundedcornr_top_324412 div {
   background: url(../img/roundedcornr_324412_tl.png) no-repeat top left;
}
.roundedcornr_top_324412 {
   background: url(../img/roundedcornr_324412_tr.png) no-repeat top right;
}
.roundedcornr_bottom_324412 div {
   background: url(../img/roundedcornr_324412_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_324412 {
   background: url(../img/roundedcornr_324412_br.png) no-repeat bottom right;
}

.roundedcornr_top_324412 div, .roundedcornr_top_324412, 
.roundedcornr_bottom_324412 div, .roundedcornr_bottom_324412 {
   width: 100%;
   height: 10px;
   font-size: 1px;
}
.roundedcornr_content_324412 { margin: 0 10px; }

.roundedcornr_box_365509 {
   background: #cdeb8b;
}
.roundedcornr_top_365509 div {
   background: url(../img/footer/roundedcornr_365509_tl.png) no-repeat top left;
}
.roundedcornr_top_365509 {
   background: url(../img/footer/roundedcornr_365509_tr.png) no-repeat top right;
}
.roundedcornr_bottom_365509 div {
   background: url(../img/footer/roundedcornr_365509_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_365509 {
   background: url(../img/footer/roundedcornr_365509_br.png) no-repeat bottom right;
}

.roundedcornr_top_365509 div, .roundedcornr_top_365509, 
.roundedcornr_bottom_365509 div, .roundedcornr_bottom_365509 {
   width: 100%;
   height: 10px;
   font-size: 1px;
}
.roundedcornr_content_365509 { text-align:center; margin: 0 10px; }

.titre_txt {
	font-size: 16px;
	font-weight: bold;
	color: #FF9900;
}

/* NEW MENU */

#background {width:750px; height:440px; background:url(../img/menu/paper.jpg); padding-top:10px;}
.preload1 {background: url(../img/menu/tab.png);}
.preload2 {background: url(../img/menu/tabb_on.png);}
.menu2 {padding:15px 0 0 0;/*padding:0;*/ margin:0; list-style:none; height:36px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
.menu2 li.top {display:block; float:left;}
.menu2 li a.top_link {display:block; float:left; height:36px; color:#444; text-decoration:none; }

.menu2 li a.top_link span {display:block; height:36px; float:left; line-height:27px; font-size:11px; font-weight:bold; padding:0 10px; cursor:pointer; background: url(../img/menu/tab_off.png) no-repeat;}
.menu2 li a.top_link b {display:block; width:15px; height:36px; float:left; background: url(../img/menu/tabb_off.png) no-repeat;}
.menu2 li a.top_link b.down {background: url(../img/menu/tabdown_off.png) no-repeat;}

.menu2 li a.top_link:hover span {color:#fff; background: url(../img/menu/tab.png) no-repeat; line-height:26px;}
.menu2 li a.top_link:hover b {color:#fff; background: url(../img/menu/tabb_on.png) no-repeat;}

.menu2 li:hover > a.top_link span {color:#fff; background: url(../img/menu/tab.png) no-repeat; line-height:26px;}
.menu2 li:hover > a.top_link b {color:#fff; background: url(../img/menu/tabb_on.png) no-repeat;}
.menu2 li:hover > a.top_link b.down {color:#fff; background: url(../img/menu/tabdown_on.png) no-repeat;}

.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible; position:relative; z-index:200;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.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;}

.menu2 :hover ul.sub {left:0; top:32px; white-space:nowrap; width:120px; height:auto; z-index:300;}
.menu2 :hover ul.sub li {display:block; height:20px; float:left; width:120px; font-weight:normal; background: url(../img/menu/submid.png);}


.menu2 :hover ul.sub li a {display:block; position:relative; font-size:12px; height:20px; width:120px; line-height:20px; text-indent:10px; color:#000000; text-decoration:none;background:url(../img/menu/trans.gif);}
.menu2 :hover ul.sub li a:hover {color:#fff;}

.menu2 :hover ul.sub :hover > a {color:#fff;}

.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:120px; top:0; white-space:nowrap; width:120px; z-index:400; height:auto;}

.menu2 :hover ul.sub li.subtop,
.menu2 :hover ul :hover ul li.subtop,
.menu2 :hover ul :hover ul :hover ul li.subtop,
.menu2 :hover ul :hover ul :hover ul :hover ul li.subtop
{background:url(../img/menu/subtop.png);}

.menu2 :hover ul.sub li.subbot,
.menu2 :hover ul :hover ul li.subbot,
.menu2 :hover ul :hover ul :hover ul li.subbot,
.menu2 :hover ul :hover ul :hover ul :hover ul li.subbot
{height:30px; background:url(../img/menu/subbottom.png);}
/* RED PART */
.menu2 li a.top_link:hover span.red {background: url(../img/menu/red/tab.png) no-repeat;}
.menu2 li:hover > a.top_link span.red {background: url(../img/menu/red/tab.png) no-repeat;}
.menu2 li a.top_link span.red {background: url(../img/menu/red/tab_off.png) no-repeat;}
.menu2 li a.top_link b.b_red {background: url(../img/menu/red/tabb_off.png) no-repeat;}
.menu2 li:hover > a.top_link b.b_red {background: url(../img/menu/red/tabb_on.png) no-repeat;}


/* GREEN PART */
.menu2 li a.top_link:hover span.green {background: url(../img/menu/green/tab.png) no-repeat;}
.menu2 li:hover > a.top_link span.green {background: url(../img/menu/green/tab.png) no-repeat;}
.menu2 li:hover > a.top_link b.down-green {background: url(../img/menu/green/tabdown_on.png) no-repeat;}
.menu2 li a.top_link b.down-green {background: url(../img/menu/green/tabdown_off.png) no-repeat;}
.menu2 li a.top_link span.green {background: url(../img/menu/green/tab_off.png) no-repeat;}
.menu2 :hover ul.sub-green li {display:block; height:20px; float:left; width:260px; font-weight:normal; background: url(../img/menu/green/submid.jpg);}
.menu2 :hover ul.sub li.subtop-green,
.menu2 :hover ul :hover ul li.subtop-green,
.menu2 :hover ul :hover ul :hover ul li.subtop-green,
.menu2 :hover ul :hover ul :hover ul :hover ul li.subtop-green
{background:url(../img/menu/green/subtop.jpg);}
.menu2 :hover ul.sub li.subbot-green,
.menu2 :hover ul :hover ul li.subbot-green,
.menu2 :hover ul :hover ul :hover ul li.subbot-green,
.menu2 :hover ul :hover ul :hover ul :hover ul li.subbot-green
{height:30px; background:url(../img/menu/green/subbottom.jpg);}

/* PURPLE PART */
.menu2 li a.top_link:hover span.purple {background: url(../img/menu/purple/tab.png) no-repeat;}
.menu2 li:hover > a.top_link span.purple {background: url(../img/menu/purple/tab.png) no-repeat;}
.menu2 li:hover > a.top_link b.down-purple {background: url(../img/menu/purple/tabdown_on.png) no-repeat;}
.menu2 li a.top_link b.down-purple {background: url(../img/menu/purple/tabdown_off.png) no-repeat;}
.menu2 li a.top_link span.purple {background: url(../img/menu/purple/tab_off.png) no-repeat;}
.menu2 :hover ul.sub-purple li {display:block; height:20px; float:left; width:300px; font-weight:normal; background: url(../img/menu/purple/submid.jpg);}
.menu2 :hover ul.sub li.subtop-purple,
.menu2 :hover ul :hover ul li.subtop-purple,
.menu2 :hover ul :hover ul :hover ul li.subtop-purple,
.menu2 :hover ul :hover ul :hover ul :hover ul li.subtop-purple
{background:url(../img/menu/purple/subtop.jpg);}
.menu2 :hover ul.sub li.subbot-purple,
.menu2 :hover ul :hover ul li.subbot-purple,
.menu2 :hover ul :hover ul :hover ul li.subbot-purple,
.menu2 :hover ul :hover ul :hover ul :hover ul li.subbot-purple
{height:30px; background:url(../img/menu/purple/subbottom.jpg);}

/* BLUE PART */
.menu2 li a.top_link:hover span.blue {background: url(../img/menu/blue/tab.png) no-repeat;}
.menu2 li:hover > a.top_link span.blue {background: url(../img/menu/blue/tab.png) no-repeat;}
.menu2 li:hover > a.top_link b.down-blue {background: url(../img/menu/blue/tabdown_on.png) no-repeat;}
.menu2 li a.top_link b.down-blue {background: url(../img/menu/blue/tabdown_off.png) no-repeat;}
.menu2 li a.top_link span.blue {background: url(../img/menu/blue/tab_off.png) no-repeat;}
.menu2 :hover ul.sub-blue li {display:block; height:20px; float:left; width:570px; font-weight:normal;}
.menu2 :hover ul.sub li.subtop-blue,
.menu2 :hover ul :hover ul li.subtop-blue,
.menu2 :hover ul :hover ul :hover ul li.subtop-blue,
.menu2 :hover ul :hover ul :hover ul :hover ul li.subtop-blue
{background:url(../img/menu/blue/subtop.jpg);}
.menu2 :hover ul.sub li.subbot-blue,
.menu2 :hover ul :hover ul li.subbot-blue,
.menu2 :hover ul :hover ul :hover ul li.subbot-blue,
.menu2 :hover ul :hover ul :hover ul :hover ul li.subbot-blue
{height:30px; background:url(../img/menu/blue/subbottom.jpg);}

/* ORANGE PART */
.menu2 li a.top_link:hover span.orange {background: url(../img/menu/orange/tab.png) no-repeat;}
.menu2 li:hover > a.top_link span.orange {background: url(../img/menu/orange/tab.png) no-repeat;}
.menu2 li:hover > a.top_link b.down-orange {background: url(../img/menu/orange/tabdown_on.png) no-repeat;}
.menu2 li a.top_link b.down-orange {background: url(../img/menu/orange/tabdown_off.png) no-repeat;}
.menu2 li a.top_link span.orange {background: url(../img/menu/orange/tab_off.png) no-repeat;}
.menu2 :hover ul.sub-orange li {display:block; height:20px; float:left; width:250px; font-weight:normal; background: url(../img/menu/orange/submid.jpg);}
.menu2 :hover ul.sub li.subtop-orange,
.menu2 :hover ul :hover ul li.subtop-orange,
.menu2 :hover ul :hover ul :hover ul li.subtop-orange,
.menu2 :hover ul :hover ul :hover ul :hover ul li.subtop-orange
{background:url(../img/menu/orange/subtop.jpg);}
.menu2 :hover ul.sub li.subbot-orange,
.menu2 :hover ul :hover ul li.subbot-orange,
.menu2 :hover ul :hover ul :hover ul li.subbot-orange,
.menu2 :hover ul :hover ul :hover ul :hover ul li.subbot-orange
{height:30px; background:url(../img/menu/orange/subbottom.jpg);}

/* PINK PART */
.menu2 li a.top_link:hover span.pink {background: url(../img/menu/pink/tab.png) no-repeat;}
.menu2 li:hover > a.top_link span.pink {background: url(../img/menu/pink/tab.png) no-repeat;}
.menu2 li a.top_link span.pink {background: url(../img/menu/pink/tab_off.png) no-repeat;}
.menu2 li a.top_link b.b_pink {background: url(../img/menu/pink/tabb_off.png) no-repeat;}
.menu2 li:hover > a.top_link b.b_pink {background: url(../img/menu/pink/tabb_on.png) no-repeat;}

/* MAGENTA PART */
.menu2 li a.top_link:hover span.magenta {background: url(../img/menu/magenta/tab.png) no-repeat;}
.menu2 li:hover > a.top_link span.magenta {background: url(../img/menu/magenta/tab.png) no-repeat;}
.menu2 li a.top_link span.magenta {background: url(../img/menu/magenta/tab_off.png) no-repeat;}
.menu2 li a.top_link b.b_magenta {background: url(../img/menu/magenta/tabb_off.png) no-repeat;}
.menu2 li:hover > a.top_link b.b_magenta {background: url(../img/menu/magenta/tabb_on.png) no-repeat;}

/* FLASHY GREEN PART */
.menu2 li a.top_link:hover span.flashy-green {background: url(../img/menu/flashy-green/tab.png) no-repeat;}
.menu2 li:hover > a.top_link span.flashy-green {background: url(../img/menu/flashy-green/tab.png) no-repeat;}
.menu2 li:hover > a.top_link b.down-flashy-green {background: url(../img/menu/flashy-green/tabdown_on.png) no-repeat;}
.menu2 li a.top_link b.down-flashy-green {background: url(../img/menu/flashy-green/tabdown_off.png) no-repeat;}
.menu2 li a.top_link span.flashy-green {background: url(../img/menu/flashy-green/tab_off.png) no-repeat;}
.menu2 :hover ul.sub-flashy-green li {display:block; height:20px; float:left; width:170px; font-weight:normal;}
.menu2 :hover ul.sub li.subtop-flashy-green,
.menu2 :hover ul :hover ul li.subtop-flashy-green,
.menu2 :hover ul :hover ul :hover ul li.subtop-flashy-green,
.menu2 :hover ul :hover ul :hover ul :hover ul li.subtop-flashy-green
{background:url(../img/menu/flashy-green/subtop.jpg);}
.menu2 :hover ul.sub li.subbot-flashy-green,
.menu2 :hover ul :hover ul li.subbot-flashy-green,
.menu2 :hover ul :hover ul :hover ul li.subbot-flashy-green,
.menu2 :hover ul :hover ul :hover ul :hover ul li.subbot-flashy-green
{height:30px; background:url(../img/menu/flashy-green/subbottom.jpg);}

.ecriture_lettre {
	font-family:"Lucida Calligraphy";
}

.titre {
	font-size: 16px;
	font-weight: bold;
	color: #B5C6B8;
}

.titre2 {
	font-size: 18px;
	font-weight: bold;
	color: #6DB1DE;
}

.titre3 {
	color: #FF9900;
	font-weight: bold;
}

.titre4 {
	font-weight: bold;
	color: #99CC00;
}

.titre4_b {
	font-size: 15px;
	font-weight: bold;
	color: #99CC00;
}

.titre_txt {
	font-size: 16px;
	font-weight: bold;
	color: #FF9900;
}

.titre_txt_autre {
	font-size: 16px;
	font-weight: bold;
	color: #CC3366;
}

.titre_txt_deb {
	font-weight: bold;
	color: #CC3399;
}

.titre_violet_1 {
	font-size: 15px;
	font-weight: bold;
	color: #CC3399;
}

.titre_violet_2 {
	color: #CC3399;
}

.sous_titre {
	font-weight: bold;
	color: #6DB1DE;
}

.phrase_forte {
	font-weight: bold;
	color: #FF0000;
}

.rose {
	font-weight: bold;
	color: #FF3366;
}

.titre_rose {
	font-size:16px;
	font-weight: bold;
	color: #000000;
	text-decoration:underline;
	border-bottom : 1px solid;
	padding-bottom:1px;
}

.msg_accueil {
	font-size:22px;
	font-weight: bold;
	color: #CC0000;
}

.livre_bleu_1 {
	font-size:16px;
	font-weight: bold;
	color: #CC0000;
}

.livre_bleu_2 {
	font-weight: bold;
	color: #003399;
}

.photo_livre {
	float:left;
}

.button_form {
	cursor: pointer;
	padding: 0;
	width: 90px;
	height: 29px;
	background: #DFDFDF url(../img/img14.gif) repeat-x;
	border: 1px solid #626262;
	font-weight: bold;
}

.input {
	width: 153px;
	border-bottom: #B5C6B8 1px solid;
	border-left: #B5C6B8 1px solid;
	border-right: #B5C6B8 1px solid;
	border-top: #B5C6B8 1px solid;
}

select {
	border: #B5C6B8 1px solid;
}

.textarea {
	background:#FEFEFE url(../img/img13.gif) repeat-x;
	border:1px solid #626262;
	height:auto;
	padding:5px;
}

a.lien_cart {
	background:transparent url(../img/cart.png) no-repeat scroll left center;
	padding:0.2em 1.5em;
}

#index-video1 {
float:left;width:425px;
}

#video1 {
width:425px;height:344px;
}

.source-video {
font-size:10px;
}

#texte-video1 {
float:right;width:690px; margin-left:20px;
}