/* Feuille de style FAQ */
body {
margin: 0;
padding: 0;
text-align: center;  /* to overcome IE bug so that page centers in center vertically */
background-color: #7999EA;
	}
	
/*	Liens de base*/
	a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
	}
/* Pourtour */

#wrapper {
 width: 65%; 
margin: 0 auto;
text-align: left;	/* counteracts the center align in the body tag - so that the text does not center in rest of site */
}
/* Haut de page */	
#top {
	width:100%; background-color: #ffffff;
	height:94px;
	background-image: url(images/companyname.gif);
	background-repeat:no-repeat;
	}
#top1 {
	width:100%; background-color: #ffffff;
	height:94px;
	background-image: url(images/companynamee.gif);
	background-repeat:no-repeat;
	}
	/* Photos */
#image	{
width:100%;
height:191px;
background-image: url(images/headerpic.jpg);
background-repeat:repeat;
margin-top:2px;
}	
 
/*navigation  */
.nav {
background-color: transparent;
color: #FFCC00;
font: bold 1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#navBar1 {
padding: 4px 0px 4px 10px;
margin-top: 4px;
margin-left: 0px;
margin-bottom: 0px;
border: none;
background-color: transparent;
color: #FFFFFF;
background-image: url(images/navbar.gif);
background-repeat: repeat-x;
height: 3.5em;
font: bold 0.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#navBar1 ul {
	margin: 0px; 
	padding: 0px;
	list-style-type: none; 
color: #FFFFFF;
}
#navBar1 li {
	display: inline;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#navBar1 a {
	font: bold 1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: transparent;
	border: none;
	margin: 0px;
	color: #ffffff;
	text-decoration: none;
	padding: 0px 10px;
	border-right: 1px solid #FFFFFF;
}

#navBar1 a:link, #navBar a:visited {
	color: #FAF8F7;
	text-decoration: none; 
}

#navBar1 a:hover {
	color: #FFCC00;
	background-color: #000000;
	background-color: transparent;
}

#navBar1 a:active {
	background-color: transparent;
	color: #FFFFFF;
}

#navBar {
padding: 4px 0px 4px 10px;
margin-top: 4px;
margin-left: 0px;
margin-bottom: 0px;
border: none;
background-color: transparent;
color: #FFFFFF;
background-image: url(images/navbar.gif);
background-repeat: repeat-x;
height: 3.5em;
font: bold 0.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#navBar ul {
	margin: 0px; 
	padding: 0px;
	list-style-type: none; 

}
#navBar li {
	display: inline;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#navBar a {
	font: bold 1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: transparent;
	border: none;
	margin: 0px;
	color: #333333;
	text-decoration: none;
	padding: 0px 10px;
	border-right: 1px solid #FFFFFF;
}

#navBar a:link, #navBar a:visited {
	color: #FAF8F7;
	text-decoration: none; 
}

#navBar a:hover {
	color: #FFCC00;
	background-color: #000000;
	background-color: transparent;
}

#navBar a:active {
	background-color: transparent;
	color: #FFFFFF;
}
/* Fin navigation */
	
	
#news	{
	width:30%;  /*plus padding = 239*/
	height:auto;
	border:4px solid #FFFFFF;
	background-color:#D1E0E9;
	float:left;
	}
/* style nouveautés */
#darker	{
	width:100%;
	height:2.1em;
	background-color:#163992;
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	vertical-align:middle;
	text-align: center;
	line-height:2.0em;background-image: url(images/_nouv.jpg);
background-repeat:no-repeat;
	}
/* style nouveautés */
#darkerx	{
	width:100%;
	height:2.1em;
	background-color:#3257B5;
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	vertical-align:middle;
	text-align: center;
	line-height:2.0em;background-image: url(images/_nouveautes.jpg);
background-repeat:no-repeat;
	}
	/* nouveautés texte */

#text	{
padding:1em; 
width:95%;
font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#333; 
line-height:1.1em;
}
/* header style for the text box */
#text H2 {
font-size: 1.0em;
color: #000;
}

/* link styles for the news/text box area */

#text a, #text a:link, #text a:visited
{
	text-decoration: underline;
	color: #163992;
}
	
#text a:hover {
	background: #163992;
	color: #FFFFFF; text-decoration: none;
}
#text a:active {
	text-decoration: none;
	}
#text ul {
	background : transparent;
	text-align : left;
	font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

	/* main content area */
#content	{
background-color:#C1D1DA;
width:65%; /* plus 12px padding plus 8px border = 522 */
padding: 6px;
margin-left:9px;
float:right;
border:4px solid #FFF;
font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#333;
}

/* gives a bit of padding between the graphics inn the content area */
#content img {
	padding: 4px;
}
/* this rule ensures that Mac IE5.2 doesn't drop down the content dive */
#content p {
width: 100%;
}
	
	/* H1 style for the content area */
#content H1 {
font-size: 1.5em;
color: #163992;
}

#content H2 {
font-size: 1.0em;
color: #163992;
}

/* link styles for the content area */
#content a, #content a:link, #content a:visited
{
	text-decoration: underline;
	color: #163992;
}
	
#content a:hover {
	background: #163992;
	color: #FFFFFF; text-decoration: none;
}
#content a:active {
	text-decoration: none;
	}

/* bottom copyright div */	
#bottom	{
margin-top:5px;
width:100%;
height:40px;
background-color:#163992;
font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #FFFFFF;
float:left;
padding: 4px; 
line-height: 1.5em;
text-align: center;
}
#bottom a, #bottom a:link, #bottomt a:visited
{
	text-decoration: underline;
	color: #5E2933;
}
	
#bottom a:hover {
	text-decoration: none;
	color: #FFCC00;
}
#bottom a:active {
	text-decoration: none;
	}
#bottom img {
	padding: 4px;
}

/*Current marker page styles*/

#navBar a.currentLink {color: #FFCC00;}

.clearit {
clear: both;
font-size: 1px; /*for IE*/
height: 0;
line-height: 0px;
}

/* bottom copyright div */	
#pied	{
margin-top:5px;
width:100%;
height:40px;

color: #163992;

line-height: 1.5em;
text-align: center;
}
#pied a, #bottom a:link, #bottomt a:visited
{
	text-decoration: underline;
	color: #5E2933;
}
	
#pied a:hover {
	text-decoration: none;
	color: #FFCC00;
}
#pied a:active {
	text-decoration: none;
	}
#pied img {
	padding: 4px;
}
#galerie a {
		color: #ffffff;

}
#galerie a:hover {
	text-decoration: none;
	color: #FFCC00;
}
#galerie a:active {
	text-decoration: none;
	}

galerie a {
		color: #ffffff;

}