﻿body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,p,blockquote,th,td,hr{margin:0;padding:0;}
body,fieldset,img,abbr,acronym,hr{border:0}
ul{list-style:none}
body{
	background-image: url('../images/image-fond.png');
}
div{
	text-align: left;
	background: transparent;
}

p{
	text-align: left;
	background: transparent;
}

/** Mise en page **/
#header {
	width: 955px;
	margin: 0 auto;
	clear: both;
	position: relative;
	height: 128px;
	z-index: 2;
}

#headercontainer{
	text-align: center;
	clear: both;
	background: center top;
	height: 128px;
	position: relative;
}

#footercontainer{
	text-align: center;
	clear: both;
	position: static;
	background: transparent url("/images/footer/cont-bg.gif") bottom center repeat-x;
	height: 70px;
}

#menu_footer {
	width: 955px;
	margin: 0 auto;
	clear: both;
	height: 15px;
	list-style-type: none;
	padding-bottom: 0px;
}

.menu.item_footer {
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 155px;
	text-align: center;
	text-indent: 0px;
}

/** Les menus **/
#menu {
	width: 955px;
	margin: 0 auto;
	clear: both;
	background-color: #FFFFFF;
	position: relative;
	height: 15px;
	list-style-type: none;
	padding-top: 5px;
	padding-bottom: 0px;
}

