* {
			margin: 0;
                        padding: 0;
			border: 0;
}

html {
			width: 100%;
			height: 100%;
                        font-family: arial, sans-serif;
		        background: #d0bf82 url(img/fond-2.gif) center top repeat-y;
}

body {
			width: 100%;
			height: 100%;
		        background: transparent url(img/fond-2.gif) center top repeat-y;
}


#conteneur {
			position: relative;
                        min-height: 100%;
			width: 100%;
		        background: transparent url(img/fond-3.gif) center top no-repeat;
}

* html #conteneur {
			height: 100%;
}

#cont {
			width: 100%;
			margin: 0 auto;
			padding-bottom: 80px;
/*		        background: transparent url(img/fond-4-or.gif) center top no-repeat; */
}

#haut {
			padding: 0 0 0 40px;
			width: 720px;
			margin: 0 auto;
			text-align: left;
}

#haut h1 {
                        width: 520px;
		        height: 40px;
		        float: left;
}

#haut h2.h2acc {
                        width: 720px;
		        height: 400px;
 		        background: transparent url(img/aero.jpg) left top no-repeat;
		        float: left;
}

#accslide {
                        width: 720px;
		        height: 400px;
 		        background: transparent url(img/aero.jpg) left top no-repeat;
		        float: left;
}

 /* DRAPEAUX */

#menu-lg {
		        float: left;
			width: 200px;
			padding: 0;
                        height: 40px;
}

div#menu-lg ul {
			list-style-type: none;
		        width: 200px;
		        text-align: center;
		        word-spacing: 11px;
}

#menu-lg li {
			height: 40px;
                        display: inline;
			font: normal small-caps bold 0.85em arial, sans-serif;
}

div#menu-lg li a {	/* dimensions et définitions des boutons */
                        height: 40px;
		        line-height: 40px;	/* hauteur de ligne pour éviter les paddings */
		        color: #756233;
}


div#menu-lg li a:hover {
		        color: #958d5f;
}

 /* MENU */

#menu {
			clear:both;
                        width: 720px;
			height: 65px;
		        background: transparent url(img/menu-bas.gif) bottom left no-repeat;	/* arrière-plan général du menu */
}

div#menu ul, li {
		        list-style-type: none;
}

div#menu ul {
		        position: absolute;	/* positionnement pour IE5 et IE5.5 */
		        width: 720px;
		        text-align: center;
}

div#menu ul.fr {
		        background: transparent url(img/menu-fr.gif) top left no-repeat;	/* arrière-plan du menu */
}

div#menu ul.en {
		        background: transparent url(img/menu-en.gif) top left no-repeat;	/* arrière-plan du menu */
}

div#menu li {
		        float: left;
		        text-transform: uppercase;
                        font: normal normal normal 1.2em arial, sans-serif;
}

div#menu li a {	/* dimensions et définitions des boutons */
		        display: block;	/* mise en block de <a> pour lui donner des dimensions */
		        height: 40px;
		        line-height: 40px;	/* hauteur de ligne pour éviter les paddings */
		        color: #e9e3a7;
}
div#menu li a#menacc {
		        width: 138px;
}
div#menu li a#menvis {
		        width: 155px;
}
div#menu li a#menres {
		        width: 145px;
}
div#menu li a#menrec {
		        width: 143px;
}
div#menu li a#mencon {
		        width: 139px;
}

div#menu ul.fr li a:hover {
		        background: transparent url(img/menu-fr.gif) top left no-repeat;
}

div#menu ul.en li a:hover {
		        background: transparent url(img/menu-en.gif) top left no-repeat;
}

div#menu a#menacc:hover {
		        background-position: -720px 0%;	/* décalage de l'arrière-plan pour chaque bouton */
}
div#menu a#menvis:hover {
		        background-position: -858px 0%;
}
div#menu a#menres:hover {
		        background-position: -1013px 0%;
}
div#menu a#menrec:hover {
		        background-position: -1158px 0%;
}
div#menu a#mencon:hover {
		        background-position: -1301px 0%;
}

/* CONTENU */

#contenu {
			clear: both;
                        padding: 0 0 0 40px;
			width: 720px;
			margin: 0 auto;
			text-align: left;
}

#contenu h2 {
                        font-family :arial, sans-serif;
                        text-transform: uppercase;
                        margin: 10px 0;
}

#contenu p {
                        font-weight: normal;
}

/* GAUCHE */
#gauche {
                        float: left;
                        width: 460px;
                        margin: 0;
                        padding: 0 30px;
                        background: transparent url(img/gauche-haut.gif) top left no-repeat;
}

#gauche h2 {
                        padding: 3px 0px 2px 5px;
                        margin: 10px 0 20px 0;
                        font-size: 0.95em;
                        font-weight: bold;
                        color: #907040;
                        background-color: #dfd390;
}

#gauche h3 {
                        margin: 15px 0;
                        font-size: 0.75em;
                        font-weight: bold;
                        color: #765924;
                        text-transform: uppercase;
                        letter-spacing: 0.15ex;
}

#gauche ul {
                        margin: 0 0 10px 0;
}

#gauche ul li {
                        list-style: square inside url(img/puce.gif);
                        color: #623f12;
                        font: normal normal 0.75em arial, sans-serif;
                        padding: 0 0 5px 15px;
}

#gauche p {
                        color: #623f12; /*  4f2600; */
                        font: normal normal 0.75em/1.6em arial, sans-serif;
                        padding: 0 20px 15px 0;
}

#gauche p a {
                        color: #800;
}

#gauche p a:hover {
			text-decoration: none;
}

#gauche img.tofres {
			border: 5px #cfc283 solid;
			margin: 0 0 15px 0;
}

#gauche img.tofrec {
			clear:left;
                        border: 5px #cfc283 solid;
			margin: 0 25px 15px 0;
			float:left;
}

#restoslide {
			padding: 5px 5px 0 5px;
			background-color: #cfc283;
			margin: 0 0 15px 0;
}



/* DROITE */

#droite {
                        float: left;
                        width: 200px;
                        background: transparent url(img/nouveau-logo.gif) center top no-repeat;
                        padding-top: 150px;
}

#droiteacc {
                        float: left;
                        width: 200px;
/*                        background: transparent url(img/nouveau-logo.gif) center top no-repeat; */
}

#droite h2, #droiteacc h2 {
                        width: 170px;
                        padding: 7px 10px 7px 20px;
                        margin: 20px 0 10px 0;
                        color: #4c0000;
                        background-color: #cfc283;
                        background: #ebe3a5 url(img/fond-h2-droit.gif) left top repeat;
                        border: solid #beb172;
                        border-width: 1px 0;
                        font-size: 0.7em;
                        font-weight: bold;
}

#droite h2.letap, #droiteacc h2.letap {
                        height: 30px;
                        background: transparent url(img/tap-acc.gif) top left no-repeat;
                        padding: 0 10px 0 20px;
                        margin: 10px 0 0 0;
                        border: 0;
}

#droiteacc p, #droite p {
                        color: #402000;
                        font-size: 0.7em;
                        padding: 0 20px 10px 20px;
}

#droite p.acccroche, #droiteacc p.acccroche {
                        font: normal normal normal 0.75em/1.3em arial, sans-serif;
		        border: 1px #b29f65 solid;
                        padding: 7px 5px 7px 15px;
                        margin: 0 15px 15px 15px;
		        background-color: #f4f0d7;
}

#droite p.acccroche strong, #droiteacc p.acccroche strong {
		        padding-left: 20px;
		        font-variant: small-caps;
		        font-size: 1.25em;
		        line-height: 1.5em;
}

#droiteacc p#saval strong {
		        background: transparent url(img/acac-coeur.gif) top left no-repeat;
}

#droiteacc p#cal strong {
		        background: transparent url(img/acac-cal.gif) top left no-repeat;
}

#droite p.restem, #droiteacc p.restem {
                        color: #800;
                        font-size: 0.8em;
                        font-style: italic;
                        text-align: center;
                        padding: 0 30px 10px 25px;
}

#droite p.letap, #droiteacc p.letap {
                        background: transparent url(img/zozio.gif) top left no-repeat;
                        padding-top: 5px;
}

#droite p a, #droiteacc p a {
                        color: #763f0d;
}

#droite p a:hover, #droiteacc p a:hover {
                        color: #402000;
			text-decoration: none;
}

#droite ul#ssmenu li {
                        margin: 0 0 5px 0;
                        padding: 5px 20px;
                        font: normal normal bold 0.75em arial, sans-serif;
                        line-height: 1.1em;
}

#droite ul#ssmenu li a {
                        color: #402000;
}

#droite ul#ssmenu li a:visited {
                        color: #763f0d;
}

#droite ul#ssmenu li a:hover {
                        color: #763f0d;
                        text-decoration: none;
}

#droite ul#resto li {
                        margin: 0 0 5px 0;
                        padding: 15px 15px 15px 20px;
                        background: transparent url(img/carte-restaurant.gif) top left no-repeat;
                        height: 180px;
                        width: 153px;
                        font: normal normal bold 0.75em arial, sans-serif;
                        line-height: 1.1em;
                        text-transform: uppercase;
}

#droite ul#resto li a {
                        display: block;
                        margin: 0;
                        padding: 120px 10px 13px 35px;
                        height: 47px;
                        width: 108px;
                        color: #ffe393;
                        text-decoration: none;
}

#droite ul#resto li a:hover {
                        color: #721;
}


/* FOOTER */
#surpied {
                        position: relative;
                        margin-top: -80px;
                        width: 100%;
}

#souspied {
			width: 100%;
			margin: 0 auto;
		        background: transparent url(img/pied-bas-or.gif) center bottom no-repeat;
}

#pied {
			width: 720px;
			padding: 0 0 0 40px;
			margin: 20px auto;
			text-align: left;
}

#pied p {
                        float: left;
			display: inline;
                        font: normal normal bold 0.7em arial, sans-serif;
                        color: #320; /* cbba8b */
}

#pied p.pg {
			width: 460px;
			padding: 5px 30px;
		        background: transparent url(img/pieg.gif) center bottom repeat;
			border: solid #b49b57;
			border-width: 1px 0;
}

#pied p.pd {
			width: 160px;
			padding: 5px 20px;
			font-variant: small-caps;
		        background: transparent url(img/pied.gif) center bottom repeat;
			border: solid #b49b57;
			border-width: 1px 0;
}

#pied p a {
                        color: #490000; /* 6f4b2a;  776d5b */
}

#pied p a:hover {
                        text-decoration: none;
}

h1 {
                        font: normal normal normal 3em arial, sans-serif;
}


/* FORMULAIRE DE CONTACT */

#contactForm {
                        width: 420px;
			padding: 15px 15px 10px 15px;
			background: #fef7c3 url(img/fond-form.jpg) left top no-repeat;
                        border: 5px #cfc283 solid;
}

#contactForm form.contact {
			border: 0;
			padding: 0;
			margin: 0;
}

#contactForm form.contact legend {
	                padding: 0;
		        font-family: arial, sans-serif;
		        font-size: 0.7em;
	                line-height: 2em;
	                color: #300;
}

#contactForm form.contact fieldset {
	                border: none;
			width: 400px;
	                margin: 0;
	                padding: 0 10px;
}

#contactForm form.contact fieldset ol {
	                margin: 10px 0 0 0;
	                padding: 0;
}

#contactForm form.contact fieldset li {
	                list-style: none;
	                margin: 0 0 15px 0;
	                padding: 0;
	                float: left;
		        font: normal normal normal 0.7em arial, sans-serif;
}

#contactForm form.contact fieldset li.radli {
	                margin: 0;
}

#contactForm form.contact label {
                        display: inline;
	                vertical-align: top;
	                width: 180px;
	                float: left;
		        font: normal normal normal 1.2em arial, sans-serif;
		        padding: 0;
		        margin: 0;
}

#contactForm form.contact em {
                        font: normal normal bolder 1.4em arial, sans-serif;
	                color: #b00;
}

#contactForm form.contact input {
	                float: left;
	                width: 200px;
		        background: #ded3ae url(img/fond-form-input.jpg) top left no-repeat;
		        border: 1px #dac56d solid;
	                vertical-align: top;
	                padding: 2px;
	                font-size: 0.9em;
}

#contactForm form.contact input.radio {
	                float: left;
	                width: 12px;
	                padding: 0;
	                margin: 2px 5px 0 0;
	                border: none;
	                background: none;
}

* html #contactForm form.contact input.radio {
	                margin: -2px 0 0 0;
}

#contactForm form.contact input.submitbtn {
		        background: transparent url(img/fond-form-input-sub.gif) top left repeat;
}

#contactForm form.contact input.er {
	                background: #f5efb6 url(img/fond-form-input-er.gif) top left repeat;
}

#contactForm form.contact textarea {
	                vertical-align: top;
	                float: left;
	                width: 200px;
	                padding: 2px;
		        background: #ded3ae url(img/fond-form-input.jpg) top left no-repeat;
		        border: 1px #dac56d solid;
		        font: 1.1em arial, sans-serif;
}

#contactForm form.contact fieldset span.malert {
                        display: block;
                        border: 1px solid #cfc283;
		        background: #f7f4df url(img/fond-form-input.gif) top left repeat;
                        padding: 10px 10px 7px 15px;
                        margin: 0 15px 5px 0;
}

#contactForm form.contact p {
                        font-size: 0.7em;
			margin: 0;
			padding: 0;
			border: 0;
			text-align: left;
	                color: #500;
}

#contactForm form.contact p.respect {
                        display: block;
                        width: 390px;
                        font-weight: bold;
                        font-size: 0.7em;
                        padding: 0;
                        margin: 0 0 10px 15px;
			color: #5a1300;
}

#contactForm form.contact p.sub {
	                clear: both;
                        font-weight: bold;
                        font-size: 0.7em;
                        padding: 10px 0;
                        margin: 0 0 0 190px;
			color: #b00;
			text-align: left;
}

#contactForm form.contact p.sub strong {
			text-decoration: underline;
}

#contactForm form.contact p.msger {
                        font-size: 0.8em;
	                font-weight: bold;
	                padding: 0;
			color: #b00;
}

#contactForm form.contact p.msger strong {
			color: #b00;
}

#contactForm form.contact p.msger em {
			color: #b00;
	                font-style: italic;
			text-decoration: underline;
}

#contactForm form.contact p.msgok {
                        font-size: 0.8em;
	                font-weight: bold;
	                padding: 0;
			color: #b00;
}

#hidpro {
                        display: none;
}


/* vieille branche */

#brunch {
                        width: 450px;
                        text-align: center;
			background: #fef7c3 url(img/fond-form.jpg) 0 -10px no-repeat;
                        border: 5px #cfc283 solid;
                        padding: 10px 0 0 0;
                        margin-bottom: 30px;
}

#brunch p {
                        font-weight: bold;
                        line-height: 1.4em;
                        color: #4c0000;
}

#brunch p strong {
                        font: italic normal normal 2.1em/1.4em "Times new roman", serif;
                        letter-spacing: -1px;
                        color: #800;
}

/* nouveau / actu */

#actuac {
                        width: 450px;
                        text-align: center;
			background: #fef7c3 url(img/fond-form.jpg) 0 -10px no-repeat;
                        border: 5px #cfc283 solid;
                        padding: 10px 0 0 0;
                        margin-bottom: 30px;
}

#actuac span#firstac {
                        width: 450px;
                        display: block;
                        text-align: center;
			background: #fef7c3;
                        border: #cfc283 solid;
                        border-width: 2px 0;
                        padding: 5px 0;
                        color: #800 !important;
}

#actuac p#actit {
                        font: italic normal normal 2.1em/1.4em "Times new roman", serif;
                        letter-spacing: -1px;
                        color: #800;
}

#actuac p {
                        line-height: 1.4em;
                        color: #4c0000;
}

#actuac p span.actsstit {
                        font-weight: bold;
                        line-height: 1.4em;
                        color: #4c0000;
                        text-transform: uppercase;
}

#actuac span#firstac > p > span.actsstit {
                        color: #800 !important;
}


.oust {
			position: absolute;
			left: -6666em;
			top: 0;
			width: 1px;
			height: 1px;
			overflow: hidden;
}

.clearbot {
			clear: both;
			margin: 0;
                        padding: 0;
			border: 0;
}


/* hide from ie on mac \*/
#flashcontent {
              		width: 490px;
              		height: 520px;
              		padding: 0;
              		margin: -50px 0 0 -15px;
}

#flashcontent p {
              		margin: 50px 0 0 30px;
}

/* end hide */

* html #flashcontent {
              		margin-right: -30px;
}