/*
--------------------------------------------------
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-color: #660000;
}

p {
margin: 0 0 10px 0;
}

img { 
border: 0;
}

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

#haut {
height: 10px;
background-color:#660000;
}

#conteneur {
position: absolute;
width: 100%;
background-color:#660000;
}

#centre {
position: relative;
top:1em;
left:18em;
background-color:#660000;
text-align:justify;
width:69%;
border:solid 1px;
padding: 1em;

}

.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 {
background-color:#660000;
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 {
float:left;
width: 150px;
}
#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: 110px;
background-color: #660000;
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.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;
}

<!---->


/* 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;
	overflow:hidden;
}

.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 ------------------------------------*/