/*----------------------------------------------------------------

Basic Style Sheet (for 4 browsers)

version:	1.1
author:		jean-marius melagne
e-mail:		contact@mjm-webdesigner.com
website: 	http://www.mjm-webdesigner.com/

---------------------------------------------------------------*/

/*------------------------ INITIALIZE--------------------------*/

* {
margin:0;
padding:0;
}
img{ border:0}

html { height:100%;}

body {
font-size: 62.5%; /* Resets 1em to 10px */
background: #e4e4e4;
color:#217daf;
height:100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul,li {list-style:none;}

td{ padding: 0.1em 1em;}
/*-----------------------------------------------------------*/


/*------------------------ GENERIQUE ------------------------*/

.pdf { 
height:17px;
background: url(images/pdf-document.png) left top no-repeat;
line-height:0.8em;
padding: 4px 25px 0;
background: f000;
}



h1 {
color: #ff840b;
text-transform: uppercase;
font-size:1.3em;
font-weight: bold;
border-bottom: 2px solid #4fa7d7;
margin:0 0 1em;
}

h2 {
color: #ff840b;
font-size: 1em;
font-weight: bold;
margin:1em 0 0 0;
}

.orange { color: #ff840b;}

.vert { color: #61b833;}

.fleft { float: left;}

.tleft { text-align: left;}

.fright { float: right;}

.tright { text-align: right;}

.clearboth{
clear:both;
height:1px;
font-size:1px;
display:block;
margin-top:-2px;
}
.first{
background-color:#d3e9f5;
}

.last{
width: 230px;
}
caption {
	caption-side:bottom; /* Le titre sera placé en bas du tableau (ne marche pas sur Internet Explorer) */
	margin:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.2em;
	color:#009900;
	margin-top:20px; /* La marge doit se faire au-dessus et non en-dessous maintenant */
}
#tarif table {
	margin:auto;
	border:4px outset #333333;
	border-collapse:collapse;
	color: #333333;
}
th {
height:30px;
	font-size:1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

.bleu{
	background: #4fa7d7;
	color: #000;
	border:1px solid #333333;
}

.orange2{
	background: #f78c2a;
	color: #000;
	font-size:1em;
	font-weight: bold;
}

.tarif td {
	vertical-align:bottom; /* Alignement vertical, le contenu des cellules sera placé en bas */
	border:1px solid #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	color: #333333;

}

.tarif td a{
color:#FF840B;
text-decoration: none;
}

.tarif td a:hover{
text-decoration: underline;
}
/*-----------------------------------------------------------*/


/*------------------------ LAYOUT ---------------------------*/

body {
	color: #f5f5f5;
	background: #fff;
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
	}

	#global {
		width: 100%;
		width: 998px;
		margin: 0 auto;
	}


	#centre {
	margin-top: 20px;
	}
	
	#centre #centre-bis {
	width: 100%;
	overflow: hidden;
	}
	

/* Navigation
------------------------------------------------------*/
#navigation {
margin: 0;
padding:0 0 0 5px;
list-style: none;
color: #fff;
width: 165px;
font-size:1.2em;
font-weight:bold;
float: left;
}


#navigation .accroche{
color:#fff;
width:165px;
height: 26px;
background:url(images/navigation_bg_orange.gif) no-repeat top;
text-align: center;
line-height:1.6em;
}


#navigation a, #navigation span {
display: block;
padding: 5px 20px;
color: #fff;
text-decoration: none;
background: #fff url(images/menu_bg.gif) left bottom no-repeat;
}
	  
#navigation .toggleSubMenu a, #navigation .toggleSubMenu span { background-image: url(images/menu_bg.gif); }

#navigation .open a, #navigation .open span { background-image: url(images/menu_bg_deroulant.gif);}

#navigation a:hover{color: #9ccce6;text-decoration: none;}

#navigation a:focus{color: #9ccce6;}
	  
#navigation a:active { color: #fff;}

#navigation .subMenu {
font: 0.9em Georgia, serif;
 background: #f0f0f0;
color: #868686;
 margin: 0;
padding: 0;
border-bottom: 1px solid #a6cbdf;
}

#navigation ul.subMenu a {
color: #868686;
background:url(images/puce_menu.gif) no-repeat left;
margin: 0 0 0 10px;
padding-left: 10px;
}

#navigation ul.subMenu a:hover {color: #ff840b; font-weight: bold;}

/*-----------------------------------------------------------*/


