html, body {
border:0;
margin:0;
padding:0;
background:#000;
}

#global{
width:100%;
background:#242424;
float:left;
}

#contenant {
background:#242424;
width: 990px;
height:auto;
margin: auto;
}

#haut{
height:85px;
}

#logo{
width:290px;
float:left;
}

#logo img{
position:relative;
right:8px;
}

#haut_droite{
width:647px;
float:right;
}

#links_haut{
height:40px;
width:420px;
padding:5px 0px 0px 0px;
font-weight:bold;
}

#links_haut .tx-felogin-pi1{
text-align:right;
text-transform:uppercase;
}

#links_haut .gerer{
margin-right:140px;
}

#inscription{
width:220px;
float:left;
text-align:right;
}

#connexion{
width:150px;
padding:0px 10px 0px 0px;
float:right;
text-align:right;
}

.addthis_toolbox{
width:190px;
height:40px;
float:right;
position:relative;
bottom:40px;
}


#principal{
clear:both;
}

#gauche{
width:165px;
padding: 0px 20px 15px 0px;
float:left;
}

#centre_interne_inscription #gauche{
float:left;
width:232px;
padding:0 14px 0 14px;
}

#gauche_profil{
width:200px;
min-height:200px;
padding: 10px 20px 15px 20px;
float:left;
background-image:url(../img/menu_gauche.jpg);
background-repeat: no-repeat;
background-position: left top;
}

#centre{
width:805px;
float:right;
}

#centre_profil{
width:750px;
float:right;
}

#centre_interne{
width:828px;
float:left;
}

#milieu{
width:623px;
padding:0px 20px 20px 0px;
float:left;
}

#milieu_profil{
width:568px;
padding:0px 20px 20px 0px;
float:left;
}

#milieu_interne{
width:788px;
padding:0px 20px 20px 15px;
float:left;
}

#milieu_interne_book{
width:800px;
padding:0px 10px 20px 13px;
float:left;
}

#milieu_interne_coloration{
width:680px;
padding:0px 10px 20px 0px;
float:right;
}

#facebook_coloration{
width:130px;
float:left;
padding-top:40px;
}

#milieu_haut{
height:330px;
padding-bottom:30px;
clear:both;
}

#milieu_gauche{
float:left;
width:330px;
height:330px;
}

#centre_interne #milieu_gauche{
float:left;
width:360px;
padding:0 16px 0 16px;
margin: 4px;
}

#centre_interne_inscription #milieu_gauche{
float:left;
width:232px;
padding:0 14px 0 14px;
}

#milieu_droit{
float:right;
width:273px;
height:330px;
padding-left:20px;
}

#centre_interne #milieu_droit{
float:right;
width:374px;
padding:0 16px 0 16px;
margin: 4px;
}


centre_interne_inscription #milieu_droit{
float:left;
width:226px;
padding:0 0px 0 14px;
}

#milieu_centre{
width:623px;
clear:both;
}

/*#milieu_centre{
width:568px;
clear:both;
}*/

#milieu_centre_interne{
width:788px;
clear:both;
}

#milieu_centre_interne_book, #milieu_centre_interne_coloration{
width:800px;
clear:both;
}

#centre_interne_inscription{
width:815px;
clear:both;
float:left;
}

#droite{
width:162px;
height:625px;
padding-bottom:30px;
float:right;
#background-image:url(../img/bord_publicite.jpg);
background-repeat: no-repeat;
background-position: left top;
}

#droite img{
padding-top: 8px;
}

#bas{
width: 990px;
padding:20px 18px 5px 18px;
margin: auto;
clear:both;
}

.clear{
clear:both;
}

/***************************************************************************/
#liste_coiffeurs{
padding-bottom:20px;
}

#coiffeur{
width:120px;
padding-bottom:18px;
}

#logo_coiffeur{
width:120px;
}

#logo_coiffeur img{
border-left:1px solid #121111;
border-top:1px solid #121111;
border-right:2px solid black;
border-bottom:2px solid black;
}

.salon{
width:130px;
padding-right:30px;
float:left;
}

#salon_nom{
padding-bottom:5px;
}

#position3{
padding: 0;
}

#logo_salon{
height:130px;
width:130px;
margin-bottom:10px;
}

