html, body {
	height: 100%;
	margin: 0;
}

a { outline:none; }

img{
	border: 0;
}

#global{
	min-height: 100%;
	width: 1004px;
	margin: 0 auto;
	position: relative;
	background-color: #fff;
}


/* Liens qui sont soulignés au survol */
a.liens_soulignes {
	text-decoration: none;
}

a.liens_soulignes:hover {
	text-decoration: underline;
	color: black;
}

/****** CSS Tooltips ******/
a.floater{
	text-decoration: none;
}

a.floater:hover{
	text-decoration: none;
	color: #000;
}

a.floater:hover {
	position: relative;
}

a.floater span {
	display: none;
}

a.floater:hover span {
	width: 300px;
	display: block;
	position: absolute;
	top: 10px; 
	left: 0;
	/* formatting only styles */
	padding: 5px; 
	margin: 10px; 
	z-index: 100;
	background: #f0f0f0; 
	border: 1px dotted #c0c0c0;
	opacity: 0.9;
	/* end formatting */

}
/****** End of CSS Tooltips ******/

#header{
	width:1002px;
	height:105px;
}
#logo{
	float:left;
}
#login{
	height:105px;
}
#login table{
	margin-top:43px;
}
#logged{
	height:105px;
}
#logged table{
	margin-top:40px;
	width:380px;
}
#search{
	width:1002px;
	height:100px;
	margin-bottom:1px;
}
#center{
	width:1002px;
}
/* ---- Conteneur 2 du contenu de l'index (formulaire d'inscription, animations, etc...) ---- */
#content_index{
	position: relative;
	width:931px;
	margin-left:auto;
	margin-right:auto;
}
#content{
	width:931px;
	margin-left:auto;
	margin-right:auto;
}
#content .item_product_edit{
	border:1px solid #000000;
	margin:10px;
	height:290px;
}
#content .item_product_edit h2{
	float:left;
	margin-bottom:0px;
}
#content .item_product_edit .account_infos{
	margin-left:10px;
	margin-bottom:10px;	
}
#content .item_product_edit .account_attributes{
	float:left;
	margin-bottom:10px;
}
#content .item_product_edit .account_pictures{
	float:left;
	padding-right:10px;
}
#content .item_product_edit .account_description{
	float:left;
	width:90%;
}
#content .account_pictures th, .item_product_edit td{
	padding:5px;
}
#content .account_pictures ul{
	margin-top:10px;
	margin-right:10px;
	padding:0;
	text-align:right;
}
#content .account_pictures li{
	display:inline;
	margin:0;
	padding:0;
}
#content .account_pictures .thumb{
	float:left;
	position:relative;
}
#content .account_pictures .thumb .picto{
	position: absolute;
	bottom: 0;
	right: 0;
}
/*
#content h1{
	margin:10px;
}
#content h2{
	margin:10px;
}
#content p{
	margin:10px;
}
*/
#column_right{
	width:220px;	
	float:right;
	margin:0;	
}
#footer{
	width:1002px;
	/*position: absolute;*/
	bottom: 0;
	background-color: #FFF;
}
#animation{
	height:382px;
	width:566px;
}
#news{
	width: 370px;
	height: 150px;
	padding: 25px 10px 0 10px;
	background: #FFF url('./images/fr/news.gif') no-repeat top left;
}

#coaching{
	width: 370px;
	height: 150px;
	margin-left: 10px;
	padding: 25px 10px 0 0;
	background: #FFF url('./images/fr/coaching.gif') no-repeat top left;
}

#testimonies{
	width:370px;
	height: 150px;
	padding: 25px 0px 0 0px;
	background: #FFF url('./images/fr/testimonies.gif') no-repeat top;
}
#top_profil{
	margin: 0;
	height:185px;
	
}

div#top_profil {
	width: 525px;
	height: 155px;
	margin: 10px auto;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./tpl/images/fr/bloc_profils_populaires2.png', sizingMethod='crop');
}

html>body #top_profil {
	filter: none;
	background: url('./images/fr/bloc_profils_populaires2.png') no-repeat;
	height: 155px;
	width: 525px;
}

div#top_profil_body{
	float: left;
	width: 446px;
	height: 151px;
	margin: 0 10px;
}

div.top_profil_profil{
	float: left;
	*margin-top: 30px;
	_margin-top: 30px;
	height: 138px;
	width: 224px;
}

/********** index slider **********/
.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	position: relative;
	width: 505px;
	height: 151px;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 185px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	margin: 30px auto 0 auto;
	padding: 0;
	width: 448px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 120px;
	*height: 150px;
	_height: 150px;
	clear: both;
	background: transparent;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	-moz-user-select: none; /* This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 448px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
/*	padding: 10px;*/
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	display: none;
}

.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 46px;
	text-indent: -9000em;
	*top: 75px;
	_top: 75px;
}

