form {
margin-top : -480px;}
body {
background-color : white;
font-style : arial;}

#result {
margin-left : 80px;}
#panneau {
color : #001a4b;
margin-top : 230px;}

#panneau a {
text-decoration : none;
color : #001a4b;}

#panneau a:hover {
text-decoration : none;
color : #001a4b;}

.container {
width : 1024px;
min-height : 700px;
background-color : white;
/*position : relative;*/
text-align: left;
/*margin: 0px auto ;*/}

#logo {
background-image : url("site/nouveau2/logo.jpg");
float : left;
width : 342px;
height :350px;}

#resultat{
background-image : url("site/nouveau2/result.jpg");
float : left;
width : 390px;
height :42px;
margin-top : 0px;}

.titre {
border-bottom : 3px solid black;
font-variant: small-caps;
font-size : 20px;}

#hautmenu {
background-image : url("site/haut.jpg");
width : 682px;
height : 62px;
float : left;}

#menu1 {
background-image : url("site/menu1.jpg");
width : 86px;
height : 36px;
float : left;
}

img{
border : 0px;
}

#menu2 {
background-image : url("site/menu2.jpg");
width : 119px;
height : 36px;
float : left;
}

#menu3 {
background-image : url("site/menu3.jpg");
width : 140px;
height : 36px;
float : left;
}

#menu4 {
background-image : url("site/menu4.jpg");
width : 130px;
height : 36px;
float : left;
}

#menu5 {
background-image : url("site/menu5.jpg");
width : 85px;
height : 36px;
float : left;
}

#menudroit {
background-image : url("site/menudroit.jpg");
width : 122px;
height : 36px;
float : left;
}

#bande {
background-image : url("site/nouveau2/bande.jpg");
width : 48px;
height : 131px;
float : left;
margin-top : 121px;
}

#basmenu {
background-image : url("site/nouveau2/basmenu.jpg");
width : 682px;
height : 121px;
float : right;
margin-top : -252px;
}

#fond {
background-image : url("site/nouveau2/fond.jpg");
width : 609px;
height : 549px;
float : right ;
margin-top : -131px;
}

#droit {
background-image : url("site/droit.jpg");
width : 25px;
height : 549px;
float : right;
margin-top : -131px;
}

#ar {
color : white;
font-family : century gothic, arial;
margin-left : 90px;
padding-top : -5px;
}

#c {
color : white;
font-family : century gothic, arial;
margin-left : 90px;}

#basgauche {
background-image : url("site/basgauche.jpg");
width : 342px;
height : 259px;
margin-top : -259px;
float : left;
}

#ar a {
color : white;}
#c a {
color : white;}

#ar a:hover{
color : white;
font-weight : bold;}
#c a:hover {
color : white;
font-weight : bold;}

a{
text-decoration : none;
color : black;
}

a:hover {
font-weight : bold;}

#hautreserve {
background-image : url("site/nouveau2/hautreserve.jpg");
width : 390px;
height : 25px;
float : left;
margin-left : 0px;
position : relative;
}

.scroll
{
overflow-y:scroll;
height: 520px;
width: 610px;
font-style : verdana, arial, times new roman;}

#scrollbar
{
overflow : auto; 
height: 520px;
width: 549px;
font-style : verdana, arial, times new roman;}	

#reserve{
background-image : url("site/nouveau2/reserve.jpg");
width : 390px;
height : 22px;
float : left;
}

#basreserve{
background-image : url("site/nouveau2/basreserve.jpg");
width : 390px;
height : 23px;
float : left;
}

#contact {
background-image : url("site/nouveau2/contact.jpg");
width : 390px;
height : 20px;
float : left;
}

#bascontact {
background-image : url("site/nouveau2/bascontact.jpg");
width : 390px;
height : 286px;
float : left;
}

/****************************************menu déroulant 1*************************************/

#menuDeroulant
{ 
 list-style-type: none;
 margin-top : -10px;
}

