@charset "utf-8";
/* CSS Document */

* {
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#222;
	text-decoration:none;
	outline:0;
	}
html {
	overflow: scroll;
	}
body {
	background:url(../img/background.png) #fff top repeat-x;
	}
img {
	border:none;
	}

#global {
	position:absolute;
	top:0;
	left:50%;
	width:800px;
	margin-left:-400px;
	}
	
/*____________________________________________ MENU ____________________________________________________________________________________*/

ul#menu {
	text-align:center;
	margin-top:10px;
	}
ul#menu li.niveau1 {
	list-style:none;
	display:inline;}
ul#menu li.niveau1 a {
	font-size:13px;
	font-weight:bold;
	padding:0 15px;
	color:#222;
	text-decoration:none;
	}
ul#menu li.niveau1 a#rss {
	padding:10px 40px 10px 20px;
	background:url(../img/rss-link.png) center right no-repeat;
	}
ul#menu li.niveau1 a#rss:hover {
	background:url(../img/rss-hover.png) center right no-repeat;
	}
ul#menu li.niveau1 a#rss:active {
	background:url(../img/rss-hover.png) center right no-repeat;
	}
ul#menu li.niveau1 a:hover {
	color:#888;
	}
ul#menu li.niveau1 a:active {
	color:#888;
	}
/*____________________________________________ ENTETE ____________________________________________________________________________________*/
#entete {
	height:50px;
	width:100%;
	overflow:auto;/* zone noir en haut de la page */
	}
#anim {
	margin:-17px 0 0 24px;
	}
#fr {
	position:absolute;
	top:7px;
	left:660px;
	}
#angl {
	position:absolute;
	top:7px;
	left:700px;
	}

/*_________________________________________*/	
	/* cadre (sous le menu) contenant les animations */
#cadre {
	width:800px;
	height:320px;/* englobe les trois div: -opencadre	 -conteneur		-closecadre */
	}
#opencadre {
	height:37px;
	width:100%;
	background:url(../img/opencadre.png) no-repeat;/* div permattant les angles arrondis */
	}
#conteneur {
	height:214px;
	width:100%;
	background:url(../img/conteneur.png) repeat;/* contient les animations */
	}
#conteneur object {
	position:relative;
	top:-17px;
	left:24px;
	}
#closecadre {
	height:37px;
	width:100%;
	background:url(../img/closecadre.png) no-repeat;/* div permattant les angles arrondis */
	}
	/*__________________________________________________ CONTENU ______________________________________________________________________________*/
#hautzoneblanche {
	width:800px;
	height:10px;
	background:url(../img/hautzoneblanche.png) no-repeat;}
#zoneblanche {
	background:#fff;
	padding:0 10px;
	min-height:300px;}	
#contenu {
	width:740px;
	margin:0 20px 50px 20px;
	overflow:auto;
	}
#contenu #colgauche {
	width:200px;
	float:left;
	}
#contenu #coldroite {
	width:500px;
	float:right;
	}
#contenu .ref {
	float:left;
	margin:0 45px 0 10px;
	list-style:none;
	font-size:12px;
	}
#contenu .refprincipe {
	margin:0 20px;
	list-style-image:url(../img/liststyle.png);
	font-size:12px;
	float:left;
	}
#ulprincipe {
	font-weight:bold;
	}
#contenu .ref li {
	margin:4px 0;
	}
#contenu .refprincipe li {
	margin:9px 0;
	}
#etc {
	list-style:none;}
#liste-sitation {
	list-style:none;
	margin:5px 0 5px 30px;
	}
#liste-sitation li {
	font:12px/24px bold Verdana, Geneva, sans-serif;
	}
#contenu-ebusiness2 {
	margin-top:110px;
	}
#contenu-ebusiness {
	margin-top:85px;
	}
.exemple {
	margin-top:40px;
	}
#listeaccueil {
	margin-left:30px;
	}
#listeaccueil li {
	list-style:url(../img/liststyle.png);
	font:12px/18px Verdana, Geneva, sans-serif;
	color:#777;
	margin-top:5px;
	}
.product { margin-top:50px;}

	/*_________________________________________________________ Après la structure, la TYPO ! __________________________________________________*/
a:hover {
	text-decoration:underline;
	}
a:active {
	text-decoration:underline;
	}
p {
	font:12px/18px Verdana, Geneva, sans-serif;
	color:#777;
	margin-bottom:8px;
	}
h1 {
	font:28px Verdana, Geneva, sans-serif;
	color:#ccc;
	text-align:center;
	margin:0 0 20px 0;
	}
h2 {
	text-align:center;
	}
h3 {
	font:14px Verdana, Geneva, sans-serif;
	font-weight:bold;
	color:#777;
	}
a .fleche {
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
	color:#222;
	vertical-align:middle;
	text-align:center;
	padding:45px 0 10px 9px;
	background:url(../img/fleche-link.png) top no-repeat;
	}
a:hover .fleche {
	background:url(../img/fleche-hover.png) top no-repeat;
	}
a .fleche_ {
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
	color:#222;
	vertical-align:middle;
	text-align:center;
	padding:45px 0 10px 9px;
	background:url(../img/fleche-hover.png) top no-repeat;
	margin-top:40px;
	}
