/* CSS Document */
html, body{ 
 margin:0; 
 padding:0; 
 background-color:#FCF7C2;
 text-align:center;
} 
 
img {   
 border: 0px;
}

#corps {   /* index contient le menu et les pages $incl */
 margin-left: auto; 
 margin-right: auto;  
 width: 90%;
 margin-top : 20px;
 background-color: #A00000 ; 
  min-height: 1000px;
 text-align: left;
 }



#page {   /* index accueille les page $incl */
 position: absolute;
 background-color:#fff;
 background-image:url(img/sel.jpg) ;
 margin-top: 20px; 
 margin-left: 200px;
 width:71%;
 height: 900px;
 padding: 20px;
 color: #A60000;
}

#page a { 
font-size: 14px;
color: #454545;
text-decoration:none;
}

#bordure_titre {   /* index  (titre)*/
 margin-left: auto; 
 margin-right: auto; 
 width: 90%;
 height: 40px;
 background-color:#000;
 font-size: 30px;
 font-weight: bold;
 color: #FF0000;
 padding-top: 15px;
 text-align: center;
}

#menu {  /* index : le menu */
 float: left;
 width: 220px;
 margin-top: 50px;
 min-height: 300px;
}


.ligne_menu {  /* menu */
 background-color:#000;
 height: 20px;
 width: 100%;
 text-align: left;
 margin-top: 5px;
 font-size: 18px;
 padding-left: 5px;
  }
.ligne_menu_centre {
 background-color:#000;
 height: 20px;
 width: 100%;
 text-align: center;
 margin-top: 5px;
 font-size: 18px; 
 padding-left: 5px;
  }
   
.sous_menu {  /* menu */
 background-color:#000;
 height: 20px;
 width: 90%;
 text-align: right;
 margin-top: 5px;
 margin-left: 1 px;
 margin-right: -15px;
 color: #ff0000;
 font-size: 16px;
  }
  
.ligne_menu a {
 	text-decoration:none;
  color: #ff0000;
  font-weight: bold;
 }
 
.ligne_menu_centre a {
 	text-decoration:none;
  color: #ff0000;
  font-weight: bold;
 }  
  
.sous_menu a {
	text-decoration:none;
  color: #ff0000;
  font-weight: bold;
 }
  


#adresse {  /* accueil reçoit l'adresse en haut */
text-align: center;
}



#adresse a:link {

  font-size: 18px;
  text-decoration: none ;}
    
}

#bloc1   /* accueil  espace des alertes */
{
  width:100%;
	padding:5px;
	text-align:left;
	color: #a60000;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	line-height:15px;
	padding: 7px;
}

#container_23 {
text-align: center;
width:100%;
}

#bloc2    /* accueil espace des annonces urgentes */
{
	float:left;
	width:40%;
  padding: 7px;
  overflow: auto;  
  height: 250px;
  margin-bottom:30px;
}

#bloc3    /* accueil espace des actualités */
{
	float:left;
  background-color:#f0f0f0;
	border-color:#a60000;
	border-style:solid; 
	border-width:1px;
	margin-left: 20px; /*250px;*/
  height: 250px;
  width: 45%;
  padding: 7px;
  overflow: auto;

}


#container45  /* accueil contient bloc4 et bloc5 */
{
width: 100%; 
text-align: center;
}

#bloc4 {  /* accueil espace des statistiques */
  float: left ;
  background-color:#f0f0f0; 
 /* padding-top: 15px;*/
  width: 42%;
  padding: 7px;
  height: 240px;
  margin-bottom:30px;
  margin-top: 10px;
}

#bloc4 li {
margin-left: -20px;
}

#bloc_inscr { /* inscriptions */
  overflow: auto;
  width: 50%; 
  float: left;
  height: 100%;
  margin-right: 20px;
  margin-top: 20px;
}



#bloc5{
  background-color:#f0f0f0;
	border-color:#a60000;
	border-style:dashed; 
	border-width:1px;
  overflow: auto;
  height: 240px;
  float: left;
   padding: 7px; 
	margin-left: 20px; /*250px;*/
	width:45%;
	margin-top: 10px;
}

#projet {  /* accueil espace des sondages */
  overflow:auto;
  background-color:#f0f0f0;
	border-color:#a60000;
	border-style:dashed; 
	border-width:1px;
	float:left;	
	width:40%;
	padding: 7px;
  height: 150px;
}

#sondage {
  overflow:auto;
	float:left;	
  margin-left: 20px;
	width:45%;
  background-color:#fff;
  height: 170px;	
}

 

