/*
--------------------------------------------------
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
  CSS of the site www.labeauteducarmel.net
  Author:   Patricia Cardet (copyright)
  www.spirales-webdesign.net
  Version:  July 1, 2007
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
----------------------------------------------- */	   


/* Couleurs utilisées ------------------------------------------------------------ 
bordeaux    = #660000   fonds 102, 0, 0
rose		= #FFCCCC	text  255, 204 204
marine		= #000033
bleu ciel	= #D4E6F7	145,175,230
bleu roi	= #55A0FF  	85,160,255	(hover)
orange 		= #FF9900
orange2		= #006633 	(hover)
grey		= #F2F2F2
white 		= #FFFFFF
black 		= #000000
*/

/* ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */


body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
color:#FFCCCC;
background-image: url(http://boutique.labeauteducarmel.net/logos/etoile_fond.gif); 
background-repeat: repeat; 
}


p {
margin: 0 0 10px 0;
}

img { 
border: 0;
}

#header {
height: 30px;
background-color: #660000;
}

#haut {
height: 50px;
}

#conteneur {
position: absolute;
width: 100%;
}

#centre {
position: relative;
top:1em;
background-color:#660000;
text-align:justify;
width:750px;
border:solid 1px;
padding: 2em;
margin-left:auto;
margin-right:auto;

}

.ombre {
  float:left;
  clear:left;
  background-color:#800000;
  width:800px;
  margin: 10px 0 10px 10px !important;
  margin: 10px 0 10px 5px;
  padding: 0px;
  position:relative;
  }

 .boiteTxt {
  padding:4px;
  }



#centre_index {
margin-left: 150px;
margin-right: 150px;
text-align:justify;
}


#cadre_central {
background-color:#660000;
margin-left: auto;
margin-right:auto;
width: 600px;
text-align:justify;
}

#gauche {
position: absolute;
left:0;
width: 130px;
}

#droite {
float:right;
width: 150px;
margin-left:30px;
}

.float_left {
float:left;
display:inline;
width: 36%;
margin-right:3em;
padding-right:3em;
margin-left:2em;
padding-left:2em;
}

.float_right {
float:right;
width: 150px;
margin-left:6em;
padding-left:6em;
}

#pied {
clear:both;
height: 50px;
text-align:center;
}

#menuhaut {
list-style-type: none;
margin: 0;
padding:0;
}

#menuhaut li {
display: inline;
}
#menuhaut a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
#menuhaut a:hover {
text-decoration: none;
}
#menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
#menugauche li {
margin-bottom: 5px;
}
#menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
#menugauche a:hover {
text-decoration: none;
}
#menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
#menudroit li {
margin-bottom: 5px;
}
#menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
#menudroit a:hover {
text-decoration: none;
}

.display_inline{
    display:inline;
	}
/* START  Liens Index -------------------------------------------*/

a.lien_index img {
	border: none;
}

a.lien_index {
   color:#FFCCCC;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-decoration: none;
   background-color: #660000;
}

a:visited.lien_index {
   color:#FFCCCC;
   text-decoration: none;
   background-color: #660000;
}

a:hover.lien_index{
   color:#FFFFFF;
   text-decoration: none;
   background-color: #660000;
}

/* END  Liens Index ---------------------------------------*/

/* START  Liens 2 -------------------------------------------*/

a.lien0 img {
	border: none;
}

a.lien0 {
   color:#FFCCCC;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-decoration: none;
  
}

a:visited.lien0 {
   color:#FFCCCC;
   text-decoration: none;
   background-color:#660000;
}

a:hover.lien0 {
   color:#FFFFFF;
   text-decoration: none;
   background-color:transparent;
}

/* END  Liens 0 ---------------------------------------------*/



/* START  Liens 2 -------------------------------------------*/

a.lien2 img {
	border: none;
}

a.lien2 {
   color:#FFCCCC;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-decoration: underline overline;
  
}

a:visited.lien2 {
   color:#FFCCCC;
   text-decoration: underline overline;
   background-color:#660000;
}

a:hover.lien2 {
   color:#FFFFFF;
   text-decoration: underline overline;
   background-color:transparent;
}

/* END  Liens 2 ---------------------------------------------*/

/* START  Liens 3 -------------------------------------------*/

a.lien3 img {
	border: none;
}

a.lien3 {
   color: #FFCCCC;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-decoration: none;
}

a:visited.lien3 {
   color:#FFCCCC;
   text-decoration: none;
   background-color:transparent;
}

a:hover.lien3 {
   color:#FFFFFF;
   text-decoration: none;
   background-color:transparent;
}

/* END  Liens 3 ---------------------------------------------*/



.tableau {
    border-color:#FFCCCC;
	border: 1px;
	border-style:dotted;
	padding:1em;
	margin:0.5em;
	width:auto;
		}

.tableau_nuances {
    border-color:#660000;
	border: 0;
	border-style:solid;
	padding:1em;
	margin:0.5em;
	width:auto;
	background-color:#800000;
		}		
		
.tableau80 {
    border-color:#FFCCCC;
	border: 1px;
	border-style:dotted;
	padding:1em;
	margin:0.5em;
			}		
	
.td {
    border-color:#FFCCCC;
	border:1px;
	border-style:dotted;
	padding:1em;
	text-align:left;
	
	}
	
	
.td_nuances{
    border-color:#660000;
	border-style:solid;
	border-width:thin;
	padding:1em;
	padding-right:1em;
	text-align:left;
	background-color:#800000;
	}	

.td_large {
    border-color:#FFCCCC;
	border:1px;
	border-style:solid;
	padding:0.5em;
	text-align:left;
	font-size:3.5em;
	font-weight:bold;
	}	

