/* ***** Présentation largeure fixe 1024 avec menu en bandeau ***** */
<!--FEUILLE DE STYLE-->
<style type="text/css">

/* ***** Conteneurs de mise en page ***** */
body
{
	margin: 0 ;
	padding: 0 ;/* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
	text-align: center ;/* Pour Internet Explorer, seule façon de centrer les éléments de type block */
	background-color: #dbcb00; /* vert du soleil */
	/*background-color: #b5bd1c; /* vert pomme */
}

div#conteneur
{ /*border: 2px dotted green;*/
	width: 780px ;
	margin: 0 auto ;/* Centre horizontalement le conteneur dans le body*/
	text-align: center ;
	background-color: #b5bd1c; /* vert pomme */
}
div#top
{
	height: 200px;
	margin: 0;
	text-align: left ;/* Il faut rétablir l'alignement à gauche*/
	background: url(img/cac_soleil.png) no-repeat left top;
}
div#contenu {
	padding-bottom: 6px;
}
div#bottom {
	clear: both;
	padding-top: 15px;
}
/* Contenu sur deux colonnes */
.col_margin{float: left; width: 5%;}
.col_dbl{float: left; width: 47%;}

/* ***** Titres et listes ***** */
h1 {
font-size: 150%;
text-align: left;
}
H2 {
font-size: 120%;
text-align: left;
}
#intro{
margin: 20px 60px; padding: 0px;
margin-top: 10px;
font-size: 110%;
}
div.titre_liste
{
text-align: left;
margin-top: 10px;
font-size: 120%;
}
li.N0 {/* Liste de niveau 0 par défaut*/
margin-top: 5px;
text-align: left;
font-weight: bold;
list-style-image:url(img/ico_etoile_0.gif)
}
li.N1 {/* Liste de niveau 1*/
text-align: left;
margin-left: 20px; /* Décalage liste de niveau 1 par défaut */
list-style-type: none;
font-size: 95%;
/*list-style-image:url(img/ico_etoile_1.gif);*/
}

/* ***** Menu ***** */
ul#menu
{
	height: 120px ;
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#menu li
{
	float: left ;
}

ul#menu li a#index
{
	display: block ;
	height: 120px ;
	width: 250px;
	margin: 0 45px 0 0;
	background: url(img/cac_logo.png) no-repeat left top;
}
ul#menu li a#quoi
{
	display: block ;
	width: 80px; height: 120px;
	margin: 0;
	background: url(img/menu_quoi.png) no-repeat left top;
}
ul#menu li a#quoi:hover
{
	display: block ;
	width: 80px; height: 120px;
	margin: 0;
	background: url(img/menu_quoi.png) no-repeat left top;
}

ul#menu li a#contact
{
	display: block ;
	width: 80px; height: 120px;
	margin: 0;
	background: url(img/menu_contact.png) no-repeat left top;
}
ul#menu li a#dates
{
	display: block ;
	width: 80px; height: 120px;
	margin: 0;
	background: url(img/menu_dates.png) no-repeat left top;
}
ul#menu li a#voir
{
	display: block ;
	width: 80px; height: 120px;
	margin: 0;
	background: url(img/menu_voir.png) no-repeat left top;
}
ul#menu li a#contes
{
	display: block ;
	width: 80px; height: 120px;
	margin: 0;
	background: url(img/menu_contes.png) no-repeat left top;
}
ul#menu li a#fiche
{
	display: block ;
	width: 80px; height: 120px;
	margin: 0;
	background: url(img/menu_fiche.png) no-repeat left top;
}


ul#menu li a span
{
	font-size:0px; letter-spacing: -5px;/* Masque le texte sur les navigateurs graphiques en le laissant accessible */
}

/* ***** Contenu sur deux colonnes ***** */
.col_margin{float: left; width: 5%;}
.col_dbl{float: left; width: 47%;}

/* ***** Galerie Photos ***** */
div.photo_frame {
float: left;
background-color: #000;
width:385px;height: 385px;
margin:2px;
}
table.photo_box{
vertical-align: middle;
text-align: center;
width:385px;height: 385px;
}
/* ***** Divers ***** */
.phone_number{
vertical-align: middle;
text-align: center;
}

</style>