#menuDeroulant li
{
 float: left;
}
	
		
#menuDeroulant .sousMenu
{
 font-size : 14px;
 display: none;
 list-style-type: none; 
 position:absolute;
 padding-top : 37px;
 margin-left : -40px;
}		
#menuDeroulant .sousMenu li
{
float: none;
text-align : center;
border: 1px solid #0c8de8;
background-color : #364277;
color : white;
font-family : century gothic, arial;}

#menuDeroulant .sousMenu li a
{
padding-top : 5px;
padding-bottom : 5px;
float: none;
width: 77px;
text-align : center;
border: 1px solid #0c8de8;
background-color : #364277;
color : white;
font-family : century gothic, arial;
padding-left : 3px;
padding-right : 3px;
}

#menuDeroulant li:hover > .sousMenu { display: block; }		


#menuDeroulant li a:link, #menuDeroulant li a:visited
{
 display: block;
 height: 1%;
 margin: 0px;
 text-decoration: none;
}
#menuDeroulant li a:hover { }
#menuDeroulant li a:active { }

#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
 display: block;
 margin: 0;
 border: 0;
 text-decoration: none;
}

#menuDeroulant .sousMenu li a:hover
{
 background-image: none;
 background-color: #0c8de8;
   border : 1px solid #364277;
}

/****************************************menu déroulant 2*************************************/

#menuDeroulant .sousMenu2
{
 display: none;
 list-style-type: none; 
 position:absolute;
 padding-top : 37px;
 margin-left : -37px;
 font-size : 14px;
}		

#menuDeroulant .sousMenu2 li
{
float: none;
text-align : center;
border: 1px solid #0c8de8;
background-color : #364277;
font-family : century gothic, arial;}

#menuDeroulant .sousMenu2 li a
{
 float: none;
 width: 107px;
 margin-left : 0px;
 text-align : center;
   border: 1px solid #0c8de8;
   background-color : #364277;
   color : white;
   font-family : century gothic, arial;
   padding-left : 3px;
   padding-right : 3px;
   padding-top : 5px;
padding-bottom : 5px;
}

#menuDeroulant li:hover > .sousMenu2 { display: block; }		


#menuDeroulant .sousMenu2 li a:link,
#menuDeroulant .sousMenu2 li a:visited
{
 display: block;
 margin: 0;
 border: 0;
 text-decoration: none;
}

#menuDeroulant .sousMenu2 li a:hover
{
 background-image: none;
  background-color: #0c8de8;
  border : 1px solid #364277;
}

/****************************************menu déroulant 3*************************************/

#menuDeroulant .sousMenu3
{
 display: none;
 list-style-type: none; 
 position:absolute;
 padding-top : 37px;
 margin-left : -38px;
 font-size : 14px;
}		
#menuDeroulant .sousMenu3 li
{
float: none;
text-align : center;
border: 1px solid #0c8de8;
background-color : #364277;
font-family : century gothic, arial;}

#menuDeroulant .sousMenu3 li a
{
 float: none;
 width: 128px;
 margin-left : 0px;
 text-align : center;
   border: 1px solid #0c8de8;
   background-color : #364277;
   color : white;
   font-family : century gothic, arial;
   padding-left : 3px;
   padding-right : 3px;
   padding-top : 5px;
padding-bottom : 5px;
}

#menuDeroulant li:hover > .sousMenu3 { display: block; }		


#menuDeroulant .sousMenu3 li a:link,
#menuDeroulant .sousMenu3 li a:visited
{
 display: block;
 margin: 0;
 border: 0;
 text-decoration: none;
}

#menuDeroulant .sousMenu3 li a:hover
{
 background-image: none;
  background-color: #0c8de8;
   border : 1px solid #364277;
}

/****************************************menu déroulant 4*************************************/

#menuDeroulant .sousMenu4
{
 display: none;
 list-style-type: none; 
 position:absolute;
 padding-top : 37px;
 margin-left : -38px;
 font-size : 14px;
}		

#menuDeroulant .sousMenu4 li
{
float: none;
text-align : center;
border: 1px solid #0c8de8;
background-color : #364277;
font-family : century gothic, arial;}

