/**
 * Styles génériques 
 */
* {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-family: Verdana,Arial, Helvetica, Sans-serif;
}
body {
  background : #faf4df url(./img/fond_repeat.jpg) repeat-x;
}
img {
  border: 0;
}
#main{
	margin : 0 auto;
	width:1000px;
}
/*****************************/
/*******header***************/
/******************************/
#header{
	width:976px;
	height:233px;
	margin-top:4px;
	float:left;
}
#logo{
	width:272px;
	height:178px;
	padding-top:55px;
	background:#faf4df url(./img/fond_logo.jpg) no-repeat;
	float:left;
}
#flash_accueil{
	width:704px;
	height:233px;
	background:#faf4df url(./img/fond_flash.jpg) no-repeat;
	float:left;
	padding-top:5px;
}

/*---------------------------*/
/*------fond-contenu----*/
/*--------------------------*/
#contenu{
 width:1000px;
 float:left;
}

/*****************************/
/*******Menu_gauche**********/
/******************************/
#menu_gauche{
	width:272px;
	float:left;
}
#qui{
	width:254px;
	height:25px;
	text-align:left;
	padding-left:18px;
	padding-top:2px;
	background:#faf4df url(./img/fond_qui.jpg) no-repeat;
}
#qui a{
	font-size:14px;
	font-family:Verdana,Tahoma,Arial;
	color:#fff;
	text-decoration:none;
}
#qui a:hover{
	color:#000;
}
#service{
	width:254px;
	height:25px;
	text-align:left;
	padding-left:18px;
	padding-top:2px;
	background:#faf4df url(./img/fond_service.jpg) no-repeat;
}
#service a{
	font-size:14px;
	font-family:Verdana,Tahoma,Arial;
	color:#fff;
	text-decoration:none;
}
#service a:hover{
	color:#000;
}
#reference{
	width:254px;
	height:25px;
	text-align:left;
	padding-left:18px;
	padding-top:2px;
	background:#faf4df url(./img/fond_reference.jpg) no-repeat;
}
#reference a{
	font-size:14px;
	font-family:Verdana,Tahoma,Arial;
	color:#fff;
	text-decoration:none;
}
#reference a:hover{
	color:#000;
}
#produit{
	width:254px;
	height:25px;
	text-align:left;
	padding-left:18px;
	padding-top:2px;
	background:#faf4df url(./img/fond_produit.jpg) no-repeat;
}
#produit a{
	font-size:14px;
	font-family:Verdana,Tahoma,Arial;
	color:#fff;
	text-decoration:none;
}
#produit a:hover{
	color:#000;
}
#contact{
	height:66px;
	width:272px;
	margin-top:12px;
}
#promotion{
	height:66px;
	width:272px;
	margin-top:12px;
}
#documentation{
	height:66px;
	width:272px;
	margin-top:12px;
}
#bureau{
	height:30px;
	width:272px;
	margin-top:12px;
}
/**************************/
/******Navig. menu*********/
/********Materiaux********/
/*************************/
.navigation_materiaux li{
	width:272px;
	text-align:left;
	background:#faf4df url(./img/fond_materiaux.jpg) no-repeat;
	list-style:none;
	line-height:25px;
}
.navigation_materiaux li a{
	font-family:Verdana,Tahoma,Arial;
	color:#fff;
	text-decoration:none;
	margin-left:18px;
	font-size:14px;
}
.navigation_materiaux li a:hover{
	color:#000;
}
.navigation_materiaux .toggleSubMenu .subMenu li{
	width:272px;
	text-align:left;
	background:#faf4df url(./img/fond_materiaux_liste.jpg) no-repeat;
	list-style:none;
	line-height:25px;
}
.navigation_materiaux .toggleSubMenu .subMenu li a{
	font-family:Verdana,Tahoma,Arial;
	color:#676767;
	text-decoration:none;
	margin-left:25px;
	font-size:12px;
	
}
.navigation_materiaux .toggleSubMenu .subMenu li a:hover{
	color:#676767;
	font-weight:bold;
}
.navigation_materiaux .toggleSubMenu .subMenu .toggleSubSubMenu .subsubMenu li{
	width:272px;
	text-align:left;
	background:#faf4df url(./img/fond_materiaux_ss_liste.jpg) no-repeat;
	list-style:none;
	line-height:25px;
}
.navigation_materiaux .toggleSubMenu .subMenu .toggleSubSubMenu .subsubMenu li a{
	font-family:Verdana,Tahoma,Arial;
	color:#693180;
	text-decoration:none;
	margin-left:40px;
	font-size:12px;
	
}
.navigation_materiaux .toggleSubMenu .subMenu .toggleSubSubMenu .subsubMenu li a:hover{
	color:#693180;
	font-weight:bold;
}
/**************************/
/******Navig. menu*********/
/********Produits********/
/*************************/
.navigation_produits li{
	width:272px;
	text-align:left;
	background:#faf4df url(./img/fond_produit.jpg) no-repeat;
	list-style:none;
	line-height:25px;
}
.navigation_produits li a{
	font-family:Verdana,Tahoma,Arial;
	color:#fff;
	text-decoration:none;
	margin-left:18px;
	font-size:14px;
}
.navigation_produits li a:hover{
	color:#000;
}
.navigation_produits .toggleSubMenu .subMenu li{
	width:272px;
	text-align:left;
	background:#faf4df url(./img/fond_produit_liste.jpg) no-repeat;
	list-style:none;
	line-height:25px;
}
.navigation_produits .toggleSubMenu .subMenu li a{
	font-family:Verdana,Tahoma,Arial;
	color:#676767;
	text-decoration:none;
	margin-left:25px;
	font-size:12px;
	
}
.navigation_produits .toggleSubMenu .subMenu li a:hover{
	color:#676767;
	font-weight:bold;
}
/*****************************/
/************Content**********/
/******************************/
#content{
	width:718px;
	padding-left:10px;
	float:left;
}

