/* CSS Document */

* {
margin: 0;
padding: 0;
}

.spacer{
display:block;
clear:both;
border: none;
font-size:1px;
height:0;
line-height:0;
}

body {
padding:0;
margin:0;
background:url(../images/fond.gif) repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#8e5417;
}

#general{
display:block;
width:1001px;
margin:0 auto;
background:url(../images/fond_fleur.gif) no-repeat left 760px;
}


/* Gauche */

#gauche {
display:block;
float:left;
width:201px;
}

h1 a {
display:block;
width:201px;
height:158px;
background:url(../images/logo-ora-coaching.gif) no-repeat top left;
text-indent:-5000px;
}

#gauche ul#menu {
margin-top:40px;
list-style:none;
display:block;
width:201px;
}

#gauche ul#menu li a{
display:block;
width:201px;
height:24px;
border-bottom:1px solid #e9dbcb;
text-indent:-5000px;
}

#gauche ul#menu li a#accueil{
background:url(../images/accueil.gif) 0 0;
}

#gauche ul#menu li a:hover#accueil{
background:url(../images/accueil.gif) 0 -24px;;
}

#gauche ul#menu li a#fondatrice{
background:url(../images/la-fondatrice.gif) 0 0;
}

#gauche ul#menu li a:hover#fondatrice{
background:url(../images/la-fondatrice.gif) 0 -24px;;
}

#gauche ul#menu li a#coach{
background:url(../images/choisir-coach.gif) 0 0;
}

#gauche ul#menu li a:hover#coach{
background:url(../images/choisir-coach.gif) 0 -24px;;
}

#gauche ul#menu li a#coaching-vie{
background:url(../images/coaching-de-vie.gif) 0 0;
border-bottom:25px solid #f2efed;
}

#gauche ul#menu li a:hover#coaching-vie{
background:url(../images/coaching-de-vie.gif) 0 -24px;;
}

#gauche ul#menu li a#questions{
background:url(../images/questions-frequentes.gif) 0 0;
}

#gauche ul#menu li a:hover#questions{
background:url(../images/questions-frequentes.gif) 0 -24px;;
}

#gauche ul#menu li a#tarifs{
background:url(../images/consultation-tarifs.gif) 0 0;
}

#gauche ul#menu li a:hover#tarifs{
background:url(../images/consultation-tarifs.gif) 0 -24px;;
}

#gauche ul#menu li a#actus{
background:url(../images/actualites.gif) 0 0;
}

#gauche ul#menu li a:hover#actus{
background:url(../images/actualites.gif) 0 -24px;;
}

#gauche ul#menu li a#management{
background:url(../images/ora-management.gif) 0 0;
}

#gauche ul#menu li a:hover#partenaires{
background:url(../images/partenaires.gif) 0 -24px;;
}

#gauche ul#menu li a#contact{
background:url(../images/contact.gif) 0 0;
}

#gauche ul#menu li a:hover#contact{
background:url(../images/contact.gif) 0 -24px;;
}

#gauche dt#accompagnements{
background:url(../images/accompagnements.jpg);
width:201px;
height:64px;
display:block;
text-indent:-5000px;
}


#gauche dd ul{
list-style:none;
}

#gauche dd ul li{
display:block;
width:181px;
padding-top:5px;
padding-left:20px;
}

#gauche dd a{
text-decoration:none;
color:#e31581;
}

#gauche dd a:hover{
color:#f6c2d8;
}

#gauche dt#aime{
margin-top:10px;
border-top:1px solid #e9dbcb;
background:url(../images/ils-ont-aime.gif);
width:201px;
height:33px;
display:block;
text-indent:-5000px;
}

#gauche dd#bloc{
background:#fceaf3;
width:171px;
padding:15px;
display:block;
line-height:18px;
}


/* Droite */


#droite {
display:block;
float:left;
width:800px;
}

#droite strong{
color:#e53188;
}

#droite strong.intro{
color:#e53188;
font-size:12px;
}

#droite h2.titre{
font-size:13px;
padding-left:18px;
padding-bottom:8px;
display:block;
height:25px;
background:url(../images/etoile_1.gif) no-repeat 0 0px;
border-bottom:15px solid #f2efed;
margin-bottom:10px;
}

#droite #colonne_bloc{
display:block;
float:left;
width:320px;
height:320px;
background:red;
margin-right:20px;
}

