/* CSS Document */

body{
width:990px;
margin:60px auto;
padding:0;
font:11px Arial, Helvetica, sans-serif;
}

.spacer{
clear:both;
height:0;
margin:0;
padding:0;}

.blanc11{
font:11 px Arial, Helvetica, sans-serif;
color:#fff;
font-weight:bold;
}

.rouge11{
font:11px Arial, Helvetica, sans-serif;
color:#dd1b2b;
font-weight:bold;
}

.rouge{
font:12px Arial, Helvetica, sans-serif;
color:#dd1b2b;}

.rouge13{
font:13px Arial, Helvetica, sans-serif;
color:#dd1b2b;}

.taupe{
font:11px Arial, Helvetica, sans-serif;
color:#67625f;}

.taupe12{
font:12px Arial, Helvetica, sans-serif;
color:#67625f;}

.taupe-space{
font:12px Arial, Helvetica, sans-serif;
color:#928e8b;
line-height:20px;}


a.liens-rouge{
font:12px Arial, Helvetica, sans-serif;
color:#dd1b2b;
font-weight:bold;
text-decoration:none;}
a.liens-rouge:hover{
color:#dd1b2b;
text-decoration:underline;}

a.liens-taupe{
font:11px Arial, Helvetica, sans-serif;
color:#67625f;
text-decoration:underline;}
a.liens-taupe:hover{
color:#67625f;
text-decoration:none;}


/**************************  HEADER  ********************************/


#header{
float:left;
width:150px;}

h1#logo{
width:138px;
height:110px;
display:block;
text-indent:-5000px;
background:url(../images/logo-TBLconseil.jpg) no-repeat 31px 0;
margin:0;
padding:0;}

div#valeurs{
width:150px;
height:300px;
margin-top:50px;}

div#valeurs-id{
width:150px;
height:300px;
margin-top:0;}

div#valeurs-contact{
width:150px;
height:300px;
margin-top:0;}

/********************   COLONNE GAUCHE    ******************************/

#col-gauche{
float:left;
width:190px;
background:#bcb0ab url(../images/fond-partipris.gif) no-repeat 0 140px;
padding:40px 10px 20px 16px;
}

#col-gauche-identite{
float:left;
width:190px;
background:#bcb0ab;
padding:40px 10px 20px 16px;
font-weight:bold;
}

h2#tit-home{
width:150px;
height:18px;
display:block;
text-indent:-5000px;
background:url(../images/tit-partipris.gif) no-repeat 0 0;
margin:0;
padding:0;}

h2#positionnement{
width:159px;
height:36px;
display:block;
text-indent:-5000px;
background:url(../images/tit-parcours.gif) no-repeat 0 0;
margin:0;
padding:0;}

h2#pro-pq{
width:146px;
height:48px;
display:block;
text-indent:-5000px;
background:url(../images/tit-pro-pq.gif) no-repeat 0 0;
margin:0;
padding:0;}

h2#part-pq{
width:146px;
height:48px;
display:block;
text-indent:-5000px;
background:url(../images/tit-part-pq.gif) no-repeat 0 0;
margin:0;
padding:0;}

h2#tem-gauche{
width:178px;
height:48px;
display:block;
text-indent:-5000px;
background:url(../images/tit-temoignages2.gif) no-repeat 0 0;
margin:0;
padding:0;}

h2#dif-gauche{
width:178px;
height:48px;
display:block;
text-indent:-5000px;
background:url(../images/tit-dif-gauche.gif) no-repeat 0 0;
margin:0;
padding:0;}

h2#mbe-gauche{
width:178px;
height:48px;
display:block;
text-indent:-5000px;
background:url(../images/tit-mbe2.gif) no-repeat 0 0;
margin:0;
padding:0;}


h2#contact-gauche{
width:160px;
height:25px;
display:block;
text-indent:-5000px;
background:url(../images/tit-contact2.gif) no-repeat 0 0;
margin:0;
padding:0;}




/********************   DROITE     *************************************/

#content-general{
float:left;
width:603px;
margin:0 0 20px 7px;}

dl#menu{
position:relative;
height:23px;
width:610px;
margin:0;
padding:0;
}

dl#menu dt{
float:left;
list-style:none;}

dl#menu a{
display:block;
text-indent:-5000px;
height:18px;
text-decoration:none;
margin:0 2px;
}

