body {
background-repeat:no-repeat;
background-position:top left;
background-image:url(zwo_info/css/images/fond.jpg);
}
.nav {
background-repeat:no-repeat;
background-position:top left;
background-image:url(zwo_info/css/images/nav.jpg);
}
#links a{
color:#CC66CC;
text-decoration:none;
font-size:11px;
}
#links a:hover{
color:#990066;
text-decoration:none;
font-size:11px;
}


#contain {
	text-align: left;
	border: 0px ;
	margin: 0 auto;
        z-index:100;/**/
     position:absolute;
     left: 50%; 
     top: 102px;
     
		 width: 800px !important;
		 width: 900px;
     margin-left: -515px; 
     border: 0px solid #fff;
		 padding-left:250px !important;
		 padding-left:250px;
}


dl.menu, dl.menu dt, dl.menu dd, dl.menu dd ul, dl.menu dd ul li
{
	margin: 0px !important;
	padding: 0px !important;
}
dl.menu
{
	float: left;

	width: 122px;
	cursor: pointer;
	height:24px;
		
}
dl.menu a.prem
{
	padding-top:4px;
	color:#fff;
	width:122px;
	text-align:center;
	display: block;
		
}
dl.menu a.prem span
{
	
}

dl.menu a.prem:hover
{
	text-decoration:none;
	background-color:transparent;
}

dl.menu dt
{
	
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	margin: 0px;
	padding: 0px;
height:24px;

}
dl.menu dd ul
{
	border-right: 1px solid #333;
	border-bottom: 2px solid #333;
	border-left: 1px solid #333;
	width: 122px;
	margin: 0px auto;padding: 0px;
	list-style-type: none;
	background: #6b7477;
	font-size: 12px;
	display:none;
}
dl.menu dd ul li:hover
{
	background: #fff;
}
dl.menu  dd ul li a,dl.menu dd ul li a:link,dl.menu dd ul li a:visited
{
	width:122px;
	display:block;
	text-decoration: none;
	color: #FFf;
	padding-left: 5px;
	padding-top:3px;
}
a.lien_niv2:hover,dl.menu dd ul li a:hover
{
	color: #cc66cc !important;
	background-color:#fff;
	text-decoration:none;
}

dl.menu dd ul li 
{

	margin: 0px auto;padding: 0px;

}

dl#competencesDL a.prem {
width:122px !important; 
height:24px;
}

dl#competencesDL dd ul li 
{

display:block;width:180px;
}

dl#competencesDL dd ul  {
width:180px !important;
}

dl#competencesDL dd   {
width:182px !important;
}

dl#competencesDL dd ul li a{
width:175px ;
}


dl#solutionsDL a.prem {
width:122px !important; 
height:24px;
}

dl#solutionsDL dd ul li 
{

display:block;width:160px;
}

dl#solutionsDL dd ul  {
width:160px !important;
}

dl#solutionsDL dd   {
width:162px !important;
}

dl#solutionsDL dd ul li a{
width:155px ;
}

dl#formationsDL a.prem {
width:122px !important; 
height:24px;
}

dl#formationsDL dd ul li 
{

display:block;width:160px;
}

dl#formationsDL dd ul  {
width:160px !important;
}

dl#formationsDL dd   {
width:162px !important;
}

dl#formationsDL dd ul li a{
width:155px ;
}

dl#referencesDL a.prem {
width:122px !important; 
height:24px;
}

dl#referencesDL dd ul li 
{

display:block;width:160px;
}

dl#referencesDL dd ul  {
width:160px !important;
}

dl#referencesDL dd   {
width:162px !important;
}

dl#referencesDL dd ul li a{
width:155px ;
}

dl#technologiesDL a.prem {
width:122px !important; 
height:24px;
}

dl#technologiesDL dd ul li 
{

display:block;width:145px;
}

dl#technologiesDL dd ul  {
width:145px !important;
}

dl#technologiesDL dd   {
width:147px !important;
}

dl#technologiesDL dd ul li a{
width:130px ;
}

dl#entrepriseDL a.prem {
width:122px !important; 
height:24px;
}

dl#entrepriseDL dd ul li 
{
display:block;width:130px;
}

dl#entrepriseDL dd ul  {
width:130px !important;
}