.menu.item_1 {
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 106px;
	text-align: center;
	text-indent: 0px;
}
.menu.item_1:hover {background-color: #FFFFFF;}
.menu.sous_menu {
	width: 110px;
	margin: 0 auto;
	clear: both;
	position: absolute;
	list-style-type: none;
	text-align: center;
	font-size: 11px;
	display: none;
	background-color: #FBB582;
}
.sous_menu li:hover {background-color: #FFFFFF;}
#menu li:hover > .sous_menu { display: block; }
.sous_menu li:hover > .menu_sub { display: block; }
.menu_sub1 {
	width: 85px;
	margin: 0 auto;
	clear: both;
	position: absolute;
	list-style-type: none;
	text-align: center;
	font-size: 11px;
	display: none;
	z-index: 50000;
	background-color: #FBB582;
	float: left;
	clip: rect(auto, auto, auto, auto);
	left: 85px;
	top: 0px;
}
.sous_menu li:hover > .menu_sub1 { display: block; }
.menu_sub2 {
	width: 95px;
	margin: 0 auto;
	clear: both;
	position: absolute;
	list-style-type: none;
	text-align: center;
	font-size: 11px;
	display: none;
	z-index: 50000;
	background-color: #FBB582;
	float: left;
	clip: rect(auto, auto, auto, auto);
	left: 85px;
	top: 13px;
}
.sous_menu li:hover > .menu_sub2 { display: block; }
.menu_sub3 {
	width: 95px;
	margin: 0 auto;
	clear: both;
	position: absolute;
	list-style-type: none;
	text-align: center;
	font-size: 11px;
	display: none;
	z-index: 50000;
	background-color: #FBB582;
	float: left;
	clip: rect(auto, auto, auto, auto);
	left: 85px;
	top: 80px;
}
.sous_menu li:hover > .menu_sub3 { display: block; }
.menu_sub4 {
	width: 110px;
	margin: 0 auto;
	clear: both;
	position: absolute;
	list-style-type: none;
	text-align: center;
	font-size: 11px;
	display: none;
	z-index: 50000;
	background-color: #FBB582;
	float: left;
	clip: rect(auto, auto, auto, auto);
	left: 85px;
	top: 40px;
}
.sous_menu li:hover > .menu_sub4 { display: block; }

.menu.item_2 {
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 118px;
	text-align: center;
	text-indent: 0px;
}

.menu.item_3 {
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 90px;
	text-align: center;
	text-indent: 0px;
}

.menu.item_partie {
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 72px;
	text-align: center;
	text-indent: 0px;
}

.menu.item_musique {
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 100px;
	text-align: left;
	text-indent: 5px;
	background-color: transparent;
}

/** Utiles **/

html{overflow-y:scroll}
.gras,.bold{font-weight:bold}
br.spacer{clear:both;font-size:0;line-height:0}
.center{text-align:center}
.left {float:left}
.right {float:right}
.list-outside{display:block;text-indent:-0.9em;margin-left:0.9em}
.notop{padding-top:0 !important;margin-top:0 !important;}
.nobordertop{margin-top:15px;}
.nobtop{margin-top:5px;}
/**td object{float:right;}
td {vertical-align:top;}**/
.contenu-html td {vertical-align:middle !important;}
.full-size{width:686px !important;}

/** Polices - base 11 px **/

body{font:11px helvetica,arial,verdana;}
h1,h2,h3,h4,h5,h6{font-size:11px;font-family:helvetica,arial,verdana;font-weight:bold}


/*les liens*/ 
a{
	text-decoration: none;
	color: #CC3300;
	font-weight: bold;
	font-size: 11px;
}

a:hover{
	text-decoration: underline;
}

/**fil d'ariane**/
#fil_ariane{
	color: #A82B00;
	font-weight: bold;
	font-size: 11px;
	text-decoration: underline;
}

.fil_ariane_on{
	color: #A82B00;
	font-size: 11px;
}


/** blocs vides de séparation  **/
.intercalaire {
	height: 15px;
	width: 955px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	margin-top: 20px;
	padding-top: 5px;
	padding-left: 5px;
}

.espace-paroles {
	width: 700px;
	margin-bottom: 30px;
	font-size: 12px;
	text-align: justify;
	line-height: 1.6em;
	float: right;
	clear: both;
	padding-right: 10px;
	padding-left: 10px;
}

/**cadre global de la page**/
.contenu {
	width: 955px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

/**calendrier fixe à gauche**/
.bloc_calendrier {
	width: 160px;
	font-size: 10px;
	text-align: center;
	line-height: 1.6em;
	margin-left: 0px;
	margin-top: 30px;
	position: fixed;
	}
	
.bloc_calendrier h2{
	text-align: center;
	font-weight: bold;	
}

.bloc_calendrier a:hover{
	color: #037a2b;
}


bloc_calendrier img{
	display: block;
	width: 80px;
	margin-left: auto;
	margin-right: auto;
	}
	
.image_calendrier{
	width: 80px;
	margin-left: auto;
	margin-right: auto;
	}
/**le tableau du calendrier**/

caption{
	font-weight: bold;
}

table{
	text-align: center;
}

th{
	width: 30px;
}

td{
	width: 30px;
}

.bloc_calendrier a:hover{
	color: #037a2b;
	}


/**la parole tournante**/
.bloc-image-100-center {
	padding: 0px;
	text-align: left;
	background: transparent;
	width: 100px;
	margin-left: auto;
	margin-right: auto;
}


/**les paroles à droite**/
.espace-paroles {
	width: 700px;
	margin-bottom: 30px;
	font-size: 12px;
	text-align: justify;
	line-height: 1.6em;
	float: right;
	clear: both;
	padding-right: 10px;
	padding-left: 10px;
}

/**les jours**/

dt {
	text-align: center;
	background: #FFFFFF;
	width: 50px;
	margin-right: auto;
	margin-left: auto;
	font-size: 0.9em;
	font-weight: bold;
	margin-bottom: 20px;
}

.jour_fete {
	width: 150px;
}

		/**citations**/
dd {
	border-bottom: 1px solid #BEC6D1;
	border-left: 1px solid #BEC6D1;
	border-right: 1px solid #BEC6D1;
	text-align: justify;
	text-indent: 20px;
	margin-left: auto;
	padding-right: 5px;
	padding-left: 5px;
	width: 550px;
	font-family: Verdana, sans-serif;
	display: block;
	font-style: italic;
	color: #CC3300;
	font-weight: bold;
	font-size: 0.9em;
	margin-right: auto;
	clear: both;
	background-color: #FFFFFF;
	margin-bottom: 60px;
}

/**citations centrées**/
.citation_centre {
	text-align: center;
	width: 350px;
}

.interligne{
	margin-bottom: 190px;
}

/**les images**/
.image_longueur{
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}

.images_longueur img {
	width: 400px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.image_hauteur{
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}

.image_hauteur img{
	width: 300px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
				
		
/*espacement de mots pour les blancs insécables*/
.espacement
{
letter-spacing: 1px;
}


/*les couleurs des polices*/
.turquoise
{
color: #4470aa; 	
}

.violet
{
color: #88519b; 	
}

.violet_fonce
{
color: #6F4488;
}

.beige{
color: #966026;
}

.beige_fonce{
	color: #69441B;
}

.dore{
	color: #BA7425;
}

.bordeau
{
color: #792844;
}

.marron
{
color: #4d3b2c;
}

.framboise
{
color: #db3b5c;
}

.framboise_fonce
{
color: #d32856;
}

.bleu_clair
{
	color: #178BFF;
}

.bleu_fonce
{
	color: #003399;
}

.vert{
color: green;
}

.vert_fonce{
	color: #003300;
}


.vert_clair{
	color: #009933;
}

.vert_olive{
	color: #336600;
}

.orange{
	color:#d77204;
}

.orange_fonce{
	color: #D34703;
}

.mauve{
	color:#d5b5fd;
}

.rouge_fonce{
	color:#8d0803; 
}

.rouge{
	color: #CC0000;
}


