/*@import url(debug.css);*/
.mceContentBody {
    padding: 15px;
    background-image: none;
    background-color: #FFFFFF;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	border:0; font-size:100%; font:inherit; vertical-align:baseline;
}
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	margin: 0;
	background: url(medias/background.gif);
	color: #333333;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: justify;
	line-height: 18px;
}
#main{
	height:auto; min-height:80%; width:1000px; margin:0 auto;
}
#main{
	overflow:hidden;	padding-bottom:90px; position:relative;
}
#box-footer{
	position:relative; margin-top:-90px; 
	height:40px; clear:both;
} 
clearfix:after{
	content:"."; display:block; height:0; clear:both; visibility:hidden;
}
.clearfix{
	display:inline-block;
}
body:before{
	content:"";	height:100%; float:left; width:0; margin-top:-32767px;
}
/* Hides from IE-mac \*/
* html .clearfix{
	 height:1%;
}
.clearfix{
	display:block;
}
/* End hide from IE-mac */
p {
	margin: 0 0 9px;
}
p small {
	font-size: 11px;
	color: #999999;
}
table{
	clear:both;
    border:1px solid #e9e9e9;
    background-color:#fafafa;
	margin-bottom: 40px;
    width:640px;
    font-size:1em;
}
th, td{
	text-align:left;
    padding:8px;
    font-family:sans-serif;
    font-size:0.9em;
}
table th {
	background-color: #d7d7d7;
	font-weight: bold;
	white-space: nowrap;
}
tbody {
	border-top: 2px solid #dddddd;
}
sub, sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
abbr[title] {
	cursor: help;
	border-bottom: 1px dotted #999999;
}
abbr {
	font-size: 90%;
	text-transform: uppercase;
}
a {
	color: #06C;
	text-decoration: none;
}
a:link, a:visited, a:hover {
	color: #06C;
	text-decoration: none;
}
a:hover {
	color: #20C;
	text-decoration: underline;
}
a:focus {
	outline: thin dotted #332;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
a:hover, a:active {
	outline: 0;
}
form {
	clear: both;
	margin: 0px;
	padding: 0px;
}
form p {
	margin: 7px 0px;
}
h2, h3, h4 ,h5, h6 {
	margin: 0;
	font-family: inherit;
	font-weight: bold;
	color: inherit;
}
h1 {
	position: relative;
	font: 28px Georgia,"Trebuchet MS",sans-serif;
	padding: 20px 0 20px 18px;
	margin: 0px;
	letter-spacing: 2px;
	border-bottom: 1px solid #fff;
}
h2 {
	font-size: 20px;
	line-height: 30px;
}
h3 {
	font-size: 16px;
	line-height: 24px;
}
h4, h5, h6 {
	line-height: 18px;
}
h4 {
	font-size: 14px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 11px;
	color: #999999;
	text-transform: uppercase;
}
img {
	vertical-align: middle;
	border: 0 none;
	max-width: 100%;
	height: auto;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
dl {
	padding: 0px;
	margin: 0px;
}
dt {
	margin-top: 10px;
	margin-bottom: 0px;
	clear: both;
}
dd {
	clear: both;
	margin-left: 5px;
	margin-bottom: 10px;
}
dd img {
	float: left;
	margin: 5px 5px 5px 0px;
}
ul {
	padding: 5px 5px 5px 20px;
	margin: 0px 0px 5px 0px;
	list-style-type: square;
}
ul ul {
	padding: 0px 0px 0px 15px;
	margin: 2px 0px 2px 0px;
	list-style-type: disc;
}
ul ul ul {
	list-style-type: circle;
}
hr {
	margin: 18px 0;
	border: 0;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #ffffff;
}
blockquote {
	background: url(medias/icons/right-quote.gif) no-repeat right bottom;
	text-indent: -25px;
	padding-right: 25px;
	padding-left: 25px;
	font-style: italic;
	text-align: justify;
}
blockquote p:first-letter, blockquote:first-letter {
	font-size: 1.4em;
	padding-left: 25px;
	background: url(medias/icons/left-quote.gif) no-repeat left top;
}
blockquote small {
	display: block;
	line-height: 18px;
	color: #999999;
}
blockquote small:before {
	content: '\2014 \00A0';
}
cite {
	font-style: normal;
}
#box-wrap {
	margin: 40px auto;
	width: 980px;
	background-color: #FFFFFF;
	border: 1px solid #d7d7d7;
	text-align: left;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-o-box-shadow: rgba(0, 0, 0, 0.0470588) 0px 0px 10px 1px;
	-moz-box-shadow: rgba(0, 0, 0, 0.0470588) 0px 0px 10px 1px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.0470588) 0px 0px 10px 1px;
	box-shadow: rgba(0, 0, 0, 0.0470588) 0px 0px 10px 1px;
}
#display-wrap {}
#box-header {
	border-bottom: 4px solid #41b7d8;
	background-color: #41b7d8;
	color: #fff;
}
#box-sidebar {
	position: relative;
	float: left;
	width: 25%;
	margin-left: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-o-box-shadow: rgba(0, 0, 0, 0.0470588) 0px 0px 10px 1px;
	-moz-box-shadow: rgba(0, 0, 0, 0.0470588) 0px 0px 10px 1px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.0470588) 0px 0px 10px 1px;
	box-shadow: rgba(0, 0, 0, 0.0470588) 0px 0px 10px 1px;
	background: #d6e9f8;
}
#box-content {
	width: 70%;
	float: right;
}
.connexion #box-sidebar {
	display: none;
}
.connexion #box-content {
	margin: 0 auto;
	width: 100%;
}
.connexion #box-content form {
	margin: 20px auto;
	width: 50%;
}
#display-content {
	text-align: justify;
	padding: 0px 5px 5px 15px;
}
#box-content-prepend, #box-content-append {
	padding: 0px 5px 0px 15px;
}
#box-footer {
	clear: both;
	background: #fff;
	border-top: 1px solid #d7d7d7;
	margin-top: 20px;
	padding: 4px;
	position: fixed;
	width: 100%;
	bottom: 0;
}
#box-sidebar .box {
	position: relative;
	width: auto;
	overflow: hidden;	
	margin: 0px auto 10px 0;
	padding: 0 0 5px 0;
	list-style-type: none;
	background: #d6e9f8;
}
#box-sidebar .box .display {
	padding: 5px;
}
#box-sidebar h3 {
	font-size: 13px;
	display: block;
	padding: 4px 5px;
	line-height: 100%;
	background: #41B7D8;
	color: #fff;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
