@charset "utf-8";
html, body, dl, dt, dd, table, th, td, form, fieldset, p { margin: 0; padding: 0; }
img, fieldset, object {
	border: 0;
	text-align: center;
}

html {
	height: 100%;
	width: 100%;
	border: 0;
	margin: 0;
	padding: 0;
}

table { border-collapse: collapse;
}

.space {
	height: 12px;
	width: 240px;
	float: left;
}

.warning {
	width: 850px;
	border-top-style: dashed;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	border-top-width: 1px;
}

.centre { text-align:center;
			width: 120px;}

td {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}

body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #FFF;
	font-family : Arial, Helvetica, sans-serif;
	font-style : normal;
	color : #333;
	font-size: 12px;
	background-image: url(back.jpg);
	background-repeat: repeat-x;
}

p {
	padding: 0;
	margin: 0;
	color: #333;
	font-size: 12px;
}

a:link {
	color: #D90000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #D90000;
}
a:hover {
	text-decoration: underline;
	color: #D90000;
}
a:active {
	text-decoration: none;
	color: #D90000;
}

.blanc a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.blanc a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.blanc a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
.blanc a:active {
	text-decoration: none;
	color: #FFFFFF;
}

.gris a:link {
	color: #CCC;
	text-decoration: none;
}
.gris a:visited {
	text-decoration: none;
	color: #CCC;
}
.gris a:hover {
	text-decoration: underline;
	color: #CCC;
}
.gris a:active {
	text-decoration: none;
	color: #CCC;
}

#nav a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#nav a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
#nav a:hover {
	text-decoration: none;
	color: #FFF;
	background-image: url(carre-slide-hover.jpg);
}
#nav a:active {
	text-decoration: none;
	color: #FFFFFF;
}

#full {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	background-image: url(back-maquette.jpg);
	background-repeat: repeat-x;
}

#header-inside {
	width: 980px;
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
}

#liens-menu {
	width: 950px;
	height: auto;
	margin: 0;
	padding-left: 5px;
	padding-top: 317px;
	padding-right: 5px;
	padding-bottom: 0px;
	float: left;
}

#entete {
	width: 980px;
	height: 257px;
	margin: 0;
	padding: 0;
}

#entete-alternatif {
	width: 980px;
	height: 257px;
	margin: 0;
	background-image: url(head.jpg);
	background-repeat: no-repeat;
	padding: 0;
}

#anime-accueil {
	width: 980px;
	height: 350px;
	margin: 0;
	padding: 0;
}

#conteneur {
	width: 980px;
	height: auto;
	margin: 0;
	padding: 0;
	border: 1px solid #333;
	overflow: hidden;
	background-color: #efefef;
}

#food {
	width: 100%;
	height: 100px;
	margin: 0;
	padding: 0;
	background-image: url(food2.jpg);
	background-repeat: repeat-x;
}

#colonne-gauche {
	float: left;
	width: 700px;
	padding: 12px;
}

#colonne-droite {
	float: right;
	width:255px;
}

#food-centre {
	width: 960px;
	height: 100px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
	background-image: url(food-centre3.jpg);
	background-repeat: no-repeat;
}
.panneaux {
	width: 427px;
	height: 155px;
	margin: 0;
	padding: 0;
}

#head-bloc {
	width: 908px;
	height: 50px;
	margin: 0;
	background-image: url(head-bloc.jpg);
	background-repeat: no-repeat;
	padding: 0px;
}

#titre1-bloc {
	width: 20px;
	height: 31px;
	margin: 0;
	padding: 0;
	float: left;
	background-image: url(titre1-bloc.jpg);
	background-repeat: no-repeat;
}

#titre2-bloc {
	width: auto;
	height: 31px;
	margin: 0;
	float: left;
	background-image: url(titre2-bloc.jpg);
	background-repeat: repeat-x;
	padding-top: 9px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#titre3-bloc {
	width: 27px;
	height: 31px;
	margin: 0;
	padding: 0;
	float: left;
	background-image: url(titre3-bloc.jpg);
	background-repeat: no-repeat;
}

#contenu-bloc {
	width: 908px;
	height: auto;
	background-image: url(back-page-creation-site.jpg);
	background-repeat: repeat-y;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin: 0;
	overflow: auto;
}

#mentions {
	width: 860px;
	height: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
}

#texte-bloc {
	width: 600px;
	height: auto;
	margin: 0;
	padding: 0px;
	float: left;
}

#reference-bloc {
	width: 880px;
	height: auto;
	margin: 0;
	padding: 0px;
	float: left;
}