#file_ariane{
	font-size:12px;
	color:#000;
	font-weight:normal;
}
#file_ariane a{
	color:#000;
	text-decoration:none;
}
#file_ariane a:hover{
	text-decoration:underline;
}	
/*****************************/
/************Footer**********/
/******************************/
#footer{
	width:976px;
	background:#faf4df url(./img/haut_bas.jpg) repeat-x;
	height:105px;
	float:left;
	padding-top:15px;
}
#sponsor{
	width:976px;
	text-align:center;
}
#texte-bas{
	width:976px;
	text-align:center;
	font-size:10px;
	color:#676767;
}

/*****************************/
/*********HOME**************/
/***************************/
h2{
	font-size:18px;
	color:#000;
	font-weight:normal;
}
h1{
	font-size:25px;
	color:#693180;
	font-weight:normal;
	margin-top:5px;
}
#edito_accueil{
	width:691px;
	font-size:12px;
	margin-top:5px;
	text-align:justify;
}
#ligne_promo{
	width:691px;
	height:256px;
	margin-top:5px;
	float: left;
}
#ligne_produits{
	width:691px;
	height:256px;
	margin-top:5px;
	float: left;
}
#ligne_recherche{
	width:691px;
	height:256px;
	margin-top:5px;
	float: left;
}
.pdt{
	width:217px;
	height:256px;
	background:#faf4df;
	float:left;
}
.img_pdt_accueil{
	width:217px;
	height:163px;
	text-align: center;
	background: #f3eacc;
}
.img_pdt_accueil img {
	margin: auto;
}
.texte_pdt_accueil{
	width:212px;
	height:83px;
	background:#cecece;
	padding-left:5px;
}
.texte_pdt_accueil .titre_promo a{
	font-size:12px;
	text-decoration:none;
	color:#ff0000;
	font-weight:bold;
}
.texte_pdt_accueil .titre a{
	font-size:12px;
	text-decoration:none;
	color:#000;
	font-weight:bold;
}
.texte_pdt_accueil .texte{
	margin-top:2px;
	font-size:10px;
}
.texte_pdt_accueil .lien a{
	font-size:10px;
	color:#693180;
	text-decoration:none;
	float:right;
	margin-right:10px;
	margin-top:2px;
}
.separation-colonne{
	width:20px;
	height:216px;
	background:#faf4df;
	float:left;
}
.recherche_accueil{
	width:217px;
	height:256px;
	float:left;
}
.img_recherche_accueil{
	width:217px;
	height:163px;
}
.lien_recherche{
	width:217px;
	height:63px;
}

/*******esssai***********/
.navigation {
      margin: 0;
      padding: 0;
      list-style: none;
      background: #000;
      color: #fff;
      width: 200px;
      font: 1.2em "Trebuchet MS", sans-serif;
      }
   .navigation a, .navigation span {
      display: block;
      padding: 4px 10px;
      color: #fff;
      text-decoration: none;
      background: #000 url(menu-item.png) left bottom no-repeat;
      }
   .navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
      background-image: url(menu-item-deroule.png);
      }
   .navigation .open a, .navigation .open span {
      background-image: url(menu-item-enroule.png);
      }
   .navigation a:hover, .navigation a:focus, .navigation a:active {
      text-decoration: underline;
      }
   .navigation .subMenu {
      font-size: .8em;
      background: #ccc url(subMenu.png) 0 0 repeat-x;
      font-size: .9em;
      margin: 0;
      padding: 0;
      border-bottom: 1px solid #666;
      }
   .navigation ul.subMenu a {
      background: none;
      padding: 3px 20px;
      }

/**************************/
/*******pages types*********/
/*************************/

.texte_type_accueil{
	width:212px;
	height:40px;
	background:#cecece;
	padding-left:5px;
}
.texte_type_accueil .titre a{
	font-size:12px;
	text-decoration:none;
	color:#000;
	font-weight:bold;
}
.texte_type_accueil .lien a{
	font-size:10px;
	color:#693180;
	text-decoration:none;
	float:right;
	margin-right:10px;
	margin-top:2px;
}

