*{margin:0;padding:0;}
body {
/*background: #e7ddba url(./fond/coeur.png);*/
background: #e7ddba;
color : #404040;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
}

	

#center{
margin-left:auto;
margin-right:auto;
width:800px;
}
	
#header {
width:800px;
height:163px;
}

#menutop{
width:800px;
height:24px;
text-align:center;
background:#51260b;
}
#menutopadmin{
width:800px;
height:24px;
text-align:center;
}
#logo{
width:800px;
height:140px;
}

#main{
width:800px;
margin:1px;
}

#leftColumn {
float:left;
width:21px;
height:404px;
padding-right:1px;

border-right:1px solid #51260b;
font-size:14px;
}

#centerColumn {
border-top:1px solid #51260b;
float:right;
width:745px;
margin-right:3px;
margin-left:2px;
background:#DDDBC4;
font-size:14px;
}

#rightColumn {
float:right;
width:21px;
height:404px;
padding-left:3px;

border-left:1px solid #51260b;
}

#text2{
width:665px;
height:354px;
background: #DDDBC4 url(./image/css/fd_texte.jpg) no-repeat right;
float:right;
padding-right:75px;
padding-top:16px;
padding-left:5px;
}

#text{
width:245px;
height:354px;
background:url(./image/css/fd_texte.jpg) no-repeat;
float:right;
padding-right:75px;
padding-top:16px;
padding-left:5px;
}
#textadmin{
width:245px;
height:354px;
float:right;
padding-right:80px;
padding-top:16px;
}
#multimedia{
width:420px;
height:355px;
float:left;
}

#pub{
width:420px;
height:170px;
float:left;
}

#admin{
width:30em;
height:11.9em;
float:left;
}

#menubas{
width:420px;
height:200px;
background:url(./image/css/fd_bas.jpg) no-repeat center;
clear:both;
}

#star{
width:210px;
height:200px;
float:left;
}

#price{
margin-top:23px;
margin-left:-16px;
text-align:center;
}

#staring{
margin-top:24px;
margin-left:-16px;
text-align:center;
}

#menucenter{
margin : 0px;
padding:0px;
width:183px;
height:180px;
float:right;
text-align:center;
} 

#menucenter a{
display:block;
width:60px;
height:60px;
float:left;
}

#newsletters{
width:745px;
height:33px;
background:url(./image/css/barre.jpg) no-repeat ;
border-bottom:1px solid #51260b;
clear:both;
}

#newsletters p{
padding:6px 15px;
}

#footer {
margin-left:22px;
width:770px;
height:32px;
background:url(./image/css/tel.jpg) no-repeat;
clear:both;
}

#lbottom{
width:547px;
text-align:center;
float:left;
}

#rbottom{
padding-left:1em;
width:192px;
float:left;
}
#liens{
margin-left:auto;
margin-right:auto;
width:720px;
height:355px;
margin:10px;
border:0px;
}

.liens{
margin-left:auto;
margin-right:auto;
width:700px;
margin:10px;
border:0px;
}

.liens2{
margin-left:auto;
margin-right:auto;
width:700px;
height:78px;
margin:5px;
border:0px;
}
.signature {
float:right;
font-weight: bold;
font-size : 10px;
color : #666666;
font-family : verdana,sans-serif;
text-align:right;	
text-decoration: underline ;	   
}
.pdftarif{
padding:1em;
}
h1{
font-size : 16px;
color : #666666;
font-family : verdana,sans-serif;
}
.offre {
font-weight: bold;
font-size : 11px;
color : #666666;
font-family : verdana,sans-serif;
padding-left:20px;
padding-top:2px;
}
.texte {
font-weight: bold;
font-size : 11px;
color : #666666;
font-family : verdana,sans-serif;		   
}
.texte4 {
font-size : 10px;
color : #666666;
font-family : verdana,sans-serif;
      }
.texte12 {
font-size : 14px;
color : #666666;
font-family : verdana,sans-serif;
      }
.texte14 {
font-size : 14px;
color : #990000;
font-family : verdana,sans-serif;
} 
.inscription{
font-size : 14px;
color : #dcdac2;
font-family : verdana,sans-serif;
}

.footer {
font-size : 10px;
color : #dcdac2;
font-family : verdana,sans-serif;
}

A.newsletter {
font-size : 14px;
color : #dcdac2;
font-family : verdana,sans-serif;
text-decoration : underline;
}
A.newsletter:hover {
font-size : 14px;
color : #dcdac2;
font-family : verdana,sans-serif;
text-decoration : none;
}

A.afflivre {
font-size : 14px;
color : #404040;
font-family : verdana,sans-serif;
text-decoration : underline;
}
A.afflivre:hover {
font-size : 14px;
color : #404040;
font-family : verdana,sans-serif;
text-decoration : none;
}

