html, body
{
  border: 0;
  margin: 0;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 10pt;
  background-color: #F7F7F7;
}

body
{
  padding-bottom: 200px;
}

#banniere
{
  width: 100%;
  height: 37px;
  background-color: #EEFAFF;
  background-image: url('/img/banniere_milieu.jpg');
}

#banniere_gauche
{
  position: absolute;
  left: 0;
  top: 0;
  background-image: url('/img/banniere_gauche.jpg');
  width: 219px;
  height: 37px;
}

#banniere_droite
{
  position: absolute;
  right: 0;
  top: 0;
  background-image: url('/img/banniere_droite.jpg');
  width: 239px;
  height: 37px;
}

#banniere h1
{
  margin: 0px 0px 0px 20px;
  color: white;
  position: absolute;
  z-index: 10;
}

h2
{
  color: #787878;
  text-align: center;
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 15px;
}

h5
{
  margin-top: 1px;
  margin-bottom: 2px;
  text-align: center;
}

img
{
  border: 0;
}

p
{
  margin-top: 2px;
  margin-bottom: 3px;
}

.gras
{
  font-weight: bold;
}

.texte_warning, .error-message
{
  color: red;
  font-weight: bold;
}

.cliquable
{
  cursor: pointer;
  color: #08327A;
  text-decoration: underline;
}

/*MENU*/

#menu_principal
{
  width: 100%;
  height: 41px;
  background-image: url('/img/menu_h_milieu.jpg');
}

#menu_principal a, #menu_principal span
{
  color: #1C1C1C;
  font-weight: 400;
}

#menu_principal a:hover
{
  text-decoration: underline;
}

/*PUCES*/
#menu_principal ul
{
  margin-left: 10px;
}

ul.dropdown li
{
  position: relative;
  padding-left: 54px;
  font-size: 9pt;
}

.menu_puce
{
  position: absolute;
  top: 0;
  left: 0;
}

#menu_puce_accueil
{
  background-image: url('/img/menu_accueil.jpg');
  width: 32px;
  height: 41px;
}

#menu_puce_pm
{
  background-image: url('/img/menu_pm.jpg');
  width: 39px;
  height: 41px;
}

#menu_puce_bibliotheque
{
  background-image: url('/img/menu_bibliotheque.jpg');
  width: 39px;
  height: 41px;
}

#menu_puce_menus
{
  background-image: url('/img/menu_menus.jpg');
  width: 41px;
  height: 41px;
}

#menu_puce_chat
{
  background-image: url('/img/menu_chat.jpg');
  width: 46px;
  height: 41px;
}

#menu_puce_forum
{
  background-image: url('/img/menu_forum.jpg');
  width: 48px;
  height: 41px;
}

#menu_puce_boutique
{
  background-image: url('/img/menu_boutique.jpg');
  width: 47px;
  height: 41px;
}

#menu_puce_sondage
{
  background-image: url('/img/menu_sondage.jpg');
  width: 53px;
  height: 41px;
}

.texte_gros
{
  font-size: 15pt;
}
#content
{
  background-image: url('/img/page_haut.jpg');
  background-repeat: repeat-x;
}

.clearboth
{
  clear: both;
}

#login_cadre
{
  width:300px;
  position: absolute;
  right : 30px;
  top: 3px;
  font-size: 8pt;
  text-align:right;
  color: white;
  z-index: 10;
}

#login_cadre a
{
  color: white;
}

a
{
  color: #206498;
}

a:hover
{
  color: #2D8BD3;
}
/*TABLES*/

table
{
  margin-left: auto;
  margin-right: auto;
}

thead
{
  background-color: #D6D6D6;
}

.table_ligne0
{
  background-color: #F7F7F7;
}

.table_ligne1
{
  background-color: #ECECEC;
}

.cell_centre
{
  text-align: center;
}

.cell_vide
{
  background-color: white;
}

.cell_fleche
{
  background-image: url('/img/fleche_menu.jpg');
}

/* BOUTONS */

