body
{
   background-color: rgb(213,237,179);
}
body p
{
	font-family: arial;
}
.logo
{
   position: absolute;
   top: 35px;
   height: 100px;
   left: 100px;
   width: 600px;
   background-image: url('images/logo_patro.png');
   background-repeat: no-repeat;
}
.en_tete
{
   position: absolute;
   top: 0px;
   right: 0px;
   left: 0px;
   height: 30px;
   background-image: url('images/barre_haut.jpg');
  
}
.en_tete table
{
  width: 100%;
  border-collapse: collapse;
}
.en_tete td
{
    width: 50%;
}
.en_tete p
{
   margin: auto;
}
/*<form method="post" action="index.php?page=connexion">
			    <input type="text" name="pseudo" value="pseudo"/>
				<input type="password" name="motDePasse" value="password"/>
				<input type="submit" value="Connexion"/>
             </form>*/
.en_tete_gauche
{
   margin: auto;
   text-align: left;
}
.en_tete_gauche a
{
   color: white;
   text-decoration: none;
   font-size: 12px;
   padding-left: 50px;
}
.en_tete_gauche a:hover
{
    background-color : white;
	color: black;
}
.en_tete_droit p
{
   text-align: right;
   color: white;
   font-size: 12px;
   padding-right: 50px;
}
.en_tete2
{ 
   position: absolute;
   top: 30px;
   right: 60px;
   width: 208px;
   height: 77px;
   background-image: url('images/en_tete.jpg');
}
.en_tete2 table
{
   width: 195px;
   padding-left: 5px;
}
.en_tete2 td
{
   width: 50%;
}
.en_tete2 input
{
   width: 92px;
   height: 15px;
   font-size: 12px;
}
.en_tete2 img
{
   height: 50px;
   float: left;
   border: none;
}
.en_tete2 p
{
   margin-left: 75px;
   margin-top: 15px;
}
.en_tete2 a
{
   color: rgb(50,50,50);
   font-size: 12px;
   text-decoration: none;
}
.en_tete2 a:hover
{
   color: black;
   background-color: white;
}

.menu
{
  float: left;
  margin-left: 10px;
  width: 150px;
  padding-top: 30px;
  /*background-color: rgb(45,45,45);
  /*background-color: rgb(255,121,33);*/
}
.sous_menu
{
   margin-bottom: 15px;
   margin-top:  1px;
   border-color: rgb(45,45,45);

}

.sous_menu a:active, a:focus
{
    background-color: white;

}
.sous_menu ul
{
    list-style-type: none;
}
.sous_menu table
{
   width: 100%;
   border-collapse: collapse;
}
/*.sous_menu th
{
  background-image: url('images/en_tete_corp.jpg');
  height: 32px;
}
.sous_menu tr
{
  color:white;
}
.sous_menu td
{
   border: 1px rgb(63,46,49) solid;
}*/
.corp
{
  position: absolute;
  right: 0px;
  left: 0px;
  top: 140px;
  margin-top: 20px;
  background-color: rgb(226,232,226);
  /*border: rgb(45,45,45) solid 2px;*/
/*  border-top: 3px solid rgb(40,56,80);*/
}
.en_tete_corp
{
   position: relative;
   width: 100%;
   height: 30px;
   top: -11px;
   margin-bottom: 0px;
}
.en_tete_corp 
{
   height:70px;
   margin-top: 0px;
   background-image: url('images/menu.png');
   text-align: center;
 }
 
.en_tete_corp a 
{
   color: white;
   text-decoration: none;
}
.en_tete_corp a:hover
{
  background-color: white;
  color: black;
}
.en_tete_corp2
{
  width: 900px;
  height: 32px;
  margin: auto;
  padding-top: 10px;
}
.ss_en_tete_corp
{
   float: left;
   margin: auto;
   width: 110px;
}

.ss_en_tete_corp a
{
  color: rgb(74,164,23);
  font-size: 16px;
  font-family: Kristen ITC;
}

#ss_menu
{
  background-color: rgb(226,232,226);
  margin-top: 0px;
  height: 40px;
}

