/*
--------------------------------------------------------------------
Oyez Oyez productions Rouge Base Styles
WEB designer: Marie-Eve Roy
Version:  juillet 2008
-------------------------------------------------------------------------- */



/*                                                           GENERAL RULES
-------------------------------------------------------------------------- */
* {
	margin : 0;
	padding : 0;
}  
	  
body {
	background: #a64538;
	background-image:url(../img/bgrd_bodymariag.jpg);
	background-repeat:repeat-x;
	text-align:center;
	/* global font settings */
	font-family: Arial, Helvetica, sans-serif;
	color: #000; /* main text color */
}




/*                                                             GLOBAL DIVS
-------------------------------------------------------------------------- */

	
div#global {
	width:800px;
	margin : 0 auto;
	padding: 0px;
}	  
	   
/*                                                    GLOBAL TEXT SETTINGS
-------------------------------------------------------------------------- */	 	
h1 {
	font-size: 20px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	color: #d3a29c;
	margin-bottom: 10px;
	padding-left:0px;
}

h2 {
	font-size: 17px;
	font-family: "Times New Roman", Times, serif;
	padding-bottom: 8px;
	color:#c8887f;
}


h3 {
	font-size: 12px;
	font-weight: lighter;
	padding-top: 6px;
}

h4 {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight:bold;
	padding-top:8px;
	line-height:17px;
}

h5 {
	font-size: 14px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
	color: #000;
	padding-bottom:12px;
	line-height:17px;
}

h6 {
	font-size: 15px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	color: #561f09;
	padding-bottom:2px;
	line-height:16px;
}

p {
	font-family: "Times New Roman", Times, serif;
	margin-left: 1em 0;
	line-height: 17px;
	padding-bottom: 7px;
	font-size:14px;  
}

ul {
	margin-left: 1em 0;
	padding-top: 7px;
	padding-left: 45px;
	font-weight: normal;
	font-style: normal;
	font-size:12px;  
}

li {
	line-height: 16px;
	padding-bottom: 5px;
	list-style-image:url(../img/Btn_liste.gif);
}

blockquote {
	font-size:12px;
	font-weight:bold;
	line-height: 12px;
	padding-right: 40px;
	padding-left: 27px;
}  

table {
	height:inherit;
	text-align:left;
	border-top: 1px solid #c8887f;
	border-bottom: 1px solid #c8887f;

}


tr {
	text-align:left;

}

th {
	text-align:left;
	
}   

td {
	vertical-align: top;
	padding: 5px;
	border-bottom: 1px solid #d3a29c;

	}
	
a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #fff;
	text-decoration: underline;
}
	
hr {
	width:530px;
	height:1px;
	text-decoration:none;
	color:#7B0401;
	margin:0px;
}   
/*                                                                  CLASS
-------------------------------------------------------------------------- */

.tablo1  {
border:hidden;
}

/*                                                        NAVIGATION MENU
-------------------------------------------------------------------------- */



div#headermenu {
	width: 212px;	
	height:540px;
	background-image:url(../img/bgrd_menumariag.jpg);
	background-repeat:no-repeat;
	padding-top:104px;
	float:left;
}

#headermenu dl {
	padding-left:40px;
	padding-top:10px;
	text-align:center;
	}
  
#headermenu dt {
	cursor: pointer; 
	display: block;
	padding-left:10px;
}
 
#headermenu dt a {
 	display:block;
	font-size:12px;
	color: #341C15;
}

#headermenu dt a:hover {
 	text-decoration:none;
	color:#FFFFFF;
	text-shadow:#333333;
	border-collapse:inherit;
	}
  
#headermenu dd {
	position: absolute;
	float:left;
	margin-left:154px;
	margin-top:-13px;
	background-color:#cc9e4b;
	border: 1px solid #391e0c;
}


#headermenu ul{
	padding:3px;
	float:left;
	}
	
#headermenu li {
	display: block;
	text-decoration: none;
	line-height:10px;
	text-align:left;
	}
	
#headermenu li a {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bolder;
	text-decoration:none;
}

#headermenu li a:hover {
	color:#000;
	text-decoration: none;
}

.smenu1 {
	width:108px;
}

.smenu2 {
	
	width:108px;
} 

.smenu3 {
	
	width:108px;
}

.smenu4 {
	
	width:108px;
}

/*                                                         SOUSMENU TOP
-------------------------------------------------------------------------- */
div#top {
	height:121px;
	text-align:right;
	padding-top:26px;
}

div#sousmenu {
	height:25px;
	background-color:#d3a29c;
	text-align:right;
	padding-top:4px;
}


#sousmenu a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:800;
	font-variant:small-caps;
	padding-right:11px;
	color:#44170a;
} 

#sousmenu a:hover {
	color: #fff;
	text-decoration: none;
} 





/*                                                                   TEXTE
-------------------------------------------------------------------------- */


div#texte {
	text-align:left;
	margin-top:20px;
	padding-left:235px;
	}

div#texte a{
text-decoration:underline;
	}

/* Fixes footer containment bug in IE-Win (5 and 6)
http://www.positioniseverything.net/explorer/escape-floats.html
But IE5-Mac shouldn't see this \*/

* html #footer p {
	height:1%;
}
/* Resume IE5-Mac */