#contenu img.imageclassique{
	float: none;
	display: inline;
}

#details img.imageclassique{
	float: none;
	display: inline;
	border: 0;
	margin: 0;
}

#articleregion img.imageclassique{
	float: none;
	display: inline;
	border: 0;
	margin: 0;
}


h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #9E1944;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9E1944;
	font-size: 2em;
}

h2 {
	color: #FFFFFF;
	background-color: #9E1944;
	font-size: 1.2em;
	padding: 5px;
	margin-bottom: 0px;
	clear: both;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #9E1944;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 1.2em;	
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #9E1944;
	margin: 5px 0 10px 0;
	text-align: center;
	font-size: 1.2em;
	padding: 0px 0px 2px 0px;
	text-decoration: underline;	
}

h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #9E1944;
	text-align: center;
	background-color: #D0C8B3;
	font-size: 1.48em;
	margin-top: 0px;
	margin-bottom: 10px;
}

h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #9E1944;
	text-align: center;
	background-color: #D0C8B3;
	font-size: 1.6em;
	margin-top: 0px;
	margin-bottom: 10px;
}

a.lienancre:hover {
	color: #743F47;
}

form {
	margin: 0px;
	padding: 0px;
}

a {
	font-weight: bold;
	color: #9E1944;
	text-decoration: none;
}

a:hover {
	color: #015287;
}

body {
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #DDD9C8;
}

img {
	display: block;
	border: 0;
}

#contenu img {
	float: right;
	border: 0;
}

#details {
	overflow: auto;
	background-color: #FFFFFF;
	border: 1px solid #C1B078;
	margin: 10px 0 10px 0;
	height: auto;
	padding: 5px;
	width: 100%;
}

.detaillien {
	margin: 30px 0px 50px 10px;
	height: auto;
	text-align: left;
	width: 400px;
}

.detaillink {
	float: right;
}

#detailshistorique {
	overflow: auto;
	background-color: #FFFFFF;
	border: 1px solid #C1B078;
	margin-bottom: 10px;
	height: auto;
	text-align: center;
	padding: 5px;
}

#detailshistorique p {
	text-align: left;
	padding: 0 5px 0 5px;
}

#detailshistorique ul {
	list-style-type: none;
	padding: 0 0 0 10px;
	margin: 15px 0 0 10px;
	text-align: left;
}

#detailshistorique li {
	padding-left: 15px;
}

.historiqueseparation {
	width: 250;
	border-bottom: 1px dotted #C1B078;
	margin: 10 auto 10 auto;
}

#detailsgauche {
	background:transparent url(image/interface/france.jpg);
	overflow: auto;
	background-color: #FFFFFF;
	border: 1px solid #C1B078;
	margin-bottom: 10px;
	width: 48%;
	float: left;
	padding: 5px;
	height: 190px;
}

#detailsdroite {
	background:transparent url(image/interface/histo.jpg);
	overflow: auto;
	background-color: #FFFFFF;
	border: 1px solid #C1B078;
	margin-bottom: 10px;
	width: 48%;
	float: right;
	padding: 5px;
	height: 190px;
}

#detailsgauche img {
	border: 1px solid #C1B078;
	margin: 5px;	
}

#detailsdroite img {
	border: 1px solid #C1B078;
	margin: 5px;
}

#details img {
	border: 1px solid #C1B078;
	margin: 0px 5px 5px 5px;	
}

#details img.detailimg {
	border: 1px solid #C1B078;
	margin: 25px 15px 25px auto;	
}

#details b {
	color: #9E1944;
}

#details ul {
	list-style-type: none;
	padding-left: 0px;
}

#details li {
	margin-left: 10px;
	margin-top: 2px;
}

.textdetails {
/*	width: 325px;   */
	margin: 5 0 10px 0;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 15px;
	padding-bottom: 15px;
	height: auto;
	text-align: left;
}

.detailint {
	width: 320px;
	margin-top: 25px;
	height: auto;
	text-align: center;
	padding-bottom: 15px;
}

#tableaulisting {
	border: 1px solid #C1B078;
	width: 750px;
	font-size: 11px;
}

#tableaulisting td {
	padding: 2px;
	text-align: center;
}

#tableaulisting td.leftcol {
	padding: 2px;
	text-align: left;
}

