/* CSS Coocoon - 2009 */
/* Gestion de la présentation */


/* #############################################################*/
/* De base */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/** fin reset */

body {
    font: 11px verdana;
    color: #978c7c;
}

#main {
    width: 1033px;
    min-height: 620px;
    height: auto !important;
    height: 620px;
    position: absolute;
    left: 50%;
    margin-left: -516px;
}


.formBase {
    margin: 20px;
}

.formBase fieldset {
    border: 1px solid gray;
    padding: 20px;
}

.formBase legend {
    margin: 10px;
    font-weight: bold;
}

.formTable_Espace td{
	padding-top: 10px;
	padding-left: 20px;
}

/* Fin de base */
/* #############################################################*/
/* Premiere entête */

#infoGit {
    position: absolute;
    margin: 0px;
    padding: 0px;
    top: 0px;
    left: 0px;
    z-index: 999;
    color: green;
}

#ie6 {
    position: absolute;
    margin: 0px;
    padding: 0px;
    top: 0px;
    left: 0px;
    z-index: 999;
}

#ie6 a {
	color: rgb(255,0,0);
}

#ie6 a:hover {
	color: rgb(0,128,0);
}

#javascript {
    position: fixed;
    z-index: 999;   
    top: 20px;
    left: 5px;
    
    margin: 0px;
    padding: 5px 2px 5px 2px;
    width: 105px;
    text-align: center;
    
    background-color: rgb(255,50,50);
    color: rgb(255,255,255);
    
    border: solid red 2px;
    border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	box-shadow: 3px 3px 4px rgb(128,128,128);
	-moz-box-shadow: 3px 3px 4px rgb(128,128,128);
	-webkit-box-shadow: 3px 3px 4px rgb(128,128,128);
}

#javascript a {
	color: rgb(255,255,255);
	text-decoration: underline;
}

#javascript a:hover {
	color: rgb(0,220,0);
}


/* #############################################################*/
/* Seconde entête */

	#top {
    	background: url(/images/fond-entete.jpg) no-repeat;
   		padding: 24px 30px 0 30px;
   		height: 32px;
	}

    #logo {
        display: block;
        width: 237px;
        height: 86px;
        
        position: absolute;
        top: 55px;
        left: 28px;
        z-index: 89; /* fix to make jquery-lightbox happy */ /* doit être sous le flash */
        
        background: url(/images/logo.png) left no-repeat;
    }
    
    #logo:hover {
    	background: url(/images/logo.png) right no-repeat;
    }

    #lang {
        margin: 0;
        padding: 0;
        list-style: none;
        display: inline;
    }

    #lang li {
   		display: inline;
    }

    #infosEntete  {
    }

    #formLogin {
        display: inline;

    }

	#minicompte {
    	display: inline;
	}

    #menuResetPassword {
        display: inline;
        margin-left: 5px;
        font-weight: bold;
    }
   
    #menuResetPassword a:hover {
    	text-decoration: none;
		color: rgb(240,150,72);
		
	}
    
    #menuCreateAccount {
        display: inline;
    }
    
    #signin_login {
		-moz-transition-duration: 0.3s;-moz-transition-property:-moz-transform;
		-webkit-transition-duration: 0.3s;-webkit-transition-property:-webkit-transform;
		-o-transition-duration: 0.3s;-o-transition-property:-o-transform;
		transition-duration: 0.3s;transition-property:transform;
	}

	#signin_login:hover {
		-moz-transform: rotate(3deg);
		-webkit-transform: rotate(3deg);
		-o-transform: rotate(3deg);
		-ms-transform: rotate(3deg);
		transform: rotate(3deg);
	}

	#profilSwitcher {
    	background: url(/images/ic/oeuf-acheteur.gif) no-repeat;
    	right:40px;
    	position:absolute;
    	top:40px;
    	width:330px;
    	height: 55px;
    	z-index: 1;
    	padding-top: 15px;
	}
	
    #profilSwitcher p, #profilSwitcher form {
        margin: 0 0 0 75px;
    }

    #profilSwitcher select {
        width: 180px;
    }



/* #############################################################*/
/* Contenu HOME */
#data {
    padding: 110px 30px 30px 30px;
    background-image: url(/images/fond-centre.jpg);
    height: auto !important; /* fix pour IE6, mettre celui là en 1er */
    min-height: 570px;
    height: 570px;
    position: relative;
    width: 973px; /** fix pour IE6/7 ... IE 8/FF/... mettent la bonne taille sinon */
}
    #data a {
        /*text-decoration: underline;*/
    }
    #data p {
        /*text-align: justify;*/
        text-align:left;
    }

    #menuHaut {
        z-index: 89;
        position: absolute;
        top: 75px;
        right: 40px;
        margin: 0;
        padding: 0;
        background: url(/images/bt/menu3.png) no-repeat;
        /*width: 742px; fix pour cacher finder*/
        width: 636px;
        height: 45px;
        text-indent: -100em;
        overflow: hidden;
    }

        #menuHaut li {
            position: absolute;
            list-style: none;
            top :0;
        }

        #menuHaut li, #menuHaut a {
           height: 45px;
           width: 106px;
           display: block;
        }

        #menuHaut a:hover {
           background: white url(/images/bt/menu3.png) no-repeat;
        }
        /*#coocooner { left: 0; }
        #acheteur { left: 106px;}
        #vendeur { left: 212px;}
        #locataire { left: 318px;}
        #bailleur { left: 424px;}
        #pro { left: 530px;}*/
        #acheteur { left: 0; }
        #vendeur { left: 106px;}
        #locataire { left: 212px;}
        #bailleur { left: 318px;}
        #pro { left: 424px;}
        #coocooner { left: 530px; }
        /*#finder { left: 636px;}*/

        #acheteur a:hover { background-position: 0 5px ; }
        #vendeur a:hover { background-position: -106px 5px ; }
        #locataire a:hover { background-position: -212px 5px; }
        #bailleur a:hover { background-position: -318px 5px; }
        #pro a:hover { background-position: -424px 5px ; }
        #coocooner a:hover { background-position: -530px 5px; }
        /*#finder a:hover { background-position: -636px 5px; }*/

    /* Menu utilisateur logué */
    #menuUtilisateur {
        z-index: 90;
        position: absolute;
        top: 110px;
        right: 40px;
        margin: 0;
        padding: 0;
    }

        #menuUtilisateur li {
            display: inline;
            list-style: none;
        }

        #menuUtilisateur li a {
            text-transform: uppercase;
            text-decoration: none;
            color: gray;
        }

