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

body {
	text-align: center; /* centrage pour IE */
	font-family: arial, geneva, sans-serif;
	font-size: 76%;
	color: #393939;
	line-height: 1.15em;
	font-weight: normal;
	}
	
.center {text-align: center;}
.right {float: right;}
	
/* ---[ Mise en page/Structure des pages ]--------------------- */

#container {
	clear: left;
	margin: 0 auto; 
	width: 908px;
	height: auto;
	text-align: left;
	}
	
#header {
	position: relative;	
	width: 908px;
	height: 103px;
	margin: 0 auto;
	clear: both;
	}
	
	img#logo {margin: 20px 0 18px 25px;}
	
	#btLangue {
		position: absolute;
		top: 10px; right: 15px;
		width: 40px;
		height: 10px;
		}
		

		#btLangue a {text-decoration: none; color: #ca3339; font-weight: bold; font-size: 90%;}




body#home #animation, body#lessolutions #animation, body#expertise #animation, body#contact #animation,body#actualites #animation {
	margin: 5px auto;
	clear: both;
	width: 904px;
	height: 303px;
	}
	
#animation {
	float: right;
	width: 693px;
	height: 250px;
	margin-top: 15px;
	position: relative;
	z-index: 0;
	}	


#animation h1 {
	font-size: 24px;
	padding: 5px 0 0 0;
}

	
#newsTicker {
	position: relative;
	margin: 0 auto;
	clear: both;
	width: 886px;
	height: 25px;
	padding: 7px 0 0 20px;
	background: url(../images/bg_newsTicker.gif) no-repeat top center;
	font-size: 90%;
	}	
	
	#newsTicker p {width: 680px;}
	#newsTicker p span.titre {font-size: 110%; font-weight: bold; color: #ca3339;}
	
	#rss {
		position: absolute;	
		width: 160px;
		height: 32px;
		position: absolute;
		top: 4px; right: 13px;
		text-align: right;
		}
		
		img#logoRSS {vertical-align: middle; margin-left: 5px;}

body#home #contenu {
	float: left;
	width: 620px;
	height: auto;
	margin: 15px 0 15px 20px;
	}
	
#contenu {
	float: right;
	width: 693px;
	height: auto;
	margin: 10px 0 0 0;
	}	
	
#contenuInterne	{
	float: right;
	width: 890px;
	height: auto;
	margin: 10px 0 0 0;
	}
	
#contenu ul, #contenuInterne ul {
	margin: 20px 20px 20px 40px;
	font-size: 90%;
}	
	
body#home #colDroite {
	float:right;
	width: 239px;
	height: auto;
	margin: 15px 0;
	}	
	
#footer {
	clear: both;
	float: left;
	width: 620px;
	height: 15px;
	margin: 50px 0 15px 20px;
	}	

	body#home #footer {margin: 15px 0 15px 20px;}

#colGauche {
	float: left;
	width: 189px;
	height: auto;
	margin-top: 15px;
	}


/* ---[ Navig principale ]--------------------- */

