/* Mise en page */
body {background: #BCE4FF url(image/bg.jpg) left top; background-repeat:repeat-x; padding:0; display: inline; font-size: 12px; margin: 0px; color: #0262AB; font-family: Arial, Helvetica, sans-serif; text-align:justify;}
h1 {	font-size: 16px; font-weight: bold; color: #2AA1F0; text-align: center;}
h2 { font-size: 12px; text-align:left; margin: 0px 20px 0px 20px;}

/*-----------------------------------------------------------*/


/* Header */
#header01 {margin:0 auto 0 auto; width: 950px; height: 70px;}
	#header01a {background: url(image/header_01a.jpg) no-repeat left top; float: left; width: 124px; height: 70px;}
	#headerlogo {padding-left: 0px; float: left; width: 274px; padding-top: 0px; height: 70px;}
	#header01b {background: url(image/header_01b.jpg) no-repeat left top; float: left; width: 552px; height: 70px;}
#header02 {background: url(image/header_02.jpg) no-repeat left top; margin:0 auto 0 auto; width: 950px; height: 41px;}
	#slogan {float: left; margin-left:110px; width: 302px;}

/*-----------------------------------------------------------*/


/* Banniere 728x90 */
#pubcont {margin:0 auto 0 auto; background: url(image/pub_bg.jpg) no-repeat left top; padding:0; width: 950px; height: 105px;}
	#pub728 {float: left; margin-left: 210px; width: 728px; height: 90px;}

/*-----------------------------------------------------------*/


/* Menu haut */
#menubout {margin:0 auto 0 auto; background: url(image/menubout.jpg) no-repeat left top; width: 950px; height: 42px;}
	#menuboutsp {width: 950px; height: 12px;}
	#menuboutbg {margin:0 0 0 168px; text-align: center; width: 776px; height: 30px;}
	#menuboutbg a {padding:0 4px 0 4px; font-weight: bold; font-size:16px; color: #0262AB; text-decoration: none;}
	#menuboutbg a:hover {font-weight: bold; font-size:16px; color: #E86F00; text-decoration: none; background: #E7F5FE;}

/*-----------------------------------------------------------*/


/* Conteneur 2 DIV */
#contenu {width: 950px; margin:0 auto 0 auto; background-color: #BCE4FF;}

	/* Menu gauche */
	#menu {margin-top: 10px; float: left; margin-left: 4px; width: 192px;}
		#menuhautb {width: 192px; height: 38px;}
		#menubext1 {background: url(image/menub_ext1.jpg); padding-bottom: 5px; width: 192px; padding-top: 5px; text-align:center;}
		#menubext2 {background: url(image/menub_ext2.jpg); padding-bottom: 5px; width: 192px; padding-top: 5px;}
		#menubasb {background: url(image/menub_lo.jpg); width: 192px; height: 22px; margin-bottom: 10px;}
		#menuhautj {width: 192px; height: 44px;}
		#categ {background: url(image/menuj_ext.jpg); padding-bottom: 5px; width: 192px; padding-top: 5px;}
			#categlink {width: 192px;}
			#categlink ul {margin: 0 0 0 0; padding: 0; list-style-type: none;}
			#categlink li {height:22px; padding: 0; text-align:left;}
			#categlink a {background: url(image/menuj_cat.jpg) no-repeat left top; display:block; width:164px; height:22px; padding-left: 28px; padding-top: 3px; font-weight: bold; font-size:13px; color: #FFA800; text-decoration: none;}
			#categlink a:hover {background: url(image/menuj_cat1.jpg) no-repeat left top; font-weight: bold; font-size:13px; color: #F37200; text-decoration: none;}
		#menubasj {background: url(image/menuj_lo.jpg) #FFFFFF; width: 192px; height: 22px; margin-bottom: 10px;}

	/* Contenu */
	#contenuD {margin: 10px 0 0 20px; float: left; width: 720px;}
	
		/* Cadre présentation */
		#conttitre {background: url(image/cadre_hi.jpg) no-repeat left top; width: 720px; height: 43px;}
			#conttitre p {text-align:center; padding: 8px 0 0 0;}
		#conttexte {background: url(image/cadre_ext.jpg); width: 720px;}
			/* texte */
			#conttexte p {font: 12px; font-family: Arial, Helvetica, sans-serif; color:#0262AB; text-align:justify; margin: 0 15px 0 15px;}
			#conttexte h1 {font: bold 15px Verdana, Arial, Helvetica, sans-serif; color:#3aa0ff; border-bottom: 1px dotted #b7b7b7; margin:0;}
		#contpied {background: url(image/cadre_lo.jpg) no-repeat left top; width: 720px; height: 21px; margin-bottom: 10px;}
		
		/* Titre section */
		#titresec {background: url(image/titre_bg.jpg) no-repeat left top; margin-top: 20px; width: 720px; height: 30px;}
			#titresec p {text-align:center; padding: 2px 0 0 0;}
		
		/* Cadre promo */
		.promo {margin: 5px 5px 5px 5px; width: 230px; float: left;  text-align:center;}
		.promo  a{text-decoration: none;}
			.promohau {background: url(image/promo_hi.jpg); width: 230px; height: 12px;}
			.promoext {background: url(image/promo_ext.jpg); width: 230px; }
			.promobas {background: url(image/promo_lo.jpg); width: 230px; height: 12px;}


/*-----------------------------------------------------------*/


/* Footer */
#footerbg {background: url(image/footer_bg.jpg); background-repeat:repeat-x; padding:0; height: 95px;}
	#footer {margin:0 auto 0 auto; background: url(image/footer.jpg) no-repeat left top; width: 950px; height: 95px;}
		#copy {float: left; margin-left:80px; margin-right:270px; width: 600px; padding-top: 5px;}
		#part {float: left; margin-left:80px; margin-right:270px; width: 600px; padding-top: 5px;}

/*-----------------------------------------------------------*/


/* Patch bug IE6 */
.spacer {clear: both; visibility:hidden; margin:0; padding:0;}

/*-----------------------------------------------------------*/


/* Styles */
.Style1 {	font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #2AA1F0; text-align: center;}
.Style2 {	font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #B62323; text-align: center;}
.Style3 {	font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #0262AB; text-align: center;}
.Style4 {	font-size: 15px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FF9307; text-align: center;}
.Style5 {	font-size: 15px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #0262AB; text-align: center;}
.Style6 {	font-size: 22px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #E86F00; text-align: center;}
.Style7 {	font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFA800; text-align: center;}
.Style8 {	font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #2AA1F0; text-align: center;}

#copy a {color: #0262AB; text-decoration: none ;font-size : 12px ;font-weight: bold}
#copy a:link {color: #0262AB;}
#copy a:hover {color: #E86F00; text-decoration: underline ;font-size : 12px ;font-weight: bold}

#part a {color: #0262AB; text-decoration: none ;font-size : 10px ;font-weight: bold}
#part a:link {color: #0262AB;}
#part a:hover {color: #E86F00; text-decoration: underline ;font-size : 10px ;font-weight: bold}

#conttexte a {color: #FFA800; text-decoration: none ;font-size : 12px ;font-weight: bold}
#conttexte a:link {color: #FFA800;}
#conttexte a:hover {color: #0262AB; text-decoration: underline ;font-size : 12px ;font-weight: bold}

#promoext a {text-decoration: none;}
#promoext a:link {text-decoration: none;}
#promoext a:hover {text-decoration: none;}

/*-----------------------------------------------------------*/
/* Graphisme et Fichier CSS généré par http://www.IMPACT-Cr3ations.com */

.infobulle{
    position: absolute;   
    visibility : hidden;
    border: 1px solid Black;
    padding: 10px;
    font-family: Verdana, Arial;
    font-size: 10px;
    background-color: #FFFFCC;
	opacity: 0.8 ; 
	-moz-opacity: 0.8 ; 
	-khtml-opacity: 0.8 ; 
	filter: alpha(opacity=80) ; 
}