dl#entrepriseDL dd   {
width:133px !important;
}

dl#entrepriseDL dd ul li a{
width:115px ;
}


/*Navigation_footer*/

a.nornavigation4_1,a.nornavigation4_1:link,a.nornavigation4_1:visited {
background-image:url(zwo_info/css/images/ic_footer.gif);
background-repeat:no-repeat;
background-position:0px 5px;
color:#cc66cc;
font-size:11px;
padding-left:10px;
line-height: 1.3;
}

a.nornavnavigation4_1:hover{
background-image:url(zwo_info/css/images/ic_footer.gif);
background-repeat:no-repeat;
background-position:0px 5px;
color:#990066;
font-size:11px;line-height: 1.3;
}
a.selnavnavigation4_1,a.selnavigation4_1:link,a.selnavigation4_1:visited {
background-image:url(zwo_info/css/images/ic_footer.gif);
background-repeat:no-repeat;
background-position:0px 5px;
color:#990066;
font-size:11px;line-height: 1.3;
}

a.selnavigation4_1:hover{
background-image:url(zwo_info/css/images/ic_footer.gif);
background-repeat:no-repeat;
background-position:0px 5px;
color:#990066;
font-size:11px;line-height: 1.3;
}


/* ######### redéfinitions de tags ######## */
td {
/* Changer ici les couleurs, familles et tailles 
de fontes par défaut pour tout le site */
/* dans zwook tous les textes apparaissent systématiquement
dans des tableaux, c'est donc ici qu'il faut modifier les
couleurs, font, tailles des polices : */
font-family:arial, helvetica, sans-serif;
font-size:11px;
color:#666;
}

/* style des cellules de titre */
th {
font-family: verdana,arial,sans-serif;
font-size:small;
color:black;
border-bottom:1px solid #131313;
border-top:0px solid #131313;
#background:#B3C9E0;
}

/* Style des liens */
div#fond_banniere a,div#fond_banniere a:link,div#fond_banniere a:hover,div#fond_banniere a:visited, {
   background:#cc6666 !importante;   
}
a:link {
text-decoration:none;
color:#007788;
}

a:visited {
text-decoration:none;
color:#007788;
}

a:hover {
text-decoration:none;
background:none;
color:#990066;
}

a img {
border:0px;
}

em {
color:#131313;
}

 h5 a, h4 a:visited, h5 a:visited {
color:#990066;
}

h5 em {
color:black;
}

/* Style des traits */
hr {
color:transparent;
border-bottom:thin solid black;
}

/* Style des éléments de formulaire */
input, textarea {
background: #e0efff;
color:#131313;
border: 1px solid #131313;
}
input{
background: #fff;
color:#3e3e3e;
font-weight:bold;
}
.searchtd .champ {
width:150px;
}

.champ{
font-weight:normal;
margin:0px;
border:#414141 1px solid;
border-right:none;
}

.formulaire
{text-align:right;
padding-right:150px;
}
.bouton_ok{
background-image:url(zwo_info/css/images/bouton.jpg);
cursor:pointer;
background-repeat:no-repeat;
background-color:transparent;
width:20px;
height:20px;
color:#666;
margin:0px;
float:left;
padding-bottom:2px;
padding-right:10px;
border:none;
}
strong {
color:#333;
}

strong h3 {
border-bottom:0px solid #131313;
page-break-after: avoid;
}

fieldset { /*** Mise en forme des commentaires ds un formulaire (je le laisse pour qu'on puisse l'agrémenter si on veut, bordures, etc.***/
background: #ffffff;
padding: 2;
margin: 3;
border-width: 2;
border-color: lightgray;
-moz-border-radius: 12px;
border-radius: 12px;
}

label { /*** Mise en forme des intitulés de champs ***/
float: left; /*** Très important, ne pas suprimer ! ***/
width: 37%; /*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
font-size: 85%;
text-align: right; /*** ... et ils sont alignés à droite... ***/
line-height: 1.6;
margin: 0;
padding: 0;
}

