body {
	margin:0px; 
	padding:0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.82em;
	color: #333;
	background-color:#D3F2F1; background-image:url(../elements/bg.jpg); background-repeat:repeat-x; background-position: bottom; background-attachment: fixed
}
.logo{ float:left; position:absolute; left:30px; top:15px}

h1, h2 ,  h3.spip { margin: 0px 0px 20px; padding: 0; font-weight: normal; color:#333; font-size:18px; font-weight:bold; text-align:left}

h3 { margin: 0px 0px 10px 0px; padding: 0; line-height:32px; font-family: Arial, Helvetica, sans-serif; color: #009193; font-size:32px; font-weight: lighter; display:block;}

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page { 
	width: 900px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#conteneur { display:block; float:left;
	border-top:5px solid #009193; position: relative; z-index:10;
	width: 100%;  background-color:#FFF ;
}

/* Blocs du contenu (c-a-d. la colonne principale) */
#contenu{margin:40px 0px 40px 40px; position: relative;
	width:550px; 
	text-align:justify; color:#009193; line-height:15px; display:block; height:auto
}
.slide{ position:relative; z-index:10;}
#slide{ position:relative; z-index:10;}
.total{ color:#999999; padding-bottom:15px}
.pagination{ float:right; position:realtive; clear:both; top:0px}
/* Pied de page */
#footer{ height:22px; padding-top:8px; background-color:#8C8C8C; background-image:url(../elements/bg_pied.gif); background-repeat:repeat-x; display:block; position: relative; font-size:11px; bottom:0px; color:#CCC; text-align:center; }
#footer a{ text-decoration:underline; color:#FFF}



#moteur{ width:278px; height:233px; background-color:#8C8C8C; float:right; right:0; position:absolute; top:0px}
#moteur img{ padding:20px 0px 20px}
#moteur SELECT { font-size:11px}

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }

/* Sidebar */
#sidebar{width:225px; border-left:2px dashed #7FC8C9; padding-left:15px; position: absolute; top:273px; right:40px; font-size:14px; color:#009193;
}
#sidebar ul li, .spip { padding:0; margin-left:0; list-style-type:none;}


/* Menu */
#menu{ background:#353437; height:36px; padding:12px 0px 0px 0px; text-align:center;  /*background:#3E3C3C; background-image:url(../elements/bg_menu.gif); background-repeat:repeat-x*/}
#menu a{font-family: Arial, Helvetica, sans-serif; color:#B2B2B2; font-size:14px; padding:0px 10px 0px 10px; display:block; float:left}
#menu a:hover{ color: #FFFFFF; text-decoration:none}
#menu a.on { color: #FFFFFF; font-weight: bold; padding-bottom:20px; background-image:url(../elements/curseur.gif);  background-repeat:no-repeat; background-position:  50% bottom }
#item { width:730px; margin-left: auto; height:auto;  margin-right: auto;}
#item img{ float:left}
/* SousMenu */
#menulist{ position:relative; z-index:100; background-color:#009193; width:870px; height:25px; padding:8px 0px 0px 30px;}

#menulist li{ 
	position: relative; display:inline; float:left; display:block; height:25px
}

#menulist a{ padding:7px 7px 2px 7px; color:#FFF; font-size:11px }
#menulist a:hover, #menulist a.on { text-decoration:underline}

#menulist li ul{ display:none; }
#menulist li:hover>ul{ display: block}

#menulist ul{
  display:inline ; margin:0px; padding:0px; padding-top:4px;
  width:196px;
  font-size: 12px;
  position: absolute; left:0px; top:25px; 
  background:#80C7C4; background-image: url(../elements/bg_ul.gif); background-repeat:repeat-x;
}

#menulist ul li{ border-bottom:1px dashed #009193; width: auto; height: auto; margin:0px; padding:0px}
#menulist ul li a{ width:180px; display:block; padding:8px}
#menulist ul li a:hover{ background:#009193; text-decoration:none}
#menulist ul li a:on{ background:#009193; text-decoration:non}
/*  ------------------------------------------
  Fiche
  ------------------------------------------ */

