#mentions {
	float:right;
	width:764px;
	margin:130px 0 0;
	padding:5px 0;
	color:#111;
}

/* body; balises a, li, p; conteneur  */

body {
	margin-left: auto;
	margin-right: auto;

	padding:0;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	width:1024px;
	min-height:900px;
}
p {
	line-height:18px;
}
a {
	color:#000;
	text-decoration:none;
}
a img {
	border:none;
}
#page {
	width:1024px;
	min-height:900px;
}

#page p, #page ul li {
	line-height:18px;
}
#wrapper {
	background:transparent url(images/bg-main.jpg) repeat-y;
	float:left;
	width:627px;
	margin-top:80px;
	_position:absolute;
	_left:260px;
	_top:0;
}
#main {
	padding:27px 39px;
	border-top:1px solid #ccc;
	background:transparent url(images/bas.gif) no-repeat bottom right;
	min-height:400px;
	margin-bottom:-130px;
	position:relative;
}
#main a {
	border-bottom:1px solid #666;
}
#main h1 {
  margin:27px 0;
	font-weight:normal;
 /* border: dashed 1px red; */
}
#main hr.separateur {
	height: 6px;
	border:0;
	width:264px;
	text-align:left;
 	margin: 0 auto 27px 0;
	padding:0;
}
#main h2 {
	margin:27px 0 18px;
	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:-0.01em;
	padding:0;
	line-height:17px;
}
#main h3 {
	margin:0 0 5px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
	line-height:17px;
}
#main h4.notes {
	margin:10px 0 5px;
	font-weight:normal;
	font-style:italic;
	font-size:12px;
	line-height:17px;
	color:#333;
}

#main p {
	font-size:12px;
	margin:2px 0 17px;
}

#main ul {
	padding:0;
	margin:0;
}

#main ul li {
	list-style-type:disc;
	list-style-position:inside;
	margin-bottom:10px;
/*	padding:2px 0 1px 20px;*/
}
#main p.coming-soon {
	font-size:18px;
}
img.capture {
	display:block;
	margin:0 auto 20px;
}

img.illustration {
	margin:0 auto 20px;
}

/* Sidebar  */

#sidebar {
	float:left;
	margin:80px 0 0 113px;
	width:147px;
	_position:absolute;
	_left:0;
	_top:0;
}
#sidebar h1 {
	margin:0;
	padding:0;
}

#sidebar ul {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin:34px 0 0;
	padding:10px 0;
	text-transform:uppercase;
	font-size:12px;
}

#sidebar ul li {
	list-style-type:none;
	padding:3px 0;
	text-align:right;
}
#sidebar ul li a {
	display:block;
	padding:5px 18px 5px 0;
	margin:0;
	color:#656565;
	font-weight:bold;
	height:14px;
}


#sidebar ul.menu li a:hover img,
body.accueilC #sidebar ul li.accueil a img ,
body#simpletouch #sidebar ul li.simple-touch a img ,
body#demo #sidebar ul li.demo a img ,
body#comwax #sidebar ul li.comwax a img ,
body#offres #sidebar ul li.offres a img ,
body#contacts #sidebar ul li.contacts a img,
#sidebar ul.submenu li.fai.active a img {
	display:none;
}

#sidebar ul li a { 
        background-repeat: no-repeat;
        background-position: center right;
 }

#sidebar ul li a:hover {
/* border-top: dotted 1px;
 border-bottom: dotted 1px;*/
  text-decoration: underline;
}

#sidebar ul li.accueil a:hover,
body.accueilC #sidebar ul li.accueil a {
  color: #fcc500;
  	background-image:url(images/menu/fleche-jaune.png);
}

#sidebar ul li.simple-touch a:hover,
body.simple-touchC #sidebar ul li.simple-touch a {
        color: #37c7ff; 
	background-image:url(images/menu/fleche-bleue.png);
}

#sidebar ul.atouts li a:hover {
        color: #37c7ff;
}

#sidebar ul.submenu li.demo2 a:hover {
        color: #ff8201;
	background-image:url(images/menu/fleche-orange.png);
}

