body
{
font: bold 11px/1.5em Verdana;
background-color: #000;
background-image: url("http://www.ciel-et-enfer.net/images/fond-site.gif");
}
h2
{
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 1em;
padding: 0;
text-align: center;
}
p
{
margin: 0 0 1em 0;
padding: 0;
}
img
{
border: none;
}
a:link {color: #24618E;}
a:visited {color: #7593AB;}
a:hover {color: #7593AB;}
a:active {color: #7593AB;}
a {color: #24618E;}

li{margin: 2px 0 0 0;}

/*/////////////////////
//   Les différentes zones de contenu...     
/////////////////////*/
#container
{
width: 750px;
padding: 0;
margin: 0 auto;
}
/*/////////////////////
//   Menu         
/////////////////////*/
#menu
{
width: 750px;
height: 32px;
}
/*- Menu onglets--------------------------- */
#onglets
{
position: relative;
float: left;
width: 750px;
font-size: 93%;
line-height: normal;
}
#onglets ul
{
margin:0;
padding: 10px 10px 0 50px;
list-style:none;
}
#onglets li
{
display:inline;
margin:0;
padding:0;
}
#onglets a
{
float:left;
background:url("http://www.ciel-et-enfer.net/images/onglets_gauche.gif") no-repeat left top;
margin:0;
padding:0 0 0 5px;
text-decoration:none;
}
#onglets a span.menu-visible
{
float:left;
display:block;
background:url("http://www.ciel-et-enfer.net/images/onglets_droite.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#24618E;
}
#onglets a span.infos-menu
{
display: none;
}
#onglets a:hover span.infos-menu
{
position: absolute;
background: transparent;
display: inline;
top: 4em;
left: 5em;
width: 700px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#onglets a span {float:none;}
/* End IE5-Mac hack */
#onglets a:hover span {color:#FFF;}
#onglets a:hover {background-position:0% -42px;}
#onglets a:hover span {background-position:100% -42px;}

/*/////////////////////
//   Header         
/////////////////////*/
#header
{
background-color: #FFF;
background: url('http://www.ciel-et-enfer.net/images/header.jpg') no-repeat left top;
width: 750px;
height: 183px;
border: 1px solid #7593AB;
}
#headertext
{
position: relative;
left: 60px;
top: 50px;
color: #253547;
font-size: 2em;
}
#moteur
{
position: relative;
top: 80px;
text-align: center;
color: white;
}


/*/////////////////////
//   Main         
/////////////////////*/
#middle
{
background-color: #FFF;
background-image: url('http://www.ciel-et-enfer.net/images/fond-centre.gif');
width: 750px;
border: 1px solid #7593AB;
}
#main
{
padding: 0 1em 2em 1em;
/*max-height: 700px;
height: expression(this.scrollHeight > 700 ? "700px" : "auto"); /* IE */
overflow: auto;
font: normal 11px/1.5em Verdana;
}
#liens-google
{
width: 100%;
margin: 0;
text-align: right;
}

/*les sommaires avec vignettes*/
#sommaires
{
text-align: center;
}
#sommaires .vignettes
{
float: left;
width: 30%;
text-align: center;
margin: 0 0 10px 0;
padding: 0;
}
#retour
{
text-align: right;
}

/*textes et auteurs*/
#illustration
{
clear: both;
margin: 15px 0 5px 0;
padding:0;
text-align: center;
font-size: 0.8em;
}
#infos-auteur
{
float: right;
width: 550px;
}
#infos-auteur p
{
text-align: center;
}
#commment_auteurs
{
padding: 0;
margin: 0 0 10px 0;
}
#liste-textes
{
float: left;
width: 150px;
margin: 0;
padding: 0 2px 0 0;
border-right: solid 1px black;
border-bottom: solid 2px black;
}
.liste-textes
{
max-height: 300px;
height: expression(this.scrollHeight > 300 ? "300px" : "auto"); /* IE */
overflow: auto;
margin-left: 5px;
padding-left: 2px;
}
#texte
{
float: right;
width: 550px;
padding: 0;
}
#auteur-texte
{
width: 1OO%;
text-align: center;
padding-bottom: 10px;
}

/*galerie*/
#img-galerie
{
text-align: center;
margin: 2em 0 2em 0;
}
#liste-images
{
text-align:center;
}
#liste-images ul
{
list-style:none;
}
#liste-images li
{
display:inline;
margin-left:1em;
}

/*alignements*/
.c{text-align: center;}
.j{text-align: justify;}
.g{text-align: left;}
.d{text-align: right;}
/*style*/
.it{font-style: italic;}
.gr{font-weight: bold;}
.so{text-decoration: underline;}

/*les formulaires*/
.intitule-formul
{
float: left;
width: 17%;
text-align: left;
}
.champ-formul
{
float: left;
width: 80%;
}
.instruc-formul
{
font-style: italic;
text-align:  left;
font-size: 0.9em;
}
hr.separation
{
visibility: hidden;
clear: both;
}
.erreur
{
color: red;
font-weight: bold;
font-size: 1.2em;
text-align: center;
}

.boite
{
margin: 0.5em 0 0.5em 9em; 
height: 60px;
width: 400px;
overflow: auto;
background-color: white;
}
.boite a
{
color: black;
}

/*/////////////////////
//   Footer         
/////////////////////*/
#footer
{
background-color: transparent;
width: 750px;
color: #FFF;
padding: 5px;
font: normal 80% Arial;
}
#footer a:link {color: #7593AB;}
#footer a:visited {color: #7593AB;}
#footer a:hover {color: #24618E;}
#footer a:active {color: #7593AB;}
#footer a {color: #7593AB;}

#partenaires
{
background-color: transparent;
width: 750px;
color: #FFF;
padding: 5px;
font: normal Arial;
}
#partenaires a:link {color: #7593AB;}
#partenaires a:visited {color: #7593AB;}
#partenaires a:hover {color: #24618E;}
#partenaires a:active {color: #7593AB;}
#partenaires a {color: #7593AB;}

#cherche-google
{
text-align: center;
color: white;
font-size: 0.85em;
font-style: italic;
}