/*****************
Global
*****************/
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	background:url(img/ressource_bg_trame.jpg) left 13px repeat-y;
	background-color:#f97e04;
}
* html {margin:0;padding:0;} *+html {margin:0;padding:0;}
/*****************
Conteneurs
*****************/
#logo{
position:absolute;
left:620px;
top:140px;
width:140px;
height:140px;
/*border:1px solid;*/
}
#logo a{
display:block;
width:150px;
height:150px;
}
#conteneur {
	position:absolute;
	left:0px;
	top:0px;
	width:817px;
	height:100%;
}
#tete {
	background:url(img/ressource_top.jpg) left top no-repeat;
	width:817px;
	height:260px;
}
#contenu {
	background:url(img/ressource_left.jpg) left top no-repeat;
	width:539px;
	float:left;
	background-color: #ffffff;
margin-bottom:20px;
}
#menu {
	position:absolute;
	background:url(img/ressource_right.jpg) left top no-repeat;
	left:539px;
	width:278px;
	height:614px;
}

#pied {text-align:right;margin-right:20px;}
#pied img{border:0;margin: 0 0 -2px 0}
#contenu #pied a:hover{text-decoration:none;}

/*****************
Typos
*****************/
#contenu h2 {	
	margin: 7px 20px 10px 34px;
	font-size:16px;
	font-weight:bold;
	color:#f97e04;
}
#contenu h3{
	display:block;
	padding:2px;
	background-color:#fa7d05;
	text-transform: uppercase;
	margin: 7px 20px 10px 34px;
	font-size:12px;
	font-weight:bold;
	color:#fff;
}

#contenu h4  {	
	margin: 7px 20px 10px 34px;
	font-size:11px;
	font-weight:bold;
	color:#6c7f8e;
}

#contenu h5  {	
	margin: 7px 20px 10px 40px;
	font-size:10px;
	font-weight:bold;
	color:#6c7f8e;
}

#contenu h6  {	
	margin: 7px 20px 10px 50px;
	font-size:10px;
	font-weight:bold;	
	font-style:italic;
	color:#6c7f8e;
}

#contenu p {
	margin: 5px 20px 7px 34px;	
	font-size:10px;
	color:#6c7f8e;
	text-indent:30px;
	text-align:justify;
}
#contenu p.linkable {
	text-indent:0px;
	margin: 5px 20px 7px 0px;
}
#contenu p.linkable2 {
	text-indent:0px;
	padding-left:30px;
	margin: 5px 20px 7px 0px;
}
#contenu p.linkable span, #contenu p.linkable2 span {text-align:center;font-style:italic;}

#contenu p.italic {
/*color:#c36002;*/text-decoration:underline;
}

#contenu p a, #contenu ul li a{	
	color:#9eb3c4;
}

#contenu p a:hover, #contenu ul li a:hover{
	color:#556471;
	text-decoration:none;
}

#menu a {
	text-decoration:none;
}
#menu a:hover{
	text-decoration:underline;
}
#menu ul{
	list-style:none;
	width:180px;
}
#menu ul li{
	text-align:right;
}
#menu ul li h2{
	margin:30px 0 10px 0;
	font-size:12px;
	font-weight:bold;
	color:#6c7f8e;
}

#menu ul li h3{
	margin:30px 0 10px 0;
	font-size:12px;
	font-weight:bold;
	color:#b0bac0;
}
#menu ul li a{
	font-size:10px;
	font-weight:bold;
	color:#6c7f8e;
}
#menu ul li ul li {
	margin-right:40px;
}
#menu ul li ul li a{
	font-weight:normal;
	color:#6c7f8e;
}
#menu ul li .ress{
	font-weight:normal;
	color:#b0bac0;
}
#menu ul li .ress:hover{
	color:#6c7f8e;
}

#conteneur img.illustration{
border:0px;
}
#contenu p.illus {
	display:block;width:121px;margin:1px;padding-left:10%;float:left;text-align:center;
}
#contenu p.illus4{
	padding-left: 15%; margin-right: auto; margin-top: 1px; margin-bottom: 1px;" style="margin-left:auto;margin-right:auto;
}
#contenu p.illus2 {
	display:block;width:213px;margin:1px;padding-left:0%;float:left;text-align:center;
}
#contenu p.illus span {text-align:center;}

