/*copyright by kitgraphiquegratuit.org*/
body, html  {background:white url(images/fond.png) repeat-x;margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;text-align:center;color:#1F1F1F;font-size:12px}        
#conteneur  {margin: 0 auto 0;position:relative;width:1000px;padding:0;text-align:left;background:#F8F8F8}	
#header     {margin: 0 auto 0;width:1000px;height:65px;background: url(images/header.png) no-repeat top;padding:0} 	
#left       {width: 170px;float: left;}
#right      {width: 170px;float: right;}
#content    {margin-left: 170px;margin-right: 170px;margin-bottom:30px}


/*News*/   
.nh           {background:url(images/nh.png);width:660px;margin:0 auto;padding:0;color:#1F1F1F;height:20px}
.nf           {background:url(images/nf.png);width:630px;margin:0 auto;padding:0 15px 0 15px;font-size:16px;color:#5c5c5c}
.nb           {background:url(images/nb.png);width:660px;margin:0 auto;padding:0;color:#1F1F1F;height:26px}

/*petite News*/   
.nhp           {background:url(images/nhp.png);width:318px;margin:0px 4px auto;padding:1px 1 1 1;color:#1F1F1F;height:24px}
.nfp           {background:url(images/nfp.png);width:290px;margin:0px 4px auto;padding:1px 15px 0 15px;color:#1F1F1F}
.nbp           {background:url(images/nbp.png);width:318px;margin:0px 4px auto;padding:1px 1px 1px 1px;color:#1F1F1F;height:24px}

/*Slogan*/
ul.slogan    {margin:10px 0 0 0;padding:0;width:340px;text-decoration: none;position:absolute;right:0}     
ul.slogan li {color: #FFF;height:14px;font-size:14px;list-style-type: none;text-decoration: none;margin:12px 0 0 0;padding-top:4px;padding-left:55px;font-weight:bold;}   
li#bleu      {color:#024b75}

/*Menu*/
.mh           {background:url(images/mh.png);width:170px;margin:0 auto;padding:11px 0 0 0;color:red;height:15px;text-align:center;font-size:12px;font-weight:bold}
.mht           {background:url(images/mh.png);width:171px;margin:0 auto;padding:11px 0 0 0;color:red;height:15px;text-align:center;font-size:13px;font-weight:bold}
.mf           {background:url(images/mf.png);width:140px;margin:0 auto;padding:0 15px 0 15px;color:#2b2b2b;text-align:center}
.mb           {background:url(images/mb.png);width:170px;margin:0 auto;padding:0;color:#1F1F1F;height:24px}
ul.menu            {margin:0;padding:3px 0 3px 0;width:140px;text-decoration: none;text-align:left;font-size:10px}	   
ul.menu li         {margin:0 0 0 5px;padding:0;list-style-type: none;font-weight:bold;}	
ul.menu li a       {color: #2b2b2b;font-size:10px;height:15px;text-decoration: none;width:140px;margin:0; line-height:15px;}
ul.menu li a:hover {color: #1e89c7}	

/*Menu horizontal*/
#menu, #menu ul        {padding :8px 0px 0px 60px;margin :0px 0px 10px 10px; list-style : none; line-height :12px;text-align : center;}
#menu                  {font-weight :bold;font-size:12px;}
#menu a                {width:120px;height:19px;color:#FFF;display:block;text-decoration:none;outline:none;padding:7px 0 0 0;background:url(images/menu.png);font-weight:bold;font-size:12px;margin:0;color: #FF0000}
#menu li               {float : left;margin:0 1px 0 1px}/* 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;}
#menu li ul            {position: absolute; width: 100px; left: -999em; text-align:left;}
#menu li ul li         {text-align:left;}
#menu li ul li a       {text-align:center;outline:none;font-weight:normal;width:120px;height:19px;color:#FFF;display:block;text-decoration:none;outline:none;padding:7px 0 0 0;background:url(images/menu_hover.png);font-weight:bold;font-size:10px;margin:0}
#menu li ul li a:hover {background:url(images/menu.png);color:#FFF;}
html>body #menu li ul li {}
#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);color:#FFF;}
#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;}					
table.centre           {margin:0 auto;padding:0; height:16px;border:0;text-align:center}
#fm                    {height:26px;background:url(images/fm.png) no-repeat center;margin:0 auto;padding:0;width:914px}   	  
/*fin Menu horizontal*/	
 
/*Menu vertical*/
#menu2, #menu2 ul        {padding :8px 0px 0px 9px;margin :0px 0px 10px 0px; list-style : none; line-height :12px;text-align : center;}
#menu2                  {font-weight :bold;font-size:12px;}
#menu2 a                {width:120px;height:19px;color:#FFF;display:block;text-decoration:none;outline:none;padding:7px 0 0 0;background:url(images/menu.png);font-weight:bold;font-size:10px;margin:0;color:red}
#menu2 li               {float : left;margin:0 1px 0 1px}/* pour ie qui ne reconnait pas "transparent" *//*border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
html>body #menu2 li     {border-right: 1px solid transparent;}
#menu2 li ul            {position: absolute; width: 100px; left: -999em; text-align:left;}
#menu2 li ul li         {text-align:left;}
#menu2 li ul li a       {text-align:center;outline:none;font-weight:normal;width:120px;height:19px;color:#FFF;display:block;text-decoration:none;outline:none;padding:7px 0 0 0;background:url(images/menu_hover.png);font-weight:bold;font-size:10px;margin:0}
#menu2 li ul li a:hover {background:url(images/menu.png);color:#FFF;}
html>body #menu2 li ul li {}
#menu2 li ul ul           {margin : -22px 0 0 111px; border-left : 1px solid #fff;}										
html>body #menu2 li ul ul {border-left : 1px solid transparent;}
#menu2 a:hover            {background:url(images/menu_hover.png);color:#FFF;}
#menu2 li:hover ul ul, #menu2 li.sfhover ul ul  {left: -999em;text-align:left;padding:1px 2px;font-weight:normal;}
#menu2 li:hover ul, #menu2 li li:hover ul, #menu2 li.sfhover ul, #menu2 li li.sfhover ul{left: auto;min-height: 0;}					
table.centre           {margin:0 auto;padding:0; height:16px;border:0;text-align:center}
/*#fm2                    {height:26px;background:url(images/fm.png) no-repeat center;margin:0 auto;padding:0;width:914px}   	  
/*fin Menu2 vertical*/	


/*Class générique*/	 
.clear              {clear:both;visibility:hidden} 
Spant 		        {color:red;font-size:20px;font-weight:bold;text-align:center}	
Span		        {color:red;font-size:14px;font-weight:bold}	
img, p, h1, h2, h3, h4, h5, h6, Span, object, table, td, tr, form{border:0;margin:0;padding:0} 
a                   {color:#1e89c7;text-decoration:none;outline:none;font-weight:bold}	 
a:hover             {color:#1F1F1F}		 

 
/*Pied et copyright*/  
#pied            {height:170px;background:#b5f442 url(images/footer.png) repeat-x ;padding:20px 0 0 0;text-align:left;} 
#piedlien        {margin: 0 auto 0;width:1000px;color:#2b2b2b}	
#piedgauche      {margin: 0 auto 0;width:200px;float:left;text-align:center}	
#piedgauche Span {color:#2b2b2b;font-size:18px;font-weight:bold}	
#piedcentre      {margin: 0 auto 0;width:540px;margin:0 200px 0 200px;border-left:1px solid #d8fa99;border-right:1px solid #d8fa99;padding:0 25px 0 25px }	
#piedcentre Span {color:#2b2b2b;font-size:18px;font-weight:bold}	
#pieddroite      {margin: 0 auto 0;width:200px;float:right;text-align:center}	
#pieddroite Span {color:#2b2b2b;font-size:18px;font-weight:bold}	


ul.menu_pied            {margin:0;padding:3px 0 3px 0;text-decoration: none;text-align:center}	   
ul.menu_pied li         {margin:0 0 0 0;padding:0;list-style-type: none;font-weight:bold}	
ul.menu_pied li a       {color: #2b2b2b;text-decoration: none;margin:0;font-size:12px;}
ul.menu_pied li a:hover {color: #FFF}	

#piedcentre a         {color:#2b2b2b;font-size:10px;font-weight:bold;text-decoration: none;outline:none}
#piedcentre a:hover   {color:#FFF}