@charset "iso-8859-1";

body { 
	color:#fff;
	margin:0;
	padding:0;
	font-size:11px;
	font-family:verdana;
	background: url(images/bg_page.png) 0 0 no-repeat #232323;
  background-position:top center; 
}

#page {
	position:relative;
	width:820px;
	margin-left:auto;
	margin-right:auto;
}
.separator{
	clear: both;
	background-color:#000000;
	visibility: hidden;
	margin: 0;
	padding: 0;
	height: 1px;
	line-height: 0px;
	font-size: 0em;
	}

img {
  border:none;
}

/* FR : Style partie haute  ------------------------------------------------------------------------------------------- */
/* EN : style of top page header / menu ------------------------------------------------------------------------------------------------ */

#header {
	width: 820px;
	height: 139px;
	float:left;
	position:relative;
	}

#header #logo {
  position:absolute;
  top:0;
  left:48px;
  }
#header #searchmotor {
  position:absolute;
  top:25px;
  right:10px;
  }
#header #searchmotor .input {
	background: url(images/form_search_input.png) 0 0 no-repeat;
  width:147px;
  height:30px;
  float:left;
  font-size:14px;
  font-weight:bold;
  padding:5px;
  border:none;
	color:#aaaaaa;
}
#header #searchmotor .inputbouton {
	background: url(images/form_search_buton.png) 0 0 no-repeat;
  width:95px;
  height:30px;
  float:left;
  border:none;
  margin:0 0 0 10px;
}
#menu_top {
  width:800px;
  height:40px;
  margin:10px 0 0 10px;
	border:0px;
	float:left;
	position:relative;
	background: url(images/bg_menu_top.png) 0 0 no-repeat;
	}	

* html #menu_top {
	margin:20px 0 0 10px;
}
	
ul#menu1{
	float: left;
	list-style: none;
	margin:5px 0 0 10px;
	padding:0;
  }

* html ul#menu1 {
	margin:5px 0 0 10px;
}

ul#menu1 li{
	float: left;
	text-align: center;
	}

ul#menu1 li a{
	display: block;
	width: 82px;
	height: 35px;
	line-height:35px;
	font-family: verdana;
	font-size: 10px;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	outline: none;
	margin:0 10px 0 0;
	}
* html ul#menu1 li a {
	margin:0;
	padding:0;
}

ul#menu1 li:hover a, ul#menu1 li#current a{
	color: #000000;
	background: url(images/bg_onglet1_hover.png) 0 0 no-repeat;
}
* html ul#menu1 li:hover a {
  background-color:#fff;
}

#content {
  background-color:#ffffff;
  float:left;
  padding:10px;
  width:780px;
  margin:0 0 0 10px;
  }
#content_bottom {
	background: url(images/bg_bottom.png) 0 0 no-repeat;
	width:800px;
	height:11px;
	float:left;
	margin:0 0 0 10px;
  }
#leftpage{
  float:left;
  width:520px; 
  }
#leftpage .pagination_left {
	color:#ff7806;
	font-size:11px;
	font-weight:bold;
	float:left;
	height:50px;
	line-height:40px;
	background: url(images/pagination_arrow_left.png) 0 0 no-repeat;	
	padding:0 0 0 50px;
	margin:10px 0 0 0;
  }
#leftpage .pagination_right {
	color:#ff7806;
	font-size:11px;
	font-weight:bold;
	float:right;
	height:50px;
	line-height:40px;
	background: url(images/pagination_arrow_right.png) 0 0 no-repeat;	
	background-position:right;
	padding:0 50px 0 0;
	margin:10px 0 0 0;
  }
.article {
  float:left;
  margin:10px 0 0 0;
  }
.article .top {
	background: url(images/article_bg_top.png) 0 0 no-repeat;
	width:520px;
	height:10px;
	float:left;
  }
.article .middle {
	background-color:#FFFFFF;
	width:500px;
	padding:10px;
	float:left;
  }
.article .middle h1{
	color:#171717;
	font-size:18px;
	padding:0;
	margin:0;
  }
.article .middle h1 a{
	color:#171717;
	font-size:18px;
	text-decoration:none;
  }
.article .middle span{
	color:#5d5d5d;
	font-size:11px;
  }
.article .middle span a{
	color:#5d5d5d;
	font-size:11px;
  }
.article .middle p{
	color:#5d5d5d;
	font-size:11px;
	line-height:20px;
  }
.article .middle .illustration {
  float:left;
  margin:15px 15px 15px 0;
  }
.article .middle p a{
	color:#ff7806;
	font-size:11px;
	font-weight:bold;
  }
.article .top {
	background: url(images/article_bg_bottom.png) 0 0 no-repeat;
	width:520px;
	height:10px;
	float:left;
  }

