/* d�clarations g�n�riques */
body, div, form, input, h1, h2, h3, h4, span, ul, li {
	margin: 0px;
	padding: 0px;
}
img {
	border: 0;
}
/* -- pour que la puce affiche -- */
#corps ul {
	/*padding-left: 25px;*/
}
body {
	background-color: #FDFCFA;
	text-align: left;
	background-image: url(img/fond_hachures.gif);
	background-repeat: repeat-x;
	line-height: normal;
	
}

a:focus {
	border: 1px dotted #ccc;
}

#logo {
	position: absolute;
	margin-left: 250px;
	margin-top: 65px;
}

#conteneur {
	position: relative;
	background-image: url(img/fond_content.gif);
	background-repeat: repeat-y;
	width: 987px;
	margin-left: auto;
	margin-right: auto;
	z-index: 0;
}
#animation
	{
	position: absolute;
	margin-left: 68px;
	z-index: 1;
	}

#global0 {
	background-image: url(img/bandeau000b.jpg);
}
#global {
	background-image: url(img/bandeau100.jpg);
	_height: 500px;
	z-index: 1;
}
#global0, #global {
	background-repeat: no-repeat;
	background-position: top right;
}
#menu {
	height: 133px;
	z-index: 1000;
}
#global #menu {
	height: 125px;
}
#bande {
	height: 62px;
	line-height: 37px;
	color: #ffffff;
}
#global #bande {
	height: 37px;
}

/* --------------- navigation ------------------- */
#navigation {
	height: 13px;
	padding-left: 351px;
	padding-top: 12px;
}
#navigation li {
	list-style: none;
	display: inline;
	margin-right: 8px;
	font-size: 11px;
}
#navigation li a {
	background-image: url(img/fleche-nav.gif);
	background-repeat: no-repeat;
	background-position: right 5px;
	padding-right: 10px;
	font-size: 11px;
}

#qui {
	float: left;
	width: 595px;
	padding-left: 128px;
}
#global0 #qui a {
	position: relative;
	z-index: 1;
}
#qui a {
	color: #ffffff;
	text-decoration: none;
}
#qui a:hover {
	color: #ffffff;
	text-decoration: underline;
}
#entreprise {
	float: left;
	width: 180px;
	padding-top: 10px;
}
#entreprise a {
	background-image: url(img/fleche5.gif);
	background-repeat: no-repeat;
	color: #ffffff;
	text-decoration: none;
	background-position: top right;
	padding-right: 20px;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 1px;
	display: block;
	line-height: 19px;
}
#entreprise a:hover {
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
	font-size: 12px;
}

/* ----------------- contenu --------------------- */
#contenu {
	background-image: none;
}
#gauche {
	float: left;
	width: 262px;
	padding-left: 68px;
	padding-top: 135px;
}
#global #gauche {
	width: 234px;
}

#bloclangue {
	margin-left: 70px;
	margin-bottom: 20px;
}
#bloclangue a {
	color: #503C16;
	font-size: 10px;
	text-decoration: none;
}
#bloclangue a:hover {
	color: #503C16;
	font-size: 10px;
	text-decoration: underline;
}

#metier {
	width: 201px;
	margin-left: 60px;
	background-color: #DAD6AF;
}
#global #metier {
	width: 173px;
}
#metier div.txt {
	padding-left: 15px;
	padding-right: 6px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#metier h1 {
	background-image: url(img/fleche5.gif);
	background-repeat: no-repeat;
	color: #ffffff;
	background-position: 177px 12px;
	padding-right: 20px;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 1px;
	background-color: #433312;
	padding-top: 15px;
	padding-bottom: 11px;
	text-align: center;
	border-bottom: 1px solid #ffffff;
}
#metier h1 a {
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	display: block;
}
#metier h1 a:hover {
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	text-decoration: underline;
}
#global #metier h1 {
	text-align: left;
	padding-left: 16px;
	background-position: 137px 28px;
}
#global #metier h1.select {
	background-image: none;
	text-align: left;
	padding-left: 16px;
}

#sous {
	margin: 0px;
	padding: 0px;
}

#metier #menumetiers li {
	list-style: none;
	border-bottom: 1px solid #ffffff;
}
#metier #menumetiers li a {
	display: block;
	padding-left: 16px;
	background-color: #8E8571;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}
