* {margin: 0;
padding: 0;}

html {font-size:100.01%;} 

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
/*background-image: url(images/body_bg.gif);   <-- USE THIS IF YOU WANT THE PATTERN ON THE BACKGROUND
background-repeat:repeat;*/
background-color:#ffffff;
}
/******************************************** BEGIN structure *******************************************************/


#container {
width:922px;
height:auto;
margin: auto;
font-size:.9em;
}


#encadrer {
border-style:dashed;
padding:7px;

border-color:#FF6600;
}

#quotewrapper
{
	width:375px;	
	clear:both;
	padding:30px 0px 20px 10px;
}

#contenttop {
	float:left;
	width:520px;
	margin-top:150px;
	min-height:134px;
}

#contenttop p
{
	margin:0px 0px 0px 0px;
	font-family:Arial;
	font-size:12px;
	color:#444444;
	line-height:16px;
	padding:0px 0px 8px 0px;
}

#contenttop li
{
	font-family:Arial;
	font-size:12px;
	color:#444444;
	line-height:16px;
	padding:0px 0px 8px 0px;
	margin-left:45px;
	list-style-image:url(images/datebg_li.gif);
}

#contenttop h2
{
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size:17px;
	color:#4B2204;
	padding:0px 0px 10px 0px;	
	border:solid 0px #000000;
	margin-left:30px;


}

#contenttop h3
{
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size:17px;
	color:#4B2204;
	padding:0px 0px 10px 0px;	
	border:solid 0px #000000;
	margin-left:0px;

}

#contenttop img
{
	float:right;
	padding:0px 0px 7px 7px;
}

#alignspecial img
{
	float:left;
	padding:7px 7px 0px 0px;
}

#contenttop_index {
	float:left;
	width:520px;
	margin-top:220px;
	min-height:134px;
}

#contenttop_index p
{
	margin:0px 0px 0px 0px;
	font-family:Arial;
	font-size:12px;
	color:#444444;
	line-height:16px;
	padding:0px 0px 8px 0px;
}

#contenttop_index li
{
	font-family:Arial;
	font-size:12px;
	color:#444444;
	line-height:16px;
	padding:0px 0px 8px 0px;
	margin-left:45px;
	list-style-image:url(images/datebg_li.gif);
}

#contenttop_index h2
{
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size:17px;
	color:#4B2204;
	padding:0px 0px 10px 0px;	
	border:solid 0px #000000;
	margin-left:30px;

}

#contenttop_index img
{
	float:right;
	padding:0px 0px 7px 7px;
}


#address 
{
	width:130px;
	text-align:center;
	background-color: #F4F7F0;
	margin-top: 100px;
	margin-bottom: 0px;
	margin-left:13px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom:15px;
	border: 1px dotted #EBE2B7;
	font-style: italic;	
	font-size:10px;
}


#contentright
{
	float:left;
	width:200px;
	margin-top:0px;
	padding-top:0px;
	border:solid 0px #000000;	
}



.read_more {
	padding: 3px;
	text-align:right;
	font-style: italic;
	margin-bottom:20px;
	/*border-bottom: 1px solid #FB8020;*/

}

.read_more img
{
	float:left;
	border:none;	
	margin-top:2px;
	
}
	

a:link {color: #FB8020; text-decoration:none;}
a:visited {color: #FB8020; text-decoration:none;}
a:hover {color: #FB8020; text-decoration:none;}
a:active {color: #FB8020; text-decoration:none;}



/**** Date *****/

.feat_date {
width:18px;
height:20px;
background: url(images/datebg.gif) no-repeat;
float:left;
margin: 0px 0px 5px 5px;
padding-top:10px;
text-align:center;
font-family: "Times New Roman", Times, serif;
font-style: italic;
color:#bd7f4e;
font-size:15px;
font-weight:bold;
}

.feat_date span {
display:block;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:32px;
color:#686868;
font-weight:bold;
}

/***END Date **/

#contact {
clear: both;
height: 23px;
background-color: #431E03;	
font-size:13px;
text-align:center;
padding-right:20px;
border-bottom: 1px dotted #EBE2B7;
border-top: 1px dotted #EBE2B7;
color: #FFFFFF;
}

#contact p {
color: #ffffff;
font-size:12px;
}


#footer {
clear: both;
height: 15px;
font-size:10px;
text-align:center;
padding-right:20px;


}


.menu {
z-index:1000;
font-size:90%;
margin:0px 0 50px 10px; /* this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:200px;
}
/* hack for IE5.5 */
* html .menu ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.menu li {
position:relative;
background-image: url(images/carre_menu.png);
height:26px;
padding-left:20px;
}

.menu li.sub {
position:relative;
background-image: url(images/carre_menu_plus.png);
height:26px;
padding-left:20px;
}

/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
height:25px;
line-height:25px;
width:179px;
color:#fff;
text-indent:5px;
border:1px solid #fff;
border-width:0 0px 1px 0;
font-weight:bold;
font-size:12px;
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {background:#9B4E00; width:181px; w\idth:180px;}
/* style the link hover */
* html .menu a:hover {color:#fff; background:#431E03;}

.menu :hover > a {
color:#fff; 
background:#431E03;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:200px; 
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}
												 

/******************************* END CSS DOCUMENT *********************************************/