/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/* ------------------------------------------
/* TYPO GENERALE
/* ------------------------------------------ */
body {
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #ffffff;
	background:url(../images/fd.jpg) repeat-x #dedede;
}

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6, dl, dd, dt, ul, li { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, dl, dd { font-weight: normal; }

a:hover { color: #999999; }

a { 
	color: #000000;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	}


.cache { display:none;  }
.clear {clear:both;}

.colonne {
	float:left;
	position:relative;
	width:47%;
	margin-right:15px;
	}
	
.photo_left {
	float:left;
	margin-right:5px;
	}





/* BLOCS PRINCIPAUX */

#conteneur {
	position:relative;
	width:980px;
	margin:auto;
	}
	
#entete {
	position:relative;
	margin:auto;
	height:113px;
	}


/* logo */
#logo {
	position:absolute;
	height:113px;
	width:459px;
	z-index:4;
	}
#logo h1 {
	text-indent:-50000px;
	z-index:4;
	}
	
/* page */
#page {
	position:relative;
	margin:0 auto;
	height:auto;
	min-height: 550px; /* pour firefox prenne toute la hauteur de page*/
	_height: 550px; /*underscore hack uniquement interprt par IE Win*/
	z-index:2;
	}
#page_standard #page {
	background-color:#391e17;	
	}
	
	

/* pied page */
#piedpage {
	position:relative;
	font-size:0.65em;
	color:#333333;
	text-transform:uppercase;
	border-top: solid 1px #cccccc;
	}
#piedpage a {
	color: #333333;
	}
#piedpage a:hover {
	color:#000000;
	}



	
/* menu */

#menu {
	position:absolute;
	top:57px;
	right:0;
	z-index:5;
	}
#menu { 
    list-style: none; 
      } 
#menu li { 
    display: inline; /* affichage horizontal */
	line-height:1.2em;
      } 
#menu li a { 
	font-size: 0.65em;
	text-transform:uppercase;
    padding: 2px 20px; 
    margin: 0; 
    color: #fff; 
    text-decoration: none; 
    -moz-border-radius: 3px 3px 0 0; 
    -webkit-border-radius: 3px 3px 0 0; 
    border-radius: 3px 3px 0 0;         
    -webkit-border-top-left-radius: 3px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 3px; /* pour Chrome */ 
      } 
#menu li#menu01 a:hover,
#menu li#menu02 a:hover,
#menu li#menu03 a:hover,
#menu li#menu04 a:hover,
#menu li#menu01 a.actif,
#menu li#menu02 a.actif,
#menu li#menu03 a.actif,
#menu li#menu04 a.actif,
#menu li a:focus { 
       background-color:#ffffff; 
       color: #000; 
      }
	  
#menu li#menu01 a { background-color:#7a873f;}
#menu li#menu02 a { background-color:#b50679;}
#menu li#menu03 a { background-color:#dc7e03;}
#menu li#menu04 a { background-color:#6d389f;}




/* contact */
#adresse_postale {
	position:relative;
	float:left;
	margin-top:5em;
	color:#333333;
	font-size:0.88em;
	}
#map {
	position:relative;
	margin-top:3em;
	float:left;
	width:400px;
	}
#vitrine {
	position:relative;
	margin-top:3em;
	margin-left:3em;
	float:left;
	width:254px;
	}


	

	

/* actualites */
dl.actus {
	border-top:solid 1px #CCCCCC;
	padding-top:3px;
	margin-top:2em;
	clear:both;
	color:#333333;
	font-size:0.77em;
	width:60%;
	}
dl.actus dt img {
	float:left;
	margin-right:5px;
	}
dl.actus dd {
	margin-left:120px;
	}
dl.actus h3 {
	font-weight:bold;
	color:#526fa0;
	}
	
	
	
	
	
	








/* ACCUEIL */

#demande_catalogue {
	position:absolute;
	left:0;
	top:31px;
	}

#diaporama {
	position:absolute;
	right:0px;
	top:100px;
	border:solid 5px #000000;
	}

	
body#page_accueil #actu {
	position:absolute;
	left:0px;
	top:200px;
	width:150px;
	}
body#page_accueil #actu dl dt {
	position:relative;
	}
body#page_accueil #actu dl dd.resume p {
	background:url(../images/puce_actu.gif) no-repeat 0 5px;
	padding-left:12px;
	}
body#page_accueil #actu dl dd a {
	color: #333333;
	}
body#page_accueil #actu dl dd h3 {
	font-size:0.71em;
	padding-left:8px;
	}
body#page_accueil #actu dl dd p {
	color:#333333;
	font-size:0.65em;
	line-height:1.4em;
	font-weight:bold;
	margin:0;
	padding:0;
	}
	
	
	
/* PAGE */

h1.titre_page {
	position:relative;
	margin-top:1em;
	}


/* marques */

ul.marques {
	position:relative;
	margin-top:3em;
	}
ul.marques li {
	list-style-type:none;
	display:block;
	float:left;
	height:57px;
	margin-right:2em;
	margin-bottom:2em;
	}


	

/* formulaire contact */

#formulaire_contact {
	position:relative;
	font-size:0.77em;
	color:#333333;
	margin-top:3em;
	}
.champ label {
	float:left;
	width:150px;
	margin-bottom:10px;
}
.erreur {
	color:#FF0000;
}
#formulaire_contact div.champ input,
#formulaire_contact div.champ textarea {
	border:solid 1px #999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
#formulaire_contact div.champ input#bt_submit {
	background-color:#333333;
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	}