/*******************************************************
TITRE : GIZLA CSS  V1.0
DATE : 12/02/07
AUTEUR : Eric Schneider pour Eurostratège
*******************************************************/

body {
margin:3em;
margin-top:1em;
margin-bottom:0;
padding:0;
height:100%;
background-color:#ffffff;
color:#000000;  
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
}


.tpetit {
font-size:0.7em;
}


/*---( LIENS )---------------------*/

a {
color:#444;
text-decoration:none;
}

a:hover {
color:#C8774A;
text-decoration:none;
}

/*---( centerColumn )---------------------*/

#centerColumn { 	
margin:0 auto;
padding:1em;
padding-top:0.5em;
width:55.4em;
text-align:center;
vertical-align: middle;	
border:1px solid #ddd;
border-top:0;
}

/*---( header )---------------------*/

#header {
margin:-1em -1em 0 -1em;
padding:0;
height:54px;
background-color:#ffffff;
}

/*---( tof )---------------------*/
#tof {
}

/*---( nav )---------------------*/


.suckertreemenu {
height:25px;

}

#nav {
margin:0 0 0.6em 0;
padding:.4em 0 0 0;
text-align:left;
color:#ccc;
}

#nav ul {
margin:0;
padding:0;
list-style:none;
}

#nav li {
margin:0;
padding-right:.5em;
display:inline;
}

#nav a {
color:#444;
text-decoration:none;
}

#nav a:hover {
color:#C8774A;
text-decoration:none;
/*font-weight:bold;*/
}

/*---( zonetext )---------------------*/



#fla {
float:right;

}

#zonetext {
padding:1em;
background-color:#555;
}


#zonetext2 {
padding:1em;
width:200px;
background-color:#555;
float:left;
margin-right:10px;
height:120px;
}

#zonetext3 {
padding:1em;
width:530px;
background-color:#555;
float:left;
height:120px;
}

#zonetext p, #zonetext2 p, #zonetext3 p{
font-size:.85em;
padding:0 0 0.7em 0;
margin:0;
color:#fff;
text-align:justify;
}

h2 {
color:#888;
text-align:left;
font-size:1em;
float:left;
padding:0;
margin:0;
}

h2 a {
color:#888;
}

#description {
width:200px;
padding-right:10px;
float:left;
}










#menu-produit{
float:right;
text-align:left;
color:#fff;
font-size:0.85em;
margin:0;
padding:0;
}


#menu-produit2{
float:right;
text-align:left;
color:#fff;
font-size:0.85em;
margin:0;
padding:0;
padding-right:10px;
}


#menu-produit3{
float:right;
text-align:left;
color:#fff;
font-size:0.85em;
margin:0;
padding:44px 10px 0 0;
}




#menu-produit ul, #menu-produit2 ul, #menu-produit3 ul {
margin:0;
padding:0;
list-style:none;
}

#menu-produit li, #menu-produit2 li, #menu-produit3 li {
margin:0;
padding-right:.5em;
}

#menu-produit a, #menu-produit2 a, #menu-produit3 a {
color:#fff;
font-size:1.1em;
text-decoration:none;
padding-left:15px;
}



#menu-produit a:link#current, #menu-produit a:visited#current, #menu-produit a:hover, 
#menu-produit2 a:link#current, #menu-produit2 a:visited#current, #menu-produit2 a:hover,
#menu-produit3 a:link#current, #menu-produit3 a:visited#current, #menu-produit3 a:hover
{
background-image: url(../images/flefleche.gif);
background-repeat: no-repeat;
background-position: 0% 50%;
padding-left:15px;
text-decoration:none;
}

.signetmenuproduit {
background-image: url(../images/flefleche.gif);
background-repeat: no-repeat;
background-position: 0% 50%;
padding-left:15px;
text-decoration:none;
}


fieldset {
width:400px;
color:#fff;
border: 1px dotted #ccc;
text-align:left;
padding:10px;
margin:0;
}


#adresse {
float:right;
border-left:3px solid #ccc;
padding-left:10px;
text-align:left;
width:300px;
}

/* FORMULAIRE */

.field-label {
float:left;
width:115px;
}

.field-widget {
margin-left:0px;
margin-bottom:9px;
}

legend {
color:#fff;
background-color:#555;
padding-bottom:8px;
}



.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/*---( footer )---------------------*/

#footer {
margin:0 auto;
padding:0;
width:55.5em;
text-align:right;
vertical-align: middle;
}

#footer a {
color:#D0CFCF;
text-decoration:none;
}

#footer a:hover {
color:#555;
text-decoration:none;
}







/*************************************************/
#nav, #nav ul {
	float: left;
	width: 400px;
	list-style: none;
	line-height: 1;
	background-color: #fff;
	padding: 0;
	margin: 0;
}

#nav a {
	display: block;
	color: #444;
	text-decoration: none;
	padding: 0.25em 1em;
}


#nav li {
	float: left;
	padding: 0;
	margin:0;
}

#nav li:hover, #nav li.over{
	background:#fff;
}

/* second-level lists */

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 15em;
	w\idth: 15em;
	font-weight: normal;
	margin: 0;
}


#nav li li {
	width: 15em;
	border-bottom:1px dotted #ddd;
}

#nav li ul a {
	/*width: 13em;
	w\idth: 9em;*/
}

/* third-and-above-level lists */
#nav li ul ul {
	margin: -1.45em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	color:#A09A6E;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	color:#A09A6E;
}

#nav li:hover, #nav li.sfhover {
	color:#A09A6E;
}


#nav a:hover {
	color:#A09A6E;
	background: #fff;
}