body {
		/*font-size: 12px;*/
	color: #333366;
	background-color: #F6F6F6;
	padding: 0px;
	margin: 0; /* pour éviter les marges */
   text-align: center; /* pour corriger le bug de centrage IE */


}

#content {
	position: relative;
	margin-left: auto;
   margin-right: auto;
	margin-bottom: 3px;
	width: 770px;
	top:20px;
	text-align: left; /* on rétablit l'alignement normal du texte */
	/*z-index:1; */
	background-color: #FDFDFD;
	/*layer-background-color: #FFF3DB; */
	/*bottom: 32px;*/
	/*border-top: 2px solid #3B3725;
	border-left: 2px solid #3B3725;
	border-right: 2px solid #EBE9DF;
	border-bottom: 2px solid #EBE9DF;*/
	border-left: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;


}

/*le menu*/

 /* common styling */
 

 /* Set up the default font and ovrall size to include image */
.menu {
font-family: geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif, tahoma;
font-weight: normal;
width:770px;
height: 245px;         /*355px;*/
font-size: 11px;
word-spacing:-0.5pt;
letter-spacing:-1px;
background:#E5E5E5 url(../images/verre.gif) 0 20px no-repeat;
position:relative; 
/*margin:2em 125px 0 125px;*/
font-family: geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif, tahoma;
}
/* get rid of the default padding - margin and bullets */
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
/* make menu horizontal */
.menu ul li {
float:left;
position:relative;
}
/* set up the default top level links */
.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
color:#000; 
width:110px; 
height:1.5em;
/*font-weight:bold;*/
/*font-size: smaller;*/
color:#888; 
border-bottom:8px solid #F6F6F6;
background:#FDFDFD; 
/*padding-left:1px; */
text-align: center;
line-height:1.5em;
margin-right:0px;
}
/* hack for IE5.5 to correct the faulty box model */
* html .menu ul li a, .menu ul li a:visited {
width:110px;
/*w\idth:96px;*/
}
/* hide the drop down menu */
.menu ul li ul {
display: none;
}
/* remove all table style so that it does not interfere with the menu */
.menu table {
margin: 1px; 
/*border-collapse:collapse;*/
font-size:13px;
}

/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */

/* style the top level hover */
.menu ul li:hover a,
.menu ul li a:hover {
color:#000; 
border-bottom:8px solid #E5E5E5;
}
/* make the drop down menu show and correctly position it */
.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block; 
position:absolute; 
top:1.5em;
margin-top:8px;
left:0; 
width:109px;
border:1px solid #888;
border-top:0;
background:transparent;
}
/* style the drop down links with no hover */
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display:block; 
background:transparent url(../images/opaque.png); 
color:#000; 
border:0;
margin:0;
color:#333;
font-weight:normal; 
font-size:0.9em;
height:auto; 
line-height:2em; 
padding:4.5px; 
width:100px;
word-spacing:-1pt;
letter-spacing:0pt;
}
/* style the drop down menu links when hovered */
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
background:#888; 
color:#fff;
}

/* special styling for IE5.5 and IE6 - transparency is non validating */
.menu ul li a:hover ul {
background:transparent filter: alpha(opacity=80);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
opacity:0.8;
margin-top:10px; /* for IE5.5 faulty box model */
/*marg\in-top:11px; /* for IE6 */
}
/* IE5.5 hack for faulty box model in drop down menu */
.menu ul li a:hover ul li a {
background:#ddd;
width:110px; /* for IE5.5 faulty box model */
/*w\idth:86px; /* for IE6 */
}

/*
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	line-height: 22px;

}
*/

a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5F5949;
 	font-weight: bold;
	text-decoration: none;

}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5F5949;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
  /*font-weight:bold;      */
	text-decoration: none;
	
}
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #B4A63A;
	text-decoration: none;
}


