/*------------------------------------------------------------*/
/* -------- DESIGN POUR L'ADMINISTRATION -------- */
/*------------------------------------------------------------*/

/* -------- DESIGN GENERAL -------- */
/*----------------------------------------*/

body{
background: #e6e6e6;
margin:0px;
font:0.9em/1.5 "arial", sans-serif;
}
#site{
width:960px;
background: white;
margin:0 auto;
margin-top:0px;
margin-bottom:20px;
border: 2px solid #bebebe;
}
#site_popup{
background: white;
border: 2px solid #bebebe;
padding: 0 5px 15px 5px;
margin: 20px;
}
#site_connexion_admin{
background: white;
width: 500px;
margin: 100px auto 0 auto;
border: 2px ridge #0094d0;
padding: 10px 20px 10px 20px;
}

#header{
width:960px;
height:160px;
margin:0 auto;
margin-top:10px;
margin-bottom:20px;
padding: 0px;
font-size: 1em;
text-align: center;
background: white url("../images/admin/header.jpg") repeat-x ;
border: 2px solid #bebebe;
color: #0094d0;
font-weight: bold;
text-decoration: none;
}
#header h1{
margin: 0;
margin-bottom: 10px;
font-size: 2.5em;
background-color: #0094d0;
color:white;
}

#menu{
margin:0 auto;
margin-top:10px;
margin-bottom:10px;
padding:0px 20px 0px 0px;
color: #0094d0;
font-weight:bold;
text-align:left;
background: url(../images/admin/logo.png) no-repeat right;
}
#menu .left{
clear: both;
float: left;
}
#menu .right{
float: right;
margin-right:10px;
}
#menu a{
display:block;
margin-left: -5px;
padding:5px 5px 5px 10px;
color:white;
text-decoration:none;
width:150px;
color: #0094d0;
}
#menu a.icone {
float:left;
width:35px;
margin-left: 10px;
padding:0;
}

#menu img{
display: block;
margin:0 auto;
}
#menu ul{
list-style-type: none;
margin: 0;
padding: 0;
background: #eeeeff;
border: 0px solid #0094d0;
}
#menu ul li{
display:block;
width:150px;
height:74px;
float:left; /* Mart */
position: relative;
border: 1px solid white;
padding:0px;
margin:0px;
text-align:center;
}
#menu ul li.home{
width: 140px;
border: 0px solid white;
margin-top: -65px;
margin-left: -50px;
margin-right:10px;
}
#menu img.logo{
height: 175px;
}
#menu ul li ul{
position: absolute;
top: 75px;
display: none;
z-index: 10;
}
#menu ul li ul li{
margin-left:-1px;
height:30px;
border: 1px solid #0094d0;
border-top:0px;
text-align:left;
}
#menu ul li:hover, #menu ul li:hover p a{
border: 1px solid #0094d0;
background: white;
}
#menu ul li.home:hover {
border: 0px solid white;
background: transparent;
color: #0094d0;
}
#menu ul li:hover ul{
display: block;
}
#menu ul li ul li:hover, #menu ul li ul li:hover a{
border-top: 0px;
background: #0094d0;
color: white;
}

#menu2{
list-style-type: none;
margin: 0 auto 0 auto;
padding: 0;
text-align: center;
height: 50px;
}
.menu2_1elements{
width: 160px;
}
.menu2_2elements{
width: 320px;
}
.menu2_3elements{
width: 480px;
}
.menu2_grand{
width: 600px;
}
#menu2  li{
display: block;
float: left;
width: 135px;
height: 26px;
background-image: url("../images/admin/bouton.png");
padding: 4px 0 0 5px;
margin: 0 10px 0 10px;
font-weight: bold;
}
#menu2  li:hover{
background-image: url("../images/admin/bouton_hover.png");
}
#menu2  li:hover a{
color: #ff8907;
}
#menu2  li a{
text-decoration: none;
text-align: center;
display: block;
height: 24px;
padding: 1px 5px 0 20px;
background-repeat: no-repeat;
}
#menu2 .menu2_ajout a{
background-image: url("../images/admin/menu2_ajout.png")
}
#menu2 .menu2_tous a{
background-image: url("../images/admin/menu2_tous.png")
}
#menu2 .menu2_options a{
background-image: url("../images/admin/menu2_options.png")
}
#menu2 .menu2_retour a{
background-image: url("../images/admin/menu2_retour.png")
}
#menu2 .menu2_supprimer_tout a{
background-image: url("../images/admin/bouton_poubelle.png")
}
#menu2 .menu2_ajouter_photo a{
background-image: url("../images/admin/photos_ajout.png")
}
#menu2 .grand{
display: inline;
float: left;
width: 245px;
height: 26px;
background-image: url("../images/admin/bouton3.png");
padding: 4px 0 0 5px;
margin: 0 10px 0 10px;
font-weight: bold;
}
#menu2 .grand:hover{
background-image: url("../images/admin/bouton3_hover.png");
}
#corps{
width: 90%;
margin: 0px auto;
font-size: 0.93em;
}

