/* CSS Document */
/* COULEURS */
/* orange : #C8460C */
/* bleu : #377E9E */
/* police : gris #333 */

 * {
    margin                : 0;
    padding               : 0;
  }
  body {
    font-family           : 'Trebuchet MS','Gill Sans', 'Palatino Linotype',sans-serif;
    font-size             : 0.9em; 
    position              : relative;
    background-color	  : #e7dfbb;
    color: #333;
  }
  h1 {
	 	font-family: 'Trebuchet MS','Gill Sans', 'Palatino Linotype',sans-serif;
	 	font-weight: normal;
	 	display: inline;
	 	padding-right: 10px;
	 	color: #999;
	 	font-variant: small-caps;
	 	background-color: transparent;
  }
  h2 {
	  	font-weight: bold;
	  	font-size: 1.1em;
	  	font-variant: normal;
	  	color: #333;
	  	display: inline;
  }
  div.highslide-maincontent h2 {
  	width: 100%;
  	margin-bottom: 25px;
  	position: relative;
  	float: left;
  }
  .titres {
  		margin-bottom: 30px;
  }
  p {
  	margin-bottom: 20px;
  	text-align: justify;

  }
  img {
  		border: 0;
  }
  img.adroite {
  		float: right;
  		margin-left: 10px;
  		margin-bottom: 10px;
  }
  ul
		{
		list-style-type: square;
		margin-left: 25px;
		}
		
.telechargement {
	width: 100%;
	text-align: left;
	font-size: 0.8em;
	font-variant: small-caps;
}
.telechargement a {
	color: #C8460C;
}
.telechargement a:hover {
	text-decoration: none;
}
.liste_telechargements {
	clear: both;
	padding-top: 50px;
}

li { margin: 0; }

table.centre_image {
	width: 100%;
	height: 100%;
	border: 0;
}
table.centre_image td {
	vertical-align: middle;
	text-align:center;	
	background-color: transparent;
}


.image_droite, .image_commentee_pte img, .images_ligne img {
	border: solid 6px #333;
  	padding: 0px;	
  	margin: 0px;
  	background-color: #333;
}


  .image_droite {
  		float: right;
  		margin-left: 20px;
  }

  .image_commentee {
	  font-style: italic;
	  margin-bottom: 20px;
	  color: #377E9E;
  }
  .image_commentee_pte {
	  font-style: italic;
	  color: #377E9E;
	  margin-bottom: 20px;
	  float: left; 
	  vertical-align: bottom;
	  width: 100%;
  }
  .image_commentee_pte img {
  		float: left;
  		margin-right: 10px;
  		vertical-align: bottom;
  }
  .image_commentee_pte .image_commentaire {
	  	vertical-align: bottom;
  }

	.images_ligne {
			margin-top: 30px;
			color: #377E9E;
			background-color: transparent;
			width: 100%;
	}
  .images_ligne img {
  		float: left;
  		margin-right: 15px;
  }
  .images_ligne p {
	  margin: 0;
	  padding: 0;
	  font-style: italic;
	  width: 95%;
  }

  a.lienactif {
  		font-weight: bolder;
  		color: #C8460C;
  		font-style: italic;
  }
  a.lieninactif {
  		color: #333;
  }
  /* barre de navigation */
  .barnav {
	  	float: right;
	  	width: 100%;
	  	margin-bottom: 20px;
	  	margin-top: 20px;
  }
  .barnav p {
  		text-align: right;
  		margin-top: 10px;
  		color: #377E9E;
  		font-style: italic;
  }
  .barnav table {
  		float: right;
  }
 
  /* Page intérieure */
  #site_main {
  	width: 840px;
  	float: left;
  	background-color: transparent;
  }
  #site_entete {
	 float: left;
  	width: 840px;
  	position: relative;
  	height: 120px;
  	border-bottom: 2px solid #333;
  	background-color: transparent;
  }
  #site_logo {
  	float: left;
	 position: relative;
	 bottom: 0px;
  	background-color: transparent;
  	height: 100%;
  	font-style: italic;
  	font-size: 1em;
  }
  #site_logo img {
  	float: left;
  	padding: 10px;
  }
  #site_coordonnees {
  	position: absolute;
  	bottom: 10px;
  	left: 100px;
  	width: 300px;
  	background-color: transparent;
  	font-size: 0.8em;
  }
  #site_coordonnees .colcoord {
  	float: left;
  	text-align: right;
  	padding-left: 5px;
  	padding-right: 5px;
  }
  
  #site_menuhaut {
	  background-color: transparent;
	  position: absolute;
	  right: 20px;
	  bottom: 10px;
	  font-weight: bolder;
	  font-size: 12px;
  }
  #site_contenu {
  	float: left;
  	background-color: transparent;
  	margin-top: 40px;
  	padding-left: 20px;
    width: 550px;
  	padding-right: 0px;
  }
  #site_pied {
  	position: relative;
	  float: left;
	  width: 820px;
	  margin-top: 20px;
	  border-top: solid 1px black;
	  padding: 10px;
	  margin-bottom: 30px;
	  text-align: right;
	  font-size: 0.8em;
  }
   #site_pied .realisation {
   	margin-top: 10px;
  	width: 100%;
  	text-align: right;
  	font-size: 0.9em;
  }

  #bookmark {
  	position: absolute;
  	left: 10px;
  	top: 10px;
  }
  #site_pied a {
	  	color: #C8460C;
	  	text-decoration: none;
	  	font-weight: normal;
  }
  #site_pied a:hover {
	  	font-weight: bolder;
  }

