body {
	margin: 0px;
	background-color: #ffffff;
}

#global {
    position:absolute;
    left: 50%; 
/*	top: 50%; */
    width: 1024px;
    margin-left: -512px; /* moitié de la largeur */
/*    margin-top: -300px;  moitié de la largeur */
    border: 0px solid #00000;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
    }

#accueil {
	position:absolute;
	left: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color : #3399CC;
	margin-left: 0px;
	text-decoration : none;
	text-align: justify;
    }
	
#article {
	position:absolute;
	left: 212px;
    width: 600px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color : #3399CC;
	margin-left: 0px;
	text-decoration : none;
	text-align: justify;
    }
	
#contact {
	position:relative;
    width: 400px;
/* 	left: 312px;
    margin-left: -400px;  moitié de la largeur */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color : #3399CC;
	margin-left: 0px;
	text-decoration : none;
	text-align: justify;
    }
#album {
	position:relative;
 	left: 112px;
/*	top: 50px;*/
/*    margin-left: -400px;  moitié de la largeur */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color : #3399CC;
	margin-left: 0px;
	text-decoration : none;
	text-align: justify;
    }
	
a.lien-menu-autre {
	color: #ffffff;
	font-weight: normal;
	line-height: 20px;
	background-color: #3399CC;
}
a.lien-menu-autre:visited {
    color: #ffffff;
    font-weight: normal;
	line-height: 20px;
	background-color: #3399CC;
}
a.lien-menu-autre:hover {
    color: #003399;
    text-decoration: none;
	line-height: 20px;
	background-color: #3399CC;
}
a.lien-menu-courant {
    color: #ffffff;
    font-weight: normal;
	line-height: 20px;
	background-color: #003399;
}
a.lien-menu-courant:visited {
    color: #ffffff;
    font-weight: normal;
	line-height: 20px;
	background-color: #003399;
}
a.lien-menu-courant:hover {
    color: #ffffff;
    text-decoration: none;
	line-height: 20px;
	background-color: #003399;
}

a.lien-album {
    color: #003399;
    text-decoration: none;
	line-height: 20px;
	font-size: 14px;
	text-align:left;
}
a.lien-album:visited {
    color: #003399;
    text-decoration: none;
	line-height: 20px;
	font-size: 14px;
	text-align:left;
}
a.lien-album:hover {
    color: #3399CC;
    text-decoration: none;
	line-height: 20px;
	font-size: 14px;
	text-align:left;
}
	
	
	
	
	
	
	
	
	
	
	
	
#mh-album {
    position:absolute;
    left: 168px; 
	top: 5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color : #ffffff;
	margin-left: 0px;
	text-decoration : none;
    }
#mh-potes{
    position:absolute;
    left: 264px; 
	top: 5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color : #ffffff;
	margin-left: 0px;
	text-decoration : none;
    }
#mh-actu{
    position:absolute;
    left: 335px; 
	top: 5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color : #ffffff;
	margin-left: 0px;
	text-decoration : none;
    }
#mh-contact{
    position:absolute;
    left: 410px; 
	top: 5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color : #ffffff;
	margin-left: 0px;
	text-decoration : none;
    }
	
#musique {
	position:absolute;
	left:460px;
	top:35px;
	width:355px;
	height:125px;
}
#logo-actu {
    position:absolute;
    left: 440px; 
	top: 75px;
	text-decoration : none;
    }
#calin {
    position:absolute;
    left: 198px; 
	top: 92px;
	text-decoration : none;
    }
#cg1 {
    position:absolute;
    left: 610px; 
	top: 490px;
	text-decoration : none;
    }
#cg2 {
    position:absolute;
    left: 610px; 
	top: 385px;
	text-decoration : none;
    }
#cg3 {
    position:absolute;
    left: 480px; 
	top: 490px;
	text-decoration : none;
    }
#premiere {
    position:absolute;
    left: 30px; 
	top: 200px;
	width:660px;
	height:155px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color : #ffffff;
	text-decoration : none;
    }
#pourinfo {
    position:absolute;
    left: 30px; 
	top: 370px;
	text-decoration : none;
	width:400px;
	height:155px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color : #ffffff;
	text-decoration : none;
    }
#titre-actu {
    position:absolute;
    left: 440px; 
	top: 135px;
	width: 280px;
	height: 600px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color : #000000;
	text-decoration : none;
    }
#actu {
    position:absolute;
	left:360px;
	top:200px;
	width:350px;
	height:155px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color : #000000;
	text-decoration : none;
    }