a#m0{
width:58px;
background:url(../images/m0-accueil.gif) no-repeat 0 -18px;}
a:hover#m0{background:url(../images/m0-accueil.gif) no-repeat 0 0;}
a#m1{
width:101px;
background:url(../images/m1-identite.gif) no-repeat 0 -18px;}
a:hover#m1{background:url(../images/m1-identite.gif) no-repeat 0 0;}
a#m2{
width:119px;
background:url(../images/m2-programmme.gif) no-repeat 0 -18px;}
a:hover#m2{background:url(../images/m2-programmme.gif) no-repeat 0 0;}
a#m3{
width:95px;
background:url(../images/m3-temoignages.gif) no-repeat 0 -18px;}
a:hover#m3{background:url(../images/m3-temoignages.gif) no-repeat 0 0;}
a#m4{
width:92px;
background:url(../images/m4-infos-dif.gif) no-repeat 0 -18px;}
a:hover#m4{background:url(../images/m4-infos-dif.gif) no-repeat 0 0;}
a#m5{
width:50px;
background:url(../images/m5-mbe.gif) no-repeat 0 -18px;}
a:hover#m5{background:url(../images/m5-mbe.gif) no-repeat 0 0;}
a#m6{
width:57px;
background:url(../images/m6-contact.gif) no-repeat 0 -18px;}
a:hover#m6{background:url(../images/m6-contact.gif) no-repeat 0 0;}



dl#menu dd#smenu1{
	position:absolute;
	left:138px;
	z-index:10;
	width:120px;
	bottom:23px;
	visibility:hidden;
	margin:0;
	display:block;
	height:auto;
}

dl#menu dd ul{
	list-style:none;
}

dl#menu dd li{
	display:block;
	width:auto;
	height:auto;
	margin: 0 0;
}

a#m21{
	width:120px;
	height:18px;
	background:url(../images/m21-pro.gif) no-repeat 0 -18px;
	display:block;
	text-decoration:none;}
a#m21:hover{background:url(../images/m21-pro.gif) no-repeat 0 0;}

a#m22{
	width:120px;
	height:18px;
	background:url(../images/m22-part.gif) no-repeat 0 -18px;
	display:block;
	text-decoration:none;}
a#m22:hover{background:url(../images/m22-part.gif) no-repeat 0 0;}





div#anime-flash{
width:610px;
height:256px;
}
div#anime-flash #anime{
float:left;}

div#anime-flash #coordonnees{
float:left;
background:url(../images/fond-coordonnees.jpg) no-repeat 0 0;
width:119px;
height:86px;
padding:160px 10px 10px 10px;
text-align:right;
color:#fff;}


/***********************************************************************/
/********************   PROGRAMMES HOME    *****************************/
/***********************************************************************/


ul#programmes-home{
width:605px;
margin:20px 0 0 0;
padding:0;}

ul#programmes-home li{
float:left;
border-bottom:1px solid #e7e3e1;
border-right:1px solid #e7e3e1;
margin:0 0 0 3px;
list-style:none;
}

li#part-home{
width:297px;
height:180px;
background:url(../images/fond-particuliers.gif) no-repeat 70px 30px;}

li#pro-home{
width:297px;
height:180px;
background:url(../images/fond-pro.gif) no-repeat 25px 15px;}

a#tit-part-home{
width:297px;
height:100px;
text-decoration:none;
display:block;
text-indent:-5000px;
background:url(../images/tit-particuliers.gif) no-repeat 10px 10px;}

a#tit-pro-home{
width:297px;
height:100px;
text-decoration:none;
display:block;
text-indent:-5000px;
background:url(../images/tit-professionels.gif) no-repeat 10px 10px;}

ul#programmes-home p{
margin:25px 10px 0 45px;}

a#ensavoirplus{
width:297px;
height:13px;
text-decoration:none;
display:block;
text-indent:-5000px;
background:url(../images/bt-ensavoirplus.gif) no-repeat 215px -13px;}
a:hover#ensavoirplus{
width:297px;
height:13px;
text-decoration:none;
display:block;
text-indent:-5000px;
background:url(../images/bt-ensavoirplus.gif) no-repeat 215px 0;}


a#lien-aufeminin{
clear:both;
width:575px;
height:37px;
display:block;
background:url(../images/gagner-relooking-gratuit.jpg) no-repeat 0 0;
font:13px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
padding:25px 0 0 25px;}
a#lien-aufeminin:hover{
color:#c5d7e2;}

/***********************************************************************/
/********************   NOTRE IDENTITE    ******************************/
/***********************************************************************/

#back-identite{background:url(../images/back-identite.gif) no-repeat bottom left;}

ul#identite-content{
width:580px;
margin:20px 0 0 20px;
padding:0;}

h3#identite{
width:295px;
height:41px;
display:block;
text-indent:-5000px;
background:url(../images/tit-identite.gif) no-repeat 0 0;
margin:10px 0 0 20px;
padding:0;}

