#document0 {
	width:1024px;
	height:100%;
	max-width: 100%;
	margin : 0 auto;
	padding : 0;
	text-align: center;
	overflow: auto !important;
	/overflow: auto;
	-overflow: none;
}

#document0 h3 { font-size: 110%; font-weight: normal; text-align: center; color: #fff; padding: 0; margin: 0 }

#document {
	width:1024px;
	height:100%;
	max-width: 100%;
	margin : 0 auto;
	padding : 0;
	text-align: left;
	background: url(interface/fd_doc.gif) repeat-y;
	overflow: auto !important;
	/overflow: auto;
	-overflow: none;
}

a:link         { color: #444; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
a:visited         { color: #444; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
a:hover       { color: #FF7E00; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }

.texte-fonce { font-size : 80% }

input, select, textarea       { color: #444; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff; margin: 2px; padding: 3px; border: solid 1px #c0c0c0 }

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
text-align: center;
color: #444;
}


/* BANDEAU DU HAUT */
#bandeauHaut {
	height : 170px;
	background: url(interface/dumas_01.jpg) no-repeat;
}

/* MENU DEROULANT */
#menuDeroulant {
	float:left;
	height : 30px;
	padding: 140px 0 0 220px;
}

/* COLONNE GAUCHE */

#colonneGauche {
	clear: both;
	float: left;
	width: 224px;
	background: url(interface/dumas_04.gif) no-repeat 0 70px;
}

#sousmenu {
	clear: both;
	float: left;
	width: 190px;
	text-align: right; 
}

#sousmenu h2 { font-size: 110%; text-align: right; color: #fff; padding: 0; margin: 0 }
#sousmenu a, a:visited { text-align: right; color: #fff; font-size: 90% }
#sousmenu a:hover { text-align: right; color: #FF7E00; font-size: 90% }
#sousmenu a.actif { text-align: right; color: #FFB66F; font-size: 90% }

#sousmenu2 {
	clear: both;
	float: left;
	width: 190px;
	text-align: right; 
}

#sousmenu2 h2 { font-size: 110%; text-align: right; color: #02002F; padding: 0; margin: 0 }
#sousmenu2 a, a:visited { text-align: right; color: #02002F; font-size: 90% }
#sousmenu2 a:hover { text-align: right; color: #000; font-size: 90% }
#sousmenu2 a.actif { text-align: right; color: #02002F; font-size: 90% }

#encart {
	clear: both;
	float: left;
	width: 190px;
	text-align: right; 
}

#encart h3 { font-size: 110%; font-weight: normal; text-align: right; color: #fff; padding: 0; margin: 0 }
#encart a, a:visited { text-align: right; color: #fff; font-size: 90% }
#encart a:hover { text-align: right; color: #FF7E00; font-size: 90% }
#encart a.actif { text-align: right; color: #FFB66F; font-size: 90% }

/* CONTENU */

#contenu {
	float: left;
	width: 800px;
	min-height:430px;
	background: url(interface/dumas_03.gif) top left no-repeat;
}

#info {
	clear: both;
	border : 0px solid #444;
	background-color : #ececec;
	padding: 7px;
	float : left;
	margin: 10px 15px 10px 10px;
	vertical-align:bottom;
}

#galerie {
	position: absolute;
	float : left;
	width: 775px;
	margin: 10px 25px 0 10px;
}

#photogalerie {
	border : 0px solid #444;
	background-color : #ececec;
	float : right;
	margin: 5px 0 5px 3px;
}


#contenu h2 {
	color: #ffffff; font-size: 140%;
	font-weight: normal;
	padding: 6px 0 14px 0;
	margin: 25px 0 10px 0;
	background: url(interface/fd_titre.png) no-repeat;
}

#contenu h3 {
	color: #003C82; font-size: 110%;
	font-weight: normal;
	border-bottom: 3px solid #ececec;
	margin: 30px 0 10px 0;
}

