@charset "utf-8";
/* CSS Document */
* {padding:0;margin:0;}

html {background:url(../images/motif.gif) repeat-y center;}
body {
	font-size:13px;
	font-family:"trebuchet MS", verdana, arial, sans-serif;
	word-wrap:break-word;
	background: url(../images/bg.png) repeat-x !important;
	*background:url(../images/bg.jpg) repeat-x;
	}

#wrapper {overflow:hidden; width:970px; margin:0 auto; padding-left:20px;}

#header {background: url(../images/header.jpg) no-repeat  center top; height:233px;}
body.presentation #header {background: url(../images/header_groupe.jpg) no-repeat  center bottom; height:175px;}
body.offres #header {background: url(../images/header_offres.jpg) no-repeat  center bottom; height:175px;} 
body.recrutement #header {background: url(../images/header_recrutement.jpg) no-repeat  center bottom; height:175px;}  
body.contacts #header {background: url(../images/header_contacts.jpg) no-repeat  center bottom; height:175px;}  
body.produits #header {background: url(../images/header_produits.jpg) no-repeat  -60px bottom  ; height:175px; }  

body.in {background: url(../images/bg_in.png) repeat-x scroll 0 0 !important;
*background: url(../images/bg_in.jpg) repeat-x scroll 0 0;
}
#header .slide{height:200px; margin :0 0 0 570px; padding:5px 0 0 0;background:none;}


img {border:none}
.grey {color:#666; font-weight:bold;}
a:link {color:#4899CC; font-size:13px; }
a:visited {color:#4899CC; font-size:13px; }

#outer1 ul { list-style-position:inside ;}
.rightimage {

color:#9F9F9F;
float:right;
font-size:13px;
font-weight:bold;
margin:0 12px 12px 0;
padding:4px;
}
.leftimage {
border:1px solid #D0DFEA;
color:#9F9F9F;
float:left;
font-size:12px;
font-weight:bold;
margin:0 12px 12px 0;
padding:8px;
}

.floatleft { float:left;}
.floatright { float:right;}
.paddingleft10 { padding-left:10px;}
.paddingleft20 { padding-left:20px;}
.paddingleft30 { padding-left:30px;}
.padding8 {padding:8px;}
 
#outer1 {
	float:left;
	width:650px;
	margin-left:0;
}
/*#outer1 .content {
  padding-right:20px;
}*/
#outer1 h1 {
background:transparent url(../images/underline-h1.jpg) no-repeat 0 1.4em;
font-size:150%;
font-weight:normal;
height:2.5em;
margin:0;
clear:both
}
#outer1 .h1position{
background:transparent url(../images/underline-h1.jpg) no-repeat 0 2.6em;
height:3.5em;

}
#outer2 {float:left; width:262px; background:url(../images/outer2.jpg) no-repeat  top left; }
#outer2 .content { padding-left:20px;}
#outer1 h2 {color:#1D99C3;
	font-size:14px;
	font-weight:bold;
	
}
#outer2 h2 {
background:transparent url(../images/underline-h1.jpg) no-repeat scroll -330px 1.4em;
height:2.5em;
font-size:150%;
font-weight:normal;
margin:0;}

#outer2 .h1position{
background:transparent url(../images/underline-h1.jpg) no-repeat 0 2.6em;
height:3.5em;

}
/*#outer1, #outer2{padding-bottom:32767px; margin-bottom:-32767px;}*/

#outer p {text-align:justify}

#footer {clear:both; background: url(../images/footer-bg.jpg);  text-align:center; padding-top:90px; color:#666 }

#footer li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}

#footer li a
{
color:#62625d;
font-weight:normal;
text-decoration:none;

}
#footer li a:hover
{
color:#62625d;
text-decoration:underline;
font-weight:normal;
}
.content {padding:0 10px 10px 10px;}
.contentright {padding:10px; margin-left:220px;}
h3 {font-size:18px; margin:0; padding:8px 0;}
p {
	
	line-height:1.5em;
	margin:0;
	padding:5px 0 5px 0;
}
#footer p,
#header p {color:#858373; }
#footer a {color:#3499AB;}
#footer a:hover {text-decoration:none;}



