/*copyright par Tchat-Delire.org*/  

/*Structure*/	 
body, html  {
	background:#3450a3 url(images/fond.png) repeat-x;
	margin:0;
	padding:0;
	font-family:tahpma,Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-attachment: fixed;
	font-size:11px;
}   
#soldats {
    background: url(images/soldats.jpg)top center no-repeat;
	width:1331px;
	height:	100%;
	margin:0 auto;
	background-attachment: fixed;
}  
#conteneur {
	margin: 0 auto;
	width: 869px;
	text-align:center; 
}	
#header {
	height:61px; 
	background:url(images/header.png) center;
	margin:0 auto;
	width:869px;
} 
/*Menu horizontal*/
ul#menu {
	padding:0;
	margin:5px 0 0 0;
	float: right;
}
ul#menu li {
	float: left;
	margin: 0 5px;
	padding:0;
	list-style-type: none;
	color: #FFFFFF; 
}
ul#menu li a {
	display: block;
	padding:6px 12px;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0;
	font-weight:bold;
	outline:none;
	font-size:11px;
}
ul#menu li a:hover {
	padding:6px 12px;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0;
	background:#00a5ff;
	border-radius:5px;
}  
ul#menu li#page_actuelle a{
	padding:6px 12px;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0;
	background:#00a5ff;
	border-radius:5px;
} 

/*slide*/	
#featured{ 
	width:865px; 
	background:url(images/fond_slide.png) center;	
	position:relative; 
	height:380px; 
	padding-top:5px;
    padding-left:4px	
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:663px; 
	list-style:none; 
	padding:0; margin:0; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#000000; 
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px;
	font-weight:normal;	
	color:#FFFFFF;
	
}
#featured ul.ui-tabs-nav li span P{ 
	font-size:16px;
	line-height:30px; 
	color:#FFFFFFF;
	
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
    background:url(img_slide/bt_slide.png) left top;
	height:87px;
	width:188px; 
	margin:5px 0 0 0;
	padding:0 0 0 0;
	position:relative
}
#featured li.ui-tabs-nav-item a:hover{ 
    background:url(img_slide/bt_slide.png) right top;
}
#featured li.ui-tabs-selected{ 

}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
    background:url(img_slide/bt_slide.png) right top;
	height:87px;
	width:188px;
}
#featured .ui-tabs-panel{ 
	width:663px; height:250px; 
	background:#000000; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:322px; left:0; 
	height:50px; 
	width:663px;
	text-align:left;
	background: url(img_slide/transparent-bg.png); 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#FFFFFF; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#00a5ff;
}
#featured .info a{ 
	text-decoration:none; 
	color:#FFFFFF; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}
#contenu {
    background:#3450a3;
	width:855px;
	margin:0 auto;
	padding:0 7px 15px 7px;
}
.cadre_menu_contenu {
    width:206px;
	margin:7px 10px 0 0;
	height:228px;
	background:#3450a3;
	float:left;
}
.cadre_menu_contenu_dernier {
    width:206px;
	margin:7px 0 0 0;
	height:210px;
	float:left;
}
.fond_menu_contenu {
    width:206px;
	background:#000000;
	height:180px;
}
.cadre_menu_contenu  p,.cadre_menu_contenu_dernier  p{
    width:180px;
	margin:7px auto;
	text-align:center;
}
#left  {
	float: left;
	width:644px;
	margin:0;
	padding:0;
} 
#cadre_news_titre  {
    width:624px;
	background:#3450a3;
	line-height:30px;
	padding: 0 7px;
}
#cadre_news  {
    width:595px;
	background:#000000;
	padding:13px 33px 13px 10px;
	line-height:18px
}
.image_gauche {
    float:left;
	margin:0 16px 0 0;
}
#cadre_news p span {
    font-size:12px;
	font-weight:bold;
	color:#FFFFFF
}
hr {
    clear:both;
	margin:20px 0;
	background:#000000;
	color:#000000;	
}
#right {
	width:205px;
	margin:0 0 0 648px;
	padding:0;
	text-align:left;
}   
.cadre_titre {
    width:195px;
	background:#3450a3;
	text-align:right;
	padding:0 5px;
	line-height:30px;
}
.cadre {
    width:195px;
	background:#000000;
	text-align:center;
	padding:5px 5px 0 5px;
	margin: 0 0 5px 0;
	overflow:hidden;
	text-align:left;
}
.cadre p{
    font-weight:bold;
	margin:5px 0 0 0;
}
.mini_cadre {
    background:#3450a3;
	width:188px;
	margin:0 auto 5px auto;
	padding:5px 3px;
	line-height:18px;
}
.mini_cadre_fonce {
    background:#3450a3;
	width:188px;
	margin:0 auto 5px auto;
	padding:5px 3px;
	line-height:18px;
}
.icon {
    margin:0 3px 0 0;
	vertical-align:middle;
	float:left;
}
#pied {
	background:#000000;
	width:839px;
	margin: 0 auto;
	padding:10px 15px;
	text-align:center;
}
#ea_logo {
    margin:0 10px 0 0;
	float:left;
}
#sous_pied {
	background:#3450a3;
	height:9px;
	width:869px;
	margin: 0 auto;
	padding:0;
}	
#fluxrss {
     float:left;
	 background:url(images/fluxrss.jpg) left top no-repeat ;
	 width:53px;
	 height:53px;
	 cursor:pointer;
	 margin:0 3px 0 0;
}
#fluxrss:hover {
     background:url(images/fluxrss.jpg) right top no-repeat;
	 width:53px;
	 height:53px;
}
#facebook {
     float:left;
	 background:url(images/facebook.jpg) left top no-repeat ;
	 width:53px;
	 height:53px;
	 cursor:pointer;
	 margin:0 4px 0 0;
}
#facebook:hover {
     background:url(images/facebook.jpg) right top no-repeat;
	 width:53px;
	 height:53px;
}
#twitter {
     float:left;
	 background:url(images/twitter.jpg) left top no-repeat ;
	 width:53px;
	 height:53px;
	 cursor:pointer;
	 margin:0 4px 0 0;
}
#twitter:hover {
     background:url(images/twitter.jpg) right top no-repeat;
	 width:53px;
	 height:53px;
}
/** menu partenaires **/	
#liens {
	margin:15px 0 0 120px;    
	width:540px;
}
ul#partenaires  {
	padding:0;
	margin:0;
}
ul#partenaires li {
	float: left;
	list-style-type: none; 
	font-weight:bold;
    margin:0 2px;	
}
ul#partenaires li a  {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0;
	font-weight:normal;
	outline:none;
	font-size:11px;
}
ul#partenaires li a:hover {
	color: #3450a3;
}  		
#bt_sociaux {
    width:170px;
	margin:0;
	float:right;
}
/************************************************************************************************************/	
/*Class générique*/
a              {color: #FFFFFF;text-decoration: none;margin:0;font-weight:bold;outline:none}	
a:hover        {color: #FFFFFF;}	
img, p, h1, h2, h3, h4, h5,h6, span, form {border:0;margin:0;padding:0}
span.titre     {color: #3450a3;font-weight:bold;}	
span.bleu      {color: #3450a3;font-weight:bold;}	
.spacer        {margin:3px 0 0 0} 
.grandspacer   {margin:15px 0 0 0}
.clear         {clear: both;visibility: hidden; }	
table.centre   {margin:0 auto;padding:0; height:30px;border:0;text-align:center}	
span           {color: #3450a3;font-weight:bold;font-size:13px}	