#box-sidebar dt {
	margin-top: 5px;
}
#box-sidebar dd {
	margin-bottom: 5px;
}
#box-sidebar ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#box-sidebar ul li {}
#box-sidebar ul li a:link, #box-sidebar ul li a:visited {
	display: block;
	text-decoration: none;
	line-height: 16px;
	padding: 3px 5px;
	margin: 1px 0; 
}
#box-sidebar ul li a:hover {
	background-color: #F3F3F3;
}
#box-sidebar ul li.active a:link, #box-sidebar ul li.active a:visited {
	font-weight: bold;
}
#box-sidebar ul li ul li a:link, #box-sidebar ul li ul li a:visited {
	font-weight: normal;
	padding: 5px 5px 5px 10px;
}
#box-sidebar ul li.active ul li a:link, #box-sidebar ul li.active ul li a:visited {
	font-weight: normal;
	font-size: 12px;
	padding: 5px 5px 5px 10px;
}
#box-sidebar ul li.active ul li.active a:link, #box-sidebar ul li.active ul li.active a:visited {
	font-weight: bold;
}
#box-footer ul {
	list-style-type: none;
	padding: 0px 5px;
	margin: 0px;
}
#box-footer ul li {
	display: inline;
	margin-right: 10px;
}
#box-footer ul li a:link, #box-footer ul li a:visited {
	font-size: 0.85em;
}
#box-footer ul li.active a:link, #box-footer ul li.active a:visited {
	font-weight: bold;
}
#box-content label, #box-content .label {
	float: left;
	display: block;
	width: 200px;
	margin-right: 5px;
	padding-right: 5px;
	text-align: right;
}
#box-content p {
	word-wrap: break-word;
}
#box-content p.label {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#box-content .fieldsInline {
	margin-left: 0px;
	padding-left: 0px;
}
#box-content .fieldsInline label, #box-content .formFilters label, #box-content .formFilters .label {
	float: none;
	display: inline;
	width: auto;
	margin-left: 0px;
	padding-left: 0px;
	border: none;
}
#box-content .fieldsInline li {
	display: inline;
	width: auto;
}
#display-header .menu .display {
	height: 22px;
	padding: 4px 0;
	background: #d6e9f8;
}
#display-header .menu ul {
	padding: 0px;
	margin: 0;
}
#display-header .menu ul li {
	float: left;
	display: block;
	margin: 1px 2px;
	list-style: none;
}
#display-header .menu ul li a {
	background: #ffffff;
	padding: 4px 20px;
	border: 1px solid #ffffff;
	font-size: 1.1em;
	text-decoration: none;
}
#display-header .menu ul li a:hover, #display-header .menu ul li a.active {
	background-color: #67a7e3;
	color: #fff;
}
#display-header .menu ul li ul {	
	display: none;
	position: absolute;
	z-index:999;
	background-color: #ffffff;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin-top: 2px;
	margin-left: 0px;
	min-width: 150px;
}
#display-header .menu ul li ul li, #display-header .menu ul li ul li a {
	display: list-item;
	float: none;
}
#display-header .menu ul li ul li ul {
	display: none ;
	margin: -22px 0 0 145px;
}
#display-header .menu ul li:hover > ul,
#display-header .menu ul li a:hover > ul,
#display-header .menu ul li ul:hover {
	display: block;
}
#display-header .menu li li li:hover > ul,
#display-header .menu li li li a:hover > ul,
#display-header .menu li li li ul:hover {
	display: block;
}
.box-breadcrumbs {
	display: inline-block;
	clear: both;
	float: left;
	width: 800px;
	padding: 0 0px 4px 0px;
	margin: 20px;
}
.box-breadcrumbs ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.box-breadcrumbs ul li {
	padding: 0;
	margin: 0;
}
#box-content .breadcrumbs {
	list-style: none;
	margin: 0;
}
.box-breadcrumbs .bread {
	display: inline-block;
}
.box-breadcrumbs .bread a, 
.box-breadcrumbs .bread a:link, 
.box-breadcrumbs .bread a:visited {
	display: inline-block;
	position: relative;
	color: #666;
	font-size: 12px;
	margin-left: -13px;
	padding: 6px 25px 10px 25px;
	text-decoration: none;
	vertical-align: top;
}
.box-breadcrumbs .bread.first a, 
.box-breadcrumbs .bread.first a:link, 
.box-breadcrumbs .bread.first a:visited {
	padding-left: 12px;
}
.box-breadcrumbs .bread a {
	background: url(medias/general/breadcrumbs_global.png) no-repeat 100% 0;
}
.box-breadcrumbs .bread:hover a {
	background-position: 100% -48px;
	color: #333;
}
.box-breadcrumbs .bread:active a {
	background-position: 100% -96px;
	color: #333;
}
.box-breadcrumbs .bread .left {
	background: url(medias/general/breadcrumbs_global.png) no-repeat;
	padding: 13px 7px;
	position: relative;
	z-index: 11;
}
.box-breadcrumbs .bread .left {
	padding-top: 1px;
}
.box-breadcrumbs .bread a:hover .left {
	background-position: 0 -48px;
}
.box-breadcrumbs .bread a:active .left {
	background-position: 0 -96px;
}
.odd {
	background-color: #F2F2F2;
}
#comments {
	margin-top: 20px;
}
#comments dl {
	padding: 5px 20px;
	border-radius: 8px 0 8px 8px;
	border: 1px solid #A1A1A1;
	margin: 10px 0;
}
#comments dl.odd {
	border: 1px solid #d7d7d7;
	border-radius: 8px 0 8px 8px;
	background: #F0EEE8;
	padding: 5px 20px;
}
.postit {
	background-color: #d7d7d7;
}
.intro {}
.intro-thumb {
	float: left;
	margin-bottom: 10px;
	margin-right: 5px;
}
.box-post {
	clear: both;
	border: 1px solid #A1A1A1;
	margin-top: 20px;
}
.display-post {
	clear: both;
	background: E0E0E0;
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 1px 0 0 1px;
	min-height: 120px;
	padding: 20px;
}
.box-post cite {
	padding: 5px;
	margin: 0px;
	display: block;
	border: 1px solid #d7d7d7;
}
.tools {
	clear: both;
}
.display-post .tools {
	margin: 0px;
}
#box-content ul.tools {
	list-style: none;
	padding: 0;
	margin: 0;
}
#box-content ul.tools li {
	margin: 20px 0 20px 2px;
	padding: 0px 0 2px 0px;
}
#box-content ul.tools li a {
	display: inline-block;
	padding: 2px 8px;
	margin-bottom: 0;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-color: #f5f5f5;
	background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #cccccc;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-bottom-color: #b3b3b3;
	-webkit-border-radius: 4px; -o-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.tools {
  clear:both;
}
.body-page-accueil .repondeur, .body-page-accueil .webmail{
	float: left;
	margin: 10px auto;
	padding: 10px;
}
.body-page-accueil .repondeur a, .body-page-accueil .webmail a{
	background-color: #f5f5f5;
	background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #cccccc;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-bottom-color: #b3b3b3;
	-webkit-border-radius: 4px; -o-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	display: block;
	height: 200px;
	width: 200px;
	text-align:center;
	font-weight: bold;
	color:#000;
	font-size: 13px;
	text-decoration: none;
}
.body-page-accueil .repondeur a:hover, .body-page-accueil .webmail a:hover{
	background-color: #e6e6e6;
	background-position: 0 -200px;
}
.body-page-accueil .repondeur a span, .body-page-accueil .webmail a span{
	padding-top:85px;
	display: block;
}
#box-content ul.tools li.more, #box-content ul.tools li.return {
	background: transparent;
}
#box-content ul.tools li.more a span {
	background: url(medias/icons/zoom.png) no-repeat -20px;
}
#box-content ul.tools li.return a span {
	background: url(medias/icons/return.png) no-repeat 0 -20px;
}
#box-content ul.tools li a {
	background-color: #414141;
	background-image: -ms-linear-gradient(top, #555555, #222222);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));
	background-image: -webkit-linear-gradient(top, #555555, #222222);
	background-image: -o-linear-gradient(top, #555555, #222222);
	background-image: -moz-linear-gradient(top, #555555, #222222);
	background-image: linear-gradient(top, #555555, #222222);
	background-repeat: repeat-x;
	border-color: #222222 #222222 #000000;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
#box-content ul.tools li.more a span, ul.tools li.return a span {
	padding-left: 18px;
}
#box-content ul.tools li.more a span {
	background: url(medias/icons/zoom.png) no-repeat 0px 0px;
}
#box-content ul.tools li.return a span {
	background: url(medias/icons/return.png) no-repeat 0px 2px;
}
.box-post h3, .box-post h4 {
	color: #666666;
	display: block;
	background-color: #d7d7d7;
	border: 1px solid #ffffff;
	padding: 4px 0 4px 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.info-post {
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 0px;
}
.link-category {
	margin-top: 0px;
	margin-bottom: 0px;
}
.permalink {
	float: left;
	margin-top: 0px;
}
.link-readit {
	margin-top: 0px;
	margin-bottom: 0px;
}
.link-comments {
	text-align: right;
	margin-top: 0px;
	margin-bottom: 0px;
}
.box-post .link-comments a, .box-post .link-readit a, .box-post .permalink a, .modify-item a {
	display: inline-block;
	padding: 4px 10px 4px;
	margin-bottom: 0;
	font-size: 13px;
	line-height: 18px;
	color: #333333;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	cursor: pointer;
	background-color: #f5f5f5;
	background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #cccccc;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-bottom-color: #b3b3b3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.box-post .link-comments a:hover, .box-post .link-readit a:hover, .box-post .permalink a:hover, .modify-item a:hover {
	color: #333333;
	text-decoration: none;
	background-color: #e6e6e6;
	background-position: 0 -15px;
}
table .link-category {
	margin-bottom: 0px;
}
.box-post h3 .info-post {
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
}
.box-post h3 .actions-post {
	float: right;
}
.summary-category {
	margin-top: 0px;
	margin-bottom: 0px;
}
.post-modified {
	font-size: 0.9em;
	font-style: italic;
	text-align: right;
}
.actions-post {
	text-align: right;
}
.tablePages {
	clear: both;
}
.filesize {
	font-size: 0.8em;
}
.display-media {
	border: 1px solid #d7d7d7;
	background: #f1f1f1;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 5px;
}
.box-medias {
	clear: both;
	width: 640px;
	margin: 0 auto;
}
.album-s, .media-s {
	position: relative;
	float: left;
	display: inline;
	width: 150px;
	overflow: hidden;
	text-align: center;
	margin: 0px 4px 8px 4px;
	border: 1px solid #ddd;
	background: #f0eee8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}
.album-s:hover, .media-s:hover {
	border-color: #0088cc;
	-webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
	-moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
	box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}
.album-s img, .media-s img {
	margin-top: 4px;
	border: 1px solid #ffffff;
}
.mail a {
	background: url(medias/icons/envelope.png) no-repeat center left;
}
.mail a span {
	margin-left: 30px;
}
td.actif a {
	padding: 6px 13px;
	background: url(medias/icons/ok.png) no-repeat;
	cursor: default;
}
td.inactif a {
	padding: 6px 13px;
	background: url(medias/icons/ban.png) no-repeat;
}
.modify a {
	padding: 6px 13px;
	background: url(medias/icons/edit.png) no-repeat;
}
td.inactif a span, td.actif a span, .modify a span {
	display: none;
}
p.random {
	margin:0;
}
#box-content .album-s, #box-content .media-s {
	height: 160px;
}
#box-sidebar .album-s, #box-sidebar .media-s {
	width: 110px;
	height: 110px;
	margin: 1px;
	padding: 1px;
}
#box-sidebar .text, #box-sidebar .password {
	width: 150px;
}
#google-map {
	color: #000000;
	width: 400px;
	height: 400px;
display:block;
}
.album-s p, .media-s p {
	margin: 0px;
}
.media-l {
	margin: 0px 0px 8px 0px;
	text-align: center;
}
.box-media a:link, .box-media a:visited {
	text-decoration: none;
}
.media-s .link-comments {
	font-size: 0.8em;
	text-align: center;
}
.box-media .previous {
	margin: 0px;
	float: left;
}
.box-media .next {
	margin: 0px;
	float: right;
}
.box-media .title {
	text-align: center;
	font-weight: bold;
	margin: 0px;
}
.info-media, .summary-media {
	margin-top: 0px;
	margin-bottom: 0px;
}
.accesskey {
	text-decoration: underline;
}
.submit, .reset, .preview {
	display: inline-block;
	padding: 2px 8px;
	margin: 0;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-color: #f5f5f5;
	background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #cccccc;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-bottom-color: #b3b3b3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.submit {
	background-color: #0074cc;
	background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
	background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
	background-image: -o-linear-gradient(top, #0088cc, #0055cc);
	background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
	background-image: linear-gradient(top, #0088cc, #0055cc);
	background-repeat: repeat-x;
	border-color: #0055cc #0055cc #003580;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	margin-bottom: 20px;
}
.submit:hover,
.submit:active {
	background-color: #0055cc;
	background-position: 0 -15px;
}
.reset {
	background-color: #414141;
	background-image: -ms-linear-gradient(top, #555555, #222222);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));
	background-image: -webkit-linear-gradient(top, #555555, #222222);
	background-image: -o-linear-gradient(top, #555555, #222222);
	background-image: -moz-linear-gradient(top, #555555, #222222);
	background-image: linear-gradient(top, #555555, #222222);
	background-repeat: repeat-x;
	border-color: #222222 #222222 #000000;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.reset:hover,
.reset:active {
	background-color: #222222;
	background-position: 0 -15px;
}
.preview {
	background-color: #49afcd;
	background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
	background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: linear-gradient(top, #5bc0de, #2f96b4);
	background-repeat: repeat-x;
	border-color: #2f96b4 #2f96b4 #1f6377;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.preview:hover,
.preview:active {
	background-color: #2f96b4;
	background-position: 0 -15px;
}
.modify-item {
	text-align: right;
	background-color: #eef2f3;
	padding: 0;
	margin :0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
form {
	border:1px solid #ccc; -o-border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; -moz-box-shadow:0px 1px 8px 0px #ebebeb; -o-box-shadow:0px 1px 8px 0px #ebebeb; -webkit-box-shadow:0px 1px 8px 0px #ebebeb; box-shadow:0px 1px 8px 0px #ebebeb; background:#ebebeb; background:-o-linear-gradient(bottom, #EBEBEB , #FFFFFF ); background:-moz-linear-gradient(90deg, #ebebeb, #FFFFFF) repeat scroll 0 0 transparent; background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#ebebeb), color-stop(0.5, #ebebeb)); -ms-filter:'progid:DXImageTransform.Microsoft.Gradient(startColorStr=#EBEBEB,endColorStr=#FFFFFF)'; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#EBEBEB,endColorStr=#FFFFFF);
}
form h2 {
	text-align: center;
	margin: 20px 0;
	color: #41B7D8;
}
fieldset {
	padding: 0;
	margin: 0;
	border: 0;
}
legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 27px;
	font-size: 19px;
	line-height: 36px;
	color: #333333;
	border: 0;
	border-bottom: 1px solid #e5e5e5;
}
legend small {
	font-size: 13px;
	color: #999999;
}
label, input, button, select, textarea {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
input, button, select, textarea {
	font-family: Arial, sans-serif;
}
label[for^="toggle"], #toggle-menu {
	cursor: pointer;
	display: none;
}
label[for^="toggle"] + #toggle-menu {
	display: none
}
label {
	display: block;
	margin-bottom: 5px;
}
select, textarea,
input[type="text"],
input[type="password"] {
	display: inline-block;
	height: 18px;
	padding: 2px;
	margin-bottom: 5px;
	font-size: 12px;
	line-height: 18px;
	color: #555555;
}
input {
	width: 200px;
}
textarea {
	height: auto;
	width: 350px;
	max-width: 680px;
}
textarea, input[type="text"], input[type="password"] {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus {
	border-color: rgba(82, 168, 236, 0.8);
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.6);
}
input[type="radio"],
input[type="checkbox"] {
	margin: 3px;
	line-height: normal;
	cursor: pointer;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
	width: auto;
}
select,
input[type="file"] {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 24px;
	line-height: 24px;
}
select {
	width: 205px;
	border: 1px solid #bbb;
}
select[multiple],
select[size] {
	height: auto;
}
select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
	outline: thin dotted #333333;
	outline: 5px auto;
	outline-offset: -2px;
}
.radio,
.checkbox {
	min-height: 18px;
	padding-left: 18px;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
	float: left;
	margin-left: -18px;
}
label strong {
	color: #b94a48;
}
.error.checkbox, .error.radio, input.error, select.error, textarea.error {
	border-color: #b94a48;
}
.checkbox:focus.error, .radio:focus.error, input:focus.error, select:focus.error, textarea:focus.error {
	border-color: #953b39;
	-webkit-box-shadow: 0 0 4px #d59392;
	-moz-box-shadow: 0 0 4px #d59392;
	box-shadow: 0 0 4px #d59392;
}
.date {
	width: 80px;
}
.time {
	width: 60px;
}
.numeric {
	width: 60px;
}
.textareabigger {
	height: 200px;
}
.keywords {
	margin: 2px 0px;
}
.siteindex .active, .tags .active {
	background-color: #332;
	color: #FFFFFF;
}
.tag0 {
	font-size: 60%;
}
.tag10 {
	font-size: 70%;
}
.tag20 {
	font-size: 80%;
}
.tag30 {
	font-size: 90%;
}
.tag40 {
	font-size: 100%;
}
.tag50 {
	font-size: 110%;
}
.tag60 {
	font-size: 120%;
}
.tag70 {
	font-size: 130%;
}
.tag80 {
	font-size: 140%;
}
.tag90 {
	font-size: 150%;
}
.tag100 {
	font-size: 160%;
}
.box-errors, .box-helps, #box-debug {
	clear: both;
	padding: 5px 20px;
	margin: 10px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-bottom: 1px solid #f5f5f5;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.box-errors {
	color: #b94a48;
	background-color: #f2dede;
	border-top: 1px solid #eed3d7;
}
.box-helps {
	color: #3a87ad;
	background-color: #d9edf7;
	border-top: 1px solid #bce8f1;
}
#box-debug {
	width: auto;
	position: fixed;
	z-index: 999;
	bottom: 0;
	right: 0;
	border-top: 1px solid #b3b3b3;
	background: #d9d9d9;
}
.clear {
	margin: 0px;
	padding: 0px;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}
.print {
	display: none;
}

@media (max-width: 600px) {
	[data-icon]:before {content: attr(data-icon);}
	label[for^="toggle"], [type="checkbox"] {
		display: block;
	}
	label[for^="toggle"] + [type="checkbox"] {
		display: none
	}
	button, input[type="button"], input[type="reset"], input[type="submit"] {
		cursor: pointer;
		-webkit-appearance: button;
	}
	table {
		width: 100% !important;
	}
	th, td {
		display: block !important;
		width: auto !important;
		text-align: left !important;
		padding: 0;
	}
	th p, td p {
		padding: 2px;
	}
	td img {
		display: block;
		margin: 0 auto;
		padding: 5px;
	}
	thead {display: none}
	label[for^="toggle"] {
		position: absolute; 
		top: 30px; right: 20px;
		z-index: 1337;
		padding: 0.1em 0.25em;
		font-size: 3.8em;
		font-weight: bold;
		line-height: .7em;
		background-color: #fff;
		text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
		border-radius: 4px;
		color: #67a7e3;
	}
	#toggle-menu:checked + ul {
		max-height: 30em !important;
	}
	#box-wrap {
		margin: 0 auto;
		width:100%;
	}
	#display-header .menu .display {
		height: auto;
		padding: 0;
	}
	#display-header .menu ul.panel {
		max-height: 0;
		overflow: hidden;
		-webkit-transition: max-height .4s;
		-moz-transition: max-height .4s;
		-o-transition: max-height .4s;
		-ms-transition: max-height .4s;
		transition: max-height .4s;
	}
	#display-header .menu ul li {
		float: none;
		width:100%;
		margin:0;
		padding:0;
	}
	#display-header .menu ul li a {
		display: block;
		padding: .9em .6em;
		font-size: 1.1em;
		position: relative;
		display: block;
		border-bottom: 1px dotted #d7d7d7;
		background: #d6e9f8;
		color: #000;
	}
	#display-header .menu ul li.last a {
		border-bottom: 1px solid #d7d7d7;
	}
	#display-header .menu ul li ul{
		min-width: 100%;
		position: relative;
		display: block;
		border: 0 none;
		margin: 0;
	}
	#display-header .menu ul li ul li a{
		padding-left: 2em;
	}
	#box-breadcrumbs{
		display:none;
	}
	#box-content{
		width:100%;
		clear:both;
		border-bottom: 1px solid #fff;
	}
	#box-sidebar{
		width:100%;
		clear:both;
		border-top: 1px solid #d7d7d7;
	}
	#box-footer{
		clear:both;
	}
	#box-footer label[for^="toggle"]{
		display:none;
	}
}