.stripNavR {
	_margin-right: 10px;
	*margin-right: 10px;
}

.stripNavL {
	_margin-left: -10px;
	*margin-left: -10px;
}

.stripNavL a, .stripNavR a {
	display: block;
	height: 20px;
	width: 18px;
}

.stripNavL {
	left: 0;
}

.stripNavR {
	right: 0;
}
/********** end index slider **********/

div.top_profil_picture_fem_shadow {
	width: 110px;
	height: 110px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./tpl/images/profil_fem_background_shadow.png', sizingMethod='crop');
}

html>body .top_profil_picture_fem_shadow {
	filter: none;
	background: url('./images/profil_fem_background_shadow.png') no-repeat;
	height: 110px;
	width: 110px;
}

div.top_profil_picture_hom_shadow {
	width: 110px;
	height: 110px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./tpl/images/profil_hom_background_shadow.png', sizingMethod='crop');
}

html>body .top_profil_picture_hom_shadow {
	filter: none;
	background: url('./images/profil_hom_background_shadow.png') no-repeat;
	height: 110px;
	width: 110px;
}

.clearLeft{
	clear: left;
}

div#top_profil_fleche_droite{
	margin-top: 75px;
	float: left;
	width: 18px;
}

#hometext{
	width:360px;
	height:110px;
	background: #FFF url('./images/bloc_gradient.gif') no-repeat top left;
}

#buttons{
	width:360px;
	height:143px;
}

.rose{
	color: #f900f9;
}

.bleu{
	color: #2024e5;
}

.blanc{
	color: #ffffff;
}

a.not_underlined{
	text-decoration: none;
}

a.not_underlined:hover{
	text-decoration: none;
}

.account_create_preview{
	border: 1px solid #AAAAA9;
	min-width: 300px;
	background: #F9F9F9 url('./images/bg_account_create.gif') repeat-x top left;
}

.profile_title{
	font-weight: bold;
	font-size: 13px;
}

.gratuit_inscription{
	font-weight: bold;
	font-size: 20px;
}

.gratuit_inscription2{
	font-weight: bold;
	font-size: 16px;
}

.padding_zero{
	margin: 0;
	padding: 0;
	text-align:left;
}

.index_bg{
/* 	background-color: #000; */
/*	background: transparent url('./images/anim_flash.gif') no-repeat;*/
}


/***** Espace perso *****/
.espace_perso_left{
	float: left;
	width: 26%;
	padding: 0;
	margin: 0;
}

.espace_perso_right{
	float: left;
	width: 72%;
	_width: 70%;
	padding-left: 5px;
}

#espace_perso_right_sort {
	float: left;
	width: 150px;
	margin: 10px 0 0 10px;
}

#espace_perso_right_search_pseudo{
	float: right;
	width: 440px;
}

.grey_border_bottom{
	border-bottom: 1px solid #999
}

.grey_border_bottom_dotted{
	border-bottom: 1px dotted #999
}

.grey_border_right{
	border-right: 1px solid #999
}

.perso_home_photo{
	float: left;
	width: 15%px;
	padding: 10px 10px;
}

.perso_home_profil_resume{
	float: left;
	width: 30%;
	padding: 10px 0;
	text-align : justify;
}


.perso_home_image_border{
	border: 1px solid #999;
	padding: 1px;
}

.perso_home {
	border-bottom: 1px dashed #000000;
	margin-bottom : 10px;
	
	width : 450px;
}

.padding_top_20{
	padding-top: 20px;
}

.normal_label{
	font-weight: normal;
}

.profil {
	width : 73%;
	display : inline;
	float : left;
	
}

.profil_cadre_menu {
	height:70px;
	margin-top:15px;
	position:absolute;
	right:100px;
	width:110px;
}

.profil_inside_cadre_menu {
	list-style:none outside none; 
	padding-left : 0px;
	padding-right : 0px;
	width : 80%;
	margin-left:0px;
}
.profil_inside_cadre_menu li{
	display : inline;
	position : relative;
	padding-left : 0px;
	padding-right : 0px;
}


*+html #profil_pub {
	width : 150px;
	height : auto;
	margin-left : 10px;
	display : inline;
	position : relative;
	margin-top : 10px;
}

.content_news {
	float:left;
	width: 500px;
	margin-bottom: 15px;
}


/***** Pagination *****/
.pagination {
	margin:40px 0;
	margin-left : 50px;
	text-align:center;
	float : left;
}

*+html .pagination {
	margin:40px 0;
	margin-left : 50px;
	text-align:center;
	float : left;
	padding : 10px;
}

.pagination a {
	background:#fff;
	border:1px solid #06c;
	color:#06c;
	margin:2px;
	padding:.2em .4em;
	text-decoration:none;
}

.pagination a:hover {
	background:#fff;
	border:1px solid #bd88fe;
	color:#bd88fe;
}

