/********************************************************/
/*														*/
/* 						CSS GLOBALE                     */
/*														*/
/********************************************************/

body
{ 
	background-color: white;
	margin: 0;
	padding: 0;
} 

#corps
{
	background-image: url("../images/Background.png");
	background-repeat:repeat-x;
	width: 1036px;
	margin:auto;
	padding-top: 3px;
	margin-top: 0px;
	overflow: hidden;
}

/*********************CSS ENTETE*********************/

#BackHaut
{
	background-image: url("../images/enteteHaut.png");
	width: 1036px;
	height: 25px;
	position: relative;
	z-index: 4;
}

#BackMilieu
{
	background-image: url("../images/enteteMilieu.png");
	width: 1036px;
	height: 121px;
	background-repeat:repeat-y;
	position: relative;
	z-index: 4;
}

#BackBas
{
	background-image: url("../images/enteteBas.png");
	width: 1036px;
	height: 40px;
	margin-bottom: -182px;
	position: relative;
	z-index: 4;
}

#ContenuEntete
{
	margin-left: 42px;
	height: 120px;
	width: 952px;
	position: relative;
	z-index: 4;
}

#Logo
{
	background-image: url("../images/LogoTennis.png");
	float:left;
	width: 282px;
	height: 120px;
	margin-top: 15px;
	position: relative;
	z-index: 4;
}

#ImageEntete
{
	background-image: url("../images/enteteImage.png");
	float:left;
	width: 650px;
	height: 160px;
	margin-left: 20px;
}

#nadal
{
	height: 25px;
	width: 25px;
	position: absolute;
	left: 652px;
	top: 56px;
	cursor: default;
}

/*********************CSS MENU*********************/

#menuBar
{
	width:800px;
	height: 73px;
	margin-left: 230px;
}

#menuBar a
{
	text-decoration: none;	
}

.bouton
{
	height: 73px;
	width: 154px;
	background-image: url("../images/menuBouton.png");
	float:right;
	margin-left: -25px;
	background-repeat: no-repeat;
	margin-top: -20px;
	/*margin-right: 50px;*/
	position: relative;
	z-index: 4;
}

.bouton p
{
	color: white;
	display: block;
	padding-top: 5px;
	font-family: Arial,"Times New Roman",Georgia,Serif;
	font-weight:bold;
	font-size:15px;
	text-align: center;
	padding-left: 13px;
}

.bouton:hover
{
	background-image: url("../images/menuBoutonHover.png");
	margin-top: -25px;
	padding-top:3px;
}

/*********************CSS SLIDESHOW*********************/

#leftSide
{
	margin-top: -35px;
	width: 242px;
	height:auto;
	z-index: 3;
	position: relative;
	padding-top: 15px;
}

#contour
{
	background-image: url("../images/imageGaucheContour.png");
	width: 242px;
	height: 645px;
	/*margin-top: -643px;*/
	margin-top: -640px;
	z-index: 3;
	position: relative;
	/*margin-left: -7px;*/
}

#overSlideShow
{
	background-image: url("../images/overSlideShow.png");
	width: 224px;
	height: 645px;
	position: relative;
	z-index: 2;
	margin-top: -645px;	
}

#ModifImage
{
	visibility: hidden;
	margin-left: 40px;
}

#ModifImage h1
{
	color: red;
	font-size: 15px;
}

#ModifImage a
{
	text-decoration: none;
}

/*********************CSS CONTENU*********************/

#contenu
{
	width: 753px;
	min-height:645px;
	margin-top: -635px;
	margin-left: 242px;
	padding-left: 20px;
	padding-right: 20px;
	
}

h1
{
	margin-left: -20px;
	text-shadow: 0.1em 0.1em 0.05em black;
	color: #9ACB5E;	
}


/*********************CSS PIEDPAGE*********************/


#piedpage
{
	width: 1035px;
	height: 115px;
	background-image: url("../images/footerHerbe.png");
	background-position: center bottom;
	background-repeat: repeat-x;
	clear: both;
	padding-top: 20px;
	margin:auto;
}