ul#identite-content li{
font:13px Arial, Helvetica, sans-serif;
color:#8d7e77;
margin-top:7px;
list-style:none;
padding:10px 0 0 40px;}

li#id1{
background:url(../images/identite-1.gif) no-repeat 0 0;
margin-left:0;}
li#id2{
background:url(../images/identite-2.gif) no-repeat 0 0;;
margin-left:70px;}
li#id3{
background:url(../images/identite-3.gif) no-repeat 0 0;;
margin-left:30px;}
li#id4{
background:url(../images/identite-4.gif) no-repeat 0 0;;
margin-left:100px;}
li#id5{
background:url(../images/identite-5.gif) no-repeat 0 0;;
margin-left:50px;}


/***********************************************************************/
/**************************   PGRM PROS   ******************************/
/***********************************************************************/

#back-pros{background:url(../images/back-pros1.gif) no-repeat 0 280px;}


div#pgrm-pros{
width:580px;
margin:20px 0 0 20px;
min-height:400px;
padding:0;
background:url(../images/back-pros2.gif) no-repeat right 50px;}

h3#pros{
width:228px;
height:26px;
display:block;
text-indent:-5000px;
background:url(../images/tit-professionels2.gif) no-repeat 0 0;
margin:10px 0 0 0;
padding:0;}

#pgrm-pros h4{
font:12px Arial, Helvetica, sans-serif;
color:#dd1b2b;
font-weight:bold;}

#pros-proced{
float:left;
width:270px;}
#pros-pourqui{
float:left;
margin-left:15px;
width:270px;
}

#conseils-trois{
clear:both;
width:360px;
height:auto;
padding:235px 0 0 0;}
#conseils-trois p{
float:right;
text-align:right;
font:12px Arial, Helvetica, sans-serif;
color:#928e8b;}
#conseils-trois img{
float:right;
width:77px;
margin:6px 0 3px 5px;}



/***********************************************************************/
/**************************   PGRM PART   ******************************/
/***********************************************************************/

#back-part{background:url(../images/back-part1bis.gif) no-repeat 5px 385px;}


div#pgrm-part{
width:580px;
margin:20px 0 0 20px;
min-height:680px;
padding:0;
background:url(../images/back-part2bis.gif) no-repeat right 50px;}

h3#part{
width:228px;
height:26px;
display:block;
text-indent:-5000px;
background:url(../images/tit-particuliers2.gif) no-repeat 0 0;
margin:10px 0 0 0;
padding:0;}

#pgrm-part h4{
font:12px Arial, Helvetica, sans-serif;
color:#dd1b2b;
font-weight:bold;}

ul#modules-part{
float:left;
width:280px;
margin:0 10px 0 0;
padding:0;}


ul#modules-part li{
font:11px Arial, Helvetica, sans-serif;
color:#8d7e77;
list-style:none;
padding:3px 0 0 30px;
background:url(../images/li-modules.gif) no-repeat 0 0;}

#conseils-part-trois{
clear:both;
width:360px;
height:auto;
text-align:right;
padding:240px 0 0 0;
font:11px Arial, Helvetica, sans-serif;
color:#8d7e77;
}


/***********************************************************************/
/**************************   TEMOIGNAGES      *************************/
/***********************************************************************/

#back-temoignages{background:url(../images/back-temoignages.gif) no-repeat 1px 200px;}

div#gauche-spe{
float:left;
width:366px;}

div#temoignages{
width:580px;
margin:20px 0 0 20px;
min-height:400px;
padding:0;}

h3#tit-temoignages{
width:220px;
height:33px;
display:block;
text-indent:-5000px;
background:url(../images/tit-temoignages.gif) no-repeat 0 0;
margin:10px 0 0 0;
padding:0;}

h5.chapeau-tem{
height:24px;
font:14px Arial, Helvetica, sans-serif;
color:#dd1b2b;
padding:5px 0 0 30px;
background:url(../images/guillemets.gif) no-repeat 0 0;
}
div#troisieme-temoignage{
clear:both;
width:300px;
height:auto;
text-align:right;
margin:0 0 0 60px;
padding:120px 0 0 0;}


/***********************************************************************/
/**************************   INFOS DIF       *************************/
/***********************************************************************/

#back-dif{background:url(../images/back-dif.gif) no-repeat 0 360px;}

div#dif{
width:580px;
margin:20px 0 0 20px;
min-height:400px;
padding:0;}

h3#tit-dif{
width:220px;
height:26px;
display:block;
text-indent:-5000px;
background:url(../images/tit-infodif.gif) no-repeat 0 0;
margin:10px 0 0 0;
padding:0;}

div#dif h4{
font:12px Arial, Helvetica, sans-serif;
color:#dd1b2b;
font-weight:bold;}

