@charset "utf-8";
/* CSS Document */

body
{
   padding: 0px;
   margin: 0px;
   width: 760px;
   margin: auto;
   background-color: #f0f0f0;
   margin-bottom: 20px;
   margin-top: 5px;   
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif, serif;
   font-size: 0.9em;
}

/* le disclaimer */
div#disclaimer{ text-align:left; }
div#disclaimer-fond{ position:absolute; z-index:1000; width:760px; height:2650px; background:white; filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; text-align:center; line-height:normal; clear:both; }
div#disclaimer-conteneur{ position:absolute; z-index:1001; width:760px; text-align:center; clear:both; }
div#disclaimer-cadre{ width:550px; margin-left:auto; margin-right:auto; text-align:center; margin-top:200px; padding:15px; font-size:12px; border:#ddd 1px solid; background:#f5f5f5; color:#555; }
div#disclaimer-cadre b{ font-size:14px; color:black; }
div#disclaimer-cadre a{ text-decoration:none; font-size:22px; font-weight:bold; color:#356aa0; }
div#disclaimer-cadre a:hover{ color:blue; }

em, strong
{
   font-style: normal;
   font-weight: normal;
}

#en_tete
{
   background-image:url("images-rencontre/en-tete-rencontre.jpg");
   background-color:#FFFFFF;
   height: 283px;
   background-repeat:no-repeat;
}

#texte_en_tete
{
   margin-left: 140px;
   font-weight: normal;   
}

#texte_en_tete h1
{
   font-size: 0.9em;
   font-weight: normal;   
   padding-top:5px;     
}

.header-adsence /* l'annonce adsence sur le header. */
{
   margin-left: 234px;   
   margin-top: 5px;
   float:left;    
}

#rechercher 
{
   color: #FFFFFF;
   margin-left: 525px;
   font-size: 0.95em;   
}

#rechercher fieldset, #rechercher2 fieldset
{
   width: 200px;   
}

#rechercher p, #rechercher2 p
{
   padding: 0px;
   margin: 0px;
}

#rechercher legend, #rechercher2 legend
{
   font-weight: bold;   
}

#rechercher select, #rechercher2 select
{
   font-size: 0.85em;
}

/* Le menu header*/

#bloc-menu-header
{
   margin: 0px  0px  0px  8px;
   padding: 0px;    
}

#bloc-menu-header ul
{
   list-style-type: none;
   list-style-position: inside;
   padding: 0px;
   margin: 0px;
}

#bloc-menu-header li
{
   float: left;
   width: 150px;
}

#bloc-menu-header a
{
   width: 150px;
   height: 54px;
   float: left;
   display: block;
   text-align: center;
   color: black;
   text-decoration: none;
}

/* Hover: Quand on pointe sur un lien du menu */
/* active: quand on clique sur le lien, focus: quand le visiteur selectionne le lien on met les meme parametres car les deux sont trés court */

#menu-header1 a {background:url("images-rencontre/m_1.jpg");}
#menu-header1 a:hover, a:active, a:focus {background:url("images-rencontre/m_1_hov.jpg"); color: #ffffff;}

#menu-header2 a {background:url("images-rencontre/m_2.jpg");}
#menu-header2 a:hover, a:active, a:focus {background:url("images-rencontre/m_2_hov.jpg"); color: #ffffff;}

#menu-header3 a {background:url("images-rencontre/m_3.jpg");}
#menu-header3 a:hover, a:active, a:focus {background:url("images-rencontre/m_3_hov.jpg"); color: #ffffff;}

#menu-header4 a {background:url("images-rencontre/m_4.jpg");}
#menu-header4 a:hover, a:active, a:focus {background:url("images-rencontre/m_4_hov.jpg"); color: #ffffff;}

#menu-header5 a {background:url("images-rencontre/m_5.jpg");}
#menu-header5 a:hover, a:active, a:focus {background:url("images-rencontre/m_5_hov.jpg"); color: #ffffff;}

/* Le menu */

#menu /* L'ensemble du menu */
{
   float: left;
   width: 168px;
   margin-left: 10px;
   margin-top: 15px;   
   background-color: #e0e0e0;
}

#menu  p/* L'ensemble du menu */
{
   text-align: center;
}

.bloc_menu /* Chaque bloc du menu */
{
   border: 2px solid #ffa500;
   margin-bottom: 20px;
}

/* Quelques effets sur les menus */

.bloc_menu h4 /* Les titres */
{   
   color: #B3B3B3;
   text-align: center;
}

.bloc_menu ul /* les listes à puces*/
{
   list-style-type: none;
   padding: 0px;
   padding-left: 15px;
   margin: 0px;
   margin-bottom: 5px;
   font-size: 0.85em;
}

.bloc_menu a, #pied_de_page a, #corps-interne a, #menu-lien a, #corps-annuaire a, .inscription a, .formulaire-inscription a, .form-inscription a
{
   color: black;
   text-decoration: none;
}

.bloc_menu a:visited, #pied_de_page a:visited, #corps-interne a:visited, #menu-lien a:visited, #corps-annuaire a:visited, .inscription a:visited, .formulaire-inscription a:visited, .form-inscription a:visited
{
   color: #00008b;
   text-decoration: none;
}

.bloc_menu a:hover, #pied_de_page a:hover, #corps-interne a:hover, #menu-lien a:hover, #corps-annuaire a:hover, .inscription a:hover, .formulaire-inscription a:hover, .form-inscription a:hover
 /* Hover: Quand on pointe sur un lien du menu */
{
   color: #ffffff;
   font-style: italic;
   text-decoration: underline;
   background:url("images-rencontre/menu_hov.jpg");
   background-repeat: repeat-x;
}

