/*copyright par kitgraphiquegratuit.org*/  

/*************** STRUCTURE PRINCIPALE ***************/ 		
*               {margin:0;padding:0}
body, html      {background:#000 url(images/fond.jpg) no-repeat top center;margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;text-align:center;color:#FFF;font-size:12px;background-attachment: fixed;}
#conteneur      {margin: 0 auto;padding:0;width:1024px}	  
/*************** HEADER ***************/		
#header         {background:url(images/header.png);width:1024px;height:315px;text-align:left;margin:0 auto}	
/**************** MENU ****************/		
#menu           {background:url(images/fond_menu.png);width:1024px;height:60px}	
/*************** MENU ***************/ 
ul              {list-style:none;padding:0;margin:0;height:50px}	
ul li           {float:left;}
ul li a         {display: block;color: #FFF;text-decoration: none;margin:0 10px;height:50px;line-height:60px;padding:0 10px;font-weight:bold;text-align:center}
ul li a:hover   {color: #FFF;background:url(images/menu_hover.png) repeat-x;height:50px}	
table#centre    {margin:0 auto;padding:0; height:50px;border:0;text-align:center}
/*************** CONTENU ***************/
#contenu        {background:url(images/contenu.png);width:924px;padding:0 50px;text-align:left;margin:0 auto}   
/************ PETIT CADRE ************/				  
.pbloc		 {float:left;width:291px;margin:5px 8px;line-height:18px}
.pch         {background:url(images/pch.png);width:291px;height:28px;margin:0 auto;font-weight:bold;padding:5px 0 0 0;text-align:center}	   
.pcf         {background:url(images/pcf.png);width:271px;margin:0 auto;padding:0 10px}
.pcb         {background:url(images/pcb.png);width:291px;height:10px;margin:0 auto}
.pbloc p     {color:#E91717;display: inline;margin:0 5px 0 0}	 
/************ moyen CADRE ************/				  
.mbloc		 {float:left;width:448px;margin:5px 0 0 8px;line-height:18px}
.mch         {background:url(images/mch.png);width:448px;height:18px;margin:0 auto;font-weight:bold;text-align:center}	   
.mcf         {background:url(images/mcf.png);width:428px;margin:0 auto;padding:0 10px 5px 10px}
.mcb         {background:url(images/mcb.png);width:448px;height:11px;margin:0 auto 7px auto}
.mbloc p     {color:#E91717;display: inline;margin:0 5px 0 0}	 
.titre       {color:#FFF;font-size:14px;font-weight:bold;margin:0 0 5px 0} 	
.vote        {color:#FFF;font-size:12px;padding:2px 0}  
.vote span   {color:#E91717;font-size:14px}  
/************ Slide    http://sixrevisions.com/tutorials/javascript_tutorial/create-a-slick-and-accessible-slideshow-using-jquery/ ************/
#slideshow                         {margin:0 auto;width:250px;height:98px;position:relative;padding:25px 0 23px 0} /* taille du slide complet */
#slideshow #slidesContainer        {margin:0 auto;width:200px;height:98px;  overflow:auto; /* allow scrollbar */position:relative;border:1px solid #FFF}
#slideshow #slidesContainer .slide {margin:0 auto;width:180px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */height:96px;}
.control                           {display:block;width:39px;height:263px;text-indent:-10000px;position:absolute;cursor: pointer;}
#leftControl                       {top:65px;left:0;background:url(images/prev.png) no-repeat 0 0;width:14px;height:23px}
#rightControl                      {top:65px;right:0;background:url(images/next.png) no-repeat 0 0;float:right;width:14px;height:23px}
.slide img                         {float:right;margin:0 auto} 
/*************** accordeon http://www.sohtanaka.com/web-design/easy-toggle-jquery-tutorial/ ***************/  	 
#programme {width:446px;height:25px;background:url(images/programme.png);margin: 0 auto;font-weight:bold;text-align:center;padding:6px 0 0 0}
.container  {width: 446px;margin: 0 auto;}
h2.trigger1 {padding: 0 0 0 10px;margin:0;background: url(images/voir1.png) no-repeat;height:31px;width:436px;font-size: 12px;font-family:arial;font-weight:bold;float: left;line-height:30px;cursor:pointer}
h2.trigger2 {padding: 0 0 0 10px;margin:0;background: url(images/voir2.png) no-repeat;height:31px;width:436px;font-size: 12px;font-family:arial;font-weight:bold;float: left;line-height:30px;cursor:pointer}
h2.trigger a {color: #fff;text-decoration: none;display: block;}
h2.trigger a:hover {color: #ccc;}
h2.active {background-position: left bottom;}	
.toggle_container1 {margin: 0;overflow: hidden;width: 426px; padding:5px 10px;clear: both;background:#191919} 
.toggle_container2 {margin: 0;overflow: hidden;width: 426px; padding:5px 10px;clear: both;background:#000} 
/************ moyen CADRE ************/				  
.gch         {background:url(images/gch.png);width:909px;height:18px;margin:0 auto;}	   
.gcf         {background:url(images/gcf.png);width:889px;margin:0 auto;padding:0 10px 5px 10px}
.gcb         {background:url(images/gcb.png);width:909px;height:13px;}
/*************** PIED ***************/
#pied           {background:url(images/pied.png);width:1024px;height:30px;margin:0 auto}  
#follow         {background:url(images/follow.png);width:160px;height:35px;margin:10px auto 0 auto;padding:10px 0 0 70px }
/*************** DIVERS ***************/ 
img, p, h1, h2, h3, h4, h5, h6, Span, object, table, td, tr, form {border:0;margin:0;padding:0} 
a                   {color:#FFF;text-decoration:none;outline:none}	 
a:hover             {color:#E91717}		
span                {color:#E91717} 



#twitter                     {float:right;margin:55px 40px 0 0;background:url(images/twitter.png) left top no-repeat ;width:74px;height:71px;cursor:pointer;}
#twitter:hover               {background:url(images/twitter.png) right top no-repeat;width:74px;height:71px}