.bordure {
	border: 1px solid #990000;
}
A.vertical {
	DISPLAY: block;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	padding: 8px 0px 0px 3px;
	width: auto;
	height: 28px;
	background-color: #CC0000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #990000;
	border-left-color: #990000;
	border-bottom-width: 1px;
	border-left-width: 1px;
}
A.vertical:hover {
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #FF0200;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #990000;
	border-right-color: #990000;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.titre {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-attachment: fixed;
	background-image: url(../img/fond_titre.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #FFFFFF;
	font-style: italic;
}
.important {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FF9900;
}
body {
     margin: 0; /* pour éviter les marges */
     text-align: center; /* pour corriger le bug de centrage IE */
     }

}
/*integration------------------------------------------------------------------------------------*/
	
div#integration {
	margin:0 0;
	font:Georgia, "Times New Roman", Times, serif 12px #fff;
	width:740px;
	text-align:left;
	}

div#tab {
	width:650px;
	background: url(../img/tab_centre.gif) repeat-y left top;
	font-family:"Trebuchet MS";
	font-size:12px;
	color:#707D94;
	margin-top:15px;
	}
div#scroll {
	width:660px;
	height:300px;
	overflow:auto;
	color:#707D94;
	}
div#gauche_menu {
	float:left;
	width: 190px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#FFFFFF;
}
div#contenu_menu {
	float:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#FFFFFF;
	width: 470px;
	margin-top:30px;
	margin-bottom: 30px;
	margin-left:6px;
	margin-right:6px;
	padding:10px;
	border:1px solid #fff;
	background-image:url(../img/fond.jpg);
}
div#restaurant {
	margin: 40  100;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#FFFFFF;
	width: 540px;
	text-align:center;
	padding:10px;
	border:1px solid #fff;
	background-image:url(../img/fond.jpg);
}
div#formulaire {
	float:left;
	width: 200px;
	margin-top:60px;
}
div#plan {
	float:right;
	width:360px;
	margin-top:60px;
	margin-left:10px;
	margin-right:10px;
}

/*titre h1 avec image------------------------------------------------------------------------------------------*/	

/*texte------------------------------------------------------------------------------------------*/
p {
	padding:0 20px 0 20px;
	color: #FFFFFF;
	}
	

div#integration h1 span{
	display:none;
}

div#integration h2 {
	color:#3C63BE;
	font-size:1.2em;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	line-height:25px;
	padding-left:6px;
	width:400px;
	height:auto;
	margin-left:20px;
	margin-top:40px;

}
div#tab p,ul{
	padding-left:90px;
}

div#integration p.presentation {
	float:right;
	width:290px;
	padding-top:40px;
	}
	
div#integration p.resto1 {
	float:left;
	width:290px;
	padding-top:40px;
	margin-left:60px;
	}
div#integration p.resto2 {
	float:left;
	width:290px;
	padding-top:40px;
	}
	
div#integration p.p1 {
	background: url(../img/tab_haut.gif) no-repeat left top;
	display:block;
	height:60px;
	padding-top:4px;
	

}


div#integration p.p2 {
	text-align:center;
	font-weight:bold;
	color:#4066B9;
	background: url(../img/tab_bas.gif) no-repeat  left bottom;
	height:100%;
	padding-bottom:4px;
	
	}
div#integration p.p2 span { /*car ie gere mal le fait que la hauteur du p.p2 soit de 100%*/
	height:34px;
	display:block;
}
	
div#integration p.p3 {
	margin-left:45px;
	font-style:italic;
	color:#FEED00;
	}
	
div#integration p.specialiste a {
	margin-left:100px;
	display:block;
	width:500px;
	border:1px solid #999;
	font-style:italic;
	background-color:#99CCCC;
	color:#fff;
	text-align:center;
	}

div#integration p.specialiste a:hover {
	background-color:#fff;
	color:#99CCCC;
	text-decoration:none;

	}
	
div#integration strong {
	font-weight:bold;
	color:#FFFFFF;
	}
	
div#integration a {
	color:#990000;
	text-decoration:underline;
	font-weight:bold;
	}
div#integration a:hover {
	text-decoration:underline overline;
	color:#CCCCCC;
	}
div#integration form p{
	font-family:"Trebuchet MS";
	font-size:12px;
	color:#707D94;
}
#gauche_menu ul {
	margin-left:-30px;
}
#gauche_menu li {
	width: 180px;
	color: #fff;
	text-align:left;
	list-style-image: url(../img/table_nappe.gif);
}

#gauche_menu li a{
	color:#FFFFFF;
}
#gauche_menu li a:hover{
	color:#CCCC66;
}

div#contenu_menu ul {
	list-style:none;
	text-align:center;
	margin-left: -80px;
}
div#contenu_menu div {
	margin: 0 0 0 20px;
	width:426px;
	
} 
div#contenu_menu li {
	margin-bottom: 16px;
	
}
.centrer {
	text-align:center;
	}
/*footer------------------------------------------------------------------------------------------*/
div#footer {
	width:400px;
	margin-left:150px;
	margin-top:50px;
	border:1px dashed #fff;
	display:block;
	text-align:center;
	}

.formulaire_bas {
	clear:both;
	text-align:center;
	font-variant:small-caps;
	border: 1px solid #fff;
}
/*images------------------------------------------------------------------------------------------*/
#cadre {
	background-image:url(../img/cadre.jpg);
	width:444px;
	height:266;
	border:none;
}

.bordure {
	border: 1px dotted #000;
}

/*plan bouton---------------------------------------------------------------------------*/
a.plan { display: block; width: 100px; height: 30px; background-image:url(../img/bouton_plan2.jpg); background-repeat:no-repeat;  }
a.plan:hover { visibility: visible }
a.plan:hover img { visibility: hidden }
.plan img {
border:none;
}

/*anim------------------------------------------------------------------------------------------*/
#anim_1 {
	float:right;
	width:360px;
	height:241px;
	border:1px groove #fff;
}
#anim_2 {
	float:left;
	width:300px;
	height:200px;
	
}
#anim_3 {
	float:left;
	width:300px;
	height:200px;
	margin-left:60px;

	
	
}
#anim_4 {
	float:right;
	width:400px;
	height:200px;

}
div#lien a{
 color:#330000;
}