ul#nav {/*Accueil*/
	clear: both;
	float: left;
	width: 908px;
	height: 33px;
	background: url(../images/bgNav.gif) no-repeat top left;
	position:relative; 
	z-index: 9999; /*because IE6 is useless crap*/
	}	
	
	ul#nav li {
		float: left;
		display: inline;
		list-style: none;
		position: relative;
		width: 181px; 
		height: 23px;
		padding-top: 7px;
		font-weight: bold;
		font-size: 100%;
		text-align: center;
		}	
		
		ul#nav li#entreprise {margin-left: 2px;}
		
		ul#nav li a {text-decoration: none; color: #ca3339;}
		
		ul#nav li a:hover, /* highlight le texte*/
		ul#nav li:hover a /*important, highlight tout le bouton, pas juste le texte dessus*/
		{color: #fff;}  
		
	ul#nav li:hover {background: url(../images/bg_btNavOn.gif) no-repeat top left;}
	
		
			/*highlight boutons des pages de section - le background*/
			body#pg-produits li#produitsServices
			 {background: url(../images/bg_btNavOn.gif) no-repeat top left; }
			
			/*highlight boutons de section - le texte*/
			body#pg-produits li#produitsServices a:link, body#pg-produits li#produitsServices a:visited
			 {color: #fff;}
			 

			/*highlight boutons des pages de section - le background*/
			body#lessolutions li#solutions
			 {background: url(../images/bg_btNavOn.gif) no-repeat top left; }
			
			/*highlight boutons de section - le texte*/
			body#lessolutions li#solutions a:link, body#lessolutions li#solutions a:visited, body#lessolutions li#solutions
			 {color: #fff;}
			 
			/*highlight boutons des pages de section - le background*/
			body#expertise li#expertises
			 {background: url(../images/bg_btNavOn.gif) no-repeat top left; }
			
			/*highlight boutons de section - le texte*/
			body#expertise li#expertises a:link, body#expertise li#expertises a:visited, body#expertise li#expertises
			 {color: #fff;}			 



			/*highlight boutons des pages de section - le background*/
			body#contact li#support
			 {background: url(../images/bg_btNavOn.gif) no-repeat top left; }
			
			/*highlight boutons de section - le texte*/
			body#contact li#support a:link, body#contact li#support a:visited, body#contact li#support
			 {color: #fff;}	

			 
			 
			 	
			/*couleur du texte des boutons de 2e niv quand section est highlightée*/
			body#pg-produits li#produitsServices ul.subnav li a {color: #ca3339; }	
			
			
ul#nav ul:after /*From IE 7 lack of compliance*/{
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
	}

ul#nav ul.subnav { /*sous-menu*/
	width: 178px;
	height: auto;
	list-style: none;
	display: none;
	position: absolute;
	top: 30px;
	left: 0;
	border: 1px #d1d0d0 solid;
	z-index:1000;
	}		
	
ul#nav ul.subnav li {
	width: 138px;
	height: 16px; 
	padding: 2px 20px;
	float: left; /*For IE 7 lack of compliance*/
	display: block !important;
	display: inline; /*For IE*/
	text-transform: none;
	font-size: 90%;
	text-align: left;
	background: #f0eeee;
	}	

ul#nav ul.subnav li a {color: #ca3339; }	
	
	ul#nav ul.subnav li:hover, ul#nav ul.subnav li:active {background: #d8d7d7;}	
	
	
/*Hyperliens 2e niv*/
ul#nav li:hover li a,  /*hyperlien boutons 2e niv couleur du lien*/
ul#nav li.iehover li a {float: none;}

/*Hyperliens 2e niv - rollover */
ul#nav li:hover li a:hover, 
ul#nav li:hover li:hover a,
ul#nav li.iehover li a:hover,
ul#nav li.iehover li.iehover a {color: #ca3339; }

ul#nav li:hover ul ul,/* Pas touche! - Doit être placé avant display:block - pour Gecko */
ul#nav li.iehover ul ul {display: none;}

ul#nav li:hover ul,
ul#nav ul li:hover ul,
ul#nav li.iehover ul,
ul#nav ul li.iehover ul {display: block;}


/* ---[ Menu contextuel - col. gauche ]--------------------- */

ul#menuContext {
	float: left;
	width: 189px;
	}
	
ul#menuContext li {
	list-style: none;
	width: 189px; 
	height: 30px; 
	font-weight: bold;
	font-size: 100%;
	text-align: left;
		}	
		
ul#menuContext li a {
	display: block; 
	width: 165px; 
	height: 13px;
	padding: 8px 12px;
	border-bottom: 1px #dedddd solid;
	text-decoration: none; 
	color: #ca3339;}
		
	ul#menuContext li a:hover {background: #f7f7f7;}
	
			
/* ---[ Contenu ]--------------------- */	


/* ---[ Tables ]--------------------- */	

table#layoutBlocs	{
	border-collapse: collapse;
	font-size: 100%;
	border: 1px #c9c8c8 solid;
	}
	
table#layoutBlocs td	{
	border-collapse: collapse;
	border: 1px #c9c8c8 solid;
	width: 145px;
	height: 135px;
	padding: 15px 10px 5px 20px;
	vertical-align: top;
	}	

table#layoutBlocs td h1 {font-size: 120%; font-weight: bold; color: #ca3339; padding: 5px 0; border-bottom: 1px #c9c8c8 solid; }
table#layoutBlocs td ul {margin: 10px 0;}
table#layoutBlocs td ul li {list-style: none; margin: 2px 0; font-size: 90%; color: #808285;}
table#layoutBlocs td ul li a:link, table#layoutBlocs td ul li a:visited {text-decoration: none; color: #808285;}
table#layoutBlocs td ul li a:hover, table#layoutBlocs td ul li a:active {text-decoration: underline;}


div.btGo {float: right; width: 24px; height: 23px;  }

/* ---[ Hyperliens ]------------------------------- */

a:focus, li:focus {outline: none;} /* remove annoying dotted box in Firefox */

#footer a:link, #footer a:visited {text-decoration: none; color: #ca3339;}
#footer a:hover, #footer a:active {text-decoration: underline; }

		 				
/* ---[ Format du texte ]--------------------- */

.rouge {color: #ca3339;}
	
#contenu p, #contenuInterne p {
	font-size: 90%;
	margin: 5px 0 20px 0;
	}

#footer p {
	font-size: 85%;
	}




/* ---[ Hacks ]--------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */	


/* -------------- Ajout FT -------------*/
.produitsETservices {
	width: 500px;
	margin-bottom: 30px;
}

.produitsETservices th {

	background: #9d0304;
	color: #fff;
	padding: 5px;
	text-align: center;

}

.produitsETservices td {

background: #f2f0f0;
padding: 4px;
text-align: center;
}

h2 {
	margin: 5px 0 15px 0;
}

.produitsETservicesBanniere {
color: #fff; 
font-size: 15px; 
margin: 18px 0 0 18px;
}


  div#photos                {overflow:auto;}
  div.photo                 {float:left; display:inline; margin:0 20px 20px 0;}
  div.photo a img           {border:1px solid; padding:1px;}
  div#text a                {font-weight:bold;}
  div#zoom h2               {margin:10px 0 10px;}