.bloc_menu a:active, a:focus, #pied_de_page a:focus, #corps-interne a:focus, #menu-lien a:focus, #corps-annuaire a:focus, .inscription a:focus, .formulaire-inscription a:focus, .form-inscription a:focus
 /* active: quand on clique sur le lien, focus: quand le visiteur selectionne le lien */
{
   color: #ffffff;
   font-style: italic;
   background:url("images-rencontre/menu_hov.jpg");
   background-repeat: repeat-x;
}

/* le corps de la page */

#corps
{
   margin-left: 185px;
   padding: 68px 13px 13px 13px;
   margin-bottom: 20px;   
   color: black;
}

.inscription
{
   text-align:center;
}

#corps table
{
   padding: 0px 0px 0px 0px; 
   margin: 0px 0px 0px 0px;
}

.tableau-annonces{	
	background-color:#ffffff;
	border: 1px solid #ffa500;	
	font-size: 0.87em;
	width:550px;
}

.tableau-annonces td{	
	padding:3px;
	text-align: justify;
}

.tableau-annonces img {	
	border-width:2px;	
	border-color:#ffa500;	
	margin-right:5px;
	width:55px;
    height:55px;
}

#image-membre img{	
	border-width:2px;	
	border-color:#ffa500;	
	margin-right:5px;
	width:100px;
    height:100px;
}

.tableau-annonces a, #fiche-detaille a{	
	color:#ff0000;	
	font-weight:bold;	
	text-decoration:none;
}

.tableau-annonces a:hover, #fiche-detaille a:hover{	
	color:#FF9900;	
	text-decoration:underline;	
}

.formulaire-inscription /* le script de formulaire d'inscription */
{
   margin: 10px 0px 10px 130px;
   width:400px;
}

.rotation-banniere /* le script de rotation de banniere */
{
   margin: 10px 0px 0px 55px;   
}

.adsence-grand-rectangle /* le script adsence sur la page rencontre */
{
   margin-left: 115px;   
}

/* Le pied de page*/

#pied_de_page
{
   text-align: center;
   color: #B3B3B3;
}

#pied_de_page p
{
   color: black;
   font-size: 0.8em;
}

#pied_de_page a:hover, #corps-interne a:hover, #pied_de_page a:focus, #corps-interne a:focus, #menu-lien a:hover, #menu-lien a:focus
{
   background-image: none;
   color:#E33F0F;
}

/* Mise en page de la page lien */

.menu-lien, .lien
{
   text-align: center;   
}

.permalien
{
   margin-left:70px;
   border-width:1px;
   border-color:#000000;
}

/* La page affiliation */

.affiliation
{
   text-align: center;
}

.affiliation h1
{
   text-align: center;
   font-size: 1em;
   font-style: normal;
   font-weight: normal;
   text-decoration: underline;
}

#corps h1 /* les titres h1 du corps */
{
   text-align: center;
   font-size: 1em;
   font-style: normal;
   font-weight: normal;
}

/* parametres de la page rencontre (fiche membre) */

#image-membre
{
   position: absolute;
   margin-top: 75px;
   margin-left: 300px;
}

#fiche-detaille
{
   border-collapse: collapse;
}

#fiche-detaille td
{
   padding: 7px;
}

/* l'annuaire */

.categorie_annuaire
{
  width: 500px;
  margin-left: 20px;  
}

.categorie_annuaire td
{
  width: 240px;
}

#corps-annuaire
{
   width: 550px;
   padding: 68px 0px 10px 9px;
   margin: 0px 9px 8px 187px; 
   text-indent: 20px;
   text-align: justify;
   overflow: visible;
}

#corps-annuaire h1, #corps-annuaire h2, #corps-annuaire h3 /* les titres h1, h2 et h3 */
{
   text-indent: 20px;
   text-decoration: underline;
   color: #B3B3B3;
   font-size: 0.9em;
   text-align: left; 
}

#corps-annuaire h4, #corps-annuaire h5, #corps-annuaire h6 /* les titres h2 et h3 */
{
   text-indent: 30px;
   text-decoration: underline;
   color: #B3B3B3;
   font-size: 0.9em;
   text-align: left; 
}

#corps-annuaire li /* Toutes les listes */
{
   text-indent: 20px;
   list-style-type: square;
   font-size: 0.85em;
   text-align: left;
}

#corps-annuaire em, #corps-annuaire strong
{
   font-style: normal;
   font-weight: normal;
}

.site_annuaire
{
  width: 510px;
  margin-left: 10px;
}

.site_annuaire img
{
  border: 1px solid #f08a9f;
}

.site_annuaire td
{
  width: 225px;
}

.site_annuaire a
{
  text-decoration: underline;
}

.pagination
{
  text-align: center; 
}

.pagination_en_cours
{
  color: #f08a9f;
  text-decoration: underline; 
}

.imageflottante
{
   float: left;
   margin-right: 20px;
   margin-bottom: 10px;
   border: 1px solid #f08a9f;
}

.paragraphe-article
{
   text-indent: 20px;
}

#google-468-60, #google-250-300
{   
   text-align: center;
}

/* Le CSS des formulaires des membres de l'annuaire*/

#membre
{
  text-align:center;
}

#membre input:focus, #membre textarea:focus
{
   background-color: #f4521e;
}
 
#membre label
{
   color: #314a84;
   text-align: center;
}
 
#membre legend /* les titres des fieldset */
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   color: #ffa500;
   font-weight: bold;
}
 
#membre fieldset
{
   margin-bottom: 15px;
}

.urgent, .alerte
{
  color: red;
}

.ok
{
  color: green;
  text-indent: 30px;
}