/*
  Auteur : Techgrafik (http://www.techgrafik.com/)
*/

/* ******************** General ********************* */
* { margin: 0; padding: 0; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

.spacer { clear: both; }
.centre { text-align:center; margin:auto; }
img { border:0; }
/* ************************************************** */

/* ********************* Logo *********************** */
#logo { width: 310px; min-height: 115px; position: absolute; /*left: -71px;*/ left: 0; top: 9px; text-align: center; }
/* ************************************************** */

/* ******************** Contenu ********************* */
#conteneur_general { width: 100%; min-height: 100%; text-align: center; }

/* ************************************************** */

/* ********************* Entete ********************* */
#header { width: 100%; min-width: 978px; height: 124px; background: url(../images/bg_header.gif) repeat-x left top; }
#header #dimension_header { width: 978px; height: 124px; margin: 0 auto 0 auto; text-align: center; position: relative; }
/* ************************************************** */

/* *************** Espace de gestion **************** */
#espace_gestion { width: 461px; height: 80px; margin: 0 0 12px 494px; padding: 0; background: url(../images/espace_gestion/bg.jpg) no-repeat left bottom; text-align: left; color: #fff; font-size: 13px; }
#espace_gestion .top { height: 26px; line-height: 26px; background-color: #2B8BBC; padding: 0 10px; }
#espace_gestion .username a { font-size: 16px; font-weight: bold; color: #ffff00; }
#espace_gestion .logout { float: right; display: block; background: url("../images/espace_gestion/logout.png") no-repeat left center; padding: 0 5px 0 18px; font-size: 12px; }
#espace_gestion .links { height: 54px; line-height: 50px; padding: 0; text-align: center; }
#espace_gestion .links  a { display: block; float: left; text-indent: -999em; height: 54px; background-position: 0 0; }
#espace_gestion .links  a:hover { background-position: 0 -54px; }
#espace_gestion .links  a.blog { background-image: url("../images/espace_gestion/espace-blog.png"); width: 212px; }
#espace_gestion .links  a.gestion { background-image: url("../images/espace_gestion/espace-gestion.png"); width: 249px; }
#espace_gestion  form { padding: 7px 0 0 7px; height:47px; background: url(../images/espace_gestion/bg-form.jpg) no-repeat left bottom; }
#espace_gestion input.connexion { width: 83px; height: 25px; border: 0; background: url(../images/espace_gestion/bt_connexion.jpg) no-repeat left top; vertical-align: middle; cursor: pointer; }
#espace_gestion input.connexion:hover { background: url(../images/espace_gestion/bt_connexion.jpg) no-repeat left -25px; }

#espace_gestion input.txt_field { width: 154px; height: 25px; border: 0; padding: 0 10px 0 10px; margin-right: 5px; background: url(../images/espace_gestion/txt_field.jpg) no-repeat left top; vertical-align: middle; }
#espace_gestion input.txt_field { font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #1282c2; }

#espace_gestion p a { font-size: .85em; color: #fff; text-decoration: underline; }
#espace_gestion p a:hover { text-decoration: none; }
#espace_gestion a { color: #fff; }
#espace_gestion a { color: #fff; text-decoration: underline; }

#espace_gestion_connecter { width: 484px; height: 86px; margin: 0 0 0 494px; padding: 6px 0 0 0; }
#espace_gestion_connecter a.apercu { width: 93px; height: 77px; background: url(../images/connexion/apercu.jpg) no-repeat left top; display: block; float: left; }
#espace_gestion_connecter a.apercu:hover, #espace_gestion_connecter a.apercu_selection { background: url(../images/connexion/apercu.jpg) no-repeat left -77px; }
#espace_gestion_connecter a.aide { width: 93px; height: 77px; margin-left: 5px; background: url(../images/connexion/aide.jpg) no-repeat left top; display: block; float: left; }
#espace_gestion_connecter a.aide:hover, #espace_gestion_connecter a.aide_selection { background: url(../images/connexion/aide.jpg) no-repeat left -77px; }
#espace_gestion_connecter a.annuaire { width: 93px; height: 77px; margin-left: 5px; background: url(../images/connexion/annuaire.jpg) no-repeat left top; display: block; float: left; }
#espace_gestion_connecter a.annuaire:hover, #espace_gestion_connecter a.annuaire_selection { background: url(../images/connexion/annuaire.jpg) no-repeat left -77px; }
#espace_gestion_connecter a.quitter { width: 93px; height: 77px; margin-left: 5px; background: url(../images/connexion/quitter.jpg) no-repeat left top; display: block; float: left; }
#espace_gestion_connecter a.quitter:hover, #espace_gestion_connecter a.quitter_selection { background: url(../images/connexion/quitter.jpg) no-repeat left -77px; }
/* ************************************************** */

/* ********************** Menu ********************** */
#menu { width: 978px; height: 32px; }

#menu ul { margin-left: 330px; padding: 0; }
#menu ul li { height: 32px; list-style: none; float: left; text-align: center; }

#menu ul li.accueil { width: 138px; background: url(../images/menu/accueil.jpg) no-repeat left top; }
#menu ul li.accueil:hover, #menu ul li.accueil_selection { background: url(../images/menu/accueil.jpg) no-repeat left -32px; }

#menu ul li.presentation { width: 138px; background: url(../images/menu/presentation.jpg) no-repeat left top; }
#menu ul li.presentation:hover, #menu ul li.presentation_selection { background: url(../images/menu/presentation.jpg) no-repeat left -32px; }

#menu ul li.creer_blog { width: 138px; background: url(../images/menu/creer_blog.jpg) no-repeat left top; }
#menu ul li.creer_blog:hover, #menu ul li.creer_blog_selection { background: url(../images/menu/creer_blog.jpg) no-repeat left -32px; }

#menu ul li.connecter { width: 138px; background: url(../images/menu/connecter.jpg) no-repeat left top; }
#menu ul li.connecter:hover, #menu ul li.connecter_selection { background: url(../images/menu/connecter.jpg) no-repeat left -32px; }

#menu ul li.annuaire { width: 165px; background: url(../images/menu/annuaire.jpg) no-repeat left top; }
#menu ul li.annuaire:hover, #menu ul li.annuaire_selection { background: url(../images/menu/annuaire.jpg) no-repeat left -32px; }

#menu ul li a img.img_onglet { height: 32px; border: 0; margin-bottom: -3px; }
/* ************************************************** */

/* **************** Corps - General ***************** */
#main { width: 100%; min-width: 978px; height: 481px; background: url(../images/main_accueil/bg_main.jpg) repeat-x left top; }
#main #dimension_main { width: 978px; height: 481px; margin: 0 auto 0 auto; text-align: center; }

#main #main_gauche { width: 617px; height: 455px; margin-top: 26px; float: left; text-align: left; }
#main #main_gauche #box_arbre { width: 514px; height: 257px; margin-top: 20px; padding-top: 35px; padding-left: 35px; background: url(../images/main_accueil/box_arbre.png) no-repeat left top; }
#main #main_gauche #box_arbre input.savoir_plus { width: 139px; height: 48px; border: 0; background: url(../images/main_accueil/bt_savoir_plus.png) no-repeat left top; vertical-align: middle; cursor: pointer; }
#main #main_gauche #box_arbre input.savoir_plus:hover { background: url(../images/main_accueil/bt_savoir_plus.png) no-repeat left -48px; }

#main #main_droite { width: 361px; height: 426px; margin-top: 55px; float: left; text-align: left; }
#main #main_droite #box_creer_blog { width: 326px; height: 182px; padding-top: 40px; padding-left: 35px; background: url(../images/main_accueil/box_creer_blog.png) no-repeat left top; }
#main #main_droite #box_creer_blog input.creer { width: 89px; height: 48px; border: 0; background: url(../images/main_accueil/bt_creer.png) no-repeat left top; vertical-align: middle; cursor: pointer; }
#main #main_droite #box_creer_blog input.creer:hover { background: url(../images/main_accueil/bt_creer.png) no-repeat left -48px; }
#main #main_droite #box_creer_blog input.txt_field { width: 158px; height: 27px; border: 0; padding: 1px 10px 0 10px; background: url(../images/main_accueil/txt_field.gif) no-repeat left top; vertical-align: middle; }
#main #main_droite #box_creer_blog input.txt_field { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color: #fff; }

/* ************************************************** */

/* **************** Corps - General ***************** */
#main_secondaire { width: width: 100%; min-width: 978px; background: #6ab3df url(../images/main_secondaire/bg_main.jpg) repeat-x left top; }
#main_secondaire #dimension_main { width: 978px; padding: 28px 0 45px 0; margin: 0 auto 0 auto; text-align: center; }

#main_secondaire #main_haut { width: 978px; height: 22px; background: url(../images/main_secondaire/haut_boite.gif) no-repeat 8px top; }
#main_secondaire #main_haut_large { width: 978px; height: 22px; background: url(../images/main_secondaire/haut_boite_large.gif) no-repeat 8px top; }
#main_secondaire #main_centre { width: 978px; background: url(../images/main_secondaire/centre_boite.gif) repeat-y 8px top; text-align: left; }

#main_secondaire #main_gauche { width: 269px; min-height: 565px; background: url(../images/main_secondaire/bg_gauche.gif) repeat-y 8px top; float: left; }
#main_secondaire #main_gauche ul { margin-top: 20px; }
#main_secondaire #main_gauche ul li, #main_secondaire #main_gauche div.fin_menu { height: 42px; list-style: none; background: url(../images/main_secondaire/separateur_menu.gif) no-repeat 8px top; }
#main_secondaire #main_gauche ul li.selection_sans_smenu { background: url(../images/main_secondaire/bg_menu_selection.gif) no-repeat 8px top; }
#main_secondaire #main_gauche ul li.selection_avec_smenu { height: auto; background: url(../images/main_secondaire/bg_menu_selection.gif) no-repeat 8px top; }
#main_secondaire #main_gauche ul li.highlight { background: url(../images/main_secondaire/bg_menu_selection_highlight.gif) no-repeat 8px top; }
#main_secondaire #main_gauche ul li.sans_separateur { background: none; }
#main_secondaire #main_gauche ul li a { width: 211px; height: 28px; margin: 0 10px 0 8px; padding: 14px 0 0 42px; background: url(../images/main_secondaire/puce_menu.gif) no-repeat 22px 16px; list-style: none; font-size: 13px; font-weight: bold; text-decoration: none; color: #1d8fc9; display: block; }
#main_secondaire #main_gauche ul li a.selection { background: url(../images/main_secondaire/puce_menu_selection.gif) no-repeat 22px 16px; color: #fff; }
#main_secondaire #main_gauche ul li a.lien_menu_gestion { background-image: none; /*background: url(../images/main_secondaire/puce_menu_selection.gif) no-repeat 22px 16px;*/ color: #fff; cursor:pointer;}
#main_secondaire #main_gauche ul li.selection_avec_smenu .lien_menu_gestion { padding-left: 22px; }
#main_secondaire #main_gauche ul li.selection_avec_smenu .lien_menu_gestion img { vertical-align: top; margin: 0 5px 0 0; }
/*#main_secondaire #main_gauche ul li a:hover { color: #05537b; }*/
#main_secondaire #main_gauche ul li a:hover { background: url(../images/main_secondaire/puce_menu_selection.gif) no-repeat 22px 16px; color: #fff; }
#main_secondaire #main_gauche ul li.selection_avec_smenu a:hover { background-image: none; color: #fff; }
#main_secondaire #main_gauche ul li:hover {  background: url(../images/main_secondaire/bg_menu_selection.gif) no-repeat 8px top; }
#main_secondaire #main_gauche ul li.highlight:hover{ background: url(../images/main_secondaire/bg_menu_selection_highlight.gif) no-repeat 8px top; }
#main_secondaire #main_gauche ul li.selection_sans_smenu a:hover, #main_secondaire #main_gauche ul li.selection_avec_smenu a:hover { color: #fff; }

#main_secondaire #main_gauche ul li div.smenu { background: url(../images/main_secondaire/bg_smenu.gif) repeat-y 8px top; display:none; }
/*#main_secondaire #main_gauche ul li div.smenu_gestion { display:none; }*/
#main_secondaire #main_gauche ul li div div.smenu_deg { background: url(../images/main_secondaire/smenu_haut.gif) no-repeat 8px top; }
#main_secondaire #main_gauche ul li div div.smenu_bas { height: 15px; background: url(../images/main_secondaire/smenu_bas.png) no-repeat left bottom; }
#main_secondaire #main_gauche ul li div div ul { width: 200px; padding-top: 15px; margin: 0 0 0 45px; }
#main_secondaire #main_gauche ul li div div ul li { height: 20px; background: none; }
#main_secondaire #main_gauche ul li div div ul li:hover { background: url(../images/main_secondaire/puce_smenu.gif) no-repeat left 4px; }
#main_secondaire #main_gauche ul li div div ul li a { height: auto; margin: 0; padding: 0 0 0 12px; background: url(../images/main_secondaire/puce_smenu.gif) no-repeat left 4px; list-style: none; font-size: 12px; font-weight: bold; text-decoration: none; color: #1d8fc9; display: inline; }
#main_secondaire #main_gauche ul li.selection_avec_smenu div div ul li a:hover { color: #05537b; }

#main_secondaire #main_droite { width: 645px; /*min-height: 1700px;*/ padding: 0px 10px 30px 35px; float: left; }

#main_secondaire #main_droite div.box_bleu, #main_secondaire #main_droite div.box_bleu, #main_secondaire #main_droite div.box_vert, #main_secondaire #main_droite div.box_orange, #main_secondaire #main_droite div.box_orange_pale { width: 598px; /*height: 17px;*/ margin-bottom: 20px; font-size: 14px; font-weight: bold; padding: 25px; padding-top:4px; }
#main_secondaire #main_droite div.box_bleu { color: #1d8fc9; background: url(../images/main_secondaire/msg_box_bleu.gif) no-repeat left top; }
#main_secondaire #main_droite div.box_vert { color: #fff; background: url(../images/main_secondaire/msg_box_vert.gif) no-repeat left top; }
#main_secondaire #main_droite div.box_orange { color: #fff; background: url(../images/main_secondaire/msg_box_orange.gif) no-repeat left top; }
#main_secondaire #main_droite div.box_orange_pale { color: #1d8fc9; background: url(../images/main_secondaire/msg_box_orange_pale.gif) no-repeat left top; }
#main_secondaire #main_droite div.important { width: 618px; height: 45px; padding: 11px 15px 11px 15px; }
#main_secondaire #main_droite div img.exclamation { vertical-align: middle; border: none; margin-right: 15px; }

#main_secondaire #main_droite h1 { margin: 20px 0 12px 0; color: #1d8fc9; font-size: 28px; font-weight: bold; }
#main_secondaire #main_droite h2 { margin: 20px 0 12px 0; color: #f98429; font-size: 20px; font-weight: bold; }
#main_secondaire #main_droite p { margin: 0px 20px 12px 0; }
#main_secondaire #main_droite .icon_image { width: 75px; margin-top: 0; float: left; }
#main_secondaire #main_droite .cadre { margin:5px; border:1px solid black; width:64px }
#main_secondaire #main_droite ul { margin-bottom: 12px; margin-top:6px; }
#main_secondaire #main_droite ul li {  }
#main_secondaire #main_droite ul.orange li { background: url(../images/main_secondaire/puce_orange.gif) no-repeat left 3px; list-style-type:none; padding-left:20px;}
#main_secondaire #main_droite ul.bleu li { background: url(../images/main_secondaire/puce_bleu.gif) no-repeat left 3px; list-style-type:none; padding-left:20px; }
#main_secondaire #main_droite p, #main_secondaire #main_droite ul li { color: #333; font-size: 12px; line-height: 18px; }
#main_secondaire #main_droite a { color: #1d8fc9;}
#main_secondaire #main_droite a:hover { color: #05537b; }
#main_secondaire #main_droite hr { height: 1px; margin: 12px 0 12px 0; border: 0; clear: both; background: url(../images/main_secondaire/separateur.gif) repeat-x left top; }

#main_secondaire #main_droite input.p_bouton { width: 139px; height: 48px; border: none; font-size: 14px; font-weight: bold; padding-bottom: 4px; cursor: pointer; color: #fff; }
#main_secondaire #main_droite input.p_orange { background: url(../images/main_secondaire/bt_orange_p.jpg) no-repeat left top; }
#main_secondaire #main_droite input.p_bleu { background: url(../images/main_secondaire/bt_bleu_p.jpg) no-repeat left top; }
#main_secondaire #main_droite input.p_vert { background: url(../images/main_secondaire/bt_vert_p.jpg) no-repeat left top; }
#main_secondaire #main_droite input.p_orange:hover { background: url(../images/main_secondaire/bt_orange_p.jpg) no-repeat left -48px; }
#main_secondaire #main_droite input.p_bleu:hover { background: url(../images/main_secondaire/bt_bleu_p.jpg) no-repeat left -48px; }
#main_secondaire #main_droite input.p_vert:hover { background: url(../images/main_secondaire/bt_vert_p.jpg) no-repeat left -48px; }

#main_secondaire #main_droite div.p_bouton { width: 139px; height: 29px; border: none; font-size: 14px; font-weight: bold; text-align:center; padding-top:11px; cursor: pointer; color: #fff; margin:10px auto;}
#main_secondaire #main_droite div.p_orange { background: url(../images/main_secondaire/bt_orange_p.jpg) no-repeat left top; }
#main_secondaire #main_droite div.p_orange:hover { background: url(../images/main_secondaire/bt_orange_p.jpg) no-repeat left -48px; }
#main_secondaire #main_droite div.p_vert { background: url(../images/main_secondaire/bt_vert_p.jpg) no-repeat left top; }
#main_secondaire #main_droite div.p_vert:hover { background: url(../images/main_secondaire/bt_vert_p.jpg) no-repeat left -48px; }
#main_secondaire #main_droite div.p_bleu { background: url(../images/main_secondaire/bt_bleu_p.jpg) no-repeat left top; }
#main_secondaire #main_droite div.p_bleu:hover { background: url(../images/main_secondaire/bt_bleu_p.jpg) no-repeat left -48px; }
#main_secondaire #main_droite div.p_bouton a { color:white; text-decoration:none; width: 139px; height: 29px;}

#main_secondaire #main_droite button.p_bouton { width: 139px; height: 48px; border: none; font-size: 14px; font-weight: bold; padding-bottom: 4px; cursor: pointer; color: #fff; }
#main_secondaire #main_droite button.p_orange { background: url(../images/main_secondaire/bt_orange_p.jpg) no-repeat left top; }
#main_secondaire #main_droite button.p_orange:hover { background: url(../images/main_secondaire/bt_orange_p.jpg) no-repeat left -48px; }
#main_secondaire #main_droite button.p_vert { background: url(../images/main_secondaire/bt_vert_p.jpg) no-repeat left top; }
#main_secondaire #main_droite button.p_vert:hover { background: url(../images/main_secondaire/bt_vert_p.jpg) no-repeat left -48px; }
#main_secondaire #main_droite button.p_bleu { background: url(../images/main_secondaire/bt_bleu_p.jpg) no-repeat left top; }
#main_secondaire #main_droite button.p_bleu:hover { background: url(../images/main_secondaire/bt_bleu_p.jpg) no-repeat left -48px; }

#main_secondaire #main_droite .g_bouton { width: 183px; height: 52px; border: none; font-size: 17px; font-weight: bold; padding-top: 0px; cursor: pointer; color: #fff; text-decoration:none; }
#main_secondaire #main_droite .g_bouton a { color: #fff; text-decoration:none; }
#main_secondaire #main_droite .g_orange { background: url(../images/main_secondaire/bt_orange_g.jpg) no-repeat left top; }
#main_secondaire #main_droite .g_bleu { background: url(../images/main_secondaire/bt_bleu_g.jpg) no-repeat left top; }
#main_secondaire #main_droite .g_vert { background: url(../images/main_secondaire/bt_vert_g.jpg) no-repeat left top; }
#main_secondaire #main_droite .g_orange:hover { background: url(../images/main_secondaire/bt_orange_g.jpg) no-repeat left -52px; }
#main_secondaire #main_droite .g_bleu:hover { background: url(../images/main_secondaire/bt_bleu_g.jpg) no-repeat left -52px; }
#main_secondaire #main_droite .g_vert:hover { background: url(../images/main_secondaire/bt_vert_g.jpg) no-repeat left -52px; }

#main_secondaire #main_bas { width: 978px; height: 15px; background: url(../images/main_secondaire/bas_boite.gif) no-repeat 8px top; }

/* ************************************************** */

/* ****************** Pied de page ****************** */
#footer { width: 100%; min-width: 978px; height: 165px; background: url(../images/bg_footer.gif) repeat-x left top; }
#footer #dimension_footer { width: 978px; height: 165px; padding-top: 30px; margin: 0 auto 0 auto; text-align: center; }

#footer ul { height: 165px; margin-left: 30px; padding-left: 30px; float: left; background: url(../images/separateur_vertical.gif) no-repeat left top; text-align: left; }
#footer ul.premier { margin-left: 0; padding-left: 0; padding-left: 45px; background: none; }
#footer ul li { list-style: none; }
#footer ul li a { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1em; color: #5baadb; text-decoration: none; line-height: 18px; }
#footer ul li a:hover { text-decoration: underline; }