#trait{
height: 2px;
width: 99%;
margin: auto;
background: #0094d0;
}
#footer{
clear: both;
width:85%;
margin: 50px auto 10px auto;
text-align: center;
border: 2px solid #0094d0;
background: #eeeeff;
}


/* -------- PROPRIETES GENERALES -------- */
/*------------------------------------------------*/

h1{
margin: 20px 0 25px 0;
padding: 0;
text-align: center;
font-weight: normal;
text-decoration: none;
color: #0094d0;
}
h2{
text-align: center;
font-weight: normal;
text-decoration: none;
color: #0094d0;
}
h3{
text-align: center;
font-weight: normal;
text-decoration: none;
color: #0094d0;
font-size: 1.2em;
}
a{
color: #0094d0;
}
a:hover{
color: #f60;
}
fieldset input{
margin-top: 5px;
}
fieldset select{
margin-top: 9px;
}
fieldset label{
margin-top: 5px;
}
/* -------- DESIGN DES SCRIPTS -------- */
/*--------------------------------------------*/

/* -------- TABLEAU POUR TOUTES LES PAGES-------- */
.tableau_admin{
border-collapse: collapse;
margin: auto;
border: 1px solid #0094d0;
background: #eeeeff;
text-align: center;
}
.tableau_admin th{
border-bottom: 3px double #0094d0;
padding: 0 10px 0 10px;
color: #0069D5;
font-size: 1.1em;
}
.tableau_admin td{
border-bottom: 1px solid #0094d0;
padding-left: 10px;
padding-right: 10px;
}
.tableau_admin .couleur1:hover, .tableau_admin .couleur2:hover{
background: #D5ECFF;
}
.tableau_admin .couleur1{
background: #ffe6c3;
}
.tableau_admin .couleur2{
background: #eeeeff;
}

/* -------- FORMULAIRE POUR TOUTES LES PAGES -------- */
form{
margin:0;
}
.formulaire_ftp{
float: left;
width: 47%;
margin:0 0 0 2%;
}
form fieldset{
background: #eeeeff;
border: 1px solid #0094d0;
}
form legend{
color: #0094d0;
font-weight: bold;
border: 1px solid #0094d0;
background: #eeeeff;
color: #0094d0;
}
form label{
clear: left;
width: 30%;
float: left;
text-align: left;
margin-left: 20%;
margin-bottom: 5px;
}
/*Pour les formulaires ne prenant pas toute la largeur de la page (ex: ajout d'un lien en bbcode)*/
.formulaire_petit label, .formulaire_ftp label{
clear: left;
width: 40%;
float: left;
text-align: center;
margin-left: 5%;
margin-bottom: 5px;
}
.formulaire_ftp label{
margin-left: 0;
}
/*Pour les labels qui ne sont pas mis à gauche dans les formulaire (ex: 'du' et 'au' dans les souvenirs*/
form .label_normal{
clear: none;
width: auto;
float: none;
text-align: left;
margin: 0;
}
/*Pour les champs avec le BBCODE */
form #id_textarea_bbcode{
width: 80%;
margin-left: 10%;
}
/*Pour les labels qui sont avant les champ "textarea"*/
form .id_textarea_bbcode-label{
margin-left: 20%;
font-weight: bold;
text-decoration: underline;
float:none;
}

form input:focus, form select:focus{
background: #D5ECFF;
}

form .validation{
clear: both;
text-align: center;
margin-bottom: 10px;
padding-top: 20px;
}
.formulaire_ftp .validation{
padding-top: 10px;
}

form .validation input, #apercu_boutton input{
padding: 0;
text-align: center;
font-weight: bold;
font-size: 1em;
color: #0094d0;
width: 140px;
height: 30px;
background-image: url("../images/admin/bouton.png");
border: none;
cursor: pointer;
}
form .validation input:hover, #apercu_boutton input:hover{
background-image: url("../images/admin/bouton_hover.png");
color: #ff8907;
}

#css, #template{
width: 95%;
margin-left: 2%;
}
#upload_en_cours{
margin-top: 20px;
text-align: center;
display: none;
}

