
/*CSS DESIGN*/
body
{
width: 1200px;
background-image: url("images/fond1.jpg");
background-repeat: repeat-x;
}

#haut
{
/*border: 1px solid black;*/
height: 80px;
width: 1200px;
margin-left: 0px;
margin-top: 350px;
margin-bottom: 20px;
}

#menu
{
float: left;
width: 200px;
}

.ss_menu
{
background-image: url("images/motif_menu.jpg");
border: 4px groove gray;
margin-bottom: 5px;
}

.ss_menu2
{
background-image: url("images/motif_menu.jpg");
border: 4px groove gray;
margin-bottom: 5px;
margin-top: 10px;
}

h3, h4, h2
{
font-family: Arial;
text-align: center;
}

h2
{
font-weight: bold;
border: 2px outset gray;
padding: 5px;
}

.non_h2
{
text-align: left;
border: none;
padding: 0px;
}

a h2
{
color: blue;
}

.ss_menu ul , .ss_menu2 ul
{
padding: 0px;
padding-left: 20px;
}

#corps
{
margin-left: 220px;
border: 4px groove gray;
padding: 5px;
background-image: url("images/motif_menu.jpg");
}

#corps h1
{
text-align: center;
font-family: "Arial Black";
font-weight: bold;
text-decoration: underline;
}

#pied_page
{
margin-left: 220px;
margin-top: 20px;
border: 4px groove gray;
padding: 0px;
background-image: url("images/motif_menu.jpg");
}

a img
{
border: none;
}

.screen
{
width: 950px;
}




/*COULEURS*/
.red
{
color: red;
}
.jaune
{
color: orange;
}


/*ALIGN*/
.a_droite
{
text-align: right;
}


 /*CSS CARTE*/
table
{
border-collapse: collapse;
}

.droite
{
width: 260px;
float: right;
margin-top: 20px;
}

.infos
{
text-align: left;
border: 2px solid red;
padding: 5px;
}

.navig_carte
{
padding-top: 100px;
text-align: center;
}

td
{
width: 90px;
border: 2px ridge black;
text-align: center;
}

 /*FORMULAIRES*/
form p
{
text-align: center;
}


/*RESSOURCES*/
td img
{
width: 100px;
}

.ress tr td
{
width: 150px;
border: none;
border-right: 1px solid black;
text-align: center;
}

.ss_bord
{
border-right: none;
}





/*COMMS*/
.cadre_comm
{
border: 2px solid black;
margin-bottom: 10px;

}

.titre_comm
{
border-bottom: 2px solid green;
text-align: center;
font-weight: bold;
font-family: Arial;
padding: 5px;
}

.auteur_comm
{
text-align: left;
font-weight: normal;
text-decoration: underline;
margin: 0px;
padding: 0px;
}

.date_comm
{
font-style: italic;
text-indent: 10px;
}

.txt_comm
{
text-indent: 30px;
padding: 5px;
}

#lien_comm
{
color: grey;
text_decoration: underline;
}





/*MESSAGE*/
#mess
{
background-color: white;
width: 50%;
height: 20%;
position: fixed;
right: 25%;
top: 40%;
margin: auto;
border: 5px ridge green;
overflow: auto;
z-index: 20;
}

#mess .a_droite
{
margin-top: 0px;
}