#sidebar {
  float:left;
  width:250px;
  }
#sidebar #category {
	background: url(images/sidebar_top.png) 0 0 no-repeat;
	background-color:#232323;
	float:left;
	width:250px;
  margin:0 0 0 10px;
  }
#sidebar #category h2 {
	color:#aaaaaa;
	font-size:14px;
	margin:15px 0 0 18px;
	padding:0;
  }

#menu_list_category {
	width:140px;
	float:left;
	padding:0 0 0 0;
	margin:20px 0 10px 20px;
	list-style-type: none; 
	}
ul#menu_list_category li a { 
	font-weight:bold;
	text-decoration:underline;
	color:#ff7a09; 
	font-size:14px;
	padding:0 0 0 20px;
	height:30px;
	float:left;
	background: url(images/sidebar_arrow1.png) 0 4px no-repeat;
  }
ul#menu_list_category li a:hover { 
	color:#ffffff; 
	}

#sidebar #links {
	background: url(images/sidebar_top.png) 0 0 no-repeat;
	background-color:#232323;
	float:left;
	width:250px;
  margin:0 0 0 10px;
  }
#sidebar #links h2 {
	color:#aaaaaa;
	font-size:14px;
	margin:15px 0 0 18px;
	padding:0;
  }
#sidebar #links span {
	color:#ff7a09;
	font-size:11px;
  }
#sidebar #links .advertise {
  margin:20px 0 10px 0;
  float:left;
  }
#menu_list_links {
	width:210px;
	float:left;
	padding:0 0 0 0;
	margin:20px 0 10px 20px;
	list-style-type: none; 
	}
ul#menu_list_links li { 
	width:190px;
	padding:0 0 0 20px;
	margin:0 0 15px 0;
	float:left;
	background: url(images/sidebar_arrow2.png) 0 4px no-repeat;
  }
ul#menu_list_links li a { 
	font-weight:bold;
	text-decoration:underline;
	color:#aaaaaa; 
	font-size:11px;
  }
ul#menu_list_links li a:hover { 
	color:#ffffff; 
	}

#sidebar #fluxrss {
	background: url(images/sidebar_bottom.png) 0 0 no-repeat;
  float:left;
  width:230px;
  height:84px;
  margin:0 0 0 10px;
  padding:12px 0 0 20px;
  }
#sidebar #fluxrss b {
  color:#ff7a09;
  }
#sidebar #fluxrss a {
  color:#aaaaaa;
  text-decoration:none;
  }
  
/* FR : Style pour la page de contact (page4.htm)  ------------------------------------------------------------------------------------------------ */
/* EN : Style of the contact form (page4.htm) ------------------------------------------------------------------------------------------------ */

#formulaire label {
	font-size:10px;
	color:#737373;
	float:left;
	width:200px;
	height:22px;
	}
#formulaire .ligne {
  float:left;
  width:500px;
  margin:10px 0 10px 0;
  }

.input_contact {
	border:1px solid #b2b2b3;
	background:url("images/bg_input.png") repeat-x #ebebeb;
	padding:5px;
	font-size:11px;
	color:#394c52;
	width:250px;
	}


/* FR : Style pour les boutons rouge et vert ------------------------------------------------------------------------------------------------ */
/* EN : Style of the red / green buttons  ------------------------------------------------------------------------------------------------ */
	
.button {
  float:right;
	font-size:10px;
	color:#ffffff;
	width:150px;
	height:30px;
	line-height:27px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	background: url(images/bg_button.png) 0 0 no-repeat;
	margin:10px 5px 0 0;
	}
.button:hover {
	background: url(images/bg_button_hover.png) 0 0 no-repeat;
  }

/* FR : Galerie ------------------------------------------------------------------------------------------------ */
/* EN : Gallery  ------------------------------------------------------------------------------------------------ */


div#galerie
{
	text-align: center ;
}

ul#galerie_mini
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#galerie_mini li
{
	float: left ;
}

ul#galerie_mini li a img
{
	margin:5px 10px 5px 5px;
	border: 5px solid #ffffff ;
}

dl#photo
{
	clear: both ;
	margin: 0 auto ;
}

dl#photo dt
{
	font-size:14px;
	float:left;
	margin:10px;
	color:#202020;
	text-align:center;
	width:480px;
	background-color:#c1c1c1;
	padding:5px 0 5px 0;
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: 1px solid #dcb ;
}



#footer {
  text-align:center;
  padding:10px 0 15px 0;
  float:left;
	color:#aaaaaa; 
  width:820px;
  }
#footer a{
  color:#ff7a09;
  font-weight:bold;
  }