#contenu h4 {
	color: #2489C7; font-size: 100%;
	font-weight: bold;
	margin: 0 0 10px 15px;
}

#contenu p {
	color: #444; font-size: 100%;
	font-weight: normal;
	line-height: 16px;
	padding: 0 15px 0 0;
	text-align: justify;
}

#contenu .ocre  { color: #2CA1DC; font-size: 110%; line-height: 18px; }

#contenu #info p {
	color: #003C82; font-size: 95%;
	font-weight: normal;
	line-height: 14px;
	margin: 0px;
}

#contenu #info a {
	text-decoration : underline;
	color: #003C82; font-size: 90%;
	font-weight: normal;
	margin: 0px;
}

#contenu #info a:hover {
	text-decoration : underline;
	color: #EB9C00; font-size: 90%;
	font-weight: normal;
	margin: 0px;
}

#contenu .plus {
	color: #B17500; font-size: 100%;
	line-height: 16px;
	font-weight: bold;
}

#contenu .baseline {
	color: #B17500; font-size: 90%;
	font-style: italic;
	font-weight: normal;
}

#souscategorie {
	float: left;
	width: 811px;
}

/* PAGE PRODUITS */
#produit1  { background: url(interface/cellule.gif) no-repeat; margin-right: 10px; margin-bottom: 5px; margin-top: 5px; float: left; width: 140px; align: center }
#photo1    { margin-top:10px;height: 90px; }
#texte1    { height: 40px; text-align: center; margin-top:0px }
#texte1 a  { color: #003C82; font-size: 100%; background-color: #fff; border: solid 5px #fff; line-height:18px; display: block; margin: 0 2px 0 2px; }
#texte1 a:hover  { color: #9FCEFA; font-size: 100%; background-color: #fff; border: solid 5px #fff; line-height:18px; display: block; margin: 0 2px 0 2px; }

/* PAGE PRODUIT UNIT */
#photo2    { float: left; margin: 0px 10px 10px 0 }
#photo2 a  { color: #75207f; font-size: 100%; background-color: #e7e7e7; border: solid 5px #e7e7e7; line-height:25px; margin: 5px 5px 5px 0; }
#photo2 a:hover  { color: #fff; font-size: 100%; background-color: #e7e7e7; border: solid 5px #e7e7e7; line-height:25px; margin: 5px 5px 5px 0; }
#produit2 { float: left; width: 790px }

/* BAS */
#bas { clear: both; width: 1024px; height: 40px; padding: 20px 0 0 0; text-align: left; font-size: 90%;
	background: url(interface/fd_bas.gif) no-repeat; }
#bas p { margin: 0 0 0 224px }
#bas a, a:visited { color:#444; font-size: 90% }
#bas a:hover { color:#000; font-size: 90% }

/* FORMULAIRE */
form {
	margin : 0;
	padding : 0;
}
#contenu fieldset {
	border-width : 0;
}
#contenu legend {
	color : #00357e;
	font-weight : normal;
	font-size : 100%;
	margin : 20px 0 0 50px;
	padding : 0;
	width : auto;
	border-bottom : 2px solid #ececec;
}
input, textarea,select {
	font-size : 100%;
	font-family : arial, sans-serif;
	border-width : 1px;
	border-style : solid;
	border-top-color : #8A8A8A;
	border-right-color : #8A8A8A;
	border-bottom-color : #E0E0E0;
	border-left-color : #E0E0E0;
	background-color: #e7e7e7;
	padding : 1px 2px;
	margin-left : 8px;
}
p.action input {
	width : auto;
	color : #444;
	border-color : #444;
	margin : 0 150px;
}
form p {
	clear: both;
	margin: 0;
	padding: 2px 0;
}
#contenu p label {
	float: left;
	width: 140px;
	margin-bottom : 8px;
	text-align: right;
	color : #444;
	font-weight : normal;
}
