/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	font-family: "Trebuchet MS","Comic Sans MS",Arial,sans-serif;
/*	color: #333333;*/
	color: #000000;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
/*	background-color:#DCDCDC;
	background-color:#afeeee;*/
	background-color:#F5F5F5;
	text-align:left;
	/*background: url("img/deg.png") fixed;                         
	background-color:#ccaaaa;
	background: url("img/bg_grad.jpg") fixed;*/
	
	
}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	/*color: #005FA9;*/
	color:#a52100;
	font-weight:bold;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

/************** header tag styles **************/

h1{
 font: bold 120% "Trebuchet MS","Comic Sans MS",Arial,sans-serif;
 color: #000000;
 margin:0.5em 0.5em;
 padding: 0px;
 text-align:center;
}

h2{
 font: bold 114% "Trebuchet MS","Comic Sans MS",Arial,sans-serif;
 color: #a52100; 
 margin: 0px 0px 0.5em 0px;
 padding: 0px;
}

h3{
 font: bold 100% "Trebuchet MS","Comic Sans MS",Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font: 100% "Trebuchet MS","Comic Sans MS",Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font: 100% "Trebuchet MS","Comic Sans MS",Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}


/*************** list tag styles ***************/

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

/********* form and related tag styles *********/

form {
	margin: 0;
	padding: 0;
}

label{
 font: bold 1em "Trebuchet MS","Comic Sans MS",Arial,sans-serif;
 color: #334d55;
}
				
input{
font-family: "Trebuchet MS","Comic Sans MS",Arial,sans-serif;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#pagecell1{
	
	width:798px;
	background-color: #ffffff;
	border-left:1px solid #b52024;
	border-right:1px solid #b52024;
	border-top:none;
	padding:0px;
	margin-left: auto;
  	margin-right: auto;
}

#tl {
	/* position:absolute;*/
	position:relative;
	top: -1px;
	left: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#tr {
	/* position:absolute;*/
	position:relative;
	top: -1px;
	right: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#masthead{
	
	top: 0px;
	width:800px;
	text-align:left; /* center pour le conteneur */
	margin-left: auto;
 	margin-right: auto;
 	padding:0px;
} 

#pageNav{
	float: left;
	width:178px;
	padding: 0px;
	background-color: #F5f7f7;
	/**/
	font: small Verdana,sans-serif;
}

#content{
	padding: 0px 10px 0px 10px;
	margin:0px 0px 0px 0px;
	/*border-left: 1px solid #ccd2d2;*/
}


/***********************************************/
/* Component Divs                              */
/***********************************************/
#siteName{
	margin: 0px;
	padding: 1px 0px 1px 0px;
	color: #ffffff;
	font-weight: normal;
}

/************** utility styles *****************/

#utility{
	font: 90% "Trebuchet MS","Comic Sans MS",Arial,sans-serif;
	padding-top:5px;

	color:#b52024;
/*	*/
	
	height:2em;
	width:800px;
	text-align:right; /* center pour le conteneur */
	margin-left: auto;
 	margin-right: auto;
}

#utility a:link,a:visited{
	font-family: "Trebuchet MS","Comic Sans MS",Arial,sans-serif;
	color:#b52024;
}

#utility a:hover{
	text-decoration: underline;
}

/************** pageName styles ****************/

#pageName{
	padding: 0px 0px 0px 0px;
	margin: 0px;
	/*height:10px;
	border-bottom:1px solid #ccd2d2;*/
	
}

/*

*/


/************* globalNav styles ****************/

#globalNav{
	position: relative;
	height: 104px;
	color: #aaaaaa;
	padding: 0px;
	margin: 0px;
	background-image:  url("img/back.png");
	background-repeat:no-repeat;
	border:none;
	border-collapse:collapse;
}




#globalLink{
	position: absolute;
	top: 50px;
	height: 32px;
	min-width: 800px;
	padding: 0px;
	margin: 0px;
	left: 330px;
	z-index: 100;
}


