body{margin:0;text-align:center;background:#FFFFFF;font-family:Verdana, Arial, Helvetica, sans-serif;color:#000000;}
div.principal{margin-left:auto;margin-right:auto;width:990px;height:585px;text-align:left;}
img {display:block;}
div.header{height:90px;}

div.logo1{float:left;width:220px;height:65px;}
div.bando1{float:left;width:550px;height:65px;background-image:url(./pic/bando1.jpg);background-repeat:no-repeat;}
img.banniere{margin-top:5px;}
div.bando2{float:left;width:220px;height:65px;}
div.logo2{float:left;width:212px;height:25px;}
div.menu1{float:left;width:572px;height:25px;background-image:url(./pic/menu1.jpg);background-repeat:repeat-x;}
div.menu2{float:left;width:206px;height:25px;background-image:url(./pic/menu4.jpg);background-repeat:no-repeat;}
/*div.menu3{border:1px solid black;height:500px;}*/
div.trois_colonnes{height:496px;z-index:100;}

div.menu{float:left}
#menu1{height:24px;width:79px;}
#menu2{height:24px;width:88px;}
#menu3{height:24px;width:100px;}
#menu4{height:24px;width:118px;}
#menu5{height:24px;width:85px;}
#menu6{height:24px;width:102px;}

.ssmenu{float:left;width:120px;border:1px solid black;z-index:100;}
#ssmenu1{position:relative;top:89px;left:198px;width:130px;left:212px;visibility: hidden;}
#ssmenu2{position:relative;top:89px;left:158px;width:160px;visibility: hidden;}
#ssmenu3{position:relative;top:89px;left:85px;width:150px;visibility: hidden;}
#ssmenu4{position:relative;top:89px;left:33px;width:130px;visibility: hidden;}
#ssmenu5{position:relative;top:89px;left:-200px;width:10px;visibility: hidden;}
#ssmenu6{position:relative;top:89px;left:-200px;width:130px;visibility: hidden;}

ul{margin:0; padding:0;	list-style-type:none;background:url('./pic/sousmenub.jpg');}
ul li{	margin: 0 0 0 0;padding: 0 ;}

ul li a{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 100% ;
	line-height: 20px ;
	color: #FFF ;
	text-indent: 0px ; /* On décale le texte de 40px du bord gauche */
	font-size:10pt;
	text-decoration: none ;
	background: none ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: none ;
}

ul li a:hover
{
	background: #CCC; /* 0 -30px ; Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: none ;
	color: #000 ;
	font-weight:bold ;
}

/* Construction du cadre gauche */
div.colonne_gauche{float:left;width:150px;height:476px;margin-right:5px;margin-top:3px;}
div.colonne_droit{float:left;width:150px;height:476px;margin-top:3px;}

div.cadrehaut{width:150px;height:13px;background-image:url(./pic/cadregauchehaut.jpg);background-repeat:no-repeat;font-size:6pt;}
div.cadregauche{float:left;width:10px;height:450px;background-image:url(./pic/cadregauchegauche.jpg);background-repeat:repeat-y;}
div.cadremilieu{float:left;width:130px;height:450px;text-align:center;}
div.cadredroit{float:left;width:10px;height:450px;background-image:url(./pic/cadregauchedroit.jpg);background-repeat:repeat-y;}
div.cadrebas{float:left;width:150px;height:13px;background-image:url(./pic/cadregauchebas.jpg);background-repeat:no-repeat;font-size:6pt;}

div.colonne_milieu{float:left;width:685px;height:476px;margin-top:3px;}
/* Construction du corps */
div.corpscoin{float:left;width:20px;height:13px;background-repeat:no-repeat;z-index:100;font-size:6pt;}
#coinhg{background-image:url(./pic/corpscoinhg1.jpg);width:50px;}
#coinhd{background-image:url(./pic/corpscoinhd.jpg);}
#coinbg{background-image:url(./pic/corpscoinbg.jpg);}
#coinbd{background-image:url(./pic/corpscoinbd.jpg);}
div.corpsligne{float:left;width:640px;height:13px;background-repeat:repeat-x;z-index:2;font-size:6pt;}
#ligneh{background-image:url(./pic/corpsh.jpg);width:610px;}
#ligneb{background-image:url(./pic/corpsb.jpg);background-position:bottom right;}
div.corpscolonne{float:left;width:10px;height:450px;background-repeat:repeat-y;z-index:2;font-size:6pt;}
#colonneg{background-image:url(./pic/corpsg.jpg);}
#colonned{background-image:url(./pic/corpsd.jpg);}

/* Contenu du cadre gauche */
div.cadreedito{width:130px;height:150px;}
div.carte{width:100px;height:117px;margin-top:17px;margin-bottom:17px;margin-left:auto;margin-right:auto;}
div.cadrecontact{width:130px;height:149px;}

/* Contenu du cadre droit */
div.news{background:url(./pic/news_fond1.jpg);width:130px;height:80px;margin-top:5px;padding:0px;background-position:center center;background-repeat:no-repeat;}
div.news_interieur{padding:2px 2px 2px 5px;text-align:left;vertical-align:middle;color:blue;font-size:8pt;}
a.news{width:100%;color:red;}

/* Contenu du corps */
iframe.iframe{float:left;top:105px;left:165px;width:660px;height:450px;border-style:hidden;z-index:100;margin:0px;padding:0px;}

/* Pieds de page */
div.footer{height:20px;text-align:center;font-size:8pt;}
img.validator{width:57px;height:20px;display:inline;vertical-align:middle;}

/*encoreun menu en position relative*/
div.menuabsolute{position:absolute;top:0px;left:0px;margin-left:auto;margin-right:auto;width:100%;height:20px;z-index:100;text-align:center;}
div.menuinterieur{margin-left:auto;margin-right:auto;width:990px;height:20px;z-index:100;}