/*

Description: Voila Boutique
Author: Meridian Marketing Group
version: 1.0
*/

/* Reset Browser Defaults */
@import url( '/reset.css' );


/* basics */

img {
padding:0;
margin:0;
border:0;
}


*{margin:0; padding:0;}


body {
background:url(images/bg.jpg);
background-repeat:repeat-x;
}


#container {
margin: 0 auto;
margin-top:0px;
width:760px;
}


#header {
margin:0 auto;
width:760px;
height:315px;
background:URL(images/header-index.jpg);
}

#header-spa {
margin:0 auto;
width:760px;
height:315px;
background:URL(images/header-spa.jpg);
}

#header-coiffure {
margin:0 auto;
width:760px;
height:315px;
background:URL(images/header-coiffure.jpg);
}

#header-forfaits {
margin:0 auto;
width:760px;
height:315px;
background:URL(images/header-forfaits.jpg);
}

#header-coordonnees {
margin:0 auto;
width:760px;
height:315px;
background:URL(images/header-coordonnees.jpg);
}

#header-car {
margin:0 auto;
width:760px;
height:315px;
background:URL(images/header-car.jpg);
}

#logo { 
width:199px;
height:198px;
padding-top:50px;
padding-left:40px;
}




/* content */


#content-small {
text-align:left;
background:#fff;
width:500px;
margin-top:15px;
padding:20px;
}

#content-small h1 { font-family:garamond, georgia, serif; font-size:22pt; }
#content-small h1.coordonnes { margin-bottom:5px; }
#content-small h2 { font-family:garamond, georgia, serif; font-weight:bold; font-size:1.7em; color:#030F9F; margin-bottom:15px; }
#content-small h3 { font-family:garamond, georgia, serif; font-size:1em; margin-bottom:5px; }


#content-small p { 
font-family:helvetica, arial, sans-serif; 
font-size:.9em;
line-height:1.3em;
margin-bottom:10px;
}


#content-small a, a:visited {font-weight:bold; color:#6e6e64; text-decoration:none; }
#content-small a:hover {font-weight:bold; color:#444; text-decoration:none; }

#content-small ul { 
font-family:georgia, serif;
}

#content-small ul li { font-family:georgia, serif; }

#content {
text-align:left;
background:#fff;
width:720px;
margin-top:15px;
padding:20px;
}


#content h1 { font-family:garamond, georgia, serif; font-size:22pt; }
#content h2 { font-family:garamond, georgia, serif; font-size:1.7em; color:#030F9F; font-weight:bold; margin-bottom:15px;}
#content h3 { font-family:garamond, georgia, serif; font-size:1em; font-weight:bold; margin-bottom:5px; }


#content p { 
font-family:helvetica, arial, sans-serif; 
font-size:.9em;
line-height:1.3em;
margin-bottom:10px;
}

#content a, a:visited {font-weight:bold; color:#6e6e64; text-decoration:none; }
#content a:hover {font-weight:bold; color:#444; text-decoration:none; }

#content ul { 
font-family:georgia, serif;
}

#content ul li { font-family:georgia, serif; }


/* Start drop-down */

#nav {
    background:#fff;
    margin-top:22px;
    float: left; 
    width: 100%; 
    font-family: Garamond, Georgia, serif; 
    font-weight:bold;
    font-size:1.2em;
    }

#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:18px;
    padding:0;
    border:0px;
    margin:0;
    width:100%;
    border-bottom:5px solid #030F9F;
    }

#suckerfishnav a {
    display:block;
    color:#030F9F;
    text-decoration:none;
    padding:6px 5px;
    }

#suckerfishnav li {
    float:left;
    padding:5px;
    }

#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:131px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;

    }
#suckerfishnav li li {
    width:129px;
    font-weight:normal;
    font-family:Georgia, serif;
    font-size:1em;
    padding:3px;
    width:140px;
    padding-bottom:7px;
    padding-top:7px;

    }
#suckerfishnav li li a {
    padding:3px 10px;
    width:80px;
    font-size:13px;
    color:#fff;
    padding-left:4px
    padding:3px;
    width:140px;
    }
#suckerfishnav li ul ul {
    margin:-20px 0 0 130px;
    }
#suckerfishnav li li:hover {
    background:#030F9F;
    color:#fff;
    padding:3px;
    width:140px;
    padding-bottom:7px;
    padding-top:7px;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#fff;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#fff;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#333;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#fff;
    width:145px;
}

#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#030F9F;
    color:#fff;
    }

/* end drop down */



/* coordonnees */


#coordonnees {
margin:0 auto;
width:760px;
float:left;
 }



 .right {
width:400px;
float:left;
margin-top:20px;
margin-left:40px;

  }
  

 .left {
margin-top:20px;
margin-right:90px;
width:170px;
text-align:center;
float:right;
  }
  


/* sidebar */

#sidebar {
float:right;
width:200px;
padding-top:5px;
}


/* footer */

#footer {
height:50px;
width:760px;
background:#fff;
border-bottom:7px solid #030F9F;
clear:both;
}

#footer p {
font-family:helvetica, arial, sans-serif;
font-size:.9em;
text-align:center;
padding: 15px 10px;
}

#footer a,a:visited {
color:#444;
font-weight:bold;
text-decoration:none;
}

#footer a:hover {
color:#110101;
font-weight:bold;
text-decoration:underline;
}