ÿþ* {

 padding: 0;

 margin: 0; 

}



html { 

 font-size: 100%;

}



a, a:hover, a:active, a:visited{

 border: none;

}



body {

 background: url(images/bg.jpg);

 margin: 30px 0px;

 font-family: time new roman, times, serif;

 font-size: 62.5%;

 color: black;

}



#wrapper { 

 position: relative;

 margin: 0 auto;

 width: 700px;

}



#header{

 position:relative;

 width: 698px;

 height: 99px;

 color: #ffffff;

 border: 1px solid #000;

 border-bottom: 0px;

 background: #3c592f;

 background-image: url(images/bg_header.jpg);

 background-repeat: no-repeat;

}



#tag {

 margin: auto;

 position:absolute;

 left:418px;

 top:-25px;

}



#logo{

  margin: 35px 20px 0px 20px;

}



#navigation {

 width: 698px;

 height: 26px;

 border: 1px solid #000;

 border-bottom: 0px;

 background: #fffbe5;

}



#navigation ul{

list-style: none;

}



#navigation li{

float: left;

height: 20px; /* Mieux de mettre les propri}
t}
s de structure ( ex.: width/height/padding/border... )  sur 'li' que sur 'a' */

width: 140px;

padding-top: 6px;

border-right: 1px dotted #887757;

text-align: center; /* text-align = alignement du contenu pas de l'}
l}
ment */

}



/* Toujours mettre des d}
coration de structure sur des }
l}
ments de structure ( ex.: border sur 'li', pas sur 'a' ) */

#navigation li:hover

{

padding-top: 4px;

} 



#navigation li.accueil:hover

{

/* padding-top: 4px; */

border-top: 2px solid #3C592F;

} 

#navigation li.boutique:hover

{

/* padding-top: 4px; */

border-top: 2px solid #CE9600;

}

#navigation li.pause-cafe:hover

{

/* padding-top: 4px; */

border-top: 2px solid #982C06;

}





#navigation li a

{

font-size: 17px;

font-weight: bold;

/* height: 18px; */

/* float: left; */

/* padding-top: 8px; */

/* width: 140px; */

display: block;

/* border-right: 1px dotted #887757; */

text-decoration: none;

/* text-align: center; */

}



/*

#navigation li a.accueil:hover

{

padding-top: 6px;

border-top: 2px solid #3C592F;

} 



*/

#navigation li a.accueil 

{

color: #3C592F;

}



#navigation li a.boutique

{

color: #CE9600;

}



/*

#navigation li a.boutique:hover

{

padding-top: 6px;

border-top: 2px solid #CE9600; 

}

*/



#navigation li a.pause-cafe

{

color: #9A2C06;

}







/*

#navigation li a.pause-cafe:hover

{

padding-top: 6px;

border-top: 2px solid #982C06;

}

*/



#content { 

 width: 698px;

/* height: 875px;  ajouté par carl pour nouveau logo */

 color: #333;

 border: 1px solid #000;

 background: #eeead2;

 font-size: 1.2em;

 }



#colorline {

 clear:both;

 width: 698px;

 height: 4px;

 border: 1px solid #000;

 border-top: 0px;

 background-color: #990000;

 text-align:center;

}





#footer {

 width: 698px;

 height: 60px;

 border: 1px solid #000;

 border-top: 0px;

 background: url(images/bg_footer.jpg);

 text-align:center;

}



#footer p { 

 padding: 18px !important;

 padding: 14px;

 font-size: 12px;

}



#footer a:link {

 color: #256314;

}



.titre{

 margin-bottom: 10px;

 text-align: left;

 font-size: 24px;

 color: black;

 border-bottom: 1px dotted black;

}