#droite #colonne_bloc_fondatrice{
display:block;
float:right;
width:320px;
height:340px;
background:url(../images/fondatrice.jpg) no-repeat top left;
margin-left:20px;
text-indent:-5000px;
}

#droite #colonne_bloc_coachingdevie{
display:block;
float:right;
width:320px;
height:340px;
background:url(../images/coaching-de-vie.jpg) no-repeat top left;
margin-left:20px;
text-indent:-5000px;
}

#droite #colonne_bloc_lovecoaching{
display:block;
float:right;
width:320px;
height:340px;
background:url(../images/love-coaching.jpg) no-repeat top left;
margin-left:20px;
text-indent:-5000px;
}

#droite #colonne_bloc_coachingimage{
display:block;
float:right;
width:320px;
height:340px;
background:url(../images/coaching-image.jpg) no-repeat top left;
margin-left:20px;
text-indent:-5000px;
}

#droite #colonne_bloc_brandingcoaching{
display:block;
float:right;
width:320px;
height:330px;
background:url(../images/branding-coaching.jpg) no-repeat top left;
margin-left:20px;
text-indent:-5000px;
}

#droite #colonne_bloc_homecoaching{
display:block;
float:right;
width:320px;
height:340px;
background:url(../images/home-coaching.jpg) no-repeat top left;
margin-left:20px;
text-indent:-5000px;
}

#droite #colonne_bloc_choisir-coach{
display:block;
float:right;
margin-left:15px;
width:220px;
height:340px;
background:url(../images/choisir-votre-coach.jpg) no-repeat top right;
margin-left:20px;
text-indent:-5000px;
}

#droite #colonne_texte{
display:block;
padding-left:25px;
float:left;
width:735px;
margin-top:15px;
text-align:justify;

}

#droite #colonne_texte a{ 
text-decoration:none;
color:#8e5417;
}

#droite #colonne_texte a:hover{ 
text-decoration:underline;
}

#droite #colonne_texte span.lettrineF{
display:block;
float:left;
width:50px;
height:35px;
background:url(../images/F.gif) no-repeat 20px top;
text-indent:-5000px;
padding-left:10px;
}

#droite #colonne_texte span.lettrineD{
display:block;
float:left;
width:50px;
height:35px;
background:url(../images/D.gif) no-repeat 20px top;
text-indent:-5000px;
padding-left:10px;
}

#droite #colonne_texte span.lettrineL{
display:block;
float:left;
width:50px;
height:35px;
background:url(../images/L.gif) no-repeat 20px top;
text-indent:-5000px;
padding-left:10px;
}

#droite #colonne_texte span.lettrineN{
display:block;
float:left;
width:50px;
height:35px;
background:url(../images/N.gif) no-repeat 20px top;
text-indent:-5000px;
padding-left:10px;
}

#droite #colonne_texte ul {
margin-top:10px;
display:block;
list-style:none;
background:#fceaf3;
padding:5px 10px;
color:#e53188;
}

#droite #colonne_texte ul a {
font-weight:bold;
text-decoration:none;
color:#8e5417;
}

#droite #colonne_texte ul a:hover {
color:#e53188;
}

#droite #colonne_texte ul#petiteliste {
margin-top:10px;
display:block;
list-style:none;
background:#fceaf3;
padding-left:10px;
padding-bottom:5px;
color:#e53188;
width:370px;
float:left;
}

#droite #colonne_texte ul li, #droite #colonne_texte ul#petiteliste li{
display:block;
background:url(../images/puce_fleche.gif) no-repeat left top;
padding-left:25px;
margin-top:8px;
}

#droite #colonne_texte ul#etoile{
display:block;
background:#FFF;
margin:0;
padding:0;
}

#droite #colonne_texte ul#etoile li{
display:block;
background:#FFF url(../images/puce_etoile2.gif) no-repeat left top;
padding-left:25px;
margin-top:8px;
margin-top:10px;
color:#8e5417;
}

#droite #colonne_texte ul#rose li{
display:block;
background-image:none;
padding-left:10px;
margin-top:5px;
}


#droite #colonne_texte .cadre {
display:block;
width:325px;
margin-bottom:2px;
float:left;
padding:15px 20px;
background:url(../images/coin_cadre.gif) no-repeat top left;
text-align:left;

}

#droite #colonne_texte .pastille-actu {
display:block;
width:300px;
margin-bottom:2px;
float:left;
margin:5px 30px;
background:url(../images/pastille-actu.jpg) no-repeat;
height:230px;
text-align:left;

}

