@charset "UTF-8";
/* CSS Document */

/**
 * @license
 * MyFonts Webfont Build ID 3053834, 2015-07-06T04:48:45-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: FF Cocon Web Pro by FontFont
 * URL: http://www.myfonts.com/fonts/fontfont/ff-cocon/pro-regular/
 * Copyright: 2009 Evert Bloemsma published by FSI FontShop International GmbH
 * Licensed pageviews: 50,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3053834
 * 
 * © 2015 MyFonts Inc
*/




  
@font-face {
	font-family: 'FFCoconWebPro';
	src: url('../fonts/2E990A_0_0.eot');
	src: url('../fonts/2E990A_0_0.eot?#iefix') format('embedded-opentype'),
	url('../fonts/2E990A_0_0.woff2') format('woff2'),
	url('../fonts/2E990A_0_0.woff') format('woff'),
	url('../fonts/2E990A_0_0.ttf') format('truetype');
}


@font-face {
    font-family: 'coconregular';
    src: url('../fonts/cocon-webfont.eot');
    src: url('../fonts/cocon-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cocon-webfont.woff2') format('woff2'),
         url('../fonts/cocon-webfont.woff') format('woff'),
         url('../fonts/cocon-webfont.ttf') format('truetype'),
         url('../fonts/cocon-webfont.svg#coconregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light-webfont.woff2') format('woff2'),
         url('../fonts/opensans-light-webfont.woff') format('woff'),
         url('../fonts/opensans-light-webfont.ttf') format('truetype'),
         url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	
	
	font-family: 'open_sansregular';
	margin:0;
	
}

body a
{
	text-decoration:none;
	color:rgb(0,0,0);
}

#blocpage
{
	
	
	padding:5px;
	width:1100px;
	margin:auto;
	padding:5px;
	height:auto;
}
/* HEADER */
#header
{
	min-height:100px;
	height:auto;
	
}
.ciethalie
{
	font-size:2em;
	vertical-align:middle;

	
}
#infos
{
	margin-bottom:5px;
	margin-left:200px;
}
#reserver
{
	float:right;
	margin-right:20px;
	background-color:#0C0;
	font-weight:bold;
	border-color:#060;
	border-radius:3px;
}
#reserver:hover
{
	float:right;
	margin-right:20px;
	background-color:#060;
	font-weight:bold;
	border-color:#060;
	border-radius:3px;
}
#complet
{
	float:right;
	margin-right:20px;
	background-color:#C00;
	font-weight:bold;
	border:none;
}

/* CENTRE */
#centre
{
	display:inline-block;
	height:auto;
	
}
#nav
{
	
	float:left;
	width:200px;
	vertical-align:top;
	margin-top:5px;
	
	
}

#nav a
{
	display:block;
	height:20px;
		padding:3px;
		margin:5px;
		line-height:20px;
		
		text-decoration:none;
		
	

}
#nav a:hover
{
	background-color:#999;
}

#leprogramme
{
	font-family: 'open_sansbold';
	background-color:rgb(255,255,255);
	
	text-decoration:none;
	color:rgb(0,0,0);
	text-align:left;
}
#leprogramme a
{	
	font-family: 'open_sansbold';
	background-color:rgb(255,255,255);
	
	text-decoration:none;
	color:rgb(0,0,0);
}
#leprogramme a:hover
{
	background-color:rgb(255,255,255);
}

#asideprog
{
		background-color:rgb(236,236,236);
		text-align:left;
		font-size:0.8em;
		padding:3px;
		
}

#asideprog a
{
	text-decoration:none;
	border:none;
	padding:0px;
	margin:0px;
	height:auto;
	color:rgb(0,0,0);
	padding-bottom:4px;
	
	
}
#asideprog a:hover
{
	color:#C30;
	padding-bottom:4px;
	
}
#asideprog p
{
	margin:0;
}

#asidenav
{
		border:dashed 1px #CCC;
		border-radius: 8px;
		text-align:left;
		font-size:0.8em;
		padding:3px;
		margin:5px;
}
#asidenav a
{
	text-decoration:none;
	border:none;
	padding:0px;
	margin:0px;
	height:auto;
	
	
}
#asidenav a:hover
{
	color:#C30;
	background-color:#333;
}
#asidenav2
{
	background-color:rgb(216,45,22);
	margin-top:10px;
	font-family: 'open_sansbold';
	
}
#asidenav2 a
{
	text-decoration:none;
	color:rgb(204,204,204);
}
#asidenav2 a:hover
{
	color:rgb(255,255,255);
	background-color:rgb(216,45,22);
	
}

/* SECTION */
#section
{
	
	float:right;
	width:890px;
	min-height:550px;
	padding-left:10px;
	vertical-align:top;
	margin:0;
	
}
#section img
{
	float:left;
	margin-right:5px;
}

#section h1
{
	font-family: 'FFCoconWebPro';
	color:rgb(216,45,22);
	margin:0;
	padding:0;
}
#section h2
{
	font-family: 'open_sanslight';
	margin:0;

}
#section h3
{
	
	margin:0;
	
}
#section h4
{
	
	margin:0;
	
}
#section h5
{
	
	margin:0;


}
#section a
{
	color:rgb(0,0,0)
	text-decoration:none;
}
#section a:hover
{
	color:#C30;
}


