/* CSS  	ITAC		*/

* 			{ margin:0; padding:0; border: none; text-decoration: none }

body 		{ margin:0; padding:0; font-family: Verdana, Helvetica, Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, sans-serif; font-size: 11px; text-align: center; color: #000; 
				background: url(../images/fond/spread-body.gif) left top repeat-x  }

h1 a 		{ position: absolute; top: 100px; left: 0; top: 0; width: 200px; height: 90px; display:block; text-indent: -999em }
h2   		{ margin: 0px 0 20px 20px; padding: 0 0 0 0px; font: normal 18px "Trebuchet MS"; color: #f97e36; 
     		 /* background: url(../images/fond/f-h2.jpg) left 3px no-repeat; */ }
h3  		{ margin: 15px 0 10px 0px; font: normal 17px "Trebuchet MS"; color: #f97e36 }
h4   		{ margin: 15px 0 10px 15px; font: bold 16px "Trebuchet MS"; color: #f97e36 }
h5   		{ margin: 15px 0 10px 10px; font: bold 15px "Trebuchet MS"; color: #f97e36 }

p    		{ font: normal 11px/15px arial; margin: 0 0 5px 0; text-align:left }

input    { padding: 0 0 0 3px; font: normal 11px arial }
textarea { padding: 4px; font: normal 11px arial }

ul li 				{ list-style: none; font: normal 11px/15px arial; margin: 10px 15px 10px 24px }
ul.puced li 		{ list-style: none; margin: 10px 15px 10px 24px; padding: 0 0 0 13px; background: url(../images/puce/puce.gif) left 2px no-repeat }
ul.radio li		   { float: left }
ul.radio li input { margin: 0 4px 0 0; position:relative; top: 2px; left: 0 }
 
a img    { border: none; text-decoration: none }

a        { color: #f97e36 ; text-decoration: underline; font: normal 11px arial }
a:hover  { color: #f97e36 ; text-decoration: underline }

abbr    { cursor: help;  } 

.format p.date    { text-align :right; margin: 0 20px 0 0px;   } 

p.alcatelLucent    {  position: absolute; top: 17px; right: 33px;   } 
p.alcatelLucent a  { display: block; width: 66px; height: 80px; text-indent: -5000px;  } 

p.filArianne       { width: 639px; height: 40px;  margin: 5px 0px 0px 14px; padding: 0 0 0 0; color: #7c7c7c;  background: url(../images/fond/ariane.gif) left bottom no-repeat;   } 
p.filArianne span  { padding: 3px 4px; position:relative; top: 6px; left: 15px;} 
p.filArianne a     { font-weight: bold; text-decoration: none; color: #727272 } 

.etudeConseilH3 h3    {   font: bold 15px "Trebuchet MS"; } 
 

/* Pages interieures */
.format        {  padding: 0 55px 25px 15px;   min-height: 200px;  } 
.format h2     { height: 34px;  width: 639px; margin: 0px 0 20px 0px; padding: 2px 0 0 17px; font: bold 17px "Trebuchet MS"; color: #fff; background-color: #f97e36; background: url(../images/fond/f-h2-orange.gif) left top no-repeat;   } 
.format h3     {  margin: 20px 0 10px 0px; color: #f97e36} 
.format h4     {  color: #f97e36} 
.format h5     {  color: #f97e36} 
.format p 	   { font: normal 11px/18px arial; margin: 0 30px 5px 30px; text-align:left; color: #5f5c5c }
.format ul     { margin: 0 0 0 50px;  } 
.format ul li  { padding: 0 0 0 19px; background: url(../images/puce/puce_orange.gif) left 3px no-repeat; color: #5f5c5c  } 

strong    {  color: #5f5c5c  } 

.puce    { padding: 0 0 0 17px; background: url(../images/illustr/fleche.gif) left top no-repeat;   } 


table.logoPresent    			{ margin: 10px 0 5px 30px;   } 
table.logoPresent td 			{ padding: 0 15px  }
table.logoPresent td.logoname { width: 175px;  text-align: center;  }
table.logoPresent td.logoname a { text-decoration: none;   }
table.logoPresent td.logoname a img{ border: none  }
table.logoPresent td.logoname strong{padding: 0 0 10px 0; position:relative; top: -10px; left: 0px;    }
 
/* Page Etude et Conseil */

.etudeConseilTable    {   } 
.etudeConseilTable td { vertical-align: top  } 


/* 			Conteneurs generaux 					*/	
#main				    { position: relative; width: 940px; margin: 0 auto;  text-align:left; background: url(../images/fond/spread.gif) left top repeat-y;  }

#intro 				 { width: 940px; height: 174px; padding: 130px 0 0 24px; background: url(../images/fond/header.gif) left top no-repeat;   }

#theFlash          { position: absolute; top: 18px; left: 19px;   } 					
 

#content 			 { margin: 0; padding:0; background: url(../images/fond/spreqd.gif) left top repeat-y;  overflow: auto;    }
div#colonne_gauche { float: left; width: 235px; padding: 5px 5px 0 8px;   }
div#colonne_droite { float: right; width: 674px; margin: 0; padding: 5px 5px 20px 5px;  }



/* 							 - - -   HOME   - - - 																	 */
	#nLetter                 { margin: 10px 0 0 17px;   } 
	#nLetter  label          {display: none;  } 
	#nLetter  p              { color: #5F5C5C  } 
	#nLetter form            {     } 
	#nLetter form p          {     } 
	#nLetter h3              { margin: 0 0 4px 0px; padding: 0 0 0 0;  color: #fc7215; font: bold 15px arial;  } 
	#nLetter input.ch        { height: 23px; padding: 2px 0 0 7px;   color: #5f5c5c; border-left: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1; background: url(../images/fond/f-input.gif) right bottom no-repeat;  
								       position:relative; top: -15px; left: 0px; 	  } 
	
	
		/*			   Actualités 					*/
	#actuS            { width: 225px; margin: 0 0 25px 0px;   background: url(../images/fond/espaceS.gif) left top repeat-y; position:relative; top: 0px; left: 0px;   } 
	#actuBot          {  width: 225px;  background: url(../images/fond/espaceBot.gif) left bottom no-repeat;  } 
	#actuTop          {  width: 199px;   padding: 48px 0 11px 26px;   background: url(../images/fond/actuTop.gif) left top no-repeat;  } 	
	#actuTop h3       { margin: 24px 0px 14px 0px;  font: normal 11px Verdana; color: #5f5c5c } 									 
	#actuTop .blocActu    { width: 180px;  color: #5f5c5c} 
	
	#actuTop.blocActu  span.date  { padding: 0 0 0 20px; font: normal 9px verdana    } 
	#actuTop .blocActu  p.title    { color: #2e2e2e ; font: bold 12px arial;  } 
	#actuTop.blocActu  p.desc     { color: #5f5c5c  } 
	#actuTop .blocActu  p.lire     {   } 
 
	
	 
	
	
	/*			   Menu Login/Logged 					*/
	#espaceS            { width: 225px;  margin: 10px 0 0 17px; position:relative; top: 0px; left: 0px;  } 
	#espaceBot          {  width: 225px;    } 
	#espaceTop          {  width: 225px;  padding: 0px 0 5px 0;    } 	
	#espaceTop h3 		  { color: #fc7215; font: bold 15px arial; border-bottom: 1px solid #fbd4b8 } 
	#espaceTop h4       { margin: 7px 0px 14px 0px;  font: bold 11px Verdana; color: #5f5c5c } 									 
	#espaceTop label    { display: none;  } 
	#espaceTop input.ch {  height: 23px; padding: 2px 0 0 7px; color: #000;  color: #5f5c5c; border-left: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1; background: url(../images/fond/f-input.gif) right bottom no-repeat;   } 									 
	
	div#menu-login 						{ padding: 0 0 0 0px;  }
	div#menu-login p.centerValid 		{ position: absolute; top: 70px; left: 137px;  }
	div#menu-login p.phrase          { margin: 10px 8px 3px 2px;  font: normal 10px Verdana; color: #5f5c5c }
	div#menu-login p.phrase a        { color: #f77215 ; font-weight: bold; text-decoration: none;  }
	
	input.ch 								{ }
	
	div#menu-logged 						{ }
	div#menu-logged p.lien2 			{ }
	div#menu-logged p#bonjour 			{ }
	div#menu-logged a.deconnect 		{ }
	
	/*  */
	div#presse    		 { margin: 10px 0 0 17px;   } 
	div#presse h3 		 { color: #fc7215; font: bold 15px arial; border-bottom: 1px solid #fbd4b8 } 
	div#presse ul 		 { margin: 0 0 15px 0; padding: 0   } 
	div#presse ul li   { margin: 0 ; padding: 0   } 
	div#presse ul li a { color: #5f5c5c; text-decoration: none;   } 
	
	/*  */
	div#actu    { width: 350px;   } 
	div#actu h3 { color: #fc7215; font: bold 15px arial; border-bottom: 1px solid #fbd4b8  } 
	
	/*  */
	div#actu .blocActu             { margin: 0 0 10px 0px;    } 
	div#actu .blocActu  span.date  { padding: 0 0 0 20px; font: normal 9px verdana    } 
	div#actu .blocActu  p.title    { color: #2e2e2e ; font: bold 12px arial;  } 
	div#actu .blocActu  p.desc     { color: #5f5c5c  } 
	div#actu .blocActu  p.lire     {   } 
	
	 
	/*  */ 
	div#form    			 			{ width: 270px; height: 312px;  position:absolute; right: 23px; top: 277px; z-index: 50;  } 								
	div#form_bg    			 		{ width: 270px; height: 312px;  background: url(../images/fond/form2.png) left top no-repeat; position:absolute; right:23px; top: 277px;  z-index: 20;    } 
	div#form h3           			{ color: #fc7215; font: bold 11px arial; padding: 0 33px 0 21px; line-height: 17px  } 
	div#form label.lbleft 			{ display: none;  } 
	div#form p            			{ margin: 0 0 6px 0px;   padding: 0 0 0 20px  } 	
	div#form input.ch             { width: 207px; height: 14px; color: #5f5c5c; padding: 1px 0 0 5px;     border: 1px solid #fff } 
	div#form p.validForm  			{ position: absolute; right: 0px; bottom: 0px;      } 	
	div#form p.validForm  input   { display: block; width: 104px; height: 44px;  text-indent: -5000px;  } 		
	div#form select#subject       { width: 214px; color: #5f5c5c; font: normal 11px arial;  } 
	div#form select#subject option{ padding: 1px 0 0 5px;  } 
	
	
	/*  */
	div#f-solution_bot     { width: 642px;   margin: 0;  background: url(../images/fond/f-solution-bot.gif) left bottom no-repeat;   } 	
	div#f-solution         { width: 642px; min-height: 185px; margin: 0;  background: url(../images/fond/f-solution-top.gif) left top no-repeat;   } 
   .contenuSolutions      { margin: 25px 15px 0px 15px; padding: 0 0 13px 0;    } 
		
	div#f-solution h3      { color: #fc7215; font: bold 15px arial;  position:relative; top: 13px; left: 19px; width: 300px;   } 
	  
	hr.separator           { clear: both; visibility: hidden; height: 24px; width: 300px;   } 



/* 			        Footer								   */
#outro 				     { width: 940px; height: 64px; background: url(../images/fond/footer.gif) left bottom no-repeat; clear: both; position:relative; top: 0px; left: 0px; }
#outro p.contactUs     {  color: #ff8207; font: bold 15px arial; text-align :right; padding: 0 64px 0 0; 
								  position: absolute; top: 0px; right: 22px;   } 
#outro p.contactUs a   {  color: #ff8207 ;  font: bold 15px arial; text-decoration: underline;    } 


#outro p.paraFoot 			 { color: white; text-align: left; padding: 5px 0 0 39px; font: normal 10px arial; 		
							         position: absolute; top: 22px; left: 10px; 		}
#outro p.paraFoot a 			 { color: white; text-decoration: none }
#outro p.paraFoot a:hover   { text-decoration: underline }

#outro .netpartnering       {  position: absolute; top: 26px; right: 47px; 	 color: white;	 } 




/* 			Page Mentions						   */
.adr 						{ margin: 20px 0 15px 145px }
.adr2 					{ margin: 20px 0 15px 45px }
.adr h3    				 { font: normal 11px arial;  } 
.adr2 h3    			 { font: normal 11px arial;    } 
.adr h3 span, 
.adr2 h3 span         { border-bottom: 1px solid #cbcb1e  } 

.adr, .adr2 			{ float: left; min-height: 155px; padding: 0; width: 213px; background: url(../images/fond/adr-Bot.gif) left bottom no-repeat }
.adr-Bot, .adr2-Bot  { padding: 10px 0 0 0; background: url(../images/fond/adr.gif) left top no-repeat;  }
.conformemement 		{ font: normal 10px arial }



/* 			Formulaires 						  */

form.formatform                  { width: 350px;  margin: 30px auto 15px auto; padding: 15px;  border: 1px solid #b3b3b3 } 
form.formatform  h3              { margin: 0 0 16px 0px;   } 
form.formatform  label.lbleft    { float: left; width: 140px; font: bold 11px arial; color: #7d7d7d; text-align :right; margin: 0 10px 0 0px;  } 
form.formatform  input           {  }
form.formatform  select          { border: 1px solid #7cc8db;  } 
form.formatform  p.centerbut     { margin: 15px 0 10px 0px; clear: both; text-align:center; } 
form.formatform input.ch         {  height: 23px; padding: 2px 0 0 7px; color: #000;  color: #5f5c5c; border-left: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1; background: url(../images/fond/f-input.gif) right bottom no-repeat;   } 									 

			span.littleMention      { display: block; text-align: right; font: normal 10px arial;   } 
			
#cvFormulaire    						{ width: 450px;   } 			
#cvFormulaire    label.lbleft    { float: left; width: 165px;   }			



/*  Formulaire de contact  */
#contactForm            { width: 390px;  } 
#contactForm textarea   { width: 350px; margin: 0 auto;   border-left: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1; background: url(../images/fond/f-input2.gif) right bottom no-repeat;  
								  position:relative; top: 0px; left: -10px;  } 


/* 			General styles 						*/

.input 		{ border: 1px solid black }
.bordered 	{ border: 1px solid black }
.noborder 	{ border:none }
.kill 		{ display: none }
.center 		{ text-align: center }
.clear 		{ clear:both; visibility: hidden; height: 0 }
.noborder 	{ border: none }
.format .bita 		{ margin: 15px auto 10px auto; text-align: center; font: bold italic 12px arial; color: #5b5a5a}
.center 		{ text-align: center }
.left 		{ text-align: left }
.right 		{ text-align: right }
.full 		{ width: 100% }
.button, .centerbut	   { text-align: center; margin: 15px 0 10px 0; clear: both }
.small     { font: normal 10px arial;    } 

/* 			Messages d erreurs					 */
.denied       {  color: #993333; font: normal 12px arial; background-color: #f4e9e9; padding: 10px 15px; margin: 0 auto 20px auto; width: 400px;  }
.denied ul    { margin: 0 0 0 30px;    }
.denied ul li { margin: 0 0 3px 0; padding: 0 25px 0 3px; list-style: circle; background: none;   }


/* Page contact */
.container    { text-align: center;   }
.container h3 { margin: 0 0 10px 0px; padding: 0 0 0 0; text-align: left;  } 
.container p  { margin: 0 0 10px 0px; padding: 0 0 0 0; } 
.container .bloc1,
.container .bloc2  { display: -moz-inline-stack;
							display: inline-block;	 
							width: 275px; 	
							margin: 0 0px; 	
							vertical-align: middle } 
				 
.container .bloc2     {    	 } 	
.bloc3   				 { margin: 0 0 0 30px;  width: 275px; text-align: left;   } 		
.bloc3  h3 { margin: 0 0 10px 0px; padding: 0 0 0 0; text-align: left;  }
.bloc3   p			 {margin: 0 0 10px 0px; padding: 0 0 0 0; 	 } 				 

				 
.separator    { width: 566px; height: 1px; margin: 4px auto 10px auto;  background: url(../images/fond/separator.gif) left top no-repeat;   }