/* CSS Document */

BODY { 
background-image: url(../images/fond_page_ecomat.jpg);
background-repeat: repeat;
font-family : Arial, Helvetica, sans-serif;
font-style : normal;
font-size : 11px;
color: #333333;
background-color: #7D9B41;
margin-top: 28px;
} 

/* Containers  */

.general {
width: 752px;
margin:auto;
padding:0px;
background-color:#FFFFFF;
background-image:url(../images/fond_general.gif);
background-repeat: repeat-y;

}


.topmenu_ecomat {
width: 752px;
height:auto;
background-image:url(../images/menu_ecomat.gif)
}

.contenu_pages {
width:740px;
margin: auto;
padding-top:0px;
text-align:justify;
}


.trailer_ecomat {
width: 700px;
overflow: hidden;
color:#D00503;
font-size:0.9em;
letter-spacing:1px;
font-weight:bold;
}

.spacer {
  display:block;
  clear: both;
  height:2px;
  line-height:2px;
}


ul.Linkactus, li.Linkactus {

	margin: 0px;
	list-style-position: inherit;
	margin-bottom: 15px;
	padding: 0px;
	list-style-type: none;
		
}
.Linkactus li {
	width: 100%;
	display: block;
	text-align:right;	
}

.Linkactus A, .Linkactus A:link, .Linkactus A:active, .Linkactus A:visited {
	background-image: url('../images/puce_actus.gif');
	background-repeat: no-repeat;
	color: #336699;
	border-bottom: 1px solid #f1f2f3;
	text-decoration: none;
	padding-left: 20px;
	display: block;
	height:18px;
	line-height:18px;
	
}

.Linkactus A:hover {
	background-image: url('../images/puce_actus.gif');
	background-repeat: no-repeat;
	color: #FFD800;
	
}

/* CSS Menus */

.titre_menu {
margin-top:10px;
color:#B97941;
font-size:11px;
text-align:center;
line-height: 16px;
border-bottom: 1px solid #C68450;
background-color:#Ffffff;
}

ul.LinkList, li.LinkList {
	margin: 0px;
	padding:0px;
	text-align:left;
	list-style-type: none;
	display: block;
	width:auto;	
}
.LinkList li {
	width: auto;
	display: block;
	border-bottom: 1px dotted #ffffff;
		
}
li.first {
	width: auto;
	border: 0px;
}

.LinkList li:hover {
    display: block;
}

.LinkList A, .LinkList A:link, .LinkList A:active, .LinkList A:visited {
	color: #000000;
	text-decoration: none;
	display: block;
	/*
	height:18px;
	*/
	line-height: 20px;
	padding-top: 0px;	
	padding-left: 15px;
	background-image: url('../images/puce_nav.gif');
	background-repeat: no-repeat;
	font-weight:bold;
}

.LinkList A:hover {
	background-image: url('../images/puce_nav_over.gif');
	background-repeat: no-repeat;
	
	color: #336699;
	text-decoration: none;
	display: block;
}

/** styles formulaire **/

.input_home {
	padding: 1px;
	border:1px solid #1D4686;
	background-color: #051234;
	font-family : Arial, Helvetica, sans-serif;
    font-style : normal; font-size : 11px;
	color:#99CC33;
	padding: 3px;
	width: 100%;
}

.input_form {
	border:1px solid #CEDCEB;
	background-color: #f8f8f8;
	font-family : Arial, Helvetica, sans-serif;
    font-style : normal; font-size : 11px;
	color:#F6821F;
	padding: 3px;
}

.input_bleu {
	padding: 8px;
	border:1px solid #FFBC75;
	background-color: #FFFFD5;
	font-family : Arial, Helvetica, sans-serif;
    font-style : normal; font-size : 11px;
	color : #D93C3C;
}

/** styles contenu du site**/

.TitreMenu {

  display: block;
  margin-left: 12px;
  font-size: 1em;
  text-transform: uppercase;
  font-weight: normal;
  line-height: 20px;
  height:20px;
  color: #007785;
  text-indent: 28px;
  background-image:url(../images/titre_puce.gif);
  background-repeat:no-repeat;

}