#tableaulisting3col {
	border: 1px solid #C1B078;
	width: 550px;
	font-size: 11px;
}

#tableaulisting3col td {
	padding: 2px;
	text-align: center;
}

.titretableaulisting {
	height: 25px;
	font-weight: bold;
	color: #9E1944;
	background-color: #d0c8b3;
}
#header {
	background:transparent url(image/interface/header.jpg) repeat-y scroll left top;
	height:154px;
	margin:0pt auto;
	position:relative;
	width:1006px;
	z-index:0;
}
#headerudsf {
        background:transparent url(image/interface/headerudsf.jpg) repeat-y scroll left top;
        height:154px;
        margin:0pt auto;
        position:relative;
        width:1006px;
        z-index:0;
}

#headeracc {
        background:transparent url(image/interface/header.jpg) repeat-y scroll left top;
        height:154px;
        margin:0pt auto;
        position:relative;
        width:1006px;
        z-index:0;
}						

#headercal {
        background:transparent url(image/interface/headercal.jpg) repeat-y scroll left top;
        height:142px;
        margin:0pt auto;
        position:relative;
        width:1040px;
        z-index:0;
}

#footer {
	color: #E8E0D3;
	height:148px;
	margin:0pt auto;
	position:relative;
	width:1006px;
	z-index:100;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(image/interface/footer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#footer a {
	color: #FFFFFF;
	font-weight: bold;
}

#tirebouchon {
	height:139px;
	float: right;
	margin-right: -62px;
	margin-top: -86px;
	position:relative;
	width:66px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(image/interface/background-tirebouchon.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#menufooter {
	height:20px;
	margin:0pt auto;
	width:994px;
	background-image: url(image/interface/background-menu-footer.jpg);
	background-position: left top;
	line-height: 20px;
	text-align: right;
	font-weight: bold;
	color: #FFFFFF;
}

.textmenufooter {
	margin-right: 15px;
}

.textmenufooter a {
	color: #FFFFFF;
}

.textmenufooter a:hover {
	color: #9E1944;
}

#corps {
	margin: auto;
	text-align: center;
	width: 1006px;
	height: auto;
	background:transparent url(image/interface/background.jpg) repeat-y scroll left top;	
}

#corps #general {
	text-align:left;
	width: 565px;
	float: left;
	margin:20px 0 0 15px;
}

#generalAccueil {
	text-align:left;
	width: 565px;
	float: left;
	margin:-29px 0 0 15px;
}

#contenu {
	margin:0pt 0pt 0pt 5px;
	padding:0px 0px 10pt 10px;
	min-height: 350px;	
}

.paragraphe {
	background-color: #FFFFFF;
	border: 1px solid #C1B078;
	padding: 10px;
}

.titrecentre {
	text-align: center;
}

#general-current {
	text-align:left;
	width: 780px;
	float: left;
	margin-top: 20px;
}

#contenubasgauche {
	text-align:left;
	width: 280px;
	float: left;
	height: 285px;
	background-image: url(image/interface/separation-contenu-vignette.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	padding: 0 5 0 0;
}

#contenubasgauche h3, #contenubasdroit h3 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #9E1944;
        text-align: center;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 5px 0px;
/*      border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #9E1944;*/
        font-size: 1.4em;
}

#contenubasdroit {
	text-align:left;
	width: 280px;
	float: right;
	height: 280px;	
}


#contenubasgauche ul{
	list-style-type: none;
	margin: 0 0 0 5px;
	padding: 0 0 0 5px;
}

#contenubasdroit ul{
	list-style-type: none;	
	margin: 0 0 0 5px;
	padding: 0 0 0 5px;
}

#contenubasgauche li{
	margin-bottom: 5px;	
}

#contenubasdroit li{
	margin-bottom: 5px;
}


#corps #rightbar {
	text-align: center;
	height: 580px;
	width: 170px;
	float: right;
	margin-top: 50px;
	margin-right: 10px;
}

#rightbarAccueil {
	text-align: center;
	height: 580px;
	width: 170px;
	float: right;
	margin-right: 10px;
}

#leftbar {
	height: 580px;
	width: 200px;
	float: left;
	margin-top: 50px;
	background-image: url(image/interface/separation-left.jpg);
	background-repeat: repeat-y;
	background-position: right top;
}


