html, body {
	margin: 0;
	padding: 0;
	height: 100%
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 12px;
	color: #000;
	background-color: #33b9f8;
	background-image: url(images/fond/fond.gif);
	background-repeat: no-repeat;
	font-family: Arial;
}

.cont {
	background-color :transparent;
	text-align : left;
	width : 796px ;
	margin-left : auto;
	margin-right : auto;
	height:100%;}
html>body .cont {height : auto; min-height : 100%;  }


.haut {
	width : 796px ;
	height : 226px ;
	background-color :transparent;
	margin-left : auto;
	margin-right : auto;
	background-image : url(images/haut08.gif)}

a img {border: 0;}

.centre {
	width : 796px ;
	height : 774px;
	background-color :transparent;
	margin-left : auto;
	margin-right : auto;
	background-image : url(images/centre07.gif);
	text-align : left;  }
html>body .centre {height : auto; min-height : 774px;  }

.img { border: 0;

}

.artistes {
	float: left;
	padding: 5px 10px 5px 5px;
	width : 200px ;
}
.logos {
	padding: 5px 10px 5px 5px;
	width : 75px ;}


.logos2 {
	padding: 5px 10px 5px 5px;
	width : 150px ;}

.pubs {
	border: 0;
	padding-left: 5px ;
}

.bas {width : 796px ;
	height : 118px ;
	background-color :transparent;
	margin-left : auto;
	margin-right : auto;
	background-image : url(images/bas07.gif)
}


.gauche {
	float : left ;
	background-color : #D7D7D7;
	width : 250px;
	height : 2200px;
	text-align : left;
	margin-left : 30px ;
	margin-top : 10px;
	color : #363E5E;
	padding-bottom : 180px;
	background-color : #363E5E;
	background-image : url(images/bgauche07.gif);
	background-position : bottom;
	background-repeat : no-repeat}
html>body .gauche {   margin-left : 60px ; margin-top : 0; height : auto; min-height : 2000px;}

.haut_gauche {
	background-color : #fff;
	width : 250px;
	height : 40px;
	padding-top : 10px;
}
html>body .haut_gauche {height : 50px;}




.droite {
	float: left;
	background-color: transparent;
	width: 400px;
	margin-left: 15px;
	color: #363E5E;
}


.haut_droite {width : 400px; background-color :transparent; float : right}
.haut_droite a {
	color : black;
	text-decoration : none ;
	text-transform : uppercase ;
	font-size : 11px; font-weight : bold}
h1 {
	font-size : 14px;
	color : #000 ;
	margin : 25px 0 0 0 ;
	text-transform : uppercase ;}

h3 {width : 250px;
	margin : 10px 0 0 0 ;
	padding : 0;
	font-size : 12px;
	background-color : transparent;
	background-image : url(images/h2.gif) no-repeat;
	height : 31px; }

h2 {width : 400px;
	margin : 10px 0 0 0 ;
	padding : 10px;
	font-size : 14px;
	color: white;
	background-color : transparent;
	background: url(images/h2.gif) no-repeat;
	height : 20px; }

h4 {

	font-size : 14px;

}
h5 {

	font-size : 26px;

}
a.imagemenu27 { display: block;
	width: 250px;
	height: 52px;
	background-image: url(images/07/27.gif);
	background-repeat: no-repeat;}
a.imagemenu27:hover { background-image: url(images/07/27on.gif); }
a.imagemenu28 { display: block;
	width: 250px;
	height: 52px;
	background-image: url(images/07/28.gif);
	background-repeat: no-repeat;}
a.imagemenu28:hover { background-image: url(images/07/28on.gif); }
a.imagemenu02 { display: block;
	width: 250px;
	height: 52px;
	background-image: url(images/07/02.gif);
	background-repeat: no-repeat;}
a.imagemenu02:hover { background-image: url(images/07/02on.gif); }
a.imagemenu03 { display: block;
	width: 250px;
	height: 52px;
	background-image: url(images/07/03.gif);
	background-repeat: no-repeat;}
