/* CSS issu des tutoriels css.alsacreations.com */

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
background: url(images/fullbody.gif);
margin: 0;
padding: 0;
}

#fullContainer {
    height: 600px;
    background: url(images/fond_haut.jpg) 6px 0 repeat-x;
}

p {
margin: 0 0 10px 0;
}

p.ob {
margin-left:120px;
}

p.img {
margin-left:90px;
}

h1.para {
margin-left:50px;
margin-right:50px;
color: #000;
font-size:1em;
font-weight:bold;
text-align: justify;
}
h1.lien {
margin-left:70px;
margin-right:80px;
color: #000;
font-size:0.9em;
text-align: justify;
}

h1.titre {
color: #033785;
text-align: center;
font-family: Verdana, "Verdana Black", "Times New Roman", Times, serif;
font-size: 1.5em;
}

h1.copy/*police pour ligne des bas de pages*/
{
   font-size: 0.8em;
   font-family: Verdana, "Verdana Black", "Times New Roman", Times, serif;
   color: #3448e1;
   text-align: center;
}

h1.rouge
{
font-size: 1em;
font-family: Verdana, "Verdana Black", "Times New Roman", Times, serif;
color: red;
text-align: center;

}

p.tab {

width:140px;
height:30px;
overflow:auto;
}



/* ------------------------------------Parametre du bandeau -----------------------------------------------*/

#header {
height: 50px;
height:180px;
background-image:url(images/bandoanimation.gif);
}

/* ------------------------------------Parametre du haut -----------------------------------------------*/

#haut {
height: 60px;
}

/* ------------------------------------Parametre du conteneur -----------------------------------------------*/

#conteneur {
width:950px;
margin:0 auto;
}

/* ------------------------------------Parametre du centre -----------------------------------------------*/

#centre {

margin-left: 100px;
margin-right:100px;
background-image:url(images/fond-milieu.gif);
}

/* ------------------------------------Parametre de gauche -----------------------------------------------*/

#gauche {
float:left;
width: 198px;
background-image:url(images/lien-milieu.gif);
}

/* ------------------------------------Parametre du pied -----------------------------------------------*/

#pied {
clear:both;
margin-left: 100px;
margin-right: 100px;
height: 16px;
background-image: url(images/fond-bas.jpg);
}

/* ------------------------------------Parametre du menu dessousmenu -----------------------------------------------*/

#dessousmenu {
margin-left: 100px;
margin-right: 100px;
background-image:url(images/fond-haut.gif);
}

/* ------------------------------------Parametre du menu gauche -----------------------------------------------*/

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

#menugauche li {
margin-bottom: 5px;
}

#menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}

#menugauche a:hover {
text-decoration: none;
}


/* ------------------------------------Parametre de la premiere ligne de menu -------------------------------*/

dl, dt, dd, ul, li {
margin: 0;
padding: 0px;
list-style-type: none;
}

#menu-ligne1 {
padding-left:15%;
}

#menu-ligne1 dl {
        float: left;
        padding-left: 0px;
        width: 13em;  /* grandeur des case*/
}

#menu-ligne1 dt {
        cursor: pointer;
        text-align: center;
        font-weight: bold;
        font-size: 13;
        background: url(images/bouton.jpg);
        border: 1px solid gray;
        margin: 1px;
}


#menu-ligne1 li a, #menu-ligne1 dt a {
        color: #ffffff;
        text-decoration: none;
        display: block;
        height: 50%;
        border: none;
}

#menu-ligne1 li a:hover, #menu-ligne1 li a:focus, #menu-ligne1 dt a:hover, #menu-ligne1 dt a:focus {
       background: url(images/bouton2.jpg);
}

/* ------------------------------------Parametre de la deuxième ligne de menu -------------------------------*/

#menu-ligne2 {
padding-left:9.5%;
}

#menu-ligne2 dl {
        float: left;
        width: 15em;
}

#menu-ligne2 dt {
        cursor: pointer;
        text-align: center;
        font-weight: bold;
        font-size: 13;
        background: url(images/boutonlign2.jpg);
        border: 1px solid gray;
        margin: 1px;
}

#menu-ligne2 li a, #menu-ligne2 dt a {
        color: #ffffff;
        text-decoration: none;
        display: block;
        height: 100%;
        border: 0 none;
}

#menu-ligne2 li a:hover, #menu-ligne2 li a:focus, #menu-ligne2 dt a:hover, #menu-ligne2 dt a:focus {
        background: url(images/boutonlign2sur.jpg);
}