label:hover, input {
cursor: pointer; /*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}

/* Style des niveaux de titre */
h1, h2, h2 a, h2 a:visited  {
	font-family: Arial,Verdana,  Helvetica, sans-serif;

}
h1 {
font-family: Trebuchet ms, Arial,Verdana,  Helvetica, sans-serif;

	font-size: 25px;

	color: #007788;

	text-decoration: none;
	padding-left:0px;
	padding-top:10px;
	margin-top:5px;
		padding-bottom:2px;
	margin-bottom:2px;
	xvertical-align:top;

	text-transform:uppercase;

	font-weight:bold;
}
h2 {
padding-left:12px;
font-weight:bolder;
font-size:18px;
		padding-bottom:2px;
	margin-bottom:2px;
}

h3 {
font-family:trebuchet ms,arial,verdana,sans-serif;
color:#990066;
font-size:17px;
margin-top:0px;
padding-top:0px;
font-weight:normal;
}

h3 a,h3 a:link,h3 a:visited{
color:#f0f0f0;
font-weight:bold;
}
h3 a:hover{
color:#fff;
}

h4 {
color:#FFF;
background-color:#990066;
font-variant:;
font-size:14px;
font-weight:bold;
padding:0px;
margin:0px;
padding-top:0px;
margin-top:0px;
padding-bottom:2px;
margin-bottom:2px;
float:right;
clear:both;
text-align:right;
padding-left:3px;padding-right:3px;
font-family:arial,verdana,sans-serif;
}

h5 {
color:#007788;	
margin:0px;padding:0px;
font-size:12px;font-family:arial;
font-weight:bold;
margin-bottom:3px;
}

/* Style des listes */
li {
list-style-type:square;
}

/* Style des footnotes */
fn, sup {
color:#131313;
}

/* ######### classes génériques ######## */
.error_message {
font-size:large;
color:red;
text-align:center;
}


/*-----------------modules------------*/
.news_history{ 
display:block;
width:100%;
font-size:4px;
}

.news_history a ,.news_history a:link ,.news_history a:visited {
display:block;
clear:both;
font-size:11px;
font-family:arial;
font-weight:bold;
color:#cd67cd;
padding-left:0px;
width:auto;
padding-top:3px;
padding-bottom:0px;
text-align:left;
}

.news_history a:hover{
text-decoration:underline;
color:#990066;}

p.resume_historymonitor{
font-size:10px;
margin-top:5px;
padding:0px;
margin-bottom:5px;
}
.news_history a.ad_mes ,.news_history a.ad_mes:link ,.news_history a.ad_mes:visited {

}

.news_history a.new_mes ,.news_history a.new_mes:link ,.news_history a.new_mes:visited {

}

/* recherche */

#zwo_search {
display:inline;
}

#zwo_search input{
font:10px verdana;
display:inline;width:140px;
border:#ccc inset 1px;
}




.login_color {
	display:block;
	height:20px;
	margin-bottom:6px;margin-left:3px;width:100%
}
.login_color span {
	float:left;
	display:block;
	width:80px;text-align:right;padding-right:3px;
	
}
.login_color input {
	width:100px;
	border:1px solid #CCCCCC;
}

input.bouton_ok2 {
	width:112px;
	background-image:url(zwo_info/css/images/bouton_ok.jpg);
	background-repeat:no-repeat;
	border:none;
	float:right;
	padding:0px;
	margin:0px;
	height:23px;
	background-color:transparent;
}

.news_thread {
margin-top:0px;
border-top:3px solid #DDDDDD;
}

h4.h4_thread {
	margin-bottom:0px;padding-bottom:0px;dislay:inline;
	padding-top:5px;
margin-top:5px;
padding-bottom:0px;
margin-bottom:0px;
}

.news_bouton {
	text-align:left;
	padding:3px;
}

.news_bouton a,.news_bouton a:link ,.news_bouton a:visited{
color:#414141;
text-decoration:underline;
}
.news_bouton a:hover{
color:#990066;
text-decoration:none;
}
.block_left {
background-image:url(zwo_info/css/images/degradelogo.jpg);
background-repeat:no-repeat;
background-position:top left;
}

.content {
display:block;
background-image:url(zwo_info/css/images/degradelog3.jpg);
padding-left:3px;
background-repeat:repeat-x;
background-position:top left;
background-color:#f2f2f2;

}
.content h3{
color:#660033;

}

