/*
Design de la page d'accueil du site : 
Jean-Luc Kerroux
*/

#pageHeader {
    /*margin-top: 0px;
    text-align: center;
    background: #8C9777 url("../images/bandeau1.jpg") center top no-repeat;
    height: 100px;*/
}
#pageHeader h1 span, #pageHeader h2 span {
    /*display: none;*/
}

body {
    font-family: Times, Arial, Helvetica, sans-serif;
    font-size: medium;
    /*text-align: center;*/
    margin-top: 10px;
    margin-left: 35px;
    margin-right: 35px;
    margin-bottom: 20px;
    /*230px 150px 20px 150px;*/
    background: #FBFBE5 url("../images/cg3.jpg") center bottom fixed no-repeat;
    color: #556050;
}

#preamble {
    margin: 10px 150px 20px 150px;
    padding: 20px 20px 10px;
    border-left: 0px solid #8C9777;
    border-bottom: 0px solid #8C9777;
    border-right: 0px solid #8C9777;
    border-top: 0px solid #8C9777;
    background: transparent url(../images/fpomdouble.jpg) left top no-repeat;
    text-align: justify;
}

#preamble .p1 {
	font-size: 1.2em;
        font-weight: bold;
}

#preamble .p2 {
	font-size: 1em;
        font-weight: normal;
}

#preamble .p3 {
	font-size: 1em;
}

#preamble .p4 {
	font-size: .8em;
}

#preamble2 {
    margin: 10px 150px 20px 150px;
    padding: 20px 20px 10px;
    border-left: 0px solid #8C9777;
    border-bottom: 0px solid #8C9777;
    border-right: 0px solid #8C9777;
    border-top: 0px solid #8C9777;
    background: none;
    text-align: justify;
}

#preamble2 .p1 {
	font-size: 1.2em;
        font-weight: bold;
}

#preambleGite {
    margin: 10px 150px 20px 150px;
    padding: 20px 20px 10px;
    border-left: 0px solid #8C9777;
    border-bottom: 0px solid #8C9777;
    border-right: 0px solid #8C9777;
    border-top: 0px solid #8C9777;
    background: transparent url(../images/lanmerin.jpg) left top no-repeat;
    text-align: justify;
}

#preambleGite .p1 {
	font-size: 1.2em;
        font-weight: bold;
}

#preambleGite .p2 {
	font-size: 1em;
        font-weight: normal;
}

#preambleGite .p3 {
	font-size: .8em;
}


#preambleCC {
    margin: 10px 150px 20px 150px;
    padding: 20px 20px 10px;
    border-left: 0px solid #8C9777;
    border-bottom: 0px solid #8C9777;
    border-right: 0px solid #8C9777;
    border-top: 0px solid #8C9777;
    background: transparent url(../images/autostar_atlas2.jpg) left top no-repeat;
    text-align: justify;
}

#preambleCC .p1, #preambleLiens .p1{
	font-size: 1.2em;
        font-weight: bold;
}

#preambleCC .p2 {
	font-size: 1em;
        font-weight: normal;
}

#preambleCC .p3 {
	font-size: .8em;
}

#preambleLiens {
    margin: 10px 150px 20px 150px;
    padding: 20px 20px 10px;
    border-left: 0px solid #8C9777;
    border-bottom: 0px solid #8C9777;
    border-right: 0px solid #8C9777;
    border-top: 0px solid #8C9777;
    background: none;
    text-align: justify;
}

#preambleLiens .p2 {
	font-size: 1em;
	font-weight: normal;
}
acronym {
    font-weight: bold;
    text-decoration: none;
    border-bottom: none;
}

p:first-letter /* La première lettre de chaque paragraphe */
{
   font-weight: bold; /* En gras */
   font-size: 1.2em; /* Ecrit légèrement plus gros que la normale */
   color: red; /* En rouge */
   text-transform : uppercase; /* En majuscule */
}
p
{
   text-indent: 20px;
   color: black; /* En noir */
}

/* *********************/
/* Zoom sur image */
/* *********************/
.zoom {
height:100px;
margin:auto;
}
.zoom p {
text-align:center;
}
.zoom img {
width:200px;
height:100px;
}
.zoom img:hover {
width:800px;
height:600px;
}

/* *********************/
/* Les onglets du menu */
/* *********************/
#ongletMenu{width:900px; height:80px; position:relative; margin:0 auto; padding:0;}
#ongletMenu img{width:80px; height:80px; display:block; padding:15px 0 0 6px;}
/* Menu Panel */
#ongletMenu ul{width:900px; height:96px; display:block; position:absolute; top:0px; right:9px; margin:0; padding:0;}
#ongletMenu ul li{float:left; width:96px; display:block; text-align:center;}
#ongletMenu ul li a{width:104px; height:35px; display:block; font:14px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2E4E00; background: url(../images/image_menu.jpg) 0 0 repeat-x #F4F1DD; text-decoration:none; margin:0; padding:61px 0 0 0; }
#ongletMenu ul li a:hover{ width:104px; height:35px; display:block; background: url(../images/image_menu.jpg) right top repeat-x #FCFA16; color:#3E4E00; text-decoration:none;}
#ongletMenu ul li span{width:104px; height:35px; display:block; background:url(../images/menu-devider.gif) 100% 0 no-repeat #FCFAE6; color:#2E4E00; text-decoration:none; padding:61px 0 0 0; line-height:14px;}


caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
   color: #009900;
   margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 4px outset green; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

th /* Les cellules d'en-tête */
{
   background-color: #006600;
   color: white;
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

td /* Les cellules normales */
{
   border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

#renvoi /* Les renvois de bas de page */
{
   margin-left:10px;
   color: black;
   font-size: .8em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
   text-align:left;
}

#planSite /* Plan du site */
{
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
   text-align: left;
   margin-left:50px;
   font-weight: italic;
}

#planSite.p0 /* Plan du site */
{
   font-size: 1.2em;
   font-weight: bold;
   color: blue;
}


#planSite.p1 /* Plan du site */
{
   font-size: 1.0em;
   font-weight: normal;
   color: blue;
}

#planSite.p2 /* Plan du site */
{
   font-size: .8em;
   font-weight: italic;
   color: red;
}

#fleches {
    background-color: #556677;
    text-align: left;
}