/* Menu haut */
#site_menuhaut ul {
  display               : inline;
  list-style            : none;
  margin                : 0px;
  padding               : 0px;
}

#site_menuhaut li {
  display               : inline;
  line-height           : 1;
  padding-left          : 30px;
  font-weight           : normal;
}

#site_menuhaut a {
	text-decoration: none;
	color: #000;
}

#site_menuhaut a:hover {
	color: #C8460C;
}

/* Menu pied de page */
#site_pied ul {
  display               : inline;
  list-style            : none;
  margin                : 0px;
  padding               : 0px;
}

#site_pied li {
  display               : inline;
  line-height           : 1;
  padding-left          : 10px;
  font-weight           : bolder;
}

/* menu principal */
  #site_menuprincipal {
	  background-color: transparent;
	  float: left;
	  width: 200px;
	  margin-top: 60px;
	  padding-left: 20px;
  }
#site_menuprincipal ul
{
list-style-type: none;
font-weight: bolder;
font-size: 1em;
margin-bottom: 15px;
color: #C8460C;
margin-left: 0px;
width: 100%;
}

#site_menuprincipal li { 
	margin: 0; 
	width: 100%;
}

#site_menuprincipal a
{
display: block;
background-color: transparent;
padding: 2px 10px;
text-decoration: none;
font-size: 12px;
}

#site_menuprincipal a:hover
{
color: #C8460C;
}

#site_menuprincipal ul ul
{
margin-left: 5px;
list-style-type: none;
font-weight: normal;
width: 100%;
}

#logos_bio {
	margin-top: 0px;	margin-bottom: 20px;
}

#site_menuprincipal li li a
{
display: block;
padding: 2px 10px;
/*border-left: 1px solid #9E3D37;*/
text-decoration: none;
font-size: 12px;
}


/* PAGE EQUIPE */
#page_equipe {
	float: left;
	width: 100%;
	background-color: transparent;
}
#page_equipe .image_commentee_bas_image{
		width: 143px;
		background-color: #fff;
		border: solid 1px #333;
		text-align: center;
		padding: 0px;
		margin: 0px;
		float: left;
}
.image_commentee_bas_image img {
		padding: 3px;
		margin: 0px;
}

.image_commentee_bas {
	float: left;
	width: 150px;
	background-color: transparent;
	margin-right: 25px;
}
.image_commentee_bas p {
	font-style: italic;
	font-size: 0.9em;
	padding-right: 10px;
	text-align: left;
}

/* PAGE PARTENAIRE */
#page_partenaire {
	float: left;
	background-color: transparent;
	width: 640px;
}
.partenaire {
	margin-right: 10px;
	margin-bottom: 20px;
	width: 200px;
	height: 150px;
	background-color: #fff;
	border: solid 1px #333;
	text-align: center;
	vertical-align: middle;
	float: left;

}
.partenaire_logo {
	height: 120px;
	background-color: transparent;
}
.partenaire p {
	position: relative;
	background-color: transparent;
	line-height: 1em;
	padding-top: 6px;
	text-align: center;
	width: 100%;
}
.partenaire_ligne p {
	padding: 0;
	margin: 0;
}

/* FAQ */
.faq {
	margin-bottom: 20px;
}

