/* CSS Document */

* {
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
}

html, body {
	 margin: 0;
	 padding: 0;
}

body {
	background-color: #d7d7d7;
}
.Style1 {
	color: #FF0000;
	font-weight: bold;
}
.Style2 {
	font-size: 14px;
	color: #FF0000;
}

.Style3 {color: #34bae0}

a, img {
	border: none;
}

p, ul, .txt_courant {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
.txt_courant_gras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight:bold;
}
a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}
.bordure { border: solid #949494 1pt;}
.bordure_noir-ph { border: solid #000000 3pt;}
.bordure_noir-ph-large { border: solid #000000 9pt;}
.bordure_verte-ph { border: solid #c6e034 1pt;}
.bordure_verte_bas{border-bottom:solid #c6e034 1pt;}
.bordure_verte_gauche{ border-left:solid #c6e034 1pt;}

INPUT {
color:#000000; background-color:#e8f0b9; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; height:15px; border-width:1px; border-color:#C6e034;
}
SELECT { 
color:#000000; background-color:#e8f0b9; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; height:17px; border-width:1px; border-color:#C6e034; 
}
TEXTAREA  {
color:#000000; background-color:#e8f0b9; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; height:60px; border-width:1px; border-color:#C6e034;
}
BUTTON { color:#000000; background-color:#e8f0b9; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; height:17px;}
focus {
	background: beige;
	color: black;
}

/*** Mise a jour 12/2011 ***/

ul#menuproduits {
	margin-left: 14px;
}

#menuproduits li {
	list-style-type: none;
	list-style-position: outside;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 11px;
	margin: 10px 0;
	color: #939393;
}

#menuproduits a {
	color: #27b8e4;
	text-decoration: none;
}

#menuproduits a:hover,
#menuproduits a:hover
{
	color: #c9e249;
	text-decoration: none;
}

.titreh1 {
	 text-indent: -9999px;
	 display:block;
	 width: 649px;
	 height: 54px;
}

.titreh1 h1 {
	 font-size: 12px;
	 line-height: 20px;
	 margin: 0;
	 padding: 0;
}

h1, h2, h3, h4, h5, h6  {
	font-family: Verdana, Arial, Sans-serif;
	color: #333333;
}

h1 {
	font-size: 20px;
}

h2 {
	font-size: 16px;
}

h3 {
	font-size: 14px;
}

.content h2 {
	color: #27b8e4;
}

.content {
	width: 500px;
	margin: 0 auto 20px auto;
}

.content p {
	line-height: 20px;
}

.content li {
	margin: 10px 0;
	list-style-type: square;
}

ul#menuaccueil {
	padding-left: 12px;
}

ul#menuaccueil li {
	list-style-type: square;
}

.wrap {
	width: 800px;
	margin: 0 auto;
}

.menufooter {
	text-align: center;
}

.menufooter2 {
	font-size: 9px;
	line-height: 18px;
}

.menufooter li {
	display: inline-block;
	margin: 0 3px;
}

.menufooter a:hover,
.menusitemap  a:hover
{
	color: #27b8e4;
	text-decoration: none;
}

.menusitemap {
	-moz-column-width: 13em;
	-webkit-column-width: 13em;
	-moz-column-gap: 1em;
	-webkit-column-gap: 1em;
	-column-width: 13em;
	-column-gap: 1em;
}

.menusitemap2 {
	font-size: 10px;
}

.menuservices, 
.menureportages 
{
	text-align: center;
	width: 400px;
	background: red;
}

.menuservices li {
	display: inline-block;
	float: left;
	margin: 0 20px;
	display: block;
	width: 90px;
	height: 80px;
	text-indent: -9999px;
	background: url(elm/menuservices.jpg) no-repeat #FFF;
}

.menuservices .servitem1 {
	margin-left: 0px;
	background-position: 0 0;
}

.menuservices .servitem1:hover {
	background-position: 0 -80px;
}

.menuservices .servitem2 {
	background-position: -90px 0;
}

.menuservices .servitem2:hover {
	background-position: -90px -80px;
}

.menuservices .servitem3 {
	margin-right: 0px;
	background-position: -180px 0;
}

.menuservices .servitem3:hover {
	background-position: -180px -80px;
}

.menureportages li {
	display: inline-block;
	float: left;
	margin: 0 5px;
	display: block;
	width: 90px;
	height: 80px;
	text-indent: -9999px;
	background: url(elm/menureportages.jpg) no-repeat #FFF;
}

.menureportages .servitem1 {
	margin-left: 0px;
	background-position: 0 0;
}

.menureportages .servitem1:hover {
	background-position: 0 -80px;
}

.menureportages .servitem2 {
	background-position: -90px 0;
}

.menureportages .servitem2:hover {
	background-position: -90px -80px;
}

.menureportages .servitem3 {
	background-position: -180px 0;
}

.menureportages .servitem3:hover {
	background-position: -180px -80px;
}

.menureportages .servitem4 {
	margin-right: 0px;
	background-position: -270px 0;
}

.menureportages .servitem4:hover {
	background-position: -270px -80px;
}