#formulaire-contact {
	width: 550px;
	height: auto;
	margin: 0;
	padding: 0px;
	float: left;
}

#adresse {
	width: 320px;
	height: auto;
	margin: 0;
	padding: 0px;
	float: right;
	text-align: left;
}

#pack-bloc {
	width: 800px;
	height: auto;
	margin: 0;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 90px;
}

#largeur-bloc {
	width: 880px;
	height: auto;
	margin: 0;
	float: left;
	padding: 0px;
}

#foot-bloc {
	width: 908px;
	height: 20px;
	margin: 0;
	background-image: url(foot-page-creation-site.jpg);
	background-repeat: no-repeat;
	padding: 0px;
}

#image-bloc {
	width: 280px;
	height: auto;
	margin: 0;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	float: left;
}
	
#contenu {
	width: 908px;
	height: auto;
	margin: 0;
	padding-top: 0;
	padding-right: 2px;
	padding-bottom: 0;
	padding-left: 20px;
}
.titre-panneaux {
	margin: 0;
	color: #D90000;
	padding: 0px;
}
.photo-panneaux {
	width: 83px;
	height: auto;
	float: left;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	margin: 0px;
}
.photo-panneaux2 {
	width: 83px;
	height: auto;
	float: left;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	margin: 0px;
}
.texte-panneaux {
	width: 300px;
	height: auto;
	margin: 0;
	padding-left: 15px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	float: left;
}

.site-internet {
	background-image: url(back-site-internet.jpg);
	background-repeat: no-repeat;
}

.referencement {
	background-image: url(back-referencement.jpg);
	background-repeat: no-repeat;
}

.creation-print {
	background-image: url(back-creation-print.jpg);
	background-repeat: no-repeat;
}

.references {
	background-image: url(back-references.jpg);
	background-repeat: no-repeat;
}
.liens-food {
	width: 150px;
	height: auto;
	margin: 0;
	padding-left: 40px;
	padding-top: 16px;
	padding-right: 0px;
	padding-bottom: 0px;
	float: left;
}
.colonne {
	width: 450px;
	height: auto;
	margin: 0;
	padding-left: 20px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	float: left;
}

#bloc1 {
	width: 414px;
	height: auto;
	margin: 0;
	float: left;
	padding: 0px;
	border: 1px solid #333;
}

#bloc2 {
	width: 240px;
	height: 95px;
	float: left;
	border: 1px solid #333;
	margin: 0;
	padding: 0px;
	background-color: #4B4B4B;
}

.bloc {
	width: 240px;
	height: auto;
	float: left;
	border: 1px solid #CCC;
	margin: 0;
	background-color: #FFFFFF;
	padding: 0px;
}

#bloc3 {
	width: 300px;
	height: auto;
	float: left;
	border: 1px solid #333;
	margin: 0;
	padding: 0px;
	background-image: url(tel.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}

#bloc-global {
	width: 980px;
	height: auto;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

.newsletter {
	background-color: #666;
	border: 1px solid #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
		text-decoration:none;
}

.espace-bloc {
	width: 10px;
	height: 10px;
	float: left;
	margin: 0;
}

.contenu-bloc {
	width: auto;
	height: auto;
	margin: 0;
	padding: 10px;
}

#copyright {
	margin: 0;
	height: auto;
	width: auto;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


.blanc {
	color: #FFF;
}
.petit {
	font-size: 11px;
	color: #CCC;
}
	
.nav { margin: 5px 0; text-align: right; }
#nav a { margin: 0 5px; padding: 3px 5px; background-image: url(carre-slide.jpg); text-decoration: none; outline: none;}
#nav a.activeSlide { background-image: url(carre-slide-focus.jpg); }
#nav a:focus { outline: none; }
#output { text-align: left; }

#accueil {
	background-image: url(accueil1.jpg);
	padding: 0;
	height: 256px;
	width: 909px;
	margin: 0;
}

#accueil-contenu {
	height: 220px;
	width: 600px;
	margin: 0px;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.red {
	color: #d90000;
}

.obligatoire {
	color: #F00;
	font-size: x-small;
}

#menu {
	width: auto;
	float: left;
	padding-top: 235px;
	padding-left: 10px;
	color: #FFF;
}

.brique {
	width: 160px;
	float: left;
	vertical-align: top;
	background-color: #FFF;
	height: 100px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 5px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #EFEFEF;
}

.red {
	color: #d90000;
}

.obligatoire {
	color: #F00;
	font-size: x-small;
}
.contact {
	background-color: #FFF;
	border: 1px solid #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	font-weight: bold;
		text-decoration:none;
}