/* #############################################################*/
/* Contenu sur une seule colonne */
#layout_uneColonne{ width: 973px; }

/* #############################################################*/
/* Contenu inter */





    #col1, #col2, #col3 {
        float: left;
        width: 320px;
    }

    #tableauDeBord h4 {
        color: #ed771e;
        font-size: 14px;
        font-weight: bold;
        position: relative;
        top: -5px;
    }

    #tableauDeBord h4 {
        color: #ed771e;
        font-size: 14px;
        font-weight: bold;
    }

    #tableauDeBord p {
        clear: both;
        color: #b18c75;
    }

    .lienSurLibelle {
        color: #B18C75;
        text-decoration: none;
    }

    #tableauDeBord p.pPibelle  {
        color: #91315A;
        font-size: 12px;
        margin: 10px 0 0 0;
        font-weight: bold;
    }

    #tableauDeBord .pAlignement {
        margin-bottom: 20px;
        font-weight: bold;
    }


    #tableauDeBord .pLien {
        text-align: right;
        margin: 20px 0 ;
    }

    #tableauDeBord .lien {
        text-decoration: none;
        color: #993300;
    }

        #tableauDeBord .lien img {
            position: relative;
            top: 5px;
        }

    .menuTdb li {
        border-bottom: 2px dotted #998e77;
        background: url('/images/ic/lien.gif') right 7px no-repeat;
        line-height: 20px;
    }

    .menuTdb li a {
        font-size: 12px;
        font-weight: bold;
        color: #998e77;
    }








/* #############################################################*/
/* Footer */
#footer {
    height: 173px;
    clear: both;
    background: url('/images/fond-pied.jpg');
}

    #ref {
        margin-left: 40px;
    }
    #ref ul {
        float:left;
        width:135px;
        color: #666
    }

    #informationsLegales {
        margin: 0;
        position: absolute;
        bottom: 0;
        right: 20px;
    }

    #footer dl {
        position: absolute;
        margin-left: -475px;
        left: 50%;
        width: 950px;
        color: #685C42;
    }

    #footer dt {
        display: block;
        position: absolute;
        font-weight: bold;
    }

    #footer dd {
        /*border-left:1px solid #685C42;*/
        padding-left:5px;
        display: block;
        position: absolute;
        top: 20px;
        /*left: 0;*/
        margin-left:10px;
    }

    #footer dd ul {
        margin: 0;
        padding: 0;
        list-style: circle;
    }

    #footer dd ul li {
        margin: 0;
        padding: 0;
        list-style: circle;
    }

    #footer dd ul li a {
        color: #685C42;
        text-decoration: none;
    }
    
        #footer dd ul li a:hover {
		color: rgb(240,150,72);
	}

    #socialLinks{
       float: right;
       margin-left: 10px;
    }

    #socialLinks img{
        display: block;
        padding-right: 3px;
        float: right;
        
        -moz-transition-duration: 0.3s;-moz-transition-property:-moz-transform;
	    -webkit-transition-duration: 0.3s;-webkit-transition-property:-webkit-transform;
	    -o-transition-duration: 0.3s;-o-transition-property:-o-transform;
	    transition-duration: 0.3s;transition-property:transform;
    }
    
    #socialLinks img:hover{
		-moz-transform: rotate(-12deg);
		-webkit-transform: rotate(-12deg);
		-o-transform: rotate(-12deg);
		-ms-transform: rotate(-12deg);
		transform: rotate(-12deg);
    }
    

    #dt2, #dd2 {left: 170px;}

    #dt3, #dd3 {left: 380px;}

    #dt4, #dd4 {left: 570px;}

    #dt5, #dd5 {left: 765px;}

    #dt6, #dd6 {left: 870px;}

    #dt7, #dd7 {left: 895px;}



/* #############################################################*/
/* GENERIQUE FORMULAIRE */

/* Présentation de formulaire sur 1, 2 ou 3 colonnes */
#conteneurForm1Col {
    width: 300px;
    margin:0 auto;
}

#conteneurForm2Col {
    width: 670px;
    margin:0 auto;
}

#conteneurForm3Col {
    width: 980px;
    margin:0 auto;
}

