/* CSS Document */
*{
	margin:0;
	padding:0;
}

body {
font-family: Arial, Helvetica, sans-serif;

color:#716671;
background-color:#FFFFFF;
background:url(images/fd.gif);

scrollbar-3dlight-color:    #999999;   
scrollbar-arrow-color:      #FFFFFF;   
scrollbar-darkshadow-color: #999999;   
scrollbar-face-color:       #999999;   
scrollbar-highlight-color:  #FFFFFF;  
scrollbar-shadow-color:     #FFFFFF;
}
ul, li {
padding: 0;
}
#conteneur {
position: relative;
width:960px;
margin: 0 auto;
}
#header {
width:960px;
height:79px;
position: relative;
background:url(images/fd_logo_accueil.gif) no-repeat;
}
#header_page {
width:960px;
height:79px;
position: relative;
background:url(images/fd_logo_page.gif) no-repeat;
}
#sous_menu {
position:relative;
padding-left:730px;
padding-top:25px;
}
#sous_menu a {
color:#8B848B;
text-decoration:none;
font-size:10px;
}
#sous_menu a:hover {
color:#D73E7F;
}
#foot {
position: relative;
margin: 0 auto;
width: 960px;
height:30px;
}

#foot span {
padding-left:40px;
color:#909794;
font-size:10px;
font-family: Tahoma, Arial, Helvetica, sans-serif
}
#foot a {
color:#909794;
}
#foot a:hover {
color:#000000;
}
.tx11 {
font-size:11px;
}
.tx14 {
font-size:14px;
} 
.rose14 {
color:#D73E7F;
font-size:14px;
}
.rose {
color:#D73E7F;
}
a.rose {
text-decoration:none;
color:#D73E7F;
}
a.rose:hover {
color:#716671;
text-decoration:underline;
}
.left {
float:left;
}
.right {
float:right;
}
.img_right {
float:right;
margin-left:20px;
}
.img_left {
float:left;
margin-right:20px;
}
.spacer {
clear: both;
}
form {
margin:0;
padding:0;
}
.bt_bleu {
color:#FFFFFF;
font-size:14px;
font-weight:bold;
background-color:#83C2CB;
}
.lien_gris {
color:#716671;
}
a.lien_gris {
text-decoration:underline;
color:#716671;
}
a.lien_gris:hover {
color:#D73E7F;
text-decoration:underline;
}

/* ACCUEIL */
#accueil {
background:url(images/fd_page_accueil.gif) no-repeat;
height:450px;
}
#accueil input {
color:#716671;
}
#offrir, #consulter, #annoncer {
padding-left:15px;
padding-top:5px;
}
#offrir {
position:absolute;
top:440px;
left:33px;
width:281px;
height:75px;
color:#716671;
font-size:11px;
}
#consulter {
position:absolute;
top:440px;
left:341px;
width:281px;
height:75px;
color:#716671;
font-size:11px;
}
#annoncer {
position:absolute;
top:440px;
left:650px;
width:281px;
height:75px;
color:#716671;
font-size:11px;
}
#texte_accueil {
position:absolute;
top:138px;
left:650px;
width:281px;
color:#716671;
font-size:12px;
margin-top:10px;
}
#texte_accueil p {
margin-top:10px;
}
#liste_recherche {
position:absolute;
padding:10px;
top:120px;
left:322px;
width:318px;
height:400px;
background-color:#FFFFFF;
font-size:11px;
visibility:hidden;
border:#CCCCCC solid 4px;
}
#liste_recherche li {
list-style:circle;
margin-left:10px;
}
#liste_recherche h1 {
font-size:14px;
margin-bottom:10px;
}

/* OFFRIR */
#page_offrir {
background:url(images/fd_offrir.jpg) no-repeat;
height:471px;
}
#entete {
position:absolute;
top:114px;
left:280px;
width:281px;
color:#716671;
font-size:12px;
margin-top:10px;
}
#adresse {
position:absolute;
top:89px;
left:650px;
width:215px;
height:70px;
padding:10px;
border:#999999 solid 1px;
background-color:#FFFFFF;
font-size:11px;
}
#barette_rose {
position:absolute;
padding-left:270px;
padding-top:8px;
top:190px;
left:280px;
height:37px;
background:url(images/fd_barette1.gif) no-repeat;
color:#FFFFFF;
}
#barette_bleu {
position:absolute;
top:238px;
left:280px;
width:637px;
height:37px;
background:url(images/fd_barette2.gif) no-repeat;
text-indent:-50000px;
}
#liste_produits {
position:absolute;
top:277px;
left:280px;
width:637px;
}
#liste_produits h1 {
color:#83C2CB;
font-weight:bold;
font-size:12px;
border-top:#83C2CB solid 1px;
margin-bottom:5px;
}
.case1 {
position:relative;
width:99px;
height:180px;
float:left;
margin:0px 10px;
text-decoration:none;
font-size:11px;
}
.case1 img{
position:absolute;

/*
margin:0;
margin-left:2px;
'border:#CCCCCC solid 1px;
*/
}
.case1 dl{
position:absolute;
width:100px;
text-align:center;
top:100px;
}
/* MENU */
#menu {
height:22px;
position:relative;
margin-left:400px;
margin-top:5px;
}
#nav {
list-style: none ;
margin: 0 ;
padding: 0 ;
overflow: hidden ;		
text-indent:-50000px;
}
#nav li {
float: left ;
}
#nav li.menu01 a {
width: 168px ;
height:22px;
display: block ;
background: #ffffff url(images/menu01.gif) left top no-repeat ;
text-decoration: none ;
}
#nav li.menu02 a {
width: 180px ;
height:22px;
display: block ;
background: #ffffff url(images/menu02.gif) left top no-repeat ;
text-decoration: none ;
}
#nav li.menu03 a {
width: 212px ;
height:22px;
display: block ;
background: #ffffff url(images/menu03.gif) left top no-repeat ;
text-decoration: none ;
}
								
