/********PRINCIPAUX********/
body{
  width: 956px;
  margin: auto;
  font-family: Helvetica, Helvetica Neue, Arial sans-serif;
  background: url("../images/fond_site.jpg") no-repeat top center;
}

#tete{
  width: 956px;
  height: 204px;
  background-repeat: no-repeat;
  background-position: top center;
}

#menu{
  width: 952px;
  height: 30px;
  text-align: center;
  border-left: 2px solid #616fae;
  border-right: 2px solid #616fae;
}


#contenu{
  border-left: 2px solid #616fae;
  border-right: 2px solid #616fae;
  background-color: white;
  min-height: 550px;
}

#partie_gauche{
  float: left;
  width: 160px;
  margin-top: 10px;
  min-height: 530px;
  background-color: white;
}

#partie_milieu{
  width: 774px;
  padding: 7px;
  min-height: 550px;
  margin-left: 160px;
  border-left: 2px solid #e1e1e1;
  background-color: white;
}

#partie_news{
  background-color: white;
}

.gHaut{
  background-image: url("../images/barre_bleu.png");
  background-repeat: repeat-x;
  background-position: top;
  border-bottom: 2px solid #e1e1e1;
  padding-bottom: 5px;
}

/***************************/

/********SECONDAIRE*********/
a{
  text-decoration: underline;
  color: black;
}

p{
  text-align: justify;
  padding: 10px;
  font-size: 15px;
}

h1{
}

h2{
  text-align: center;
  font-weight: normal;
  font-size: 18px;
}

h3{
  text-align: center;
  font-weight: normal;
}

h4{
  text-decoration: underline;
  font-weight: normal;
  font-size: 17px;
}

h5{
  font-weight: normal;
  text-align: center;
  font-size: 15px;
}

h6{
  font-weight: normal;
  font-size: 15px;
  margin : 0;
}

table{
  font-size: 15px;
  border-collapse: collapse;
}

th{
  text-align: center;
}

/***************************/

/**********AUTRES***********/

#tabProfil{
  width: 300px;
  margin: auto;
  border: 2px outset gray;
  border-collapse: collapse;
  text-align: center;
}

#tabProfil td{
  border: 2px outset gray;
}

#msgErreur,.msgErreur{
  color: red; 
}

.verifPseudo{
  width: 20px;
}

.supprPhoto{
  width: 200px;
}

.tabNews{
  width: 750px;
}

#tete img{
  width: 100%;
  height: 100%;
}

.identification{
  background-color: transparent;
	text-align : center;
}

.titrePartie{
  text-align: left;
  background-color: transparent;
  padding: 3px;
  color: #F10000;
  font-size: 15px;
  margin: 0px;
  height: 16px;
}

a img{
  border: none;
}

.photoActivite{
  width: 500px;
  display: block;  /* Centrer l'image */
  margin: 0 auto;
}

#tabActivite{
  width: 100%;
  margin: auto;
  text-align: center;
}

#tabActivite td{
  padding-top: 30px;
}

#tabActivite img{
  width: 175px;
  padding-top: 15px;
}

#tabMembre, #tabPartenaire{
  width: 100%;
  margin: auto;
  text-align: center; 
}

#tabMembre img, #tabPartenaire img{
  width: 150px;
  padding-top: 15px;  
}

#tabMembre td, #tabPartenaire td{
  padding-bottom: 20px;
  width: 50%;
  border: 2px solid #e1e1e1;
}

.sinscrire{
  color: red;
  font-size: 14px;
  padding-left: 10px;
}

.pseudo, .pseudo a{
  color: #39527b;
  font-size: 15px;
}

.bienvenue{
  color: #0113B7;
  font-size: 22px;
  text-align: center;
  width: 765px;
}
.presentation{
	color: #03801C;
  text-align: center;
  font-weight: 17px;
  width: 765px;
}
.titrePresentation{
	color: #03801C;
 	text-decoration: underline;
  font-size: 19px;
}

.sousBienvenue{
  color: #0113B7;
  font-size: 17px;
  text-align: center;
  width: 765px;
}

.avatar{
  width: 60px;
  height: 60px;
}

.news{
  color: black;
  font-size: 18px;
  text-align: left;
  width: 750px;
}

.tabReservation{
  width: 100%;
  margin: auto;
  border: 2px outset gray;
  border-collapse: collapse;
  text-align: center;
}

.tabReservation td, .tabReservation th{
  border: 2px outset gray;
  font-size: 12px;
}

.thReservationDescription{
  width: 25%;
}

.thPlaceReservationDescription{
  width: 15px;
}

div#carousel{
 background-color: rgb(219,219,219);
}

div#carousel li{
 padding: 4px 4px 0px;
 margin: 9px;
 background-color: white;
 border: black 1px solid ;
}

#prochaineSortie, #prochaineSortie td{
 border: 1px solid black;
 border-collapse: collapse;
 font-size: 10px;
 text-align: center;
}

#prochaineSortieTop{
 background-color: rgb(51,204,0);
 font-weight:bold;
}

#prochaineSortie a{
 text-decoration: none;
}

/******* PHOTOS SORTIE ***************/
#albumPhoto{
	border: 1px solid black;
	border-collapse: collapse;
	text-align: center;
	font-size: 9pt;
	width: 100%;
}

#albumPhoto td{
  border: 1px solid black;
  padding-top: 10px; 
}

#albumPhoto img{
  padding: 5px;
  width: 160px;
  height: 160px;
}

.photo_sortie{
  width: 160px;
  height: 160px;
  margin: 16px;
}

/********** VIDEOS ***********/
.videocontainer{
	display: none;
}

a.videolink img{
	border: 4px solid #d9d9cb;
	width: 200px;
	margin: 10px 20px;
}

a.videolink{
  text-decoration: none;
}
/***************************/

/********** MENU ***********/

/* Premier niveau */
#dropline {padding:0; margin:0; list-style:none; position:relative; width:956px; float:left;}
#dropline li{float:left;}
#dropline li a {display:block; height:30px; line-height:30px; width:119px; color:#2AFE31; text-decoration:none; font-size:14px; background:url(../images/menu_repos.png); text-align:center; font-weight:bold; white-space:nowrap;}
#dropline li a:hover {background:url(../images/menu_actif.png); cursor:pointer;}
#dropline li.current a {background:url(../images/menu_actif.png); color:#F10000;}

/* Deuxième niveau */
#dropline ul {padding:0; list-style:none; width:119px; position:absolute; display:none; top:30px; float: none;}
#dropline li:hover ul {display: block;}
#dropline ul li a, #dropline li.current ul a {height:22px; line-height:22px; color:#2AFE31; font-size:11px; background:url(../images/menu_repos.png);}
#dropline ul li a:hover, #dropline li.current ul a:hover {color:#F10000; background:url(../images/menu_repos.png);}

/**********************************/