#menuDeroulant .sousMenu4 li a
{
 float: none;
 width: 120px;
 margin-left : 0px;
 text-align : center;
   border: 1px solid #0c8de8;
   background-color : #364277;
   color : white;
   font-family : century gothic, arial;
   padding-left : 3px;
   padding-right : 3px;
   padding-top : 5px;
padding-bottom : 5px;
}

#menuDeroulant li:hover > .sousMenu4 { display: block; }		


#menuDeroulant .sousMenu4 li a:link,
#menuDeroulant .sousMenu4 li a:visited
{
 display: block;
 margin: 0;
 border: 0;
 text-decoration: none;
}

#menuDeroulant .sousMenu4 li a:hover
{
 background-image: none;
  background-color: #0c8de8;
   border : 1px solid #364277;
}

/****************************************menu déroulant 5*************************************/

#menuDeroulant .sousMenu5
{
 display: none;
 list-style-type: none; 
 position:absolute;
 padding-top : 37px;
 margin-left : -38px;
 font-size : 14px;
}		
#menuDeroulant .sousMenu5 li
{
float: none;
text-align : center;
border: 1px solid #0c8de8;
background-color : #364277;
font-family : century gothic, arial;}

#menuDeroulant .sousMenu5 li a
{
 float: none;
 width: 80px;
 margin-left : 0px;
 text-align : center;
   border: 1px solid #0c8de8;
   background-color : #364277;
   color : white;
   font-family : century gothic, arial;
   padding-left : 3px;
   padding-right : 3px;
   padding-top : 5px;
padding-bottom : 5px;
}

#menuDeroulant li:hover > .sousMenu5 { display: block; }		


#menuDeroulant .sousMenu5 li a:link,
#menuDeroulant .sousMenu5 li a:visited
{
 display: block;
 margin: 0;
 border: 0;
 text-decoration: none;
}

#menuDeroulant .sousMenu5 li a:hover
{
 background-image: none;
  background-color: #0c8de8;
   border : 1px solid #364277;
}

/*******************************************************************/
.leclerc {
text-align : center;
margin-top : -680px;
margin-left : -110px;
color : black;
font-weight : bold;
font-size : 14px;}

.Brossolette {
text-align : center;
margin-top : 30px;
margin-left : 242px;
color : black;
font-weight : bold;
font-size : 14px;}

.saint {
text-align : center;
margin-top : 8px;
margin-left : 178px;
color : #002060;
font-weight : bold;
font-style : arial;
font-size : 14px;}


.ales {
text-align : center;
margin-top : 79px;
margin-left : -410px;
color : #001643;
font-weight : bold;
font-style : arial;
font-size : 18px;}

.saintchristol{
text-align : center;
margin-top : 30px;
margin-left : 70px;
color : black;
font-weight : bold;
font-size : 14px;}

.grandC{
text-align : center;
margin-top : -10px;
margin-left : -90px;
color : black;
font-weight : bold;
font-size : 14px;}

.anduze{
text-align : center;
margin-top : -300px;
margin-left : 0px;
color : black;
font-weight : bold;
font-size : 14px;}

.debussy {
text-align : center;
margin-top : 75px;
margin-left : -203px;
color : #002060;
font-weight : bold;
font-style : arial;
font-size : 14px;
}

.jeanjaures {
text-align : center;
margin-top : 5px;
margin-left : -70px;
color : #002060;
font-weight : bold;
font-style : arial;
font-size : 14px;
}

.carre {
text-align : center;
margin-top : 15px;
margin-left : -320px;
color : white;
font-weight : bold;
font-style : arial;
font-size : 14px;}

.marguerittes {
text-align : center;
margin-top : -10px;
margin-left : -20px;
color : #002060;
font-weight : bold;
font-style : arial;
font-size : 14px;}

.SaintMar{
text-align : center;
margin-top : 10px;
margin-left : -428px;
color : black;
font-weight : bold;
font-size : 14px;}