h1, h2 {
font-weight:normal;
color:#767676;
font-family:"Trebuchet MS",arial,geneva,sans-serif;
}
/*------------------------------*/
/* #navigation                  */
#navigation {
float:left;
width:931px;
background:url(../images/bg_top_menu.gif) center bottom no-repeat;
height:56px;
position:relative;
top : -33px;
z-index:100;
}
#navigation ul {
list-style-type:none;
text-transform:uppercase;
padding:0 0 0 20px;
}
#navigation ul li {
float:left;
position:relative;
z-index:9;
padding-left :15px;
}
#navigation ul li span, #navigation ul li a {
color:#333333;
float:left;
height:33px;
line-height:33px;
/*padding-left:10px;*/
position:relative;
z-index:8;
}
#navigation ul li span {
/*height:23px;*/
padding:10px 5px 0 0;
}
#navigation ul li em {
background-position:0 0;
background-repeat:no-repeat;
float:left;
font-size:0;
height:46px;
line-height:0;
text-indent:-4000px;
cursor:pointer;
}

#navigation ul li a.hover {
background-position:0 0;
color:#FFFFFF !important;
}
#navigation ul li a.hover span {
background-position:right 0;
color:#FFFFFF !important;
}
#navigation ul li a.hover em {
background-position:0 bottom;
}

#navigation ul li a.ho2 em {
background-position:0 bottom;
}
#navigation ul li a:hover, #navigation ul li a:hover span {
color:#087DC5;
}
#navigation ul li .sub-nav {
display:none;
left:24px;
position:absolute;
top:56px;
width:200px;
z-index:90;
}
#navigation ul li .sub-nav ul {
text-transform:none;
}
#navigation ul li .sub-nav li {
display:block;
float:none;
line-height:18px;
padding:5px 10px 5px 0px;
}
#navigation ul li .sub-nav li a {

background:transparent none repeat scroll 0 0 !important;
color:#FFFFFF;
display:block;
float:none;
height:auto;
line-height:14px;
padding:0;
text-decoration:none;
}
#navigation ul li .sub-nav li a:hover {
color:#c0f8ff;
}
#navigation ul li .sub-nav-t {

background:transparent url(../images/sub-t.png) no-repeat scroll 0 0;
font-size:0;
height:4px;
line-height:0;
width:200px;
}
#navigation ul li .sub-nav-b {

background:transparent url(../images/sub-b.png) no-repeat scroll 0 0;
font-size:0;
height:5px;
line-height:0;
width:200px;
}
#navigation ul li .sub-nav-c {

background:transparent url(../images/sub-c.png) repeat-y scroll 0 0;
width:200px;
}

/*------------------------------*/
/* #annonces                    */
#annonce .item-list ul li {
font-weight:bold;
}
#nieuws-div ul {
list-style-type:none;
margin:0;
padding:0;
}


.item-list ul li a {
text-decoration:none;
color:#1B8CAA;
}
.item-list ul li a.active {
color:#124A85;
font-weight:bold;
}
.item-list ul li a:hover {
text-decoration:underline;
}
.item-list ul li p {
margin:0;
}
.item-list ul li{
list-style-image:url(../images/bullet.gif);
list-style-position:outside;
list-style-type:square;
margin:0 0 0.8em 1.5em;
padding:0;
}
.item-list ul li a{
color:#3499AB;
text-decoration:none
}

.ann750 {width:750px;}

#divContent 
{
	margin-left: 0px; 
	PADDING-TOP: 10px; 
	width:260px;
	POSITION: relative; 
	margin-top: 0px;
	
	overflow:hidden;
}



#divContainer 
{
	VISIBILITY: visible; 
	OVERFLOW: hidden; 
 
	CLIP: rect(0px 480px 90px 0px); 
	POSITION: relative; 
	HEIGHT: 385px;
	display:inline;
    float:left;
}

.clear{ clear:both}
.clear2{ clear:both}

/**     tab nos references     */