h1 {
	font-size:18px;
	font-weight:bold;
	color: #a60000;
	border-color:#696969;
	border-style:dashed; 
	border-width:1px;
	text-align: center;

}
h2 {
	font-size:16px;
	font-weight:bold;
	color: #a60000;

}

.input {
 background-color:#eee;
 color: #A60000;
} 

.input300 {
 background-color:#eee;
 color: #A60000;
 width: 300px;
}
.input30 {
 background-color:#eee;
 color: #A60000;
 width: 30px;
}

.deroulant { /* administration */
height: 150px;
overflow: auto;
}
.deroulant2 {       /* administration + album  + annonces + archives + imprimes */
height: 450px;      /* + mes_clous + mes_inscriptions */
overflow: auto;
}
.deroulant3 {   /* ma_mediatheque + mediatheque + mes_annonces  + mes_annonces_urgentes */
overflow:auto;  /* mes_clous */
height: 300px; 
padding: 7px;
}
.deroulant4 {  /* administration */
overflow:auto;
height: 800px;
padding: 7px;
}
.deroulant5 {     /* mes_inscriptions */
overflow:auto;
height: 250px;
padding: 7px;
}
.deroulant6 {     /* agenda */
overflow:auto;
height: 630px;  
padding: 7px;
}



.grasitalic {
font-weight: bold;
font-style: italic;
}

.em1_2 {
font-size: 1.2em;
}

#container_annuaire{ /* fiche_adh contient photot_fiche, container_right*/
	width:100%;          /* + agenda */
	text-align:center;
	background-color:#eee;
}

#photo_fiche {  /* fiche_adh + agenda */
	background-color:#fff; 
	float:left;
	text-align:center;
	width:50%;
}

#container_right{  /* fiche_adh contient tel_fiche 2 fois !!!!!!!!!!!    */
	float:left;         /* + agenda */
	text-align:left;
	width:50%;
}

#tel_fiche{   /* fiche _adh */
height: 40px;
padding-top: 20px;
	background-color:#fff;
}

#container_deroulant{  /* administration contient déroulant_gauche + album contient deroulant_gauche_autre et deroulant_droite_2 */
	width:100%;          /* + annuaire + ma_mediatheque + mes_annonces + mes_annonces_urgentes */
}                     /* + mes_clous  + mes_infos  + site */
 
#deroulant_gauche{  /* administration espace du formulaire nl_adh + annuaire */
	float:left;        /* + mes clous + mes_infos + site  */
	width:50%;
}
 
#deroulant_droite{      /* mes_clous + site */
  padding-top: 20px;
  margin-left: 400px;
}

#deroulant_droite_2{  /* album espace album google*/
  margin-left: 450px;
}

#deroulant_droite_3{      /* annuaire + mes_clous + site */
  padding-top: 20px;
  margin-left: 400px;
}

#deroulant_gauche_autre{    /* mes annonces  + album espace album sur le site*/
  margin-top: -5px;        /* + ma_mediatheque + mes_annonces + mes_annonces_urgentes */
	float:left;
	width:45%;
}
#deroulant_droite_autre{  /* ma_mediatheque */
margin-top: -5px;
  margin-left: 500px; 
}

#container_coordonnees{ /* administration  contient bloc9 et bloc10 */
	width:100%;          /* + fiche_adh */
}

#coordonnees_gauche{  /* fiche_adh */
	float:left;
	text-align:center;
	width:50%;
}

#affich_clous{   /* fiche _adh */
  height: 150px;
  width: 220px;
  margin-left: 400px;
  margin-right: 180px;  
	border-color: #a60000;
	border-style: outset;
	border-width: 2px;
	padding-left: 15px;
	padding-top: 20px;
	padding-bottom: 5px;

	
}

.espace_perso{  /* fiche _adh */
  height: 200px;
  overflow:auto;
  padding: 7px;
  margin: 20px;
}

.texte_fiche {
font-size: 18px;
line-height: 30px;
}

.bordure {
	border-color: #a60000;
	border-style: outset;
	border-width: 2px;
	text-align: center;
	padding: 3px;
	background-color: #fff;
	
}

.bordure_stop { /* moderation */
	border-color: #a60000;
	border-style: outset;
	border-width: 5px;
	text-align: center;
	padding: 3px;
	background-color: #fff;
}


.bordure2 {
	border-color: #a60000;
	border-style: outset;
	border-width: 2px;
	padding: 3px;
}
.bordure a {
  text-decoration: none;
  color: #a60000;
  font-weight: bold;
  font-size: 14px;
}


.alerte {
  background-color	: #D58080 ; /* #a60000;*/
  background-image:url(img/alerte.gif);
  background-repeat:no-repeat;
  border-color: #a60000;
	border-style: outset;
	border-width: 2px;
	color: #600000;
	font-size: 16px;
	width: 100%;
	text-align: center;
	padding-top: 7px;
}


