/*copyright by kitgraphiquegratuit.org*/
body, html   {background:#FFF url(images/fond.png) no-repeat top center;margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;text-align:left;color:#FFF;background-attachment: fixed;font-size:11px;font-weight:normal}        
#conteneur   {margin: 0 auto;position:relative;width:961px;text-align:left;}	
#header      {height:108px;background:url(images/header.png) no-repeat top;padding:13px 0 0 525px;margin:0;width:274px}   
#contenu     {background:url(images/contenu.png);width:759px;padding:0 20px;margin:0 auto;color:#FFF}	
#pied        {height:86px;background:url(images/pied.png) no-repeat bottom;padding:0 20px 0 20px;clear: both;width:759px;} 
#left        {position:absolute;width:172px;margin:100px 0 0 0;padding:0;color:#FFF;text-align:center}	
#right       {width:799px;padding:0;margin:0 0 0 0;float:right;}	   

.mh           {background:url(images/mh.png);width:172px;padding:0;margin:0 auto;height:27px} 
.mf           {background:url(images/mf.png);width:145px;padding:0 0 0 27px;margin:0 auto} 
.mb           {background:url(images/mb.png);width:172px;padding:0;margin:0 auto;height:108px}	

.mf ul            {margin:0;padding:0;width:135px;text-decoration: none;list-style: none;text-align:left;font-size:12px;font-weight:bold;} 
.mf ul li    	  {border-bottom:1px solid #a8a8a8;margin:0;padding:5px 0 5px 0}
.mf ul li a       {text-align:left;width:125px;color: #838383;text-decoration: none;outline:none;font-size:12px}
.mf ul li.bleu a:hover   {color:#0597c9} 
.mf ul li.orange a:hover {color:#f88d1a}
.mf ul li.vert a:hover   {color:#b9e22c} 

span.bleu       {background:url(images/bleu.png) no-repeat;width:16px;height:20px;color:#FFF;text-align:right;padding:0 0 0 4px;font-size:14px;text-decoration:none}
span.orange     {background:url(images/orange.png);width:16px;height:20px;color:#FFF;text-align:right;padding:0 0 0 4px;font-size:14px;text-decoration:none}
span.vert       {background:url(images/vert.png);width:16px;height:20px;color:#FFF;text-align:right;padding:0 0 0 4px;font-size:14px;text-decoration:none}
 
/*cadre bleu*/
.nhb   {height:16px;background:url(images/nhb.png) no-repeat;width:756px}
.nfb   {background:url(images/nfb.png);width:720px;padding: 0 15px 0 15px}
.nbb   {height:17px;background:url(images/nbb.png) no-repeat;width:756px}

/*cadre orange*/
.nho   {height:16px;background:url(images/nho.png) no-repeat;width:378px}
.nfo   {background:url(images/nfo.png);width:348px;padding: 0 15px 0 15px}
.nbo   {height:17px;background:url(images/nbo.png) no-repeat;width:378px} 

/*grand cadre vert*/
.gnhv   {height:14px;background:url(images/gnhv.png) no-repeat;width:756px;clear:both;}
.gnfv   {background:url(images/gnfv.png) ;width:726px;padding: 0 15px 0 15px}
.gnbv   {height:14px;background:url(images/gnbv.png) no-repeat;width:756px} 

/*grand cadre bleu*/
.gnhb   {height:14px;background:url(images/gnhb.png) no-repeat;width:756px;clear:both;}
.gnfb   {background:url(images/gnfb.png) ;width:726px;padding: 0 15px 0 15px}
.gnbb   {height:14px;background:url(images/gnbb.png) no-repeat;width:756px} 

/*grand cadre orange*/
.gnho   {height:14px;background:url(images/gnho.png) no-repeat;width:756px;clear:both;}
.gnfo   {background:url(images/gnfo.png) ;width:726px;padding: 0 15px 0 15px}
.gnbo   {height:14px;background:url(images/gnbo.png) no-repeat;width:756px} 

/* bt bas*/
#fbt_tfr        {background:url(images/fbt_tfr.png);width:211px;padding:0;margin:0 auto;height:83px;float:right}
#twitter        {background:url(images/twitter.png);width:58px;height:58px;cursor:pointer;float:left;margin:0 0 0 11px}	 
#twitter:hover  {background:url(images/twitter_hover.png);width:58px;height:58px}	
#facebook       {background:url(images/facebook.png);width:58px;height:58px;cursor:pointer;float:left;margin:0 0 0 7px}	
#facebook:hover {background:url(images/facebook_hover.png);width:58px;height:58px}	
#rss            {background:url(images/rss.png);width:58px;height:58px;cursor:pointer;float:left;margin:0 0 0 7px}
#rss:hover      {background:url(images/rss_hover.png);width:58px;height:58px}

/*bt header*/ 
#contact        {background:url(images/contact_hover.png);width:64px;height:67px;cursor:pointer;float:left}	
#contact:hover  {background:url(images/contact.png);width:64px;height:67px;}	

/* class générique*/
img, p, h1, h2, h3, h4, h5, h6, Span, object, table, td, input, tr, form{border:0;margin:0;padding:0} 
a                  {color: #FFF;text-decoration:underline;margin:0;outline:none;font-weight:bold}	
a:hover            {color: #FFF;text-decoration:none;}
.clear             {clear:both;visibility:hidden}	 	 
span               {color:#FFF;text-decoration:underline;font-size:13px;font-weight:bold}
.floatgauche	   {float:left;width:756px}

/*Footer*/
.copyright           {color:#b2b2b2;font-size:11px;text-align:left;margin:38px 0 0 0;width:470px;float:left}
.copyright a         {color:#b2b2b2;text-decoration: none;outline:none;font-weight:normal;}
.copyright a:hover   {color:#ffae01}		 

/*boutons header*/
#bouton1      {width:74px;height:20px;text-align:center;margin:0 0 0 2px;}
#bouton2      {width:76px;height:20px;margin:8px 0 0 74px;text-align:center}
#bouton3      {width:76px;height:20px;margin:6px 0 0 0;text-align:center}

#bouton1 a, #bouton2 a, #bouton3 a                       {color:#676767;text-decoration: none;outline:none;font-weight:normal;line-height:17px;font-size:10px}
#bouton1 a:hover, #bouton2 a:hover, #bouton3 a:hover     {color:#676767;text-decoration: none;outline:none;font-weight:normal;font-weight:bold}	 
#bouton1 span {color:#0096c9}
#bouton2 span {color:#9cc217}
#bouton3 span {color:#f78914}