body {
	background-color: #454b50;
	background-image: url(../img/construct/background.jpg);
	background-repeat: repeat-y;
	background-position: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: center;
}

/* ----- NEUTRAL --------------------------------------------------------------------------- */

ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {
	margin: 0px;
	padding: 0px;
}

a img,:link img,:visited img {
	border: none;
}

a {
	text-decoration: none;
}

hr {
    height:1px;
    margin-left:10px;
    margin-right:10px;
    margin-top:20px;
    margin-bottom:10px;
    background-color:#84837B;
    color:#84837B;
    border:0;
    padding:0;
    display:block;
}

/* ----- CONTENT --------------------------------------------------------------------------- */

div#main {
	float: left;
	margin: 0px 5px 5px 5px;
	width: 530px;
	text-align: left;
}

div#main h1 {
	font-size: 14px;
	color: #656060;
	margin: 0px 0px 10px 0px;
	padding: 8px 0px 5px 35px;
	border-bottom: 1px solid #807e80;
	background-image: url(../img/icones/services_internet.gif);
	background-position: left;
	background-repeat: no-repeat;
}

div#main h1.logiciel {
	background-image: url(../img/photos/new-ebp/bg_hi.png);
}

div#content {
	background-color: #ffffff;
	background-image: url(../img/construct/background_content.jpg);
	background-position: left;
	background-repeat: repeat-y;
	color: #565656;
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 10px 0px;
}

div#content h2 {
	padding: 0px 0px 0px 10px;
	margin: 15px 10px 3px 10px;
	font-size: 13px;
	font-weight: bold;
	background-image: url(../img/construct/menu_arrow.gif);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}
div#content h2 a{
	font-size: 13px;
}
div#content a:hover h2 {
	background-image: url(../img/construct/menu_arrow_up.gif);
	background-position: left;
	background-repeat: no-repeat;
	color: #6C4150;
	font-size: 13px;
}

div#content h3 {
	padding: 0px 0px 0px 0px;
	margin: 10px 10px 0px 10px;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color:#464646;
}

div#content h4 {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color:#464646;
}

div#content a:link, div#content a:visited {
	color: #565656;
	text-decoration: none;
}

div#content a:hover {
	color: #736D5E;
	text-decoration: none;
}

div#content p {
	margin: 0px 10px 15px 10px;
}

div#content img {
	margin: 0px;
}

div#content table {
	margin: 0px 10px 15px 10px;
}

div#content table {
	border: 1px solid #c3c0b3;
	border-right: 0px;
}

div#content td, div#content th {
	font-size: 10px;
	text-align: center;
	border-right: 1px solid #c3c0b3;
}

div#content th {
	background-color: #c3c0b3;
}

div#content td.rowtitle {
	text-align: left;
}

div#content ul, div#content dl {
	margin: 0px 10px 15px 30px;
}

div#content li {
	margin: 0px 0px 3px 0px;
	list-style: disc;
}

div#content fieldset {
	display: block;
	width: 400px;
	margin: 20px auto 10px auto ;
	border: 0px solid #3C0807;
}

div#content fieldset legend {
	display: none;
	/*margin: 3px;
	padding: 3px;
	background-color: #3C0807;
	border: 1px solid #3C0807;
	color: #ffffff;
	font-weight: bold;*/
}

div#content label {
	margin: 7px 5px 0px 10px;
	display: inline;
	float: left;
	width: 150px;
	text-align: left;
	font-weight: bold;
}

div#content input, div#content select, div#content textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top: 5px;
	background-color: #ffffff;
	border: 1px solid #3c0807;
	font-size: 11px;
}

div#content input, div#content select {
	width: 200px;
}

div#content textarea {
	width: 370px;
}

div#content .error {
	color: #cc0000;
	font-weight: bold;
}

div#content .intro {
	font-weight: bold;
	font-style: italic;
	font-size: 11px;
}

div#content .red {
	font-weight: bold;
	color: #610000;
}