.loger2 {
background-image:url(zwo_info/css/images/degradelog2.jpg);
background-repeat:repeat-x;
background-position:bottom left;
background-color:#fff;
}
/*Contenu*/
.bord_gauche {
	background-image:url(zwo_info/css/images/pointille.gif);
	background-repeat:repeat-y;
	background-position:left;padding-left:3px;
}
.bord_gauche2 {
	background-image:url(zwo_info/css/images/pointilledegr.jpg);
	background-repeat:repeat-y;
	background-position:left;
	background-color:#fff;
}
.content strong {
display:block;
border-left:2px solid #990066;
padding-left:3px;
}
.content strong:first-letter {
padding-left:4px
}


.desc {
font-size:10px;
color:#666;

display:block;
margin:4px;
}
.desc p{
padding:0px;margin:0px;padding-right:10px;
}
.desc img{
float:left;margin-right:4px;
}

.title {
clear:left;
}
div.title h4 ,div.title h4 a,div.title h4 a:link,div.title h4 a:visited{
font-size:11px;color:#121212;text-decoration:underline;

}
.title h4 a, .title h4 a:link,.title h4 a:hover {
 color:#990066 !important;
 background-color:#ddd;color:#990066 !important;
}

 h4 a,  h4 a:link, h4 a:hover {
 padding:3px;margin-bottom:0px;
}
.block_info {
margin-left:2px;
margin-right:2px;
border:1px solid #cdcdcd;


}

fieldset {border:1px solid #ececec}
legend {font-weight:bold;color:#660033;font-size:14px}
fieldset img {float:left; }
fieldset p ,fieldset strong{float:left;width:70%;; clear:none;}

.table_border tr td { border-top:1px solid #CF88C6; border-bottom:2px solid #414141 ; }
.table_border tr {padding:2px;margin-bottom:4px;}

.equip { display:block;border-top:1px solid #ccc; border-bottom:1px  #414141 solid ;
				padding:4px;
				background-color:#fcfcfc; 
				min-height:125px;
				border-left:1px solid #e9e9e9;
				border-right:1px solid #e9e9e9;
}
.equip img {position:relative;left:1px;right:1px;float:left;margin:2px;}
.equip div {width:80%;margin:4px; margin-left:125px;}

.form_contact,.form_contact p {text-align:right;}
.form_contact textarea {background-color:#002222;color:#CCFF00;}
.folio_class {
}
.folio_class img{
margin:3px;
}
.loger {
background-image:url(zwo_info/css/images/degradelog.jpg);
background-repeat:repeat-x;
background-position:bottom left;
background-color:#fff;
border-bottom:1px solid #fff;
border-top:1px #efefef solid;
}
.content {
display:block;
background-image:url(zwo_info/css/images/degradelog3.jpg);
padding-left:0px;
background-repeat:repeat-x;
background-position:top left;
background-color:#f2f2f2;

}
.folio_class {
border-top:1px #333 dotted;
border-bottom:1px #333 dotted;}


.phone {
border-top:2px solid #990066;
background-image:url(zwo_info/css/images/contact.jpg);
background-position:top left;
}
.phone p {
display:block;
position:relative;
left:100px;
top:10px;
width:140px;
}
 .phone h2 {
position:relative;
left:100px;
width:140px;
}

input.champs_mail {
background-color:#FFFFFF;
border:medium none;
height:17px;
width:190px;
}

input.bt_mail{
width:30px;
background-color:#fff;
color:#990066;
border:none;
font-size:12px;font-weight:bold;
font-family:arial;
height:19px;
margin-left:10px;
}
input.bt_mail:hover{
width:30px;
background-color:#990066;
color:#fff;
}

a.news_off{
padding-left:10px;
text-decoration:underline;
float:right;
color:#007788;
}
a.news_off:hover{
color:#990066;
}

a.envoi_mail{
float:right;
color:#007788;
}
a.envoi_mail:hover{
color:#990066;
}

/**********login_facturier*************/



#logbar {
	float: right;
}

#logbar.nolog {
background-image:url(zwo_info/css/images/logbar.gif);
width:333px;height:48px;
background-repeat:no-repeat;
background-position:top left;		
}
#logbar.log {
	background: transparent;
	margin-top:20px;
	
}

#logbar form {
	margin: 0px;
	padding: 0px 12px 0px 4px;
	display: block;
	height: 24px;
	float: left;
}

#logbar div.loginbox-inner {

	height: 22px;
	float: left;
	margin: 0;
}