a.imagemenu03:hover { background-image: url(images/07/03on.gif); }
a.imagemenu09 { display: block;
	width: 250px;
	height: 52px;
	background-image: url(images/07/09.gif);
	background-repeat: no-repeat;}
a.imagemenu09:hover { background-image: url(images/07/09on.gif); }
a.imagebar { display: block;
	width: 250px;
	height: 52px;
	background-image: url(images/07/bar.gif);
	background-repeat: no-repeat;}
a.imagebar:hover { background-image: url(images/07/baron.gif); }
a.imageexpo { display: block;
	width: 250px;
	height: 52px;
	background-image: url(images/07/expo.gif);
	background-repeat: no-repeat;}
a.imageexpo:hover { background-image: url(images/07/expoon.gif); }





ul, li {
	margin :0;
	padding : 0 ;
	list-style : none ;}



#menu {
	width: 680px;
	height: 31px;
	text-align: left;
	background-color: #FF1644;
	color: #fff;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	font-size: 13px;
	background: url(images/menu.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

#menu li{
	float : left ;
	margin-left : 5px ;
	padding-top : 5px ;
	padding-right : 20px;
	background : url(images/boot.gif) right bottom no-repeat}




.sitelogo {padding-top : 20px; padding-left : 5px ; border : 0}
.logo {float : left ; margin-top : 20px ; margin-right : 10px }
.puce {margin-top : 5px ; margin-left : 5px}
.copy {border : 0}


div.hr {float : left;
	height: 13px;
	background: #eee scroll center;
	margin : 5px 0 0 0  ;
	padding : 0;
	background : #fff url(images/hr.gif) left top no-repeat;
	width : 250px;
}




div.hr hr {
	display: none;  padding :0;
}

p {
	margin: 10px 35px 0 5px;
	padding: 0;
	text-align: justify;
}
.intro {width : 350px ; color : #000; margin : 0 15px 0 0px ; display : inline;}

.radioblog {
	margin-left: 10px;
	margin-top: 10px;
}

.top {margin : 10px 10px 0 10px ; border-bottom : 1px dotted #363E5E ; padding-bottom : 5px ; color: White; }
.top2 {
	margin: 20px 10px 0 10px;
	border-bottom: 1px dotted #363E5E;
	padding-bottom: 5px;
	color: White;
}

.notop {margin : 5px 10px 0 10px ;color: White;}
.notop2 {margin : 0 10px 0 5px ;color: White;}


.pboot {
	margin : 10px 15px 0 5px ;
	padding : 0 ;
	text-indent : 15px ;
	background :  url(images/pboot.gif) left top no-repeat;}

.top_menu {margin-top : 13px ; display : block}

.signature { margin : 50px 0 0 50px;
	color : white;
}
html>body .signature { margin : 45px 0 0 50px  }


.spacer {
	clear : both;
	height : 13px ; margin-top : -10px}


.spacer2 {
	clear : both;
	height : 13px ; }


a {
	color: #AEC0E4;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
}

a:hover {
	color : #ccc;
	text-decoration : none ;}



a.class1 {
	color: White;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
}

a:hover.class1 {
	color : #363E5E;
	text-decoration : none ; }

a.class2 {
	color: #CAD0E1;
	text-decoration: underline;
	text-transform: uppercase;
	font-size: 9px;
}

a:hover.class2 {
	color : #363E5E;
	text-decoration : underline}


a.class3{
	color : #000;
	text-decoration : underline ; font-size : 9px ;}

a:hover.class3 {
	color : #000;
	text-decoration : underline;
}

a.index_actif {
	color: #AFBFE6;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	margin-left: 0;
}
html>body a.index_actif {margin-left : 5px}

a:hover.index_actif  {
	color : #fff;
	text-decoration : none ; }


a.actif {
	color : #363E5E;
	text-decoration : none ;
	text-transform : uppercase ;
	font-size : 11px; font-weight : bold ; }




a:hover.actif  {
	color : #363E5E;
	text-decoration : none ; }