#metier #menumetiers li a:hover, #metier #menumetiers li.select a, #metier #menumetiers li.select a:hover {
	display: block;
	padding-left: 16px;
	background-color: #433312;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}

#metier input.form0 {
	width: 138px;
	border: 1px solid #878884;
	color: #6A6858;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	font-size: 11px;
	margin-top: 1px;
	margin-bottom: 1px;
}

#metier select.form0big {
	width: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 1px;
	margin-bottom: 2px;
}

#metier select.form0 {
	width: 144px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 1px;
	margin-bottom: 2px;
	position: absolute;
	z-index: 100;
}

.selectnormal
	{
	width: 144px;
	padding: 0px;
	margin-top: 1px 0px 2px 0px;
	}

.selectextend
	{
	width: 300px;
	padding: 0px;
	margin-top: 1px 0px 2px 0px;
	}

#listemetier {
	position: relative;
	padding-top: 9px;
}
#metier input.btok {
	float: right;
	position: relative;
	margin-top: 28px;
}

#metier div.txt {
	height: 100px;
}

#affiche {
	margin-top: 10px;
}
#affiche {
	width: 201px;
	margin-left: 60px;
	font-size: 11px;
}

#affiche a {
	font-size: 11px;
	color: #DA5B15;
	text-decoration: underline;
}
#affiche a:hover {
	font-size: 11px;
	color: #DA5B15;
	text-decoration: none;
}
#affiche div.txt {
	padding-left: 15px;
	padding-right: 6px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #888675;
}

#corpsdroite{
	float: left;
	width: 639px;
}

#corps {
	float: left;
	width: 382px;
	padding-left: 33px;
	padding-right: 17px;
	padding-top: 10px;
	padding-bottom: 18px;
	position: relative;
	z-index: 900;
}
#global #corps {
	width: 400px;
	padding-right: 27px;
}
#corps h1.titre {
	color: #433312;
	text-align: right;
	font-size: 20px;
	padding-top: 25px;
	margin-bottom: 25px;
}

/* -------------------------- en page accueil ecrit en gris plus petit --------------------- */
#global0 #corps {
	font-size: 11px;
	color: #888675;
}

#global0 #corps a {
	font-size: 11px;
	color: #DA5B15;
	text-decoration: underline;
}
#global0 #corps a:hover {
	font-size: 11px;
	color: #DA5B15;
	text-decoration: none;
}

#corps h1.titre0 {
	margin-bottom: 10px;
}

#droite {
	float: left;
	width: 160px;
}

#droite input.formrech {
	float: left;
	width: 124px;
	border: 1px solid #878884;
	color: #000000;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	font-size: 11px;
}
#droite input.btok {
	float: left;
	margin-left: 3px;
}

/* -------------- liens avec les fleches grises ------------------- */
#liensdroite {
	width: 132px;
}
#liensdroite li {
	list-style: none;
	border-bottom: 1px solid #D5D5D5;
	padding-top: 25px;
	padding-bottom: 10px;
}
#global #liensdroite li {
	padding-top: 12px;
	padding-bottom: 6px;
}
/* mise en forme dans style.css pour inclusion */

#reserve {
	margin-top: 43px;
	background-color: #E8E9D3;
	width: 134px;
}
#reserve h1 {
	font-size: 12px;
	text-align: right;
	width: 130px;
	padding-right: 4px;
	padding-bottom: 5px;
	padding-top: 5px;
}

#reserve form {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 8px;
}
#reserve input.form01 {
	width: 113px;
	border: 1px solid #878884;
	color: #000000;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	font-size: 10px;
	margin-bottom: 2px;
}
#reserve input.form02 {
	width: 90px;
	border: 1px solid #878884;
	color: #000000;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	font-size: 10px;
	float: left;
}
#reserve input.btok {
	float: left;
	padding-left: 3px;
}

#pub {
	padding-left: 34px;
}

/* ----------------------- bas de page ------------------ */
#bdp {
	text-align: center;
	margin-top: 25px;
	padding-bottom: 10px;
}
#bdp ul {
	padding-left: 40px;
}
#bdp li {
	list-style: none;
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
	border-left: 1px solid #BCBDAD;
}
#bdp li.first {
	border: 0;
}
#bdp li a {
	color: #433312;
	text-decoration: underline;
	font-size: 11px;
}
#bdp li a:hover {
	color: #D26606;
	text-decoration: underline;
	font-size: 11px;
}