a.glink, a.glink:visited{
  	font-size: 105%;
  	color:white;
	font-weight: normal;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	background-image:  url("img/bouton_rouge.png");
	/**/
}
a.llink, a.llink:visited{
  	font-size: 105%;
  	
  	color:white;
	/*    	*/
	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 4px 5px;

}
a.glink:hover,a.llink:hover {
	color:#E1D3D4;	
  	text-decoration:none;
	background-image:  url("img/bouton_rouge2.png");
}

.skipLinks {display: none;}

/************ subglobalNav styles **************/

.subglobalNav{
	position: absolute;
	top: 112px;
	width: 450px;
	height: 20px;
	margin-left: 330px;
 	margin-right: auto;
	padding: 0px 0px 0px 0px;
	visibility: hidden;
	color: #333333;
	text-align:left;
}

.subglobalNav a:link, .subglobalNav a:visited {
	font-size: 100%;
	font-weight:bold;
	color: #333333;
}

.subglobalNav a:hover{
	color: #555555;
	/*text-decoration: underline;*/
}




/************* breadCrumb styles ***************/

#breadCrumb{
	padding: 5px 10px 5px 10px;
	font: 11px "Trebuchet MS","Comic Sans MS",Verdana,sans-serif;
	color: #AAAAAA;
	text-align:left;
}

#breadCrumb a{
	color: #AAAAAA;
}

#breadCrumb a:hover{
	color: #a52100;
	text-decoration: underline;
}


/*************** story styles ******************/

.story {
	padding: 10px 10px 10px 10px;
	font-size: 80%;
} .story h2{
	font: bold 120% "Trebuchet MS","Comic Sans MS",Arial,sans-serif;
	margin:1em 0px 0px 0px;
}

.story h3{
	font: bold 120% "Trebuchet MS","Comic Sans MS",Arial,sans-serif;
	color: #000000;
	margin:1em 0px 0px 0px;
}

.story h4{
	font: bold 100% "Trebuchet MS","Comic Sans MS",Arial,sans-serif;
	text-decoration:underline;
	color: #000000;
}


.story p {
	padding: 0px 0px 0em 0px;
	margin: 1em 0px 0px 0px;
	text-align:justify;
}

.story a.capsule{
	font: bold 1em "Trebuchet MS","Comic Sans MS",Arial,sans-serif;
	color: #a52100;
	display:block;
	padding-bottom: 5px;
}

.story a.capsule:hover{
	text-decoration: none;
}

td.storyLeft{
	text-align:justify;
	padding-right: 12px;
}

th.prod{
	border-bottom:1pt dotted #a52100;
	padding-left:3px;
}


.story li, dt, dd{
	margin-top:8px;
}

/************** siteInfo styles ****************/

#siteInfo{
	
	width:800px;
	font-size: 75%;
	color: #888888;
/*	color:#a52100;*/
	padding-top: 15px;
	margin-top: 0px;
	text-align:center;
	background-image:  url("img/bas.png");
	background-repeat:no-repeat;
	margin-left: auto;
  	margin-right: auto;
}

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
	
}


/********************* plan *********************/
#plan{
	width:80%;
	margin-left:auto;
	margin-right:auto;
}

#plan ul li a{
	color:#333333;
	margin:0px;
	padding:0px;
}

#plan ul li ul li{
	margin:1px 0px;
	padding:0px;
}

#plan ul li ul li a {
	color:#333333;
	font-weight:normal;
	margin:0px;
	padding:0px;
}

/********************* end **********************/

.rem {
	color: #888888; 
	font-style: italic;
	font-size:90%;
	
}

p.illust{
	text-align:center;
	color:#555555; /* texte pour la legende*/
}


#devise{
	padding: 5px 10px 5px 10px;
	font: 14px "Trebuchet MS","Comic Sans MS",Verdana,sans-serif;
	font-style:italic;
	color:#000000;
	text-align:right;
}