/* Généralités */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin:0;
	padding:0;
	background-color:#CC3333;
}

#conteneur {
	position: center;
	margin-left: auto;
	margin-right: auto;
	margin-top:auto;
	margin-bottom:auto;
	width: 799px;
	height:599px;
	text-align: justify;
}

#header {
	background: url(images/titre1.gif) no-repeat 10px 10px ;
	height:120px;
	background-color:#FFF;
	margin-top:30px;
	margin-bottom:-13px;
}

#haut {
	position: left;
	background-color:#FFF;
	height:30px;
	margin:none;
	padding:none;
}

#centre {
	width:100%;
	height:380px;
	background-color:#FFF;
}

#pied {
	position: center;
	margin-left: auto;
	margin-right: auto;
	height: 40px;
	width:799px;
	text-align: center;
	color: blue;
	background-color: #CC3333;
}


/* Titres et texte */

h1 {
   font-family: Arial,Helvetica, sans-serif;
   font-size:20px;
   line-height:5px;
   font-weight:bold;
   text-indent: 0px;
   color: #CC3333;
   letter-spacing:1px;
   margin-top:20px;
   margin-bottom:20px;
   margin-right:none;
   margin-left:none;
}

/* titres carte */

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #CC3333;
  	margin-top:5px;
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

/* téléphone dans contact */
h3 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   line-height:10px;
   font-weight:none;
   color: #CC3333;
   letter-spacing: 2px;
   margin-top:5px;
   margin-bottom:30px;
   margin-left:none;
   margin-right:none;
}

/* titres carte */

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #F0F0F0;
  	margin-top:5px;
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

p {
	margin: 10px 0px 10px 0px;
	font-family: Arial,Helvetica, sans-serif;
	font-size:13px;
	color:#333;
}


/* Le menu web navigation */

.nav li {
	display:inline;
	float: left;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 15px;
	font-style: bold;
	color: #CC6633 ;
	padding-left:24px;
} 

.nav li a, .nav li a:visited {
	display:inline;
	float: left;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 15px;
	font-style: bold;
	color: #CC6633 ;
	background: url(images/puceCC6633.gif) no-repeat 0 50%;
	padding-left:24px;
}

.nav li a:hover, .nav li a:focus, .nav li a:active {
	display:inline;
	float: left;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 15px;
	font-style: bold;	
	color: #CCCC33 ;
	background: url(images/puceCCCC33.gif) no-repeat 0 50%;
	padding-left:24px;
}

/* Les langues */

.langues {
	display: block;
	float: right;
	margin-top: 35px;
   	margin-left: 0px;
   	margin-bottom: 0px;
   	margin-right: 80px;
} 

.langues a {
	padding: 5px;
}

.langues a:hover, langues a:visited, {
	padding: 5px;
}

/* Les liens */

a {
color: #CC3333;
text-decoration: none ;
font-size: 13px ;
font: Arial, Helvetica, sans-serif ;
}

a:active, a:hover, a:focus {
color: #CCC;
font-size: 13px ;
font: Arial, Helvetica, sans-serif ;
text-decoration: underline ;
}

/* Le pied de page */

#pied {
   	padding: 5px;
   	text-align: center;
   	margin-top: 5px;
	margin-bottom: 15px; 
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
 	font-weight: normal;
  	font-variant: normal;
  	text-transform: none;
   	color: #F0F0F0;
}

#pied a {
	text-decoration: none;
	color:#F0F0F0 ;
	font-size: 11px;
}

#pied a:hover {
	text-decoration: underline;
	color:#F0F0F0 ;
	font-size: 11px;
}


/* Accueil */

.accueil1{
	display: block;
	float:left;
	width:45%;
	height:330px;
	padding-top:none;
	padding-bottom:none;
	padding-left:none;
	padding-right:none;
	margin-top:20px;
	margin-bottom:none;
	margin-left:20px;
	margin-right:none;
}

.accueil2{
	display: block;
	float:right;
	width:45%;
	height:330px;
	padding-top:none;
	padding-bottom:none;
	padding-left:none;
	padding-right:none;
	margin-top:20px;
	margin-bottom:none;
	margin-left:none;
	margin-right:20px;
}

#newsletter {
	padding-top:auto;
	padding-bottom:auto;
	padding-left:10px;
	padding-right:10px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:auto;
	width:260px;
	background: none;
	border:1px dotted #666;
}

.radio {
	border: 1px solid #FFF;
	background-color:#FFF;
	font-size: 12px;
	padding: 1.5px;
	color: #666;
}

#fresque {
	background-color:none;
	margin-left:auto;
	margin-right:auto;
	width:260px;
}

/* Découverte du restaurant */

.restaurant1{
	display: block;
	float:left;
	width: 45%;
	height:330px;
	padding-left:auto;
	padding-right:auto;
	margin-top:20px;
	margin-bottom:none;
	margin-left:20px;
	margin-right:none;
}

.restaurant2{
	display: block;
	float:right;
	width:330px;
	height:330px;
	margin-top:20px;
	margin-bottom:none;
	margin-left:none;
	margin-right:40px;
	border:1px dotted #666;
	font-weight: bold;
	background-color:#999;
	overflow: auto; 
        scrollbar-face-color:#999999;
        scrollbar-arrow-color:#FFFFFF;
        scrollbar-track-color:#CCCCCC;
        scrollbar-shadow-color:'#666';
        scrollbar-highlight-color:'#000';
        scrollbar-3dlight-color:'#CCC';
        scrollbar-darkshadow-Color:'#666666';
}