.separator
{
	border-top:dotted 4px;
	border-color: #1D67AF;
	margin: auto;
	margin-bottom: 10px;
	width: 700px;
	
}

#footerMenu
{
	margin: auto;
	width: 1035px;
	padding-top: 10px;
	font-family: Arial,"Times New Roman",Georgia,Serif;
	font-weight:bold;
	font-size:15px;
	text-align: center;
}
#piedpage p{	font-size: 11px;	text-align: center;}
#footerMenu a:visited
{
	color: black;
}


#footerMenu a:link
{
	color: black;
	text-decoration: none;
	margin-left: 4px;
	margin-right: 4px;
}

#footerMenu a:hover
{
	color: #1D67AF;
}

/********************************************************/
/*														*/
/* 						CSS INDEX                       */
/*														*/
/********************************************************/

#contenuIndex
{
	width: 793px;
	min-height:645px;
	margin-top: -595px;
	margin-left: 242px;
}

h2
{
	margin:0;
	padding: 0;
	padding-bottom: 5px;
	color: #1A5C9C;
	font-size: 20px;
	/*float:left;*/
}

#filDeNouvelles
{
	width: 550px;
	padding-left: 20px;
	float:left;
	padding-right: 15px;
	margin-top: -40px;
}



.date
{
	/*font-weight: bold;*/
	font-style: italic;
	font-size: 13px;
	color:black;
	float: right;
	/*float:left;*/
}

.nouvelle
{
	color: #3a551b;
	/*color: #4f702b;*/
	font-weight: bold;
	font-size: 16px;
	text-align: justify;
	padding-bottom: 20px;
}

.liensNouvelles
{
color: #000;
font-weight: bold;
line-height: 10px;
}

.liensNouvelles a
{
color: #3A551B;
font-weight: normal;
}

#rightIndex
{
	background-color: none;
	width: 188px;
	min-height: 580px;
	float:left;
	padding: 10px;
	margin-top: -10px;
}

#liens
{
	margin:auto;
	width: 188px;
	text-align: center;
}

#calendar
{
	margin-top: 0px;
}

#capsuleSante
{
	background-image: url("../images/capsule_sante.png");
	width: 185px;
	height: 172px;
	margin: auto;
	margin-bottom: -20px;
}

#capsuleSante:hover
{
	border: solid #7BB937 2px;
	margin-bottom: -22px;
	margin-left: -1px;
	margin-top: -2px;
}

#ballejaune
{
	background-image: url("../images/logoBalleJaune.png");
	width: 185px;
	height: 47px;
	margin: auto;
	margin-top: 10px;
}

#sociaux
{
	width: 146px;
	height: 53px;
	margin-top: 15px;
}

#facebook
{
	background-image: url("../images/facebook.png");
	width: 53px;
	height: 53px;
	float: right;
margin-right: -4px;
}

#twitter
{
	/*background-image: url("../images/twitter.png");*/
	width: 53px;
	height: 53px;
	float:right;
}

#RSS
{
	background-image: url("../images/rss.png");
	width: 53px;
	height: 53px;
	float:right;
	margin-right:-30px;
	margin-left: 5px;	
}
#plusNouvellesButton
{
	width: 127px;
	float: right;
	margin-right: 170px;
}

#plusNouvellesButton a
{
	font-family: Arial,"Times New Roman",Georgia,Serif;
	font-weight:bold;
	font-size:15px;
	text-decoration: none;
	color: #1D67AF;
}

#plusNouvellesButton a:visited
{
	text-decoration: none;
}


#plusNouvellesButton a:link
{
	color: #1D67AF;
	text-decoration: none;
}

#plusNouvellesButton a:hover
{
	
	text-decoration: underline;
	color: #1D67AF;
}

/********************************************************/
/*														*/
/* 			    	CSS NOUVELLES                       */
/*														*/
/********************************************************/

#plusDeNouvelles
{
	width: 900px;
	min-height:645px;
	margin-top: 0px;
	padding-left: 70px;
	padding-right: -120px;
}

