* {
border:0;
margin:0;
padding:0;
list-style:none;
font-size:100%;
outline:none; }

input, textarea, select {
border:1px solid #000;
padding:2px;
vertical-align:middle; }

body {
text-align:justify;
font:100%/1.3 Arial, "Times New Roman", sans-serif;
background:#DAE5E4 url(img/body_fond.jpg) repeat-x center top; }


/* ~~~~~~~~~~~~~~~~ Flash & Déco ~~~~~~~~~~~~~~~~ */


/* ~~~~~~~~~~~~~~~~  Style ~~~~~~~~~~~~~~~~ */


/***** Style par défaut *****/

h1, .invis {
position:absolute;
top:-9999px; }

p a:hover {
text-decoration:underline;}

/***** Style structure *****/


/***** Style contenu *****/


/* ~~~~~~~~~~~~~~~~  Layout ~~~~~~~~~~~~~~~~ */

div#global{
overflow:hidden;
width:998px;  
margin:0 auto;}

div#entete{
position:relative;
width:998px;
height:229px; 
background:url(img/entete_fond.png) no-repeat top;}

div#conteneur_centre{
position:relative;
width:998px;
background:#D1E1E1 url(img/conteneur_centre_fond.jpg) repeat-y top;}

div#menu {
position:absolute;
top:0;
left:0;
background:url(img/menu_fond.jpg) no-repeat center top;
width:216px;
height:340px;} 

div#menu ul{
width:169px;
height:270px;
position:absolute;
top:0;
left:33px;}

div#menu ul li{
margin-bottom:5px;
text-align:left;
width:189px;
height:23px;}

div#menu ul li a{
padding-left:21px;
line-height:1.9;
width:189px;
height:23px;
display:block;
background:url(img/puce_menu.jpg) no-repeat left;
color:#184DC6;
font-size:75%;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;}

div#menu ul li a:hover{
color:#FA0000;}

div#colonne_gauche{
padding:32px 0 0 25px;
position:absolute;
top:0;
left:0;
height:1000px;
width:183px; /*216*/ }

div#contenu {
min-height:780px;
overflow:hidden;
width:730px;
margin-left:236px;}

div#contenu{
overflow:hidden;
width:730px;
color:#333;}

div#contenu p{
font-size:75%;
padding-bottom:10px;
color:3333;}

/* Newsletter */

div#newsletter form {
width:164px;
height:29px;
position:absolute;
top:280px;
left:33px;
overflow:hidden;}

div#newsletter h3{
display:none;}

div#newsletter form input#mail {
float:left;
background:#184DC6;
color:#fff;
margin-right:8px;
font-size:75%;
width:100px;
height:19px;
border:none;}

div#newsletter form input#submit {
text-transform:uppercase;
background:#184DC6;
color:#fff;
font-size:75%;
width:25px;
height:22px;
border:none;}

div#coordonnees{
text-align:left;
font-size:bold;
position:absolute;
top:315px;
left:29px;
width:185px;
height:515px; 
margin-top:30px;
font-size:75%;
color:#333333;}

div#coordonnees dl dd{
font-size:115%;
color:#333;
line-height:1;
margin-bottom:5px;
text-align:left;}

div#coordonnees dl dt#logo_coordonnees{
border:none;
background:url(img/logo_coordonnees.png) no-repeat center;
overflow:hidden;
width:180px;
height:36px;
text-indent:-9999px;}

div#coordonnees dl dt{
line-height:1;
padding-bottom:10px;
padding-top:10px;
border-top:1px solid #AAB5B5;
color:#FA0000;
font-size:150%;}

div#coordonnees dl dd#texte_coordonnees{
font-weight:bold;
padding-top:0px;
font-size:75%;}

div#logo{
position:absolute;
top:51px;
left:414px;
background:url(img/logo.png) no-repeat center top;
width:156px;
height:64px;} 

div#baseline_1{
font-size:75%;
color:#184DC6;
padding-top:126px;
text-align:center;}

div#baseline_2{
font-weight:bold;
font-size:80%;
color:#184DC6;
padding-top:10px;
text-align:center;}

div#news h3{
border-bottom:2px solid #4470CD;
text-align:right;
width:100%;
font-size:110%;
color:#4470CD;}

div#news dl{
color:#333;
font-size:75%;
padding:15px 0;}

div#news dl dt img {
margin-right:10px;
float:left;}

h2{
margin:10px 0;
width:100%;
padding:2px 5px;
font-size:110%;
background:#4470CD;
color:#fff;}

h3.titre_texte{
padding-left:14px;
line-height:1.9;
display:block;
background:url(img/puce_texte.jpg) no-repeat left;
font-size:75%;
font-weight:bold;}

div#diaporama{
position:relative;
margin:15px auto;
background:url(img/diaporama.jpg) no-repeat center top;
width:704px;
height:174px;}

div#footer{
padding-top:20px;
background:#D1E1E1 url(img/conteneur_bottom.jpg) no-repeat top right;
position:relative;
overflow:visible;
width:786px;
margin-left:212px;
height:80px;} 

/* Footer */

div#footer ul{
text-align:center;
overflow:hidden;}

div#footer ul li{
color:#333;
height:10px;
display:inline;}

div#footer ul li a{
text-transform:uppercase;
text-decoration:none;
font-size:55%;
padding-left:5px;
margin-right:5px;
color:#333;}

div#footer ul li a:hover{
text-decoration:underline;}