.titreFormOrange {
    font-size: 14px;
    font-weight: bold;
    color: white;
    padding: 0px 0 5px 0;
    margin-bottom: 30px;
    border-bottom: 3px solid white;
}

/* Formulaire classique */
.formP {
    Margin: 20px 0;
}






/* #############################################################*/
/* LISTE DEPARTEMENT */

#dep1{
    float: left;
    width: 240px;
    margin: 0 auto;
}
#dep30{
    float: left;
    width: 230px;
    margin: 0 auto;
}
#dep60{
    float: left;
    width: 229px;
    margin: 0 auto;
}



/* #############################################################*/
/* MESSAGE FLASH ET BULLE TEXTE */

#flashAlerteInfo, #flashAlerteErreur {
	position: absolute;
	top: 60px;
	left: 75px;
	width: 280px;
	z-index: 90; /* #logo:z-index + 1 */
}

/* Top */
#flashAlerteInfoTop {
	width: 280px;
	height: 51px;
	background: url('/images/notice-top.png');
}

#flashAlerteErreurTop {
	width: 280px;
	height: 51px;
	background: url('/images/error-top.png');
}

/* Center */
#flashAlerteInfoCenter {
	width: 280px;
	background: url('/images/notice-centre.png');
}

#flashAlerteErreurCenter {
	width: 280px;
	background: url('/images/error-centre.png');
}

#flashAlerteInfoCenter p, #flashAlerteErreurCenter p {
	position: relative;
	top: -10px;
	padding: 0px 35px 0px 50px;
	color: white;
	font-weight: bold;
}

#flashAlerteInfoCenter a, #flashAlerteErreurCenter a {
	text-decoration: underline;
}

#flashAlerteInfoCenter a:hover, #flashAlerteErreurCenter a:hover {
	color: red;
}

/* bottom */
#flashAlerteInfoBottom {
	width: 280px;
	height: 32px;
	background: url('/images/notice-bottom.png');
}

#flashAlerteErreurBottom {
	width: 280px;
	height: 32px;
	background: url('/images/error-bottom.png');
}

/* POUR BULLE */
#bulle {
	width: 580px;
	min-height: 50px;
	position: relative;
	top: -5px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color:black;
	box-shadow: 0px 0px 4px rgb(128,128,128);
	-moz-box-shadow: 0px 0px 4px rgb(128,128,128);
	-webkit-box-shadow: 0px 0px 4px rgb(128,128,128);

	background-color: rgb(245,245,245); 
	background-image: -moz-linear-gradient(top,rgb(255,255,255),rgb(235,235,235));
	background-image: -o-linear-gradient(top,rgb(255,255,255),rgb(235,235,235));
	background-image: -webkit-linear-gradient(top,rgb(255,255,255),rgb(235,235,235));
	background-image: linear-gradient(top,rgb(255,255,255),rgb(235,235,235));
 	-pie-background: rgb(245,245,245) linear-gradient(top,rgb(255,255,255),rgb(235,235,235)); 
	behavior: url(/css/PIE.htc);
}



#bulleCenter p {
	padding: 10px 20px
}

.bulleTitreh2 {
	font-size: 13px;
	line-height: 25px;
	color: rgb(80,80,80);
	padding: 0 20px;
	margin-bottom: 0;
}

.bulleTitreh2 strong {
	color: #F57F28;
}


/* #############################################################*/
/* DIVERS */

.separateur {
    height:2px;
    background: #E0DBD4;
    width: 88%;
    clear: both;
    margin: 5px 0 10px 35px;
}

.separateurFull {
    height:2px;
    background: #E0DBD4;
    width: 100%;
    clear: both;
    margin: 5px 0 10px 0;
}

.separateurForm {
    border-bottom: 1px solid #E0DBD4;
    width: 100%;
    height: 10px;
    clear: both;
    margin: 20px 0;
    clear: both;
}

.pBt {
    clear: both;
    line-height: 40px;
    height: 40px;
}

/* Personnalisation des cursor */
.help {
    cursor: help;
}

/* Pour les espacements */
.paddingLeft {
    padding-left: 35px;
}

.marginLeftRight10 {
	margin: 0 10px;
}

.marginTopBottom10 {
    margin: 10px 0;
}
/* FIN */

/* Pour les positionnement vertical d'ajustement */
.top7 {
    position: relative;
    top: 7px;
}

.top10 {
    position: relative;
    top: 10px;
}

/* cadre div, espece de fiedset en div */
.divCadre {
    border: 1px solid gray;
    padding: 20px;
    margin: 20px;
}

.fondGris {
    padding: 10px 10px;
    background: #BEB4A4;
    color: white;
    font-size:16px;
	width: 495px;
    //font-weight:bold;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	/* pour IE 7-8 */
	position: relative;
	behavior: url(/css/PIE.htc);
	text-shadow: 0 -1px 1px rgb(128,128,128);

	background-color: rgb(210,80,10); 
	background-image: -moz-linear-gradient(top,rgb(210,80,10),rgb(255,150,10));
	background-image: -o-linear-gradient(top,rgb(210,80,10),rgb(255,150,10));
	background-image: -webkit-linear-gradient(top,rgb(210,80,10),rgb(255,150,10));
	background-image: linear-gradient(top,rgb(210,80,10),rgb(255,150,10));
 	-pie-background: rgb(210,80,10) linear-gradient(top,rgb(210,80,10),rgb(255,150,10));
}
.fondGris p {
        margin: 0 !important;
    }