#partner-footer {
	height:59px;
	margin:15px auto 0pt;
	position:relative;
	width:994px;
	z-index:0;
	overflow: hidden;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(image/interface/background-partner.jpg);
	background-position: left top;
}

#rightbar img {
	margin-left: auto;
	margin-right: auto;
}

#menu_gauche {
	background:transparent url(image/interface/background.gif) repeat-y scroll left top;
	background-color: #D6C79C;
	width: 1006px;
	position: relative;
	margin:0pt auto;
}

#menu_top {
	background:transparent url(image/interface/background-menu.jpg) repeat-x;
	width: 994px;
	height: 30px;
/*	margin-top: 5px;*/
	position: relative;
	margin:0pt auto;
	text-align: left;
}

#menu_top a {
	color: #FFFFFF;
	text-decoration: none;
}

#menu_top a:hover {
	color: #9E1944;
}


.search {
	margin-left: 15px;
	margin-top: 3px;
	height: 22px;
	padding-left: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(image/interface/separation-menu.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 300px;
	float: left;
}

.membre {
	height: 29px;
	line-height: 25px;
	margin-right: 15px;
	padding-right: 15px;
	font-weight: bold;
	color: #FFFFFF;
	width: 150px;
	float: right;
	text-align: right
}

div#login {
	background-color: #ddd9c8;
	margin: 20% 40%; 
	text-align: left;
}




input {
	border: 1px solid #014069;
}

input.boutonrecherche {
	height: 21px;
}

.text2 {
	margin-top: 2px;
	_margin-top: 0px;
	border: 0px;
}

#clearombre {
	clear:both;
	font-size:1px;
	height:14px;
	margin:0pt auto;
	width:1003px;
}

/* Vignettes */


#titrevignette {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

#titrevignette a {
	color: #FFFFFF;
	text-align: center;
}

#titrevignette a:hover {
	color: #9E1944;
	text-align: center;
}

#cadre-calendrier {
	width: 164px;
	height: 239px;
	background-image: url(image/interface/background-calendrier.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	margin-left: auto;
	margin-right: auto;
	padding: 2px 1px 5px 1px;
	overflow: scroll;
}

#cadre-calendrier p {
	text-align: center;
	margin: 2 0 5 5;
}

#cadre-emploi {
	width: 164px;
	height: 205px;
	background-image: url(image/interface/background-emploi.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	padding-top: 5px;
	_padding-top: 10px; 
}


a.deposer-offre {
	width: 106px;
	height: 111px;
	background-image: url(image/interface/deposer-offre.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: -44px;
	margin-left: -33px;
	display: block;
	position: relative;
	float: left;
	z-index: 200;
	cursor: hand;	
}

a:hover.deposer-offre {
	width: 106px;
	height: 111px;
	background-image: url(image/interface/deposer-offre.jpg);
	background-repeat: no-repeat;
	background-position: 0px -111px;
	display: block;
	margin-top: -44px;
	margin-left: -33px;
	position: relative;
	float: left;
	z-index: 200;
	cursor: hand;
}

#calendrierannuel {
	width: 100%;
	border:0px;
	font-size: 11px;
}

#calendrierannuelinner {
        width: 100%;
        border:0px;
        font-size: 11px;
}

#calendrierannuel td {
	width: 33%;
	border: 1px solid #C1B078;
	background-color: white;
	vertical-align: top;
}

#calendrierannuelinner td{
        width: 100%;
        border:0px;
        font-size: 11px;
}



#calendrierannuel p {
   margin-top: 0px;
}


#calendriermois { /* taille du cadre, à titre d'exemple */
	width: 760px;
	background-color: #FFFFFF;
	font-size: 11px;
	margin-bottom: 25px;
	border: 1px solid #C1B078;
}

#calendriermois tr.titre{
	font-size: 14px;
	font-weight: bold;
	color: #605633
}

#calendriermois img {
	float: none;
	margin-left: auto;
	margin-right: auto;
}

#calendintmois {
	font-size: 11px;
	background-color: #FFFFFF;
	padding: 10px;
}

#calendintmois p {
	padding-left: 15px;
}