.faq h2 {
	padding-bottom: 0px;
}
.faq h2 p {
	display: inline;
}
.faq p {
margin-bottom: 0;
padding-bottom: 0;

}
.faq_comment {
	color: #377E9E;
	font-style: italic;
	font-size: 0.8em;
	text-align: left;
}

/* NEWS */
.news {
		margin-bottom: 30px;
		clear: both;
		background-color: transparent;
		position: relative;
		float: left;
		width: 100%;
		padding-bottom: 1em;
}
.news p {
	margin-bottom: 0;
	padding-bottom: 0;
	background-color: transparent;
	clear: none;
}



.news_comment {
	position: absolute;
	bottom: 0px;
	left: 0px;
	color: #377E9E;
	font-style: italic;
	font-size: 0.8em;
	text-align: left;
}

/* PRESSE */
.presse {
	margin-bottom: 20px;
}
.presse .comment {
	font-size: 0.8em;
	font-style: italic;
	margin-top: 0;
	padding-top: 0;
}
.presse a {
	margin-bottom: 0;
	padding-bottom: 0;
}
.presse h3 img {
	margin-right: 10px;
	width: 20px;
}
.page_presse h2 {
	margin-bottom: 10px;
}
.page_presse form {
	display: inline;
}
.page_presse .flag_frm {
	display: inline;
}
.page_presse .flag_frm img {
	padding-left: 10px;
	margin-right: 30px;
	vertical-align: bottom;
}


/* PLAN DU SITE */
#page_plansite h2 {
	color: #377E9E;
	font-size: 1.2em;

}
#page_plansite ul
{
list-style-type: none;
font-weight: bolder;
font-size: 0.9em;
margin-bottom: 15px;
color: #333;
}
#page_plansite ul.sec {
	list-style-type: square;
}

#page_plansite li { margin: 0; }

#page_plansite a
{
display: block;
background-color: transparent;
width: 140px;
padding: 2px 10px;
font-size: 12px;
color: #333;
}

#page_plansite a:hover
{
color: #377E9E;
}

#page_plansite ul ul, #page_plansite ul.sec
{
margin-left: 20px;
list-style-type: square;
font-weight: normal;
color: #377E9E;
}

#page_plansite li li a
{
display: block;
width: 110px;
padding: 2px 10px;
font-size: 12px;
}

.erreur {
	color: red;
	text-align: center;
	margin-bottom: 15px;
	margin-top: 15px;
}

/* PRODUITS */
#page_produits {
	float: left;
	background-color: transparent;
	position: relative;
}
#page_produits .nav {
	width: 100%;
	text-align: right;
	float: left;
	font-size: 1.1em;
	font-weight: bolder;
}
#les_produits {
	clear: both;
	width: 100%;
	float: left;
	background-color: transparent;
	margin-top: 30px;
	position: relative;
}
#page_produits .nav a {
	font-variant: small-caps;
	color: #333;
	text-decoration: none;
	font-weight: normal;
}
#page_produits .nav a:hover {
	text-decoration: underline;
}
#page_produits .nav .actif {
	font-style: italic;
	color: #C8460C;
}

.intro {
	margin-bottom: 40px;
}

.produits_fiche {
	position: relative;
	display: inline;
	float: left;
	width: 150px;
	height: auto;
	margin-right: 16px;
	margin-left: 0px;
	margin-bottom: 40px;
	background-color: transparent;
}
.produits_fiche_gros {
	display: inline;
	float: left;
	width: 150px;
	height: auto;
	position: relative;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom: 40px;
	background-color: transparent;
}
.produits_image {
	width: 150px;
	height: 170px;
	position: relative;
	background-color: #fff;
	border: solid 1px #333;
	padding: 3px;
	text-align: center;
	vertical-align: middle;
	float: left;
}
.produits_ref {
	position: relative;
	text-align: center;
	font-size: 0.8em;
	padding-bottom: 15px;
	height: 80px;
	overflow: hidden;
	float: left;
	background-color: transparent;
	width: 100%;
}
.lienfichetechnique {
	position: relative;
	text-align: center;
	font-size: 0.9em;
	padding-bottom: 15px;
	overflow: hidden;
	float: left;
	background-color: transparent;
	width: 100%;
}

/* LOTS */
.lot {
	margin-top: 40px;
}

/* COMMANDE */
.commande_contact {
	margin-bottom: 15px;
	margin-top: 15px;
}
.commande_contact em {
	font-weight: bolder;
}