@charset "iso-8859-1";/* FR : CSS et graphisme par WonkaStudio www.wks.fr  ------------------------------------------------------------------------------------------- *//* EN : CSS and design template by WonkaStudio www.wks.fr  ------------------------------------------------------------------------------------------- *//* FR : Style générale de la page  ------------------------------------------------------------------------------------------- *//* EN : Genral style of every page ------------------------------------------------------------------------------------------------ */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: *px;	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:#cfcfcf;	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;  }