body {
        margin: 0;
        text-align: center;
        font: 1em normal Helvetica;
        background: gray;
}
#conteneur-intro {
        background: url('design/background-intro.jpg') no-repeat;
        width: 800px;
        height: 579px;
        margin: 0 auto;
}
#citation-intro {
        position: absolute !important;
        position : static;
        margin-top: 150px;
        margin-left: 453px;
}
#passer-intro {
        position: absolute !important;
        position : static;
        margin-left: 320px;
        margin-top: 80px;
}
#conteneur {
        margin-left: auto;
        margin-right: auto;
        width: 800px;
        height: auto;
        text-align: justify;
        background: white;
}
#header {
        background: url('design/header-michel-bellin.jpg') no-repeat;
        width: 800px;
        height: 188px;
        text-indent: -9000px;
}
#main {
        background: url('design/background-main.jpg');
        height: auto;
        padding: 5px;
}
#piedpage {
        text-align: center;
        border-top: 1px solid black;
        margin-top: 20px;
        top: 20px;
        background: white;
}
#menu {
        margin-left: 5px;
        width: 150px;
        height: auto;
        float: left;
}
a.menu {
        color: #8B006D;
        font-weight: bold;
}
#centre {
        width: auto;
        height: auto;
        margin-left: 160px;
}
#menu LI {
        border-left: 5px solid black;
        padding-left: 5px;
        margin-left: -30px;
        list-style-type: none;
        cursor: pointer;
}
#menu LI {
        border-left: 5px solid black;
        padding-left: 5px;
        margin-left: -30px;
        list-style-type: none;
        cursor: pointer;
}
#menu LI:hover {
        border-left: 5px solid gray;
}
#menu LI.hover {
        border-left: 5px solid gray;
}
a, a:hover, a:visited {
        font-weight: bold;
        color: #8B006D;
}
H1 {
        background: url('design/plume.gif') no-repeat;
        text-indent: 50px;
        font: 2em normal Helvetica;
}
H1#info {
        background: url('');
        text-indent: -9000px;
        position:absolute;
}
H2 {
        border-left: 2px solid #9F024C;
        border-bottom: 2px solid #9F024C;
        width: 90%;
        margin: 0;
        font-size: 1.1em;
        padding-left: 5px;
}
P {
        text-indent: 0.8cm;
}
.evenement {
        width: 90%;
        margin-top: 0;
        margin-right: 0;
}
.date-evenement {
        color: #9F024C;
        text-align: right;
        font-style: italic;
}
.extrait, .anecdote, .commentaire, .presse {
        margin-left: 5px;
        margin-right: 5px;
        padding-left: 5px;
        padding-right: 5px;
        text-indent: 10px;
        opacity: 0.7;
}
.anecdote {
        border-left: 5px solid #000;
        background: #FFF77E;
}
.presse {
        border-left: 5px solid #14C302;
        background: #B5FDAE;
}
.extrait {
        border-left: 5px solid #9F024C;
        background: #F2CFDF;
}
.commentaire {
        border-left: 5px solid #F00;
        background: #FFBEBE;
}
.didascalies {
        text-align: center;
        color: #C00;
}
.signature {
        width: 100;
        text-align: right;
        font-style: italic;
}
.bleu {
        color: blue;
}
.text-event {
        margin-top: 10px;
}
#recto, #verso {
        position: absolute;
        margin-left: 50px;
        display: none;
        border: 10px solid black;
        cursor: pointer;
}
.biblio-impair {
        float: right;
        width: 150px;
        margin: 0;
}
.biblio-pair {
        width: 150px;
}
#conteneur-biblio {
        margin-left: auto;
        margin-right: auto;
        width: 500px;
}
#conteneur-thumb {
        width: 100px;
        float: left;
        margin: 0;
}
.cadre-biblio {
        border: 3px solid #9F024C;
        margin-left: 120px;
        padding: 5px;
        margin-top: 20px;
}
#souscription {
        border: none;
        margin: auto;
        width: 400px;
        padding: 0;
}
#comment {
        border: none;
        margin: 0;
        padding: 0;
        width: 350px;
}
#corpForm {
        border: 1px solid #810941;
        color: black;
        background: #E3CFD9;
        margin: 0;
        padding: 1em;
        width: 500px;
}
#corpForm2 {
        border: 1px solid #810941;
        color: black;
        background: #E3CFD9;
        margin: 0;
        padding: 1em;
        width: 450px;
}
#titreForm, #piedForm {
        font: bold .8em arial, hevetica, sans-serif;
        color: white;
        width: 400px;
        background: #9F024C;
        padding: 1px;
}
#titreForm2, #piedForm2 {
        font: bold .8em arial, hevetica, sans-serif;
        color: white;
        width: 532px;
        background: #9F024C;
        padding: 1px;
}
#piedForm3 {
        font: bold .8em arial, hevetica, sans-serif;
        color: white;
        width: 482px;
        background: #9F024C;
        padding: 1px;
}
#piedForm {
        text-align: right;
}
#piedForm input {
        font-weight: bold;
        margin-left: 1em;
        color: #24038F;
}
#corpsForm fieldset {
        margin: 0;
        font-style: normal;
        padding: 0 1em 0;
        border-color: gray;
        border-bottom: 0;
        background: #EEEDEB;
}
legend {
        font-weight: bold;
        color: black;
        background: transparent;
}
p {
        padding: .2em 0;
        margin: 0 0 .2em;
}
fieldset label {
        float: left;
        width: 50%;
        text-align: left;
        margin: 0;
        padding: 0 .5em 0 0;
        color: black;
}
label:hover, #piedForm input {
        cursor: pointer;
}
label.oblig {
        font-weight: bold;
}
.legende {
        font-style: italic;
        color: red;
        background: transparent;
        margin: 0;
        padding: 0;
}
.focus {
        background: #FFE0EF;
        color: black;
}
.normal {
        background: white;
        color: black;
}
.page {
        color: white;
}
.add_couv {
        display: none;
        position: absolute;
        z-index: 1;
}
#menu_admin {
        position: absolute;
        border-left: 3px solid #8B006D;
        border-right: 3px solid #8B006D;
        border-bottom: 3px solid #8B006D;
        margin-left: -100px;
        top: 180px;
        width: 100px;
        text-align: left;
}
a#top_admin {
        text-size: small;
        width: 100px;
        height: 30px;
        text-indent: -9000px;
        display: block;
        background: url('design/admin_title.gif');
}
#menu_admin p {
        color: white;
        font-weight: bold;
        width: 100px;
}
#action_admin {
        width: 80px;
        height: 30px;
        left: auto;
        right: auto;
}
#suppr {
        repeat: no-repeat;
        width: 45px;
        height: 30px;
        vertical-align: middle;
        position: absolute;
        background: url('design/suppr.gif');
}
#modif {
        repeat: no-repeat;
        width: 45px;
        height: 30px;
        vertical-align: middle;
        position: absolute;
        margin-left: 50px;
        background: url('design/modif.gif');
}
#admin0 {
        width: 100px;
        height: 36px;
        display: block;
        background: url('design/admin0.gif') no-repeat;
}
#admin1 {
        width: 100px;
        height: 36px;
        display: block;
        background: url('design/admin1.gif') no-repeat;
}
#admin2 {
        width: 100px;
        height: 36px;
        display: block;
        background: url('design/admin2.gif') no-repeat;
}
#admin3 {
        width: 100px;
        height: 36px;
        display: block;
        background: url('design/admin3.gif') no-repeat;
}
.first-letter {
        font-weight : bold;
        color : red;
        }
		
