/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset { margin: 0; padding: 0; }

body {
	margin: 0;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:  14px;
	color: #360;
	background: #360;
	}

a{ text-decoration: underline; color: #360; }
a:hover{text-decoration:none;}
a img { border: none; }
p { margin: 12px 0; line-heigth: 14px; text-align: justify; }
ul { margin: 10px 0 10px 30px; list-style-image: url('../images/puce-li.gif'); }
ul li ul { list-style-image: url('../images/puce-li-2.gif'); }
ol { margin: 5px 0 5px 30px; }
li { margin: 2px 0; }
dl { padding: 0 20px; }
dt { font-weight: bold; margin: 10px 0 5px 0; }
dd { margin: 5px 0; padding: 5px;}
fieldset { border: 1px solid blue; padding: 5px; margin: 10px 0;}
legend { font-weight: bold; color: blue; font-size: 14px; }
address { margin: 15px 30px; }
small { font-size: 12px;}
blockquote { margin: 12px 0; font-size: 16px; font-weight: bold; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 0px; font-size: 0px; }
.align_left {text-align: left; }
.align_right {text-align: right; }
.center { text-align: center;}
.justify { text-align: justify; }
.invisible { display: none; }

h1 { font-size: 18px; margin: 10px 0; }
h2 { font-size: 16px; margin: 10px 0; }
h3 { font-size: 14px; margin: 10px 0; }

#conteneur {
	position: relative;
	width: 940px;
	margin: 0 auto;
        background: #690 url('../images/bg_conteneur.gif') no-repeat left 650px;
	}
	
#header{
	width: 940px;
	height: 122px;
	background: #fff url('../images/header.jpg') no-repeat left top;
	}

#header a {
	display: block;
	width: 940px;
	height: 122px;
	}
	
#header a span {
	display: none;
	}

#visuel {
	width: 240px;
	height: 480px;
	float: left;
}

#contenu {
	width: 530px;
	height: 440px;
        float: left;
	padding: 20px 30px 20px 140px;
	background: #fff url('../images/bg_content_L.gif') no-repeat left top;
}
#texte {
	padding: 0 10px;
}

#texteTheme {
	height: 246px;
	border: 1px solid #E5ECF2;
	padding: 0 10px;
	overflow: auto;
}

#pub {
	height: 144px;
        width: 680px;
        margin-left: -140px;
	padding: 10px;
	background: #fff url('../images/bg_content_L.gif') no-repeat left bottom;
}

/***** accueil *****/
#contenu_accueil {
	width: 620px;
	height: 440px;
	float: left;
	padding: 20px 30px 20px 50px;
	background: #fff url('../images/bg_content_L.gif') no-repeat left top;
}

#bloc_accueil {
	width: 600px;
	height: 196px;
	padding: 10px 10px;
	margin: 20px 0;
	background: #E0E232 url('../images/bg_bloc_accueil.gif') no-repeat;
}

#bloc_accueil h2 {
	font-size: 14px;
	color: #360;
}
/***** fin accueil *****/

/************************************
************** MENUS ****************
*************************************/
#navbar { background: url('../images/bg_navbar.gif') repeat-x; width: 915px; margin-bottom: 26px; }

ul.navbar { 
	margin: 0;
	list-style:none;
	text-align: center;
	float: right;
	}
	
ul.navbar li {
	list-style:none;
	margin: 0;
	display: inline;
	}

ul.navbar a {
	display: block;
	float: left;
	line-height: 22px;
	width: 140px;
	margin-left: 5px;
	text-align: center;
	color: #360;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	/*font-style: italic;*/
	text-decoration: none;
	background: url('../images/onglets.png') no-repeat 0 0;
	}

ul.navbar a:hover {
	color: #E0E232;
	text-decoration: none;
	background: url('../images/onglets.png') no-repeat 0 -22px;
	}

ul.navbar a.select {
	color: #E0E232;
	text-decoration: none;
	background: url('../images/onglets.png') no-repeat 0 -22px;
	}