.fondGris strong {
        float:right;
    }

/* Alignement a gauche et droite daomme dans un table */
.pAligneGaucheDroite {
    clear: both;
    line-height: 20px;
    height: 10px;
}

.aligneGauche {
    float: left;
}

.aligneDroite {
    float: right;
}

.centrageVertical td{vertical-align: middle}

.liAligneDroite {
    float: right !important;
    padding-right: 5px !important;
}

.orange {
    color: #ed771e;
}

.violet {
	color: #A03C6C; /* rgb(160,60,108) */
}

/* Personnalisatio des liens */
.lien {
    text-decoration: underline;
}

.lienOrange {
    color: #ed771e;
    text-decoration: none;
}

a, .lienGris {
    color: rgb(100,100,100);
    text-decoration: none;
}

.lienBlanc {
    color: white;
    text-decoration: none;
}

.rounderMain {
    position: relative;
    top: 0;
    left: 0;
}

/* Pour les boutons gris */
.conteneurBtGris {
    position: block;
}

button {
    border: none;
    background: none;
    cursor: pointer;
    min-width: 71px; /*130px; *//* fix IE(7) */
    width: auto !important;
}

.btGrisGauche, .btOrangeGauche {
    background: url(/images/bt/bt-gris-gauche.jpg) no-repeat;
    width: 13px;
    height: 33px;
    display: block;
    float: left;
}
.btOrangeGauche {background: url(/images/bt/bt-orange-gauche.jpg) no-repeat !important;}

.btGris, .btOrange {
    background: url(/images/bt/bt-gris-milieu.jpg) repeat-x;
    height: 33px;
    line-height: 33px;
    display: block;
    float: left;
    color: #DD5A1A;
    /*font-weight: bold;*/
    text-decoration: none !important;
}
.btOrange {background: url(/images/bt/bt-orange-milieu.jpg) repeat-x !important; color: white;}

.btGrisDroite, .btOrangeDroite {
    background: url(/images/bt/bt-gris-droite.jpg) no-repeat;
    width: 13px;
    height: 33px;
    display: block;
    float: left;
}
.btOrangeDroite {background: url(/images/bt/bt-orange-droite.jpg) no-repeat;}

/* Pour le formatage du texte */
.bold {
    font-weight: bold;
}

/* Pour clear both lors d'element float */
.clear {
    clear: both;
}
/*
    span.borders {
    }
*/
    img.roundBorder {
    }
    span.rounder {
        position: absolute;
        top: 0;
        left: 0;
    }

/* Personnalisation des erreurs */
.erreurChamp {
    color: red;
}


/**
 * fix pour quand on a un input suivi d'un label, on mets pas le label flottant
 * Cas quand on a un checkbox suivi du label (Form de sélection du profil par ex)
 */

h3 {
    font-size: 2em;
    color: #ED771E;
    margin-bottom: 0.4em;
    /*text-decoration: underline;*/
}
h3 a {
    color: #ED771E;
}

strong {
    font-weight: bolder;
}
a {
    text-decoration: none;
    color: inherit;
}

a:hover {
    text-decoration: underline;
    color: inherit;
}



/**
 * Forms
 */

/** http://www.pompage.net/pompe/csspratique/ */
form p.formFormatterDivP {
    padding-top: 10px;
    margin: 0px 0px !important;
    min-height: 28px !important;
    height: auto;
}
form p.formFormatterDivP label {
    float: left;
    width: 200px;
    text-align: right;
    padding-top: 2px;
    padding-right: 3px;
}

form p .radio_list label {
    float: none;
}

    p.formFormatterDivP {
        /*min-height: 28px;
        height: 28px;
        height: auto !important;*/
        position: relative;
    }
        p.formFormatterDivP label {
            height: 28px;
            /*float: left;*/
            width: 200px;
        }
    ul.radio_list {
        /*left: 225px;
        position: absolute;*/
        display: inline;
        float: none;
    }
        ul.radio_list li.inlined {
            display: inline;
        }

    /** errors */
    .formFormatterDivError, .formFormatterDovErrorInRow {
        color: red;
        font-weight: bold;
    }
.error_list {
    color: red;
}

.defaultAvatar {
}
.imgfb {
    float: left;
    width: 30px;
    height: 30px;
    margin: 0 5px 5px 0;
}
.stockDetails {
    height: 18px; /* FIXME */
}


/**
 * fix for the "..." of the datepicker
 */
button.ui-datepicker-trigger {
    color: white;
    background-image: url(/css/images/ui-icons_ef8c08_256x240.png);
    background-position: 128px 96px;
    height: 20px;
    width: 20px;
}

 
.formFormatterDivP {
  width: 480px;
}

.formBase p button {
  padding-left: 215px;
}


/* Pagination */
/* By Paragon {14/06/2011} */
.paginationLeft {
	margin-top: 2px;
	float: left;
	padding-left: 30px;
}

.pagination {
	margin-top: 2px;
	text-align: right;
	padding-right: 30px;
}

.pagination span {
	position: relative;
	top:-3px;
	color: orange;
	margin-left: 1px;
	margin-right: 1px;
}

.pagination .paginationCurrentPage {
	color: gray;
	font-weight: bold;
}


