/* CSS Document */
body{
margin: 0px;
text-align: center;
background-color:#dff2ff;
}
#conteneur{
position: relative;
width: 750px;
margin: auto;
text-align: left;
}

/*********************************************************constantes*************************************************************/
#bandeau_haut{
float: left;
width: 750px;
height: 165px;
background-image: url(../images/bandeau_haut.jpg);
}
#logo_site{
float: left;
width: 123px;
height: 141px;
padding-top: 20px;
padding-left: 100px;
}
#bandeau_haut_texte{
float: left;
width: 450px!important;
width: 500px;
padding-left: 50px;
padding-top: 0px!important;
padding-top: 20px;
font: italic normal normal 26px normal Myriad;
color: #b1dbf2;
}
#bandeau_bas{
clear: both;
float: left;
width: 750px;
height: 91px;
background-image: url(../images/bandeau_bas.jpg);
}

/***********************************************************police***************************************************************/
#texte1{
font: normal normal bold 15px bold;
font-family: verdana;
color: #0072b9;
}
/********************************************************page connection*********************************************************/
#contenu{
clear: left;
float: left;
width: 750px;
background-image: url(../images/fond_contenu.jpg);
background-repeat: repeat-y;
}
#connexion{
float: left;
width: 750px;
padding-top: 30px;
padding-bottom: 20px;
}
#connexion_gauche{
float: left;
width: 235px;
padding-left: 70px;
}
#connexion_gauche_texte{
float: left;
width: 200px!important;
width: 220px;
padding-left: 20px;
font: normal normal normal 14px normal;
font-family: verdana;
color:#000;
text-align: justify;
padding-bottom: 0px!important;
padding-bottom: 10px;
}
#ensemble_connect{
float: left;
width: 235px;
background-color: #e2007a;
border: 4px white solid;
color: white;
-moz-border-radius:10px;
}
#titre_form{
float: left;
width: 104px;
height: 13px;
padding-left: 10px;
padding-top: 5px;
margin-bottom: -20px;
}
#form_connect{
clear: left;
float: left;
padding-left: 5px;
width: 235px;
font: normal normal normal 12px normal;
font-family: arial;
}
#form_connect .forml{
width: 160px;
border: 2px outset #000;
}
#form_connect fieldset{
border: none;
padding-left: 5px;
}
#form_connect legend{
visibility: hidden;
font: normal normal bold 14px bold arial;
color: #1f1f59;
}
#form_connect .spip_bouton{
text-align: center;
}
#form_connect a{
color: #FFF;
text-decoration: none;
}
#form_connect a:hover{
color: #FFF;
text-decoration: underline;
}
#connexion_droite{
float: left;
width: 345px;
height: 303px;
padding-left: 40px!important;
padding-left: 30px;
padding-top: 25px!important;
padding-top: 30px;
}

/***************************************************page sommaire***************************************************************/
#actu{
float: left;
width: 490px!important;
width: 750px;
padding-left: 260px;
}
#haut_actu{
float: left;
width:229px;
height: 23px;
background-image: url(../images/haut_actu.jpg);
background-repeat: no-repeat;
}
#contenu_actu{
clear: left;
float: left;
width:229px;
font-family: arial;
font-size: 13px;
background-image: url(../images/fond_actu.jpg);
background-repeat: repeat-y;
}
#contenu_actu a{
text-align: right;
font: normal normal 600 11px bold;
font-family: arial;
text-decoration: none;
color: black;
font-stretch: condensed;
}
#contenu_actu a:hover{
text-align: right;
font: normal normal 600 11px bold;
font-family: arial;
text-decoration: underline;
color: black;
}
#bas_actu{
clear: left;
float: left;
width:229px;
height: 7px;
background-image: url(../images/bas_actu.jpg);
background-repeat: no-repeat;
}

/*******************************************************menu general*************************************************************/
#menu{
clear: left;
float: left;
width: 650px!important;
width: 750px;
padding-top: 20px;
padding-left: 95px;
}
#menu_parrain{
float: left;
width: 227px;
}
#menu_parrain .rubrique li{
list-style-image: url(../images/puce_menu.jpg);
font: normal normal normal 16px normal;
font-family: arial;
color: #00349a;
}
#menu_parrain .sousrubrique li{
list-style-image: url(../images/puce_smenu.jpg);
font: normal normal normal 16px normal;
font-family: arial;
}
#menu_parrain li a{
color: #00349a;
text-decoration: none;
}
#menu_parrain li a:hover{
color: #00349a;
text-decoration: underline;
}
#menu_outil{
float: left;
width: 227px!important;
width: 327px;
padding-left: 100px;
}
#menu_outil .rubrique li{
list-style-image: url(../images/puce_menu.jpg);
font: normal normal normal 16px normal;
font-family: arial;
}
#menu_outil .sousrubrique li{
list-style-image: url(../images/puce_smenu.jpg);
font: normal normal normal 16px normal;
font-family: arial;
}
#menu_outil li a{
color: #00349a;
text-decoration: none;
}
#menu_outil li a:hover{
color: #00349a;
text-decoration: underline;
}
#deconnexion{
clear: left;
float: left;
width: 117px;
height: 26px;
padding-left: 600px;
}
#deconnexion img{
border: none;
}

/****************************************************page rubriques*******************************************************************/
#ariane{
float: left;
width: 650px!important;
width: 750px;
padding-left: 100px;
padding-top: 10px;
font: normal normal normal 11px bold;
font-family: arial;
}
#document{
clear: left;
float: left;
width: 750px;
min-height: 300px;
}
#document_titre{
float: left;
width: 400px;
padding-left: 263px;
padding-top: 30px;
}
#document_table{
clear: left;
float: left;
width: 750px;
padding-top: 10px;
font-family: arial;
}
#document_table a{
font: normal normal 600 16px bold;
font-family: arial;
text-decoration: none;
color: black;
font-stretch: condensed;
}
#document_table a:hover{
font: normal normal 600 16px bold;
font-family: arial;
text-decoration: underline;
color: black;
}
#retour{
clear: left;
float: left;
width: 75px;
height: 36px;
padding-left: 100px;
padding-top: 10px;
}
#retour img{
border: none;
}

/****************************************************page articles*******************************************************************/
#document_actu{
clear: left;
float: left;
width: 550px!important;
width: 650px;
font-family: arial;
padding-left: 100px;
}
.titre_actu{
color: #00349a;
font-weight: bold;
}
.texte_actu{
padding-left: 20px;
font-style: italic;
}

/****************************************************page contact*******************************************************************/
#document_contact{
clear: left;
float: left;
width: 750px;
text-align: center;
padding-top: 10px;
font-family: arial;
color: #00349a;
}
#document_contact a{
color: #00349a;
text-decoration: none;
}
#document_contact a:hover{
color: #00349a;
text-decoration: underline;
}