html{min-height: 100%; height: auto;}
body{font-family:Arial, Verdana, sans-serif; font-size:12px; color:#3b1f11; height:100%;
	/*background:#6ABCE2 url(images/bgGeneral.jpg) bottom center no-repeat;*/
	background: #dddddd;
}

/* GENERAL */
.bold{font-weight:bold;}
p{line-height:1.5; text-align:justify;}
h1{font-size:18px;  font-family:Arial, Verdana, sans-serif; border-bottom:1px solid black; padding-bottom:12px; margin-bottom:12px;}
h2{font-size:16px;  font-family:Arial, Verdana, sans-serif; }
h3{font-size:14px;  font-family:Arial, Verdana, sans-serif;}
h1.topB{padding:12px 12px;}
.bleu, .red{color:#cc1717;}
a.bleu{color:#cc1717;}
.marginB30{margin-bottom:30px;}
.marginT30{margin-top:30px;}

.fRight{float:right;}
span.label{width:150px;  display:block; float:left;}

div.padded25{padding:25px 25px;}

.none{display:none;}

/* MESSAGES */
.msgGreen,.actif_oui{-moz-border-radius: 5px; 	border-radius: 5px; background:green; padding:5px; color:white; margin:3px 0;}
.msgRed,.actif_non{-moz-border-radius: 5px; 	border-radius: 5px; background:red; padding:5px; color:white; margin:3px 0;}
.msgGrey{-moz-border-radius: 5px; 	border-radius: 5px; background:grey; padding:5px; color:white; margin:3px 0;}
.msgBlack{-moz-border-radius: 5px; 	border-radius: 5px; background:#000; padding:5px; color:white; margin:3px 0;}
a.msgGrey,a.msgBlack,a.actif_non,a.actif_oui{text-decoration:none;}
a.actif_non,a.actif_oui{font-size:10px;}
p.info,div.info,.radius{-moz-border-radius: 5px; 	border-radius: 5px; background:#f0f0f0; padding:5px; color:grey; margin:3px 0;}

/* TABLEAUX */
table.tableau{width:100%; margin:10px 0;}
table.tableau thead th.gestion{text-align:center;}
table.tableau thead{background:black; color:white; }
table.tableau thead th{padding:7px 0; text-align:left;}
table.tableau tr:hover{background:#f0f0f0;}
table.tableau tr td{padding:7px 0; border-bottom:1px dotted grey; vertical-align: middle}
table.tableau tr td.gestion{text-align:center; width:50px;}
table.tableau tr td.gestion2{text-align:center; width:30px;}

/* FORMULAIRES */
form.filtrer{-moz-border-radius: 5px; 	border-radius: 5px;background:#fcfcfc; border:1px solid #ccc; padding:10px 5px; margin:10px 0;}

input.ident{width:185px; padding:3px 0;}
input.bouton{border:1px solid grey; font-family:'Muli', sans-serif; -moz-border-radius: 3px; 	border-radius: 3px; padding:2px 5px;}
input.textSearch{border:1px solid #484941; width:222px; height:18px; font-size:11px; color:#484941; margin-bottom:6px;}
input.textAlert{border:1px solid #484941; width:202px; height:18px; font-size:11px; color:#484941; margin:2px 4px; }
select.selectSearch{border:1px solid #484941; width:226px; height:22px; font-size:11px; color:#484941; margin-bottom:6px;}
input[type=text],textarea,select{border:1px solid #ccc; padding:2px 0;}
input.valider{-moz-border-radius: 5px; 	border-radius: 5px; background:grey; padding:5px; color:white; margin:5px 0;}
input.input-text{width:710px; padding-top:4px; padding-bottom:4px;}
.select2{width:300px;}
input.btn-black, a.btn-black{background:black; padding:0.3em 1.6em; color:white; text-decoration:none; border:none;}
/* BLOCKS */
div#topBar{width:100%;background:black;color:white;position:absolute;top:0;}
div#topBar h1{padding-bottom:0; }

div.actu{float:left; width:100%; margin-bottom:30px;}
	div.actu h2{ color:#cc1717; border-bottom:1px dotted #cc1717; margin-bottom:12px;}
/* PAGE CONNEXION */
div#loginBox{width:340px; height:170px; background:white; position:absolute; top:50%; left:50%;	margin-left:-200px; margin-top:-105px; border:1px solid black; -moz-border-radius: 10px; border-radius: 10px; padding:30px 30px; display:table; }

/* PAGE INTERNE */
span.deconnect{position:absolute; right:13px; top:13px;}
span.deconnect a{color:white; text-decoration:none; font-size:11px;}
span.deconnect a.bleu{color:#cc1717;}
span.deconnect a:hover{text-decoration:underline;}

div#contener{width:970px;height:auto !important;min-height:800px;height:800px;background:white;margin:0 auto;display:table;
	margin-top:70px;border:1px solid black;}
div#left{width:770px;height:auto !important;min-height:800px;height:800px;background:white;float:left; display:block;}
div#right{width:200px;height:auto !important;min-height:800px;height:800px;float:right;}

/* NAVIGATION RIGHT */
ul#navigation{width:200px;}
ul#navigation li,ul#dir li{padding:10px 10px; width:180px; border-bottom:1px solid black;}
ul#navigation li a,ul#dir li a{color:black; text-decoration:none; font-size:11px;}
ul#navigation li:hover,ul#navigation li.on{background:#cc1717;}

ul#navigation ul.snav{width:200px; background:#eee; position:relative; left:-10px; top:10px;}
ul#navigation ul.snav li{padding:10px 10px; width:180px; border-bottom:1px solid white;}
ul#navigation ul.snav li a{color:black; text-decoration:none; font-size:11px;}
ul#navigation ul.snav li:hover{background:grey;}
	ul#navigation li:hover a,ul#navigation li.on a{color:white;}

ul#dir{margin-top:50px;}
ul#dir li a{background:url(images/directory.png) center left no-repeat; padding-left:25px;}
ul#dir li.headline{background:white; color:grey;}
ul#dir li.headline a.addDir{float:right; border:1px solid black; padding:2px 3px; color:black; font-size:15px; position:relative; top:-4px; background:none;}
div#footer{width:970px;margin:0 auto;padding:10px 0;	font-size:11px;	text-align:center;	color:white;}
div#footer a{color:white; text-decoration:none;}
div#footer a:hover{text-decoration:underline;}