.image {
	border:1px solid #FFF;
	width:240px;
	height:180px;
	padding-top:2px;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:2px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:0px;
}

/* La présentation des menus */

.carte1{
	display: block;
	float:left;
	width: 45%;
	height:330px;
	padding-top:none;
	padding-bottom:none;
	padding-left:none;
	padding-right:none;
	margin-top:20px;
	margin-bottom:none;
	margin-left:20px;
	margin-right:none;
	border: none;
	background: none;
	font-weight: none;
}

.carte2{
	display: block;
	float:right;
	width:333px;
	height:330px;
	margin-top:20px;
	margin-bottom:none;
	margin-left:none;
	margin-right:40px;
	border:1px dotted #666;
	background-color:#999;
	overflow: auto; 
        scrollbar-face-color:#999999;
        scrollbar-arrow-color:#FFFFFF;
        scrollbar-track-color:#CCCCCC;
        scrollbar-shadow-color:'#666';
        scrollbar-highlight-color:'#000';
        scrollbar-3dlight-color:'#CCC';
        scrollbar-darkshadow-Color:'#666666';
}

.carte3{
	display: block;
	float:center;
	width:auto;
	height:auto;
	color: #555;
	background:#FFF;
	padding:10px 5px 0 5px ;
	margin:20px;
	border:1px dotted #CC9966;
}



/* Le plan d'accès */


.plan1{
	display: block;
	float:left;
	width:330px;
	height:auto;
	padding-top:none;
	padding-bottom:none;
	padding-left:none;
	padding-right:none;
	margin-top:20px;
	margin-bottom:none;
	margin-left:20px;
	margin-right:none;
	border: none;
	background: none;
	font-weight: none;
}

.plan2{
	display: block;
	float:right;
	width:45%;
	height:auto;
	padding-top:none;
	padding-bottom:none;
	padding-left:none;
	padding-right:none;
	margin-top:20px;
	margin-bottom:none;
	margin-left:none;
	margin-right:20px;
	font-weight: bold;
	overflow: auto; 
        scrollbar-face-color:#999999;
        scrollbar-arrow-color:#FFFFFF;
        scrollbar-track-color:#CCCCCC;
        scrollbar-shadow-color:'#666';
        scrollbar-highlight-color:'#000';
        scrollbar-3dlight-color:'#CCC';
        scrollbar-darkshadow-Color:'#666666';
}

.imageplan {
	display: block;
	float:left;
	width:auto;
	height:auto;
	padding:none;
	margin:1px;
	border:1px dotted #666;
}

/* Le formulaire de contact */

.contact {
	display: block;
	float:left;
	width:45%;
	height:auto;
	padding-top:none;
	padding-bottom:none;
	padding-left:none;
	padding-right:none;
	margin-top:20px;
	margin-bottom:none;
	margin-left:20px;
	margin-right:none;
	overflow: auto; 
        scrollbar-face-color:#999999;
        scrollbar-arrow-color:#FFFFFF;
        scrollbar-track-color:#CCCCCC;
        scrollbar-shadow-color:'#666';
        scrollbar-highlight-color:'#000';
        scrollbar-3dlight-color:'#CCC';
        scrollbar-darkshadow-Color:'#666666';
}

.formulaire {
	display: block;
	float:right;
	width:45%;
	height:auto;
	padding-top:none;
	padding-bottom:none;
	padding-left:none;
	padding-right:none;
	margin-top:20px;
	margin-bottom:none;
	margin-left:20px;
	margin-right:none;
}

.contact a {
	text-decoration: none;
	color:#CC3333;
	font-size: 13px;
}

.contact a:hover {
	text-decoration: underline;
	color:#CC3333 ;
	font-size: 13px;
}

.formulaire.form {
	background-color:#F5F5F5;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	margin: 0px;
	width:280px;
	background: none;
	color: #666;
	font-weight: none;
	background: #F5F5F5;
	border:1px dotted #666;
}

input, textarea {
	border: 1px solid #CCC;
	background-color:#FFF;
	font-size: 12px;
	padding: 1.5px;
	color: #666;
}

label {
	font-family: arial,sans-serif;
	font-weight:none;
}

#erreur {
	background-color:#F5F5F5;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	margin: 0px;
	width:280px;
	background: none;
	color: #666;
	font-weight: none;
	background: #F5F5F5;
	border:1px dotted #666;	
}

#merci {
	background-color:#F5F5F5;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	margin: 0px;
	width:280px;
	background: none;
	color: #666;
	font-weight: none;
	background: #F5F5F5;
	border:1px dotted #666;	
}

/* La page de liens */


.liens1{
	display: block;
	float:left;
	width:45%;
	height:auto;
	padding-top:none;
	padding-bottom:none;
	padding-left:none;
	padding-right:none;
	margin-top:20px;
	margin-bottom:none;
	margin-left:20px;
	margin-right:none;
	border: none;
	background: none;
	font-weight: none;
}

.liens2{
	display: block;
	float:right;
	width:45%;
	height:auto;
	padding-top:none;
	padding-bottom:none;
	padding-left:none;
	padding-right:none;
	margin-top:20px;
	margin-bottom:none;
	margin-left:none;
	margin-right:20px;
	font-weight: bold;
}