@charset "utf-8";
html, body {
background : #fff url(../imgs/f-home-portail.gif) repeat-x scroll 0 0;
font-family : Lucida Sans Unicode, Lucida Grande, Arial;
color : #000;
font-size : 13px;
margin : 0;
padding : 0;
}
a {
text-decoration : none;
outline : none;
}
.divers_imgs {
background : transparent url(../imgs/divers_inscription.png) no-repeat;
}
.img_fond_inscription {
background : transparent url(../imgs/img_fond_inscription.gif) no-repeat;
}
.hidden {
display : none;
}
.bg_admin {
background-position : 0 -218px;
background-repeat : repeat-x;
width : 100%;
top : 0;
right : 0;
}
#conteneur_formulaire {
width : 962px;
height : 40px;
margin : auto;
background : transparent url(../gestion/imgs/logo-admin.gif) no-repeat scroll 0 0;
}
#choix_langue {
background-color : #243235;
height : 35px;
width : 83px;
float : right;
margin : 0 2px 0 0;
}
#langue_choisie img {
width : 16px;
height : 11px;
}
#langue_choisie {
margin : 10px 0 0 5px;
padding : 0;
width : 20px;
height : 20px;
text-align : center;
}
#liste_langues {
margin : 0;
padding : 0;
width : 75px;
background-color : #cfdde0;
list-style : none;
border : 0;
display : none;
}
#liste_langues li {
margin : 0;
padding : 0 0 0 4px;
height : 20px;
line-height : 20px;
width : 75px;
font-size : 10px;
text-align : left;
}
#liste_langues li a {
margin : 0;
padding : 0;
}
#liste_langues li a img {
margin-right : 5px;
width : 16px;
height : 11px;
vertical-align : 0%;
}
#img_cadenas {
background-position : 0 -576px;
float : right;
height : 28px;
width : 20px;
margin : 3px 20px 0 0;
cursor : pointer;
}
#img_cadenas:hover {
background-position : left bottom;
}
#btn_seconnecter {
background-position : 0 -427px;
border : medium none;
color : #0aa0b4;
height : 24px;
width : 17px;
float : left;
position : absolute;
left : 338px;
margin : 5px 1px 0 0;
cursor : pointer;
}
#btn_seconnecter:hover {
background-position : 0 -452px;
}
#form_connection { margin:0;padding:0; }
#conteneur_connex #login_connection, #conteneur_connex #mdp_connection,#conteneur_connex #mdp_connection_fake {
border : 1px solid #000000;
height : 18px;
width : 152px;
position:absolute;
top:4px;
font-size : 13px;
padding : 3px 4px;
font-family : Lucida Sans Unicode, Lucida Grande, Arial;
}