div#dif-ancres{
clear:both;
width:200px;
height:auto;
text-align:left;
margin:0 0 0 160px;
padding:20px 0 0 0;}

a.lien-ancres{
font:11px Arial, Helvetica, sans-serif;
color:#dd1b2b;
text-decoration:none;}
a.lien-ancres:hover{
font:11px Arial, Helvetica, sans-serif;
color:#dd1b2b;
text-decoration:underline;}




/***********************************************************************/
/**************************   M B E            *************************/
/***********************************************************************/

#back-mbe{background:url(../images/back-mbe.gif) no-repeat 30px 580px;}

div#gauche-spe{
float:left;
width:366px;}

div#mbe{
width:580px;
margin:20px 0 0 20px;
min-height:200px;
padding:0;}

h3#tit-m-be{
width:570px;
height:80px;
display:block;
text-indent:-5000px;
background:url(../images/tit-mbe.gif) no-repeat 0 0;
margin:10px 0 0 0;
padding:0;}


ul#mbe-seminaires{
width:580px;
margin:20px 0 0 20px;
padding:0;}

ul#mbe-seminaires li{
font:13px Arial, Helvetica, sans-serif;
color:#8d7e77;
margin-top:7px;
list-style:none;
padding:10px 0 0 40px;}

li#mbe1{
background:url(../images/identite-1.gif) no-repeat 0 0;
margin-left:0;}
li#mbe2{
background:url(../images/identite-2.gif) no-repeat 0 0;;
margin-left:0;}
li#mbe3{
background:url(../images/identite-3.gif) no-repeat 0 0;;
margin-left:0;}
li#mbe4{
background:url(../images/identite-4.gif) no-repeat 0 0;;
margin-left:0;}
li#mbe5{
background:url(../images/identite-5.gif) no-repeat 0 0;;
margin-left:0;}


/***********************************************************************/
/**************************   CONTACT   ******************************/
/***********************************************************************/

#back-contact{background:url(../images/back-contact.gif) no-repeat 90px 380px;}

div#contact{
margin:20px 0 0 20px;
min-height:350px;
padding:0;}

h3#tit-contact{
width:250px;
height:26px;
display:block;
text-indent:-5000px;
background:url(../images/tit-contact.gif) no-repeat 0 0;
margin:10px 0 0 0;
padding:0;}


/**********************   formulaire   *******************************/


#form-contact{
float:left;
font:11px Arial, Helvetica, sans-serif;
margin-top:20px;
}

#form-contact label.champs{
float:left;
width:100px;
margin: 5px 15px 0 0;
font:11px Arial, Helvetica, sans-serif;
color:#6a5839;
}

#form-contact li{
width:570px;
clear:both;}

li#champs-oblig{
width:450px;
color:#6a5839;
text-align:left;
margin-left:120px;
}

form.form  input.champs, textarea.champs{
margin:2px 0;
float:left;
}

form.form  li{
list-style:none;
text-align:left;
}

form.form a{
font-weight:bold;
color:#67625f;
margin-left:110px;
font:12px Arial, Helvetica, sans-serif;
text-decoration:none;}
form.form a:hover{
color:#67625f;
text-decoration:underline;}

.erreur{
background-color:#fff;
border:1px solid red;
color:red;
float:right;
margin: 5px 0 0 0;
}

#error{
font:10px Verdana, Arial, Helvetica, sans-serif;
color:red;}

a#envoi{
width:124px;
height:14px;
display:block;
text-indent:-5000px;
margin:10px 0 0 400px;
background:url(../images/bt-envoyer.gif) no-repeat 0 0;}



/***********************************************************************/
/*********************   MENTIONS + SITEMAP    *************************/
/***********************************************************************/

h3#tit-mentions{
width:270px;
height:30px;
display:block;
text-indent:-5000px;
background:url(../images/tit-mentions.gif) no-repeat 0 0;
margin:10px 0 0 0;
padding:0;}


h3#tit-sitemap{
width:270px;
height:30px;
display:block;
text-indent:-5000px;
background:url(../images/tit-plan-site.gif) no-repeat 0 0;
margin:10px 0 0 0;
padding:0;}


/***********************************************************************/
/****************************   FOOTER    ******************************/
/***********************************************************************/


#footer{
clear:both;
width:982px;
height:20px;
border-top:1px solid #e7e3e1;
font:10px Arial, Helvetica, sans-serif;
color:#ab9c96;
text-align:right;
}

#footer a{
font:10px Arial, Helvetica, sans-serif;
color:#ab9c96;
text-decoration:none;}
#footer a:hover{
font:10px Arial, Helvetica, sans-serif;
color:#8d7e77;
text-decoration:none;}