/* Mise en page */
*{
	margin : 0;
	padding: 0;
}

img {
    border: 0;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0075C6;
	background:#FFF;
}

#page {
	width: 955px;
	margin: 0 auto;
	background:url(../images/fond.png);
	border: 1px solid #003B71;
	border-collapse: collapse;
}

#top {
	background:url(../images/bandoh_1.png);
	height: 109px;
}

#logoboulogne {
	float:left;
	position: relative;
	top: 19px;
	left: 50px;
	width: 72px;
	height: 68px;
}
#logoboulogne a{
	display:block;
	text-decoration: none;
	width: 72px;
	height: 68px;
}

#logoboulogne a:hover{background: url(../images/logo_boulogne.png);}

#logovm {
	position: relative;
	top: 20px;
	margin-left: 908px;
	width: 36px;
}

#menu_haut {
	background:url(../images/bandoh_2.png);
	height: 35px;
}

#bmenu_haut {
	margin-left: 612px;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 25px;
}

#menu-gauche {
	float: left;
	width: 189px;
	height:400px;
	background:url(../images/fond_gauche.png);
	background-repeat:no-repeat;
}

#menugauche{
	margin:20px 0 65px 34px;
}
#menugauche li {
	padding:0;
	margin:0;
	margin-bottom: 5px;
	width: 155px;
	list-style-type: none;
	list-style-position: outside;
}
#menugauche li, #menugauche a {
	display:block;
	text-decoration: none;
}


/*#m_piscine{margin-top: 50px;}*/

#m_accueil a,#m_programme a,#m_activites a,#m_visitevirtuelle a,#m_partenaires a,#m_piscine a{height: 30px;}
#m_baranniv a,#m_ce a{height: 45px;}

#m_accueil a:hover{background: url(../images/b_accueil_f2.png);}
#m_programme a:hover{background: url(../images/b_programme_f2.png);}
#m_activites a:hover{background: url(../images/b_activites_f2.png);}
#m_baranniv a:hover{background: url(../images/b_baranniv_f2.png);}
#m_visitevirtuelle a:hover{background: url(../images/b_visitevirtuelle_f2.png);}
#m_ce a:hover{background: url(../images/b_ce_f2.png);}
#m_partenaires a:hover{background: url(../images/b_partenaires_f2.png);}
#m_piscine a:hover{background: url(../images/b_piscine_f2.png);}

#contenu {
	margin-left: 189px;
}
#contenu h1 { 
	margin : 0px 5px 5px 15px;
	font-size: 25px;
	color: #F71;	
	border-bottom: 2px dotted #F71;
	border-right: 2px dotted #F71;
}
#contenu h2 { 
	margin : 0px 5px 5px 15px;
	font-size: 20px;
}
#contenu h3 { 
	margin : 0px 5px 5px 15px;
	font-size: 20px;
	border-bottom: 1px dotted #0075C6;
	border-right: 1px dotted #0075C6;
}

#contenu p{
	margin : 5px 5px 10px 15px;
}

#contenu ul { 
	margin : 0px 5px 5px 15px;
}

#contenu li { 
	margin : 0px 5px 5px 15px;
	list-style-position: outside;
}

.float50{
	float: left;
	width: 48%;
	padding:5px;
}

.floatright{
	float: right;
	padding-left:5px;
}
.floatright img{
	border: 1px solid #F71;
}

.floatleft{
	float: left;
	padding-right:5px;
}
.floatleft img{
	border: 1px solid #F71;
}

#foot {
	clear: both;
	background:url(../images/bandob.png);
	height: 32px;
	color: #FFF;
	font-weight: bold;
	text-align:center;
}

.coordonnees{
	font-size: 11px;
	padding-top : 10px;
}

/* GENERAL */

.fin_float{
	clear: both;
	margin-bottom : 5px;
}

.annotation{
	font-style:italic;
	font-size:10px;
}

.prix{
	text-align:right;
	color: #F71;
}

/* Texte */
a:link,a:active,a:visited {
	text-decoration: underline;
	color: #F70;
} 
a:hover{
	text-decoration: none;
}
.orange{
	color: #F71;
}


/* Accueil */
#accueil_barre {
	background:url(../images/accueil-fondbarre.png);
	height: 31px;
	width: 766px;
}
#accueil_barre object{
	margin: 7px 0 0 20px;
}

#accueil_edito {
	float: left;
	width: 444px;
	background:url(../images/accueil-fedito.png);
	background-repeat: repeat-y;
	background-color:#0075C6;
}

#accueil_fondg_edito {
	float: left;
	width: 45px;
}

#accueil_fondd_edito {
	float: right;
	width: 18px;
}

#accueil_edito h1{
	margin-left:45px;
	margin-right:18px;
	padding:5px;
	font-size: 16px;
	border: 0;
}

#accueil_edito p{
	margin-left:45px;
	margin-right:18px;
	padding:5px;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
}

#accueil_d {
	margin-left: 444px;
}

#accueil_imgedito {
	background:url(../images/accueil-fondimgedito.png);
	width: 322px;
	height: 200px;
	text-align: center;
}
#accueil_imgedito img{
	margin: 30px 0 0 0;
	border: 1px solid #003B71;
}
#accueil_fprordv{
	background:url(../images/accueil-fprordv.png);
	background-repeat: no-repeat;
	width: 315px;
	height: 210px;
}
#accueil_fprordv ul{
	padding : 38px 20px 0 40px;
	margin:0;
}
#accueil_fprordv li{
	margin:0;
	padding:0;
	width: 253px;
	list-style-type: none;
	list-style-position: outside;
}

