* { margin: 0; padding: 0; }

body { background: #fff; color: #000; font: 62.5%/1.2em arial,sans-serif; text-align: center; }
#main-wrapper { display: block; margin: 0 auto; padding: 0 7px; width: 960px; text-align: left; }

/* ----------------------------------- basics */
h1, h2, h3 { font-weight: normal; }
h1 { font-size: 2.2em; line-height: 2.4em; }
h2 { font-size: 1.6em; line-height: 1.8em; }
h3 { font-size: 1.3em; line-height: 1.4em; }
a { color: #2c2c2c; }
  a:hover { color: #f47a0e; }
a img { border: none; }
ul, ol { list-style: none; }

/* ----------------------------------- masthead */
#leaderboard { background: url("../images/orange.gif") no-repeat top left; padding: 3em 0 7em 0; position: relative; }
  #leaderboard h1 a { color: #333; text-decoration: none; } 
  #leaderboard h1 a:hover { color: #f47a0e; }
#main-nav { font-size: 1.1em; margin: 10px 0 0 0; text-transform: uppercase; font-weight: bold; }
  #main-nav li { float: left;  margin-left: 7px; }
  #main-nav li a { background: #ddd; color: #6c6c6c; display: block; padding: 1.1em 0; text-decoration: none; text-align: center; width: 8em; } 
  #main-nav li a:hover { background: #333; color: #eee; }
  #main-nav li a:active{ background-color: #f47a0e; color: #dddddd; }
  #main-nav li.rss-now a:hover,
  #main-nav li.rss-now a { background: #f47a0e; color: #eee; }
/* ----------------------------------- citation */
.home .left {  width: 607px; }
 #wrap{
width: 550px;
}
#wrap span{
	float: right;
	color:#ffffff;
	background-color:#f79b42;
	padding: 5px 5px 5px 5px; 
}
.gris{
	background-color:#444;
	color:#ffffff; 
	padding: 35px 25px 15px 15px; 
	font-size:14pt; 
	font-style: italic ;
}
.noir{
	background-color:#000000;
	color:#f79b42; 
	padding: 12px 12px 12px ; 
}

.home .right { width: 340px; text-align: left; }
.home .right h3 { font-weight: normal; font-size: 1.6em; color: #f47a0e; padding-left: 2px; }


.sidebar-wrapper { background: #fff; }
.sidebar-news { background: #f9f9de; border: 1px solid #e9e9b4; display: block; padding: 7px; color: #555; font-size: 12px; }
  .sidebar-news a:hover { text-decoration: none; }
.sidebar-wrapper h3 { overflow: hidden; }
ul.sidebar-ul { font-size: 1.2em; line-height: 1.4em; margin: 10px 0 0 0; width: 340px; }
  .sidebar-ul li { color:#777; border-top: 1px solid #ccc; line-height: 1.5em; width: 340px; }
  .sidebar-ul li a { background: url("../images/li-grey.gif") no-repeat 1px 3px; display: block; font-weight: normal; color: #888; text-decoration: none; padding: 3px 0 3px 20px; }
  .sidebar-ul li a:hover { background: url("../images/li.gif") no-repeat 1px 3px; color: #f47a0e; }
  .sidebar-ul li a:hover em { color: #999; }
.serve-random { font-size: 12px; color: #888; margin-top: 7px; }
  .serve-random a { color: #f47a0e; }
  .serve-random a:hover { text-decoration: none;  }
.sidebar-nextprev { margin-top: 10px; }
  .sidebar-nextprev li { float: left; }
  .sidebar-nextprev li.previous { margin-left: 5px; }
  .sidebar-nextprev li.next { float: right; margin-right: 5px; }
  .sidebar-nextprev li a { outline: none; display: block; height: 40px; width: 160px; background: #ddd; text-indent: -9999em; }  
  .sidebar-nextprev li.previous a { background: url("../images/nextprev.gif") no-repeat top left; }
    .sidebar-nextprev li.previous a:hover { background-position: bottom left; }
  .sidebar-nextprev li.next a { background: url("../images/nextprev.gif") no-repeat top right; }
    .sidebar-nextprev li.next a:hover { background-position: bottom right; }



/* ----------------------------------- categories */
#categories {  padding: 14px 0; border-bottom:1px solid #bbb; }

/* ----------------------------------- search */
.search { background: #f47a0e url("../images/search-bg.gif") no-repeat top left; display: block; width: 340px; height: 32px; }
  .search #searchForm { margin: 0 0 0 7px; }
  #searchForm input { vertical-align: middle; margin: 6px 0 0 0; }
  .search #searchForm #s { color: #666; font-size: 12px; border: 1px solid #f47a0e; padding: 1px; width: 265px; margin-right: 4px; }
  
/* ----------------------------------- footer */
#footer { color: #555; font-size: 1.2em; line-height: 1.4em; padding: 15px 0 72px; position: relative; width: 960px; }
  #footer .left { width: 590px; }
  #footer a { font-weight: bold; }

/* ----------------------------------- floats */
.right { float: right; }
.left { float: left; }
.clear { clear: both; }
.fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fix { display: inline-block; }
* html .fix { height: 1%; }
.fix { display: block; }

/*images flickr*/

.flickr { float: right; width: 335px; }
  .flickr ul { width: 335px; }
  .flickr li { float: left;  	list-style-type : none; }
  .flickr li div { position: relative; padding: 7px 7px 7px 7px;}
  .flickr li a { background: none; padding: 0; }
  .flickr li a img { background: #eee; border: 3px solid #ddd; }
  .flickr li a:hover img { border-color: #bbb; }
  
/*--------------------------@contenu*/
.contenuwrap{
	width:520px;
	padding: 0px 15px 3px 28px;
}
.contenuwrap li{
	display:block;
	height:250px;
	width:520px;
	}
.contenuwrap li .no{
	height:20px;
}
.contenuwrap li.prem{
	height:100px;
}
.cadre{
	border:solid;
}
.titres{
	color: #f47a0e;
	line-height:1.2em;
}
.contenu{
	color: #888;
	line-height:1.5em;
}
.contenu li{
	padding: 3px 15px 3px 28px;
}
/*---------------------mise en forme web.html*/
.imgd {
	float: right;
	width: 160px;
}
.imgg {
	float: left;
	width: 160px;
}
.imggp {
	float: left;
	width: 160px;
}

.defg {
	float: left;
	width: 250px;
	padding: 15px 15px 15px 28px;
}

.defd {
	float: right;
	width: 250px;
	padding: 15px 15px 15px 28px;
}
.defdp {
	float: right;
	width: 250px;
	padding: 20px 35px 15px 28px;
}
/*---------------------mise en forme print.html*/
.maincontenu{
	width:520px;
	padding: 0px 15px 3px 28px;
}
.maincontenu ul{
	padding:20px 20px;
}
.maincontenu li{
	height:30px;
	width:500px;
}

.txt{
	width:250px;float:left;	font-size: 1.5em; line-height: 1.6em; color: #888;
}
.text{
	font-size: 1.2em; line-height: 1.3em; color: #666;
}
.prix{
	width:120px;float:right;line-height:1.5em;font-size: 1.7em; line-height: 1.6em; color: #888;
}
/*-----------------------------formulaire de contact  */

.visible{
	
}
.invi{
	display:none;
}

fieldset { border:0;margin:0;padding:15px 0px; }
label { display:block;	font-size: 1.5em; line-height: 1.6em; color: #888; }
input.text,textarea { width:300px;padding:3px;border:1px solid #ccc; font-size: 1.5em; line-height: 1.6em; color: #888;}
input.err,textarea.err { width:300px;color:#333;padding:3px;margin:1px 0;border:1px solid #f47a0e; }
input.submit { padding:2px 5px; }

/*-----------------------------actus*/

#actuali{
	font-size:1.5em;
}
#actuali ul{
	padding: 15px 15px;
}
#actuali li{
	padding: 8px 15px;
}
#actuali a{
	text-decoration:none;
	color:#888;
	font-style: italic ;
}
#actuali a:hover{
	color: #f47a0e;
}

.erreur{ color:#333;padding:3px;margin:1px 0;border:1px solid #f47a0e; }

#breadcumb{ text-align:left; padding : 5px 5px 5px 5px; }

#cat{ list-style-type:none; }
  #cat li span { display:block; float:left; width:240px; padding:5px 5px 5px 5px; /*border:solid;*/ }

#tags_cloud{ text-align:center; }
.t_pt{ font-size:8px; }
.pt{ font-size:10px; }
.moy{ font-size:12px; }
.gd{ font-size:14px; }
.t_gd{ font-size:16px; }

#footer{ display:block; width:530px;}

#copyright { margin-right:auto; margin-left:auto; width:100%;  float:left; border:thin;text-align:center; }
  #copyright a{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 0px; margin: 0px; color:#35383d; text-decoration:none; }
  #copyright a:hover{ text-decoration:none; }