.td_contact {
    padding:1.5em;
	font-size:1em;
	font-weight:bold;
	}	

.tr	{
    border-color:#FFCCCC;
	}
   
 
 .tableau_commande {
    border-color:#660000;
	background-color:#FFFFFF;
	border: 1px;
	border-style:dotted;
	padding:1em;
	margin:0.5em;
	width:80%;	
	}
 
.td_commande {
    border-color:#660000;
	border:1px;
	border-style:dotted;
	padding:1em;
	text-align:left;
	color:#660000;
	padding: 1em;
	}

.td_silver {
    border-color:#660000;
	background-color:#CCCCCC;
	border:1px;
	border-style:dotted;
	padding:1em;
	text-align:left;
	color:#660000;
	padding: 1em;
	}	

.h3bordeaux	{
    font-size:3em;
	font-weight:bold;
	display:block;
}

.h5bordeaux	{
    font-size:1.5em;
	font-weight:bold;
	display:block;
} 
   
   
   
   /*START Elements pour Pages --------------------------------*/

html>body {
  font-size: small;
}

p, blockquote {
    font-size: 1em;
	font-weight: normal;
	font-variant: normal;
	color: #FFCCCC;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
   text-decoration: none;
   color: #FFCCCC;
}
   
h1 {
   font-size: 2.0em;
}

h2 {
   font-size: 1.8em;
}

h3 {
   font-size:1.5em;
}

h4 {
   font-size: 1.3em;
}

h5 {
   font-size:1.1em;
   line-height:0.9em;
   display:inline;
}

h6 {
   font-size:1em;
}


.gotop
{
padding: 0;
margin: 0;
text-align:right;
font-weight:bold;
text-decoration:overline underline;
background-color:#660000;
color:#FFCCCC;
}

.top {
color:#660000;
}
<!---->


/* START  Class font-size ---------------------------------------*/
.xx-small {
  font-size:0.1px; 
  }
   
.x-small { 
  font-size:x-small;
  }
  
.small {
  font-size:small;
  }

.medium {
  font-size:medium;
  }

.large {
  font-size:large;
  } 
  
.x-large {
  font-size:x-large;
  }
  
.xx-large {
  font-size:xx-large;
  }    
 
/* END  Class font-size ------------------------------------*/

.textarea
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	background: #FFFFFF;
}

.label {
    position: absolute; 
	float:right;
	text-align:right;
	padding-left: 3em;
	top: 30em;
	left:28em 
}

.align_left {
    text-align:left;
}

.align_right {
    text-align:right;
}

.align_centre {
    text-align:center;
}

.align_justify {
    text-align:justify;
}

.lettrine {
float: left;
background-color: #660000;
margin: 6px;
padding: 6px;
border: 10px solid #660000; 
}


.lettrine_droite {
float: right;
background-color: #660000;
margin: 6px;
padding: 6px;
border: 3px solid #660000;
 }
 
.image_droite {
float: right;
background-color: #660000;
margin: 6px;
padding: 6px;
border: 3px solid #660000;
clear:both;
 }
 
 .image_gauche {
float: left;
background-color: #660000;
margin: 6px;
padding: 6px;
border: 3px solid #660000;
clear:both;
 }
 
  
 .jaune{
 color:#FFFF00;
 text-align:right;
 font-weight:bold;
 font-size:large;
 }
 
 
 .li {
 list-style-type:none;
 margin: 1em 0 1em 0;
 text-indent:-2em;
 }
 
 .clear {
 clear:both;
 }
 
 .cadre {
 border: solid 1px #FFCCCC;
 padding:1.5em;
 margin-bottom:1.5em;
 }
 
 .underline {
 text-decoration:underline;
 }
 
/* START  CMS ------------------------------------*/

/* List title div */
div.LIn_title {
    font-size:50px;
}

/*UL class    */     
ul.LIn_fullMode {
    font-style:italic;
}        

/*UL class    */ 
ul.LIn_shortMode {
    color:#FFCC33;
	font-size:1.5 em;
	list-style-type:square;
}


      

 /* Span surrounding pub/created date */
span.LIn_date {
    font-style:italic;
	font-size:1em;
}         

.LIn_date {
 font-weight:bold;
 font-size:36px;
 
 }
.LIn_date a{
color:#999999;
}



/*Span surrounding description */
span.LIn_desc {
    font-size:40px;
	color:#33FF99;
}          

/*Div surrounding pagination links*/
div.LIn_pagination {
color:#FF3399;
text-decoration:none;
}


   // span.LIn_currentPage {}   Span surrounding current page of
   //                           pagination (which wouldn't be css-able
   //                           by virtue of its <a> tag)

/* END  CMS ------------------------------------*/




/*Navigation------------------*/
#navcontainer
{
background: transparent;
padding: 1em 0 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:80%;
margin:auto;
}

#navcontainer:after
{
position:relative;
top: 1.5em;
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}


/* to stretch the container div to contain floated list */


ul#navlist
{
list-style: none;
padding: 0;
padding-left: 5%;
margin: 0 5% 0 5%;
width: 14%;
min-width: 98%;
text-align:left;
font-size: 0.85em;
}

ul#navlist li
{
display: block;
width: 25em;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 15em;
margin-right:50px;
padding: 0.5em;
border-width: 1px;
border-color: #660000;
border-style: solid;
color:#FFCCCC;
text-decoration: none;
background-color:#660000;
line-height:normal;
}

#navcontainer>ul#navlist li a { 
width: 150px;
margin-left:auto;
margin-right:60px;
}

ul#navlist li#active a
{
background: #f0e7d7;
color:#FFCCCC;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #FFFFFF;
background: transparent;
border-color: #660000;
font-weight:bold;
}


/*a[href^="mailto"]:hover:after { content: " > " attr(title); }*/