/* Contenu secondaire
------------------------------------------------------*/
#secondaire {
	background: #fff;
	float: left;
	width:212px;
	font-size:1.3em;
	color:#217daf;
}

#secondaire a {
	color: #ff840b;
	text-decoration: none;
}
#secondaire a:hover, #secondaire a:focus {
	text-decoration: underline;
}

#secondaire .contenu{
	width:210px;
	text-align: center;
	min-height: 26px;
	margin-bottom: 20px;
}

#secondaire .info{
color:#fff;
width:213px;
height: 26px;
background:url(images/bg_orange.gif) no-repeat top;
text-align: center;
line-height:1.6em;
}

#secondaire .newsletter{
text-transform: uppercase;
	font-size:1.3em;
	font-weight: bold;
}

#secondaire .contenu_border{ border: 1px solid #e5e5e5;}


/*-----------------------------------------------------------*/
#pied {
background: #217daf url(images/footer_bg.gif) no-repeat;
}




/* Entete
------------------------------------------------------*/

#entete {
background: url(images/header_bg.gif) no-repeat;
}

#entete h1 {
	margin: 0;
}
#entete h1 img {
	float: left;
	margin: 7px 20px 10px 0;
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
}
.right {
	padding:52px 40px 0 10px;
	float:left;
	}
	
	.left {
 	padding-left: 10px;
	}
	
			.partner {
			padding: 5px 0 0 0;
			}

/*-----------------------------------------------------------*/
	
	
/*  Contenu principal
------------------------------------------------------*/
#principal {
	margin: 0 20px;
	width: 573px;
	min-height:376px;
	float: left;
	color: #217daf;
	font-size:1.3em;
	text-align: justify;
	padding-bottom: 10px;
}

#principal a {
	color: #ff840b;
}
#principal a:hover, #principal a:focus {
	text-decoration: underline;
}

#principal_accueil {
	margin: 0 20px;
	width: 573px;
	min-height:376px;
	background: url(images/rubrique_miroir.jpg) left bottom no-repeat;
	float: left;
}

#principal_accueil h1{
	font-size:1.7em;
}



#principal_accueil .rubrique {
margin-top: 10px;
	float: left;
	padding: 15px  0 10px 0;
	text-align:center;
	text-transform: uppercase;
	font-size:1.2em;
	font-weight: bold;
	height: 155px;
}

#principal_accueil .rubrique_principal {
margin-top: 10px;
	float: left;
	padding: 0 6px;
	text-align:center;
	text-transform: uppercase;
	font-size:1.2em;
	font-weight: bold;
	height: 180px;
}

#principal_accueil .rubrique a,#principal_accueil .rubrique_principal a,#principal_gardes a{
color:#217daf; 
text-decoration:none;
}
#principal_accueil .rubrique a:hover,#principal_accueil .rubrique_principal a:hover,#principal_gardes a:hover{color:#ee7413; text-decoration:underline;}




#principal_gardes {
	margin: 0 20px;
	width: 573px;
	min-height:400px;
	background: url(images/gardes_miroir.jpg) left bottom no-repeat;
	float: left;
}

#principal_gardes .enfants {
margin-top: 10px;
float: left;
	padding-right: 3px;
	text-align:center;
	text-transform: uppercase;
	font-size:1.3em;
	font-weight: bold;
	height: 180px;
}

#principal_gardes .seniors {
margin-top: 10px;
float: right;
	padding-left: 3px;
	text-align:center;
	text-transform: uppercase;
	font-size:1.3em;
	font-weight: bold;
	height: 180px;
}

/*-----------------------------------------------------------*/


/*   Pied de page
------------------------------------------------------*/

#pied {
	margin: 0;
	padding-top:50px;
	color:#fff;
	font-size:1.3em;
	min-height: 160px;
	max-height: 233px;
	position: relative;
	bottom: 0;
	left: 0;
	
}

#pied .content{
	padding: 0 14px;
	margin:0 auto;
	
}
#pied .logo2{
	float: left;
}

#pied .menu{
	color:#fff;
	height: 1%;
	padding-bottom: 1.5em;
}

#pied .menu li{
	float: left;
	padding-left:0.97em;	
}
#pied .menu a{
	color:#fff;
	text-decoration: none;		
}

#pied .menu a:hover{
	color:#fff;
	text-decoration: underline;		
}		

#pied .copyright{
	text-align: right;	
}

#pied .copyright a{
	color:#fff;
	text-decoration: none;
}

#pied .copyright a:hover{
	color:#fff;
	text-decoration: underline;
}