﻿/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Redefinitions des balises HTML */ 
html{ overflow:-moz-scrollbars-vertical; }
*{margin:0;padding:0;}
body, h1, h2, h3, h4, h5, h6, a, .input_text, select, textarea{font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;font-weight:normal;color:#ffffff;}
img{border:0}
*{margin:0;padding:0;}
body{font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#ffffff; background:url(../images/background/fond.jpg) repeat-x #002e4e;}
td{font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size: 11px;color:#ffffff;}
a{text-decoration:none; color:#5e4039;}
a:hover{color:#E2E2E2;}
img{border:none;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~DIV Globale*/ 
#Globale{width:990px;  margin:0 auto; position:relative}
#animShema {
position: absolute;
	/*left:100;	top:165;*//*left:190;*/
		/*right:260;
		top:255;*/
		left:220px;
		top:79px;
		z-index:1000;
		}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~DIV Heauder*/
#header{width:990px; height:79px; background:url(../images/background/fond-heider.jpg) no-repeat; } 
/*~~~~~~~~~~~~~LOGO*/
#header h1.logo{width:530px; height:71px; padding:8px 0 0 48px; float:left;}
#header ul.listHeader{list-style:none; float:left; font-size:10px; color:#8fbcd1;z-index:999999; position:relative;}
#header ul.listHeader li{float:left; display:block; padding:0 5px 0 5px; margin:4px 0 0 0; }
#header ul.listHeader li a{color:#8fbcd1;}
#header ul.listHeader li a:hover{color:#c0deec;}
#header ul.listHeader li.version{margin-top:0px; padding:0 5px 0 2px;}

#ban{width:990px; height:244px;  position:relative;} 
#ban #menu{width:990px;position:absolute; top:0; left:0; z-index:9; width:990px; height:26px;opacity: 0.8;filter: alpha(opacity = 80); background:url(../images/background/fond-menu.gif) top no-repeat;} 
#ban  ul#menuHaut{list-style:none;z-index:999; position:absolute;width:990px; height:26px; top:0; left:0; } 
#ban  ul#menuHaut li{float:left; height:26px; margin-left:24px; position:relative;} 
#ban  ul#menuHaut li a{display:block; height:24px; float:left; position:relative;} 

#ban  ul#menuHaut li ul.Smenu{display:none; position:absolute; top:26px; left:0; opacity: 0.8; filter: alpha(opacity = 80); background:#002146; white-space:nowrap;}
#ban  ul#menuHaut li ul.Smenu li{display:bloc;clear:both; list-style:none;text-align:left; padding:4px 25px 5px 8px; height:11px; margin:0; }
*html #ban  ul#menuHaut li ul.Smenu li{display:bloc;clear:both; list-style:none;text-align:left; padding:4px 25px 5px 8px; height:11px; margin:0; overflow:hidden; }

#ban  ul#menuHaut li ul.Smenu li a{color:#FFFFFF; margin:0; padding:0;}
#ban  ul#menuHaut li ul.Smenu li a:hover{color:#0099ff;}



#ban  ul#menuHaut li:hover ul.Smenu{display:block;}
#ban  ul#menuHaut li.sfhover ul.Smenu{display:block;}


#ban .oiseau{position:absolute; top:-77px; right:26px;z-index:99; } 
#ban .facebook{position:absolute; top:-55px; right:103px;z-index:999; } 

#contennu{width:965px;background:url(../images/background/fond-contennu.jpg) top no-repeat; padding:0 0 50px 25px;} 
#contennu #laUne{width:305px;  float:left; margin:10px 13px 0 0;} 
#contennu #laUne h2{ height:21px; width:100%; background:url(../images/background/fond-titres.gif) bottom no-repeat;} 
#contennu #laUne .txtLaune{width:298px; background:url(../images/background/fond-bloc1.jpg) no-repeat;margin:2px 0 0 0; padding:9px 0 0 8px;}
#contennu #laUne .txtLaune p{margin-bottom:10px;}
#contennu #laUne .txtLaune .casablanca{margin:2px 0 0 9px;}
#contennu #laUne .txtLaune .tableau{}
#contennu #laUne .txtLaune .tableau th{background:#66CCFF; color:#012B44;border:1px solid #2675D2; text-align:center}
#contennu #laUne .txtLaune .tableau td{ padding-left:10px;border:1px solid #2675D2}


#contennu #projet{width:305px;  float:left; margin:10px 13px 0 0;} 
#contennu #projet h2{ height:21px; width:100%; background:url(../images/background/fond-titres.gif) bottom no-repeat;} 
#contennu #projet .txtProjet{width:298px; background:url(../images/background/fond-bloc1.jpg) no-repeat;margin:2px 0 0 0; padding:9px 0 0 8px;}
#contennu #projet .txtProjet p{margin-bottom:10px;}
#contennu #projet .txtProjet .vusuelProjet{margin:2px 0 0 16px; padding-top:9px;}
#contennu #projet .txtProjet .vusuelProjet img{float:left; margin:0 14px 14px 0;}


#contennu #trace{width:305px;  float:left; margin:10px 0 0 0;} 
#contennu #trace h2{height:21px; width:100%; background:url(../images/background/fond-titres.gif) bottom no-repeat;} 
#contennu #trace .txtTrace{width:298px; background:url(../images/background/fond-bloc1.jpg) no-repeat;margin:2px 0 0 0; padding:9px 0 0 8px;}
#contennu #trace .txtTrace .carte{width:259px; background:url(../images/background/fond-bloc1.jpg) no-repeat;margin:0 0 0 6px; padding:9px 0 0 8px;}
#contennu #trace .txtTrace .carte img{margin:0 0 5px 0; }
*html #contennu #trace .txtTrace .carte img{margin:0 0 0px 0; }
*+html #contennu #trace .txtTrace .carte img{margin:0 0 0px 0; }
#contennu #trace .txtTrace .carte p{margin-bottom:10px;}
#contennu #trace .txtTrace .casablanca{margin:2px 0 0 9px;}

#contennu #basContenu { height:11px;margin-top:6px; clear:both; }
#contennu #basContenu .lireSuite{width:305px; height:11px; text-align:right;float:left; margin-right:13px;}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~DIV FOOTER*/
#GlobaleFooter{width:100%; height:44px;  clear:both; position:fixed;  bottom:0px; background:url(../images/background/fond-footer.jpg) repeat-x;}
*html #GlobaleFooter {position:absolute; width:100%; height:44px; clear:both;}
*html #GlobaleFooter {width:100%; height:44px;  clear:both;
top: expression(offset = 0 + parseInt(document.body.currentStyle.paddingBottom) + parseInt(document.body.currentStyle.marginBottom), document.documentElement.clientHeight - this.offsetHeight - offset + document.documentElement.scrollTop + 'px');}
#GlobaleFooter #Footer{ width:990px; height:44px; margin:0 auto;}
#GlobaleFooter #Footer ul.menuG{list-style:none; float:left; display:block; font-size:10px; color:#8fbcd1; width:640px; padding:16px 0 0 30px; }
#GlobaleFooter #Footer ul.menuD{list-style:none; float:left; display:block; font-size:10px; color:#8fbcd1; width:270x; padding:16px 0 0 30px; }
#GlobaleFooter #Footer ul.menuG li,#GlobaleFooter #Footer ul.menuD li{float:left; display:block;   padding:0 5px 0 5px; margin:4px 0 0 0;  }
#GlobaleFooter #Footer ul.menuG li a,#GlobaleFooter #Footer ul.menuD li a{color:#8fbcd1;}
#GlobaleFooter #Footer ul.menuG li a:hover,#GlobaleFooter #Footer ul.menuD li a:hover{color:#c0deec;}

/**********************************/

#contennu #laUne .txtLaune .Tab{ table-layout:fixed ; color:#fff; font-size:10px}
#contennu #laUne .txtLaune .Tab td{ border:1px solid #2675D2; padding:2px}
#contennu #laUne .txtLaune .Tab th{ background:#66CCFF; color:#002A43; padding:2px ; border:1px solid #2675D2;}


/****************Easy News***********/
.news_style {
	display:none;
}
#mynewsdis{position:relative;width:800px;overflow: hidden;}
.news_show {
	position:absolute;
	color:#000;
	clip:rect(0, 793px, 141px, 0) !important;
	width:794px;
	
}
.news_border {
	width:794px !important;
	height:14px;
	padding: 8px 0 1px 7px !important;
	overflow: hidden !important;

}
.buttondiv {
	position: absolute;
	/*float: left;*/
    top: 11px;
	right:0px;
	/*border-top-color: white;*/
    border-top:none;
	width:35px;
}
.mytable {
	width:794px !important;
	height:15px;
}
.news_move {
	position: relative;
}
#news_prev{ position:absolute;left:14px;top:1px; cursor:pointer; cursor:hande}
#news_next{ position:absolute;right:8px;top:1px;cursor:pointer; cursor:hande}
#news_pause{ position:absolute;left:-2px;cursor:pointer; cursor:hande}

#contennu .titre-news{ float:left; margin-top:7px}
#contennu .flash-news{ position:relative; float:left; width:939px; height:29px;}




#contennu #laUne .txtLaune .Tab-new{  color:#fff; font-family:Tahoma, Geneva, sans-serif; font-weight:normal; margin-top:15px }
#contennu #laUne .txtLaune .Tab-new td{ border:1px solid #00416E; padding:2px; }
#contennu #laUne .txtLaune .Tab-new th{ background:#001D32; color:#66ccff; padding:2px ; border:1px solid #00416E;}