#ss_menu a
{
    color: rgb(74,164,23);
  font-size: 16px;
  font-family: Kristen ITC;
}
.sous_corp
{
  border: 3px rgb(158,160,161) solid;
  margin-left: 0px;
  padding-left: 15px;
  padding-right:10px;
  font-family: calibri;
  
  margin-left: 30px;
  margin-right: 30px;
  padding-bottom: 15px;
  /*top: -10px;*/
  background-color: white;
  /*background-color: rgb(226,232,226);*/
 
}
.sous_corp h3
{
  color: rgb(45,45,45);
  text-decoration:no-decoration;
  text-align:center;
  font-size: 25px;
}
.sous_corp p
{
   color: rgb(45,45,45);
  font-family: Calibri
}
.sous_corp td
{
  color: white;
}
.sous_corp a
{
  color: rgb(177,140,29);
  text-decoration:none;
}
.sous_corp a:hover
{
   color: navy;
   
   
}
.sous_corp .erreur
{
  width: 50%;
  margin: auto;
  border:solid 1px black;
  color: red;
  background-image: url("images/erreur.jpg"); 
  background-repeat: no-repeat;
  padding-left: 30px;
   background-color: white;
}
.sous_corp .erreur p
{
 margin-top: -10px;
 color: red;
}
.sous_corp .erreur h4
{
}
.sous_corp .information
{
  width: 50%;
  margin: auto;
  border:solid 1px black;
  color: rgb(0,128,0);
  background-image: url("images/information.jpg"); 
  background-repeat: no-repeat;
  padding-left: 30px;
  background-color: white;
}
.sous_corp .information p
{
  margin-top: -10px;
   color: rgb(0,128,0);   
}
.sous_corp legend /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   color: grey;
   font-weight: bold;
}
.sous_corp fieldset
{
  margin: 15px;
}
.sous_corp img
{
  border: none;
  margin: 5px;
}
.limite
{
  height: 50px;
  background-color: rgb(213,237,119);
  margin-top: 25px;
  background-image: url('images/test2.png');
  clear: both;
}
.footer
{
  background-color: rgb(213,237,179);
  padding-left: 10px;
  padding-top: 0px;
  padding-right:10px;
  font-family: calibri;
  padding-bottom: 5px;
  border: 1px solid rgb(213,237,179);
}
.footer p
{
 font-size: 15px;
 color: rgb(45,45,45);
 margin-bottom: 20px;
 text-align: center;
}
.gestion_news table
{
 margin-top: 15px;
 margin-bottom: 15px;
 width:100%;
 border: black solid 1px;
}
.gestion_news th
{
 background-color: black;
 color: white;
}
.gestion_news td
{
  background-color: rgb(204,204,204);
  text-align: center;
}
.gauche
{
   margin-top: 0px;
   width: 50%;
   height: 530px;
   float: left;
   margin-bottom: 30px;
   margin-right: 10px;
  
}
#accueil
{
 border: 1px solid white;
}
.liste_carre
{
	
}
.ss_liste_carre
{
 clear: both;
}
.carre
{
	float: left;
	background-color: red;
	width: 100px;
	height: 100px;
	margin-right: 5px;
	text-align: center;
	background-color: rgb(214,222,235);
}
.carre img
{
	height: 55px;
	
}
.carre p
{
	font-size: 10px;
	margin-top: 0px;
	
}
#sous_gauche_droite
{
	height: 10px;
	width: 100%;
	clear: both;
}

.forum th
{
	background-image: url(design/en_tete_corp.jpg);
	color: white;
}

.forum a
{
   color: blue;
}
.forum table
{
	border :rgb(45,45,45) 1px solid;
	width: 90%;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border-collapse: collapse;
	
}
.forum td
{
		border :rgb(45,45,45) 1px solid;
		padding-left:5px;
		padding-right: 5px;
		color: rgb(45,45,45);
		
}
.forum  img
{
   /*float: left;*/
   border: none;
}
.forum a
{ 
  color: navy;
  text-decoration: none;
  font-size: 16px;
}
.forum p
{
  font-size: 15px;
  color: rgb(45,45,45);
}
.forum legend
{
  color: rgb(45,45,45);
}
.forum option
{
  background-color: rgb(236,236,236);
  color: rgb(150,150,150);
  border-bottom: 1px dashed rgb(150,150,150);
  }