.quaiboissier {
text-align : center;
margin-top : -110px;
margin-left : -110px;
color : black;
font-weight : bold;
font-size : 14px;}

.feucheres {
text-align : center;
margin-top : 70px;
margin-left : 190px;
color : #002060;
font-weight : bold;
font-style : arial;
font-size : 14px;}

.SaintRemy {
text-align : center;
margin-top : 5px;
margin-left : -398px;
color : #002060;
font-weight : bold;
font-style : arial;
font-size : 14px;}

.arles {
text-align : center;
margin-top : -58px;
margin-left : -50px;
color : #001643;
font-weight : bold;
font-style : arial;
font-size : 14px;}

#bubulle {
position: absolute;	
border: 1px solid #002069;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 10px;
	max-width : 3000px; 
	background-color : white;
		-moz-border-radius: 1em 0 1em 0;
	-webkit-border-radius: 1em 2em 1em 2em;
	border-radius: 1em 0 1em 0;}
	
	/* styles invariables
----------------------------------------------------------------------------- */

/* le div qui fait écran sur le reste de la page */
#modalObj {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 1000;
	background: #fff; /* modifiable par option javascript */
}

/* la boîte de message */
#msgBox {
	position: absolute;
	z-index: 1001;
}


/* design par défaut (sert aussi de base aux skins)
----------------------------------------------------------------------------- */

/* le titre de la boîte de message */
.msgBox #msgTitle {
	margin:0;
	padding: .2em .6em; 
	font-size: 1.1em;
	font-weight: bold;
	background: white;
	color: #000c32;
	border-bottom: 1px solid #c2b487;
	
	-moz-border-radius: .8em 0 0 0;
	-webkit-border-radius: .8em 0 0 0;
	border-radius: .8em 0 0 0;
}

/* la boîte */
.msgBox { 
overflow-y:scroll;
	border-width: 1px;
	border-style: solid;
	width: 550px;
	height: 500px;
	padding: 0;
	background: white;
	border-color: #000c32;
	
	-moz-border-radius: 1em 0 1em 0;
	-webkit-border-radius: 1em 2em 1em 2em;
	border-radius: 1em 0 1em 0;
}

/* le div de contenu du message */
.msgBox #msgContent {
	padding: .4em .6em; 
	text-align: justify;
	color: #000c32;
}
/* le bouton de fermeture et son conteneur */
.msgBox #closeBtn { 
	text-align: right;
	margin: 0;
	padding: 0;
	padding-bottom: 1px;	
	margin-bottom : 20px;
}
.msgBox #closeBtn a {
	padding: 4px .5em;
	border: 1px solid #000c32;
	border-width: 1px 1px 1px 1px;
	margin: 0 0 .0 .6em; 
	font-weight:bold;
	text-decoration: none;
	color: #000c32;

	-moz-border-radius: 0 0 .8em 0;
	-webkit-border-radius: 0 0 .8em 0;
}
.msgBox #closeBtn a:hover {
	background: #bdcaf5;
}

/* skins
----------------------------------------------------------------------------- */
.error					{ background: white; }
#msgBox.error #msgTitle			{ background: white; color: #bdcaf5; }
#msgBox.error #msgContent		{ color: #bdcaf5; }
#msgBox.error #closeBtn a		{ color: #bdcaf5; }
#msgBox.error #closeBtn a:hover		{ color: #bdcaf5; background: white;}

.success				{ background: white;  }
#msgBox.success #msgTitle		{ background: white; color: #000c32;  }
#msgBox.success #msgContent		{ color: #000c32; }
#msgBox.success #closeBtn a		{ color: #000c32; }
#msgBox.success #closeBtn a:hover	{ color: #000c32; background: white; }


/************************************************************/

.gras {
font-weight : bold;}

.italic {
font-style : italic;
}

.white {
color : white;
}

.imagedroite {
float : right;}

.diapo 
{float : right;
margin-top : 100px;
margin-right : -150px;}

/***************/

.hauttab {
padding-left : 20px;
padding-right : 130px;}