.pagination span.inactive {
	background:#fff;
	border:1px solid #f0f0ff;
	color:#f0f0ff;
	margin:2px;
	padding:.2em .4em;
}

.pagination span.active {
	background:#f4ebff;
	border:1px solid #bd88fe;
	color:#bd88fe;
	font-weight:700;
	margin:2px;
	padding:.2em .4em;
}

.border_table {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}
.border_table th {
	font-weight: bold;
	border-bottom: 1px dotted #999;
}
.border_table td {
	color: #646464;
}
.border_table tbody tr:hover td {
	color: #000;
}

.grey_with_border{
	margin: 0 auto; 
	border: 1px solid #d3d3d3; 
	background: #EFEFEF
}

.white_with_border{
	margin: 0 auto; 
	border: 1px solid #d3d3d3; 
	background: #FFF
}

.white_with_border_espace {
	background-image : url(images/fr/numero_espace_perso.png ) ;
	margin-left : -15px;
	width : 300px;
	height : 113px;
	background-repeat:no-repeat;

	
}

.white_with_thin_blue_border{
	margin: 0 auto; 
	border: 1px solid #0000FD; 
	background: #FFF;
}

.white_with_grey_border{
	background: #FFF;
	padding: 5px;
	margin: 0;
	border: 2px solid #8F8F8F;
}

.white_with_pink_border{
	background: #FFF;
	padding: 5px;
	margin: 0;
	border: 2px solid #ED03EA;
}

.white_with_blue_border{
	background: #FFF;
	padding: 5px;
	margin: 0;
	border: 2px solid #0000ff;
}

/***** Casting *****/

.casting {

	float: left;
	margin-left: 60px;
	margin-top: 20px;
}

/***** News list style *****/
ul.news_list{
	border: 0;
	padding: 5px;
	margin: 0;
}

.news_list a{
	text-decoration: none;
}

.news_list a:hover{
	text-decoration: none;
}

.news{
 padding: 0px 0px;
 list-style: none inside url('./images/actu.png');
}

.mess{
 padding: 0px 0px;
 list-style: none inside url('./images/newmess.png');
}

.rencontre {
 padding: 0px 0px;
 list-style: none inside url('./images/rencontre.jpg');
}

.supp {
 padding: 0px 0px;
 list-style: none inside url('./images/supp.png');
}

.rdv {
 padding: 0px 0px;
 list-style: none inside url('./images/coupe.png');
}

.number {
 padding: 0px 0px;
 list-style: none inside url('./images/number.jpg');
}

.contact {
 padding: 0px 0px;
 list-style: none inside url('./images/contact.png');
}

.invitation {
 padding: 0px 0px;
 list-style: none inside url('./images/news.gif');
}
.bloque {
 padding: 0px 0px;
 list-style: none inside url('./images/bloque.png');
}

/**** Coaching style ****/
.white_with_grey_border_coaching{
	background: #F9F9F9;
	padding: 3px;
	margin-top : -6px;
	margin-left : -1px;
	border: 1px solid  #8F8F8F;
	width : 848px;
	_width : 847px;
	line-height:20px;
}

.lien {
color : #FF0000;
}

.button_ok {
background-image: url(tpl/images/fr/b_valider.gif);
}

/******* message historique ********/


*+html .message_historique {
margin-top: 5px; 
margin-bottom: 5x;
}

.btn_valider_invami {
	float : left;
	margin: -10px 50px 0;

}

.title_body_position{
	float: left;
	width: 43%;
	padding: 10px 0;
	text-align : justify;
	margin-left :50px;
}

/***** Matching *****/
#matching {
	text-align : center;
	padding-top : 20px;
}

*+html  #matching {
	padding-top : 5px;
}

.pos_btnok {
	margin-top : 10px;
}

/******** adresse book *******/
.bouton_ok_radiobouton {
background-image: url(images/fr/b_valider.gif);
width : 89px;
height : 21px;
border : 0;
cursor : pointer;
}

/***** Boutique ******/
#cadre_options {
	padding: 3px;
	margin-top : 5px;
	margin-left : 95px;
	width : 441px;
	line-height:20px;
}

.option {
	border: 1px ridge #ddd;
	margin: 2px auto;
}

.option h4 {
	text-align: center;
}
#cadre_menu_boutique {
	margin-top : 5px;
	margin-left : -5px;
}

/****** Formulaire RDV ******/
.form_left {
	float : left;
	width : 50%;
}

.form_right {
	float : right;
	width : 50%;
}

.form_general {
	width : 550px;
	margin-left : 70px;
	margin-top : 5px;
}

.btn_form {
	padding-top:20px;
	

}

/* ---- Animation Account create ---- */
#cadre-animation-create{
	position: absolute;
	height:280px;
	width:360px;
	left: 550px;
	top: 220px;
	padding: 5px 5px;
	background: #F9F9F9 no-repeat;
}