.forum textarea
  {
   font-family: calibri;
	font-size: 14px;
	color: rgb(130,130,130);
 }
 .forum select
 {
   font-family: calibri;
	font-size: 14px;
	color: rgb(45,45,45);
 }
 .forum input
 {
 font-family: calibri;
	font-size: 14px;
	color: rgb(130,130,130);
 }
 .forum label
 {
   color: rgb(45,45,45);
 }
 
 .dernier_sujet p
 {
    font-size: 12px;
 }
 .petit
 { 
   font-size: 10px;
 }
 .moyen
 {
   font-size: 15px;
 }
 .grand
 { 
    font-size: 20px;
 }
 .tres_grand
 {
    font-size: 25px;
 }
 #previewDiv
 {
   background-color: white;
   padding: 5px;
 }
 .bouton
 {
    width: 95%;
    margin: auto;
    margin: 5px;
	padding: 10px;
	border-bottom: 1px solid grey;
	border-top: 1px solid grey;
 }
 
 .ligne
 {
    margin-top: 10px;
    margin-left: 10px;
	margin-right: 10px;
 }
 .droite 
 {
	height: 200px;
	margin-left: 50%;
		
 }
 .calendrier
 {
  
  color: rgb(45,45,45);


}
.calendrier table
{
  width: 90%;
  border-collapse: collapse;
  margin: auto;
}
.calendrier th
{
 background-image: url('design/en_tete_cal.jpg');
 background-color: rgb(189, 208, 186);
 color: white;
}
.calendrier td 
{
  border: 1px solid rgb(128,128,128);
 background-color: rgb(227,223,210);
  color: rgb(45,45,45);
  text-align: center;
}
.calendrier td :hover
{
  background-color: rgb(128,128,128);
  color: black;
}
.lienCalendrier /* Les cellules normales */
{
   empty-cells: show; /* Révèle les cellules vides */
}

.lienCalendrierJour {
	/* La cellule du jour actuel dans le calendrier */
	background-color: rgb(86, 139, 239);
}
.calendrier td a
{
  background-color: rgb(128,128,128);
  color: black;
}
.agenda
{
   padding-top: 10px;
   margin-right: 5px;
   margin-left: 1px;
   margin-bottom: 50px;
   height: 200px;
}
.agenda table
{
   width: 100%;
}
.agenda td
{
  width: 50%;
}
.der_commentaire
{
   margin: auto;
  margin-top: 25px;
  background-color: rgb(248,254,205);
  padding-bottom: 25px;
  border-right: 1px solid rgb(150,150,150);
  

}
.der_commentaire table
{
  padding-top: 0px;
  border-collapse: collapse;
  margin: auto;
  width: 90%;
}

.der_commentaire th
{
   margin: auto;
   color: white;
   text-align: center;
   background-image: url('design/en_tete_cal.jpg');
   background-repeat: repeat-x;
}
.der_commentaire a
{
  color: rgb(45,45,45);
}
.der_commentaire tr
{
}
.der_commentaire td
{
  
   border: 1px solid rgb(200,200,200);
   background-color: rgb(227,223,210);
   color: rgb(45,45,45);
}
.der_forum
{
 background-color: rgb(248,254,205);
 padding-bottom: 20px;
 border-right: 1px solid rgb(150,150,150);
 border-bottom: 1px solid rgb(150,150,150);
}
.der_forum table
{
  width: 90%;
  margin: auto;
  padding-top: 0px;
  border-collapse: collapse;
}

.der_forum th
{
  /* margin: auto;*/
   color: white;
   text-align: center;
   background-image: url('design/en_tete_cal.jpg');
   background-repeat: repeat-x;
}
.der_forum a
{
  color: rgb(45,45,45);
}
.der_forum tr
{
}
.der_forum td
{
  
   border: 1px solid rgb(200,200,200);
   background-color: rgb(227,223,210);
  color: rgb(45,45,45);
}
.der_forum tbody
{
  border: black solid 1px;
}
.photo table
{
    margin: auto;
}

.photo td
{
   width: 70px;
   font-size: 10px;
}
.photo  img
{
   width: 100%;
}
.galerie td
{
   color: rgb(45,45,45);
}
.galerie img
{
  margin: 0px;
}
.voir_photo
{
   width: 100%;
   text-align: center;
}
.voir_photo img
{

   border: 2px rgb(128,128,128) solid;
}
.Gcalendrier table
{
  width: 100%;
}
.Gcalendrier td
{
  width: 13%;
  height: 50px;
  border: 1px solid rgb(128,128,128);
  background-image:url(design/cal.jpg);
  text-align: center;
  color: black;
}
.Gcalendrier td:hover
{
   background-image:url(design/cal2.jpg);
}
.inscription label
{
   color: rgb(45,45,45);
}
.inscription input
{
   color: rgb(100,100,100);
   
}
.commentaire
{
	clear: both;
	margin-top: 150px;
	width: 500px;
}
.commentaire table
{
	width: 450px;
   border-collapse: collapse;
   background-color: rgb(247,247,247);
    border-bottom: 4px solid white;
}
.commentaire img
{
   width: 30px;
   border: none;
   margin-top: 15px;
}
.commentaire td
{
	font-size: 12px;
	padding-left: 10px;
	text-align: left;
	
	
}
.commentaire textarea
{
	width: 350px;
	margin-top: 5px;
	color: rgb(125,125,125);

}
.nom_commentaire
{
	color: blue;
	font-size: 14px;
	font-weight: bold;
}
#tag
{
	width: 450px;
	text-align: center;
}
#sous_tag
{
	width: 450px;
	height: 100px;
	overflow: auto;
	text-align: left;
}
#sous_tag p
{
	display: inline;
}
#sous_tag img
{
	width: 30px;
   border: none;
   margin-top: 15px;
}
#liste_personne_tagguees
{
	width: 550px;
	margin: auto;
	
	
}
.personne_taggue
{
	float: left;
	background-color: rgb(214,222,235);
	margin-top:0px;
	border: 4px solid white;
	width: 100px;
	font-size: 10px;
	padding-top: 5px;
	text-align: center;
}
.personne_taggue img
{
	width: 50px;
	border: none;
}
.membre_non_taggue
{
	background-color: rgb(214,222,235);
    border-bottom: 4px solid white;
}