/* -------------- mise en forme du menu, � mettre dans menu.css ----------------- */
#menu {
	padding-left: 706px;
	/*width: 213px;
	border-top: 1px solid #ffffff;*/
}

/* ---------- reglage du menu pour pages interieures, moins haut ------------- */
#global #menu li a {
	padding-top: 9px;
	padding-bottom: 4px;
}

/* ------------------ sous sous menu, non deroulant ---------------------- */
#droite #soussous, #droite #sous {
	margin-top: 36px;
	margin-bottom: 20px;
	width: 135px;
}
#droite #soussous li, #droite #sous li {
	list-style: none;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: right;
}
#droite #soussous li a, #droite #sous li a {
	background-image: url(img/fleche_sousm.gif);
	background-repeat: no-repeat;
	background-position: right 3px;
	color: #433312;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	padding-right: 15px;
	display: block;
}
#droite #soussous li a:hover, #droite #soussous li.select a, #droite #soussous li.select a:hover, #droite #sous li a:hover, #droite #sous li.select a, #droite #sous li.select a:hover {
	background-image: url(img/fleche_sousm_over.gif);
	background-repeat: no-repeat;
	background-position: right 3px;
	color: #D26606;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	padding-right: 15px;
	display: block;
}

/* --- phototheque --- */

ul.phototheque
	{
	list-style: none;
	background-color: #DAD6AF;
	padding-top: 10px;
	padding-left: 7px;
	padding-right: 3px;
	padding-bottom: 8px;
	width: 373px;
	margin-bottom: 50px;
	margin-top: 20px;
	float: left;
	}

ul.phototheque li
	{
	display: block;
	float: left;
	width: 124px;
	height: 150px;
	text-align: center;
	font-size: 10px;
	line-height: 12px;
	}

ul.phototheque li img
	{
	height: 90px;
	width: 90px;
	border: 1px solid #9B9968;
	margin-bottom: 4px;
	}
	
ul.phototheque li a
	{
	font-size: 10px;
	text-decoration: none;
	color: #D36607;
	font-weight: bold;
	}

ul.phototheque li a span
	{
	display: none;
	}
ul.phototheque li a:hover
	{
	font-size: 10px;
	text-decoration: underline;
	color: #D36607;
	font-weight: bold;
	}
/* vote */
h3.posit {
	font-size: 16px;
	letter-spacing: 1px;
	color: #008463;
}

/* ---------------------- popup --------------------------- */
h1.popuptitre {
	color: #433312;
	font-size: 28px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-left: 45px;
	margin-bottom: 24px;
}
#popupcorps {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-bottom: 15px;
	padding-top: 15px;
	background-color: #ffffff;
}
#popupbas{
	width: 100%;
	border-top: 1px solid #433312;
	color: #433312;
	text-align: center;
	padding-top: 5px;
}
#popupbas a {
	color: #D36607;
	font-weight: bold;
	text-decoration: none;
}
#popupbas a:hover {
	color: #D36607;
	font-weight: bold;
	text-decoration: underline;
}


div.bloc_stretcher
	{
	display: none;
	}
	
/* --- div attente position absolue --- */
html, body {
height: 100%;
width: 100%;
}
#patienter {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 100%;
	background-color: #000;
	visibility: hidden;
	cursor: default;
	filter:alpha(opacity=20);
	-moz-opacity:.20;
	opacity:.20;
	background-image: url(img/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

a.voirpanier {
	background-image: url(img/icone_panier.gif);
	background-repeat: no-repeat;
	padding-left: 24px;
	color: #D36607;
	text-decoration: none;
	font-weight: bold;
}
a.voirpanier:hover {
	color: #D36607;
	text-decoration: underline;
	font-weight: bold;
}

a.retourboutique {
	background-image: url(img/fleche_sousm_over.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 18px;
	color: #D36607;
	text-decoration: none;
	font-weight: bold;
}
a.retourboutique:hover {
	color: #D36607;
	text-decoration: underline;
	font-weight: bold;
}

body.voeux
	{
	background: #cac086;
	}

div#pub
	{
	margin: 10px 0px 20px 0px;
	}

#isens_sondage label
{
	width: auto!important;
	text-align: left!important;
}

#isens_sondage input
{
	margin-right: 5px;
}