body{margin: 0px; font-family: verdana, time, time new roman, sans-serif; font-size: 0.7em; background-image: url(images/webDesign/motifHerbe.png);padding-top: 20px; padding-bottom: 20px;}

/* =========WEBDESIGN==========*/

/*=======div========*/

div#global{
	padding: 0px;
	width: 800px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
}

div#cadre_haut{
	padding: 0px;
	width: 786px;
	height: 31px;
	background-image: url(images/webDesign/cadre_haut.png);
	background-repeat: no-repeat;
	margin: 0px;
	
}

div#baniere{
	background-image: url(images/webDesign/bandeau_final.png);
	background-repeat: no-repeat;
	height: 161px;
	width: 710px;
	margin-left: auto;
	margin-right: auto;
	background-color: #9fc2dc;

}

div#cadre_milieu{
	width: 786px;
	background-repeat: repeat;
	background-image: url(images/webDesign/cadre_milieu.png);
	/*min-height: 300px;*/ 
	margin: 0px;
	padding: 0px;
	/*background-color: #aa3412;*/
	height: 100%;
	display: block;

}

div#cadre_bas{
	width: 786px;
	height: 76px;
	background-image: url(images/webDesign/cadre_bas.png);
	background-repeat: no-repeat;
	margin: 0px;
	/*clear: left;*/
}

div#menu_princ{
	/*min-height: 391px;*/
	width: 201px;
	background-repeat: repeat;
	/*background-color: #9fc2dc;*/
	float: left;
	margin-left: 25px;
	padding: 0px;
	display: inline;
	z-index: 4;
	

}

div#spacer{
	clear: left;
	height: 3px;
}

div#menu_gauche{
	margin-top: 25px;

}

div#contenu{
	margin-left: 240px;
	_margin-left: 250px;
	margin-right: 40px;
	margin-top: 30px;
	padding-bottom: 20px;
	display: block;
}

div#evenements{
	background-color: #9fc2dc;
}

div#horaires{
	margin-left: 12px;
	line-height: 1.5em;
}

.evenementAffiche{
	background-image: url(images/webDesign/event.png);
	width: 90%;
	height: 70px;
	padding-top: 45px;
	padding-left: 39px;

	margin-bottom: 10px;
	background-repeat: no-repeat;
	border-bottom: 1px dashed #eaeaea;
	
}

.conteneurLiens{
	padding: 15px;
	background-color: #eeeeee;
	-moz-border-radius: 5px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.presentation{
	padding: 15px;
	background-color: #eeeeee;
}

/*---------livreOr--------*/
div#orHaut, div#orBas, div#orMilieu{
	padding-right: 20px;
}

div#orHaut{	
	display: block;
	padding-left: 25px;
	margin-top: 10px;
	height: 47px;
	background-image:url(images/webDesign/orHaut.png);
}

div#orBas{
	height: 22px;
	background-image:url(images/webDesign/orBas.png);

}

div#orMilieu{

	padding-left: 30px;
	padding-right: 30px;
	min-height: 40px;
	height: auto;
	background-repeat: repeat;
	background-image:url(images/webDesign/orMilieu.png);
}

div#globalOr{
	width: 462px;
	margin-right: auto;
	margin-left: auto;

}

div#globalFormOr{
	background-color:#b0eeff;
	padding: 5px;
	margin-right: auto;
	margin-left: auto;

}

p#developpeOr{
	color: #498fd7;
	font-weight: bold;
	cursor: pointer;
}

p#developpeOr:hover{
	color: #75b3ff;
}

.cadenas, .suppr{
	cursor: pointer;
	padding: 3px;
}


.suppr:hover, .cadenas:hover{
	background-color: #eeeeee;
}


/*------

.promotions{
	width: 177px;
	height: 209px;
	background-image: url(images/webDesign/notePromotion.jpg);
	display: block;
	margin-left: auto;
	margin-right: auto;
	float: left;
	margin: 25px;

}

.promotions div{
	margin-top: 35px;
	margin-left: 15px;
	margin-right: 17px;
	margin-bottom: 23px;

}

/*
div#placeProduit{
	background-color: #EEEEEE;
	width: 100%;
	height: 90%;
}*/