.conteneur_liens
{
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

a.lien_bouton, input[type="submit"]
{
  padding: 2px 10px 2px 10px;
  border: 2px solid #FFCF3E;
  background-color: #EF6000;
  color: white;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
}

a.lien_bouton:hover
{
  background-color: #FFA724;
}

/* CLIENTS */

#tab_clients
{
  width: 50%;
}

/* SITES */

#tab_sites
{
  width: 50%;
}

/*FORMULAIRES*/

.formulaire_cadre
{
  width: 650px;
  background-color: white;
  border: 1px solid black;
  padding: 5px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}

.formulaire_cadre label{
font-size:13px;
margin-right:15px;
}

.form_article_image
{
  width: 200px;
  float: left;
  margin-left: 10px;
  margin-top: 10px;
  background-color: #FFF4F4;
}

.form_rubrique_image
{
  position: relative;
  width: 300px;
  float: left;
  margin-left: 10px;
  margin-top: 10px;
  background-color: #FFF4F4;
}

#help_rubrique_img
{
  position: absolute;
  top: 0;
  right: 0;
}

.form_article_image p, .form_article_image div
{
  text-align: center;
}

.formulaire_cadre .input
{
  margin-top: 10px;
}

.submit
{
  text-align: center;
  margin-top: 15px;
}

.input label
{
  font-size: 9pt;
}

.input input
{
  display: block;
}

.input input[type="checkbox"], .input input[type="radio"]
{
  display: inline;
}

.input fieldset label
{
  display: inline;
}

.formulaire_cadre textarea
{
  width: 100%;
  height: 500px;
}

/*TEMPLATES*/

.template_cadre
{
  width: 310px;
  margin-left: 15px;
  margin-bottom: 15px;
  float: left;
  border: 2px solid #4F5EBD;
  background-color: #EEEEEE;
  position: relative;
}

.template_cadre:hover
{
  background-color: #E0EEFF;
}

.selectionne
{
  background-color: #FFC593;
}

.template_image
{
  text-align: center;
  margin-top: 5px;
}

.template_nom
{
  text-align: center;
}

.template_lien
{
  position: absolute;
  display: block;
  width:100%;
  height:100%;
}

/*ELEMENTS*/

.element_cadre
{
  width: 300px;
  border: 2px solid #4F5EBD;
  background-color: #EEEEEE;
  float: left;
  margin-left: 15px;
  margin-bottom: 15px;
  padding: 2px;
}

.element_cadre h4, .template_cadre h4
{
  color: #1B1E93;
  text-align:center;
  margin-top: 3px;
  margin-bottom: 3px;
}

/*ADDONS*/
#tab_addons
{
  width: 50%;
}

/*USAGERS*/
#tab_usagers
{
  width: 70%;
}

/*PAGES MATIQUES et MENU*/

#tab_pm, #tab_menu
{
  font-size: 8pt;
}

#tab_pm td, #tab_pm th, #tab_menu td, #tab_menu th
{
  width: 300px;
}

#tab_pm thead
{
  font-size: 11pt;
}

#tab_pm .pm_titre_elem, #tab_menu .pm_titre_elem
{
  float:left;
}

#tab_pm .pm_boutons, #tab_menu .pm_boutons
{
  float:right;
}

#tab_pm .pm_boutons img, #tab_menu .pm_boutons img
{
  margin-right: 5px;
}

#tab_menu .lien_menu_blanc
{
  color: white;
}

#tab_menu tr, #tab_pm tr
{
  height: 25px;
}

.ligne_page0, .ligne_rubrique0, .ligne_article0
{
  background-color: #B6CDFF;
}

.ligne_page1, .ligne_rubrique1, .ligne_article1
{
  background-color: #C8E1FF;
}

.espace_fleche
{
  margin-left: 19px;
}

.lien_petit
{
  font-size: 8pt;
  position: absolute;
  top: 0;
  right: 0;
}

#MenuChangerMenuForm p
{
  margin-top: 10px;
}

#MenuChangerMenuForm
{
  width: 300px;
  padding: 3px;
  border: 1px solid #4F5EBD;
  background-color: #EEEEEE;
  margin-left: 5px;
  margin-right: 5px;
  float: left;
}

.menu_generation
{
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 10px;
  border: 1px solid #5172DB;
  background-color: #F4F2F2;
  text-align: center;
  font-size: 9pt;
}

.menu_generation_droite
{
  margin-right: 10px!important;
}

.menu_generation a
{
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
}


#MenuChangerMenuForm h4, #cadre_menu_index h4, #liste_types h4, #cadre_pages_help h4
{
  margin-top: 5px;
  margin-left: 5px;
  margin-bottom: 12px;
  color: #190974;
}

#cadre_menu_index
{
  border: 1px solid #4F5EBD;
  background-color: #EEEEEE;
  overflow: hidden;
  padding-bottom: 15px;
}

#ItemPmSelect span
{
 background-color: red;
}

#liste_types
{
  width: 300px;
  padding: 3px;
  border: 1px solid #4F5EBD;
  background-color: #EEEEEE;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 10px;
  float: left;
}

#cadre_pages_help
{
  padding: 3px;
  border: 1px solid #4F5EBD;
  background-color: #EEEEEE;
  overflow: hidden;
  margin-top: 10px;
  text-align: center;
  margin-right: 5px;
}

#help_pages_exemple
{
  margin: auto;
  text-align: left;
}

#liste_types ul
{
  margin-left: 5px;
  position: relative;
  list-style-type: none;
  color: #206498;
}

#famille_toutes
{
  margin-bottom: 2px;
}


#cadre_pages_index
{
  border: 1px solid #4F5EBD;
  background-color: #EEEEEE;
  overflow: hidden;
  padding-bottom: 15px;
  margin-left: 5px;
  margin-right: 5px;
}

#help_types_pages
{
  float: right;
}

#theme_choix_theme, #theme_choix_item
{
  width: 300px;
  height: 150px;
  text-align: center;
  padding-top: 10px;
}

#theme_choix_theme a, #theme_choix_item a
{
  color: black;
  font-size: 14pt;
  margin-bottom: 20px;
  display: block;
}

#theme_choix_theme a:hover, #theme_choix_item a:hover
{
  color: #676767;
}

#theme_choix_item
{
  float: right;
  background-color: #FFCAC8;
}

#theme_choix_theme
{
  float: left;
  background-color: #8AABFF;
  margin-bottom: 30px;
}

#image_menu_exemple
{
  clear: both;
}

/* GALERIE */

.galerie_image_cadre
{
  width : 180px;
  height: 250px;
 overflow:hidden;
  text-align: center;
  background-color: #FFFFFF;
  border: 4px black solid;
  margin-left: 10px; 
  margin-bottom: 10px; 
  float:left;
  position: relative;
  padding-top: 5px;
}

.galerie_image_cadre a
{
  display: block;
  position: absolute;
  width: 100%;
  height: 50px;
  padding-top: 200px;
  top: 0;
  left: 0;
}

.galerie_image_cadre p
{
  text-align: center;
  font-size: 8pt;
}

.galerie_image_cadre .galerie_bouton
{
  position:absolute;
  left : 0px;
  bottom: 0px;
  width: 100%;
}

.supprimerRepertoire{
  width:100%;
  background-color:#FF5353!important;
  border:1px #FFFFFF solid!important;
}

.supprimerRepertoire:hover{
  background-color:#FF7878!important;
  border:1px #FFB9B9 solid!important;
}

.galerie_liste_suppr{
  text-align: left;
  background-color: #FFFFFF;
  border:1px black solid;
  margin-left: auto;
  margin-right: auto;
  width:750px;
}

.galerie_elem_suppr{
background-color:#FFEeDD;
padding:3px;
}
.galerie_elem_suppr label:hover{
background-color:#FFFFFF;
}

.galerie_titres
{
  margin: 4px;
}

/* BULLES D'AIDE */

.help_icone
{
  position: relative;
  width: 28px;
  height: 27px;
  background-image: url('/img/help.gif');
}

.help_cadre
{
  position: absolute;
  top: 0;
  left: 0;
  width: 28px;
  height: 0;
  overflow: hidden;
  padding-top: 27px;
  font-size: 10pt;
}

.help_cadre:hover
{
  background-color: white;
  background-image: url('/img/help.gif');
  background-repeat: no-repeat;
  border: 1px solid #A5B7FF;
  width: 200px;
  height: 200px;
  overflow: hidden;
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
}

.help_content
{
  overflow: auto;
  width: 100%;
  height: 100%;
}

/* BULLES PERSO */

#help_menu_choix
{
  float: right;
}

#help_templates
{
  float: left;
}

#help_menu_pm, #help_types_pages_form, #help_tri_rub_form, #help_intitule
{
 float: left;
  margin-left: 10px;
}

#pmSelect .input, #form_tri_rub .input
{
 float: left;
}

#form_type_page .input
{
  float: left;
}

#form_intitule .input
{
  float: left;
}

/* VIDEOS */

.video_cadre
{
  width: 100px;
  height: 37px;
  position: relative;
}

.video_icone img
{
  cursor: pointer;
}

.video_contenu
{
  position: absolute;
}