/*----------------------------------------------------------
	Style principal
	Projet:
	Sommaire:
		Reset css
		Balises par défaut
		Disposition
			Mise en page générale
			Eléments récurrents
			Les pages internes
				home.php
		Classes générales
----------------------------------------------------------*/


/* ========================================================================
 * Reset CSS
 * ========================================================================*/

@import "reset.css";

/* ========================================================================
 * Balises par défaut
 * ========================================================================*/

html { }

body { background:#ededed;}

h1 { }
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }

p { }
img { }
sup { }
abbr, acronym { }

blockquote, q { }
blockquote { }
cite { }

ul { }
ol { }
dl { }

form { }
fieldset { }
input { }
label { }

a { }
a:link { }
a:visited { }
a:hover { }
a:focus { }
a img { }

code, pre { }
pre { }

hr { }

/* ========================================================================
 * Disposition
 * ========================================================================*/

/* -----------------------------------------
 * Début de projet (A supprimer ensuite)
 * ------------------------------------------*/
h1 {font-size:150%;}
h2 {font-size:125%;}
h3 {font-size:100%;}
pre {border:1px dotted #FFFFFF; padding:10px;}
a {color:#000000;}
a:visited {color:#333333;}
#test-png {background:url(../images/A_supprimer_bgd_test.gif); width:5%; border:1px solid #888888; padding:20px; position:absolute; top:2px; left:2px;}

#main {padding:10px; background:#535353; width:80%; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; margin:10px auto;}
	#header {padding:10px; background:#888888; margin:0 0 10px;}
		#nav {padding:5px; background:#b4b4b4; overflow:hidden; width:98.5%;}
			#nav li {float:left; padding:5px;}
	#container {padding:10px; background:#888888; margin:0 0 10px; width:98.5%; overflow:hidden;}
		#content {padding:10px; background:#b4b4b4; width:75%; margin:0 0 10px; float:left;}
			#cont {padding:10px; background:#d7d7d7;}
		#aside {padding:10px; background:#b4b4b4; width:15.5%; float:right;}
	#footer {padding:10px; background:#888888;}

/* Menu CMS */
.menu ul {border-bottom:1px solid #000; background:#999; font-size:12px;}
    .menu a {padding:5px; display:block; border:1px solid #808080; border-bottom:none;}
    .menu .children {background:#e8e8e8; border-bottom:none;}

    .depth-1 a {border-color:#000;}

    .depth-2 a {padding-left:15px; border-color:#808080;}
    .menu .depth-2 .children {background:#FDFDFD;}
    .depth-3 a {padding-left:30px; border-color:#999;}

    .menu ul > li:hover {box-shadow:0 0 5px #F89406;}

/* -----------------------------------------
 * Mise en page générale
 * ------------------------------------------*/
#main {}
	#header {}
		#nav {}
	#container {}
		#content {}
			#cont {}
		#aside {}
	#footer {}

/* -----------------------------------------
 * Eléments récurrents
 * ------------------------------------------*/
.news {}
	.news li {margin:0 0 10px; padding:0 0 10px; border-bottom:1px solid #333333;}
	.news h3 {font-weight:bold;}
	.news .news-date {font-size:12px;}

.formatform {}
	.formatform fieldset {border-top:1px solid #333333; padding:5px 0 0; margin:0 0 10px;}
		.formatform h3 {margin:0 0 10px;}
		.formatform p {margin:0 0 5px;}
			.formatform label {display:block;}
				.formatform label span {font-style:italic; font-size:smaller; margin:0 0 0 5px;}
				.formatform label span.infos {cursor:help;}
			.formatform input {border:2px solid #BFBFBF; height:15px; padding:3px; width:350px;}
			.formatform textarea {border:2px solid #BFBFBF; padding:3px; width:350px;}
			.formatform select {border:2px solid #BFBFBF; padding:3px; width:150px;}

/* -----------------------------------------
 * Les pages internes
 * ------------------------------------------*/

/* home.php */

/* -----------------------------------------
 * Ballot screen pour IE6
 * ------------------------------------------*/
#ballot {border:2px solid #FFD61F; border-left:none; border-right:none; background:#FFF7C0;}
	#ballot .inner {width:740px; margin:0 auto; overflow:hidden;}
		#ballot .warning {background:url(../images/ico_warning.png) no-repeat center 5px; width:85px; float:left; font-size:13px; text-align:center; font-weight:bold; padding:55px 0 0;}
		#ballot p {width:260px; float:left; font-size:12px; padding:12px 0 0 15px; line-height:14px;}
			#ballot p strong {display:block; font-size:14px; margin:0 0 5px;}
		#ballot ul {float:left;}
			#ballot li {float:left; width:75px; margin:7px 0 0; text-align:center; font-size:11px;}
				#ballot li a {background:url(../images/logos_browser.png) no-repeat left top; padding:35px 0 0; text-align:center; display:block; text-decoration:none; font-weight:bold; color:#000; line-height:14px; cursor:pointer;}
				#ballot .firefox a {background-position:-55px -2px;}
				#ballot .chrome a {background-position:22px -2px;}
				#ballot .safari a {background-position:-231px 0;}
				#ballot .opera a {background-position:-138px -1px;}
				#ballot .ie a {background-position:-328px -2px;}


/* Système de navigation par arbre */
.jstree-default li,
.jstree-default ins { background-image:url(../images/admin/d.png); background-repeat:no-repeat; background-color:transparent; }
.jstree-default li { background-position:-90px 0; background-repeat:repeat-y; }
.jstree-default li.jstree-last { background:transparent; }
.jstree-default .jstree-open > ins { background-position:-72px 0; }
.jstree-default .jstree-closed > ins { background-position:-54px 0; }
.jstree-default .jstree-leaf > ins { background-position:-36px 0; }

.jstree-default .jstree-search { font-style:italic; font-weight:bold; color:#57A957; background-color:#D1EED1; border:1px solid #BFE7BF; padding:0 4px 0 1px;}
.jstree-default .jstree-hovered { background:#DDF4FB; border:1px solid #C6EDF9; padding:0 4px 0 1px; }
.jstree-default .jstree-clicked { background:#FDF5D9; border:1px solid #FCEEC1; padding:0 4px 0 1px; }
.jstree-default a .jstree-icon { background-position:-56px -19px; }
.jstree-default a.jstree-loading .jstree-icon { background:url(../images/admin/throbber.gif) center center no-repeat !important; }

.jstree-default.jstree-focused { background:#FAFAFA; }

.jstree-default .jstree-no-dots li,
.jstree-default .jstree-no-dots .jstree-leaf > ins { background:transparent; }
.jstree-default .jstree-no-dots .jstree-open > ins { background-position:-18px 0; }
.jstree-default .jstree-no-dots .jstree-closed > ins { background-position:0 0; }

.jstree-default .jstree-no-icons a .jstree-icon { display:none; }

.jstree-default .jstree-no-icons .jstree-checkbox { display:inline-block; }
.jstree-default .jstree-no-checkboxes .jstree-checkbox { display:none !important; }
.jstree-default .jstree-checked > a > .jstree-checkbox { background-position:-38px -19px; }
.jstree-default .jstree-unchecked > a > .jstree-checkbox { background-position:-2px -19px; }
.jstree-default .jstree-undetermined > a > .jstree-checkbox { background-position:-20px -19px; }
.jstree-default .jstree-checked > a > .jstree-checkbox:hover { background-position:-38px -37px; }
.jstree-default .jstree-unchecked > a > .jstree-checkbox:hover { background-position:-2px -37px; }
.jstree-default .jstree-undetermined > a > .jstree-checkbox:hover { background-position:-20px -37px; }

#vakata-dragged.jstree-default ins { background:transparent !important; }
#vakata-dragged.jstree-default .jstree-ok { background:url(../images/admin/d.png) -2px -53px no-repeat !important; }
#vakata-dragged.jstree-default .jstree-invalid { background:url(../images/admin/d.png) -18px -53px no-repeat !important; }
#jstree-marker.jstree-default { background:url(../images/admin/d.png) -41px -57px no-repeat !important; text-indent:-100px; }

/*.jstree-default a.jstree-search { color:aqua; }*/
.jstree-default .jstree-locked a { color:silver; cursor:default; }

#vakata-contextmenu.jstree-default-context,
#vakata-contextmenu.jstree-default-context li ul { background:#f0f0f0; border:1px solid #979797; -moz-box-shadow: 1px 1px 2px #999; -webkit-box-shadow: 1px 1px 2px #999; box-shadow: 1px 1px 2px #999; }
#vakata-contextmenu.jstree-default-context li { }
#vakata-contextmenu.jstree-default-context a { color:black; }
#vakata-contextmenu.jstree-default-context a:hover,
#vakata-contextmenu.jstree-default-context .vakata-hover > a { padding:0 5px; background:#e8eff7; border:1px solid #aecff7; color:black; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
#vakata-contextmenu.jstree-default-context li.jstree-contextmenu-disabled a,
#vakata-contextmenu.jstree-default-context li.jstree-contextmenu-disabled a:hover { color:silver; background:transparent; border:0; padding:1px 4px; }
#vakata-contextmenu.jstree-default-context li.vakata-separator { background:white; border-top:1px solid #e0e0e0; margin:0; }
#vakata-contextmenu.jstree-default-context li ul { margin-left:-4px; }

/* IE6 BEGIN */
.jstree-default li,
.jstree-default ins,
#vakata-dragged.jstree-default .jstree-invalid,
#vakata-dragged.jstree-default .jstree-ok,
#jstree-marker.jstree-default { _background-image:url(../../images/admin/d.gif); }
.jstree-default .jstree-open ins { _background-position:-72px 0; }
.jstree-default .jstree-closed ins { _background-position:-54px 0; }
.jstree-default .jstree-leaf ins { _background-position:-36px 0; }
.jstree-default a ins.jstree-icon { _background-position:-56px -19px; }
#vakata-contextmenu.jstree-default-context ins { _display:none; }
#vakata-contextmenu.jstree-default-context li { _zoom:1; }
.jstree-default .jstree-undetermined a .jstree-checkbox { _background-position:-20px -19px; }
.jstree-default .jstree-checked a .jstree-checkbox { _background-position:-38px -19px; }
.jstree-default .jstree-unchecked a .jstree-checkbox { _background-position:-2px -19px; }
/* IE6 END */

/* Tooltip */
.tooltip { position: absolute; z-index: 1020; display: block; visibility: visible; padding: 5px; font-size: 11px; opacity: 0; filter: alpha(opacity=0); }
	.tooltip.in { opacity: 0.8; filter: alpha(opacity=80); }
	.tooltip.top { margin-top: -2px }
	.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000000; }
		.tooltip-inner { max-width:200px; padding: 3px 8px; color: #ffffff; text-align: center; text-decoration: none; background-color: #000000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
		.tooltip-arrow { position: absolute; width: 0; height: 0; }

.fade { -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -ms-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; opacity: 0; }
.fade.in { opacity: 1 }

/* ========================================================================
 * Classes générales
 * ========================================================================*/
.denied {background:url(../images/ico_warning_01.gif) no-repeat 8px 11px; padding:5px 35px 5px 35px; margin:5px 0; border-top:3px solid red;}
.denied li {border-bottom:1px dotted red; padding:3px 0;}
.clear { clear:both; line-height:0; height:0; font-size:0;}
.error-page {margin:0 0 15px;}
.error-page h2 {font-size:30px; text-transform:uppercase; font-weight:bold;}
.btn {width:auto !important; height:30px !important; background:#EFEFEF; border:1px solid #FFFFFF; cursor:pointer; font-weight:bold; line-height:15px; padding:2px 5px; overflow: visible;}
.checkbox {width:auto !important; height:auto !important; padding:0 !important; border:none !important;}
.nodisplay { display:none; }
.center { text-align:center; }
.right { text-align:right !important; }
.flright { float:right; }
.flleft { float:left; }
.two-columns { width:49% !important;}