/* -------- BBCODE COMMANDE -------- */
.bbcode{
width: 80%;
padding: 7px 0 3px 0;
margin: 10px 10% 10px 10%;
border: 1px solid gray;
background: #e8f0f4;
text-align: center;
clear: both;
-moz-border-radius: 12px;
}
.bbcode img{
cursor: pointer;
}
.bbcode select{
position: relative;
bottom: 5px;
}

/* -------- MENU -------- */
.titre_admin_menu{
color: black;
margin-top: 30px;
}
.tableau_admin_menu{
border-collapse: collapse;
margin: auto;
border: 1px solid #0094d0;
background: #eeeeff;
text-align: center;
}
.tableau_admin_menu th{
border-top: 3px double #0094d0;
border-bottom: 3px double #0094d0;
padding: 2px 10px 2px 10px;
color: #0069D5;
font-size: 1.1em;
}
.tableau_admin_menu td{
border-bottom: 1px solid #0094d0;
padding: 1px 10px 1px 10px;
}
.tableau_admin_menu .menu_bloc{
font-weight: bold;
background: #ffc97b;
}
.tableau_admin_menu .menu_bloc td{
padding: 5px 0 5px 0;
}
.tableau_admin_menu .couleur1:hover, .tableau_admin_menu .couleur2:hover, .tableau_admin_menu .menu_bloc:hover{
background: #D5ECFF;
}
.tableau_admin_menu .couleur1{
background: #ffe6c3;
}
.tableau_admin_menu .couleur2{
background: #eeeeff;
}
.menu_element_ajout{
margin: 15px auto 5px auto;
text-align: center;
width: 245px;
height: 26px;
background-image: url("../images/admin/bouton3.png");
padding: 4px 0 0 5px;
font-weight: bold;
}
.menu_element_ajout a{
text-decoration: none;
text-align: center;
display: block;
height: 24px;
padding: 1px 5px 0 20px;
background-repeat: no-repeat;
background-image: url("../images/admin/menu2_ajout.png")
}
.menu_element_ajout:hover, .photo-supprimer-tout:hover{
background-image: url("../images/admin/bouton3_hover.png");
}
.menu_element_ajout:hover a, .photo-supprimer-tout:hover a{
color: #ff8907;
}
.photo-supprimer-tout{
margin: 20px auto 50px auto;
text-align: center;
width: 245px;
height: 26px;
background-image: url("../images/admin/bouton3.png");
padding: 4px 0 0 5px;
font-weight: bold;
}
.photo-supprimer-tout a{
text-decoration: none;
text-align: center;
display: block;
height: 24px;
padding: 1px 5px 0 20px;
background-repeat: no-repeat;
background-image: url("../images/admin/menu2_ajout.png")
}
.blanc{
background-color: white;
color: white;
}
/* -------- INDEX -------- */
.img_index{
display: block;
float: left;
width: 70px;
height: 70px;
margin-left: 10px
}
.description_index{
display: block;
width: 150px;
height: 70px;
float: left;
margin: 0 5px 0 5px;
color: black;
}
.button_index{
display:block;
float:left;
width:250px;
height:150px;
background: url('../images/admin/button_index.jpg') no-repeat;
margin:0px;
margin-left:20px;
*padding-top:20px;
text-decoration:none;
}
.button_index:hover{
background: url('../images/admin/button_index_hover.jpg') no-repeat
}
.button_seul{
margin-left:315px;
}
/* -------- Bouton central - menu -------- */
.img_index_menu{
display: block;
float: left;
width: 40px;
height: 40px;
margin-left: 40px
}
.button_index_menu{
display:block;
float:left;
width:280px;
height:170px;
background: url('../images/admin/button_index_menu.jpg') no-repeat;
margin: 0px;
margin-left:20px;
margin-bottom: 1px;
padding-top: 30px;
padding-left: 20px;
text-decoration: none;
}
.titre_noir_menu{
color: black;
margin-top: 20px;
*margin-top: 50px;
font-weight:bold;
}
.button_index_menu:hover{
background: url('../images/admin/button_index_menu_hover.jpg') no-repeat
}
.décalé_haut{
margin-top: -75px;
}
.décalé_droite{
margin-left: 45px;
}
/* --------  Flux RSS -------- */

#cols2{width:860px;}
    #cols2 #col-left {float:left; width:380px; border:none; padding:20px;}
    #cols2 #col-right {float:right; width:380px; border:none; margin-right:1px; padding:20px;}
    
        #cols2 #col-left h4, #cols2 #col-right h4 {margin:0; font-size:100%;}
        #cols2 .title {background:url("../images/admin/dot.gif") 0 50% repeat-x;}
        #cols2 .title h4 {display:inline; padding-right:10px;}
        #cols2 .title span {padding-left:10px;}

        #cols2 .box {margin-top:15px;}

