/* ---------------------
Html, body, générique
--------------------- */
body {
	width : 800px;
	margin : 0 auto;
	padding : 0 10px;
	font-family : Tahoma, Helvetica, sans-serif;
	font-size : 0.7em;
	color : #666;
}
body.popup {
	width : 95%;
	margin : 0 auto;
	padding : 0;
}
h2 {
	font-size : 1.1em;
	margin : 0;
	padding : 5px 0 10px 0;
}	
h3 {
	font-size : 1em;
	margin : 0;
	padding : 1px 0;
}
a {
	color : #5B5B5B;
}
a:hover {
	color : #e3be2b;
}
.center {
	text-align : center;
}
.msg {
	text-align : center;
	color : #D0371E;
}
img { border:none }
a#link_index { background : url(img/index.png) no-repeat; }
a#link_articles { background : url(img/article.png) no-repeat; outline : none; }
a#link_article-new { background : url(img/article-new.png) no-repeat; outline : none; }
a#link_statiques { background : url(img/page.png) no-repeat; outline : none; }
a#link_commentaires { background : url(img/comments.png) no-repeat; outline : none; }
a#link_images { background : url(img/images.png) no-repeat; outline : none; }
a#link_docs { background : url(img/document.png) no-repeat; outline : none; }
a#link_categories { background : url(img/categorie.png) no-repeat; outline : none; }
a#link_config { background : url(img/reglage.png) no-repeat; outline : none; }
a#link_user { background : url(img/user.png) no-repeat; outline : none; }
a#link_info { background : url(img/info.png) no-repeat; outline : none; }
a#link_check { background : url(img/check.png) no-repeat; outline : none; }
a#link_pluxml { background : url(img/pluxml.png) no-repeat; outline : none; }
a.back { background : url(img/go.png) no-repeat; outline : none; }

/* ------------
   PlxToolbar
------------ */
.plxtoolbar input { width : 22px; height : 22px; margin : 0; padding : 0; border: 0px; }
.plxtoolbar input.p { background : url(img/p.png) no-repeat; border : none; padding : 2px 4px; }
.plxtoolbar input.bold { background : url(img/bold.png) no-repeat; border : none; padding : 2px 4px; }
.plxtoolbar input.italic { background : url(img/italic.png) no-repeat; border : none; padding : 2px 4px; }
.plxtoolbar input.underline { background : url(img/underline.png) no-repeat; border : none; padding : 2px 4px; }
.plxtoolbar input.strike { background : url(img/strike.png) no-repeat; border : none; padding : 2px 4px; }
.plxtoolbar input.h1 { background : url(img/h1.png) no-repeat; border : none; padding : 2px 4px; }	
.plxtoolbar input.h2 { background : url(img/h2.png) no-repeat; border : none; padding : 2px 4px; }
.plxtoolbar input.h3 { background : url(img/h3.png) no-repeat; border : none; padding : 2px 4px; }
.plxtoolbar input.ul { background : url(img/ul.png) no-repeat; border : none; padding : 2px 4px; }
.plxtoolbar input.ol { background : url(img/ol.png) no-repeat; border : none; padding : 2px 4px; }
.plxtoolbar input.link { background : url(img/link.png) no-repeat; border : none; padding : 2px 4px; }
.plxtoolbar input.hr { background : url(img/hr.png) no-repeat; border : none; padding : 2px 4px; }
.plxtoolbar input.media { background : url(img/media.png) no-repeat; border : none; padding : 2px 4px; }
.plxtoolbar input.acronym { background : url(img/acronym.png) no-repeat; border : none; padding : 2px 4px; }
.plxtoolbar input.br { background : url(img/br.png) no-repeat; border : none; padding : 2px 4px; }
.plxtoolbar input.p_left { background : url(img/left.png) no-repeat; border : none; padding : 2px 4px; }
.plxtoolbar input.p_center { background : url(img/center.png) no-repeat; border : none; padding : 2px 4px; }
.plxtoolbar input.p_right { background : url(img/right.png) no-repeat; border : none; padding : 2px 4px; }
.plxtoolbar input.button { border : none; padding : 2px 4px; }

/* ---------------------
Header
--------------------- */
#header {
	margin-top : 20px;
	text-align : center;
}
#header h1 {
	font-size : 1.4em;
	font-weight : normal;
	padding : 4px 0 2px 0;
	margin : 0;
}	
#header p {
	padding : 0 0 4px 0;
	margin : 0;
	font-style : italic;
}
#logout {
	text-decoration : none;
	color : #bd0000;
}

