html, body  {
position:relative;
background-image:url(../images/bkgd.jpg); 
background-color:#ddd; 
margin: 0;padding: 0; 
font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; 
font-size:12px;

}

/*Attributs principaux*/
a{text-decoration:none;}
h1, h2, h3{ padding:0; margin:0 0 5px 0 ; font-family:"Lucida Sans Unicode"; font-weight:normal; color:#336699}
h1{ font-size:2.2em; font-weight:normal; text-align:left; letter-spacing:-0.5pt; padding:20px 0 2px 0 ; width:93%; margin:0 auto 10px auto;text-transform:uppercase; border-bottom:1px dotted #eee}
h2{ font-size:2em; font-weight:normal; float:left; width:100%; text-align:left; letter-spacing:-0.5pt; padding:15px 0 2px 0; color:#333;}
h3{ font-size:1.1em; font-weight:bold; float:left; clear:both;width:100%;  text-align:left; letter-spacing:0px; padding:5px 0 2px 0; color:#333}
h3 span{ font-size:0.8em; font-weight:normal;color:#000}
h1 span{ font-size:0.4em; text-transform:lowercase; position:absolute; top:75px; right:25px; font-weight:normal; color:#333333}
h1 span a{ color:#ccc; padding: 0 0 0 5px; font-family:arial; letter-spacing:normal}
h1 span a:hover{color:#333333; padding: 0 0 0 5px}
h1 span a.on{ color:#000; padding: 0 0 0 5px}

p{color:#666; font-size:1.1em; margin:0;padding:0 30px 0 0; float:left;font-family:"Lucida Grande",Arial,Verdana,sans-serif; text-align:left}
#languages{ display:block; float:right; height:22px; padding:0 }


.left{ display:block; float:left; padding:0 8px 8px 0;}
.right{ float:right;padding:0 0 8px 8px}

/*bloc global*/
.global{width:100%; display:block; float:left; margin:0;}

/* gestion de la toolbar */
.toolbar{ display:block; float:left; width:100%; height:22px; background-color:#666; border-bottom:1px solid #333; border-top:1px solid #999}
.toolbar .center{ display:block; width:800px; margin:0 auto;}
.toolbar .info{ display:block; float:right; padding:3px 0 0 0;}

/*Gestion du header*/
.header{ width:800px; display:block; float:left; padding:0}
.header_content{ display:block; float:left;clear:both;width:110px;}
/*Gestion des blocs principaux*/
/*Bloc centrale*/
.conteneur{width:800px; margin:0 auto 0 auto;}
.liens img{ border-bottom:1px solid #ccc;border-left:1px solid #ccc;}
.liens a{ color:#666; font-family:"Lucida Grande",Arial,Verdana,sans-serif;}
/*Bloc centrale pour styliser le fond du contenu du site*/
.conteneur_style{width:800px; display:block; padding:0; margin:0;float:left; clear:both; border:3px solid #eee; background-color:#FFFFFF}

/*comportement du contenu*/
.content{display:block; float:left;width:800px; margin:0;padding:0; position:relative;}
.content#mootwin h1{ width:90%; margin: 0 0 0 5px; background-image:url(../images/kword.gif); background-position:left; background-repeat:no-repeat; padding:15px 0 18px 70px}
.content#solutions h1{ width:90%; margin: 0 0 0 5px; background-repeat:no-repeat; padding:15px 0 18px 10px}
.content#solutions01 h1{ width:90%; margin: 0 0 0 5px; background-image:url(../images/interface/small_01.gif); background-position:left; background-repeat:no-repeat; padding:15px 0 18px 70px}
.content#solutions01 h1 font, .content#solutions02 h1 font, .content#solutions03 h1 font, .content#solutions04 h1 font,.content#solutions05 h1 font, .content#solutions06 h1 font{ width:90%; font-size:0.8em;}

.content#solutions02 h1{  width:90%;margin: 0 0 0 5px; background-image:url(../images/interface/small_02.gif); background-position:left; background-repeat:no-repeat; padding:15px 0 18px 70px}
.content#solutions03 h1{  width:90%;margin: 0 0 0 5px; background-image:url(../images/interface/small_03.gif); background-position:left; background-repeat:no-repeat; padding:15px 0 18px 70px}
.content#solutions04 h1{  width:90%;margin: 0 0 0 5px; background-image:url(../images/interface/small_04.gif); background-position:left; background-repeat:no-repeat; padding:15px 0 18px 70px}
.content#solutions05 h1{  width:90%;margin: 0 0 0 5px; background-image:url(../images/interface/small_05.gif); background-position:left; background-repeat:no-repeat; padding:15px 0 18px 70px}
.content#solutions06 h1{  width:90%; margin: 0 0 0 5px;background-image:url(../images/interface/small_06.gif); background-position:left; background-repeat:no-repeat; padding:15px 0 18px 70px}

.content-header{width:800px; display:block; height:37px;float:left;  background-image:url(../images/content_style_top.gif); background-repeat:no-repeat}
.content div.large{ width:650px; display:block; margin:0 auto}
.content div.left{ width:450px; display:block; float:left;top:5px; left:25px; z-index:100}

.content div.right{ width:550px; display:block;float:right; position:relative;top:5px; right:15px;}
.content div.right_bis{ width:700px; display:block;float:right;}
.content div.right_bis_block{display:block;float:left; padding:0 0 5px 0}
.content div.right_bis h2{ padding: 0 0 0 138px; width:50%}
.content div.right_bis h3{ width:400px; clear:none}
.content div.right_bis .present{ display:block; float:left;width:400px; padding: 0 0 0 20px}
.content div.right_bis .present p{ width:400px}
.content div.right_pdt{ width:540px; display:block;float:right; position:relative;top:5px; right:15px;}
.content ul{ list-style:none; list-style-image: background-image:url(../images/8-em-check.gif);clear:both; margin:0; padding:0 0 0 25px;font-size:1em; }
.content ul li{ margin:0 0 2px 0; padding:0 20px 8px 15px; color:#6699CC; background-image:url(../images/8-em-check.gif); background-position:2px 5px; background-repeat:no-repeat}

/*Gestion du footer*/
.footer{ position:relative; color:#666;width:800px; text-align:center;font-family:"Lucida Grande",Arial,Verdana,sans-serif;display:block; margin:0 auto 0 auto; padding:15px 0 10px 0 ; clear:both;font-size:0.9em;}
.footer .absolute{ position:absolute; top:15px; right:14px}

.footer a{ color:#eee;text-decoration:none;}
.footer a:hover{ text-decoration:underline; color:#333333}

/*generale*/
.img_left{display:block; float:left; width:273px; position:absolute; left:25px; top:50px}
.img_left img{ position:relative;}

.back{ display:block; float:right; width:150px; height:20px;padding: 2px 2px 0 15px; margin:2px 0 0 0; background-image:url(../images/back.gif); background-repeat:no-repeat}
.back a{ color:#666666; font-size:0.8em; }
.back a:hover{ color:#000}

.present{ display:block; float:left}
.present p{ float:left; width:40%; padding: 0 0 0 5px}
.thumbnail_left{ display:block; float:left; clear:both}
.thumbnail_right{ display:block; float:right; clear:both}
/*mise en page*/
.quote{  margin:0 auto; font-size:1.1em; padding:18px 0 12px 40px; left:60px; width:650px; font-size:1.6em ;background-image:url(../images/quote_pdt.gif); background-repeat:no-repeat; background-position:0px 7px}
.quote_present{  margin:0; font-size:1.1em; padding:10px 0 12px 50px; width:450px; font-size:1.6em; background-image:url(../images/quote.gif); background-repeat:no-repeat }

.quote span{ display:block; float:left; padding:0; font-size:0.7em;color:#999}
.quote_footer{ display:block; float:left; background-image:url(../images/quote_footer.gif); background-repeat:no-repeat; width:450px; height:14px}
/*Gestion des navigations*/
/* menu top */
.navcontainer01{ display:block; float:left;margin:0;  width:800px; height:38px; background-image:url(../images/menu_repeat.gif); background-repeat:repeat-x }
.navcontainer01 ul{margin:0;color:#999;float: left;width:680px;font-family: Georgia,"Times New Roman",Times,serif;padding: 0;}
.navcontainer01 ul li { display: inline;}
.navcontainer01 ul li a{padding: 38px 10px 0 10px; height:0; overflow:hidden;color:#666;text-decoration: none;float: left; font-size:1.1em;background-image:url(../images/menu.gif); background-repeat:no-repeat }
.navcontainer01#en ul li a{padding: 38px 10px 0 10px; height:0; overflow:hidden;color:#666;text-decoration: none;float: left; font-size:1.1em;background-image:url(../images/menu_en.gif); background-repeat:no-repeat }


.navcontainer01 ul li#p01 a{background-position:0 0; width:80px}
.navcontainer01 ul li#p01 a:hover{ background-position:0 -38px;}
.navcontainer01 ul li#p01 a#current{ background-position:0 -38px;}

.navcontainer01 ul li#p02 a{background-position:-100px 0; width:80px}
.navcontainer01 ul li#p02 a:hover{ background-position:-100px -38px;}
.navcontainer01 ul li#p02 a#current{ background-position:-100px -38px;}

.navcontainer01 ul li#p03 a{background-position:-200px 0; width:80px}
.navcontainer01 ul li#p03 a:hover{ background-position:-200px -38px;}
.navcontainer01 ul li#p03 a#current{ background-position:-200px -38px;}

.navcontainer01 ul li#p04 a{background-position:-300px 0; width:80px}
.navcontainer01 ul li#p04 a:hover{ background-position:-300px -38px;}
.navcontainer01 ul li#p04 a#current{ background-position:-300px -38px;}


.navcontainer01 ul li#p05 a{background-position:-400px 0; width:80px}
.navcontainer01 ul li#p05 a:hover{ background-position:-400px -38px;}
.navcontainer01 ul li#p05 a#current{ background-position:-400px -38px;}

.navcontainer01 ul li#p06 a{background-position:-500px 0; width:80px}
.navcontainer01 ul li#p06 a:hover{ background-position:-500px -38px;}
.navcontainer01 ul li#p06 a#current{ background-position:-500px -38px;}


.navcontainer01 ul li#p07 a{background-position:-400px 0; width:80px}
.navcontainer01 ul li#p07 a:hover{ background-position:-400px -38px;}
.navcontainer01 ul li#p07 a#current{ background-position:-400px -38px;}

/* sub menu top */
.navcontainer02 { display:block; float:left;  width:792px; font-size:1.1em; background-color:#690}
.navcontainer02 ul {padding:0;margin:0 0 0px 0px;float: left;width:792px;font-family: 'Trebuchet MS',Verdana,sans-serif;}
.navcontainer02 li { float:left;list-style:none;}
.navcontainer02 li a{ position: relative; float:left;padding: 2px 10px 0 10px;display:block;height:20px;color:#333;text-decoration: none;}
.navcontainer02 li #current02 { background-color:#fff;color: #666; background-image:url(images/arrow_menu_on.gif); background-position:left; background-repeat:no-repeat}
.navcontainer02 li a:hover{color: #333; background-color:#FFFFFF;position: relative; float:left;display:block;height:20px;color:#333;text-decoration: none;}
.navcontainer02 h2 { display:block; float:left; width:60%; color:#333; font-size:2em; padding:11px 2px 0 2px;font-weight:normal; margin:0}

/*chemin des pages*/
.breadcrumb{ padding:3px 0 0 2%; display:block; float:left;font: normal 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; color:#999; width:98%}
.breadcrumb a{ font-size:10px; display:block; float:left; height:20px; padding:5px 5px 5px 16px;color:#999; background-image:url(../images/breadcrumb.gif);  background-repeat:no-repeat; text-decoration: none;}
.breadcrumb a:visited{}
.breadcrumb a:active{ color:#eee}
.breadcrumb a:hover{text-decoration: underline; color:#eee}
.breadcrumb .active{ color:#999; text-indent:5px; display:block; float:left; height:30px; padding:5px 5px 5px 16px;padding-left:16px;background-image:url(../images/breadcrumb.gif); background-repeat:no-repeat;}

/*carousel*/

div#iFishEye_example_1 { background-image:url(../images/interface/bkgd.jpg); background-repeat:no-repeat; background-position:0 5px; height:295px;width:800px;
text-align:center; position:relative}
div#iFishEye_example_1 table {

margin:0 auto;border-collapse:collapse;
border-spacing:0;position:absolute; bottom:26px; left:auto; right:0
}

div#iFishEye_example_1 table td {
vertical-align:bottom;  text-align:center;
}
div#iFishEye_example_1 table td span{ display:block;  background-color:#333; width:90px; margin:0 auto;
text-align:center; color:#FFFFFF
}
#iFishEye_example_1 h2{ color:#666;
float:right;
font-size:2.1em;
font-weight:lighter;
line-height:1em;
padding:15px 15px 0 0;
text-align:right;
width:80%;}
#iFishEye_example_1 h2 strong{ color:#3399CC; font-size:1.2em; letter-spacing:-0.09em;}
#iFishEye_example_1 em{  color:#669933; font-size:0.7em }
#iFishEye_example_1 h2 span{ text-align:right; color:#333; font-size:0.8em; padding:8px 0 0 0; clear:both; display:block; line-height:1em; font-weight:normal}

.bloc_teaser_all{ float:left; width:750px; padding:0 25px 20px 25px}
.bloc_teaser{display:block;
float:left;
height:180px;
margin:0 3px;
padding:2px;
position:relative;
width:240px;}
.bloc_teaser h2{ float:left;font-size:1.7em; width:100%; border-bottom:1px dashed #999; color:#333; font-weight:normal; margin:0 0 5px 0; padding:0 0 2px 0}
.bloc_teaser p{ font-size:1.0em; padding:0 5px 0 5px; text-align:left; color:#333 }
.bloc_teaser a{ color:#006600; font-weight:bold }
.bloc_teaser .detail{ display:block; position:absolute;bottom:2px; left:15px}

.module_left_top{display:block; float:left; width:192px;background-image:url(../images/module_header.gif); background-position:top; background-repeat:no-repeat; margin:25px 0 0 25px; padding:15px 0 0 0}
.module_left_top div{ width:182px; padding:5px;display:block; float:left; margin:0; background-image:url(../images/module_bkgd.gif); background-position:top; background-repeat:repeat-y}
.module_left_top h3{ margin:0; padding:0; font-size:1.4em; color:#336699;font-weight:normal;letter-spacing:-0.05em;}
.module_left_top a { color:#333333; display:block; width:100%;}
.module_left_top a:hover{}
.module_left_top a.on{}
.module_left_top div ul{ margin:0; padding:0 0 0 5px}
.module_left_top div ul li{ margin:0 0 3px 0; padding:2px 0 0 15px; color:#333333; background-image:url(../images/agt_action_success.gif); background-position:2px 8px; background-repeat:no-repeat}

.module_left_top span{ display:block; float:left; width:192px; height:20px; background-image:url(../images/module_footer.gif); background-repeat:no-repeat; }





.module_left{ position:absolute; left:25px; top:450px;display:block; width:192px; float:left;background-image:url(../images/module_header.gif); background-position:top; background-repeat:no-repeat; padding:15px 0 0 0}
.module_left div{ width:182px; padding:5px;display:block; float:left; margin:0; background-image:url(../images/module_bkgd.gif); background-position:top; background-repeat:repeat-y}
.module_left h3{ margin:0; padding:0; font-size:1.4em; color:#336699}
.module_left div ul{ margin:0; padding:0 0 0 10px}
.module_left div ul li{ margin:0; padding:2px 0 0 7px; color:#333333; background-image:url(../images/tab_right.gif); background-position:left; background-repeat:no-repeat}

.module_left span{ display:block; float:left; width:192px; height:20px; background-image:url(../images/module_footer.gif); background-repeat:no-repeat; }


.grid3col{
clear:both;

margin:0;
padding:10px 10px 10px 30px;
width:750px;}
.column{
float:left; 
border-right:1px solid #DADBDE;
margin:0 0 20px;
padding:0 5px 5% 4px;
position:relative;
text-align:center;
width:240px;
}
.column h3{
font-size:1.3em; font-weight:normal; color:#369
}
.column ul{
list-style:none; padding:3px 0 0 0; margin:0
}
.column ul li{
list-style:none; padding:0 0 0 10px; margin:0 0 2px 0; text-align:left; background-image:url(../images/column_arrow.gif); background-position:1px 3px; background-repeat:no-repeat;font-size:0.9em
}
.column p{
padding:0;
display:block; float:left; width:90%
}
.column img{
border:none;
bottom:0px;
left:5px;
position:absolute;}
.column img.picto{
border:none;
left:0px;
position:relative}
.column.first{
margin-left:0 !important;
border:medium none;
}
.column.last{
margin-left:0px !important;
border:medium none;
}

.illustration{ padding: 0 30px 0 30px; display:block; float:left }
.illustration h3{ padding:0; margin:5px 0px 5px 7px; border-bottom:1px solid #ccc; width:155px}
.illustration ul{ list-style:none; margin:0; padding:0; font-size:1.1em}
.illustration ul li{ list-style:none; margin:8px 0 5px 0; padding:0 0 0 15px; background-image:none; text-align:justify}

.directorynav {width:180px; padding:10px; display:block; float:left;}
.directorynav h3{ font-size:0.9em; color:#999; letter-spacing:-0.05em; margin:0; padding:0}
.directorynav a {color:#666}
.directorynav a:hover {color:#999}
.directorynav ul { list-style:none; margin:0; padding:0; font-size:0.9em}
.directorynav ul li{ list-style:none; margin:0; padding:0 0 0 8px}

.liste_style{ display:block; width:700px; margin:0 auto;}
.liste{ display:block; float:left;margin:5px auto; padding:4px 8px; width:95%}
.liste h2{ font-size:1.2em; width:80%; font-weight:bold; padding:0 0 2px; margin:0}
.liste p{ clear:both;
display:block;
float:left;
font-size:1em;
padding:0 0 2px; width:98%;}
.liste a { float:right}
.liste .details{ display:block; float:left;  width:85%; position:relative}
.liste .img{ display:block; float:left; width:80px; border-right:1px solid #ccc; margin:0 5px 0 0 }



/*bloc left*/
.left_blog{
	display:block;
	padding:10px 0 28px 0;
	width:220px;
	float:left;
	}

.tree_categories{ font-size:2em; width:200px; font-size:1.4em}
.tree_categories a{ display:block; float:left;padding:0; margin:0; color:#333;font-family:"Arial";}
.tree_categories li#currented{ margin:0; float:left; width:100%; clear:both; font-weight:bold}
.tree_categories li#currented > a{ color:#369;font-weight:bold}

.tree_categories ul li{ padding:0; margin:0; float:left; width:100%; clear:both;font-size:0.9em; font-family:"Lucida Sans Unicode"}
/* niveau 0 */
.tree_categories ul li { font-size:0.9em; padding:2px 0; margin:0;border-bottom:1px solid #5F293; background-image:none}
.tree_categories ul li a{ font-weight:normal; padding:2px 0 2px 1%;width:99%; }
.tree_categories ul li a:hover{ text-decoration:underline;}
/* niveau 1 */
.tree_categories ul li ul {padding:2px 0 2px 15px;}
.tree_categories ul li ul li{ padding:0; margin:0;border-bottom:0px solid #5F2931;}
.tree_categories ul li ul li a{  font-weight:normal;font-size:0.9em; margin:0; padding:2px 0;}
.tree_categories ul li ul li a:hover{}
/* niveau 2 */
.tree_categories ul li ul li ul li{ font-weight:bold;padding:0; margin:0;}
.tree_categories ul li ul li ul li a{ color:#000;font-size:1em;padding:0 0 0 25px;margin:0;}
.tree_categories ul li ul li ul li a:hover{}
/* niveau 3 */
.tree_categories ul li ul li ul li ul li{ font-weight:normal;padding:0 0 0 2px;font-size:0.9em;padding:0; margin:0;border-top:1px solid #eee;}
.tree_categories ul li ul li ul li ul li a{ font-size:0.5em; font-weight:normal; padding:0 0 0 25px;margin:0; font-family:Arial, Helvetica, sans-serif}
.tree_categories ul li ul li ul li ul li a:hover{ background-position:8px 2px   ; background-repeat:no-repeat;}
/* niveau 4 */
.tree_categories ul li ul li ul li ul li ul li{font-weight:normal; font-family:Arial, Helvetica, sans-serif;font-size:0.7em;margin:0;}
.tree_categories ul li ul li ul li ul li ul li a{font-weight:normal;padding:0 0 0 35px;margin:0;}
.tree_categories ul li ul li ul li ul li ul li a:hover{}



.post{ display:block; float:left; width:95%}
.post h2{ color:#369}
.post h2 a{ color:#369}
.post .by{ display:block; float:left; width:100%; padding:0 0 10px 0}
.post .by a{ color:#369}
.post .teaser{ display:block; float:left; width:100%; padding:10px 0; font-weight:bold}

.news_index{ display:block; float:left; width:96%; padding:3px 2% 5px 2%; background-color:#333333; color:#666666}
.news_index a{ color:#CCCCCC}


#NewsTicker{
	width:96%;
	height:20px;
	margin:0 auto 5px auto;
border-bottom:1px solid #ccc; 
}
	#NewsVertical {
	width: 87%;
	height: 22px;
	display: block;
	overflow: hidden;
	position: relative;
	}
/* --------------- */
/* Ticker Vertical */
	#TickerVertical {
	width: 85%;
	height: 22px;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	#TickerVertical li {
background-image:none;
	color: #444444;
	text-align: left;
	font-size: 11px;
	margin: 0;
	padding: 2px 10px;
	float: left;
	height: 30px;
	display: inline;
	}
		#TickerVertical li .NewsTitle{
			display: block;
			color: #000000;
			font-size: 22px;
			margin-bottom:6px;
			font-family:Georgia, "Times New Roman", Times, serif;
		}
		#TickerVertical li .NewsTitle a:link,
		#TickerVertical li .NewsTitle a:Visited {
			display: block;
			color: #000000;
			margin-bottom:6px;
			text-decoration:underline;
		}
		#TickerVertical li .NewsTitle a {
	color: #000000;
		}
		#TickerVertical li .NewsTitle a:hover {
			text-decoration:none;
		}

.partenaires {text-align:center;}
.partenaires a{margin:0px 10px 0px 10px;}