#calend_puce1 {
	background-image: url(image/interface/bulle_calendrier1.png); 
	background-repeat: no-repeat;
	font-weight: bold;
	width: 77px;
	height: 22px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1px;
}

#calend_puce2 {
	background-image: url(image/interface/bulle_calendrier2.png);
   	background-repeat: no-repeat;
    	font-weight: bold;
    	width: 137px;
    	height: 22px;
	margin-top: 5px;
        margin-left: auto;
        margin-right: auto;
	padding-top: 1px;
}

#calend_puce1 a, #calend_puce2 a {
	color: #fff;
}


.titrecalendrier {
	background-color: #9E1944;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}


table.Journal { /* taille du cadre, à titre d'exemple */
	width: 520px;
	background-color: #D0C8B3;
	font-size: 11px;
	margin-bottom: 25px;
	float: left;
}

.tableaufleche {
	padding: 0px 5px 0px 5px;
	background-color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	width: 755px;
	border: 1px solid #C1B078;	
	margin-left: 5px;
}
/* propriétés communes à l'ensemble des 4 coins */

td.hautgauche, td.hautdroit, td.basgauche, td.basdroit, td.haut, td.bas, td.gauche, td.droit {
	height: 14px; width: 14px;
	background-repeat: no-repeat;
	font-size:1px; /* correction d'un bug IE */
}

hr.separation {
	clear: both;
	color: ;
	background-color: ;
	height: 0px;
	border: 0;	
}

#postit {
	margin-left: 45px;
	border: 1px solid #605633;
	width: 200px;
	float: left;
}

#postit img {
	float: none;
}


.champsrecherche {
	padding: 10px;
	background-color: #015287;
	height: 25px;
	text-align: center; /* correction IE */
	margin: 0px auto 10px auto;
	z-index:1;
	font-weight: bold;
	color: #FFFFFF;
	border-right: 1px solid #9E1944;
	border-bottom: 1px solid #9E1944;
	border-left: 1px solid #9E1944;
}

#articlefaq {
	margin: 5px 0 10px 0px;
	padding: 5px;
	background-color: #FFFFFF;
	border: 1px solid #D0C8B3;
}

#article {
	margin: 5px 0 10px 0px;
	padding: 5px;
	background-color: #FFFFFF;
	border: 1px solid #D0C8B3;
	overflow: auto;
	width: 755px;
}

#article img {
	border: 1px solid #C1B078;
	float: right;
	margin-top: 10px;
	margin-left: 10px;
/*	width: 250px;
	height: 150px;	*/
}

#articleregion {
	margin-bottom: 15px;
	padding: 5px;
	background-color: #FFFFFF;
	border: 1px solid #C1B078;
	overflow: auto;
}

#articleregion img {
	border: 1px solid #C1B078;
	float: right;
	margin-top: 10px;
	margin-left: 10px;
}

#article hr {
	clear: both;
	color: #FFFFFF;
	background-color: #FFFFFF;
	height: 1px;
	border: 0;	
}

#article a:hover { color: #015287; }

.titrearticle {
	padding: 5px 0px 5px 5px; /* haut droite bas gauche */
	margin-top: 0px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #9E1944;
	font-size: 12px;
	background-color: #D0C8B3;
	text-indent: 0px;
}

.titrefaq {
	padding: 5px 0px 5px 5px; /* haut droite bas gauche */
	margin-top: 0px;
	margin-bottom: 5px;
	color: #000000;
	font-size: 12px;
	background-color: #D0C8B3;
	text-indent: 0px;
}

.titrefaqlist {
	margin-top: 0px;
	margin-bottom: 5px;
	color: #000000;
	font-size: 11px;
	text-indent: 0px;
}

.datearticle {
	font-size: 9px;
	float: right;
}

.typearticle {
	font-size: 9px;
}


#fiche {
	margin: 5px 0 10px 0px;
	padding: 5px;
	background-color: #FFFFFF;
	border: 1px solid #D0C8B3;
	height: auto;
	width: 755px;
}

#fiche img {
	border: 1px solid #C1B078;
	float: right;
	margin-top: 10px;
	margin-left: 10px;
}

.datefiche {
	float: right;
}

/*#corps ul {
	list-style-type: none;
}

#corps li {
	background-position: left top;
}*/