#droite #colonne_texte .cadre-guillemet {
display:block;
width:325px;
margin-bottom:2px;
float:left;
padding:20px 20px;
background:url(../images/coin_cadre-guillemet.gif) no-repeat top left;
text-align:left;
text-indent:20px;
}

#droite #colonne_texte .cadre-guillemet2 {
display:block;
width:335px;
margin-top:30px;
float:left;
padding:20px 15px;
background:url(../images/coin_cadre-guillemet.gif) no-repeat top left;
text-align:center;
line-height:20px;
color:#adca47;
font-size:14px;
}

#droite #colonne_texte .cadre-guillemet2 em {
display:block;
width:335px;
padding-bottom:20px;
background:url(../images/coin_cadre-guillemet2.gif) no-repeat bottom right;
}



#droite #colonne_texte .cadre-guillemet strong.vert {
color:#c3e15b;
font-size:14px;
line-height:10px;
}

#droite #colonne_texte .cadre2 {
display:block;
margin-top:10px;
padding:15px 20px;
background:url(../images/coin_cadre.gif) no-repeat top left;
text-align:left;
border-bottom:1px solid #e9dbcb;
}

.filet{
display:block;
clear:both;
border: none;
font-size:1px;
height:0;
line-height:0;
border-bottom:1px solid #e9dbcb;
margin-bottom:5px;
}


#droite #colonne_texte .cadrelong {
display:block;
height:20px;
padding:5px 35px 20px;
background:url(../images/coin_cadre2.gif) no-repeat left 5px;
border-bottom:1px solid #e9dbcb;
text-indent:-20px;
width:650px;
}

#droite #colonne_texte .cadrelong2 {
display:block;
height:20px;
padding:5px 35px 20px;
background:url(../images/coin_cadre2.gif) no-repeat left 5px;
text-indent:-20px;
width:285px;
float:left;
}

#droite #colonne_texte #pave_gauche {
display:block;
float:left;
width:400px
}

#droite #colonne_texte #pave_droit {
display:block;
float:right;
width:290px;
padding:0 10px;
border-left:5px solid #f2efed;
}


#droite #colonne_texte span.number {
font-size:24px;
line-height:22px;
}

#droite #colonne_texte #bloc_vert {
display:block;
padding:15px;
background:url(../images/fond_bloc-vert.gif);
}

#droite #colonne_texte #bloc_vert ul{
margin-top:0;
display:block;
list-style-type:decimal;
background:none;
padding:0;
color:#8e5417;
margin-left:50px;
}

#droite #colonne_texte #bloc_vert ul li{
background:url(../images/vide.gif) no-repeat top left;
padding-left:0;
}

#droite #colonne_texte #bloc_vert a{
color:#8e5417;
text-decoration:none;
font-size:12px;
line-height:16px;
}

#droite #colonne_texte #bloc_vert a:hover{
color:#e53188;
}

#droite #colonne_texte #bloc_vert strong{
color:#8e5417;
}

#droite #colonne_texte img#img-gauche {
float:left;
}


/* Formulaire__________________________________*/

#droite #colonne_texte #formulaire ul{
display:block;
padding:10px 0;
background:#fceaf3 url(../images/a-tres-bientot.jpg) no-repeat top right;
}

#formulaire label{
display:block;
width:150px;
float:left;
font-size:12px;
font-weight:bold;
}

a.bouton{
display:block;
height:20px;
padding:4px;
background:#e53188;
width:100px;
float:right;
margin-top:7px;
text-align:center;
color:#FFF;
font-weight:bold;
text-align:none;
text-decoration:none;
border:1px #dec7d9 solid;
}

a:hover.bouton{
border:1px #e53188 solid;
background:#FFF;
color:#e53188;
}

/* Contact_erreur__________________________________*/

#error {
color:#CC0002;
font-size:9px;
display:block;
height:20px;
text-align:left;
}

.erreur{
border: 1px solid #CC0002;
}

li.erreur{
color:#CC0002;
border:none;
}

li.erreur label{
color:#CC0002;
}

li.erreur strong{
color:#CC0002;
}

/* Footer__________________________________*/

#footer {
margin-top:15px;
border-top:1px solid #e9dbcb;
color:#c3a78a;
display:block;
text-align:center;
padding-top:5px;
background:#FFF;
}

#footer a {
color:#c3a78a;
text-decoration:none;
}

#footer a:hover {
color:#8e5417;
}