/* ---------------------
Navigation
--------------------- */
#navigation {
	border-bottom : 1px solid #eee;
	margin : 6px 0 25px 0;
}
#navigation ul {
	padding : 5px 0 10px 0;
	margin : 0;
	text-align : center;
}
#sous_navigation {
	border-bottom : 1px solid #eee;
	margin : -20px auto 25px auto;
	font-size : 0.80em!important;
}
#sous_navigation ul {
	padding : 5px 0 5px 0; margin : 0;
	text-align : center;
}
#navigation2 {
	border-top : 1px solid #eee;
	margin : 10px 0 0 0;
}
#navigation2 ul {
	padding : 0;
	margin : 0;
	text-align : right;
}
#navigation li, #sous_navigation li, #navigation2 li {
	list-style : none;
	display : inline;
	margin-right : 10px;
	padding : 0;
}
#navigation li a, #sous_navigation li a, #navigation2 li a {
	padding : 2px 0 2px 20px;
	text-decoration : none;
}
#footer {
	text-align : right;
	margin : 0;
	padding : 6px 0 4px 0;
}
#pagination {
	width : 100%;
	text-align : center;
	margin : 10px auto 0 auto;
	padding : 0;
}

/* ---------------------
Authentification
--------------------- */
#auth {
	text-align : right;
	margin : 60px auto 0 auto;
	width : 400px;
}
#auth fieldset {
	border : 1px solid #ddd;
	padding : 15px;
}
#auth fieldset legend {
	text-align : left;
	font-size : 1.2em;
	margin-bottom : 5px;
}
#auth input {
	margin : 5px 70px 0 0;
}
legend {
	color : #666;
}
.auth_return {
	text-align : center;
	margin : 0;
	font-size : 0.85em;
}

/* ---------------------
Form et fieldset
--------------------- */
fieldset {
	border : 0;
	margin : 10px 0;
	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;
	background: #eee;
}
input {
	margin : 0 4px 0 4px;
	padding : 1px;
	border : 1px solid #bbb;
	cursor: pointer;
}

/* ---------------------
Galerie et documents
--------------------- */	
.backupload{
	background : url(img/go.png) no-repeat;
	padding : 0 0 0 20px;
}
.bloc_gal {
	margin : 0 10px 10px 0;
	width : 180px;
	border : 1px solid #bbb;
	float : left;
	text-align : center;
}	
.thumb {
	margin : 5px;
}
	
.thumb_link {
	background : #eee;
	margin :5px 0 0 0;
	padding : 0;
}

/* ---------------------
Autre
--------------------- */
#preview {
	border : 1px solid #ccc;
	padding : 5px;
	margin : 0;
}
table {
	width : 100%;
	margin : 0;
}
th {
	background-color : #bbb;
}

th, td {
	padding : 2px 2px 2px 2px;
}	
.line-0 {
	background-color : #fff;
}
.line-1 {
	background-color : #efefef;
}
.tcl {
	width: 10%;
}
.tc2 {
	width: 45%;
}
.tc3 {
	width: 10%;
	text-align:right;
}
#preview { /* Bloc tutorial */
font-family: Garamond, Hoefler Text, Palatino, Palatino Linotype, serif;
        background : #C8C6AF url("images/cycle-light.jpg");
        -moz-border-radius: 5px;
	width : 650px;
	margin : 20px auto;
	padding : 8px 126px;
        color: #111;
	font-size : 1.2em;
}
#preview i{ /* tutorial intro */
	font-size : 1.1em;
}
#preview img{ /* tutorial image border black */
border: 1px solid #5B3D1A;
margin: 0px 20px 0px 0px;
}
/* tutorial chapo */
#preview .chapoin{ 
border: 3px double #5B3D1A;
padding: 20px 20px 28px 20px;
}
#preview .chapoin p{ 
	font-family: Garamond, Hoefler Text, Palatino, Palatino Linotype, serif;
	font-size: 1em;
	font-style: italic;
}
#preview .chapoin p:first-letter{ 
	font-size: 140%;
	font-style: italic;
	padding: 0px 0px 0px 20px;
}
#preview .chapoin img{ 
	float: left;
}
#preview h1 { /* Titre de l'article */
	font-family: Garamond, Hoefler Text, Palatino, Palatino Linotype, serif;
	color : #5B3D1A;
	font-size : 2.15em;
	margin : 0 0 0 0;
	padding : 15px 0 40px 12px;
	letter-spacing : 2px;
}
#preview a { /* Lien sur le titre de l'article */
	color : #5B3D1A;
	text-decoration : underline;
	font-style : bold;
}
#preview a:hover {
	color : #000;
	text-decoration : underline;
}
#preview h2{ /* tutorial title design */
	font-family: Garamond, Hoefler Text, Palatino, Palatino Linotype, serif;
	font-size : 2em;
	color: #111;
	font-style: italic;
	padding: 30px 10px 10px 40px;
}
#preview h4{ /* tutorial img description */
	font-family: Garamond, Hoefler Text, Palatino, Palatino Linotype, serif;
	font-size : 16px;
	color: #111;
	font-style: italic;
}
#preview p{ /* paragraph */
	font-family: Garamond, Hoefler Text, Palatino, Palatino Linotype, serif;
	padding: 5px 0px;
}
#preview p:first-letter{ /* paragraph lettrine */
	font-size: 140%;
	font-style: italic;
	padding: 0px 0px 0px 20px;
}
.preview a{
        color: #811 !important;
}
.preview a:hover{
        color: #f61;
}
.hiddendesc{ 
	display: none;

}