body{
	margin: 0px;
	padding: 0px;
	background-color: #BCCF41;
	background-image: url(images/dgradfond.gif);
	background-repeat: repeat-x;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

div#global{
	margin-left: auto;
	margin-right: auto;
	width: 764px;
	text-align: left;
}

a{
	cursor: pointer;
}

/******************************************/
/*                                        */
/*                 ENTETE                 */
/*                                        */
/******************************************/

div#entete{
	background-color: #fff;
	margin-top: 8px;
	margin-bottom: 8px;
	height: 130px;
}

div#logo{
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	float: left;
	margin-left: 25px;
	margin-top: 25px;
	_margin-left: 12px;
	width: 215px;
	height: 96px;
}

div#menuhead{
	float: right;
	margin-top: 101px;
	margin-right: 7px;
	_margin-right: 3px;
	width: 377px;
	_width: 379px;
	height: 29px;
}

div#menuhead a:link, div#menuhead a:visited, div#menuhead a:hover{
	background-repeat: no-repeat;
	float: left;
	display: block;
	height: 29px;
	margin-left: 2px;
}

div#menuhead a.accueil:link, div#menuhead a.accueil:visited, div#menuhead a.accueil:hover{ background-image: url(images/menuhead-accueil.gif); width: 51px; }
div#menuhead a.societe:link, div#menuhead a.societe:visited, div#menuhead a.societe:hover{ background-image: url(images/menuhead-societe.gif); width: 66px; }
div#menuhead a.produits:link, div#menuhead a.produits:visited, div#menuhead a.produits:hover{ background-image: url(images/menuhead-produits.gif); width: 58px; }
div#menuhead a.galerie:link, div#menuhead a.galerie:visited, div#menuhead a.galerie:hover{ background-image: url(images/menuhead-galerie.gif); width: 51px; }
div#menuhead a.perso:link, div#menuhead a.perso:visited, div#menuhead a.perso:hover{ background-image: url(images/menuhead-perso.gif); width: 84px; }
div#menuhead a.contact:link, div#menuhead a.contact:visited, div#menuhead a.contact:hover{ background-image: url(images/menuhead-contact.gif); width: 55px; }

div#menuhead a.accueil:hover{ background-image: url(images/menuhead-accueil-over.gif); }
div#menuhead a.societe:hover{ background-image: url(images/menuhead-societe-over.gif); }
div#menuhead a.produits:hover{ background-image: url(images/menuhead-produits-over.gif); }
div#menuhead a.galerie:hover{ background-image: url(images/menuhead-galerie-over.gif); }
div#menuhead a.perso:hover{ background-image: url(images/menuhead-perso-over.gif); }
div#menuhead a.contact:hover{ background-image: url(images/menuhead-contact-over.gif); }

/******************************************/
/*                                        */
/*                 FOOTER                 */
/*                                        */
/******************************************/

div#foot{
	background-color: #E4ECB3;
	margin-top: 8px;
	margin-bottom: 30px;
	height: 31px;
	_height: 35px;
	color: #BE425D;
	text-align: center;
	padding-top: 4px;
	border: 1px solid #fff;
}

/******************************************/
/*                                        */
/*                 CONTENU                */
/*                                        */
/******************************************/

div#content{
	background-color: #FFF;
	border: 6px solid #fff;
	clear: both;
}

div#content table#contenu td.gauche{
	background-repeat: repeat-y;
	background-image: url(images/fondmenu.gif);
	width: 171px;
	vertical-align: top;
}

div#content table#contenu td.gauche img{
	border: 0;
}

div#content table#contenu td.centre{
	background-color: #FFF;
	width: 393px;
	_width: 433px;
	vertical-align: top;
	padding: 20px;
	padding-top: 0px;
	_padding-top: 15px;
	color: #521E1C;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#content table#contenu td.centre table{
	width: 393px;
}

div#content table#contenu td.centre td{
	color: #521E1C;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#content table#contenu td.centre form#formnewsletter input#email{
	border: 1px solid #521E1C;
	font-size: 10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	width: 126px;
	height: 15px;
	_height: 18px;
	color: #521E1C;
	padding: 0px;
	padding-left: 3px;
	margin: 0px;
}