.TitrePage {

  display: block;
  font-family:Arial, Helvetica, sans-serif;
  padding: 0px 0px 0px 0px;
  font-size: 1.2em;
  border-bottom: 1px solid #f1f2f3;
  margin-bottom: 10px;
  font-weight: bolder;
  color: #C68450;

}

.titre_actu {

  display: block;
  background-color: #C6D4E3;
  padding: 2px;
  text-indent: 5px;
  font-size: 1.2em;
  font-weight: bolder;
  font-weight: bolder;
  color: #ffffff;
  height:15px;
  line-height:15px;
  margin-bottom:10px;
  margin-top:20px;

}

hr {
	margin-top: 0px;
	margin-bottom: 0px;
	border: 0;
	height: 1px;
	background-color: #E8E8E8;
	color: #E8E8E8;	
	
}



.resume_actus {
	margin-top: 10px;
	margin-bottom: 10px;
	font-family : Arial, Helvetica, sans-serif;
	font-style : normal; font-size : 11px;
	text-align: justify;
	color: #99CC33;

}

.date_actus {
	font-family : Arial, Helvetica, sans-serif;
	font-style : normal;
	font-size : 10px;
	color: #FF9933;
}

.texte_actus {
	font-family : Arial, Helvetica, sans-serif;
	font-style : normal; font-size : 11px;
	text-align: justify;
	color: #666666;
}

span.pagination a:link, span.pagination a:visited { 
color: #7799B8; 
text-decoration : none; 
font-family: Arial, Helvetica, sans-serif; 
}

span.pagination a:hover { 
color : #DC4236; 
text-decoration : underline;
font-family : Arial, Helvetica, sans-serif;
font-style : normal; font-size : 10px;
}

.pagination {
display: block;
text-align: center;
width: 100%;

}


a.orange:link, a.orange:active, a.orange:visited {
width:auto;
color:#FF6000;
text-decoration:none;
font-size:1em;
}

a.orange:hover {
color:#336699;
}

a.jaune:link, a.jaune:active, a.jaune:visited {
width:auto;
color:#FFC000;
text-decoration:none;
font-size:1em;
}

a.jaune:hover {
color:#336699;
}

a.vert:link, a.vert:active, a.vert:visited {
width:auto;
color:#A8CD4E;
text-decoration:none;
font-size:1em;
}

a.vert:hover {
color:#FFC000;
}

a.bleu:link, a.bleu:active, a.bleu:visited {
width:auto;
color:#55A9D4;
text-decoration:none;
font-size:1em;
}

a.bleu:hover {
color:#FFC000;
}

h1 {

  font-size: 1.3em;
  border-bottom: 1px solid #BA6A0C;
  font-weight: bolder;
  color: #BA6A0C;
  line-height:25px;
  margin-bottom:10px;

}

h2 {
  font-size: 1em;
  border-bottom: 1px solid #c1c2c3;
  font-weight: bolder;
  color: #BA6A0C;
  line-height:25px;
  margin-bottom:10px;

}

h3 {

  display: block;
  padding: 3px;
  text-indent: 5px;
  font-size: 1em;
  font-weight:normal;
  color: #666666;
  height:10px;
  line-height:10px;
  border-bottom: 1px solid #f1f2f3;

}

a.white:link, a.white:active, a.white:visited {
width:auto;
color:#ffffff;
text-decoration:none;
font-size:1em;
}

a.white:hover {
color:#000000;
}


a.black:link, a.black:active, a.black:visited {
width:auto;
color:#000000;
text-decoration:none;
font-size:1em;
}

a.black:hover {
color:#ffffff;
}

h1.h1_accueil{
	color:#BA6A0C;
	border-bottom: 1px solid #737A41;
}

h1.h1_presentation{
	color:#A45C20;
	border-bottom: 1px solid #A45C20;
}

h1.h1_produits{
	color:#5F220A;
	border-bottom: 1px solid #5F220A;
}

h1.h1_contact{
	color:#928966;
	border-bottom: 1px solid #928966;
}

h1.h1_liens{
	color:#8C6226;
	border-bottom: 1px solid #8C6226;
}

a:link, a:active, a:visited {
width:auto;
color:#866425;
text-decoration:none;
font-size:1em;
}

a:hover {
color:#58A545;
}