#logbar div.loginbox-inner input {
background-image:url(zwo_info/css/images/input_105.gif);
background-repeat: no-repeat ;
background-position: top left;
/*background-attachment:inherit;
background-attachment:fixed;*/
height:16px;
margin:0px;	
padding-left:8px;
padding-right:8px;
padding-top:3px;
width:89px;
background-color:transparent;
}

#logbar div.loginbox {
float:left;
height:34px;
margin-left:8px;padding:0px;
margin-top:4px;
padding-right:0;
width:110px;
}

#logbar span {
	color:#f3f5f6;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	height:13px;
	display:block;
}

#logbar.log span {
	color:#007788;
}

#logbar input {
	vertical-align: top;
	border: 0px;
	padding-left: 3px;
	margin: 0;
}

#logbar input#logbar-text {
	
}

#logbar input#logbar-go {
	background-image:url(zwo_info/css/images/connect.gif);
background-position:left top;
background-repeat:no-repeat;
display:block;
float:right;
height:21px;
margin-left:0;
margin-right:0;
margin-top:18px;
padding:0 0 0 4px;
text-indent:-4000px;
width:65px;
background-color:transparent;
}
#clock  {

	display:block;float:right;
}
#date  {

	display:block;float:right;width:40%;
}
#month  {

	font-size:9px;
	display:block;float:right;
}
#user  {width:40%;
clear:left;
	display:block;float:left;
}

#clock span {
	color:#f3f5f6;
	font-size:9px;
	text-transform:uppercase;
	letter-spacing:1px;
	height:13px;
	display:block;float:left;
}

#logbar label {
	display: none;
}

.footer{
border-top:1px solid #ddd;
}

/*********liens_footer*************/

#sub_links {

}

#sub_links .link_contain1{
	float: left;width:220px;
	padding-bottom:10px;

}
#sub_links .link_contain2{
	float: left;width:220px;
	padding-bottom:10px;

}
#sub_links .link_contain3{
	float: left;width:170px;
	padding-bottom:10px;

}
#sub_links .link_contain4{
	float: left;width:170px;
	padding-bottom:10px;

}
#sub_links .link_contain5{
	float: left;width:160px;
	padding-bottom:10px;

}
#sub_links h5{
color:#007788;	
margin:0px;padding:0px;
font-size:12px;font-family:arial;
font-weight:bold
}
#sub_links .link_contain1 ul,#sub_links .link_contain2 ul,#sub_links .link_contain3 ul,#sub_links .link_contain4 ul,#sub_links .link_contain5 ul{
margin-top:10px;
}
#sub_links ul {
margin:0px;
	padding:0px 0 0;

}
#sub_links li {
margin:0px;
	padding:0px 0 0;
	background: none;
	list-style-type:none;
}
#sub_links li a,#sub_links li a:link,#sub_links li a:visited {
color:#999999;
font-size:11px;
}

.s_links li.sublink {
margin:0px;
	padding:0px 0 0;
	background: none;
	list-style-type:none;float:left;display:block;
	margin-bottom:0px;padding-top:4px;
}

/********langue***********/

form.langue{
display:block;
margin-top:0px !important;
*margin-top:10px !important;
margin-top:0px;
}
select.language{
font-size:11px;
background-color:#DDe4ea;
border:1px solid #DDe4ea;
width:120px;
color:#666;
}
.fr{
background-image:url(zwo_info/css/images/flag-fr.gif);
background-position:4px 3px;
background-repeat:no-repeat;
padding-left:20px;
}

.en{
background-image:url(zwo_info/css/images/flag-en.gif);
background-position:4px 3px;
background-repeat:no-repeat;
padding-left:20px;
}

/*********** script pubs************/

.pubs{
overflow : hidden;
display:block;
}
ul.tabs {
display:block;
position:absolute;
clear:both;
margin-right:0px;
list-style-image:none;
list-style-type: none;
margin-top:15px;
width:auto;
white-space:nowrap;
padding:0px;
height:16px;
margin-left:500px;
}

