* {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

body {		 
background-color: #9699B5;
background-image: url("images/graphique_pays.jpg");
background-repeat: no-repeat;
background-position: 9px 17px;
font-family: Helvetica, sans-serif;
scrollbar-arrow-color : #000000;   //flèche haut/bas
scrollbar-track-color : #7F82A0;  //fond scroll
scrollbar-shadow-color : #7F82A0;
scrollbar-face-color : #7F82A0;   //barre scroll
scrollbar-highlight-color :#7F82A0;
scrollbar-darkshadow-color :#000000;
scrollbar-3dlight-color :#000000;
scrollbar-base-color : #7F82A0;
width: 100%;
}

a {
font-family: Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #A3B1C9;
text-decoration: underline;
}						   

a:hover {
font-family: Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color:#A0EBB3;
background-color: #7681A4;
}		

scroll {
font-size: 15px;
font-family: Helvetica, sans-serif;
color: #C4C4C4;
}	   

input {
color: #000000;
background-color: transparent;
font-family: Helvetica, sans-serif;
font-size: 12px;
border-style: solid;
border-width: 1px;
border-color: #BABABA;
}		 

input:focus {
background-color: #BABABA;
}		 

textarea {
color: #000000;
font-family: Helvetica, sans-serif;
font-size: 12px;
border-style: solid;
border-width: 1px;
background-color: transparent;
border-color: #BABABA;
}		 

textarea:focus {
background-color: #BABABA;
}		 

select {
color: #000000;
font-family: Helvetica, sans-serif;
font-size: 12px;
border-width: 1px;
background-color: #7681A4;
} 

p {
color: #CCCCCC;
font-size: small;
}		 

h1 {
font-size: 12px;
color: #B5CED5;
}	 

#titre_haut {
width: 924px;
height: 122px;
}

#titre_gauche {
position: absolute;
background-image: url("images/titre.png");
width: 450px;
height: 122px;
}

#titre_droite {
position: relative;
left: 450px;
width: 474px;
height: 122px;
}


#conteneur {
position: relative;
left: 25px;
width: 882px;
}

#menugauche {
position: relative;
float: left;
width: 182px;
}	   

#fenetredroite {
position: relative;
float: right;
width: 210px;
}

#contenu {
position: relative;
width: 490px;
margin-left: 182px;
}	   

#rubrique {				   
position: relative;
width: 675px;
margin-left: 182px;
}	   

#copyrightbas {
position: relative;
left: 20px;
height: 70px;
width: 764px;
clear: both;
}	


/* bloc menu accueil 1 */ 

#menu {
}

#menu li {
margin-left: 0px;
margin-right: 0px;
list-style: none;
}

#menu li a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}

#menu li a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: underline overline;
}


/* bloc fen 1 */ 

#haut_fen {
position: relative;
width: 100%;
}

#coin_g_haut_fen1 {
position: absolute;
left: 0px;
background-image: url("images/coin_gauche_haut.png");
height: 51px;
width: 15px;
}

#titre_fen1 {
margin-left: 15px;
margin-right: 15px;
background-image: url("images/titre_fen.png");
height: 36px;
padding: 15px 0px 0px 5px;
}

#coin_d_haut_fen1 {
position: absolute;
right: 0px;
background-image: url("images/coin_droit_haut.png");
background-repeat: no-repeat;
height: 51px;
width: 15px;
}


#centre_fen {
position: relative;
height: 100%;
}

#bord_gauche_fen1 {
position: absolute;
left: 0px;
background-image: url("images/bord_gauche_fen.png");
height: 100%;
width: 15px;
}

#contenu_fen {
height: 100%;
margin-left: 15px;
margin-right: 15px;
background-image: url("images/fond_fen1.png");
}

#bord_droit_fen1 {
position: absolute;
top: 0px;
right: 0px;
background-image: url("images/bord_droit_fen.png");
height: 100%;
width: 15px;
}


#bas_fen {
height: 20px;
width: 100%;
}

#coin_g_bas_fen1 {
position: absolute;
left: 0px;
background-image: url("images/coin_gauche_bas.png");
background-repeat: no-repeat;
height: 20px;
width: 15px;
}

#pied_fen1 {
margin-left: 15px;
margin-right: 15px;
right: 15px;
background-image: url("images/bas_fen.png");
height: 20px;
}

