/* CSS Document */
body{ margin:0px; font-family:tahoma, Myriad, Georgia, "Times New Roman", Times, serif; font-size:0.9em; color:#666666; border-top:33px solid #70BDE5;}
a{color:#70BDE5;}
#logo {position:absolute; top: -30px; left: 0;}
#beta {position:absolute; top: -33px; left: 200px;}
#conteneur{ width:1000px; margin:0 auto;  padding:10px;  position:relative; }
h1 img{margin-top:10px; }
h2, strong{color:#333333;}
#recherche strong{color:inherit;}

/*--------------------------------------------------------------------------------------*/
/*                															 inscription*/
#inscription {background:#70BDE5; width:100px;padding:5px; text-align:center; position:absolute; top:160px; left:210px; }
#inscription a{color:#FFFFFF; text-decoration:none; font-weight:bold;}
#inscription:hover{background:#FBBE0E; }


/*--------------------------------------------------------------------------------------*/
/*                                                                            connexion */

#connexion{text-align:right;position:absolute; width:700px; font-size:0.7em;padding:10px; color:#FFFFFF;  top:-33px; right:0px;  z-index:2}
#connexion p{display:inline; margin-right:10px;}
#connexion label {width:90px; text-align:right; margin-right:5px; font-weight:bold;}
#connexion input{margin-top:-5px; }
#connexion #validation-connexion, #connexion #mot-passe-oublier{ }
#connexion #mot-passe-oublier{ margin-top:-10px; }
#connexion #validation-connexion input {background:#FBBE0E; border:none; color:#FFFFFF; cursor:pointer; border:2px outset #FBBE0E;}
#connexion #validation-connexion input:hover{border:2px inset #FBBE0E;}
#connexion a{color:#FFFFFF;}

/*--------------------------------------------------------------------------------------*/
/*                                                             description-MyWorldEvent */
#description-MyWorldEvent{width:480px; position:absolute; top:70px; right:0px;}
#description-MyWorldEvent h2 {font-size:1.1em; }

/*--------------------------------------------------------------------------------------*/
/*                															   recherche*/
#recherche-accueil{width:360px; background:#F1F1F1; padding:0px; height:45px; padding-bottom:5px; position:relative; top:0px; margin-left:520px; }
#recherche-accueil #champ-recherche-accueil{margin:auto;  float:left; margin:15px 0px 0px 10px;}
#recherche-accueil #bouton-rechercher-accueil{padding-top:15px;}
#recherche-accueil #bouton-rechercher-accueil input{background:#70BDE5; color:#FFF; border:2px solid #70BDE5;  cursor:pointer; font-weight: bold;}
#recherche-accueil #bouton-rechercher-accueil input:hover{background:#FBBE0E; border:2px solid #FBBE0E;}
#recherche-accueil #visite-guider{position:relative;  top:-42px; margin-left:360px; width:92px; height:20px; font-size:0.9em; background:url(../images/index/visiteGuider.jpg) no-repeat; padding:8px; }
#recherche-accueil #visite-guider a{color:#FFFFFF; text-decoration:none; font-weight: bold;}
#recherche-accueil #visite-guider:hover{background:url(../images/index/visiteGuider2.jpg) no-repeat; padding:8px;}
/*--------------------------------------------------------------------------------------*/
/*                												  fonctionnalite-du-site*/
#fonctionnalite-du-site{margin:60px 0px; margin-left:0px; padding:0;}
#fonctionnalite-du-site li{width:225px;  font-size:0.9em; padding:0 8px; border-right:1px solid #FBBE0E; float:left; margin-right:4px; list-style:none;  }
#fonctionnalite-du-site li p{text-align: left;}
#fonctionnalite-du-site li h2{font-size:1.1em; margin-left:13px;}
#fonctionnalite-du-site li .premiere-lettre{color:#FBBE0E; display:block; float:left; font-size:2em;
margin:-9px 0 0 5px;}
#fonctionnalite-du-site #partager-experiences, #fonctionnalite-du-site #messagerie{margin-left:8px;}

#fonctionnalite-du-site #consulter-evenements .premiere-lettre{margin-left:-20px;}
#fonctionnalite-du-site #joindre-groupe .premiere-lettre{margin-left:-14px;}
#fonctionnalite-du-site #messagerie .premiere-lettre{margin-left:-22px;}
#fonctionnalite-du-site #partager-experiences .premiere-lettre{margin-left:-18px;}


#fonctionnalite-du-site li img{float:left; margin-right:10px;}
#fonctionnalite-du-site #partager-experiences{border:none; margin-bottom:100px;}

/*--------------------------------------------------------------------------------------*/
/*                												               recherche*/

#recherche {width: 500px; margin:0 auto; padding: 0 auto;}
#recherche ul{list-style-type: none; text-align: justify; margin-top: 20px; margin-bottom: 20px;}
#recherche h2 {border-bottom:1px solid black; font-size: 16px; margin-left: 40px}
#backorfor {position:relative; width:280;margin-bottom: 60px;}
#suivante a:link, #suivante a:visited{position:absolute; right: 0; color:#57C3FF}
#precedante a:link, #precedante a:visited{color:#57C3FF}

#z_form_compte {width: 385px; margin-left: 200px; }
#z_form_compte tr {height: 25px;}
#z_form_compte h4 {border-bottom: 1px solid black; font-size:16px;}
#complement {position:absolute; left: 625px; top: 90px; font-weight:bold;}
#complement tr {height: 25px;}

/*--------------------------------------------------------------------------------------*/
/*                												               pied-page*/
#pied-page{clear:both; text-align:center; font-size:0.8em; margin-top: 30px;}
#pied-page li{display:inline; list-style:none; }
#vert {color:#00CC33;}
#confirm {position:absolute; left: 320px; top:0;text-align:center; color:red;}
#oublie_forget {width: 300px; padding:0 auto; margin: 0 auto; height: 200px;margin-top: 30px;}
#oublie_forget label {float:left; margin-right: 5px;}
#pwd_forget {width: 198px;}
#submit_forget {margin-left: 55px;width: 200px; background: #57C3FF; margin-top: 5px;}
#ok_insc {position:absolute; top:30px; left:400px;  color:#00CC00; text-align:center; width:600px;}
#non_insc {position:absolute; top:30px; left:400px;  color:red; text-align:center; width:600px;}
#text_pages p {font-size:11px;}
#text_pages ol {font-size:11px;}
#text_pages ul {font-size:11px;}
#r_event_nc {width: 300px; margin:0 auto; padding:0 auto;}
#langue {position:absolute; top: -33px; left:10px; font-size:10px;}
#langue a:link, #langue a:visited {color:white; vertical-align:text-top;}


/*--------------------------------------------------------------------------------------*/
/*                															   recherche nonconnecter*/
#recherche-nc{width:360px; background:#F1F1F1; padding:0 auto; margin: 0 auto; height:45px; padding-bottom:5px; position:relative; top:0px; }
#recherche-nc #champ-recherche-accueil{margin:auto;  float:left; margin:15px 0px 0px 25px;}
#recherche-nc #bouton-rechercher-accueil{padding-top:15px;}
#recherche-nc #bouton-rechercher-accueil input{background:#70BDE5; color:#FFF; border:2px solid #70BDE5;  cursor:pointer; font-weight: bold;}
#recherche-nc #bouton-rechercher-accueil input:hover{background:#FBBE0E; border:2px solid #FBBE0E;}

/*--------------------------------------------------------------------------------------*/
/*                															   form-joindre-webmestre*/
#information-joindre-webmestre{margin:20px 0 250px 160px; text-align:right; width:320px;}


/*--------------------------------------------------------------------------------------*/
/*                														    	   fiche-visite-guidee*/
#fiche-visite-guidee li{ list-style:none;}
#fiche-visite-guidee li h3 img{ position:relative; top:30px; }
#fiche-visite-guidee li h3 .premiere-lettre{color:#FBBE0E; font-size:2em;}
#fiche-visite-guidee li .img{text-align:center;}
#fiche-visite-guidee li .img img{text-align:center; margin:30px; border:1px solid #CCCCCC;}
#fiche-visite-guidee li .explication{ margin-left:80px;}