strong {
	color:#666;
	}
/*______________________________*/
#produit {
	height:35px;
	padding:0 80px;
	}
#produit2 {
	height:35px;
	padding:0 35px;
	}
#produit li {
	display:inline;
	list-style:none;
	width:130px;
	height:35px;
	float:left;
	}
#produit2 li {
	display:inline;
	list-style:none;
	width:130px;
	height:35px;
	float:left;
	}
a #enveloppe {
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
	color:#222;
	vertical-align:middle;
	text-align:center;
	padding:70px 0 0 0;
	background:url(../img/enveloppe2.png) top no-repeat;
	}
a:hover #enveloppe {
	background:url(../img/enveloppe.png) top no-repeat;
	}
a #enveloppe_ {
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
	color:#222;
	vertical-align:middle;
	text-align:center;
	padding:70px 0 0 0;
	background:url(../img/enveloppe.png) top no-repeat;
	margin-top:40px;
	}
a #chrono {
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
	color:#222;
	vertical-align:middle;
	text-align:center;
	padding:70px 0 0 0;
	background:url(../img/chrono2.png) top no-repeat;
	}
a:hover #chrono {
	background:url(../img/chrono.png) top no-repeat;
	}
a #chrono_ {
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
	color:#222;
	vertical-align:middle;
	text-align:center;
	padding:70px 0 0 0;
	background:url(../img/chrono.png) top no-repeat;
	margin-top:40px;
	}
a #moteur {
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
	color:#222;
	vertical-align:middle;
	text-align:center;
	padding:70px 0 0 0;
	background:url(../img/moteur2.png) top no-repeat;
	}
a:hover #moteur {
	background:url(../img/moteur.png) top no-repeat;
	}
a #moteur_ {
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
	color:#222;
	vertical-align:middle;
	text-align:center;
	padding:70px 0 0 0;
	background:url(../img/moteur.png) top no-repeat;
	margin-top:40px;
	}
a #stats {
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
	color:#222;
	vertical-align:middle;
	text-align:center;
	padding:70px 0 0 0;
	background:url(../img/stats2.png) top no-repeat;
	}
a:hover #stats {
	background:url(../img/stats.png) top no-repeat;
	}
a #stats_ {
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
	color:#222;
	vertical-align:middle;
	text-align:center;
	padding:70px 0 0 0;
	background:url(../img/stats.png) top no-repeat;
	margin-top:40px;
	}
a #principes {
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
	color:#222;
	vertical-align:middle;
	text-align:center;
	padding:70px 0 0 0;
	background:url(../img/synoptique2.png) top no-repeat;
	}
a:hover #principes {
	background:url(../img/synoptique.png) top no-repeat;
	}
a #principes_ {
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
	color:#222;
	vertical-align:middle;
	text-align:center;
	padding:70px 0 0 0;
	background:url(../img/synoptique.png) top no-repeat;
	margin-top:40px;
	}
a .ssmenuproduit {
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
	color:#fff;
	vertical-align:middle;
	text-align:center;
	padding:10px 0 10px 9px;
	background:url(../img/fleche-link.png) no-repeat;
	}
	
	a .ssmenuproduit_ {
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
	color:#fff;
	vertical-align:middle;
	text-align:center;
	padding:10px 0 10px 9px;
	background:url(../img/fleche-actif.png) no-repeat;
	}
	
a:hover .ssmenuproduit, a:active .ssmenuproduit {
	background:url(../img/fleche-hover.png) no-repeat;
	}
	
/* LES LISTES de menu *//*________________________ FOOTER _________________________*/
li a {
	font:11px Arial, Helvetica, sans-serif;
	color:#999;
	}
li a:hover {
	color:#111;
	text-decoration:none;
	}
#footermenu {
	clear:both;
	overflow:auto;
	border-top:solid 1px #999;
	padding:20px 0 20px 20px;
	}
#footermenu li {
	color:#999;
	display:inline;
	}
#footer li {
	list-style:none;
	text-align:center;
	float:left;
	padding:0 10px 0 11px;
	}
#footer .rubrique_menu a {
	font-size:15px;
	font-weight:bold;
	color:#999;
	margin-left:-5px;
	}
#footer .rubrique_menu a:hover {
	color:#111;
	}
.rubrique_menu {
	margin-bottom:8px;
	}
#footer #complement {
	float:right;
	margin-bottom:5px;
	}
#footer #complement li {
	display:inline;
	padding:2px;
	color:#999;
	}
#footer h6 {
	float:left;
	font: 11px Arial, Helvetica, sans-serif;
	color:#999;
	}

/*______________________________________________ CONTACT _____________________________________________________*/

#contact {
	text-align:left;
	height:323px;
	width:550px;
	overflow: hidden;
	color:#757577;
	border:0;
	border-collapse:collapse;
	margin-left:-50px;
	}
#contact1, #contact1 fieldset { 
	width:265px;
	float:left;
	text-align:right;
	border:0;
	}
#contact2, #contact2 fieldset {
	width:180px;
	float:left;
	border:0;
	text-align:left;
	margin :10px 5px 5px 15px;
	}
.contact ffff {
	margin-left:15px;
	}
input, textarea {
	background:#e9e9e9;
	color:#222;
	}