#tab_references {
border:1px solid #DDDDDD;


}
.ref_pd {
padding:0px;

}
.ref_imgs {
}
.ref_bkg:hover {

background:#F0F8FC none repeat scroll 0 0;
}
.ref_hed {

background:#E4EAED none repeat scroll 0 0;
border-bottom:1px solid #CCCCCC;
color:#47C2EB;
font-size:14px;
padding:5px;
text-transform:uppercase;
}
.reflogo {
float:left !important;
}
.reflogo img {
float:left;
height:52px;
padding:5px;
width:67px;
}

/*/ // * end nos references     */
.nowap {
	white-space: nowrap;
} 
.moa {position:absolute; right:-5px; top:70px;}

.technique {position:absolute; left:160px; }

.fonctionnel {position:absolute; bottom:-1px; right:-1px}



#puzzle {
	padding: 0;

	border-left:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
}
#puzzle h4{
	color: #343026;
	font-size:16px;
	font-weight:bold;
	letter-spacing: -1.2px;
}
#puzzle p{
	line-height: 14px;
	font-size:12px;
}
#puzzletop{
	background:url(../images/puzzle-top.gif) no-repeat bottom;
	height: 275px;

	padding:0;
	margin:0;
	border:none;
}
#puzzlebottom{
	background:url(../images/puzzle-bottom.gif) no-repeat top;
	height: 256px;
}
.column {
	float: left;
	width: 263px;
	height: 275px;
	display:inline;
}
.columnleft{
	float: left;
	width: 295px;
	height: 275px;
	display:inline;
}
.columnbottom {
	float: left;
	width: 280px;
	height: 255px;
}
#puzzlewrap{
	position:relative;
	top:0px;
	left:0px;
	padding:0;
	margin:0;
}


.puzzle-moe h4{
	margin: 18px 5px 0 20px;
}
.puzzle-moe p{
	margin: 5px 18px 0 18px;
}

.puzzle-moe ul{
	margin: 5px 18px 0 18px;
	list-style:inside circle;
}

.puzzle-moa h4{
 	padding: 12px 0 0 40px
}
.puzzle-moa p{
	margin: 5px 18px 0 60px;
}

.puzzle-moa ul{
	margin: 5px 18px 0 50px;
	list-style:inside circle;
}
/**/
.puzzle-technique h4{
	margin: 10px 5px 0 18px;
}
.puzzle-technique ul{
	margin: 5px 38px 0 20px;
	list-style:inside circle;
}
.puzzle-technique p{
	margin: 5px 38px 0 50px;
}

/* */
.puzzle-fonctionnel h4{
 	padding: 10px 0 0 80px
}
.puzzle-fonctionnel p{
	margin: 5px 18px 0 60px;
}


/*  */
#logocenter {
	position:absolute;
	z-index:4;
	width: 121px;
	height: 121px;
	top:205px;
	left:248px;
}
#logocenter h1{
	padding:0;
	margin:0;
}
/********  solution et produit /*******/

#ind_col_11 {
	float:left;
	width:200px;
	margin-right:10px;
	background: transparent url(../images/SP.gif) no-repeat top center;

}
#ind_col_11 p{
	

}

#ind_col_13 {
	float:left;
	width:200px;
	margin-right:10px;
	background: transparent url(../images/SP.gif) no-repeat top center;

}
#ind_col_13 p{
	

}
#ind_col_12 {
	float:left;
	width:200px;
	

	background: transparent url(../images/SP.gif) no-repeat top center;
}


#ind_col_11 .ind_text, #ind_col_12 .ind_text, #ind_col_13 .ind_text{
	border:#ccc 1px solid ;
	border-bottom:none !important ;
	padding:3px;
	height:160px;
	list-style-type:square;

}

#ind_col_11 .bottom, #ind_col_12 .bottom, #ind_col_13 .bottom {	
	background-image: url(../images/solution_box_bg.gif);
	background-repeat: no-repeat;
	background-position: top;
	height:16px;
}