div#content table#contenu td.droite{
	background-color: #F3F6E8;
	width: 134px;
	vertical-align: top;
	padding: 7px;
}

h1{
	margin-top: 10px;
	margin-bottom: 10px;
}

h2{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #90ACCF;
}

h3{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #BE425D;
}

h4{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #BCCF41;
}

div#content table#contenu td.centre a:link, div#content table#contenu td.centre a:visited, div#content table#contenu td.centre a:hover{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: underline;
	font-weight: bold;
	color: #90ACCF;
}

div#content table#contenu td.centre a:hover{
	color: #BE425D;
}

div#content table#contenu td.centre ul li{
	list-style-image: url(images/puce2.gif);
}



/******************************************/
/*                                        */
/*                  STYLES                */
/*                                        */
/******************************************/

div#content table#contenu td.centre div.styles img{
	margin: 3px;
}

div#content table#contenu td.centre span.bleu, div#content table#contenu td.centre span.rouge, div#content table#contenu td.centre span.vert, div#content table#contenu td.centre span.gris{
	padding: 6px;
	display: block;
	color: #fff;
	margin: 1px;
}

div#content table#contenu td.centre span.bleu a:link, div#content table#contenu td.centre span.bleu a:visited, div#content table#contenu td.centre span.bleu a:hover, div#content table#contenu td.centre span.rouge a:link, div#content table#contenu td.centre span.rouge a:visited, div#content table#contenu td.centre span.rouge a:hover, div#content table#contenu td.centre span.vert a:link, div#content table#contenu td.centre span.vert a:visited, div#content table#contenu td.centre span.vert a:hover, div#content table#contenu td.centre span.gris a:link, div#content table#contenu td.centre span.gris a:visited, div#content table#contenu td.centre span.gris a:hover{
	color: #fff;
}

div#content table#contenu td.centre span.bleuline a:link, div#content table#contenu td.centre span.bleuline a:visited, div#content table#contenu td.centre span.bleuline a:hover{
	color: #90ACCF;
}

div#content table#contenu td.centre span.rougeline a:link, div#content table#contenu td.centre span.rougeline a:visited, div#content table#contenu td.centre span.rougeline a:hover{
	color: #BE425D;
}

div#content table#contenu td.centre span.vertline a:link, div#content table#contenu td.centre span.vertline a:visited, div#content table#contenu td.centre span.vertline a:hover{
	color: #BCCF41;
}

div#content table#contenu td.centre span.grisline a:link, div#content table#contenu td.centre span.grisline a:visited, div#content table#contenu td.centre span.grisline a:hover{
	color: #A0A0A0;
}

div#content table#contenu td.centre span.bleuline, div#content table#contenu td.centre span.rougeline, div#content table#contenu td.centre span.vertline, div#content table#contenu td.centre span.grisline{
	padding: 6px;
	display: block;
	margin: 1px;
}

div#content table#contenu td.centre span.bleu{
	background-color: #90ACCF;
}

div#content table#contenu td.centre span.rouge{
	background-color: #BE425D;
}

div#content table#contenu td.centre span.vert{
	background-color: #BCCF41;
}

div#content table#contenu td.centre span.gris{
	background-color: #A0A0A0;
}

div#content table#contenu td.centre span.bleuline{
	border: 1px solid #90ACCF;
	color: #90ACCF;
}

div#content table#contenu td.centre span.rougeline{
	border: 1px solid #BE425D;
	color: #BE425D;
}

div#content table#contenu td.centre span.vertline{
	border: 1px solid #BCCF41;
	color: #BCCF41;
}

div#content table#contenu td.centre span.grisline{
	border: 1px solid #A0A0A0;
	color: #A0A0A0;
}

div#content table#contenu td.centre span.menupage{
	border: 1px solid #BCCF41;
	color: #BCCF41;
	display: block;
	margin: 3px;
}

div#content table#contenu td.centre span.menupage h4{
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 3px;
	padding-left: 4px;
	border-bottom: 1px solid #BCCF41;
	color: #90ACCF;
	background-color: #F3F6E8;
}