/****** Slide Menu *******/
#menu {
	position: absolute;
	top: 182px;
	left: 156px;
	width:216px;
	z-index: 5000;
}
#slide_menu{
	background: url('../images/bg_slideMenu.png') no-repeat;
	padding: 5px 0;
}
#slide_menu li{	/* Main menu <li> */
	list-style-type:none;	/* No bullets */
	margin:0px;	/* No margin - needed for Opera */
}
#slide_menu ul{	
	margin:0px;
	padding:0px;
}
#slide_menu ul li ul{	/* Styling for those who doesn't have javascript enabled */
	padding-left:10px;
}
#slide_menu li a{	/* Main menu links */
	color: #E0E232;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	
	width: 176px;
	height:24px;
	line-height:24px;
	vertical-align:middle;
	background: url('../images/onglets_slide.png') no-repeat 0 0;
	margin:5px;
	padding:0;
	
	display:block;
}
#slide_menu li a:hover,#slide_menu .activeMainMenuItem{
	color:#360;
	background: url('../images/onglets_slide.png') no-repeat 0 -24px;
}
#slide_menu li a.select {
	color:#360;
	background: url('../images/onglets_slide.png') no-repeat 0 -24px;
}
.slide_subMenu{
	visibility:hidden;
	position:absolute;
	overflow:hidden;
	width: 250px;
	background:url('../images/bg_slideSubMenu.png') no-repeat right top;
	text-align:left;
}
.slide_subMenu ul{
	margin:0px;
	padding:0px;
}
.slide_subMenu ul li{
	margin:0px;
	padding:1px;	/* 1px of air between submenu border and sub menu item - (the "white" space you see on mouse over )*/
	padding-left: 30px;
}
.slide_subMenu ul li a{	/* Sub menu items */
	white-space:nowrap; /* No line break */
	text-decoration:none;
	color:#360;
	font-weight: bold;
	background: url('../images/puce_subMenu.png') no-repeat left;
	text-indent: 2px;
	
	height:20px;
	line-height:20px;
	padding:1px 10px; /* "air" inside */
	/*margin-left: 30px;*/
	
	display:block;	/* ne pas enlever */
}
.slide_subMenu ul li a:hover{	/* Sub menu items - mouse over effects */
	color:#360;
	text-decoration: underline;
}

#mainMenuItem1 a { margin-left: 30px; } #subMenuDiv1 { }
#mainMenuItem2 a { margin-left: 27px; } #subMenuDiv2 { margin-left: -3px }
#mainMenuItem3 a { margin-left: 24px; } #subMenuDiv3 { margin-left: -6px }
#mainMenuItem4 a { margin-left: 21px; } #subMenuDiv4 { margin-left: -9px }
#mainMenuItem5 a { margin-left: 18px; } #subMenuDiv5 { margin-left: -12px }
#mainMenuItem6 a { margin-left: 15px; } #subMenuDiv6 { margin-left: -15px }
#mainMenuItem7 a { margin-left: 12px; } #subMenuDiv7 { margin-left: -18px }

#cache { 
	height: 190px;
	width:209px;
	background: url('../images/cache.png') no-repeat right top;
	}

#btn-newsletter a span {
        visibility: hidden;
        }
        
#btn-newsletter a {
        position: absolute;
        text-decoration: none;
        display: block;
        width: 165px;
        height: 34px;
        top: 130px;
        left: 10px;
        background: url('../images/btn-newsletter.gif') no-repeat;
        }
        
.adsense { background: #fff; text-align: center; }        
/************************/
.erreur { color: #ff0000; text-align: center;}

#footer{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #fff;
	clear:both;
	width: 940px;
	height: 55px;
	line-height: 55px;
	background: url('../images/bg_footer.gif') repeat-x;
	}

#footer p{
	text-align: center;
	margin: 0;
	}
	
#footer a { color: #fff; text-decoration:none; }
#footer a:hover { text-decoration: underline; }