.solutionBg { height:20px; font-weight:bold; vertical-align:middle; color:#1D99C3; padding-top:2px;}



/**** f@f ****/
#ind_col_f1 { width:180px; float:left;}
#ind_col_f2 { width:420px; float:left; }


/*//*/
.tetre_bleu { font-size:13px;font-weight:bold; color:#1D99C3; 
				border-bottom:1px dotted #6B8CB4; 
				padding:0 15px 3px 0px; 
				margin:0 10px 15px 0;}
/**** agora ****/


.collectivites {

background:#F9FAFC none repeat scroll 0 0;
border-color:#D5DAE7 #111111 #111111;
border-top:1px dashed #D5DAE7;
clear:left;
float:left;
font-family:Tahoma,Geneva,sans-serif;
font-size:10px;
height:38px;
margin:1px 0;
padding:0;
width:240px;
}
/*.collectivites :hover {

background:#DDE1ED none repeat scroll 0 0;
margin:1px 0;
overflow:visible !important;
padding:0;
}*/
.collectivitesUl {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
width:180px;
}
.w200px {
float:left;
margin-left:3px;
width:210px;
}

/*/*  Formation        /**/ 

ind_col_1 {
	width:292px;	

}

.and_text {
color:#46585E;
font-size:12px;
padding:4px;
text-align:justify;
text-transform:none;
float:left;
width: 430px;
}

#annonce_cat {
font-size:16px;
margin-bottom:20px;
}
#annonce_cat a {
color:#0086CC;
text-decoration:none;
font-size:12px;
}
#annonce_cat span {
color:#9D9D9D;
font-size:12px;
}
#annonce_div {
border:1px solid #DDDDDD;
font-size:12px;
padding:4px;
text-align:justify;
text-transform:none;
width:508px;
}
#annonce_div2{
border:1px solid #DDDDDD;
font-size:12px;
padding:4px;
text-align:justify;
text-transform:none;
}
#annonce_div table ,#annonce_div2 table{
background:#FFFFFF none repeat scroll 0 0;
border:medium none;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:17px;
margin:10px 0 0;
width:100%;
}
#annonce_div table tr, #annonce_div2 table tr{
padding-right:20px;
}
#annonce_div table tr:hover, #annonce_div2 table tr:hover {

}
.annonce_div_tetre {

background:#DAE7ED none repeat scroll 0 0;
color:#004f9d;
height:24px;
line-height:20px;
padding-left:10px;
width:508px;
font-weight:bold;}

.annonce_div_tetre2 {

background:#DAE7ED none repeat scroll 0 0;
color:#004f9d;
height:24px;
line-height:20px;
padding-left:10px;
font-weight:bold;}
.download {
color:#0066CC;
font-size:12px;
padding:10px;
text-align:center;
text-decoration:underline;
text-transform:none;
}
.annone_nbr {
color:#3A86D5;
font-size:12px;
padding:10px;
text-align:center;
}
.annonce_tab_1 {

background:#ECF3F8 none repeat scroll 0 0;
}
.annonce_tab_2 {

background:#F7FDFF none repeat scroll 0 0;
}

#groupeTable {
	height:400px;
	width:628px;
	background:url(../images/bg_groupe.jpg) no-repeat top left;
	
}
.px108 {height:108px;}
.px87 {height:87px;}
.px91 {height:91px;}
.px125{height:125px;}

.listNav { list-style-image:url(../images/fleche1.gif); *list-style-image:url(../images/fleche1ie.gif)} 
.listNav ul { padding :0 0 0 10px }
.listNav ul li{ padding :0 0 0 5px; margin-top:5px }
.listNav ul li ul { padding-left:20px; list-style:url(../images/dots.gif); *list-style:url(../images/dotsie.gif); } 
.listNav2{ list-style:url(../images/dots.gif); *list-style:url(../images/dotsie.gif)} 
.listNav2 ul { padding :0 0 0 10px; }

h4 {color:#4692CE; padding-top: 5px; font-size:13px;}

#navigation li:hover, #navigation a:focus, #navigation a:hover, #navigation a:active {
outline-style:none;
outline-width:0;
}