/* CSS NEOMA-Interactive - 2007/2010

contact@neoma-interactive.com */


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



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


img{border : 0px none ;}

.mgfoot{width:50%; height:50%}

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 {
width:240px;
text-align:center;
margin: 45px 0px ;
}







#titreact{
/*background:transparent url(images/titreact.gif) no-repeat;*/
color:#A4C408;
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:#A4C408;
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:#A4C408;
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);
}




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





#motscles 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:#A4C408;
          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  *******************************/

#lang_sel {
    float: right;
    margin:5px 32px 0px 0px;
}


#searchform {
				float:left;
				height:37px;
				text-align:right;
				width:460px;
				margin:5px 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 / Marketing services  *******************************/

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

/*********************  REFERENCE / Communication corporate et financi�re  *******************************/

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

/*********************  REFERENCE / Design et identit� visuelle  *******************************/

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

/*********************  REFERENCE / Communication environnementale  *******************************/

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

/*********************  REFERENCE / Communication Interne et RH  *******************************/

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

/*********************  REFERENCE / Edition  *******************************/

#edition{
background:transparent url(images/visuel_edition.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;















}




.mot {

	margin-left:10px;
	margin-bottom: 20px;
	background-color : #9C9E9F;
	line-height:1.5em;
	color:#FFFFFF;
}


.mot a:hover {
background-color : #9C9E9F;
color: #a4c408 !important;
}










.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:#a4c408;















font-size:14px;















display:block;















border-bottom: 1px solid #4c4541;















padding-bottom: 10px;















}















.blogrollacces {















width: 220px;















background: #a4c408;















padding: 0px 10px 0 10px;















background:#a4c408;































}















.blogrollacces  h3 {















font-size:14px;















display:block;















border-bottom: 1px solid #777f0f;















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/cornertopaccs.gif) no-repeat bottom;
}







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




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




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





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




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;
}