div#content div.compa {
	font-weight: bold;
	font-size: 12px;
	color: #7C7059;
	text-align: center;
	margin-bottom:-10px;
}
div#content div.compa a{
	font-weight: bold;
	color: #610000;
}
div#content div.compa a:hover{
	font-weight: bold;
	color: #7C7059;
}
div#content div.compa span.de a {
	font-weight: bold;
	font-size: 12px;
	color: #7C7059;
	text-align: center;
}
div#content div.compa span.de a:hover {
	font-weight: bold;
	font-size: 12px;
	color: #565656;
	text-align: center;
}
div#content div.compa span.co a {
	font-weight: bold;
	font-size: 12px;
	color: #610000;
	text-align: center;
}
div#content div.compa span.co a:hover{
	color: #565656;
	text-align: center;
	text-decoration:none;
}

div#content div.produit {
	background-color: #ffffff;
	width: 390px;
	/*height: 180px;*/
	margin: 10px 10px 15px 60px;
	border-top: 1px solid #84837b;
	border-right: 3px solid #84837b;
	border-bottom: 3px solid #84837b;
	border-left: 1px solid #84837b;
}

div#content div.produit div.inproduit {
	background-image: url(../img/construct/background_produits.jpg);
	background-position: right;
	background-position: top;
	background-repeat: repeat-y;
	float: left;
	width: 265px;
	/*height: 180px;*/
}

div#content div.produit div.inproduit1 {
	float: left;
	background-color: #ffffff;
	width: 125px;
	/*height: 180px;*/
}
div#content div.produit div.inproduit li{
list-style-type: none;
background-image: url(../img/construct/bullet_hebergement.gif);
background-repeat: no-repeat;
background-position: left;
padding-left: 15px;
}

div#content div.produit div.plus {
	/*background-color: #ffffff;*/
	clear: both;
	text-align: right;
	font-weight: bold;
}

div#content div.produit div.plus a {
	margin: 0px 0px 0px 0px;
	color: #7c7059;
}

.noborder{

	border:0px;

}
.noborder td{
	border:0px;
}
.noborder tr{
	border:0px;
}

/* ----- COMMANDE ------------------------------------------------------------------------- */

div#commande {
	margin: 0px 0px 5px 0px;
}

div#commande span.co{
	font-size: 10px;
	color: #8E0000;
	text-decoration:none;
	font-weight: bold;
	/*height:170px;*/
}
div#commande span.co a{
	font-size: 10px;
	color: #8E0000;
	text-decoration:none;
	/*margin-bottom:25px;*/
}
div#commande span.co a:hover{
	color: #5D2328;
	text-decoration:none;
}
div#commande span.in{
	font-size: 10px;
	color: #7C7059;
	text-decoration:none;
	font-weight: bold;
	text-align:right;
	padding: 0px 0px 0px 0px;
}
div#commande span.in a{
	font-size: 10px;
	color: #7C7059;
	text-decoration:none;
	/*margin-bottom:25px;*/
}
div#commande span.in a:hover{
	color: #565656;
	text-decoration: none;
}

/* ----- BOUTONS ------------------------------------------------------------------------- */

div.boutons {
	/*display: inline;*/
	position: relative;
	margin: 15px 20px 0px 20px;
	width: 120px;
	height: 150px;
	float: left;
	text-align: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

div.boutons p {
	padding-top: 85px;
	color: #9C9DA0;
}

div.boutons02 {
	/*display: inline;*/
	position: relative;
	margin: 15px 4px 0px 4px;
	width: 120px;
	height: 150px;
	float: left;
	text-align: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

div.boutons02 p {
	padding-top: 85px;
	color: #9C9DA0;
}

/* ----- CONSTRUCT ------------------------------------------------------------------------- */

div#general {
	width:760px;
	margin: 0 auto;
	background-color: #ffffff;
}

div#banner {
	margin: 5px 5px 0px 5px;
	text-align: right;
	font-size: 10px;
}