/* FOOTER */
#footer
{
	height:70px;
	font-size:0.9em;
	background-color:rgb(153,153,153);
	color:rgb(255,255,255);
	text-align:left;
	margin-top:3px;
	
}


#footer a
{
	color:rgb(255,255,255);
	text-decoration:none;
}
#footer a:hover
{
	color:#C30;
}
#footer p
{
	padding-left:10px;
}

/* FORM */

form{
	
		
		
		padding:3px;
		margin-top:0px;
		margin-right:5px;
		margin-bottom:5px;
		margin-left:5px;
	
}
form a
{
	text-decoration:none;
	border:none;
	padding:0px;
	margin:0px;
	height:auto;
	
	
}
form a:hover
{
	
}
#FormAnnulResa
{
	border:none;
	font-size:1em;
	margin:0px;
	padding:0px;
}
#FormModResa
{
	margin-top:10px;
}

caption
{
	font-size:1.5em;
	margin-top:0px;
}

#login
{
	background-color:rgb(236,236,236);
	text-decoration:none;
	color:rgb(0,0,0);
}
#login a
{
	color:rgb(0,0,0);
}

/* ID'S */



/* CLASSES */
.input
{
}
.bouton
{
	
}
.bouton:hover
{
	
}
/*.liensnav
{
		height:20px;
		padding:3px;
		margin:5px;
		line-height:20px;
		border:dashed 1px #CCC;
		border-radius: 8px;
	
}
*/
.messages
{
	color:#F00;
	font-weight:normal;
}

.confirm
{
	color:#0C0;
	font-weight:normal;
	font-size:1em;
	background-color:#000;
}

.profil
{
	
}




.divprog
{
	border:dashed 1px #CCC;
		border-radius: 8px;
		text-align:left;
		font-size:1em;
		padding:3px;
		margin:5px;
		color:#CF9;
}
.divprog:hover
{
	background-color:#999;
}
.inscription
{
	background-color:rgb(236,236,236);
	font-size:1em;
	
	margin-top:0px;
}
.TableInscrAteliers
{
	border-collapse:collapse;
	margin:5px;
	padding:5px;
	text-align:left;
	font-size:1em;
}
.TableReservations
{
	border-collapse:collapse;
	border-color:#999;
	
	padding:5px;
	text-align:left;
	font-size:1em;
}
.DateDeNaissance
{
	
	color:rgb(0,0,0);
	font-size:1em;
	border-color:#333;
}
.imagecontrol
{
	margin:5px;

	float:right;
}
.datesaison
{
	text-align:right;
	padding-right:15px;
}
.liensaison
{
	text-decoration:none;
	font-family: 'open_sansbold';
	color:rgb(0,0,0);
}
.retour
{
	color:#03F;
	text-decoration:none;
	text-align:right;
}
.doc
{
	display:block;
	margin:5px;
	height:60px;
	
}
.picto
{
	font-family: 'open_sansbold';
	font-size:18px;
	
}
.gallerie
{
	display:inline;
	margin:0;
	padding:0;
	width:196px;

}
.gauche
{
	text-align:left;
	font-size:1.2em;
}
.droite
{
	text-align:right;
	font-size:1.2em;
}
.libre 
{
	text-decoration:none;
	color:rgb(0,0,0);
	margin:0;
	padding:1px;
	
}
.libre:hover
{
	background-color:rgb(35,183,70);
}

.mairie 
{
	text-decoration:none;
	color:rgb(0,0,0);
	margin:0;
	padding:1px;
	
}
.mairie:hover
{
	background-color:rgb(0,255,255);
}

.orange 
{
	text-decoration:none;
	color:rgb(0,0,0);
	margin:0;
	padding:1px;
	
}
.orange:hover
{
	background-color:rgb(255,139,0);
}
.complet 
{
	text-decoration:none;
	color:rgb(0,0,0);
	margin:0;
	padding:1px;
	
}
.complet:hover
{
	background-color:rgb(255,0,0);
	
}
.prixduree
{
	margin:0;
	padding:1px;
}
.jourspec
{
	text-align:right;
	font-family: 'open_sansbold';
}
.heurespec
{
	text-align:left;
	font-family: 'open_sanslight';
	
}
#menu ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:left;
 background-color:rgb(204,204,204)
 }
#menu li {
 float:left;
 margin:auto;
 padding-left:2px;
 padding-right:2px;

 }
#menu li:hover
{
	
	color:rgb(216,45,22);
	
}
#menu li a {
 display:block;
 
 color:rgb(0,0,0);
 text-decoration:none;
 }
#menu li a:hover {
 color:rgb(216,45,22);
 }
 #menu ul li ul {
 display:none;
 }
 #menu ul li:hover ul {
 display:block;
 }
#menu li:hover ul li {
 float:none;
 }
 #menu li ul {
 position:absolute;
 }