@charset "utf-8";
/* CSS Document Colette Gargaud */

body {
margin:0;
padding:10px 0 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:21px;
color:#000;
}

/*________ CONTENEURS ________________ */

#conteneur {
width:900px;
overflow:auto;
margin:auto;
border:1px solid #993;
}

/*________ BANDO ________________ */

#haut {
width:900px;
height:140px;
background: url(../images/fond_bando.gif) no-repeat 7px 0px;
}

#logo {
float:left;
margin:5px 0 0 5px;
border:0;
}

/*________ MENU ________________ */

#menu {
float:left;
font-size:14px;
font-weight:bold;
margin:105px 0 0 160px;
}

#menu a.menu, a.menu-on {
display:block;
height:35px;
float:left;
margin:0 15px;
}

a.menu:link, a.menu:active, a.menu:visited {
background:url(../images/fond_lien.gif) no-repeat bottom center;
text-decoration:none;
color:#369;}

a.menu:hover, a.menu:focus {
background:url(../images/fond_lien-on.gif) no-repeat bottom center;
color:#993;
}

a.menu-on:link, a.menu-on:active, a.menu-on:visited, a.menu-on:hover, a.menu-on:focus {
background:url(../images/fond_lien-on.gif) no-repeat bottom center;
color:#993;
text-decoration:none;
}

/*___________ INTERIEUR ________________________*/

#conteneur_int {
width:900px;
overflow:auto;
background:url(../images/separation.gif) no-repeat bottom center;
margin:0;
padding:0 0 15px 0;
float:left;
}

#info {
width:472px;
background:url(../images/fond_info.gif) no-repeat 0px 0px;
float:left;
text-align:center;
font-size:13px;
color:#000;
padding-top:20px;
margin:0 0 0 30px !important;
margin:0 0 0 15px;
}

#info p {
margin:15px 0 0 82px!important;
margin:15px 0 0 41px ;
padding:0;
width:315px;
float:left;
}

#info p.image {
margin:0 0 0 82px!important;
margin:0 0 0 41px ;
padding:0;
width:315px;
float:left;
}

#chezvous {
float:left;
margin:0 30px;
border:0;
}

#chezvous-page {
float:left;
margin:20px 0 10px 70px;
border:0;
}

#tel {
float:left;
margin:20px 0 0 0;
padding:0;
}

#tel-page {
float:left;
margin:20px 0 0 20px;
padding:0;
}

#menu_droite {
float:left;
width:396px;
height:310px;
margin:10px 0 0 0;
padding:0;
background:url(../images/fond_menuD.gif) no-repeat 0px 0px;
}

#menu_droite a {
display:block;
float:left;
font-size:13px;
text-align:center;
width:325px;
margin:30px 0;
}

a.menuD:link, a.menuD:active, a.menuD:visited {
color:#993;
text-decoration:none;
font-weight:normal;
}

a.menuD:hover, a.menuD:focus {
font-weight:bold;
}

#bloc_admin {
font-size:12px;
font-weight:bold;
color:#369;
float:left;
width:315px;
background:url(../images/fond_promo.gif) no-repeat 0px 0px;
padding:16px;
margin:10px 0 0 30px;
}

#bloc_admin p {
margin:0;
padding:0;
}

/*___________ INTERIEUR PAGE ________________________*/

#gauche {
float:left;
width:270px;
margin:0;
padding:0;
}

#droite {
float:left;
width:550px;
margin:0 0 0 30px;
padding:20px 0 0 0;
}

#menu_droite-petit {
float:left;
width:266px;
height:262px;
margin:0 0 0 0;
padding:0;
background:url(../images/fond_menuD-petit.gif) no-repeat 0px 0px;
}

#menu_droite-petit a {
display:block;
float:left;
font-size:13px;
text-align:center;
width:210px;
margin:23px 0;
}

h1 {
font-size:14px;
font-weight:bold;
font-style:italic;
color:#369;
margin:0;
padding:0;
}

#droite p {
font-size:12px;
font-weight:bold;
color:#369;
margin:5px 0 0px 0;
padding:0;
float:left;
width:550px;
}

ul {
margin:5px 0;
padding:0;
text-align:justify;
font-size:12px;
list-style-type:none;
float:left;
}

li {
margin:10px 0px;
padding:0 0 0 20px;
background:url(../images/puce.gif) no-repeat 0px 2px;
}

ul.f {
background:url(../images/chaussure.jpg) no-repeat right center;
}

ul.s {
background:url(../images/sac.jpg) no-repeat right center;
}

ul.t {
background:url(../images/lit.jpg) no-repeat right center;
}

ul.f li, ul.s li, ul.t li {
padding-right:120px;}

#tarif {
float:left;
margin:30px 0 0 70px;
padding:0;
}

#contact {
float:left;
}

table {
font-size:11px;
}

input.txt {
border:1px solid #369;
}

textarea {
border:1px solid #369;
width:370px;
}

td.centre {
text-align:center;
}

input.btn {
margin:0px 20px;
background-color:#369;
color:#FFF;
border:1px solid #993;
}

/*___________ COPYRIGHT _________________________________*/

#copyright {
width:900px;
float:left;
line-height:20px;
text-align:center;
font-size:10px;
}

a.copy:link, a.copy:active, a.copy:visited {
text-decoration:none;
color:#000;
}

a.copy:hover, a.copy:focus {
text-decoration:underline;
}

.num-temp{font-size:14px; color:#369;}