#conteneur_connex #mdp_connection_fake, #conteneur_connex #mdp_connection { left:176px; } 
#conteneur_connex #login_connection { left:6px; }
#conteneur_connex {
background-position : 0 -259px;
background-repeat : repeat-x;
height : 35px;
width : 520px;
text-align : left;
float : right;
}
#artifice_conteneur_connex {
position : relative;
}
#mdp_oublie {
width : 116px;
float : right;
margin : 8px 7px 0 0;
}
#lien_mdp_oublie {
color : #b7c7cc;
font-size : 11px;
text-decoration : none;
}
#accueil_content, #info_insc_content {
height : 100%;
width : 962px;
margin : 10px auto 0;
}
.bloc_erreur_insc {
margin : 15px 0 0;
}
.presentation {
height : 252px;
width : 627px;
overflow : hidden;
float : left;
}
.inscription_rapide {
width : 320px;
height : 250px;
background-color : #fff;
border : 1px solid #b1c6c9;
float : right;
}
.bloc_insc_interieur {
width : 318px;
height : 248px;
}
.head_insc {
font-size : 16px;
color : #d6b323;
background-position : 0 -326px;
width : 316px;
height : 29px;
margin : 2px 2px 0;
}
.form_insc {
height : 216px;
width : 316px;
margin : 0 2px;
background-position : 0 0;
background-repeat : repeat-x;
border-top : 1px solid #ffffc9;
}
.detail_insc {
width : 305px;
height : 33px;
padding : 2px 7px 0 0;
float : right;
text-align : right;
line-height : 40px;
}
.detail_insc input {
border : 1px solid #b1c6c9;
background : #fff;
padding : 3px;
width : 150px;
}
.detail_insc .focus_input {
border : 1px solid #000;
background : #fff;
padding : 3px;
}
.detail_insc .focus_label {
color : #000;
}
.detail_insc .blur_label {
color : #1c2628;
}
.detail_insc select {
font-size : 11px;
border : 1px solid #b1c6c9;
}
#info_login, #info_pass, #info_email {
width : 18px;
height : 15px;
float : right;
margin : 13px 2px 0 0;
}
.img_valider_insc {
background : transparent url(/gestion/imgs/f-button-yellow.gif) repeat-x scroll 0 0;
}
.btn_valider {
float : right;
width : 65px;
height : 28px;
margin : 9px 0 0 0;
border : 1px solid #d7b400;
cursor : pointer;
font-size : 13px;
padding-bottom : 5px;
}
.wait {
color : #53dbec;
margin : 85px 50px 0 50px;
text-align : center;
}
.champ_errone {
background : #ffd8d8;
border : 1px solid #ff0000;
padding : 3px;
}
.label_errone {
color : #ff0000;
}
.bloc_rechercher {
margin : 15px 0 0;
width : 962px;
height : 35px;
background : url(../imgs/fond_search.png) repeat-x;
}
.elt_rechercher, .elt_rechercher_selected, .first_elt_rechercher {
background : url(../imgs/survol_search.png) no-repeat left top;
height : 35px;
color : #96aeb3;
cursor : pointer;
line-height : 34px;
width : 104px;
float : left;
}
.elt_rechercher_selected, .elt_rechercher:hover {
background-position : left bottom;
color : #fafab3;
}
.loupe_rechercher {
background : url(../imgs/loupe.png) no-repeat;
width : 25px;
height : 25px;
cursor : pointer;
border : none;
margin : 5px 0 0;
padding : 0;
}
.champ_rechercher {
float : left;
width : 276px;
height : 35px;
line-height : 36px;
margin : 0 0 0 9px;
}
.submit_rechercher {
float : right;
width : 46px;
height : 35px;
}
.contenu_principal {
width : 960px;
height : 250px;
margin : 10px 0 0;
border : 1px solid #b1c6c9;
background : #fff url(../imgs/f-bloc-discover.gif) repeat-x scroll 0 0;
}
.bloc_creer, .bloc_decouvrir, .bloc_partager {
width : 320px;
height : 250px;
float : left;
}
.bloc_decouvrir {
border-left : 1px solid #b1c6c9;
border-right : 1px solid #b1c6c9;
width : 318px;
}
.bloc_decouvrir_no_border {
border : none;
}
.bloc_creer_texte, .bloc_decouvrir_texte, .bloc_partager_texte {
height : 97px;
border : 1px solid #fff;
}
.typo_creer, .typo_decouvrir, .typo_partager {
width : 95px;
height : 25px;
float : left;
margin : 9px 0 4px 8px;
}
.typo_creer, .typo_decouvrir {
height : 20px;
margin-bottom : 9px;
}
.typo_creer {
background-position : 0 -275px;
}
.typo_decouvrir {
background-position : 0 -296px;
}
.typo_partager {
background-position : 0 -476px;
}
.bloc_creer_img, .bloc_decouvrir_img, .bloc_partager_img {
height : 141px;
width : 316px;
margin : 0 2px;
background : url(../imgs/creer_decouvrir_partager.jpg) no-repeat;
}
.bloc_creer_img {
background-position : 0 0;
}
.bloc_decouvrir_img {
background-position : 0 -142px;
}
.bloc_partager_img {
background-position : 0 -284px;
}
.dgrde {
background-position : 0 -316px;
width : 256px;
height : 9px;
float : left;
}
#info_insc_content {
height : 730px;
}
.left_bloc, .right_bloc {
width : 620px;
height : 800px;
background : #fff;
border : 1px solid #abcac4;
float : left;
}
.right_bloc {
width : 327px;
margin : 0 0 0 11px;
}
.bloc_jaune {
width : 606px;
height : 786px;
background : #ffffcb;
margin : 7px;
}
.coin_plie {
width : 606px;
height : 18px;
background-position : 0 -256px;
}
.info_titre {
width : 606px;
height : 24px;
color : #000;
font-size : 15px;
margin : 0 0 5px;
}
.info_line, .info_line_selected, .newsletter_insc, .info_parrain {
width : 606px;
height : 38px;
line-height : 32px;
border-top : 1px solid #ebf39e;
margin : 0;
}
#info_pays {
position : relative;
width : 606px;
height : 38px;
z-index : 2;
}
.info_line_pays, .info_line_selected_pays {
position : relative;
z-index : 2;
}
.info_line_selected {
background : #ffffe5;
}
.info_line_pays label, .info_line_selected_pays label {
float : left;
}
.info_line_pays .info_perso_champ, .info_line_selected_pays .info_perso_champ {
margin-left : 69px;
}
.info_champ .blur_input, .info_perso_champ .blur_input {
border : 1px solid #b1c6c9;
background : #fff;
}
.info_champ .focus_input, .info_perso_champ .focus_input {
border : 1px solid #000;
background : #fff;
}
.info_champ {
width : 270px;
height : 38px;
float : left;
text-align : right;
}
.info_perso_champ {
margin-top : 1px;
width : 350px;
height : 38px;
float : left;
text-align : right;
}
.ul_activite label {
cursor : pointer;
}
.info_champ input {
width : 183px;
height : 18px;
padding : 2px 0 0 2px;
margin : 0;
}
.info_champ label {
float : left;
margin-right : 3px;
}
.info_perso_champ input {
width : 230px;
height : 18px;
padding : 2px 0 0 2px;
margin : 0;
}
.info_champ select {
width : 317px;
}
.info_bec {
width : 10px;
height : 22px;
background : url(../imgs/bec_info_insc.png) no-repeat;
float : left;
margin : 8px 0 0;
}
.info_bulle {
width : 292px;
height : 22px;
float : left;
background : #eff2a1;
margin : 8px 0 0;
}
#suggestions {
width : 232px;
height : 300px;
}
.boiteSuggestions {
background : #ffffff;
border : 1px solid #2e7b8e;
position : absolute;
left : 107px;
top : 22px;
overflow : auto;
margin : 6px 0 0 9px;
z-index : 500;
}
.listeSuggestions {
margin : 0 0 0 3px;
padding : 0;
width : 232px;
height : 300px;
}
.listeSuggestions li {
height : 26px;
line-height : 26px;
list-style-type : none;
cursor : pointer;
}
.listeSuggestions li:hover {
background : #fef8bc;
}
.info_photo {
width : 606px;
height : 215px;
border-bottom : 1px solid #ebf39e;
margin : 0 0 5px;
}
.photo_perso {
height : 210px;
width : 606px;
}
.avatar_kazeo {
background : #eff2a1;
width : 413px;
height : 176px;
}
.avatars_mini {
float : left;
width : 417px;
height : 176px;
}
.photo_perso input {
margin : 6px 0 0;
width : 150px;
float : left;
}
.cadre_photo_perso {
height : 200px;
width : 168px;
margin : 8px;
float : left;
border : 1px solid #b3c9cd;
background : #fff;
overflow : hidden;
position : relative;
}
.texte_cadre_photo_perso {
margin : 57px 5px 0;
color : #67858d;
font-size : 12px;
text-align : center;
}
.avatar_block {
width : 70px;
height : 70px;
overflow : hidden;
margin : 5px 15px 0;
position : relative;
float : left;
background-position : 0 0;
}
.avatar_block:hover {
background-position : 0 -70px;
}
.avatar_block_clicked {
background-position : 0 -140px;
}
.petit_avatar, .grand_avatar {
cursor : pointer;
position : absolute;
top : 2px;
left : 2px;
height : 60px;
width : 60px;
margin : 3px;
}
.avatars_kazeo {
background : transparent url(../imgs/avatars-kazeo.jpg) no-repeat scroll 0 0;
}
.adidasboy {
background-position : -13px -13px;
}
.asiatman {
background-position : -98px -13px;
}
.dreadloksboy {
background-position : -183px -13px;
}
.gothossboy {
background-position : -268px -13px;
}
.hiphopboy {
background-position : -353px -13px;
}
.intelloboy {
background-position : -438px -13px;
}
.tektonikboy {
background-position : -523px -13px;
}
.cochonnegirl {
background-position : -13px -98px;
}
.discrettegirl {
background-position : -98px -98px;
}
.fatfatgirl {
background-position : -183px -98px;
}
.hiphopgirl {
background-position : -268px -98px;
}
.preciouzenana {
background-position : -353px -98px;
}
.punklassgirl {
background-position : -438px -98px;
}
.teufeuzgirl {
background-position : -523px -98px;
}
.grand_avatar {
height : 196px;
width : 164px;
margin : 0;
}
.texte_photo_import {
color : #67858d;
margin-top : 16px;
font-size : 11px;
font-weight : bold;
text-align : center;
}
.fileUploadQueue {
float : left;
margin-left : 15px;
height : 26px;
width : 299px;
text-align : left;
font-size : 10px;
}
.fileUploaderBtn {
float : left;
}
.fileUploadQueueItem {
color : #67858d;
height : 26px;
}
.cancel {
width : 12px;
height : 12px;
float : left;
line-height : 19px;
margin-left : 5px;
}
.info_activite {
margin : 0 0 15px;
width : 606px;
height : 118px;
position : relative;
}
.conteneur_act {
width : 202px;
height : 22px;
float : left;
margin : 7px 0 0;
}
#conteneur_act_pays {
height : 22px;
float : left;
padding : 7px 0 0 5px;
}
#conteneur_passion, #conteneur_sortie, #conteneur_sport, #conteneur_music, #conteneur_film, #conteneur_animaux {
float : left;
width : 182px;
height : 18px;
cursor : pointer;
}
#conteneur_pays {
float : left;
cursor : pointer;
}
#fleche_select_passion, #fleche_select_sortie, #fleche_select_sport, #fleche_select_music, #fleche_select_film, #fleche_select_animaux, #fleche_select_pays {
background-position : 0 -211px;
width : 16px;
height : 22px;
float : left;
}
#select_pays li {
padding-left : 3px;
margin-left : 0;
}
#fleche_select_passion:hover, #fleche_select_sortie:hover, #fleche_select_sport:hover, #fleche_select_music:hover, #fleche_select_film:hover, #fleche_select_animaux:hover, #fleche_select_pays:hover {
background-position : 0 -233px;
}
.liste_activite {
border-color : #b1c6c9 #b1c6c9;
border-style : none solid solid;
border-width : medium 1px 1px;
width : 198px;
min-height : 150px;
overflow : auto;
position : absolute;
cursor : pointer;
}
.liste_activite_passions, .liste_activite_sorties, .liste_activite_sports {
left : 77px;
}
.liste_activite_musique, .liste_activite_films, .liste_activite_animaux {
left : 395px;
}
.liste_activite_passions, .liste_activite_musique {
top : 30px;
}
.liste_activite_sorties, .liste_activite_films {
top : 69px;
}
.liste_activite_sports, .liste_activite_animaux {
top : 108px;
}
.liste_pays {
border-color : #b1c6c9 #b1c6c9;
border-style : none solid solid;
border-width : medium 1px 1px;
width : 247px;
min-height : 150px;
overflow : auto;
position : absolute;
left : 116px;
top : 31px;
cursor : pointer;
opacity : 0.97;
z-index : 5;
}
.liste_activite ul {
background : #ffffff;
list-style-type : none;
list-style-position : outside;
margin : 0;
padding : 0;
width : 198px;
height : 150px;
cursor : pointer;
}
.liste_pays ul {
background : #ffffff;
list-style-type : none;
list-style-position : outside;
margin : 0;
padding : 0;
width : 247px;
height : 150px;
}
.liste_activite ul li {
border-bottom : 1px solid #d8e4e6;
height : 25px;
text-align : left;
line-height : 25px;
cursor : pointer;
}
.liste_activite ul li:hover {
background : #fef8bc;
cursor : pointer;
}
.liste_activite ul li input {
width : 15px;
cursor : pointer;
}
.liste_pays ul li {
border-bottom : 1px solid #d8e4e6;
height : 25px;
text-align : left;
line-height : 25px;
margin : 0;
padding : 0;
}
.liste_pays ul li:hover {
background : #fef8bc;
}
.liste_pays ul li input {
width : 15px;
}
.newsletter_insc, .info_parrain {
background : #ffffe5;
text-align : left;
width : 593px;
border : none;
margin : 0 7px;
}
.newsletter_insc {
background : #eef3a1;
}
.info_parrain {
margin-bottom : 3px;
}
.info_parrain input {
border : 1px solid #b1c6c9;
height : 16px;
margin : 8px 0 0;
padding : 2px;
}
.captcha {
margin : 13px;
overflow : hidden;
}
.texte_captcha {
float : right;
font-size : 11px;
width : 270px;
color : #425357;
}
.captcha input {
height : 16px;
padding : 2px;
border : 1px solid #b1c6c9;
margin-left : 3px;
}
#code_secu_insc {
display : none;
}
#conteneur_code_secu {
text-align : center;
margin-top : 6px;
}
.newsletter_insc input {
margin : 0 0 0 4px;
vertical-align : middle;
}
.newsletter_insc span {
font-size : 11px;
margin-left : 2px;
}
.disclaimer {
background : #eef3a1;
font-size : 13px;
width : 492px;
margin : 0 5px 0 7px;
float : left;
height : 24px;
line-height : 22px;
text-align : left;
}
.valider_form {
float : left;
}
.valider_form input {
padding-bottom : 5px;
height : 24px;
width : 96px;
cursor : pointer;
border : 1px solid #d7b400;
font-size : 13px;
}
#message_error {
margin : 10px auto;
width : 960px;
border : 1px solid red;
background : #ffd8d8;
}
#message_error ul {
list-style-type : none;
list-style-image : none;
list-style-position : outside;
}