/********************************************************/
/*														*/
/* 			    	CSS INDEX ADMIN                     */
/*														*/
/********************************************************/

#UserBar
{
	width: 1036px;
	height: 25px;
	position: absolute;
	z-index: 5;
	margin-top: 220px;
	visibility: hidden;
}

#UserBar h1
{
	margin-left: 50px;
	margin-top: -90px;
	font-size: 23px;
	color: #D00401;
	text-shadow: 0.1em 0.1em 0.1m black;
	float: left;
}

#deconnexion
{
	float:right;
	margin-right: 35px;
	border: none;
	background-color: transparent;
	color: blue;
	text-decoration: underline;
	cursor: pointer;
	font-size: 20px;
	color: #D00401;
	font-weight: bold;
}

#ecrireNouvelle
{
	margin-top: 10px;
	margin-bottom: 10px;
}

#ouvrirNouvelle
{
	background-image: url("../images/plus.png");
	width: 24px;
	height: 24px;
	background-color: transparent;
	border:none;
	cursor: pointer;
	display: inline;
	float:left;
}

h3
{
	display: inline;
	vertical-align: middle;
	padding-left: 10px;

}

#ecritureNouvelle
{
	display: none;
	clear:both;
	border-style: solid;
	border-width: 1px;
	border-color: grey;	
	padding: 15px;
	margin-bottom: 10px;
}

.editNouvelle
{
	float:right;
}


.deleteButton
{
	background-image: url("../images/delete.png");
	width: 24px;
	height: 24px;
	background-color: transparent;
	cursor: pointer;
	float: left;
	border: none;
}

.deleteButton:hover
{
	margin-top: -1px;
}


.editButton
{
	background-image: url("../images/edit.png");
	width: 24px;
	height: 24px;
	background-color: transparent;
	cursor: pointer;
	float: left;
	border:none;
}

#editButton
{
	background-image: url("../images/edit.png");
	width: 24px;
	height: 24px;
	background-color: transparent;
	cursor: pointer;
	border: none; 
	display: inline;
	padding-top: 13px;
}

.editButton:hover
{
	margin-top: -2px;
}

#editButton:hover
{
	padding-top: 15px;
}


#titre
{
	margin-left: -20px;
	text-shadow: 0.1em 0.1em 0.05em black;
	color: #9ACB5E;
	font-size: 30px;
	font-weight: bold;
	margin-top:20px;
}

.editionNouvelle
{
	display: none;
	border-style: solid;
	border-width: 1px;
	border-color: grey;	
	margin-bottom: 10px;
	padding: 15px;
}


#editionContenu
{
	display: none;
}

#contenuRequete
{
	padding-right: 15px;
	padding-left: 10px;
	color: #3a551b;
}

/********************************************************/
/*														*/
/* 			    	CSS LOGIN	                        */
/*														*/
/********************************************************/

#administration
{
	margin: auto;
	position:relative;
	width: 650px;
	margin-top: 100px;
	text-align: left;
}

.loginText
{
	float:left;
	width: 250px;
	margin-bottom: 5px;
}

.loginField
{
	float: left;
	width: 150px;
	margin-bottom: 5px;
}

.buttonSubmit
{
	float:left;
	margin-left: 5px;
	margin-right: 5px;
}

.submit
{
	margin: auto;
	width: 164px;
	margin-top: 15px;
}

#vide
{
	height: 300px;
}

/********************************************************/
/*														*/
/* 			    	CSS Gestion d'images                */
/*														*/
/********************************************************/

.images
{
	z-index: 999;
	background: none;
	width: 300px;
	height: 300px;
	float:left;
	position: relative;
	border-style: solid;
	border-color: #81BD3F;
	border-width: 2px;
	margin: auto;
	text-align: center;
	padding: 3px;
	margin-bottom: 5px;
	margin-left: 3px;
	margin-right: 3px;
}

.img
{
	min-height: 230px;
}

.images form
{
	vertical-align: bottom;
}

.images input
{
	margin: auto;
}

#imageListe
{
	margin: auto;
	width: 950px;
	margin-top: 60px;
}