A.webmaster {
font-size : 10px;
color : #dcdac2;
font-family : verdana,sans-serif;
text-decoration : underline;
}
A.webmaster:hover {
font-size : 10px;
color : #dcdac2;
font-family : verdana,sans-serif;
text-decoration : none;
}
	
A.site {
font-size : 10px;
color : #dcdac2;
font-family : verdana,sans-serif;
text-decoration : none;
      }
A.site:hover {
font-size : 10px;
color : #dcdac2;
font-family : verdana,sans-serif;
text-decoration : underline;
}

A.legal {
font-size : 10px;
color : #666666;
font-family : verdana,sans-serif;
text-decoration : none;
      }
A.legal:hover {
font-size : 10px;
color : #666666;
font-family : verdana,sans-serif;
text-decoration : none;
}
 A.client {
font-size : 10px;
color : #666666;
font-family : verdana,sans-serif;
text-decoration : underline;
		   }
A.client:hover {
font-size : 10px;
color : #666666;
font-family : verdana,sans-serif;
text-decoration : none;
		   }
img {border: 0;}
.sign{float:right;}
#blobs {
 width: 420px;
 height: 350px;
 background: url(./image/planespace.png);
 margin: 10px auto; padding: 0;
 position: relative;
}
#blobs li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#blobs a {display: block;}

#blob1 {
	left: 12px;
	top: 65px;
	width: 75px;
	height: 57px;
}
#blob2 {
	left: 12px;
	top: 128px;
	width: 39px;
	height: 60px;
}
#blob3 {
	left: 112px;
	top: 65px;
	width: 74px;
	height: 57px;
}
#blob4 {
	left: 238px;
	top: 65px;
	width: 82px;
	height: 44px;
}
#blob5 {
	left: 326px;
	top: 64px;
	width: 83px;
	height: 73px;
}
#blob6{
	left: 12px;
	top: 161px;
	width: 132px;
	height: 146px;
}
#blob7{
	left: 151px;
	top: 244px;
	width: 60px;
	height: 62px;
}
#blob8{
	left: 218px;
	top: 244px;
	width: 66px;
	height: 62px;
}
#blob9{
	left: 289px;
	top: 265px;
	width: 44px;
	height: 41px;
}
#blob10{
	left: 365px;
	top: 265px;
	width: 44px;
	height: 41px;
}
#blob11{
	left: 239px;
	top: 116px;
	width: 170px;
	height: 190px;
}
#blob12{
	left: 151px;
	top: 165px;
	width: 133px;
	height: 78px;
}
#blob1 a {height: 57px;}
#blob2 a {height: 60px;}
#blob3 a {height: 57px;}
#blob4 a {height: 44px;}
#blob5 a {height: 73px;}
#blob6 a {height: 146px;}
#blob7 a {height: 62px;}
#blob8 a {height: 62px;}
#blob9 a {height: 41px;}
#blob10 a {height: 41px;}
#blob11 a {height: 190px;}
#blob1 a:hover {background: url(./image/planespace.png) -11px -433px no-repeat;}
#blob2 a:hover {background: url(./image/planespace.png) -11px -497px no-repeat;}
#blob3 a:hover {background: url(./image/planespace.png) -111px -434px no-repeat;}
#blob4 a:hover {background: url(./image/planespace.png) -237px -434px no-repeat;}
#blob5 a:hover {background: url(./image/planespace.png) -326px -434px no-repeat;}
#blob6 a:hover {background: url(./image/planespace.png) -12px -901px no-repeat;}
#blob7 a:hover {background: url(./image/planespace.png) -150px -613px no-repeat;}
#blob8 a:hover {background: url(./image/planespace.png) -217px -613px no-repeat;}
#blob9 a:hover {background: url(./image/planespace.png) -288px -635px no-repeat;}
#blob10 a:hover {background: url(./image/planespace.png) -364px -635px no-repeat;}
#blob11 a:hover {background: url(./image/planespace.png) -239px -856px no-repeat;}


/*livre dor*/
.livre{
padding-left: 150px;
}

#texte{
	height:338px;
	margin-top:10px;
	width: 600px;
	font:  11px/1.5em Verdana;
	}
	#extra_controls, #scrollbar { 
    display:none; /* hide from incapable */
    }


/* ================================================================================================

    !!!!!!!! YOUR ATTENTION PLEASE !!!!!!!!

    Styles below particular to demo layout, not necessarily related to scrolling div code  

================================================================================================= */

div#wn {
    float:left;
    margin-right:8px;
    }
    
div#scrollbar {
    float:left;
    }

.clearer { clear:left; }

.mini{
font:9px Verdana;}