#accueil_fprordv a {
	padding:3px;
	color:#0075C6;
	font-size:12px;
	font-weight:bold;
	display:block;
	text-decoration: none;
	height : 46px;
	border-bottom: 2px solid #003B71;
}
#accueil_fprordv a:hover {
	color:#FFF;
	background-color:#0075C6;
}

#accueil_news{
	float: left;
	width: 367px;
	padding:5px 2px 5px 16px;
}
#accueil_news p, #accueil_news h1, #accueil_news ul{
	margin:0;
	background:url(../images/accueil-fnews.png);
	padding:0 10px;
}
#accueil_news h1{
	font-size: 16px;
	border: 0;
	padding-bottom:5px;
}
#accueil_news ul{
	border: 0;
	padding:5px 15px;
}
#accueil_flash{
	float: left;
	width: 370px;
	padding: 5px 0px;
}
#accueil_flash p, #accueil_flash h1, #accueil_flash ul{
	margin:0;
	background:url(../images/accueil-fflash.png);
	padding:0 15px 0 10px;
}
#accueil_flash h1{
	font-size: 16px;
	border: 0;
	padding-bottom:5px;
}
#accueil_flash ul{
	border: 0;
	padding:5px 15px;
}


/* Tarifs-horaires-plan */

table.tarifs{
	background-color: #EFEFEF;
	border: 2px solid #00AEEF;
	border-collapse: collapse;
	width:75%;
	/*margin: auto;*/
	margin : 5px 5px 10px 15px;

}
table.tarifs2{
	background-color: #EFEFEF;
	border: 2px solid #00AEEF;
	border-collapse: collapse;
	width:90%;
	/*margin: auto;*/
	margin : 5px 5px 10px 15px;
}

table.tarifs td, table.tarifs2 td{
	border: 1px #00AEEF solid;
	vertical-align : top;
	padding:3px;
	font-weight:bold;
}

table.horaires{
	background-color: #EFEFEF;
	border: 2px solid #00AEEF;
	border-collapse: collapse;
	width:75%;
	/*margin: auto;*/
	margin : 5px 5px 10px 15px;

}

table.horaires td{
	border: 1px #00AEEF solid;
	vertical-align : top;
	padding:3px;
	font-weight:bold;
	text-align : center;
}

table.horaires td.orange{
	background-color: #D6D7D6;
	color: #F71;
}

/*Programme */
#programme_rdv{
	width: 300px;
	float: right;
}

#programme_rdv ul{
	margin : 5px 5px 10px 15px;
	padding: 3px;
	background-color: #EFEFEF;
	border: 2px solid #00AEEF;
	border-collapse: collapse;
}

#programme_rdv li{
	list-style-position: inside;
	border-bottom: 2px solid #00AEEF;
	padding:5px 2px 5px 17px;
	list-style-type: none;
	background-image: url(../images/puce-rdv.png);
	background-repeat: no-repeat;
	background-position: 0 4px;
}

#programme_rdv li.lastrdv{
	border: 0;
}


#programme_mois{
	margin-right: 310px;
}

#programme_bleu{
	margin : 5px 0px 10px 8px;
	width:445px;
}
#programme_bleu_mois{
	height:52px;
	padding: 0;
	margin:0;
	background-image: url(../images/prog_hbleu.png);
}
#programme_bleu_mois h2{
	padding: 10px 0 0 15px;
	margin:0;
	font-size: 15px;
	color:#fff;
}
#programme_bleu_anim{
	margin: 0;
	padding:5px 18px 5px 15px;	
	background-image: url(../images/prog_fbleu.png);
}
#programme_bleu_anim h3{
	padding:3px 0;
	margin:0;
	font-size: 13px;
	color:#0075C6;
	border-bottom: 0;
	border-top: 1px dotted #0075C6;
	border-right: 1px dotted #0075C6;
}
#programme_bleu_anim p{
	padding:3px 0;
	margin:0;
}

#programme_orange{
	margin : 5px 0px 10px 8px;
	width:445px;
}
#programme_orange_mois{
	height:52px;
	padding: 0;
	margin:0;
	background-image: url(../images/prog_horange.png);
}
#programme_orange_mois h2{
	padding: 10px 0 0 15px;
	margin:0;
	font-size: 15px;
	color:#fff;
}
#programme_orange_anim{
	margin: 0;
	padding:5px 18px 5px 15px;
	background-image: url(../images/prog_forange.png);
}
#programme_orange_anim h3{
	padding:3px 0;
	margin:0;
	font-size: 13px;
	color:#0075C6;
	border-bottom: 0;
	border-top: 1px dotted #0075C6;
	border-right: 1px dotted #0075C6;
}
#programme_orange_anim p{
	padding:3px 0;
	margin: 0;
}


/*popup_cnil */
#popup_cnil h1 { 
	margin : 5px 5px 5px 15px;
	font-size: 15px;
}

#popup_cnil p{
	margin : 5px 5px 10px 15px;
	font-size: 11px;
}


/* Hack IE-win \*/
* html #menu-gauche, * html #accueil_edito, * html #accueil_fondg_edito, * html #programme_rdv {
	margin-right: -3px;
}

* html #contenu, * html #accueil_d, * html #accueil_text_edito, * html #programme_mois {
	margin-left: 0px;
	height: 1%;
}
 
/* Fin hack */