#cols2 .title h4, #cols2 #col-right h4 {color:#0261c2;}
#cols2 .title h4, #cols2 #col-left .title span {background-color:#FFF;}

.ico-rss {padding-left:18px; background:url("../images/admin/ico-rss.gif") 0 50% no-repeat;}
.f-right{float:right;}

.flux_rss ul {margin:15px 0 0 -25px; list-style:none;}
.flux_rss ul li {padding:2px 0 2px 25px; background:url("../images/admin/ul-01.gif") 0 2px no-repeat; font-size:100%;}


/* --------  FTP D'IMAGE -------- */
.div_imgs div{
margin: 8px;
float: left;
width: 160px;
height: 18.5em;
background: #FFF3E1;
border: 1px solid #0094d0;
text-align: center;
font-size: 0.8em;
color: #808080;
}
.div_imgs div strong{
color: #000000;
}
.div_imgs2{
display: block;
margin-top: 5px;
height: 125px;
}
.div_imgs div input{
font-size: 0.7em;
}
.redimensionnement_apercu{
text-align: center;
}
.div_imgs_insertion_bbcode div{
margin: 8px;
float: left;
width: 160px;
height: 14em;
background: #FFF3E1;
border: 1px solid #0094d0;
text-align: center;
font-size: 0.8em;
}
.div_imgs_insertion_bbcode div span{
display: block;
height: 125px;
}
.div_imgs_insertion_bbcode img{
margin: 3px;
}

/* -------- PHOTOS -------- */
.div_photos div{
margin: 8px;
padding: 7px 10px 7px 10px;
float: left;
background: #FFF3E1;
border: 1px solid #0094d0;
text-align: center;
font-size: 0.8em;
}
.photo-supprimer-tout a{
background-image: url("../images/admin/bouton_poubelle.png")
}
/* -------- DOCUMENTS -------- */
.doc_img_type{
height: 30px;
}

/* -------- ARTICLES-------- */
.article_listage{
display: none;
}

.article_listage_racine{
display: table;
}

.article_listage_racine td, .article_listage td{
margin-left: 20px;
vertical-align: top;
padding: 0 5px 0 5px;
}
.article_listage_racine a, .article_listage a{
text-decoration: none;
}
.article_listage_racine a:hover, .article_listage a:hover{
text-decoration: underline;
}
.article_img_repertoire{
width: 20px;
}
.article_img_article{
width: 15px;
}
.gris{
color: #9f9f9f;
}

/* -------- FTP -------- */
/*On met un span en "display:block;" car div:hover ne marche pas sur IE et ca marche avec un span:hover*/
.ftp_fichier span{
display: block;
overflow: hidden;
z-index: 0;
/*border: 1px solid #0094d0;*/
float: left;
margin: 5px;
/*background: #FFF3E1;*/
font-size: 0.9em;
width: 200px;
border: 1px solid white;
}
.ftp_fichier span:hover{
overflow: visible;
z-index: 100;
border: 1px solid #0094d0;
background: #FFF3E1;
}
.ftp_fichier span{
color: #808080;
font-size: 0.8em;
}
.ftp_fichier a, .ftp_fichier img{
margin: 0;
padding: 0;
}

/* -------- AIDE --------  */
.aide{
font-size: 90%;
margin-top: 10px;
border: 2px dotted #0094d0;
padding: 0 10px 0 10px;
}
.aide p{
}

/* -------- DIVERS --------  */
.erreur{
font-weight: bold;
text-align: center;
border: 1px solid red;
margin: 10px 20px 10px 20px;
padding: 5px 10px 5px 70px;
background-color: #FFD0D0;
background-image: url("../images/erreur.png");
background-repeat: no-repeat;
background-position: 5% 50%;
}
.erreur ul{
font-weight: normal;
}
.ok{
font-weight: bold;
color: green;
text-align: center;
border: 1px solid green;
margin: 10px 20px 10px 20px;
padding: 15px 10px 15px 70px;
background-color: #D8FFBC;
background-image: url("../images/ok.png");
background-repeat: no-repeat;
background-position: 5% 50%;
}
a img{
border: none;
}
.centré, .centre, .center{
text-align: center;
}
.gauche{
text-align: left;
}
.droite{
text-align: right;
}
.gras{
font-weight: bold;
}
.souligné{
text-decoration: underline;
}
.italique{
font-style: italic;
}
.barré{
text-decoration: line-through;
}
.petit{
font-size: 85%;
}
.clear, .fin_float{
clear: both;
}