/*****************
Contenu news & billets
*****************/
#index_pages_haut,#index_pages_bas{	text-align: center; font-size:115%; font-weight: bold; width:485px; margin: 10px 20px 20px 34px; }
#index_pages_haut{ border-bottom:1px solid gray; }
#index_pages_bas{	border-top:1px solid gray; }

#index_pages_haut a, #index_pages_bas a{	margin:2px;	color:#9eb3c4;	text-decoration: none; }
#index_pages_haut a:hover, #index_pages_bas a:hover{ border:1px gray solid; background-color: #fa7d05; margin:0px; padding-right:2px; padding-left:2px;	color:#fff; }
#index_pages_haut a.active, #index_pages_bas a.active{ border:1px gray solid; background-color: #fa7d05;	margin:0px;	padding-right:2px; padding-left:2px;	color:#fff; }

.contenu_news h3 a, .contenu_billet h3 a {
	text-decoration: none;
	color:white;
}
.contenu_news, .contenu_news h6, .contenu_billet {clear:both;}
.contenu_news a img, .contenu_billet a img {border:0;margin-right:3px;}
.contenu_news .date , .contenu_billet .date {
	float:right;
	position:relative;
	bottom:5px;
	right:5px;
	color:white !important;
}

.contenu_news .modifie , .contenu_billet .modifie{
	color:orange;
}

.contenu_billet .smiley_happy {
width :40px; height:40px; float:left; margin-left: 34px;
background:transparent url(img/icones/icone_emote_happy.gif) no-repeat top left; 
}
.contenu_billet .smiley_unhappy {
width :40px; height:40px; float:left; margin-left: 34px;
background:transparent url(img/icones/icone_emote_unhappy.gif) no-repeat top left; 
}
.contenu_billet .smiley_dubitatif {
width :40px; height:40px; float:left; margin-left: 34px;
background:transparent url(img/icones/icone_emote_dubitatif.gif) no-repeat top left; 
}
.contenu_billet .smiley_etonne {
width :40px; height:40px; float:left; margin-left: 34px;
background:transparent url(img/icones/icone_emote_etonne.gif) no-repeat top left;
}

/* Contenu de code source */

pre,code {
display:block;
width:430px; 
text-align:justify; 
font-family: Verdana, Helvetica,  Arial, sans-serif; 
font-size: 11px; 
margin: 10px 1px; 
margin-left:49px; 
padding: 15px 10px 10px 10px; 
background-color: #eee; 
color:black; 
border:dotted gray 1px; 
border-left: 10px gray solid; 
border-right: solid 1px gray;
overflow:auto;
}

/*****************
UL
*****************/

#contenu ul {
	margin-top:0;
	margin-bottom:10px;
	list-style-position: outside;
}
#contenu ul li{
	margin: 0px 20px 0px 40px;
	padding:0;
	font-size:10px;
	font-weight:normal;
	color:#6c7f8e;
	text-align:justify;
	list-style-image:url(img/puce_01.gif);
}
#contenu ul li.ss-li{
margin-left:60px;
}
/*****************
Contact & Pied
*****************/
#contact {margin-top:10px;}
#contact p.contcont {text-align:center;}
#contact p.contcont a.contact {width:95px;height:30px;display:block;text-indent:0;
background:url(img/bouton-contact.jpg) left top no-repeat;color:#efefe9;text-decoration:none;
font-size:150%;padding:5px 0 0 25px;font-weight:bolder;text-align:center;margin-left:180px;}
#contact p.contcont a.contact:hover {background:url(img/bouton-contact.jpg) left -35px no-repeat;color:#fff;}

#pied a {
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	color:#f97e04;
}

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

/*****************
RSS
*****************/
a.rss {
color: #fff !important;
text-decoration: none !important;
vertical-align: middle;
padding: .1em .2em .1em 16px;
background: #e70 url(img/rss.gif) 3px 50% no-repeat;
border: 1px solid #c50;
line-height: 1.8em;
}

/*****************
Détails
*****************/
a.ancre {text-decoration: none;}
.cccc {color:#ff6600;}

/*****************
PIED de page
******************/
#piedpage {margin-left:0;}
#piedpage .signature{
text-indent:0;
border-top:1px solid #666;
height:30px;
font-size:9px;
color:#999;
width:475px;
padding:5px;
}
#piedpage .signature a:hover{text-decoration:none;color:#999999;}

#piedpage .signature a{
text-decoration:underline;
color:#999999;
font-weight:bold;
}