/*-------produits-----*/

	.haut_produit, .bas_produit{
		background-repeat: no-repeat;
		width: 498px;
		height: 27px;
	}

	.bas_produit{background-image: url(images/webDesign/bas.png); margin-bottom: 13px;}
	.haut_produit{background-image: url(images/webDesign/haut.png);margin-top: 13px;}
	.milieu_produit{background-image: url(images/webDesign/milieu.png);width: 498px;min-height: 201px;padding-top: 5px; padding-bottom: 5px;}
	.contenu_produit{margin-left: 200px;margin-right: 20px;}
	.produit_encart img{float: left;padding-left: 20px;}
	.spacer_produit{height: 5px; width: auto;margin: 0px;}

/*---*/

/*=======menu=========*/
div#menu_gauche ul{
	padding-left: 3px;
	padding-bottom: 0px;
	list-style: none;
	margin: 0px;
}

.premier_niveau{
	height: 24px;
	padding: 0px;
	display: block;
	text-align: center;
	line-height: 20px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/webDesign/boutonDessus.png);
	margin-top: 3px;
	margin-bottom: 0px;
	color: #000000;
	text-decoration: none;

}

.premier_niveau:hover{
	background-image: url(images/webDesign/boutonVisited.png);
	padding-left: 1em;
	color: #ffffff;
}

.ssmenu li a{
	text-decoration: none;
	color: #000000;
	display: block;
	width: 100%;
	
}

.ssmenu li a:hover{
	color: #ffffff;
	text-decoration: underline;
	/*background-color: #4ed400;*/
	background-color: #96b5ff;
}

.ssmenu{
	width: 17em;
	/*background-color: #4ed44e;*/
	background-color: #96b5cd;
	line-height: 1.5em;
	border: black solid 1px;
	left: 5em;
	padding: 0px;

}

.ssmenu:hover{

	
}

div#seConnecter{
	height: 100%;
	margin-left: 5px;
}


/* =========LISTES==============*/

.liste{
	margin: 0px;
}

label{
	width: 215px;
	float: left;
	display:block;
	
}

input{
	margin-top: 7px;
	border-style: solid;
	border-width: 1px;
}

select{
	margin-top: 7px;
	border-style: solid;
	border-width: 1px;
}

fieldset{
	padding: 15px;
}

input:focus{
	border-color: #de962e;
	background-color: #cfffff;
	
}





/* =========OBJETS==============*/

table#calendrier{
	margin-left: auto;
	margin-right: auto;
}
	
div#block_affiche{
	background-color: #9fc2dc;
}

.photosInsert img{
	margin-right: 1px;
}

object{

	position: relative;
	z-index: 0;

}

/*=========FONTSTYLE============*/

h2{
	color: #406682;
	_font-size: 18px;
}

h3{
	color: #3dc600;
	_font-size:15px;
}

p:first-letter{
	margin-left: 50px;
	font-weight: bold;

}

p {
	text-align: justify;
}

.etiquettes span{
	font-weight: bold;
	color: #1a9ae4;
}

.etiquettes{
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
}

.titrePromo{
	font-size: 1.2em;
	color: #dd3e3e;
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
}

.etiquettePromo{
	color: #dd3e3e;
	font-size: 1em;
	font-weight: bold;
}

.reponseEnvoi{
	display: block;
	background-color: #fddcdc;
	color: #a67a7a;
	font-size: 1em;
	padding: 3px;
	text-align: center;
	-moz-border-radius: 5px;
	margin: 3px;
}

.multifonction{
color: #4b81c3; 
font-weight: bold;
margin: 10px;
cursor: pointer;
width: 90%;
}

.multifonction:hover{
	color: #6399db;
	
}

.texte:first-letter {
	text-align: left; 
	margin-left: 0px;
}

/*=========LABEL=========*/
.lab1{
	display: block;
	float: left;
	font-weight: bold;
	

}

/*===============*/