div#content table#contenu td.centre span.menupage ul{
	margin: 4px;
	padding: 0px;
	padding-left: 15px;
}


/******************************************/
/*                                        */
/*        FLASH INFO + BLOC GALERIE       */
/*                                        */
/******************************************/

div#content table#contenu td.droite img.titre{
	margin-bottom: 6px;
}

div#content table#contenu td.droite div.flash{
	font-size: 10px;
	color: #521E1C;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin-bottom: 6px;
}

div#content table#contenu td.droite div.flash p{
	margin: 0px;
}

div#content table#contenu td.droite div.flash span.titre{
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	background-image: url(images/puce1.gif);
	background-position: 0px 4px;
	padding-left: 12px;
}

div#content table#contenu td.droite div#blocgalerie{
	width: 107px;
	_width: 125px;
	height: 299px;
	_height: 317px;
	background-repeat: no-repeat;
	background-image: url(images/cadregalerie.gif);
	margin-left: 5px;
	padding-top: 18px;
	padding-left: 18px;
}

div#content table#contenu td.droite div#blocgalerie div#defilement{
	width: 88px;
	height: 268px;
}

div#content table#contenu td.droite div#blocgalerie div#defilement img{
	margin-bottom: 2px;
	border: 1px solid #521E1C;
}

/***********************************/
/*                                 */
/*             CONTACT             */
/*                                 */
/***********************************/

div#contact{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

form#formulaire{
	padding: 10px;
}

form#formulaire label{
	background-image: url(images/puce1.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 11px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #521E1C;
	width: 150px;
	display: inline;
	float: left;
}

form#formulaire input{
	padding-left: 2px;
}

form#formulaire input, form#formulaire select, form#formulaire textarea{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #521E1C;
	width: 200px;
	border: 1px solid #521E1C;
	margin-bottom: 4px;
}

form#formulaire textarea{
	padding: 5px;
	height: 50px;
}

form#formulaire input{
	width: 170px;
}

form#formulaire input.butsubmit{
	width: 69px;
	height: 18px;
	border: 0px;
	margin-left: 160px;
	_margin-left: 154px;
}

/***********************************/
/*                                 */
/*             GALERIE             */
/*                                 */
/***********************************/

table.galerie{
	width: 395px;
}

table.galerie th{
	background-color: #E9EEF5;
	border-bottom: 1px solid #90ACCF;
	font-size: 10px;
	font-weight: bold;
	color: #90ACCF;
	padding: 3px;
	text-transform: uppercase;
	height: 35px;
}

table.galerie td{
	background-color: #F4F7FA;
	border-bottom: 1px solid #90ACCF;
	padding: 2px;
	height: 25px;
}

table.galerie td.icone{
	text-align: center;
	width: 20px;
}

table.galerie th.icone{
	background-image: url(images/coingauche.gif);
	background-repeat: no-repeat;
}

table.galerie th.date{
	background-image: url(images/coindroit.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

table.galerie td.nb, table.galerie th.nb{
	width: 50px;
	text-align: center;
}

table.galerie td.date, table.galerie th.date{
	width: 70px;
	text-align: center;
}

table.galerie td.date span{
	font-size: 10px;
}

table.miniature{
	width: 395px;
}

table.miniature td{
	background-color: #F4F7FA;
	border-bottom: 1px solid #90ACCF;
	padding: 2px;
}

table.miniature th.mini{
	text-align: center;
	background-image: url(images/coingauche.gif);
	background-repeat: no-repeat;
}

table.miniature th.libelle{
	text-align: center;
	background-image: url(images/coindroit.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

table.miniature th{
	background-color: #E9EEF5;
	border-bottom: 1px solid #90ACCF;
	font-size: 10px;
	font-weight: bold;
	color: #90ACCF;
	padding: 3px;
	text-transform: uppercase;
	height: 35px;
}

table.miniature td.mini{
	width: 82px;
	_width: 86px;
	vertical-align: top;
}

table.miniature td.libelle{
	text-align: left;
}

table.miniature td.libelle em{
	font-size: 10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
}

table.miniature td.libelle em strong{
	font-size: 9px;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

span.ajout{
	font-size: 10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
}

span.ajout strong{
	font-size: 9px;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}