.ligne1 { background-color : #EFECE4; }
.ligne0 { background-color : #FFFFFF; }


/* Menu déroulant */

#menuinline  ul {
	margin: 0;
	padding: 0;
}

#menuinline li {
	display: inline;
	margin-right: 10px;
	height: 19px;
	background-position: left top;
	line-height: 19px;	
}
	
#menuinline {
	top: 0;
	left: 0;
	width: 100%; 
	bottom: 15px;
	color: #FFFFFF;
	text-align: center;
	margin-bottom: 15px;
	height: auto;
	background-color: #015287;
}

#menuinline li a {
	color: #FFFFFF;
	text-decoration: none;
	display: inline;
	border: 0 none;
}

#menuinline li a:hover, #menu li a:focus {
	color: #9E1944;
}

#techniques {
	padding:10px;
	background-color: #FFFFFF;
	border: 1px solid #C1B078;
	margin-bottom: 25px;
	text-align: justify;
}

.soustitre {
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

/* Calendrier */

#calend_global {
	background: white;
	margin: 5 5 5 0;
	/*  width: 100%; */
    height: auto;
	border: 1px solid;
	border-color: #C1B078;
	min-height: 200px;
	_height: 250px;
}

#calend_titre, th {
	background: #9E1944;
	font: bold;
	color: white;
	height: 25px;
	line-height: 25px;
}

#calend_titre a{
	color: white;
}

/* Texte défilant */
#conteneur_defil { 
	border:1px solid #CCCCCC;
	width:600px; 
	margin:0 auto;
	overflow:hidden;
	line-height:normal;
}
#cadre_defil {
	position:relative; 
	width:600px; 
	height:17px; 
	overflow:hidden;
	}
#cadre_defil img{
	vertical-align: middle;
	border:0;
}
#defile { 
	position:absolute;
	width:826px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}
#defile .liens {
	text-decoration:underline;
	color:#000000;
}

#menuVertical {
	text-align: left;
	margin: 0 0 0 15px;
	padding: 0;
}

#menuVertical li {
	display: block;
	height: 22px;
	line-height: 22px;
	text-indent: 28px;
	padding-left: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	list-style: none;
}

#menuHor {
	text-align: center;
	width: 182px;
}

#menuVertical a {
	color: #877C4F;
	font-weight: bold;
	text-decoration: none;
	display: block;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(image/interface/vignes.png);
	height: 22px;

}

#menuVertical a:hover {
	color: #9E1944;
	display: block;
	background-repeat: no-repeat;
	background-image: url(image/interface/vignes.png);
	height: 22px;
	background-position: 0 -22px;	
}

#titreMenu {
	background-image: url(image/interface/entetemenu.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	height: 24px;
	width: 184px;
	line-height: 24px;
}

/* =-=-=-=-=-=-=-[Menu One]-=-=-=-=-=-=-=- */

/*#leftbar li a {
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 36px;
	line-height: 36px;
	text-decoration: none;
	}	
	
#leftbar li a:link, #leftbar li a:visited {
	color: #FFFFFF;
	display: block;
	background: url(image/interface/menu/bouton.jpg);
	}
	
#leftbar li a:hover {
	color: #9E1944;
	background: url(image/interface/menu/bouton.jpg) 0 -36px;
	}
	
#leftbar li a:active {
	color: #9E1944;
	background: url(image/interface/menu/bouton.jpg) 0 -72px;
	}

#leftbar ul {
	list-style: none;
	margin: 0 0 0 11px;
	padding: 0;
	width: 184px;
	text-align: center;
}*/
	
	
	
	
	
/* FORMULAIRE */

#full {
	position: relative;
	width: 100%;
	margin: 20px auto 25px auto;
	text-align: left;
}

/* formz */

fieldset {
	margin-bottom: 1em;
	border: 0;
	width: auto;
	margin: 0.5em;
	background-color:#FFFFFF;
	border: 1px solid #D0C8B3;
	padding: 5px;
}

fieldset p {
	padding: 0 0 0.75em 0.5em !important;
	padding: 0 0 0.35em 0.5em;
	clear: both;

}

legend {
	margin: 0 0 0.5em 0;
	padding: 0.3em;
	font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;
	color: #FFD100;
	background-color:#97AF12 !important;
	background-color: none;
}