div#banner input {
	font-size: 10px;
	height: 16px;
	border: 1px solid #84837B;
}

div#banner select {
	font-size: 10px;
	height: 15px;
	border: 1px solid #84837B;
}

div#breadcrumb {
	text-align: left;
	font-size: 10px;
	color: #84837B;
	margin: 2px 5px 3px 5px;
	padding: 0px 0px 2px 0px;
	border-bottom: 1px dotted #C3C0B3;
}

div#breadcrumb a:link, div#breadcrumb a:visited {
	color: #84837B;
	text-decoration: none;
}

div#breadcrumb a:hover {
	color: #C3C0B3;
	text-decoration: none;
}

div#tools {
	float: right;
	width: 10px;
	font-size: 10px;
	color: #84837B;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#navigation {
	clear: both;
	float: left;
	width: 195px;
	margin: 5px;
	background-image: url(../img/construct/navigation_top.gif);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #3C0807;
}

div#menu, div#actualite {
	background-image: url(../img/construct/menu_top.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin: 7px;
	padding-top:1px;
	padding-bottom: 1px;
	background-color: #ffffff;
	text-align: left;
}

div#menu .title, div#actualite .title {
	margin: 0px 7px 0px 7px;
	font-size: 12px;
	font-weight: bold;
	color: #605746;
}

div#menu a, div#actualite a {
	color: #333333;
	text-decoration: none;
}

div#menu ul {
	margin: 7px;
	padding-bottom: 10px;
}

div#menu ul li {
	margin: 0px;
	padding: 5px 0px 5px 0px;
	list-style: none;
	color: #7c7059;
	font-weight: bold;
	border-bottom: 1px solid #84837B;
}

div#menu ul a:link, div#menu ul a:visited {
	padding: 0px 0px 0px 10px;
}

div#menu ul a:hover {
	padding: 5px 0px 5px 10px;
	color: #6b230b;
}

div#menu ol {
	margin: 7px;
}

div#menu ol li {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	border-bottom: 0px;
}

div#menu ol li a:link, div#menu ol li a:visited {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	background-image: url(../img/construct/menu_arrow.gif);
	background-position: left;
	background-repeat: no-repeat;
}

div#menu ol li a:hover {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	background-image: url(../img/construct/menu_arrow_up.gif);
	background-position: left;
	background-repeat: no-repeat;
}

div#actualite h2 {
	margin: 7px 7px 0px 7px;
	font-size: 10px;
	color: #7C7059;
}

div#actualite p {
	margin: 2px 7px 7px 7px;
	font-size: 10px;
	color: #84837b;
}

div#actualite a:hover p {
	margin: 2px 7px 7px 7px;
	font-size: 10px;
	color: #3c0807;
}

div#actualite a.plus {
	display: block;
	margin: 2px 7px 7px 7px;
	font-size: 10px;
	color: #84837b;
	text-align: right;
}

div#actualite a.plus:hover {
	color: #3c0807;
}

div#ancreTop {
	text-align: right;
}

div#ancreTop a {
	color: #000000;
	text-decoration: none;
}

/* ----- BOTTOM ---------------------------------------------------------------------------- */

#menuBottom {
	clear: both;
	margin: 5px;
	padding-bottom: 5px;
	font-size: 10px;
	color: #454b50;
	border-bottom: 4px solid #3c0807;
}

#menuBottom a:link, #menuBottom a:visited {
	color: #454b50;
	text-decoration: none;
}

#menuBottom a:hover {
	color: #736D5E;
	text-decoration: none;
}

#copylien {
	clear: both;
	margin: 10px;
	font-size: 9px;
	color: #BEBBAD;
	text-align:center;
}

#copylien a {
	color: #BEBBAD;
	text-decoration: none;
}

#copylien a:link, #copylien a:visited {
	color: #BEBBAD;
	text-decoration: none;
}

#copylien a:hover { 
	color: #7C7C7C; 
	text-decoration: none;
}