/* Module client - contacts envoyés/reçus */

.prodel{
}

.prodel img{
	float:right;
	white-space: nowrap;
	margin-right: 5px;
}

.prodel img:hover{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
}
.prodel a {
	text-decoration: none ;
}

.prodel a:hover {
	color: rgb(240,150,72) ;
}
	
.datecol {
	white-space: nowrap;
	width:50px;
}

/* Css lié au boutons d accueil, mode d emploi et plus */
.bouton span {
	background: url(/images/bt/Bouton-accueil.png) left no-repeat;
	left: 955px;
	top: 30px;
	z-index: 101;
	display: inline;
	position: absolute ;
	display: block;
	width: 37px;
	height: 37px;
	float:left;
	-moz-transition-duration: 0.3s;-moz-transition-property:-moz-transform;
	-webkit-transition-duration: 0.3s;-webkit-transition-property:-webkit-transform;
	-o-transition-duration: 0.3s;-o-transition-property:-o-transform;
	transition-duration: 0.3s;transition-property:transform;
}

.bouton span:hover {
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	transform: rotate(-10deg);
	background: url(/images/bt/Bouton-accueil.png) right no-repeat;
}



/* Css lié aux boutons css3 */
/* fonctionne pour les balises <button>, <input> et <a> */
/* class="bt_css3 taille couleur {alignement} */
/* taille = petit, moyen, grand */
/* couleur = orange, violet, rouge, vert */
/* (opt) alignement = gauche, droite */
/* balise <button> à éviter avec texte court, car taille min du bouton */
/* exemples d'utilisation : */
/*
	-lien avec forme bouton
		<a class="bt_css3 moyen orange">ok</a>
	-balise input, le texte doit être ds value=""
		<input type="submit" class="bt_css3 grand violet" value="ok"/>
	-un seul bouton centré
		<center><button type="submit" class="bt_css3 petit orange">bouton centré</button></center>
	-aligenment à droite avec clear obligatoire à cause du float
		<button type="submit" class="bt_css3 petit orange droite">Supprimer</button>
		<div class="clear"></div>
	-deux boutons, un à gauche, l'autre à droite
		<div id="input_gauche_droite">
			<input type="submit" class="bt_css3 moyen orange gauche" value="Ajouter"/>
			<input type="submit" class="bt_css3 moyen violet droite" value="Supprimer"/>
			<div class="clear"></div>  // clear obligatoire à cause des float
		</div>
*/
/* by Paragon {31/05/2011} */
/* MAJ by Paragon {31/05/2011} : remplacement de l'image transparente par dégradé css3 + ajout couleurs et tailles */
/* MAJ by Paragon {12/07/2011} : nettoyage et doc */
/* MAJ by Paragon {20/07/2011} : légères modifs visuelles sur ombrages */
/* MAJ by Paragon {26/07/2011} : fix bug parenthèse en trop */
/* MAJ by Paragon {28/07/2011} : suppression des couleurs vert et rouge (hors charte graphique) */
.bt_css3, .bt_css3:visited {
	margin: 10px 1px;
 	position: relative;

	font: bold 13px Arial;
	text-decoration: none;		
	color: rgb(255,255,255);
	cursor: pointer;
	text-shadow: 0 -1px 1px rgb(100,100,100);	

	box-shadow: 2px 2px 6px rgb(128,128,128);
	-moz-box-shadow: 2px 2px 6px rgb(128,128,128);
	-webkit-box-shadow: 2px 2px 6px rgb(128,128,128);
	
	overflow: visible;	/* pour IE */
	behavior: url(/css/PIE.htc);	/* pour IE 7-8 */
}

.bt_css3:hover {
	position: relative;
	text-decoration: none;
	color: rgb(255,255,255);
}

.bt_css3 a:hover {
	background-color: rgb(220,100,26);
	text-decoration: none;
	color: rgb(255,255,255);
}

.bt_css3:active {
	position: relative;
	top: 1px;
}

.bt_css3::-moz-focus-inner {
    border:0;
}