label.text {
	display: block;
	float: left;
	width: 40%;
	text-align: left; 
	margin: 0 1em 0 0;
	padding: 0.1em;
	color: #9E1944;
	border-bottom: 1px solid #D0C8B3;
}

label.text2 {
	display: block;
	float: left;
	width: 40%;
	text-align: left; 
	margin: 0 1em 0 0;
	padding: 0.1em;
}


.radioCheck {
	margin: 0 1em 0 0.25em;	
}

input.text {
	width: 250px;
	background-color: #D0C8B3;
	border: 0;
	margin: 0 0.25em 5px 0;	
}

textarea { 
	width: 250px;
	background-color: #D0C8B3;
	border: 0;
	margin-right: 0.25em;
	height:150px;
}

.envoy {
	margin: 1em 0;
	text-align: left;
}

.envoy label {
	border: 0;	
}

span.note {
	font-size: 0.78em;
	margin-left: 10px;
}

span.warning {
	font-weight: bold;
	font-size: 1.3em;
	color: #FF0000;
}	

p.warning {
	font-weight: bold;
	font-size: 0.9em;
	color: #FF0000;
}	

#full img {
	float: left;
	margin-bottom: 10px;
}

select {
	font-size: 10px;
}

.vignette {
  background-color: #FFFFFF;
  border: 1px solid #D0C8B3;
  margin: 2px 10px 2px 2px;
  float: left;
  width: 360px;
}

.spacer {
  clear: both;
}

.lectureliste {
	list-style-image: url(image/icons/article.gif);
}

.lecturepdf {
	list-style-image: url(image/icons/pdf.gif);
}

.puceadresse {
	list-style-image: url(image/icons/adresse.gif);
}

.pucemail {
	list-style-image: url(image/icons/email.gif);
}

.sommelierbas {
	display: block;
	background-image: url(image/interface/sommelier_accueil.jpg);
	background-repeat: no-repeat;
	width: 260px;
	height: 69px;
	margin-left: -17px;
	float: left;
	background-position: left top;
}

#leftbarAccueil {
	height: 580px;
	width: 200px;
	float: left;
	background-image: url(image/interface/separation-left.jpg);
	background-repeat: repeat-y;
	background-position: right top;
}

.menu {
   	margin-bottom: 50px; 
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	position:relative;
	z-index:500;
	padding:0;
	margin:0;
	list-style-type:none;
	width:184px;
	margin: 0 0 0 8px;
}
/* style the list items */
.menu li {
	height:36px;
	/* for IE7 */
	float:left;
	color: #fff;
	background-color: #015287;
	margin-top: 2px;
}
.menu li.sub {
} 
.menu li.sub2 {
	margin-top: 0;
	font-size: 90%;
}


/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu a, .menu a:visited {
	display:block; 
	text-decoration:none;
	height:35px;
	line-height:35px;
	width:184px;
	color:#FFF;
	text-indent:5px;
	border:1px solid #fff;
	border-width:0 1px 1px 1px;	
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {width:184px; w\idth:184px;}
/* style the link hover */
* html .menu a:hover {color:#C1B078; background:#9E1944; position:relative;}

.menu li:hover {position:relative;}

/* For accessibility of the top level menu when tabbing */
.menu a:active, .menu a:focus {color:#C1B078; background:#9E1944;}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
.menu li:hover > a {color:#C1B078; background:#9E1944;}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu li ul {
	visibility:hidden;
	position:absolute;
	top:-30px;
	/* set up the overlap (minus the overrun) */
	left:145px;
	/* set up the overrun area */
	padding:30px;
	/* this is for IE to make it interpret the overrrun padding */
	background:transparent url(transparent.gif);
}

/* for browsers that understand this is all you need for the flyouts */
.menu li:hover > ul {visibility:visible;}


/* for IE5.5 and IE6 you need to style each level hover */

/* keep the third level+ hidden when you hover on first level link */
.menu ul a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
.menu ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
.menu ul a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}

/* make the second level visible when hover on first level link */
.menu ul a:hover ul {
visibility:visible;
}
/* make the third level visible when you hover over second level link */
.menu ul a:hover ul a:hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level link */
.menu ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}