/*
Copyright (c) 2006 Skyline-arts.com. All rights reserved.

Gestion des liens externes par Florent Monthel - copyright (c) 2007 Internet-creation.fr - ajout du style a#link_lien
Gestion des utilsateurs par Florent Monthel - copyright (c) 2007 Internet-creation.fr - ajout du style a#link_user et .readonly
Ajout de la gestion automatisé des repertoire utilisateur pour les uploads dans les différents script
modification de l'authentification , ajout de varibles

Gestionnaire de formulaire de contact par G.Cyrille (c) 2007 RE7NET.COM 
// inactiv? :Editeur rapide de balise html et style par G.Cyrille (c) 2007 RE7NET.COM (inactiv? si editeur wysiwyg)
// inactiv? preview dans une popup par G.Cyrille (c) 2007 RE7NET.COM(inactiv? si editeur wysiwyg)
Integration de FCKEDITOR et gestion des repertoires utilisateur (seul le mode administrateur liste l'ensembles des repertoires) utilisateurs -G.Cyrille  2008 RE7NET.COM
Upload dimage rapide , permet la creations des miniatures des images uploader modif de la page d'origine  -G.Cyrille  2008 RE7NET.COM
reprise style des page administration  -G.Cyrille  2008 RE7NET.COM
quelques fichiers d'aides pour l'admin en plus
*/

/* ---------------------
Html et body
--------------------- */
html {background:#fff;}
body {
width : 90%;
	margin :     0 auto;
 padding : 10px;
	font-family : Tahoma, Helvetica, sans-serif;
	font-size : 0.7em;
	color : #666;
	/* background:#93B5EE; */
/* border:3px double ;display:table; */
	}

body.popup {
	width : 95%;
	margin : 0 auto; padding : 0;
}


/* ---------------------
Header
--------------------- */
#header {
	margin-top : 5px;
	text-align : center;
	background:#818D9F;
	border:1px solid black;



	}

#header h1 {
	font-size : 1.2em;
	font-weight : normal;
	padding : 4px 0 2px 0; margin : 0;color:#fff;
	}
	#header  b{
font-style:normal;
color:#F7D055;
font-size:2em;
padding-bottom:5px;
vertical-align:middle;
}
#header p b{
font-style:normal;
color:#F7D055;
font-size:2em;
}
#header p {
	padding : 0 0 4px 0; margin : 0;color:#FFC47F;
border-top:1px solid
	}

#logout {
font-size:1.2em;
color:#D7F0A7;


}

/* ---------------------
Navigation
--------------------- */
#navigation {
	border : 2px solid #D7F0A7;
	margin : 0  10px 25px 0;
	float:left;
	width:180px;
	background:#fff;
	overflow:hidden;
display:inline;
	}
#navigation ul {
	padding : 5px 0 10px 0; margin : 0;
	border : 1px solid #eee;
	}
#navigation2 {
	border-top : 1px solid #eee;
	margin : 25px 0 0 0;
	background:#fff;
clear:both;
	}
#navigation2 ul {
	padding : 0; margin : 0;
	text-align : right;
	}
#navigation li, #navigation2 li  {
	list-style : none;
	display:block;
	margin-left : 10px; padding : 0;
	line-height:2em;
	}
#navigation li a, #navigation2 li a {
	padding : 2px 0 2px 20px;
	text-decoration : none;
	}
#navigation li a:hover {
	color:#155CB5;
	}
#navigation2 {
	text-align : right;
	padding : 5px;
	border:1px solid;
	height:1%;
	overflow:auto;
	}


/* ---------------------
Liens de navigation
--------------------- */
a#link_lien { background : url(img/lien.png) no-repeat; }
a#link_user { background : url(img/user.png) no-repeat; }
a#link_index , a#message{ background : url(img/article.png) no-repeat; }
a#link_article { background : url(img/article-new.png) no-repeat; }
a#link_img { background : url(img/images.png) no-repeat }
a#gal_img { background : url(img/imagesgal.png) no-repeat }
a#link_categorie { background : url(img/categorie.png) no-repeat; }
a#link_conf , a#contact { background : url(img/reglage.png) no-repeat; }
a#link_pluxml { background : url(img/pluxml.png) no-repeat; }
a.back{ background : url(img/go.png) no-repeat; }
a#stat{ background : url(img/stat.png) no-repeat;}



