body{margin:0;text-align:center;font-family:"Trebuchet MS", Helvetica, sans-serif;font-size:12px; color:#ffffff;background:#797579 url(/design/images/fond.jpg) repeat-x top;
scrollbar-3dlight-color:#4b3949;
	scrollbar-arrow-color:#b6b0b6;
	scrollbar-darkshadow-color:#4b3949;
	scrollbar-face-color:#4b3949;
	scrollbar-highlight-color:#4b3949;
	scrollbar-shadow-color:#4b3949;
	scrollbar-track-color:#4b3949;}
td,p{}
img{border:0;}
.print{ display:none;}

a:link, a:visited, a:hover {color:#ff9c00;text-decoration: underline;}
a:hover {text-decoration: none;}
a:focus{ border:0;}

#fond{width:100%; height:100%;background:url(/design/images/fondImage.jpg) no-repeat center top;}
#page{ position:relative;margin:auto;width:980px;height:700px;}


/* ============= Left ============= */

#blocLeft{ position:absolute; top:0; left:0;width:150px; height:595px;}

#menuContainer{ width:150px;text-align:left; margin-top:130px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#menuContainer .formText{ background-color:#4b3949; color:#FFFFFF;width:150px; border:1px solid #b2afb2;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; height:22px;}

#bt_access{ position:relative;width:150px; height:38px; margin:20px 0 5px 0; text-align:left;}
#bt_access a{ width:110px; height:25px; padding:5px 0 0 40px; display:block; color:#FFFFFF; text-decoration:none; font-size:14px;background:url(/design/images/bt_access_lapin.gif) no-repeat left bottom;}
#bt_access a:hover{background:url(/design/images/bt_access_lapin.gif) no-repeat left top;}

#bt_actuContainer{ position:relative;width:150px; height:38px; margin:0 0 15px 0;}
#bt_actu{position:absolute; top:0; left:40px; width:110px; height:38px; background:url(/design/images/bt_actu.png) no-repeat right top;}
#bt_actu a{ width:110px; height:28px; padding:10px 0 0 0; display:block; color:#FFFFFF; text-decoration:none; font-size:14px;}
#bt_actuFlash{ width:40px; height:38px; position:absolute; top:0; left:0;}

/* ================================ */


/* ============= Center ============= */

#blocCenter{ position:relative; margin:0 0 0 150px;width:830px;}

/* === Header === */
#header{position:relative;width:830px;height:94px; text-align:left;}
#logo{ position:absolute; top:23px; left:0;width:219px; height:67px;}
#imprimerie{
	position:absolute;
	top:23px;
	left:360px;
	width:429px;
	height:34px;
}
#liens{position:absolute; bottom:4px; left:375px;width:455px; height:23px; z-index:2;}
#liens a{ margin:0 1px 0 0; padding:3px 15px; height:16px; width:auto; float:left;background:#f29400; color:#ffffff; border:1px solid #ffffff; display:block; text-decoration:none; font-size:13px;}
#liens a:hover{background:#bee372;color:#4d474c;}
#lapin{ position:absolute; top:15px; left:270px; width:93px; height:90px;}

/* === Fil d'Arianne === */
#urlhere{font-size:11px;text-align:left; margin:5px 40px 0 30px; padding:0; position:relative;}
#urlhere a{ text-decoration:none;color:#bee372; padding:0 15px 0 10px;background:url("/design/images/arrow_here.gif") no-repeat left top;}
#urlhere a.accueil{color:#b6b0b6;}
#urlhere a.title{color:#D5EDA3;}
#urlhere a:hover,#urlhere a.accueil:hover,#urlhere a.title:hover{color:#ffffff;}


/* === Main content === */
#print{ position:absolute; top:5px; right:10px; width:24px; height:24px;}
#print a{ background:none; background-image:none; padding:0;}
#blocContent{position:relative;width:828px; height:500px; border:1px solid #ffffff;background:url(/design/images/fondContent.jpg) no-repeat top left;}
#fullImage{position:absolute; top:0; left:0;width:375px; height:500px; overflow:hidden;}
#bodyContainer{position:absolute; top:0; right:0;width:453px; height:500px;}
#retour{margin:0px 0px 20px 10px; text-align:left; font-size:11px;}
ul.article{margin:20px 0px 0px 30px;padding:0;}
ul.article li{padding:0 0 10px 25px;background:url(/design/images/puce_article.gif) no-repeat left top;color:#CBC7CB;}
ul.article h4{padding:0 0 5px 0; font-weight:bold; font-size:14px;color:#CBC7CB;}
ul.article h4 a{color:#CBC7CB;font-weight:normal;}
ul.article h4 a:hover{color:#f89734;}
.bar{ position:relative; clear:both; margin:auto;}
#bodyText{width:393px; height:390px;padding:0 30px 10px 30px; overflow:auto; text-align:left;}


/* === Liste d'articles === */
#articleList { position:absolute; bottom:20px;width:400px;}
#articleList ul{ margin:0; padding:0;}
#articleList ul li{ float:left; display:block;width:40px; height:40px; border:1px solid #a7a7a7;margin:4px; padding:0; background:none; background-image:none; overflow:hidden;}

/* === Liste des catégories === */
ul#categoryListe{}
ul#categoryListe li{padding:0 0 10px 25px;background:url(/design/images/puce_article.gif) no-repeat left top;color:#CBC7CB;}
ul#categoryListe h4{padding:0 0 5px 0; font-weight:bold; font-size:14px;color:#CBC7CB;}
ul#categoryListe h4 a{color:#CBC7CB;font-weight:normal;}
ul#categoryListe h4 a:hover{color:#f89734;}


/* === Animation === */
ul.animation{ margin:0; padding:0;position:absolute; top:0; left:0;width:375px; height:500px; overflow:hidden;}
ul.animation li{padding:0; margin:0;background:none; background-image:none;}


/* === Footer === */
#footerContainer{position:relative; clear:both;width:830px; margin:11px 0 0 150px;border-top:7px solid #f29400;}
#footer{ position:absolute; top:0; left:0;width:696px;height:20px; padding:5px 2px;background:#4d474c;text-align:center;}
#footerEmail{position:absolute; top:0; right:0;width:126px;height:20px; padding:5px 2px;background:#bee372;text-align:center;}
#footerEmail a{ color:#4d474c;}
#chercher{ position:absolute; top:40px; left:0;width:160px; height:20px; }
#chercher .formText{width:117px;height:16px;padding:1px 2px; position:absolute; top:0; left:0; background-color:#FFFFFF; border:0;color:#606264;}
#chercher .formBouton{width:23px;height:18px;padding:1px;position:absolute; top:0; left:127px;}
#chercher .formBoutonOver{width:23px;height:18px;padding:1px;position:absolute; top:0; left:127px;}
#footerLinks{position:absolute; top:40px; left:180px;}
#footerLinks a{ color:#cecece; padding-right:15px;}
#footerLinks a:hover{ color:#ffffff;}
#credit{position:absolute; top:50px; right:0;font-size:11px;text-align:right; padding-top:10px;color:#a7a5a7;}
#credit a{ color:#a7a5a7;}
#credit a:hover{ color:#cecece;}

h1, h2, h3, h4, h5, h6 {margin:0;padding:0;color:#f89734;}
h1{font-weight:normal;font-size:24px;padding:20px 30px 20px 30px; text-align:left; color:#b6b0b6;}
h2{font-size:20px;padding:0px 0px 5px 0; margin:15px 0px 10px 0px;font-weight:normal; border-bottom:1px solid #b6b0b6;color:#b6b0b6;}
h3{font-size:14px;padding:10px 0px 5px 0px;font-weight:bold;}
h4{font-size:12px;padding:5px 0px;font-weight:bold;}
h5{padding:3px 0px;}
h6{padding:3px;font-weight:normal;font-style:italic; color:#666666;}

ul {list-style-image:none; list-style:none; text-align:left;}
ul ul{ list-style-type:square;}
ul ul ul{list-style-type: none;}
ul li{list-style-image:none; list-style:none;background:url(/design/images/list-style-image.gif) no-repeat left top; padding:0 0 3px 15px; margin:2px 0 2px 0; text-align:left;}

/*Form*/
form{ margin:0;font-family:"Trebuchet MS", Helvetica, sans-serif;}
.formBouton{background:#f29400;border:1px solid #ffe1c3;color:#FFFFFF; margin:0; padding:1px 2px;font-size:12px;}
.formBoutonOver{background:#fbac5c;border:1px solid #ffe1c3;color:#FFFFFF;margin:0; padding:1px 2px;font-size:12px;}
.formText{border:0;padding:3px 2px; font-size:12px;color:#ffffff/*606264*/; background-color:#4b3949; border:1px solid #d7d4d7;width:220px;}
.formTextarea{border:0; padding:3px 2px;color:#ffffff/*606264*/; background-color:#4b3949; border:1px solid #d7d4d7; width:220px;}
.formLabel {background-color:#787478;text-align:right;padding: 2px 10px 2px 0px;}
.error {
	border:1px solid red;
	background-color: #FFEBDF;
	color:#FF0000;
	padding:10px;
}

/* === Menus === */
#menu{border-left:1px solid #ffffff; border-top:1px solid #ffffff;border-bottom:1px solid #ffffff; margin:0 0 5px 0;padding:0; list-style:none; list-style-image:none; background:#4b3949;}
#menu li{margin:0; padding:0; list-style:none; list-style-image:none; background:none; font-size:12px;}
#menu a{ display:block;text-decoration:none;}

.menuLevel0,.menuLevel0Active{}
.menuLevel0 a:link,.menuLevel0 a:visited
{ padding:4px 0px 2px 5px;margin:0 4px; min-height:18px;color:#ffffff; border-bottom:1px solid #b2afb2; text-decoration:none;}

.menuLevel0 a:hover,.menuLevel0Active a:link,.menuLevel0Active a:visited,.menuLevel0Active a:hover
{ padding:4px 0px 2px 5px;margin:0; min-height:18px;color:#4d474c; border-bottom:1px solid #b2afb2; text-decoration:none;background:#bee372;}

#menu .menuLevel0_1Active a:link,.menuLevel0_1Active a:visited,.menuLevel0_1Active a:hover,
#menu .menuLevel0_2Active a:link,.menuLevel0_2Active a:visited,.menuLevel0_2Active a:hover,
#menu .menuLevel0_3Active a:link,.menuLevel0_3Active a:visited,.menuLevel0_3Active a:hover,
#menu .menuLevel0_4Active a:link,.menuLevel0_4Active a:visited,.menuLevel0_4Active a:hover,
#menu .menuLevel0_5Active a:link,.menuLevel0_5Active a:visited,.menuLevel0_5Active a:hover,
#menu .menuLevel0_6Active a:link,.menuLevel0_6Active a:visited,.menuLevel0_6Active a:hover,
#menu .menuLevel0_7Active a:link,.menuLevel0_7Active a:visited,.menuLevel0_7Active a:hover,
#menu .menuLevel0_8Active a:link,.menuLevel0_8Active a:visited,.menuLevel0_8Active a:hover
{padding:4px 0px 2px 5px;margin:0; min-height:20px;color:#4d474c; border-bottom:1px solid #b2afb2; text-decoration:none;background:#bee372;}

#menu .menuLevel1,#menu .menuLevel1Active{ font-size:11px;margin:1px 0; border-bottom:1px solid #FFFFFF;}
#menu .menuLevel1 a:link,#menu .menuLevel1 a:visited{padding:1px 2px 1px 2px;color:#4d474c;background:#ecf7d6; border-left:4px solid #ecf7d6;}
#menu .menuLevel1 a:hover{border-left:4px solid #CDE895;background:#CDE895;}
#menu .menuLevel1Active a:link,#menu .menuLevel1Active a:visited,#menu .menuLevel1Active a:hover{/*background:#b1dc5a;*/border-left:4px solid #CDE895;background:#CDE895;}
#menu .menuLevel2,#menu .menuLevel2Active{font-size:11px;margin:1px 5px;color:#646464; border-bottom:1px solid #FFFFFF;}
#menu .menuLevel2 a:link,#menu .menuLevel2 a:visited{padding:2px 0px 2px 5px;color:#646464; background-color:#FFFFFF;}
#menu .menuLevel2 a:hover,#menu .menuLevel2Active a:link,.menuLevel2Active a:visited,.menuLevel2Active a:hover{color:#FFFFFF; background-color:#FF6600;}