/*CSS concernant ieschoua*/
#conteneur-ieschoua {
position : absolute;
padding: 0 0 0 38px;
font-size:18px;
font-family : Arial, verdana, serif;
}

#menu-ieschoua {
background:url(ieschoua/menu.gif) no-repeat;
width : 723px;
height : 68px;
list-style-type:none;
padding:20px 0 0 0;
margin:0;
}

#menu-ieschoua li {
float:left;
margin-left:10px;
font-size:14px;
}

#menu-ieschoua li a{
position:relative;
z-index:1;
}

#top-ieschoua {
clear:left;
margin-top:20px;
background:url(ieschoua/top-main.gif) no-repeat;
width:727px;
height : 28px;
}

#main-ieschoua {
width : 707px;
height : auto;
background:url(ieschoua/bord-main.gif) repeat-y;
padding:0 10px 0 10px;
}

#main-ieschoua h1{
text-align:center;
background:url();
margin:0 0 20px 0;
font-family : Arial, verdana, serif;
width:90%;
border-bottom:4px solid #020055;
padding-bottom:10px;
margin:auto;
margin-bottom : 15px;
}

#main-ieschoua p{
text-align:justify;
margin-bottom:0px;
}
#bottom-ieschoua {
background:url(ieschoua/bas-main.gif) no-repeat;
width:727px;
height : 28px;
}

#main-ieschoua h3 {
	padding: 4px 10px;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
	background: #484BBC;
	cursor: pointer;
}

#main-ieschoua h3 a:link,#main-ieschoua h3 a:visited {
	font-weight: normal;
	letter-spacing: 2px;
	display: block;
	text-decoration: none;
	color: #fff;
}

#main-ieschoua h3 a:hover,#main-ieschoua h3 a:active {
	color: #fff;
}

.accordion {
padding:0 10px 0 30px;
}

#presse li {
margin-top : 15px;
}

/*--------- Lightbox -----------*/
#lightbox{
    background-color:#eee;
    padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
}

#lightboxDetails{
    font-size: 0.9em;
    color: #555;
    padding-top: 0.5em;
}

#closeButton{ top: 5px; right: 5px; }

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#lightbox img{ border: none; }

#overlay img{ border: none; }

#overlay{ background-image: url(lightbox/overlay.png); }

* html #overlay{ /*Hack IE */
    background-color: #000;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="lightbox/overlay.png", sizingMethod="scale");
}
/*-------- fin lightbox -------*/
p#pierre {
text-align:center;
margin-top : 20px;
}

p#pierre img {
border : 1px solid black;
width : 25%;
margin-left : 10px;
}