ul.tabs li{
display:block;
float:left;
margin:1px;


}

ul.tabs li a,ul.tabs li a:link,ul.tabs li a:visited{
background-color:#ebcbe0;
color:#990066;
display:block;
font-weight:bold;
line-height:16px;
margin:0px;
float:left;
text-align:center;
width:11px;
width:15px;
}

ul.tabs li a.active,ul.tabs li a.active:link,ul.tabs li a.active:visited{
background-color:#990066;
color:#fff;
display:block;
font-weight:bold;
line-height:16px;
text-align:center;

}
.no-background  #foot_content div #monitor_list {
width:477px;
}


.no-background div#monitor_list div.tab_content {
width:473px;
}

div.prev{
display:block;
float:left;
margin-left:470px;

}
div.next{
display:block;
float:left;
}

/************newsletter**********/

.newsletter{
background-image:url(zwo_info/css/images/fond-newsletter.jpg);
background-position:top left;
background-repeat:no-repeat;
}


/***************carrousel***********/

.carrousel{
background-image:url(zwo_info/css/images/fond-carrousel.jpg);
background-position:top left;
background-repeat:no-repeat;
}


/***************************
LE MENU PAR ITEM DE LA HOME
******************************/

.onglets_home {
width:310px;
margin-left:10px;
}



ul#prodProp {
list-style-type:none;
display:block;
float:left;
margin:0px;
padding:0px;
width:100%;
clear:both;
margin-top:0px;
width:310px;
}


ul#prodProp li{
display:block;
float:left;
list-style-type:none;
text-align:center;
width:103px;
height:68px;
}

ul#prodProp li a img {margin-top:4px;}

ul#prodProp li a,ul#prodProp li a:visited,ul#prodProp li a:link {
font-family:'Trebuchet MS','Lucida Unicode Sans',sans-serif;
font-size:13px;
font-weight:bold;
color:#990066;
text-decoration:none;
display:block;
background-position:center center;
background-repeat:no-repeat;
height:68px
}


ul#prodProp li  a#actus,ul#prodProp li a#actus:visited,ul#prodProp li a#actus:link {

background-position:0px 0px;

}

ul#prodProp li  a#facturier,a#facturier:visited,a#facturier:link {

background-position:0px 0px;

}

ul#prodProp li a#contact,ul#prodProp li a#contact:visited,ul#prodProp li a#contact:link {


background-position:0px 0px;

}

/*ul#prodProp li a:focus,*/
ul#prodProp li a.active,
ul#prodProp li a.active:link,
ul#prodProp li a.active:visited {

background-image:url("zwo_info/css/images/haut-onglets.gif");
font-size:13px;
font-weight:bold;
color:#990066;
outline:none; 
}

div.onglet_content {
float:left;
width:100%;
background-color:transparent;
}

div.infos {
float:left;
clear:both;
background-repeat:no-repeat;
background-position:bottom left;
height:189px;
background-image:url(zwo_info/css/images/fond_onglets2.png) !important;
}
div.infos div.icontent{
padding:12px;
width:290px !important;
width:310px;
}
div.infos h2 {
color:#000000;
font-size:22px;
font-weight:bold;
margin:0;
padding:0px 0;
}

#alaune_infos {

 }

/*********login************/

span.bt_login a{
background-image:url(zwo_info/css/images/ic_footer.gif);
background-repeat:no-repeat;
background-position:0px 5px;
font-size:11px;
color:#007788;
padding-left:13px;
}


/********liens presentations*********/

.pres_links a{
color:#d98cd9;
}
.pres_links a:hover{
color:#d98cd9;
}

/***********newsletter******************/
input.champs_newsletter{
border:none;
width:180px;
margin-left:10px;
}
input.bt_newsletter {
background-color:#990066;
border:medium none;
color:#FFFFFF;
font-family:arial;
font-size:12px;
font-weight:bold;
height:18px;
margin-top:0px;
text-transform:uppercase;
width:27px;
margin-left:10px;
}

input.bt_newsletter:hover {
background-color:#F4DFF4;
border:1px solid #990066;
color:#990066;
font-weight:bold;
height:18px;
margin-top:0px;
width:27px;

}