#main {
	position: relative;
	/*padding-left: 15px;*/
	padding-top: 4px;
	/*height: 650px;*/
	height: auto;
	/*margin-bottom: auto;*/
	/*padding: 20px;*/
	width: 768px;
	/*border-right: 10px;
	border-right-color: #FDFDFD;
	background-color: #FDFDFD;
	border-top: 2px solid #3B3725; 
	border-left: 2px solid #3B3725; */
	/*vertical-align: top;*/
	/*border-left: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;*/
	text-align: left;



	
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	color: #5F5949;
	text-align: left;


}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #5F5949;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-variant: small-caps;
	text-align: left;

}

#photocote {
	position: relative;
	padding-top: 30px;
	padding-bottom: 15px;
	margin: 10px;
	width:260px;
	/*border: 3px solid #fff;   */
	/*z-index: 1;*/	
        text-align:center;


}

.imgborder {
	border: 1px solid #E5E5E5;
	
}
.imgcentre {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* colonne de texte interne à la balise div main*/
#col {
	position: relative;
	/*margin-left: 290px;option de base que j'avais utilisé avec les balises en absolute*/
	/*padding-right: 22px;
	padding-bottom: 20px;*/
        padding: 20px;
	width: auto;

	/*z-index: 2;*/
}

#nocol {
     position: relative;
     width:auto;
     padding: 20px;

}

.texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #808080;
	text-align: justify;
	font-size: 11px;
}
.texteform {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #808080;
	text-align: right;
	font-size: 12px;
}
.texteform2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #808080;
	text-align: left;
	font-size: 12px;
}

input {
border:1px solid black;
background-color:#f6f6f6;

}
textarea {
border:1px solid black;
background-color:#f6f6f6;

}

input.bouton {
font-weight:bold;
cursor:pointer;
}
input.bouton:hover {
background-color:white;
}
input.bouton:active {
background-color:Gray;
color:white;
} 



.piti {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 1px;
	font-size: 9px;
	color: #888;
	width: 260px;
	text-align: center;
}
.sign {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
 	color: #888;
	width: 250px;
	text-align: left;
	margin-left: 200px;
}

/* code pour que les images et le texte se "superposent" bien trouvé sur dynamiclibrary*/
.somediv{
position: relative;
width: auto;
clear: right;

}

.somediv .floatbox{
float: right;
width: auto;
padding: 10px;
}

* html .somediv p{ /* IE 3px jog hack*/
height: 1%;
}

.somediv p{
margin-top: 0;
margin-left: auto;
}


.menudubas {
  display:table;         /* ignored by IE */
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  padding:0;
  list-style-type:none;
  white-space:nowrap;    /* keep text on one line */
  /*border:1px solid #E5E5E5; /* add a border to show size of menu */
  }
* html .menudubas {
  display:inline-block;  /* for IE only */
  width:1px;             /* IE will expand to fit menu width */
  padding:0 2px;         /* fix bug in IE for border spacing */
  }
.menudubas li {
  display:table-cell;    /* ignored by IE */
  }
* html .menudubas li {
  display:inline;        /* for IE only */
  }
.menudubas a, .menudubas a:visited {
  display:block;         /* for all browsers except IE */
  padding:4px 16px;
  color:#808080;
  background:#E5E5E5;
  border:1px solid #fff; /* add a 1px white border around items */
  text-decoration:none;
  }
* html .menudubas a, * html .menudubas a:visited {
  display:inline-block;  /* for IE only */
  margin:0 -2px;         /* to correct an IE border width bug */
  }
.menudubas a:hover {
  color:#808080;
  background:#ffffff;
  }

.gauche {margin:0 auto 0 0;}
.aucentre {margin:0 auto;}
.adroite {margin:0 0 0 auto;}

#footmenu {
  position:relative;
  width: 770px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  top: 15px;
  padding-top:3px;
  padding-bottom:3px;
  /*height:25px;*/
	background-color: #FDFDFD;
	font-size: 10px;
	text-align: center;
	border-left: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;

}

#footer {
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #877E67;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 5px;
	z-index: auto;
}
.pressemenu {
	padding-left: 80px;
}