/*////////////////
 ///// Règles /////
////////////////*/

/* Convention de nommage : camelCase + conteneurTypeLibellé */
/* Hiérarchisation :
   1. Le positionnement => display – visibility – position – top/right/bottom/left – z-index – float – clear
   2. Les marges et bordures => margin – padding – border
   3. Les dimensions => width – height – min-width/max-width – min-height/max-height
   4. Les propriétés de texte => font – line-height – text-align – text-indent – text-decoration – text-transform – letter-spacing – word-spacing – color
   5. L'arrière-plan => background */


  /*//////////////////
 ///// Couleurs /////
//////////////////*/

/* Couleur Rouge bordeaux: #a62200 */
/* Couleur Rouge bordeaux pour rebourItem: #a52200 */
/* Couleur jaune: #fea31a*/
/* Couleur date bloc chronokifeurs: #7f4b00*/
/* Couleur gris texte chrono10: #7a7a7a*/




@import url(pngfix.css);
@import url(tabs.css);
@import url(imgs.css);
@import url(typos.css);
@import url(forms.css);
@import url(titres.css);
@import url(boutons.css);
/*@import url(erreurs.css);*/
@import url(nouvChronokif.css);
@import url(gaucheConnecte.css);
@import url(membre-detail.css);
/*@import url(inscription.css);*/
@import url(inscriptionValidee.css);


/*Classes globales*/

HTML {
	height:100%;
	margin:0;
	padding:0;
}

BODY {
	height:100%;
	margin:0;
	padding:0;
	background-image:url(../../img/front/fond.gif);
	background-position:top center;
	background-repeat:repeat;
	font-family:"Trebuchet MS", "Times New Roman", Verdana
}

#beta {
	position:absolute;
	left:0;
	top:0;
	z-index:99;
}


/******************************
******* DEBUT header *******
*********************************/

#blocPrincipal {
/**position:relative;*/
width:990px;
}

#fondLogo {
width:990px;
height:145px;
}

#blocLogoPub {
width:990px;
height:113px;
text-align:left;
position:relative;
}

#blocLogo {
position:absolute;
width:280px;
height:70px;
left:45px;
top:-20px;
z-index:9999;
}

#headerPubDroite {
	position:absolute;
	width:auto;
	height:35px;
	left:335px;
	top:10px;
	text-align:center;
}

#headerIphone {
	position:absolute;
	top:-7px;
	right:0px;
	z-index:9999;
}


#blocMenu {
position:absolute;
/*background-image:url(../images/menu.gif);
background-repeat:no-repeat;
background-position:top;*/
width:990px;
height:190px;
top:65px;
z-index:999;
}


/******************************
******* FIN header *******
*********************************/



#tabPrincipal {
margin:auto;
}


#ombreGauche{
background-image:url(../../img/front/ombre_gauche.jpg);
background-repeat:repeat-y;
background-position:top right;
width:9px;
}

#ombreDroite {
background-image:url(../../img/front/ombre_droite.jpg);
background-repeat:repeat-y;
background-position:top left;
width:9px;
}

#ombreGaucheHeader{
background-image:url(../../img/front/ombre_gauche_header.jpg);
background-repeat:no-repeat;
background-position:bottom right;
}

#ombredroiteHeader{
background-image:url(../../img/front/ombre_droite_header.jpg);
background-repeat:no-repeat;
background-position:bottom left;
}

#ombreBasPage {
background-image:url(../../img/front/ombre_bas_de_page.gif);
background-repeat:no-repeat;
background-position:top center;
}

#ombreBasPageDroite {
background-image:url(../../img/front/ombre_bas_droite.gif);
background-repeat:no-repeat;
background-position:top left;
}

#ombreBasPageGauche {
background-image:url(../../img/front/ombre_bas_gauche.gif);
background-repeat:no-repeat;
background-position:top right;
}


/******************************
******* DEBUT contenu bloc gauche *******
*********************************/

#MDPOublie{
/*position:relative;
top:7px;
left:2px;
font-size:10px;
font-weight:bold;
color:#a62200;*/
float:left;
font-size:10px;
font-weight:bold;
margin-right:20px;
margin-top:25px;
}