#sidebar ul li.demo a:hover,
body.demoC #sidebar ul li.demo a{
  color: #ff8201;
	background-image:url(images/menu/fleche-orange.png);
}

#sidebar ul li.comwax a:hover,
body.comwaxC #sidebar ul li.comwax a{
        color: #ff0000;
	background-image:url(images/menu/fleche-rouge.png);
}
#sidebar ul li.offres a:hover,
body.offresC #sidebar ul li.offres a{
  color: #00c747;
	background-image:url(images/menu/fleche-verte.png);
}
#sidebar ul li.contacts a:hover,
body.contactsC #sidebar ul li.contacts a{
	color: #ff00de;
background-image:url(images/menu/fleche-violette.png);
}

#sidebar ul.submenu {
	margin:0;
	border-top:none;
	font-size:10px;
	padding:8px 0;
}

#sidebar ul.submenu li a{
	padding:2px 18px 2px 0pt;
        background-repeat: no-repeat;
        background-position: center right;
}

#sidebar ul.submenu li.vision a:hover,
body#vision #sidebar ul.submenu li.vision a {
        color: #ff0000;
	background-image:url(images/menu/fleche-rouge.png);
}

#sidebar ul.submenu li.equipe a:hover,
body#equipe #sidebar ul.submenu li.equipe a {
        color: #ff0000;
	background-image:url(images/menu/fleche-rouge.png);
}

#sidebar ul.submenu li.demo a:hover,
body.simpletouchC #sidebar ul.submenu li.demo a {
	background:url(images/submenu/fleche-bleue.png) no-repeat right -1px;
}

#sidebar ul.submenu li.nous-contacter a:hover,
body#nous-contacter #sidebar ul.submenu li.nous-contacter a {
	color: #ff00de;
background-image:url(images/menu/fleche-violette.png);
}

#sidebar ul.submenu li.offres-emploi a:hover,
body#offres-emploi #sidebar ul.submenu li.offres-emploi a {
	color: #ff00de;
background-image:url(images/menu/fleche-violette.png);
}

#sidebar ul.atouts {
/*	padding:27px 0 8px; */
	margin:0;
	padding:0;
        padding-right: 15px;
        padding-top: 10px;
	border-top: none;
	height:30px;
}

#sidebar ul.atouts li {
  display: inline;
  float: right;
	margin:2px;
	padding:0;
/*	border: dashed 1px #0000FF; */
	font-weight:bold;
	font-size:14px;
}

#sidebar ul.atouts li a { 
	margin:0;
	padding:0;
}

body#interf ul.atouts li#interface a { 
  color: #37c7ff;
}

body#cont-manager ul.atouts li#contact-manager a { 
  color: #37c7ff;
}

body#pers-dashboard ul.atouts li#personal-dashboard a { 
  color: #37c7ff;
}

body#app-manager ul.atouts li#application-manager a { 
  color: #37c7ff;
}

body#serv-compris ul.atouts li#services-compris a { 
  color: #37c7ff;
}

#sidebar ul.atouts li.flecheg,
#sidebar ul.atouts li.fleched { 
	overflow: hidden;
  position: relative;
	width:7px;
	height:15px;
}

#sidebar ul.atouts li.flecheg a img { 
 left: 0px;
 position: absolute;
}

#sidebar ul.atouts li.fleched a img { 
 left: 0px;
position: absolute;
}

#sidebar ul.atouts li.flecheg a:hover img { 
 left: -7px;
 position: absolute;
}

#sidebar ul.atouts li.fleched a:hover img { 
 left: -7px;
 position: absolute;
}

body #main h1 {
	font-weight:normal;
	font-size:24px;
	padding:0;
  margin: 0;
}

/* Accueil */

body.accueilC #fond {
	background:url(images/fonds/body-accueil.jpg) no-repeat bottom;	
}
body.accueilC #page {
	background:url(images/fonds/page-accueil.jpg) no-repeat top;	
}