#coin_d_bas_fen1 {
position: absolute;
right: 0px;
background-image: url("images/coin_droit_bas.png");
background-repeat: no-repeat;
height: 20px;
width: 15px;
}


/* bloc fen copyright */

#gauche_fen_copyright {				   
position: absolute;
background-image: url("images/gauche_fen_copyright.png");
background-repeat: no-repeat;	
top: 0px;
left: 0px;
width: 87px;
height: 70px;
}	   

#haut_fen_copyright {				   
position: absolute;
background-image: url("images/haut_fen_copyright.png");
background-repeat: no-repeat;	
top: 0px;
left: 87px;
height: 14px;
width: 607px;
}	   

#text_fen_copyright {				   
position: absolute;
background-image: url("images/texte_copyright.png");
background-repeat: no-repeat;	
top: 14px;
left: 87px;
height: 23px;
width: 607px;
}	   

#bas_fen_copyright {				   
position: absolute;
background-image: url("images/bas_fen_copyright.png");
background-repeat: no-repeat;	
top: 37px;
left: 87px;
height: 33px;
width: 607px;
}	   

#droite_fen_copyright {				   
position: absolute;
background-image: url("images/droite_fen_copyright.png");
background-repeat: no-repeat;	
top: 0px;
left: 694px;
width: 88px;
height: 70px;
}	   



#fenetre_news {
position: absolute;
left: 0px;
top: 0px;	   
width: 475px;
height: 100%; 	   
line-height: 12px;
display: block;	  
overflow: hidden;	
}	   


.fenetre_news_cadre {
position: absolute;
background-color: #7681A4;		
left: 17px;
top: 51px;	   
width: 475px;
height: 149px; 	   
clip: rect(0px, 475px, 149px, 0px);	 
visibility: visible;
z-index: 10;   
}	   


.navig_form_news {
position: absolute;
left: 465px;
top: 51px;
width: 60px;
height: 100px;
}	   




/* bloc accès membres */

#boite_membres { 
width: 132px;
height: 130px; 
} 

#pseudo_label {
position: relative;
left: 0px;
top: 0px;	
}

#pseudo_input {
position: relative;
left: 0px;
top: 0px;
}	   

#code_id_label {
position: relative;
left: 0px;
top: 0px;
}

#code_id_input {
position: relative;
left: 0px;
top: 0px;
}

#button_input {
position: relative;
left: 80px;
top: 10px;
}

#lien_code_oublie {
position: relative;
left: 0px;
top: 20px;
}	   



/* form_inscription */

#form_inscription {
}


#nom {
position: absolute;
left: 0px;
top: 100px;
}											  

#sexe_box {
position: absolute;
left: 0px;
top: 130px;
}											  

#age_box {
position: absolute;
left: 0px;
top: 130px;
}											  

#pays_box {
position: relative;
left: 0px;
top: 20px;
}											  

#au, #be, #ca, #ch, #dz, #fr, #ma, #tn, #us	{
position: absolute;
left: 324px;
top: 416px; 
display: none;
}											  

#ca-11, #fr-01, #fr-02, #fr-03, #fr-04, #fr-05, #fr-06, #fr-07, #fr-08, #fr-09, #fr-10, #fr-11, #fr-12, #fr-13, #fr-14, 
   #fr-15, #fr-16, #fr-17, #fr-18, #fr-19, #fr-20, #fr-21, #fr-22, #fr-23 {
position: relative;
top: 10px;
left: 0px;
display: none;
}

#email_box {
position: relative;
background-color: #7681A4;
left: 0px;
top: 70px;
}										

#loisirs_items {
position: relative;
left: 0px;
top: 190px;
}										


#infos {
position: relative;
background-color: #7681A4;
left: 0px;
top: 240px;
height: 380px;
display: block;
}										


#user {
position: relative;
background-color: #7681A4;
left: 0px;
top: 200px;
height: 200px;
display: block;
}										

#conditions	{
position: relative;
left: 0px;
top: 210px;
height: 200px;
}					
						  
#conditions_utilisation	{
position: relative;
top: 30px;
display: none;
}											  

#conditions_bas	{
position: relative;
left: 0px;
top: 40px;
height: 50px;
}					
						  
#button	{
position: relative;
top: 50px;
left: 0px;
height: 70px;
}											  