#logo_salon img, #profil_logo img{
border-left:1px solid #121111;
border-top:1px solid #121111;
border-right:2px solid black;
border-bottom:2px solid black;
}

#salon_adresse{
width:130px;
}

#salon_tel{
width:130px;
padding-top:5px;
}

#emploi{
padding-bottom:16px;
}

#titre_emploi{
padding-bottom:4px;
}

#liste_emplois{
width: 165px;
}
/***Resultat de recherche******************************************/

#div_type_coiffeur .multiSelectOptions{
width:250px!important;
}

.navigation{
width:130px;
display:block;
float:left;
margin-right:5px;
padding-top:5px;
}

.navigation p{
margin-bottom:5px;
}

.espace{
display:block;
height:40px;
}

.recherche{
min-height:150px;
height:auto !important;
height:150px;

}

.recherche #vertical{
width:240px;
padding-left:20px;
}

.recherche #horizontal{
min-height:150px;
width:788px;
padding:0 0 0 0;
}

#resultats_recherche{
position:relative;
bottom:15px;
}

#resultat{
min-height:130px;
width:788px;
padding:12px 0px 12px 0;
/*border-bottom:1px solid gray;*/
clear:both;
}

#resultat.dernier{
border:none;
}

#resultat_text{
width:645px;
float:right;
}

#resultat_coiffure{
height:130px;
width:130px;
float:left;
margin:12px 25px 8px 0;
text-align:center;
}

#resultat_logo{
height:130px;
width:130px;
padding-right:10px;
float:left;
}

#resultat_image{
height:130px;
width:130px;
}

#resultat_image img, #resultat_logo img{
border-left:1px solid #121111;
border-top:1px solid #121111;
border-right:2px solid black;
border-bottom:2px solid black;
}

/*#resultat_image a:hover{
border-left:1px solid #242424;
}*/

#resultat_adresse{
padding-top:20px;
font-style:italic;
}

#horizontal .erreur{
float:left;
width:655px;
}

/***Pagination****************************************************/

div.pagination {
width:620px;
height:25px;
margin:15px 2px 5px 2px;
padding:10px 2px 0px 2px;
text-align:center;
float:left;
font-size:13px;
position:relative;
bottom:5px;
}

div.pagination span{
clear:both;
width:480px;
}

div.pagination span a {
font-family: Arial;
background-color:#8f8f8f;
border:1px solid #D7D7D7;
color:black;
margin:2px 4px;
padding:2px 6px;
text-decoration:none;
line-height:18px;
}

div.pagination span.current a{
background-color:#000000;
border:2px solid white;
margin:2px 3px;
color:white;
}

div.pagination span a:hover {
border:2px solid white;
margin:2px 3px;
}

/***Profil*******************************************************/

#profil{
padding-top:15px;
}

#profil_logo{
height:190px;
width:190px;
float:left;
padding: 0 15px 20px 0;
text-align:center;
}

#profil_general{
float:left;
width:580px;
padding-bottom:20px;
}

#profil_titre{
width:580px;
float:left;
}

#profil_adresse{
width:245px;
float:left;
margin-right:20px;
overflow:hidden;
}

#profil_horaire{
width:308px;
float:right;
margin-bottom:15px;
color:white;
font-family:Arial;
font-size:13px;
}

#profil_horaire .jour_horaire{
width:308px;
overflow:hidden;
}

#profil_horaire span.right{
float:right;
position:relative;
z-index:2;
background-color:#242424;
}

#profil_horaire span.left{
float:left;
position:relative;
z-index:2;
background-color:#242424;
margin-right:60px;
}

#portrait img{
border-left:1px solid #121111;
border-top:1px solid #121111;
border-right:2px solid black;
border-bottom:2px solid black;
}

/**************************************************/

#onglet{
height:24px;
width:778px;
padding-left:15px;
float:left;
position:relative;
top:1px;
z-index:2;
}

#onglet ul {
list-style-type:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float: left;
}

#onglet li {
display:block;
float:left;
background-image:url(../img/onglet_inactif.jpg);
background-position: center left;
text-align:center;
height:24px;
margin-right:5px;
}


#onglet li a, #onglet li a:visited {
color:black;
display:block;
float:left;
font-family: Arial,Helvetica,sans-serif;
font-size:13px;
line-height:23px;
text-decoration:none;
}

#onglet li a:hover {
text-decoration:underline;
}

#onglet li.encours{
background-image:url(../img/onglet_actif.jpg);
background-position: center left;
}

#onglet li.encours a{
color:white;
}

#onglet li #onglet_interieur a{
background-image:url(../img/onglet_inactif_fin.jpg);
background-position: bottom right;
background-repeat:no-repeat;
height:24px;
padding: 0 15px;
display:block;
}

#onglet li.encours #onglet_interieur a{
background-image:url(../img/onglet_actif_fin.jpg);
background-position: bottom right;
background-repeat:no-repeat;
display:block;
color:white;
}

/*******************************************************************************************************/
#onglet_contenu_haut{
height:20px;
width:788px;
background-image:url(../img/onglet_contenu_haut.jpg);
background-position: top left;
background-repeat:no-repeat;
clear:both;
position:relative;
}

#onglet_contenu{
min-height:250px;
height:auto!important;
height:250px;
width:788px;
background-image:url(../img/onglet_contenu_milieu.jpg);
background-position: top left;
background-repeat:repeat-y;
clear:both;
position:relative;
bottom:1px;
z-index:1;
}

#onglet_contenu_bas{
width:748px;
min-height:340px;
height:auto!important;
height:340px;
padding: 0px 20px 10px 20px;
background-image:url(../img/onglet_contenu_bas.jpg);
background-position: bottom left;
background-repeat:no-repeat;
}

#profil_types_services{
width:324px;
float:left;
}

#profil_types{
width:324px;
float:left;
padding:0px 60px 0px 0px;
margin-bottom:25px;
line-height:16px;
font-size:13px;
font-family:Arial;
color:white;
}

#profil_services{
width:324px;
float:left;
padding:0px 60px 0px 0px;
margin-bottom:25px;
line-height:16px;
font-size:13px;
font-family:Arial;
color:white;
}

#onglet_contenu #prix{
float:right;
width:354px;
margin-bottom:15px;
color:white;
font-family:Arial;
font-size:13px;
}

#onglet_contenu #prix #prix_femme{
margin-bottom:15px;
}

#onglet_contenu #prix span.title{
display:block;
margin-bottom:3px;
}

#onglet_contenu #prix span.left {
background-color:black;
float:left;
margin-right:60px;
position:relative;
z-index:2;
}

#onglet_contenu #prix span.right {
background-color:black;
float:right;
position:relative;
z-index:2;
}

.clear_prix{
clear:both;
border-top: 1px dotted white;
position:relative;
bottom:4px;
z-index:1;
}

.clear_horaire{
clear:both;
border-top: 1px dotted white;
position:relative;
bottom:4px;
z-index:1;
}


#onglet_contenu #description{
clear:both;
width:748px;
padding:0px 0px 15px 0px;
}

#onglet_contenu #dernieres_images{
height:130px;
width:748px;
padding:0px 0px 15px 0px;
clear:both;
}

#onglet_contenu #dernieres_images #image{
height:100px;
width:100px;
float:left;
margin:15px 20px 0 0 ;
text-align:center;
}

#onglet_contenu #dernieres_images #image img{
border-left:1px solid #121111;
border-top:1px solid #121111;
border-right:2px solid black;
border-bottom:2px solid black;
}

/*******************************************************/

#carte form{
height:40px;
}

#carte #bouton{
width:190px;
height:32px;
padding: 4px 0px;
font-size:14px;
margin:4px 7px 8px 0;
background-color:black;
color:white;
border: 1px solid white;
cursor:pointer;
cursor:hand;
text-align:center;
}

#carte form input{
float:left;
background-color:#8F8F8F;
border:1px solid #747171;
font-family:Arial;
font-size:13px;
margin:8px 8px 0px 0px;
width:260px;
padding:3px 16px 3px 2px;
text-align:left;
}
/********ALBUM**********************************/

#liste_image_album #album_detail{
height:100px;
width:100px;
margin-right:22px;
margin-bottom:20px;
text-align:center;
float:left;
}

#liste_image_album #album_detail img{
border-left:1px solid #121111;
border-top:1px solid #121111;
border-right:2px solid black;
border-bottom:2px solid black;
}