.conteneur_footer{
	width:962px;

	padding:5px;
	margin:18px auto 0;
	font-size:11px;

}

.flag_home{
	background : transparent url(../imgs/flag-home.gif) no-repeat;
	margin: 3px 0 0 4px;
	float:left;
	width:16px;
	height: 11px;
	opacity:0.5;
	
	
}

.label_kazeo{
	margin-right:8px;
	float:left;
}

.flag_england{
	background-position:0 0;
}

.flag_france{
	background-position:-16px 0;
}

.flag_germany{
	background-position:-32px 0;
}

.flag_spain{
	background-position:-48px 0;
}

.flag_italy{
	background-position:-64px 0;
}

.footer_gauche{
	float:left;
	color:#65787f;
}

.footer_droit{
	float:right;
}

.footer_bas{
	text-align:center;
}

.footer_bas a {
	color:#d1dddf;
	
}

.footer_droit a{
	color:#65787f;
}

.footer_droit a:hover{
	color:#000000;
}

.footer_bas a:hover{
	color:#b2c6c9;
}


#g_footer_home {
float : left;
}
#d_footer_home {
float : right;
}
#footer_complet {
margin : auto;
padding : 0;
width : 962px;
height : 135px;
background-position : 0 -295px;
background-repeat : repeat-x;
position : relative;
left : 1px;
}
#footer_content {
width : 952px;
margin : auto;
padding : 15px 0 0 0;
float : left;
}
#footer_content a {
text-decoration : none;
}
#footer_content div.footer {
float : left;
height : 120px;
margin : 0 13px 0 0;
}
#footer_content div.footer a {
display : block;
width : 100%;
color : #fff;
padding : 0 0 0 7px;
}
div.bloc_partenaires {
width : 454px;
}
div.bloc_legal {
width : 140px;
}
div.bloc_propos {
width : 128px;
}
div.bloc_equipe {
float : left;
width : 190px;
height : 120px;
}
div.bloc_partenaires div.bec_footer {
background-position : 50px bottom;
}
#footer_content div.footer span.titre {
display : block;
float : left;
margin : 6px 0 6px 4px;
font-variant : small-caps;
color : #37ddf1;
}
#footer_content div.footer span.cg_footer {
display : block;
float : left;
width : 4px;
height : 98px;
}
#footer_content div.footer span.cd_footer {
display : block;
float : right;
width : 4px;
height : 98px;
background : transparent url(../imgs/padding.png) no-repeat top left;
}
#footer_content div.footer ul.list_footer {
float : left;
height : 64px;
margin : 2px 10px 0 0;
padding : 0;
list-style : none;
font-size : 10px;
color : #fff;
overflow : hidden;
text-align : left;
}
#footer_content div.footer ul.list_footer a:hover {
background-color : black;
}
div.bloc_partenaires ul.list_footer {
width : 436px;
}
div.bloc_legal ul.list_footer {
width : 114px;
}
div.bloc_propos ul.list_footer {
width : 103px;
}
ul.list_footer li {
float : left;
width : 115px;
height : 16px;
overflow : hidden;
position : relative;
right : 2px;
}
div.bloc_partenaires ul.list_footer li {
width : 138px;
margin : 0 4px 0 3px;
position : relative;
right : 6px;
}
div.bloc_equipe a {
position : relative;
display : block;
margin-top : -12px;
width : 212px;
height : 98px;
text-indent : -999px;
overflow : hidden;
background : transparent url('../imgs/blog_de_lequipe.png') no-repeat top left;
margin-left : 25px;
}
.gris_footer {
background : url(../imgs/gris.png) repeat-y;
width : 100%;
height : 100%;
}