/*                     */
/* Mise forme générale */
/*                     */

html, body {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size: 10pt;
line-height: 13pt;
text-align: center;
color: black;
background: url("../images/background.jpg") white repeat-x left top;
margin: 0;
padding-bottom: 5px;
}
IMG
{
	border:0px;
}
.img
{
	display : block;
	margin-left : auto;
	margin-right : auto; 	
}
/* Conteneur de la Page */
#container {
width: 990px;
/* top/bottom right/left */
margin: 0 auto;
padding: 0;
}
/* Header */
#header {
width: 990px;
height: 330px;
background: url("../images/header.jpg") transparent no-repeat left top;
}
/* Logo */
DIV#logo {
width: 460px;
height: 80px;
background: url("../images/logo.jpg") no-repeat left top;
margin: 210px 0 0 10px;
float: left;
}
#logo a {
   display: block ;
   height: 100% ;
}
#logo {
   overflow: visible ;
   height: 0px;
}
/* Colonne Principale */
#principale {
width: 100%;
text-align: justify;
float: left;
margin: 0px 0 0px 0;
}
/* Colonne Droite */
#droite {
width: 300px;
line-height: 13.5pt;
text-align: left;
float: right;
margin-bottom: 15px;
}
/* Colonne Galerie */
#galerie {
display: table-cell;
text-align: center;
width: 970px;
/* top right bottom left */
margin: 0 0 15px 10px;
float: left;
}
/* Footer */
#footer {
width: 990px;
font-size: 7pt;
padding-top: 10px;
clear: both;
border-top: 1px solid black;
}

/*                */
/* Menu Superieur */
/*                */

#top_menu {
width: 250px;
height: 252px;
text-align: left;
text-indent: 60px;
float: left;
/* top right bottom left */
margin: 0 0 0 35px;
padding: 0;
}
#top_menu dd {
width: 250px;
height: 60px;
line-height: 60px;
font-size: 20pt;
font-weight: bold;
/* top right bottom left */
margin: 0 0 3px 0;
}

/*       */
/* Liens */
/*       */

/* Liens Menu Superieur */
#top_menu a:link, #top_menu a:visited {
color: #3974f5;
text-decoration: none;
display: block;
}
#top_menu a:active, #top_menu a:hover, #top_menu #on {
color: white;
text-decoration: none;
}
#top_menu #tm1 a:link, #top_menu #tm1 a:visited {
background: url("../images/menu1_off.jpg") transparent no-repeat left bottom;
}
#top_menu #tm1 a:active, #top_menu #tm1 a:hover, #top_menu #tm1 #on {
background: url("../images/menu1_on.jpg") transparent no-repeat left bottom;
}
#top_menu #tm2 a:link, #top_menu #tm2 a:visited {
background: url("../images/menu2_off.jpg") transparent no-repeat left bottom;
}
#top_menu #tm2 a:active, #top_menu #tm2 a:hover, #top_menu #tm2 #on {
background: url("../images/menu2_on.jpg") transparent no-repeat left bottom;
}
#top_menu #tm3 a:link, #top_menu #tm3 a:visited {
background: url("../images/menu3_off.jpg") transparent no-repeat left bottom;
}
#top_menu #tm3 a:active, #top_menu #tm3 a:hover, #top_menu #tm3 #on {
background: url("../images/menu3_on.jpg") transparent no-repeat left bottom;
}
#top_menu #tm4 a:link, #top_menu #tm4 a:visited {
background: url("../images/menu4_off.jpg") transparent no-repeat left bottom;
}
#top_menu #tm4 a:active, #top_menu #tm4 a:hover, #top_menu #tm4 #on {
background: url("../images/menu4_on.jpg") transparent no-repeat left bottom;
}
#logo a:link, a:visited {
text-decoration: underline;
background-color: transparent;
outline: none;
}
/* Lien Normaux */
a:link, a:visited {
text-decoration: underline;
color: #004900;
background-color: transparent;
outline: none;
}
a:active, a:hover {
text-decoration: none;
color: black;
background-color: #00f300;
outline: none;
}

/*                      */
/*        Titres        */
/*                      */

/* Titre de Page */
#header h1 {
width: 990px;
height: 20px;
line-height: 20px;
color: white;
font-size: 10pt;
text-align: center;
margin-top: 10px;
padding: 0;
float: left;
}
/* Titres Colonne Principale */
#principale h1, #galerie h1 {
font-size: 16pt;
text-align: left;
color: #004900;
/* top right bottom left */
margin: 20px 0 10px 0;
}
/* Sous Titres Colonne Principale */
#principale h2, #galerie h2  {
font-size: 12pt;
text-align: left;
color: #880a1d;
/* top/bottom right/left */
margin: 5px 0;
}
/* Titre Bloc Colonne Droite */
.bloc h1 {
width: 298px;
height: 25px;
line-height: 25px;
font-size: 12pt;
text-align: center;
/* top right bottom left */
margin: 10px 0 0 -10px;
padding: 0;
background: #78D9F9;
border: 1px solid white;
}

/*               */
/*     Divers    */
/*               */

/* Image Flottante Alignée a Gauche */
.left {
border: 3px double black;
float: left;
margin-right: 5px;
}
/* Bloc Colonne Droite */
.bloc {
width: 280px;
padding: 0px;
margin: auto;
background: #CDF2FB;
border: 1px solid #78D9F9;
}
/* Paragraphe Bloc Colonne Droite */
.bloc p {
width: 260px;
/* top/bottom right/left */
margin: 5px 10px;
}
/* Iframe */
iframe {
border: 1px solid #78D9F9;
/* top/bottom right/left */
margin: 5px 0;
}
#galerie img {
margin: 10px;
vertical-align: middle;
border: 3px double black;
}
#galerie a {
background: none;
}

/*              */
/*     Table    */
/*              */

table {
width: 100%;
border: 1px solid black;
border-collapse: collapse;
/* top/bottom right/left */
margin: 10px 0;
}
th, td {
text-align: center;
border: 1px solid black;
padding: 3px;
}
.nobord {
border-top: 1px solid white;
border-left: 1px solid white;
}
.tdd {
width: 170px;
text-align: left;
font-weight: bold;
}

/*                   */
/*     Formulaire    */
/*                   */

fieldset {
text-align: center;
padding: 0;
border: 1px solid black;
}
legend {
color: black;
font-weight: bold;
margin-left: 20px;
}
fieldset p {
margin: 10px;
}

/*                   */
/*       Accueil     */
/*                   */
#left_content{
    width: 49%;
    float: left;
    border-right: 1px dashed black;
}

#right_content{
    width: 49%;
    float: left;
    padding: 0px 0px 0px 15px;
}