.photo {
	border-color: #a60000;
	border-style: outset;
	border-width: 1px;
}

.pseudo {
text-align: center;
font-size: 18px;
font-weight: bold;
color: #fff;
}

#filleul { /* mes_filleuls */

}

#filleul a { 
font-size: 22px;
color: #A60000;
 }
 
#container_catalogue { /* annonces contient bloc_catalogue_g, loc_catalogue_c et bloc_catalogue_d*/
width: 100%;            /* + mediatheque */
}
#bloc_catalogue_g {  /* annonces espace recherche par mot cle + mediatheque */
 float:left;
 width: 35%;
 padding: 7px;	
 text-align: center;
}
#bloc_catalogue_c {  /* annonces epace recherche par rubrique  + mediatheque */
 float:left;
 width: 25%;
 padding-left: 7px;
 padding-top: 7px;	
 text-align: center;
 margin-top: -10px;
}
#bloc_catalogue_d {  /* annonces espace lister  + mediatheque */
 float:left;
 width: 25%;
 padding-left: 25px;
 padding-top: 7px;	
 text-align: center;
}




#container_cat2 {   /* annonces */
width: 100%; 
}
#bloc_cat2_g {    /* annonces espace date pseudo */
 float:left;
 width: 35%;
 padding-left: 2px;	
 text-align: left;
 
}
#bloc_cat2_c {   /* annonces espace affiche l'annonce*/
 float:left;
 width: 55%;
 padding-left: 8px;	
 text-align: center;
 
}


.gris {
  background-color	: #efefef;
  width: 100%;
  padding: 3px;
  margin-top: 7px;
}

.petit { 
font-size: 0.8em;
}

.gris_petit {
  background-color	: #efefef;
  padding: 3px;
  margin-top: 7px;
 
}

.td_gris {
  background-color	: #efefef;
  padding: 3px;
  margin-top: 7px;
}


.cel {
line-height: 15px;
border-bottom: 1px dotted #a2a2a2; 
color: #A60000;
}
.cel2 {
background-color	: #f5f5f5;
line-height: 15px;
border-bottom: 1px dotted #a2a2a2; 
color: #A60000;
}
.cel3 {
background-color	: #a60000;
line-height: 15px;
border-bottom: 1px dotted #a2a2a2; 
color: #fff;
}


#bloc_9 {
 float:left;
 width: 35%;
 padding-left: 2px;	
 padding-right: 10px; 

}
#bloc_10
{

}



.paragr { /* site */
color: #015450;
}

.sel_echange {
float: left;
width: 50%;
margin: auto;
border-width: 1px;
margin: 20px;
}
.sel_principe {
float: left;

}


.sel_feuille {
float: left;
width: 200px;
margin: auto;
border-width: 1px;
margin: 20px;
}

.blanc { /* site */
width: 100%;
background-color: #fff;
padding: 20px;
margin: -20px;
height: 900px;
overflow: auto;
}
.blanc2 {  /* administration + album */ 
width: 100%;
background-color: #fff;
padding: 20px;
margin: -20px;
height: 1000px;
overflow: auto;
margin-left: -20px;
margin-top: -50px;
}



#blochaut {
width: 100%;

}

#container123 {
width: 100%;
}

#container245{
  width: 100%;

}

#forum {


}

#forum a {
 color: #A60000;
font-size: 18px; 
padding: 17px;
}





.deroulant_forum {  /* */
  height: 100px;
  overflow: auto;
  text-align:left;
	padding-left: 7px;
	float: left;
  width: 50%; 
	border-color:#000;
	border-style:solid; 
	border-width:1px;

}


.deroulant_forum a  {
  color: #fff;
}
  
 

.deroulant2_forum { /* forum */
  height: 250px;
  overflow: auto;
  text-align:left;
}

.forum_2 {
  background-color: #A60000 ;
  color: #fff;
  padding-left: 7px;
}


.bordureforum {
	border-color: #a60000;
	border-style: outset;
	border-width: 2px;
	padding: 3px;
	margin-top: -12px; 
	padding-left: 7px;
}

#forum_droite {  /* forum */
  margin-left: 100px;
  float: left;
  margin-top: 20px;
}

#forum_reponse {
float:left;
width: 60%;
margin-top:-20px;
}
#forum_aide {
float:left;
width: 40%;
}

#partir {
margin-top: 200px;
font-size: 2em;
text-align: center;
}

#site_gauche{  
	float:left;       
	width:50%;
}
 
#site_droite{      
float:left;
margin-left: 500px;
}

#girofle_accueil {
margin-top: -15px;
text-align: center;

}