/* tailles */
.bt_css3.petit {
	border: 1px solid rgb(255,255,255);
	font-size: 11px;
	padding: 1px 8px;
	
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.bt_css3.petit:hover {
	padding: 1px 7px 1px 9px;
	border-color: rgb(230,230,230);
}

.bt_css3.moyen {
	border: 2px solid rgb(255,255,255);
	font-size: 14px;
	padding: 3px 14px;
	
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.bt_css3.moyen:hover {
	padding: 3px 13px 3px 15px;
	border-color: rgb(230,230,230);
}

.bt_css3.grand {
	border: 2px solid rgb(255,255,255);
	font-size: 18px;
	padding: 3px 18px;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.bt_css3.grand:hover {
	padding: 3px 17px 3px 19px;
	border-color: rgb(230,230,230);
}

/* Couleurs */
.bt_css3.orange {
	background-color: rgb(230,143,65);	
	background-image: -moz-linear-gradient(top,rgb(255,170,92),rgb(210,120,42));
	background-image: -o-linear-gradient(top,rgb(255,170,92),rgb(210,120,42));
	background-image: -webkit-linear-gradient(top,rgb(255,170,92),rgb(210,120,42));
	background-image: linear-gradient(top,rgb(255,170,92),rgb(210,120,42));	
 	-pie-background: rgb(230,143,65) linear-gradient(top,rgb(255,170,92),rgb(210,120,42));
}

.bt_css3.orange:hover {
	background-color: rgb(250,164,86);	
	background-image: -moz-linear-gradient(top,rgb(210,120,42),rgb(255,170,92));
	background-image: -o-linear-gradient(top,rgb(210,120,42),rgb(255,170,92));
	background-image: -webkit-linear-gradient(top,rgb(210,120,42),rgb(255,170,92));
	background-image: linear-gradient(top,rgb(210,120,42),rgb(255,170,92));
 	-pie-background: rgb(250,164,86) linear-gradient(top,rgb(210,120,42),rgb(255,170,92));	
}

.bt_css3.violet {
	background-color: rgb(160,60,108);	
	background-image: -moz-linear-gradient(top,rgb(210,80,140),rgb(150,58,101));
	background-image: -o-linear-gradient(top,rgb(210,80,140),rgb(150,58,101));
	background-image: -webkit-linear-gradient(top,rgb(210,80,140),rgb(150,58,101));
	background-image: linear-gradient(top,rgb(210,80,140),rgb(150,58,101));
 	-pie-background: rgb(160,60,108) linear-gradient(top,rgb(210,80,140),rgb(150,58,101));
}

.bt_css3.violet:hover {
	background-color: rgb(200,75,135);	
	background-image: -moz-linear-gradient(top,rgb(150,58,101),rgb(210,80,140));
	background-image: -o-linear-gradient(top,rgb(150,58,101),rgb(210,80,140));
	background-image: -webkit-linear-gradient(top,rgb(150,58,101),rgb(210,80,140));
	background-image: linear-gradient(top,rgb(150,58,101),rgb(210,80,140));
 	-pie-background: rgb(200,75,135) linear-gradient(top,rgb(150,58,101),rgb(210,80,140));
}

/* centrage */
.bt_css3.gauche {
	float: left;
}

.bt_css3.droite {
	float: right;
}



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

/* Pour afficher une aide*/
.hint {
    background: url("/images/help.png") no-repeat scroll 6px 5px #DDE9F7;
    border: 1px solid #50B0EC;
    color: #383838;
    display: none;
    left: 0;
    margin-bottom: 2px;
    margin-top: 4px;
    padding: 8px 6px 8px 34px;
    position: relative;
}

/* pour afficher un warning */ 
.warn {
    background: url("/images/warning.gif") no-repeat scroll 6px 5px #FFFFCC;
    border: 1px solid #CC9933;
    color: #7F7F7F;
    display: none;
    left: 0;
    margin-bottom: 2px;
    margin-top: 4px;
    padding: 8px 6px 8px 34px;
    position: relative;
}

.aunderline {
	text-decoration: underline;	
}

#formMandatRechecheCenter {
	width: 850px;
	margin: 0 auto;
	padding: 50px;
}
/* d�core un lien en le faisant pr�c�der d'une puce et en le mettant en gras */
.lien_decore{
	background: url(/images/puce-lien.gif) no-repeat;
	padding-bottom: 3px;
	padding-left: 20px;
	font-weight: bold;
}

/* d�core une liste (ul) en le faisant pr�c�der d'une puce */
.liste_decore li{
	list-style-type: square;
	padding-bottom: 5px;
}

.liste_decore .image li{
	background: url(/images/puce-lien.gif) no-repeat;
	padding-bottom: 5px;
	padding-left: 20px;
}

/*-------- Page gestion pack----by Jordan {17/08/2011}-------*/
.pack-gestion-title {
	border-bottom: solid 1px #ED771E;
	color:#ED771E
}

.pack-stop h3 {
	margin-left: 25px;
}

.pack-stop a {
	margin-left:110px;
	margin-right: -100px;
}
.bloc_pack
{
 width:250px;
 height:30px;
 float:left;
 margin-top:15px;
 margin-left:15px;
 padding-top: 7px;
 padding-right: 7px;
 color:white;
text-align:center;
border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	behavior: url(/css/PIE.htc);
	
	box-shadow: 1px 1px 12px rgb(128,128,128);
	-moz-box-shadow: 1px 1px 12px rgb(128,128,128);
	-webkit-box-shadow: 1px 1px 12px rgb(128,128,128);
	font-weight:bold;
}
.bloc_pack span
{
vertical-align:top;
}
.bloc_pack img
{
float:right
}
.packs
{
    display: block;
    height: 70px;
    width: 600px;
}

#pack_acheteur
{
	background-color: rgb(204,134,87); 
	background-image: -moz-linear-gradient(top,rgb(220,193,175),rgb(204,134,87));
	background-image: -o-linear-gradient(top,rgb(220,193,175),rgb(206,171,147));
	background: -webkit-gradient(linear,left top,left bottom,from(rgb(200,193,175)),to(rgb(206,171,147)));
	background-image: linear-gradient(top,rgb(220,193,175),rgb(206,171,147));
	-pie-background: rgb(204,134,87) linear-gradient(top,rgb(220,193,175),rgb(206,171,147));
}
#pack_locataire
{
	background-color: rgb(195,64,28); 
	background-image: -moz-linear-gradient(top,rgb(207,129,85),rgb(195,64,28));
	background-image: -o-linear-gradient(top,rgb(207,129,85),rgb(195,64,28));
	background: -webkit-gradient(linear,left top,left bottom,from(rgb(207,129,85)),to(rgb(195,64,28)));
	background-image: linear-gradient(top,rgb(207,129,85),rgb(195,64,28));
	-pie-background: rgb(195,64,28) linear-gradient(top,rgb(207,129,85),rgb(195,64,28));
}
#pack_bailleur-particulier
{
	background-color: rgb(220,82,25); 
	background-image: -moz-linear-gradient(top,rgb(223,133,87),rgb(220,82,25));
	background-image: -o-linear-gradient(top,rgb(223,133,87),rgb(220,82,25));
	background: -webkit-gradient(linear,left top,left bottom,from(rgb(223,133,87)),to(rgb(220,82,25)));
	background-image: linear-gradient(top,rgb(223,133,87),rgb(220,82,25));
	-pie-background: rgb(220,82,25) linear-gradient(top,rgb(223,133,87),rgb(220,82,25));
}
#pack_bailleur-hybride
{
	background-color: rgb(220,82,25); 
	background-image: -moz-linear-gradient(top,rgb(223,133,87),rgb(220,82,25));
	background-image: -o-linear-gradient(top,rgb(223,133,87),rgb(220,82,25));
	background: -webkit-gradient(linear,left top,left bottom,from(rgb(223,133,87)),to(rgb(220,82,25)));
	background-image: linear-gradient(top,rgb(223,133,87),rgb(220,82,25));
	-pie-background: rgb(220,82,25) linear-gradient(top,rgb(223,133,87),rgb(220,82,25));
}
#pack_bailleur-professionnel
{
	background-color: rgb(220,82,25); 
	background-image: -moz-linear-gradient(top,rgb(223,133,87),rgb(220,82,25));
	background-image: -o-linear-gradient(top,rgb(223,133,87),rgb(220,82,25));
	background: -webkit-gradient(linear,left top,left bottom,from(rgb(223,133,87)),to(rgb(220,82,25)));
	background-image: linear-gradient(top,rgb(223,133,87),rgb(220,82,25));
	-pie-background: rgb(220,82,25) linear-gradient(top,rgb(223,133,87),rgb(220,82,25));
}
#pack_vendeur-particulier
{
	background-color: rgb(226,115,30); 
	background-image: -moz-linear-gradient(top,rgb(235,158,95),rgb(226,115,30));
	background-image: -o-linear-gradient(top,rgb(235,158,95),rgb(226,115,30));
	background: -webkit-gradient(linear,left top,left bottom,from(rgb(235,158,95)),to(rgb(226,115,30)));
	background-image: linear-gradient(top,rgb(235,158,95),rgb(226,115,30));
	-pie-background: rgb(226,115,30) linear-gradient(top,rgb(235,158,95),rgb(226,115,30));
}
#pack_vendeur-hybride
{
	background-color: rgb(226,115,30); 
	background-image: -moz-linear-gradient(top,rgb(235,158,95),rgb(226,115,30));
	background-image: -o-linear-gradient(top,rgb(235,158,95),rgb(226,115,30));
	background: -webkit-gradient(linear,left top,left bottom,from(rgb(235,158,95)),to(rgb(226,115,30)));
	background-image: linear-gradient(top,rgb(235,158,95),rgb(226,115,30));
	-pie-background: rgb(226,115,30) linear-gradient(top,rgb(235,158,95),rgb(226,115,30));
}
#pack_vendeur-professionnel
{
	background-color: rgb(226,115,30); 
	background-image: -moz-linear-gradient(top,rgb(235,158,95),rgb(226,115,30));
	background-image: -o-linear-gradient(top,rgb(235,158,95),rgb(226,115,30));
	background: -webkit-gradient(linear,left top,left bottom,from(rgb(235,158,95)),to(rgb(226,115,30)));
	background-image: linear-gradient(top,rgb(235,158,95),rgb(226,115,30));
	-pie-background: rgb(226,115,30) linear-gradient(top,rgb(235,158,95),rgb(226,115,30));
}
/*-------- fin Page gestion pack----by Jordan {17/08/2011}-------*/
.nb_1
{
	
}
.nb_2
{
	
}
.nb_3
{
	margin-bottom: 50px;
}
.nb_4
{
	margin-bottom: 50px;
}
.nb_5
{
	margin-bottom: 100px;
}
.nb_6
{
	margin-bottom: 100px;	
}
.nb_7
{
	margin-bottom: 150px;	
}
.nb_8
{
	margin-bottom: 150px;	
}

/*-------- Page Inscription----by Jordan {17/08/2011}-------*/
.sf_apply {
	position: relative;
	color:black;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	behavior: url(/css/PIE.htc);
	background-color: rgb(240,230,220); 
	background-image: -moz-linear-gradient(top,rgb(240,240,240),rgb(240,220,200));
	background-image: -o-linear-gradient(top,rgb(240,240,240),rgb(240,220,200));
	background-image: -webkit-linear-gradient(top,rgb(240,240,240),rgb(240,220,200));
	background-image: linear-gradient(top,rgb(240,240,240),rgb(240,220,200));
	-pie-background: rgb(240,230,220) linear-gradient(top,rgb(240,240,240),rgb(240,220,200));
	
	box-shadow: 1px 1px 12px rgb(128,128,128);
	-moz-box-shadow: 1px 1px 12px rgb(128,128,128);
	-webkit-box-shadow: 1px 1px 12px rgb(128,128,128);
}

.creercompte {
	margin-left: 150px;
}

.formBase .checkbox_list li {
	position:absolute;
	white-space:nowrap;
	display:block;
	margin-left:220px;
	margin-top:-40px;
}

.mdp_caractere_min {
	font-size:9px;
	font-style:italic;
	margin-left:100px;
	margin-top:-170px;
	position:absolute;
}

.mdp_caractere_min_autres {
	font-size:9px;
	font-style:italic;
	margin-left:100px;
	margin-top:-155px;
	position:absolute;
}

.mdp_caractere_min_agences {
	font-size:9px;
	font-style:italic;
	margin-left:100px;
	margin-top:-330px;
	position:absolute;
}

.champs_obligatoire_inscription {
	font-size:9px;
	font-style:italic;
}

#CGV {
	text-decoration:underline;
}

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

.italic{ font-style: italic; }

#enveloppe
{
background-image: url('/images/letter.png');
background-repeat: no-repeat;
padding-left:15px;
}

.bloc_sympa {
	margin: auto;
	position: relative;
	color: black;
	padding: 10px 20px;
	border: 1px solid #C8C8C8;
	margin-left: 15px;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	box-shadow: 3px 3px 4px rgb(128,128,128);
	-moz-box-shadow: 3px 3px 4px rgb(128,128,128);
	-webkit-box-shadow: 3px 3px 4px rgb(128,128,128);
	
	background-image: -moz-linear-gradient(top,rgb(240,240,240),rgb(240,220,200));
	background-image: -o-linear-gradient(top,rgb(240,240,240),rgb(240,220,200));
	background-image: -webkit-linear-gradient(top,rgb(240,240,240),rgb(240,220,200));
	background-image: linear-gradient(top,rgb(240,240,240),rgb(240,220,200));
	background-color: rgb(240,230,220); 
	
	-pie-background: rgb(240,230,220) linear-gradient(top,rgb(240,240,240),rgb(240,220,200));
	behavior: url(/css/PIE.htc);
}

.bloc_sympa h3{
	font-size: 2em;
	color: #ED771E;		/* orange */
	margin-bottom: 0.4em;
}
#photoProfilItem{
    position: absolute;
    top: 18px;
    left: 18px;
    text-align: center !important; /* to override #data p */
    width: 200px;
}
#photoProfilItem img {
    border: 1px solid white;
}

