/* CSS NEOMA-Interactive - 2007/2008

contact@neoma-interactive.com */


* {margin: 0px; padding: 0px; }



a { text-decoration: none; color: #dc0030;}


img{border : 0px none ;}



a:hover { background: #fff; }



.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }




p { line-height: 16px; margin-bottom: 10px;  }



h2 { font-family: 'Trebuchet MS', Verdana, sans-serif; font-size:1.6em; margin:0 0 0.5em 0; padding-top:9px;}



.inside{ width:750px; margin:0 auto; /*border: 1px solid #FF6600;*/ }


#pflow {
height: 300px;
color: #99CC00;
background-color: #000000;
padding-left :190px;
}




/* Listes contenu */





.post ul {
margin: 0 0 10px 10px;
padding: 0 0 0 14px;
line-height: 18px;
list-style-position: inside;
list-style-image: url(images/fleche.png);
list-style-type: none;
}




.post li {
list-style-position: inside;















list-style-image: url(images/fleche.gif);















list-style-type: none;















}















.post ul li {















list-style-type: none;















}







/* fin */























ul li {















list-style-type: none;















}















































body {















background:#FFFFFF;















font-family:Verdana, Arial, Helvetica, sans-serif;















font-size:12px;















color: #38302b;















}







#logoeco{







       text-align:center;







       margin: 45px 0px ;







}







#titreact {
			/*background:transparent url(images/titreact.gif) no-repeat;*/
			color:#dc0030;
			font-size:22px;
			height:22px;
			width:230px;
			position: relative;
			/*margin-bottom:15px;*/
		 }



#titreact span {
					position: absolute;
					/*padding-left: 300px;*/
					clip: rect(auto 300px 45px auto);
					clip: rect(auto, 300px, 45px, auto);
				}



#titrecat {/*background:transparent url(images/titrecat.gif) no-repeat;*/
			color:#dc0030;
			font-size:22px;
			padding-left:7px;
			height:35px;
			width:230px;
			position: relative;
		}

#titrecat span {
					position: absolute;
					/*padding-left: 300px;*/
					clip: rect(auto 300px 45px auto);
					clip: rect(auto, 300px, 45px, auto);
			   }



#titrearc {
                /*background:transparent url(images/titrearc.gif) no-repeat;*/
				color:#dc0030;
				font-size:22px;
				padding-left:7px;
				height:35px;
				width:230px;
				position: relative;
		  }

#titrearc span {
					position: absolute;
					/* padding-left:300px;*/
					clip: rect(auto 300px 45px auto);
					clip: rect(auto, 300px, 45px, auto);
				}


#domComp{
          /*background:transparent url(images/domcomp.gif) no-repeat;*/
          color:#dc0030;
          font-size:22px;
          padding-left:7px;
          height:35px;
          width:230px;
          position: relative;
		  }






#domComp span {
				position: absolute;
                /*padding-left:300px;*/
                clip: rect(auto 300px 45px auto);
                clip: rect(auto, 300px, 45px, auto);
				}




#logo a { 
			float:left; 
			height:90px; 
			width:210px; 
			background:transparent url(images/logo.gif); 
			text-indent:-30000px; 
			display:block;
			margin-top:20px;
		}





#illhead { 
			display:block; 
			height:45px; 
			width:770px; 
			text-align:right; 
			padding:10px; 
		}




#header {
			color: #9c9e9f;
			height:115px;
			background: #FFFFFF ;
		}




.navigation {
				font-family: 'Trebuchet MS', Verdana, sans-serif; 
				font-size:1.8em; 
				margin:0 0 0.5em 0; 
				padding-top:9px;
		   }







/*********************  MENU  *******************************/




#menu {
			height: 25px;
			/* width: 378px; */
			float:right;
			/*padding-left: 75px;*/
			padding-top : 10px;
	  }




#menu li {
			float:left;
			list-style:none;
			display:block;
		 }







#menu li a {
float:left;
height: 25px;
line-height: 25px;
color: #9c9e9f;
padding: 0 8px;
margin-left: 4px;
background: #FFFFFF;
border-right : #9c9e9f 1px solid;

}






#menu li a:hover {
background: #FFFFFF;
}







/*********************  SEARCHFORM  *******************************/















#searchform {







float:left;







height:37px;







text-align:right;







width:460px;







margin:40px 0px 0px 80px;







}







#MusiqueRadio {







/*background:#38302B url(images/casqueMR.jpg) no-repeat scroll center top;*/







float:right;







height:65px;







width:82px;







}







/*#searchform {















padding-top:10px;















width: 250px;















height:40px;















float:left;















text-align:right;















}*/















#search {







width: 198px;







margin : 0pt 5px 0px 13px;







}















input {







font-family: Verdana, sans-serif;







font-size: 0.9em;







padding: 5px;







border: 1px solid #9c9e9f;







color: #686868;















}































input.blur {















background: #38302b;















color: #fff;















}















#oksearch {















background:#FFFFFF;















height:30px;















font-size: 1em;















font-weight:bold;















color:#9c9e9f;















border:none;















padding : 0px;















}












/*********************  REFERENCE / Espace anime flash  *******************************/



#acc_reference {
color:#fff;
height: 300px;
background: #000000;
}



#acc_reference h2 {
font-size:16px;
line-height: 18px;
}


/*********************  REFERENCE / Industries et services  *******************************/

#industrie{
background:transparent url(images/Mathena_industrie.jpg) repeat center;
height: 335px;
}

/*********************  REFERENCE / sante  *******************************/

#sante{
background:transparent url(images/Mathena_sante.jpg) repeat center;
height: 335px;
}

/*********************  REFERENCE / Grande consommation  *******************************/

#conso{
background:transparent url(images/Mathena_grande_conso.jpg) repeat center;
height: 335px;
}

/*********************  REFERENCE / environnement  *******************************/

#environnement{
background:transparent url(images/Mathena_environnement.jpg) repeat center;
height: 335px;
}

/*********************  REFERENCE / finance  *******************************/

#finance{
background:transparent url(images/Mathena_finance.jpg) repeat center;
height: 335px;
}


/**********************************  CONTENU  *******************************/



.imgtxtleft {







float:left;







margin: 3px 15px 15px 0;







}















.imgtxtright {







float:right;







margin: 3px 0 15px 15px ;







}















.UTWPrimaryTags {







background:#fff url(images/punaise.png) no-repeat scroll left top;







display:block;







height:20px;







padding:2px 0 0 25px;







}















.contenu {















width: 500px;















float:left;















padding-right: 10px;















}















.post h2 a {















color: #9C9E9F;















}















.postmetadata {















font-size:9px;















text-indent: 0px;















color: #38302b;















margin-bottom: 10px;















}















.catcom {
display:block;
border-top: 1px solid #c3c0bf;
border-bottom: 1px solid #c3c0bf;
padding: 10px 5px;
text-indent: 0px;
font-size:10px;
margin-top:10px;
margin-bottom: 30px;
}



.catcom ul {
line-height:18px;
list-style-type:none;
}















blockquote {















margin: 20px 0;















padding: 0 10px 0 45px;















background: transparent url(images/bg_quote.gif) no-repeat top left;















font-style: italic;















}































.sidebar {















float:left;















width: 240px;















}















.sidebar h3 {
				/*background:url(images/titresidebar.gif) no-repeat;*/
				height:30px;
				width: 230px;
				line-height: 30px;
				color: #33ccff;
				padding-left: 10px;
				font-size: 14px;
				margin-bottom: 10px;
			}






.categ {
			margin-left:10px;
			margin-bottom: 20px;
		}















.categ li {















list-style: none;















line-height: 18px;















padding-left : 10px;















background-color : #9C9E9F;















}















.children li {















list-style-position: outside;















list-style: inside disc;















}















.categ a {















color: #FFFFFF;















}















.categ a:hover {















color: #a4c408;















background-color : #9C9E9F;















}















.dom {















margin-left:10px;















margin-bottom: 20px;}















.dom li {







list-style: none;















line-height: 18px;















padding-left : 5px;















background-color : #9C9E9F;}























.dom a {















color: #FFFFFF;}























.dom a:hover {















background-color : #9C9E9F;







color: #a4c408 !important;







}







.arch {















margin-left:10px;















margin-bottom: 20px;}















.arch li {







list-style: none;















line-height: 18px;















padding-left : 10px;















background-color : #9C9E9F;}























.arch a {















color: #FFFFFF;}























.arch a:hover {















background-color : #9C9E9F;







color: #a4c408;







}























#footerbar {















background:#1F1E1D;















color:#fff;















border-bottom:#00CC33;















}















#titrefooter {















background:#1F1E1D;















}















.btnclose {















font-size:16px;















line-height: 35px;















display:block;















width:750px;















height: 35px;















background: url(images/inout.gif) right no-repeat #1F1E1D;















color:#fff;















}















.btnclose:hover {















background: url(images/inout.gif) right no-repeat #9c9e9f;















}















.blogrolldeft {















float:left;















width:235px;















margin-right:20px;















margin-top:10px;















}















.blogrolldeft h3 {
					color:#d7d9e4;
					font-size:14px;
					display:block;
					border-bottom: 1px solid #4c4541;
					padding-bottom: 10px;
			     }















.blogrollacces {
					width: 220px;
					 background: #9C9E9F;
					padding: 0px 10px 0 10px;
					;
				}















.blogrollacces  h3 {
						font-size:14px;
						display:block;
						border-bottom: 1px solid #616263;
						padding-bottom: 10px;
				   }















.blogrolldeft ul li {















color:#fff;















display:block;















border-bottom: 1px solid #4c4541;















}















.blogrolldeft ul li a {















padding: 5px 0;















display:block;















color: #fff;















}















.blogrolldeft ul li a:hover {
padding: 5px 0;
display:block;
color: #fff;
background:#302925;
}






.blockaccslink {
float:left;
}





.cornertop {
				display:block;
				width:240px;
				height: 10px;
				background: url(images/cornertopaccsb.gif) no-repeat bottom;
		  }







.cornerbottom {
display:block;
width:240px;
height: 10px;
background: url(images/cornerbottomaccsb.gif) no-repeat;
}




.blogrollacces ul li {
						color:#fff;
						display:block;
						border-bottom: 1px solid #616263;
				      }




.blogrollacces ul li a {
padding: 5px 0;
display:block;
color: #fff;
}





.blogrollacces ul li a:hover {
								padding: 5px 0;
								display:block;
								color: #fff;
								background:#b0b2b3;
							}




h3#comments  {
font-size:14px;
margin-bottom: 10px;
}


.commentlist li {
background:#f3f3f3;
padding: 10px;
margin-bottom: 10px;
}


#comment {
width:490px;
height: 8em;

}


#submit {
color:#fff;
background-color:#38302b;
}



#respond {
font-size: 14px;
margin: 10px;
}


.contactform input {
color:#333333;
}


/*********************  FOOTER  *******************************/



#footer {
text-align: center;
color: #1F1E1D;
border-top: 3px solid #111;
background:#fff;
padding: 10px 0;
font-size: 9px;
}



.fluxrss a {
margin: 0 auto;
height: 25px;
width: 60px;
padding-left: 20px;
display:block;
line-height:25px;
background: url(images/feed-icon.gif) no-repeat left ;
}



.fluxrss a:hover {
background: url(images/feed-icon.gif) no-repeat left #000;
}