.titre{font-weight: bold; font-size:18px; color: #009193; display:block; margin-bottom:-5px}
.gris{color: #333333}

#produit_selec li.spip, .listing li.spip{ padding:8px 0px 8px 15px; margin:0px; font-size:14px; background-image:url(../elements/puce.gif); background-repeat:no-repeat; background-position:0px ;list-style: none; border-bottom:1px solid #ccc; width:515px}
#produit_selec ul.spip, .listing ul.spip{padding:0px; margin:0px}
#produit_selec img{ padding:2px; width:120px; height:90px; border:1px solid #009193; float:left; margin-right:20px}

.listing{ border-bottom:1px solid #ccc; height: 105px; margin-top:9px; text-align:left; }
.listing img{ padding:2px; width:120px; height:90px; border:1px solid #009193; float:left; margin-right:20px}
.savoir{ float:right; margin-top:10px; font-size:9px; font-weight:bold; background-image:url(../elements/plus.gif); background-position:right; background-repeat:no-repeat; padding-right:15px}


.top{ background-image:url(../elements/top.gif); background-position:0px 3px ; background-repeat:no-repeat; padding-left:15px; font-size:10px; float:right}
.top a{ color:#009193;}
.top a:hover{ text-decoration:underline}

.retour{ background-image:url(../elements/retour.gif); background-position:0px 3px ; background-repeat:no-repeat; padding-left:15px; font-size:10px; float:right}
.retour a{ color:#009193;}
.retour a:hover{ text-decoration:underline}
/*  Evenement sur le web
/*  ------------------------------------------ */
#acces { 
	width:250px; height:150px; color:#000; font-size:11px; background-image:url(../elements/bg_contact.gif); background-position:bottom; background-repeat:repeat-x;
	background-color:#F5FCFC; border: 1px solid #CCEAE9; display:block;
	padding:20px; 
	margin-bottom:200px;
}
#site_temoin{ margin-top:20px}
#acces legend{ display:none}
#acces fieldset{  border:0px}
#acces img { display:none}
#acces .details { display:none}
#acces h1 { margin: 0px 0px 10px; padding: 0; font-weight: normal; color:#333; font-size:18px; font-weight:bold; text-align:left}
#acces label { font-size:12px}
/*  Refer ences / Qui sommes-nous / Solutions
/*  ------------------------------------------ */
#client,  #service, #solution { 
	color:#333; font-size:12px; background-image:url(../elements/bg_contact.gif); background-position:bottom; background-repeat:repeat-x;
	background-color:#F5FCFC; border: 1px solid #CCEAE9; display:block;
	padding:20px; 
	margin-bottom:25px
}

#ope, #identite{ padding: 0px 20px 20px 20px}
#ope li.spip, #service li.spip{ padding:8px 0px 8px 15px; margin:0px; font-size:14px; background-image:url(../elements/puce.gif); background-repeat:no-repeat; background-position:0px ;list-style: none; border-bottom:1px solid #ccc; width:515px}
#ope ul.spip, #service ul.spip{padding:0px; margin:0px}
/*  Contact
/*  ------------------------------------------ */
.label{  width:100px; float:left; display:block}
.label2{ position:absolute; left:310px;  width:100px}
.col2{position:absolute; left:390px;}
.radio{vertical-align: text-top; border: 0px solid #009999}

INPUT:hover{ background-color:#CCEAE9}
INPUT{ margin-bottom:6px; font-size:11px; border: 1px solid #009999}
textarea {border: 1px solid #009999}

.bleu{ color:#009999}
.small{color:#009999; float:right; font-size:10px}

#coordonnees, #projet  { 
	color:#000; font-size:11px; background-image:url(../elements/bg_contact.gif); background-position:bottom; background-repeat:repeat-x;
	background-color:#F5FCFC; border: 1px solid #CCEAE9; display:block;
	padding:20px; 
	margin-bottom:15px
}

/*  Couleurs des liens
/*  ------------------------------------------ */
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }