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

html {
			width: 100%;
			height: 100%;
}

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

* html #conteneur {
			height: 100%;
}

#cont {
			width: 100%;
			margin: 0 auto;
			padding-bottom: 5em;
}

#widehaut {
			width: 100%;
			margin: 0 auto;
			padding-top: 25px;
			background: #2a0000 url(img/fond-haut.gif) center top repeat-x;
}

#fondhaut {
			width: 100%;
			margin: 0 auto;
		        background: transparent url(img/haut.jpg) center top no-repeat;
}

#divhaut {
			width: 760px;
			margin: 0 auto;
			height: 175px;
		        background: transparent url(img/theatre.gif) left top no-repeat;
		        cursor: pointer;
}

#widemenu {
			width: 100%;
			margin: 0 auto;
			background: #580101 url(img/fond-menu.gif) center top repeat-x;
}

#fondmenu {
			width: 100%;
			margin: 0 auto;
		        background: transparent url(img/alt-menu.gif) center bottom no-repeat;
}

#menu {
			width: 760px;
			margin: 0 auto;
			height: 40px;
}

div#menu ul {
		        position: absolute;	/* positionnement pour IE5 et IE5.5 */
                        width: 470px;
                        margin: 0 auto;
		        list-style-type: none;
		        background: transparent url(img/menu.gif) top left no-repeat;	/* arrière-plan du menu */
		        text-align: center;
		        padding: 0 0 0 290px;
}

div#menu ul li {
		        float: left;
		        list-style-type: none;
		        text-transform: uppercase;
		        color: #000;
}

div#menu ul 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: #000;
                        text-decoration: none;
}

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

div#menu li a#menu-acc {
		        width: 101px;
}

div#menu li a#menu-age {
		        width: 112px;
}

div#menu li a#menu-bio {
		        width: 147px;
}

div#menu li a#menu-con {
		        width: 110px;
}

div#menu a#menu-acc:hover {
		        background-position: -1050px 0%;	/* décalage de l'arrière-plan pour chaque bouton */
}

div#menu a#menu-age:hover {
		        background-position: -1151px 0%;
}

div#menu a#menu-bio:hover {
		        background-position: -1263px 0%;
}

div#menu a#menu-con:hover {
		        background-position: -1410px 0%;
}

#widesousmenu {
			width: 100%;
			margin: 0 auto;
			padding: 5px 0 0 0;
			background: #ab0000 url(img/fond-ss-menu-red.gif) center top repeat;
			border-top: 1px #400 solid;
}

#sous-menu {
			width: 100%;
			margin: 0 auto;
			border-top: 1px #c60 dashed;
}

#sous-menu ul {
			width: 760px;
                        list-style-type: none;
			margin: 0 auto;
			padding: 4px 0 6px 0;
			text-align: right;
}

#sous-menu ul li {
			display: inline;
                        list-style-type: none;
			border-left: 1px #3d0303 solid;
                        text-align: center;
}

#sous-menu ul li.ssmenufirst {
                        border-color: transparent;
                        padding-left: 0;
}

* html #sous-menu ul li.ssmenufirst {
                        border: 0;
}

#sous-menu ul li a.ssmenulast {
                        margin-right: 3px;
}

#sous-menu ul a {
                        margin: 0 9px 0 11px;
                        color: #ffc400;
			text-decoration: none;
			font: normal small-caps bold 0.92em georgia, serif;
			letter-spacing: 1px;
	                text-shadow: 1px 1px 0 #000;
}

#sous-menu ul li a:hover {
			color: #eee;
			border-bottom: 1px #c65f3f solid;
}


ul#menupag {
			list-style-type: none;
			margin: 0;
			padding: 0;
}

ul#menupag li {
			color: #e8a525;
			margin: 0;
			padding: 0;
			border-top: 1px #e0d5a1 dashed;
			text-transform: lowercase;
}

ul#menupag li a {
			display: block;
                        height : 1%;
			margin: 0;
                        padding: 10px 0;
			text-align: right;
			color: #ff8300;
			text-decoration: none;
                        font: normal small-caps bold 0.85em georgia, serif;
			letter-spacing: 1px;
}

ul#menupag li.menupagfirst {
			border-color: transparent;
}

* html ul#menupag li.menupagfirst {
			border: 0;
}


ul#menupag li a:hover {
			color: #a00;
}

#accolright ul#menupag li a {
			font-size: 0.95em;
}

#accolright ul#menupag li a:hover {
			color: #a00;
			background: transparent url(img/golink.gif) 2px 14px no-repeat;
}



#widecontacc {
			width: 100%;
			margin: 0 auto;
			background: transparent url(img/fond-cont.gif) center top repeat-x;
}

#widecontenu {
			width: 100%;
			margin: 0 auto;
			background: transparent url(img/fond-cont2.gif) center top repeat-x;
			padding-top: 3px;
}

#fondcontenu {
			width: 100%;
			margin: 0 auto;
			padding-top: 25px;
			background: transparent url(img/fond-cont3.gif) center top no-repeat;
}

#acconteatre {
			margin-top: -20px;
                        width: 470px;
			float: right;
}

#acconte {
			width: 215px;
			float: left;
			cursor: pointer;
}

#acthe {
			width: 215px;
			float: right;
			cursor: pointer;
}

#contenu {
			width: 760px;
			margin: 0 auto;
			padding-bottom: 30px;
}

#colright {
			float: left;
			width: 180px;
}

#accolright {
			float: left;
			width: 180px;
			padding: 40px 66px 100px 44px;
			background: transparent url(img/fond-colac.gif) right top no-repeat;
}

#contexte {
			width: 500px;
			float: right;
			padding: 0 0 0 70px;
}

#contexte img.wide {
			border: 1px #cbbf7f solid;
			margin-bottom: 15px;
}

#contexte img.vert {
			border: 1px #cbbf7f solid;
			margin: 7px 20px 7px 0;
			float: left;
}

#contexte hr {
                        clear:both;
                        width: 5px;
                        color: #e0d5a1;
                        background-color: #e0d5a1;
                        height: 1px;
                        border: 0;
                        margin: 0 auto 25px auto;
}

#slac {
			width: 236px;
			height: 284px;
			float: left;
			padding: 2px 0 0 34px;
			background: transparent url(img/fond-slac.gif) left top no-repeat;
}

#tac {
			float: left;
			width: 470px;
			height: 260px;
			padding: 26px 0 0 15px;
}

h2 {
                        font: normal small-caps normal 1.7em/1.5em georgia, serif;
                        letter-spacing: -2px;
                        word-spacing: 5px;
                        margin: 0 0 25px 0;
                        padding: 0;
                        color: #3d0303;
}

h2.chapo {
                        padding: 0 5px 0 5px;
                        font: italic normal normal 1.3em/1.4em "Times New Roman", Times, serif;
                        letter-spacing: -1px;
                        word-spacing: 0;
                        color: #4f1a00;
                        border: none;
                        background: none;
                        margin: 0;
}

#contexte h2.chapo {
                        padding: 0 0 20px 0;
                        color: #4f1a00;
                        font-size: 1.6em;
}

h2.chapo span {
                        display:block;
                        font-size: 1.7em;
                        line-height: 1.2em;
                        color: #870000;
                        padding: 0;
}

h2.soumenu {
                        letter-spacing: -2px;
                        color: #c00000;
                        word-spacing: 0;
                        border-color: #3d0303;
}

h3 {
                        display: block;
                        clear: both;
                        font: italic normal normal 1.5em georgia, serif;
                        letter-spacing: -1px;
                        margin-bottom: 15px;
                        color: #a10101;
                        border-bottom: 2px #e0d5a1 solid;
}

#accolright h3 {
                        font: italic normal normal 1.1em georgia, serif;
			letter-spacing: 1px;
                        margin-bottom: 5px;
                        color: #a10101;
                        border-bottom: 1px #b00 dashed;
}

#accolright ul {
                        padding-bottom: 1.3em;
}

#accolright p {
                        font: normal normal normal 0.85em/1.35em georgia, serif;
                        padding: 0.3em 0 1.3em 0;
                        color: #8d4000;
                        text-align: right;
}

#accolright a.agenda {
			color: #ff8300;
                        font: normal small-caps bold 1em georgia, serif;
			letter-spacing: 1px;
			padding: 0 0 0 15px;
			margin: 0;
			background: transparent url(img/golink.gif) 0 5px no-repeat;
}

#accolright a.agenda:hover {
                        text-decoration: none;
}

* html #accolright a.agenda {
			background: transparent url(img/golink.gif) 0 3px no-repeat;
}

h4 {
                        font: normal normal bold 1em/1.2em georgia, serif;
}

#contexte ul {
                        list-style-type: disc;
                        padding-left: 20px;
}

#slac p {
                        font: normal normal normal 0.85em/1.15em georgia, serif;
                        color: #8d4000;
}

#acconteatre p, #contexte li, #contexte p {
                        font: normal normal normal 1em/1.35em georgia, serif;
                        padding-bottom: 1.3em;
                        color: #8d4000;
}

#contexte li {
                        list-style-image: url(img/golink.gif);
}

#contexte strong {
                        color: #2d0000;
}

#acconteatre p.petit {
                        font-size: 0.8em;
}

#contexte p.petit {
                        font-size: 0.95em;
}

#contexte p.petita {
                        font-size: 0.9em;
                        color:#311;
                        padding: 0 0 1.5em 1em;
}

#contexte li em, #contexte p em , #contexte p.petit em {
                        color: #540200;
}

#slac p a, #acconteatre p a, #colright p a, #contexte li a, #contexte p a {
                        color: #c70;
                        text-decoration: underline;
}

#acconteatre p a:hover, #colright p a:hover, #contexte li a:hover, #contexte p a:hover {
                        text-decoration: none;
}

.lac {
			text-align: right;
			padding: 0;
			margin: 0;
}

.lac a {
			color: #ff8300;
                        font: normal small-caps bold 0.95em georgia, serif;
			letter-spacing: 1px;
			padding: 0 0 0 15px;
			margin: 0;
			background: transparent url(img/golink.gif) 0 5px no-repeat;
}

* html .lac a {
			background: transparent url(img/golink.gif) 0 3px no-repeat;
}

p.chapo {
                        padding: 15px 5px 10px 5px;
                        font: italic normal normal 1.25em/1.35em Georgia, serif;
                        letter-spacing: -1px;
                        color: #222;
                        text-align: center;
			background: #fff url(img/haut-col-g.gif) top left repeat-x;
		        min-height: 55px;
}

* html p.chapo {
		        height: 55px;
}

a.top {
                        clear:both;
                        display: block;
                        text-align: right;
                        width: 100%;
                        height: 10px;
                        border: 0;
                        margin: 0 0 20px 0;
}

p.paraf {
                        color: #000;
                        text-align: right;
                        margin-right: 10px;
}

#colright h3 {

                        font-weight: bold;
                        text-align: right;
                        margin-top: 30px;
}

#colright p {

                        font: italic normal normal 1.05em/1.15em Georgia, serif;
                        letter-spacing: -1px;
                        color: #800000;
                        text-align: right;
}

#forcon {
                        margin: 10px 0;
}

#forcon legend {
		        font: italic normal normal 0.75em/1em georgia, serif;
		        padding: 0 0 20px 20px;
}

#forcon ol {
                        list-style-type: none;
}

#forcon ol li {
                        list-style-image: none;
                        padding: 5px 0;
                        min-height: 40px;
}

* html #forcon ol li {
                        height: 40px;
}

#forcon label {
	                display: block;
	                vertical-align: top;
	                width: 235px;
	                float: left;
                        font: italic normal normal 0.85em/1.2em georgia, serif;
}

#forcon label.respect {
                        font: italic normal normal 0.8em/1.2em georgia, serif;
                        padding: 1px 0 9px 0;
}

#forcon input, #forcon textarea {
                        padding: 3px 5px;
                        border: 1px #800 dashed;
                        width: 250px;
                        color: #200;
                        background: transparent url(img/fond-ss-menu-jeaune.gif) left bottom repeat;
                        font-family: georgia, serif;
                        font-size: 0.75em;
                        overflow: hidden;

}

#forcon input.er {
	                background-color: #e4a4a4;
}

#forcon fieldset span.malert {
                        font-family: georgia, serif;
                        display: block;
                        color: #eee;
                        border: 1px solid #ffc400;
		        background-color: #a80000;
                        padding: 10px 10px 8px 15px;
                        margin: 0 2px 25px 0;
}

#forcon fieldset span.malert strong {
                        color: #eee;
}

#forcon input#subbtn {
                        width: 262px;
                        font-weight: bold;
                        background: transparent url(img/fond-ss-menu-red.gif) left bottom repeat;
                        color: #eee;
                        border: 1px #ffc400 dashed;
                        padding: 5px;
			cursor: pointer;
}


/* FOOTER */
#widepied {
                        position: relative;
                        margin-top: -5em;
                        width: 100%;
		        background: #870000 url(img/haut-bas.gif) center top repeat-x;
}

#souspied {
			width: 100%;
			margin: 0 auto;
}

#pied {
			width: 760px;
			margin: 0 auto;
			text-align: left;
			height: 4em;
			padding-top: 1em;
}

#pied p {
                        float: left;
			display: inline;
                        font: normal normal normal 0.8em georgia, serif;
                        color: #f9eccb;
			font-variant: small-caps;
}

#pied p.pg {
			text-align: left;
			width : 648px;
			padding: 10px 0 0 0;
}

#pied p.pd {
			text-align: right;
			width : 112px;
			padding: 10px 0 0 0;
}

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

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

.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: 530px;
              		padding: 0;
              		margin: -50px 0 0 -15px;
}

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

/* end hide */

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