body.accueilC #main p {
	margin:12px 50px 12px 0;
	padding:0;
}
body.accueilC #main hr.separateur {
 	color: #fcc500;
	background-color: #fcc500;	
}
body.accueilC #main a:hover {
	color:#fcc500;
	border-bottom:1px solid #fcc500;
}

body.accueilC #main ul li {
	list-style-image:url("images/puces/yellow.png");
}

/* Simpletouch */

body.simple-touchC #fond {
	background:url(images/fonds/body-simple-touch.jpg) no-repeat top;	
}
body.simple-touchC #page {
	background:url(images/fonds/page-simple-touch.jpg) no-repeat 0 bottom;
}

body.simple-touchC #main hr.separateur {
 	color: #37c7ff;
	background-color: #37c7ff;	
}
body.simple-touchC #main a:hover {
	color:#37c7ff;
	border-bottom:1px solid #37c7ff;
}

body.simple-touchC #main ul li {
	list-style-image:url("images/puces/blue.png");
}

/* Démo */

body.demoC #fond {
	background:url(images/fonds/page-comwax.jpg) no-repeat top center;
}
body.demoC #page {
	background:url(images/fonds/body-offres.jpg) no-repeat bottom left;
	padding:0 0 50px;
}

body.demoC #main h1 {
	margin:15px 0 5px;
	padding:0;
}
body.demoC #main hr.separateur {
 	color: #ff8201;
	background-color: #ff8201;	
}
body.demoC #main a:hover {
	color:#ff8201;
	border-bottom:1px solid #ff8201;
}

body.demoC #main ul li {
	list-style-image:url("images/puces/orange.png");
}

/* Comwax */

body.comwaxC #fond {
	background:url(images/fonds/page-comwax.jpg) no-repeat top center;
}
body.comwaxC #page {
	background:url(images/fonds/body-comwax.jpg) no-repeat bottom left;
}
body.comwaxC #main h1 {
/*	margin:27px 0 10px;
	font-weight:normal;
	font-size:32px; */
	width:363px;
}
body.comwaxC.equipe #main h1,
body.comwaxC.presse #main h1 {
	height:32px;
}

body.comwaxC #main hr.separateur {
 	color: #ff0000;
	background-color: #ff0000;	
}
body.comwaxC #main a:hover {
	color:#ff0000;
	border-bottom:1px solid #ff0000;
}
body.comwaxC #main ul li {
	list-style-image:url("images/puces/red.png");
}

/* Offres */

body.offresC #fond {
	background:url(images/fonds/page-offres.jpg) no-repeat top;
}
body.offresC #page {
	background:url(images/fonds/body-offres.jpg) no-repeat bottom left;
	padding:0 0 50px;
}
body.offresC #main {
	padding:27px 39px 50px;
}
body.offresC #main h1 {
	margin:15px 0 5px;
	padding:0;
}
body.offresC #main hr.separateur {
 	color: #00c747;
	background-color: #00c747;	
}
body.offresC #main a:hover {
	color:#00c747;
	border-bottom:1px solid #00c747;
}
body.offresC #main ul li {
	list-style-image:url("images/puces/green.png");
}

/* Contacts */

body.contactsC #fond {
	background:url(images/fonds/page-contacts.jpg) no-repeat bottom right;	
}
body.contactsC #page {
	background:url(images/fonds/body-contacts.jpg) no-repeat 0 top;	
}
body.contactsC #main h1 {
	margin:15px 0 6px;
/*	font-size:32px; */
	width:363px;
}
body.contactsC #main hr.separateur {
 	color: #ff00de;
	background-color: #ff00de;	
}
body.contactsC #main a:hover {
	color:#ff00de;
	border-bottom:1px solid #ff00de;
}
body.contactsC #main span.mail,
body.contactsC #main span.tel {
	display:block;
}
body.contactsC #main span.mail {
	margin:0 0 10px;
}
body.contactsC #main #map {
	margin:0 0 20px;
}

body.contactsC #main ul li {
	list-style-image:url("images/puces/pink.png");
}
.spacer {
clear: both;
}