.texteInvalide {
position:relative;
color:#FFFFFF;
font-size:9px;
left:11%;
top:0px;
}

.texteConnecteInvalide {
color:#FFFFFF;
font-size:9px;
float:left;
position:absolute;
top:75px;
left:5px;
}

#blocConnexion{
position:relative;
width:224px;
height:138px;
background-color:#ffffff;
margin-top:20px;
margin-bottom:20px;
}

.blocConnecteToi{
position:relative;
width:224px;
height:115px;
background-color:#ffffff;
margin-top:75px;
}

#tabConnexion{
position:absolute;
top:0;
left:0;
width:216px;
height:115px;
background-color:#6e0600;
}

#tabConnexion #connexion_titre{
position:absolute;
top:-35px;
left:0;
}

#tabConnexion #connexion_boutonEnvoyer{
position:absolute;
top:79px;
left:133px;
}

#tabConnexion .identifiant{
position:absolute;
top:30px;
left:11px;
}

#tabConnexion .motdepasse{
position:absolute;
top:55px;
left:5px;
}

#tabConnexion input{
border:none;
background-color:transparent;
color:#FFFFFF;
font-weight:bold;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
overflow:hidden;
}

#tabConnexion .connexion_boutonEnvoyer{
background-image:url(../../img/front/envoyer_bouton.gif);
background-repeat:no-repeat;
width:76px;
height:29px;
}

#divConnecteToi{
float:right;
margin-right:5px;
}

#titreConnectToi{
text-align:center;
margin-bottom:20px;
}

#divConnecteToi .connectToiBoutonEnvoyer{
background-image:url(../../img/front/envoyer_bouton_connecte.gif);
background-repeat:no-repeat;
width:85px;
height:29px;
}

#tabConnexion .connexion_zoneSaisie1{
position:absolute;
top:25px;
left:90px;
background-image:url(../../img/front/connexion_zoneSaisie.gif);
background-repeat:no-repeat;
width:110px;
height:18px;
display:block;
padding-left:5px;
padding-right:8px;
padding-top:2px;
}

#tabConnexion .connexion_zoneSaisie2{
position:absolute;
top:50px;
left:90px;
background-image:url(../../img/front/connexion_zoneSaisie.gif);
background-repeat:no-repeat;
width:110px;
height:18px;
display:block;
padding-left:5px;
padding-right:8px;
padding-top:2px;
overflow:hidden;
}

#blocChronokoiEtEspace {
width:224px;
/*margin-top:15px;*/
}

#blocGauche {
width:230px;
margin-top:120px;
float:left;
}

#contenuGaucheChronokoiHaut {
	margin-left:-1px;
}

#contenuFond {
background-color:#a62200;
background-image:url(../../img/front/chronokoi_droite.gif);
background-repeat:repeat-y;
background-position:top right;
width:210px;
}

#chronokoiDroite {
background-color:#FFFFFF;

}


#chronokoiExplication {
	margin-top:-25px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:justify;
	font-size:11px;
	color:#FFFFFF;
	padding-left:15px;
	padding-right:20px;
}

#chronokoiCk {
margin-top:10px;
}

#chronokoiPosImg{
	margin-top:12px;
	margin-left:8px;
	
}

.chronokoiTexte {

	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#FFFFFF;
}

.chronokoiPosTexte {

	margin-left:95px;
	margin-top:-85px;
	padding-left:2px;
	padding-right:12px;
}


#chronokoiSouvenir {

	margin-top:10px;
}

#chronokoiInscris{

	margin-top:10px;
	margin-bottom:10px;
}

#chronokoiBas{
float:left;
}

#pubBasGauche {
	width:200px;
	height:auto;
	margin-left:8px;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}



/******************************
******* FIN contenu bloc gauche *******
*********************************/


/******************************
******* DEBUT contenu bloc droite *******
*********************************/

#blocDroit {
width:760px;
float:left;
/*margin-top:40px;*/
display:table;
}

#blocChrono10{
width:738px;
margin-top:20px;
float:left;
}

#blocContenuChrono10 {
width:720px;
}

#blocDroitChrono10 {
width:440px;
float:left;
margin-left:20px;
}

#blocCadreChrono10 {
width:450px;
float:left;
margin-top:10px;
overflow:hidden;
}

#blocPubBas {
margin-top:20px;
text-align:center;
width:745px;
height:90px;
float:left;
}


#blocPubBasCentre {
	position:relative;	
	margin-top:30px;
	margin-left:0px;
	height:104px;
	width:740px;
	/*height:90px;*/
	
}

#ombrePubBasCentre {
position:absolute;
background-image:url(../../img/front/ombre_pub_bas_centre.gif);
background-repeat:no-repeat;
width:740px;
height:104px;
}

/******************************
******* FIN contenu bloc droite *******
*********************************/

#fondBlanc {
	padding:0;
	background-color:#FFFFFF;
	width:990px;
}

 
.tabHauteurLigne {
height:35px;
}

#contenuVide {
font-size:20px;
font-weight:bold;
color:#FFFFFF;
text-align:center;
}

#contenuVideRecherche {
font-size:14px;
font-weight:bold;
margin:5px;
}

.contenuVideTabDeBord {
font-size:14px;
font-weight:bold;
}


.rebourSWF {
position:absolute;
top:114px;
left:114px;
}

/*normal*/
.rebourSWF.position {
left:280px;
top:40px;
background:none;
}


/*hg*/
.rebourSWF.position1 {
left:-28px;
top:54px;
background:none;
}

/*hd*/
.rebourSWF.position2 {
left:280px;
top:40px;
background:none;
}

/*bd*/
.rebourSWF.position3 {
left:280px;
top:240px;
background:none;
}

/*bg*/
.rebourSWF.position4 {
left:-28px;
top:240px;
background:none;
}

.texteRebourSWFAccueil {
position: absolute;
top: 0px;
left:0px;
}

.pagination {
color:#a62200;
font-weight:bold;
font-size:12px;
}

.numPage{
color:#a62200;
font-weight:bold;
font-size:9px;
}

#cadreOfficielContent {
position:absolute;
width:83px;
height:26px;
top:60px;
left:1px;
z-index:100;
}

#cadreOfficielContentBlank {
position:absolute;
width:83px;
height:26px;
top:60px;
left:1px;
z-index:100;
}

#cadreOfficielFicheSouvenirs {
position:absolute;
width:83px;
height:26px;
top:90px;
left:1px;
z-index:100;
}
#cadreOfficielFicheSouvenirsBlank {
position:absolute;
width:83px;
height:26px;
top:90px;
left:1px;
z-index:100;
}

#cadreOfficielRecherche {
position:absolute;
width:70px;
height:78px;
top:-20px;
right:0px;
z-index:100;
}
#cadreOfficielRechercheBlank {
position:absolute;
width:58px;
height:58px;
top:0;
right:0;
z-index:150;
}

#erreurPhoto{
margin-top:10px;
font-size:18px;
font-weight:bold;
color:#A62200;
}

.trConnecteAccesRestreint{
background-color:#6E0600;
}

#tabConnexionAccesRestreint{
background-color:#6E0600;
margin-top:30px;
position:relative;
}

#tabConnexionAccesRestreint SPAN{
 color:#fea31a;
 font-family:"trebuchet MS";
 font-size:12px;
 font-weight:bold;
 float:left;
}

.texteConnecteInvalideAccesRestreint {
color:#FFFFFF;
font-size:10px;
float:right;
position:absolute;
top:-15px;
left:260px;
}

#tabConnexionAccesRestreint #connexion_titre{
position:absolute;
top:-55px;
float:left;

}

.BoutonEnvoyerAccesRestreint{
background-image:url(../../img/front/envoyer_bouton_connecte.gif);
background-repeat:no-repeat;
width:85px;
height:29px;
float:left;
}

.connexion_zoneSaisie1Acces{
background-image:url(../../img/front/connexion_zoneSaisie.gif);
background-repeat:no-repeat;
width:110px;
height:18px;
display:block;
padding-left:5px;
padding-right:8px;
padding-top:2px;
float:left;
margin-left:8px;
}

.contenuConnectionAccesRestreint{
padding-left:10px;
}

.connexion_zoneSaisie2Acces{
background-image:url(../../img/front/connexion_zoneSaisie.gif);
background-repeat:no-repeat;
width:110px;
height:18px;
display:block;
padding-left:5px;
padding-right:8px;
padding-top:2px;
overflow:hidden;
float:left;
margin-left:8px;
}

#tabConnexionAccesRestreint input{
border:none;
background-color:transparent;
color:#FFFFFF;
font-weight:bold;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
overflow:hidden;
}

.connexionFB{
float:right;
margin-right:10px;
}

/* ======= Facebook ======= */
/*.connexionFacebook{
color:#FEA31A;										
font-family:verdana;
font-size:9px;
font-weight:bold;
}*/

.amisFacebook{
background-color:#E4C98D;
width:379px;
}

/* Bouton facebook (Inviter / Accepter / home) */

.bt_facebook_identification{height:20px; width:auto; margin:20px 0 0 0; }
.bt_facebook_identification .cg{background-image:url(../../img/front/fb_connexion_cg.gif); width:28px; height:20px; background-position:bottom left; background-repeat:no-repeat; float:left;}
.bt_facebook_identification .cd{background-image:url(../../img/front/fb_connexion_cd.gif); width:5px; height:20px; background-position:bottom right; background-repeat:no-repeat; float:left;}
.bt_facebook_identification .fond{background-image:url(../../img/front/fb_connexion_fond.gif); width:auto; height:20px; background-position:bottom right; background-repeat:repeat-x; float:left; color:#FFFFFF; padding:0 7px 0 7px; width:158px;}
.bt_facebook_identification .fond span{line-height:22px; font-size:11px;}

#cssIcon {
	position: absolute;
	top: 56px;
	left: 638px;
}

#RES_ID_fb_login_image {
	margin-bottom: 5px;
}

.ui-widget-overlay {
	background-color:#333333;
	filter:alpha(Opacity=50); 
	-moz-opacity:0.50;
	-khtml-opacity: 0.50; 
	opacity: 0.50;
	top:0px;
	left:0px;
	position:absolute;
}

.ui-widget {
	font-family: "Trebuchet MS", "Times New Roman", Verdana;
	font-size: 12px;
}

.ui-dialog-title {
	font-size: 20px;
}

.ui-dialog .ui-dialog-content {
	text-align: left;
}

#geo_form {
	margin-left: 120px;
	height: auto;
	width: 340px;
}

#geo_form label, #geo_form input, #geo_form select, #geo_form button {
	float: left;
}

#geo_form label {
	width: 110px;
}

#geo_form button {
	margin-top: 15px;
}

.resultsGeo {
  z-index: 2000;
  margin-left:5px;
  background-color: #FFFFFF;
}

.resultsGeo ul {
  list-style: none;
  margin: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left:0px;
}

.resultsGeo ul li {
  padding: 5px;
  cursor: pointer;
  font-size: 11px;
}

.resultsGeo ul li.ac_even {
  background-color: #ffffff;
}

.resultsGeo ul li.ac_odd {
  background-color: #f3f3f3;
}

.resultsGeo ul li.ac_over {
  
}

#LocalisationMembre {
  position: absolute;
  top: -16px;
  left: 344px;
  z-index: 1000;
  width: 350px;
  height: 94px;
}

#LocalisationMembre.localized {
  background: url(../../img/front/geoloc_background_localized.png) no-repeat;
  margin-left: 95px;
}

#LocalisationMembre.unlocalized {
  background: url(../../img/front/geoloc_background.png) no-repeat;
  margin-left:95px;
}

#LocalisationMembre input.field {
  background: url(../../img/front/geoloc_search_background.png) repeat-x;
  border: medium none;
  float: left;
  font-size: 20px;
  height: 38px;
  margin-left: 20px;
  margin-top: 44px;
  width: 265px;
  color:#5B5B5B
}

#LocalisationMembre input.button {
  float: left;
  margin-left: 10px;
  margin-top: 48px;
}

#LocalisationMembre #messageGeolocalisation {
  float: left;
  font-size: 11px;
  color: #FFFFFF;
}