/* ---------------------
Page d'authentification
--------------------- */

#auth {
	text-align :right;
	margin : 60px auto 0 auto;
	width : 400px;
	}
#auth fieldset{
	border : 1px solid #ddd;
	padding : 15px;
	}
#auth input{
	margin : 5px 70px 5px 0;
	}
legend {
	color : #666;
	
	}
.auth_return {
	text-align : center;
	margin : 0; font-size : 0.85em;
	}
.conf {float:left;width:40%;margin:1em 2em ;}
.conf label {float:left;width:50%;}
hr {clear:both;}
fieldset {
	
	margin : 10px ; padding : 0 0 14px 16px;
	}
fieldset.withlabel {
	border : 1px solid #bbb;
}
fieldset p {
	margin : 0; padding : 12px 0 2px 0;
	}
textarea {
	width : 99%;
	border : 1px solid #bbb;
	}
input {
	margin : 0 8px 0 0; padding : 2px;
	border : 1px solid #bbb;
	}

#l-billet li {
	list-style-type : none;
	background : url(img/puce.png) no-repeat 5px 8px;
	padding : 2px 0 15px 20px;
	}

#l-billet a {
	line-height : 1.4em;;
	}
	

	
.msg {
	text-align : center;
	color : #D0371E;
	}
	
a {
	color : #5B5B5B;
	}

a:hover {
	color : #e3be2b;
	}

h2 {
	font-size : 1.1em;
	margin : 0; padding : 5px 0 10px 0;
	}
	
h3 {
	font-size : 1em;
	margin : 0; padding : 1px 0;
	}

.comment{
	border : 1px solid #eee;
	margin : 10px 50px; padding : 0 5px;
}

#logout {
	text-decoration : none;
	}
#l-billet a.delete:hover{
	color : #bd0000;
	}
	
.backupload{
	background : url(img/go.png) no-repeat;
	padding : 0 0 0 20px;
	}
	
.bloc_gal{
    margin : 0 5px 5px 0;
    width : 170px;
    border : 3px double #ADE4C2;
    float : left;
    text-align : center;
background:#FCF0C3
    }
.bloc_gal img {
border:5px double #F6E172;
background:lightgray;#ECA54B;
padding:5px;
}
.thumb {
	margin : 5px;
	}
	
.thumb_link {
	background : #eee;
	margin :5px 0 0 0; padding : 0;
	}

.readonly {
	background-color:#DFDFDF;
	}

#preview {
	border : 1px solid #ccc;
	padding : 5px; margin : 0;
	 }



#options {
	overflow:auto;
	padding:1em;
	border:1px solid;
	height:1%;
	background:#F7F8FD;

}

table {
border:3px double;
background:#D7F0A7;
border-collapse:collapse;
margin:1em auto;
}
table td , th{border:1px solid #A1E315;
padding:5px;
}
th , .head {background:#F7D055;}





/* ---------------------
aide
--------------------- */


#aide {
clear:both;
background:#F7D055;
font-weight:bold;
line-height:1.5em;
margin:1em auto;
text-indent:1.5em;
font-size:110%;
padding:0px;
border:3px double gray;
max-width:600px;
overflow:hidden;
}

#aide h1 {
margin:0;
padding:5px;
border-bottom: 2px solid gray;
background: rgb(158, 212, 240) none repeat scroll 0% 50%;
text-align: center;
}
#aide h2  {
color:#15AF4E;
font-size:1.4em;
text-indent:2px;
text-transform:uppercase;
display:list-item;
list-style-image :url(img/puce.png);
}
#aide h3 {
font-size:1.3em;
text-indent:0.7em;
color:#111;
text-transform:uppercase;
text-decoration:underline;
}
#aide p  {
padding:5px;
}
#aide p:first-letter {
text-transform:uppercase;
color:#50558F;
}

#lb {
padding:5px;
font-weight:bold;
line-height:2em;
border:2px inset;
}
.lb a{padding:3px 15px}