#maquette-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:33px;
	height:769px;
}
#maquette-02 {
	position:absolute;
	left:0px;
	top:33px;
	width:414px;
	height:48px;
}
#maquette-03 {
	position:absolute;
	left:414px;
	top:33px;
	width:355px;
	height:125px;
}
#maquette-04 {
	position:absolute;
	left:0px;
	top:81px;
	width:187px;
	height:93px;
}
#maquette-05 {
	position:absolute;
	left:187px;
	top:81px;
	width:139px;
	height:93px;
}
#maquette-06 {
	position:absolute;
	left:326px;
	top:81px;
	width:88px;
	height:77px;
}
#maquette-07 {
	position:absolute;
	left:326px;
	top:158px;
	width:443px;
	height:155px;
}
#maquette-08 {
	position:absolute;
	left:0px;
	top:174px;
	width:326px;
	height:139px;
}
#maquette-09 {
	position:absolute;
	left:0px;
	top:313px;
	width:357px;
	height:249px;
}
#maquette-10 {
	position:absolute;
	left:357px;
	top:313px;
	width:412px;
	height:249px;
}
#maquette-11 {
	position:absolute;
	left:0px;
	top:562px;
	width:769px;
	height:37px;
}


	

#date {
    position:absolute;
    left: 0px; 
	top: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color : #ffffff;
	margin-left: 2px;
	text-decoration : none;
    }
#logo {
    position:absolute;
    left: 0px; 
	width: 250px;
	height: 145px;
	top: 0px;
	margin-left: 0px;
	background-color: #996600;
    }

#bandeau {
	position:absolute;
	left: 250px;
	width: 550px;
	height: 200px;
	top: 0px;
	margin-left: 0px;
	background-image: url(../IMG/fond.gif);
	background-repeat: repeat-x;
    }

#menu {
    position:absolute;
    left: 0px; 
	width: 250px;
	height: 250px;
	top: 145px;
	margin-left: 0px;
	background-color: #996600;
    }

#gauche {
    position:absolute;
    left: 0px; 
	width: 250px;
	height: 405px;
	top: 395px;
	margin-left: 0px;
	background-color: #ffcc33;
    }

#droite {
    position:absolute;
    right: 0px; 
	width: 180px;
	top: 250px;
	margin-right: 2px;
    }

#corps {
    position:absolute;
    left: 250px; 
	top: 200px;
	width: 550px;
	height: 600px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color : #ffffff;
	text-decoration : none;
	background-color: #669933;
    }

.gauche {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color : #ffffff;
	margin-left: 2px;
	text-decoration : none;
	font-weight: bold;
}
a.gauche {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color : #ffffff;
	margin-left: 2px;
	text-decoration : none;
	font-weight: bold;
}
a.gauche:visited {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color : #ffffff;
	margin-left: 2px;
	font-weight: bold;
}

a.gauche:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color : #ffffff;
	margin-left: 2px;
	text-decoration : underline overline;
	font-weight: bold;
}
ul,li.gauche {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color : #ffffff;
	margin-left: 2px;
	text-decoration : none;
	font-weight: bold;
	list-style-type: none;
}

.rub {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color : #000000;
	text-decoration : none;
	text-align: center;
}
a.rub {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color : #000000;
	text-decoration : none;
	text-align: center;
}
a.rub:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color : #000000;
	text-decoration : underline overline;
	text-align: center;
}

h1.titre-texte {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color : #000000;
	margin-left: 2px;
	text-decoration : none;
}

.lien-rub1, .lien-rub1:hover, .lien-rub1:visited {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color : #000000;
	margin-left: 2px;
	text-decoration : none;
	font-weight: normal;
}

.lien-rub1on, .lien-rub1on:hover, .lien-rub1on:visited {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color : #000000;
	margin-left: 2px;
	text-decoration : none;
	font-weight: bold;
}

.lien-rub2, .lien-rub2:hover, .lien-rub2:visited {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color : #000000;
	margin-left: 20px;
	text-decoration : none;
	font-weight: normal;
}

.lien-rub2on, .lien-rub2on:hover, .lien-rub2on:visited {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color : #000000;
	margin-left: 20px;
	text-decoration : none;
	font-weight: bold;
}

.droite {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color : #000000;
	margin-left: 2px;
	text-decoration : underline;
	text-align : right;
}
a.droite {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color : #ffffff;
	margin-left: 2px;
	text-decoration : underline;
	font-weight: normal;
	text-align : right;
}
a.droite:visited {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color : #ffffff;
	margin-left: 2px;
	text-decoration : underline;
	font-weight: normal;
	text-align : right;
}

a.droite:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color : #000000;
	margin-left: 2px;
	text-decoration : underline;
	font-weight: normal;
	text-align : right;
}
ul,li.droite {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color : #000000;
	margin-left: 2px;
	text-decoration : underline;
	font-weight: normal;
	list-style-type: none;
	text-align : right;
}
a.menu-item {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color : #000000;
	margin-left: 2px;
	text-decoration : none;
	font-weight: bold;
	list-style-type: none;
}
a.menu-item:visited {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color : #000000;
	margin-left: 2px;
	text-decoration : none;
	font-weight: bold;
	list-style-type: none;
}
a.menu-item:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color : #000000;
	margin-left: 2px;
	text-decoration : none;
	font-weight: bold;
	list-style-type: none;
}