/* Titre du tableau*/
.titre_table_admin {
	padding-left: 50px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	margin-top: 10px;
	border: 1px solid #EDEAE6;
	font-style: italic;
	font-weight: bold;
	font-size: 14px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	
	
	/* degradé */
	background-color: rgb(255,219,185); 
	background-image: -moz-linear-gradient(top,rgb(255,170,92),rgb(255,255,255));
	background-image: -o-linear-gradient(top,rgb(255,170,92),rgb(255,255,255));
	background: -webkit-gradient(linear,left top,left bottom,from(rgb(255,170,92)),to(rgb(255,255,255)));
	background-image: linear-gradient(top,rgb(255,170,92),rgb(255,255,255));
	 
	/* pour IE 7-8 */
	position: relative;
	-pie-background: rgb(240,150,72) linear-gradient(top,rgb(255,170,92),rgb(255,255,255));
	behavior: url(/css/PIE.htc);
}

/* Décoration du contenu de la table */
.contenu_table_admin{border-left: 1px solid #EDEAE6;border-right: 1px solid #EDEAE6;width: 95.5%; padding: 10px 10px 10px 20px;}
.contenu_table_admin p{ margin-bottom: 20px; }
.contenu_table_admin th{ padding: 5px; border-top: 1px solid #978C7C; border-bottom: 1px solid #978C7C; font-weight: bold; text-align: left;}
.contenu_table_admin td{ padding: 5px; border-top: 1px dotted #978C7C; border-bottom: 1px dotted #978C7C; }
.contenu_table_admin tr:hover{ background-color: #FFE9C9; }
.contenu_table_admin table{ border-collapse: collapse; width: 100%;}

.menu_haut_sinscrire
{
    left: 600px;
    top: 90px;
    z-index: 102;
}

.texte_rouge{ color: #FF0000; }
.texte_vert{  color: #00FF00; }
.texte_bleu{  color: #0000FF; }
.texte_transparent{ color: transparent; }

/* CSS correspondant aux commentaires en générale */ 
#comment_groupe{
    border-bottom: 1px solid white;
    margin-bottom: 10px;
    padding-left: 5px;
    min-height: 25px;
}
.comment_nom_prenom
{
	margin-bottom:-10px;
}
.bubul_groupe {
	padding: 3px 10px;
	background: #F9F9F9;
	border-color: #888;
	border-style: solid;
	border-width: 1px;
		/* pour IE 7-8 */
	position: relative;
	behavior: url(/css/PIE.htc);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 3px 3px 4px rgb(128,128,128);
	-moz-box-shadow: 3px 3px 4px rgb(128,128,128);
	-webkit-box-shadow: 3px 3px 4px rgb(128,128,128);
}
.bubul_groupe a{
	float:right;
    margin-top: -1px;
    margin-left: 5px;
}

.add_comment
{
	Font-weight:bold;
	font-size:15px;
	color:orange;
	border-bottom: solid 1px orange;
	width:695px;
	margin-bottom: 15px;
}