/*copyright by kitgraphiquegratuit.org*/
body, html   {background:#222222;margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;text-align:center;color:#FFF;background-attachment: fixed;font-size:12px;font-weight:bold;}        
#conteneur   {margin: 0 auto;position:relative;width:899px;text-align:left;}	
#header      {height:203px;background:url(images/header.png) no-repeat top;padding: 0;margin:0;width:899px} 
  /************************************************************************************************************/
ul.menu             {list-style:none;width:164px;padding:0;margin:0;text-align:left}
ul.menu li a        {display: block;height: 14px;color: #000;text-decoration: none;font-size:12px;width:160px;padding:2px 0 2px 4px }
ul.menu li a:hover  {background:#ffffff;padding:2px 0 2px 4px }	
/************************************************************************************************************/
#menu                  {padding :0;margin : 0; list-style : none; line-height : 21px;text-align : center;font-weight :bold;font-size:12px;width:700px}
#menu ul               {padding : 0;margin : 0; list-style : none; line-height :30px;text-align : center}
#menu a                {display : block;height:35px;color: #1c8dd4;text-decoration : none;line-height:34px;width: 170px;font-weight: bold;outline:none}
#menu li /* Elements des listes */ {float : left;}/* pour ie qui ne reconnait pas "transparent" *//*border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
html>body #menu li       {border-right: 1px solid transparent;list-style : none;}
#menu li ul              {position: absolute; width: 108px; left: -899em; text-align:left;}
#menu li ul li           {text-align:left;}
#menu li ul li a         {text-align:center;outline:none;font-weight:normal;background: url(images/menu_hover.png);height:27px;color:#FFF;line-height:27px;font-weight: bold}	 
#menu li a.titre         {background:transparent;height:35px;width:110px;padding : 0;margin : 0; list-style : none;}
#menu li a.titre:hover   {background:transparent;height:35px;width:110px}
#menu li ul li a:hover   {background: url(images/menu.png);height:27px;line-height:27px;}
#menu li ul ul           {margin : -22px 0 0 111px; border-left : 1px solid #fff}
html>body #menu li ul ul {border-left : 1px solid transparent;}
#menu a:hover            {background: url(images/menu_hover.png);height:27px}
#menu li:hover ul ul, #menu li.sfhover ul ul  {left: -999em;text-align:left;padding:1px 2px;font-weight:normal}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul{left: auto;min-height: 0}	 
.sepa                          {float:left;height:30px;width:4px ;padding:2px 0 0 0}  
/************************************************************************************************************/

#contenu     {background:url(images/fond_contenu.png);width:879px;padding:0 10px 0 10px}	
#pied        {height:52px;background:url(images/pied.png) no-repeat bottom;padding: 0;margin:0 auto 0;clear: both;width:899px;text-align:center;} 
#right       {width:570px;padding: 0;margin:0 0 0 0;float:right;color:#232323;}
#left        {float:left;width:283px;margin:0 0 0 17px;padding:0}	
#up          {padding:75px 0 0 40px}   
#annonce     {background:url(images/annonce.png);width:257px;height:104px;padding:0 13px 0 13px;font-size:10px;} 

/*menu*/   			  
.mf			   {background:url(images/mf.png);width:283px;color: #FFF;margin:0 auto;text-align:center}
.mb            {margin:0 auto;padding:0;width:283px;background:url(images/mb.png) no-repeat;height:12px}	 
.mf p          {padding:0 0 5px 0}	 
.mf img        {margin:5px 0 0 0}	
ul             {margin:0 auto;padding:0;width:283px;text-decoration: none;list-style: none;font-weight:bold;text-align:left}
ul li a        {display: block;height:22px;width:267px;color: #FFF;text-decoration: none;background:url(images/bouton.png);font-weight:bold;padding:8px 0 0 16px}
ul li a:hover  {background:url(images/bouton_hover.png);color: #FFF;}	
					  
/* class générique*/
img, p, h1, h2, h3, h4, h5, h6, Span, object, table, td, tr{border:0;margin:0;padding:0} 
a                  {color: #1277b5;text-decoration: none;margin:0;outline:none;}	
a:hover            {color: #191919;}
.clear             {clear:both;visibility:hidden}	 	 
 
/*Footer*/
.copyright           {color:#FFF;font-size:11px;text-align:center}
.copyright a         {color:#FFF;text-decoration: none;outline:none}
.copyright a:hover   {color:#1277b5}
#remonter            {height:40px;float:left;width:185px;margin:0 0 0 38px;cursor:pointer}	

/*news*/ 
.tn            {width:256px;height:33px;background:url(images/tn.png);padding:14px 0 0 16px;color:#FFF}
.tng           {width:535px;height:32px;background:url(images/tng.png);padding:14px 0 0 24px;color:#FFF}
.bloc1         {width:272px;float:left;margin:0 5px 0 5px;} 
.bloc1 .texte  {width:256px;margin:0 auto;font-weight:normal;}  
.bloc1 table   {margin:0 auto;text-align:center;}  
.bloc2 .texte  {width:500px;margin:0 auto;font-weight:normal;}  
.bloc2         {clear:both;} 
span           {font-size:13px;color: #1277b5;font-weight:bold;}