#div_album .album_image{
height:180px;
width:170px;
margin-right:17px;
float:left;
}

#div_album .album_image img{
border-left:1px solid #121111;
border-top:1px solid #121111;
border-right:2px solid black;
border-bottom:2px solid black;
}

#div_album #nom_album{
width:190px;
color:white;
font-size:13px;
}

#div_album #taille_album{
width:190px;
color:white;
font-size:11px;
}

/*************************************************/

#div_thumbnail{
background-color:#242424;
width:730px;
height:550px;
padding:20px 50px 22px 20px;
}

#div_thumbnail form input{
float:left;
background-color:#8F8F8F;
border:1px solid #747171;
font-family:Arial;
font-size:13px;
margin:8px;
padding:3px 16px 3px 2px;
text-align:center;
}

#div_thumbnail form input#bouton{
height:38px;
width:150px;
font-family:Arial;
font-size:14px;
margin:4px 7px 8px 10px;
background-color:black;
color:white;
border: 1px solid white;
cursor:pointer;
cursor:hand;
padding:0;
}

#div_thumbnail form input#bouton2{
height:38px;
width:150px;
font-family:Arial;
font-size:14px;
margin:4px 7px 8px 0px;
background-color:black;
color:white;
border: 1px solid white;
cursor:pointer;
cursor:hand;
padding:0;
}

#div_thumbnail .nouvelle_ligne{
float:left;
width:550px;
}

#div_thumbnail form input#save_thumb {
height:38px;
width:150px;
font-family:Arial;
font-size:14px;
margin:10px 0px 8px 10px;
background-color:black;
color:white;
border: 1px solid white;
cursor:pointer;
cursor:hand;
padding:0;
}

a.recommencer{
color:white;
display:block;
font-family:Arial;
font-size:14px;
margin-top:10px;
padding-top:5px;
text-decoration:none;
height:25px;
width:150px;
border: 1px solid white;
cursor:pointer;
cursor:hand;
background-color:black;
}
/*************************************************/

#mon_salon{
width:170px;
float:right;
}

#mon_salon img{
border-style:none;
}
/*************************************************/

#div_connexion label{
color:white;
display:block;
clear:both;
margin-top:20px;
}

#div_connexion p{
color:white;
display:block;
clear:both;
}

#div_connexion input, #oublie_text input{

background-color:#8F8F8F;
border:1px solid #747171;
font-family:Arial;
font-size:13px;
margin:0px 8px 0px 0px;
width:200px;
height:20px;
padding:3px 16px 0px 2px;
text-align:left;
}


#div_connexion #bouton, #oublie_text #bouton{
width:150px;
height:32px;
padding: 4px 0px;
font-size:14px;
margin:4px 7px 25px 0;
background-color:black;
color:white;
border: 1px solid white;
cursor:pointer;
cursor:hand;
text-align:center;
}

#oublie_text #bouton{
width:220px;
}

#div_connexion a, #non_membre a, #non_membre p, #retour_connexion a, #oublie_text{
color:white;
text-decoration:none;
font-size:13px;
}

#oublie_text label{
font-size:13px;
}

#div_connexion a:hover, #non_membre a:hover, #retour_connexion a:hover{
text-decoration:underline;
}

#non_membre{
clear:both;
margin-top:30px;
}

.tx-srfeuserregister-pi1 a{
color:white;
text-decoration:none;
font-weight:bold;
}

.tx-srfeuserregister-pi1 a:hover{
text-decoration:underline;
}

/*********questions***************/
.questions{
padding-top:23px;
}

.questions  dt{
background:url(../img/question.jpg) no-repeat 0 0;
font-weight:bold;
color:#200d7d;
font-size:1.166em;
padding:5px 0 7px 38px;
margin-bottom:7px; cursor:pointer;
float:left;
clear:both;
width:735px;
}
.questions  dt.on{
background:url(../img/question_on.jpg) no-repeat 0 0;
}

.questions  dt p:hover{
text-decoration:underline;
}

.questions dt.on p
{
text-decoration:underline;
}
.questions  dd{
background:url(../img/reponse.jpg) no-repeat 0 0;
display:none;
margin-bottom:30px; cursor:pointer;
margin-left:30px;
padding:0px 0 7px 38px;

clear:both;
}

object { outline:none}
#flashContent { display:none; }