.voir_photo 
{
   width: 100%;
}
.voir_photo td
{
   width: 10px;
}
.prec_suiv img
{
  height: 30px;
  width: 30px;
  border: none;
  margin-right: 5px;
}
.info_compte
{
   width: 100%;
}
.info_compte th
{
   color: white;
   background-image: url('design/en_tete_corp.jpg');
}
.info_compte a
{
   color: navy;
}
.info_compte img
{
   width: 100px;
}
.info_compte table
{
   width: 100%;
   border: rgb(45,45,45) 3px solid;
   border-collapse: collapse;
}
.info_compte td
{
   border: rgb(45,45,45) 3px solid;
   color: rgb(50,50,50);
}
#enSavoirPlusPatro
{
  display: inline;
  float:left;
  background-color: rgb(230,230,230);
}
#enSavoirPlusPatro p
{
  border: 1px solid black;
  color: rgb(100,100,100);
  margin: 0px;
  padding: 5px;
}
.connexion  td
{
  color: rgb(45,45,45);
}
.libelle_champ
{
   width: 200px;
   float: left;
   text-align: right;
}
.libelle_champ label
{
    margin-right: 10px;
}
.champ_formulaire
{
  width: 200px;

  text-align: left;
  padding-left: 10px;
}
.erreur_pseudo
{
   display: inline;
}
.pub
{
	width: 728px;
	margin: auto;
	margin-top: 30px;
}

.noscript
{
   width: 600px;
   border: solid 1px black;
   margin: auto;
   text-align: center;
   margin-bottom: 300px;
}
#destinataire
{
	height: 100px;
	width: 250px;
	overflow: auto;
	
}
#tous
{
	border-bottom: 1px solid black;
}
ul
{
	list-style-type: none;

}
.intranet td
{
	border: none;
	text-align: left;
}
.intranet table
{
}
.petite_date
{
	font-size: 10px;
	margin-left: 5px;
}
.dossier_photo
{
	width: 128px;
	height: 70px;
	text-align: center;
	background-image: url(images/icone_dossier.png);
	background-repeat: no-repeat;
	padding-top: 100px;
}
#liste_photo 
{
	width: 100%;	
	text-align: center;
}
.sous_liste_photo img
{
	height: 70px;
}
.sous_liste_photo
{

	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: rgb(214,222,235);
	border: 2px solid white;
	width: 130px;
}
.sous_liste_photo p
{
	font-size: 10px;
	margin-top: 0px;
}
#retour
{
	margin-left: 50px;
	background-image:url(images/fleche_retour.png);
	background-repeat: no-repeat;
	background-position: top left;
	height: 70px;
	padding-top: 0px;
	clear: both;

}
#retour p
{
	margin-left: 40px;
	font-size: 24px;
}

h4, h3
{
	color: rgb(100,100,100);
	font-size: 20px;
	border-bottom: 1px solid rgb(100,100,100);
	margin-right: 10px;
	text-align: left;
	text-decoration: none;
}
h3
{
	font-size: 22px;
}
#news 
{
	width: 100%;
}
#news table
{
	width: 100%;
	border-collapse: collapse;
}
#news td
{
	font-family: arial;
	color: rgb(100,100,100);
	border-top: 1px dashed rgb(150,150,150);
	padding-left: 5px;
	padding-right: 5px;
}
#news img
{
	width: 50px;
}
#photo_news
{
	width: 130px
}
#date_creation_news
 {
	width: 100px;
	font-size: 12px;
 }