/******************************************
***************** PRINT *******************
******************************************/
@media print {
	body {
		color: #000000;
		background-color: #FFFFFF;
		background-image: none;
		margin: 0px;
	}
	div {
		background-image: none;
		background-color: #FFFFFF;
	}
	h1, h2, h3, h4, h5, h6 {
		color: #000000;
		background-color: #FFFFFF;
	}
	p, blockquote {
		orphans: 2; 
		widows: 2;
	}
	blockquote, ul, ol {
		page-break-inside: avoid;
	}
	h1, h2, h3, caption { 
		page-break-after: avoid;
	}
	a:link, a:visited, a:hover {
		color: #000000;
		text-decoration: underline;
	}
	.noprint, .tools {
		display: none;
	}
	.print {
		display: block;
	}
	.tablePages {
		margin-bottom: 5px;
	}
	.box-post {
		border: 1px solid #000000;
	}
	table, .box-post, .odd, tr th, td {
		background-color: #FFFFFF;
	}
	table {
		background-color: #FFFFFF;
		border-top: 1px solid #000000;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
		border-bottom: 0 none;
	}
	tr th, td {
		border-bottom: 1px solid #000000;
	}
	#box-header, #box-sidebar, #box-footer {
		display: none;
	}
	#box-wrap, #box-content, #display-content {
		color: #000000;
		background-color: #FFFFFF;
		background-image: none;
		z-index: 10;
		width: 630px;
		height: auto;
		overflow: visible;
		float: none;
		position: relative;
		margin: 0px;
		padding: 0px;
		top: 0px;
		left: 0px;
	}
}