/**************************/
/*******page detail*********/
/*************************/
#tab_produit {
	width: 690px;
	font-size: 12px;
}
#col_produit_droite {
	text-align: right;
}

/**************************/
/*******documentation*********/
/*************************/
#bloc_documentation h2 {
	font-size: 18px;
	font-weight: bold;
	color: #693180;
	margin-bottom: 15px;
}
#bloc_documentation  {
	text-align: center;
	width: 694px;
	margin-top: 15px;
}
#bloc_documentation a {
	display: block;
	color: #693180;
	margin-top: 10px;
	text-decoration: none;
}
#bloc_documentation hr {
	width: 400px;
	margin-left: 147px;
	border: 1px solid #fff;
}
/**************************/
/*******bureau*********/
/*************************/
#bloc_bureau {
	width: 694px;
	font-size: 12px;
	font-family: Verdana,Arial, Helvetica, Sans-serif;
	padding-top: 10px;
}
#bloc_bureau h2 {
	font-size:25px;
	color:#693180;
	font-weight:normal;
	margin-top:5px;
}
#bloc_bureau #citation {
	margin-left: 200px;
	font-style: italic;
}
#bloc_bureau #auteur {
	margin-left: 450px;
}
#bloc_bureau .title_ul {
	text-decoration: underline;
	color: #693180;
	font-size: 14px;
}
#bloc_bureau ul {
	margin-bottom: 15px;
	list-style-type: disc;
}
#bloc_bureau li {
	margin-left: 30px;
	line-height: 16px;
}
#bloc_bureau #bloc_contact {
	text-align: center;
	line-height: 18px;
}
#bloc_bureau #lien_contact a {
	color: #693180;
	text-decoration: none;
}
#bloc_bureau #tab_bureau {
	vertical-align: top;
	width:680px;
}
#bloc_bureau #tab_bureau td {
	vertical-align: top;
	width:340px;
}
#bloc_bureau #tab_bureau td ul{
	float: left;
}
#bloc_bureau .tab_bureau_gal {
	width: 678px;
	text-align: center;
}
#bloc_bureau .tab_bureau_gal  td {
	width: 226px;
	height: 163px;
	text-align: center;
}
/********************
***qui_sommes_nous***
********************/
#bloc_qui {
	width: 694px;
	font-size: 12px;
	font-family: Verdana,Arial, Helvetica, Sans-serif;
	padding-top: 10px;
}
#bloc_qui h2 {
	font-size:25px;
	color:#693180;
	font-weight:normal;
	margin-top:5px;
}
#bloc_qui h3 {
	font-size: 14px;
	font-family: italic;
}
#bloc_qui p {
	margin-left: 12px;
	line-height: 18px;
}
#bloc_qui ul {
	margin-left: 50px;
	line-height: 18px;
}
#bloc_qui #slogan {
	text-align: center;
	margin: 15px 0 10px 0;
	line-height: 24px;
	font-size: 14px;
	font-family: italic;
	color: #693180;
	font-size: 16px;
}
/********************
***services***
********************/
#bloc_services {
	width: 694px;
	font-size: 12px;
	font-family: Verdana,Arial, Helvetica, Sans-serif;
	padding-top: 10px;
}
#bloc_services h2 {
	font-size:25px;
	color:#693180;
	font-weight:normal;
	margin-top:5px;
}
#bloc_services h3 {
	font-size: 14px;
	font-family: italic;
}
#bloc_services p {
	line-height: 18px;
}
/********************
***contact***
********************/
#bloc_contact {
	width: 694px;
	font-family: Verdana,Arial, Helvetica, Sans-serif;
	padding-top: 10px;
	padding-left: 75px;
}
#bloc_contact h3 {
	font-size: 12x;
	color: #693180;
	margin-top: 5px;
}
#bloc_contact #bloc_coord {
	font-size: 12px;
	line-height: 16px;
}
#bloc_contact #bloc_coord a {
	color: #693180;
	text-decoration: none;
}
#bloc_contact #bloc_coord a:hover {
	text-decoration: underline;
}
#bloc_contact #bloc_coord span {
	font-size: 14px;
}

#bloc_contact #bloc_form {
	font-size: 12px;
}
#bloc_contact #bloc_form .champs_obl {
	color: #693180;
}
#bloc_contact #bloc_form #tab_contact {
	width: 594px;
}
#bloc_contact #bloc_form #tab_contact td {
	height: 25px;
}
#bloc_contact #bloc_form #tab_contact input {
	width: 250px;
}
#bloc_contact #bloc_form #tab_contact textarea {
	width: 250px;
	height: 125px;
}
#bloc_contact #bloc_form #tab_contact .td_submit {
	padding-left: 70px;
}
#bloc_contact #bloc_form #tab_contact #btn_contact {
	width: 125px;
}
#bloc_contact #msg_err {
	color: red;
	font-size: 12px;
	line-height: 16px;
	margin-left: 100px;
}
#bloc_contact #msg_valide {
	color: #693180;
	font-size: 12px;
	line-height: 16px;
	margin-left: 60px;
}