#nav li.menu01 a:hover, #nav li.menu01 a:focus, #nav li.menu01 a:active {
background: #ffffff url(images/menu01.gif) right top no-repeat ;
text-decoration: underline ;
}
#nav li.menu02 a:hover, #nav li.menu02 a:focus, #nav li.menu02 a:active {
background: #ffffff url(images/menu02.gif) right top no-repeat ;
text-decoration: underline ;
}
#nav li.menu03 a:hover, #nav li.menu03 a:focus, #nav li.menu03 a:active {
background: #ffffff url(images/menu03.gif) right top no-repeat ;
text-decoration: underline ;
}

/* CONSULTER */
#page_consulter {
background:url(images/fd_consulter.jpg) no-repeat;
height:471px;
}
#menu_consulter {
position:absolute;
top:220px;
left:280px;
width:281px;
}
#menu_consulter a {
font-size:18px;
color:#D73E7F;
text-decoration:none;
}
#menu_consulter a:hover {
font-size:18px;
color:#716671;
text-decoration:none;
}
#menu_consulter ul {
margin-top:10px;
}

#menu_consulter li, #menu_consulter ul {
list-style:square;
margin-left:10px;
padding-top:5px;
}
#bloc_blog, #bloc_sms {
color:#FFFFFF;
font-size:11px;
padding-top:30px;
padding-left:15px;
}
#bloc_blog {
position:absolute;
top:118px;
left:655px;
width:221px;
height:120px;
background:url(images/fd_blog.gif) no-repeat;
}
#bloc_sms {
position:absolute;
top:243px;
left:655px;
width:221px;
height:120px;
background:url(images/fd_sms.gif) no-repeat;
}
.champs_blog {
font-family: Arial, Helvetica, sans-serif;
font-size:12px; 
width:135px;
color:#BC4848; 
border:solid 1px #D8A9AB;
background-color:#FCF0F0;
float:left;
margin-top:2px;
}
.champs_sms {
font-family: Arial, Helvetica, sans-serif;
font-size:12px; 
width:170px;
color:#5396A0; 
border:solid 1px #85B3BC;
background-color:#E6F3F5;
float:left;
margin-top:2px;
}
#historique {
position:absolute;
top:438px;
left:36px;
width:850px;
}
#historique h1 {
font-size:18px;
}
.entete_tab {
background-color:#83C2CB;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
text-align:center;
height:30px;
}
.entete_tab td {
border:#ffffff solid 1px;
}
.corps_tab {
font-size:12px;
font-weight:bold;
text-align:center;
}
.corps_tab td {
height:20px;
border:#ffffff solid 1px;
}
/* LISTE MAGASINS */
#page_magasins {
background:url(images/fd_page_magasins.jpg) no-repeat;
height:471px;
}
#entete_magasins1 {
position:absolute;
top:114px;
left:280px;
width:281px;
color:#D73E7F;
font-size:16px;
margin-top:10px;
}
#entete_magasins2 {
position:absolute;
top:114px;
left:575px;
width:281px;
color:#716671;
font-size:12px;
margin-top:10px;
}
#adresses_magasins {
position:absolute;
top:211px;
left:280px;
width:660px;
padding-top: 0;
text-align:justify;
font-size:11px;
}
#adresses_magasins h1 {
font-size:14px;
color:#D73E7F;
border-top: #D73E7F solid 1px;
margin-top:20px;
}
#adresses_magasins dl dt {
text-align:left;
clear:both;
}
#adresses_magasins dd {
text-align:left;
}
#adresses_magasins dl {
margin-bottom:15px;
}
#adresses_magasins a {
text-decoration:none;
font-weight:bold;
color:#5996a0;
font-size:10px;
}
#adresses_magasins a:hover {
color:#61675A;
}
.colonne {
float: left;
width: 220px;
margin: 1em 0;
}
/* OFFRIR COMMANDE */
#commande {
position:absolute;
top:277px;
left:280px;
width:637px;
}
#formulaire_cde {
position:relative;
width:637px;
}
#formulaire_cde input {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#61675A;
border:solid 1px #DADDDC;
margin-bottom:10px;
}
#formulaire_cde fieldset {
font-size:12px;
border:1px solid #DADDDC ;
padding:10px;
width:500px;
font-weight:bold;
margin-top:20px;
}
#formulaire_cde label {
float:left;
width:150px;
margin-right:10px;
text-align:right;
}
#formulaire_cde legend {
font-size:14px;
color:#D73E7F;
}
.form_text {
width:300px; 
font-size:12px; 
font-family: Arial, Helvetica, sans-serif; 
color:#61675A; 
border: 1px #DADDDC solid ;
}
/* ANNONCER */
#page_annoncer {
background:url(images/fd_page_annoncer.jpg) no-repeat;
height:471px;
}
#menu_annoncer {
position:absolute;
top:201px;
left:353px;
width:281px;
}
#menu_annoncer a {
font-size:14px;
color:#D73E7F;
text-decoration:none;
}
#menu_annoncer a:hover {
color:#716671;
text-decoration:none;
}
#menu_annoncer li, #menu_annoncer ul {
list-style-type: square;
padding-top: 5px;
margin-left:10px;
}
#inscription {
position:absolute;
top:140px;
left:314px;
width:537px;
}


#alerte_accueil {
position:absolute;
top:220px;
left:352px;
width:318px;
height:400px;
background-color:#FFFFFF;
font-size:11px;
visibility:hidden;
border:#CCCCCC solid 4px;
}