@charset "utf-8";
/* CSS Document */

/*Errors and Oks */
#oks ul {
	list-style:none;
	padding:0;
}
#oks {
	display:none;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	z-index:2002;
}
#oks ul li {
	padding:10px 0 10px 35px;
	margin:5px;
	background:rgba(0, 200, 0, 1) 10px 12px no-repeat url(../images/pictos/yes.gif);
	color:#fff;
	border-radius:5px;
	font-weight:bold;
}
#errors ul {
	list-style:none;
	padding:0;
}
#errors {
	display:none;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	z-index:2002;
}
#errors ul li {
	padding:10px 0 10px 35px;
	margin:5px;
	background:rgba(200, 0, 0, 1) 10px 12px no-repeat url(../images/pictos/error.png);
	color:#fff;
	border-radius:5px;
	font-weight:bold;
}
/*Overlay*/
#info-overlay {
	opacity:0;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:300;
	color:#fff;
	line-height:30px;
	height:30px;
	text-align:center;
}
.infobulle {
	display:none;
}
#fondnoir {
	background-color:rgba(0, 0, 0, 0.7);
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:200;
}
#tourniquet {
	position:fixed;
	top:50%;
	left:50%;
}
/*back commun*/
.nameconnect {
	padding:5px 12px;
	text-align:center;
	background: rgb(255,255,255);
    background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 30%, rgba(238,238,238,1) 63%, rgba(204,204,204,1) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(30%,rgba(255,255,255,1)), color-stop(63%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1)));
    background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 30%,rgba(238,238,238,1) 63%,rgba(204,204,204,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 30%,rgba(238,238,238,1) 63%,rgba(204,204,204,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 30%,rgba(238,238,238,1) 63%,rgba(204,204,204,1) 100%);
    background: linear-gradient(135deg, rgba(255,255,255,1) 30%,rgba(238,238,238,1) 63%,rgba(204,204,204,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=1 );
    border:1px solid #fff;
	color:#333;
	margin:10px 20px;
}
.liverecording {
	padding:5px 12px;
	text-align:center;
	background:#eee;
	border:1px solid #fff;
	color:#333;
	margin:10px 20px 50px 20px;
}
.webdesigner_info {
	text-align:center;
	color:#fff;
	background:#555;
	padding:20px 0;
}
.webdesigner_info strong{
	color:#eee;
}
.menugestion li.grand h2 {
	color:#fff;
	font-size:16px;
	display:block;
	line-height:40px;
	cursor:pointer;
	background:url(../images/menu/default.png) left no-repeat;
	padding-left:20px;
}
.menugestion li.admin h2 {
	background:url(../images/menu/admin.png) left no-repeat;
}
.menugestion li.compte h2 {
	background:url(../images/menu/compte.png) left no-repeat;
}
.menugestion li.publications h2 {
	background:url(../images/menu/publications.png) left no-repeat;
}
.menugestion li.doc h2 {
	background:url(../images/menu/doc.png) left no-repeat;
}
.menugestion li.pages h2 {
	background:url(../images/menu/pages.png) left no-repeat;
}
.menugestion li.medias h2 {
	background:url(../images/menu/medias.png) left no-repeat;
}
.menugestion li.liens h2 {
	background:url(../images/menu/liens.png) left no-repeat;
}
#livehtml {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	z-index:100;
}
.menugestion {
	padding:0;
	margin:0;
	list-style:none;
}
/*back screen*/
#back .liverecording h4{
padding:0px; 
text-align:center;
color:#333;
}
#back .liverecording{
    padding:10px;
    color:#000;
    position:absolute;
	bottom:0;
	width:135px;
	background: rgb(255,255,255);
background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 30%, rgba(238,238,238,1) 63%, rgba(204,204,204,1) 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(30%,rgba(255,255,255,1)), color-stop(63%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1)));
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 30%,rgba(238,238,238,1) 63%,rgba(204,204,204,1) 100%);
background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 30%,rgba(238,238,238,1) 63%,rgba(204,204,204,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 30%,rgba(238,238,238,1) 63%,rgba(204,204,204,1) 100%);
background: linear-gradient(135deg, rgba(255,255,255,1) 30%,rgba(238,238,238,1) 63%,rgba(204,204,204,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=1 );


	}
#back .menugestion ul {
	padding:0;
	margin:0;
}
#back .menugestion li.grand {
	float:left;
	position:relative;
	width:200px;
	padding:0;
	margin:0;
}
#back .menugestion li.grand h2 {
	margin:0;
	text-align:left;
	padding-left:60px;
}
#back .menugestion li.grand h2:hover {
	background-color:#fafafa;
	color:#333;
}
#back .menugestion div.moyen {
	float:left;
	display:none;
	box-shadow:#ccc 0 0 5px;
	background: #ffffff;
    background: -moz-linear-gradient(-45deg, #ffffff 61%, #e3eaed 91%, #f2f5f6 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(61%,#ffffff), color-stop(91%,#e3eaed), color-stop(100%,#f2f5f6));
    background: -webkit-linear-gradient(-45deg, #ffffff 61%,#e3eaed 91%,#f2f5f6 100%);
    background: -o-linear-gradient(-45deg, #ffffff 61%,#e3eaed 91%,#f2f5f6 100%);
    background: -ms-linear-gradient(-45deg, #ffffff 61%,#e3eaed 91%,#f2f5f6 100%);
    background: linear-gradient(135deg, #ffffff 61%,#e3eaed 91%,#f2f5f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f5f6',GradientType=1 );
	padding:10px;
	z-index:10;
	padding:20px;
	width:250px;
}
#back .menugestion div.moyen h3 {
	color:#000;
	text-align:left;
}
#back .menugestion li.grand:hover div.moyen {
	display:block;
}
#back .menugestion li.moyen h3 {
	font-weight:700;
}
#back .menugestion ul.petit {
	list-style:none;
	margin-bottom:20px;
	text-align:left;
}
#back .menugestion ul.petit li {
	font-weight:400;
	margin-top:5px;
	margin-left:10px;
}
#back .menugestion img {
	margin-right:10px
}
/*back lateral*/
.directiontop .nameconnect, .directionbottom .nameconnect {
	float:right;
}
.directionright li.grand, .directionleft li.grand {
	width:100%;
}
.directionleft li.grand h2, .directionright li.grand h2 {
	width:100%;
}
.directiontop li.grand h2, .directionbottom li.grand h2 {
	padding:0 10px;
}
.directionleft div.moyen {
	position:absolute;
	top:0;
	left:200px;
}
.directionright div.moyen {
	position:absolute;
	top:0;
	right:200px;
}
.directiontop div.moyen {
	position:absolute;
	top:40px;
	left:0;
}
.directionbottom div.moyen {
	position:absolute;
	bottom:40px;
	left:0;
}
/*back mobile*/

#gestionmobile ul {
	list-style:none;
	padding:0;
	margin:0;
	text-align:left;
}
#gestionmobile ul li {
	line-height:40px;
	width:auto;
	float:none;
	margin:0;
	padding:0;
}
#gestionmobile li.grand {
	float:none;
	position:static;
	background:none;
	margin:0;
	padding:0;
}
#gestionmobile li.grand h2 {
	padding-left:60px;
	background-color:#fff;
	color:#333;
	margin:0;
}
#gestionmobile li.grand h3 {
	background-color:#eee;
	color:#333;
	padding-left:20px;
	margin:20px 20px 0 20px;
	border-radius: 10px 10px 0 0;
}
#gestionmobile li.grand h3 img {
	padding-right:10px
}
#gestionmobile div.moyen {
	position:static;
	width:100%;
	background:none;
}
#gestionmobile ul.petit {
	padding:0;
	margin:0;
	background:none;
	border-radius: 0 0 10px 10px;
	margin:0 20px 20px 20px;
	overflow:hidden;
}
#gestionmobile ul li a {
	color:#333;
	background:#ddd;
	line-height:40px;
	display:block;
	padding:0 20px;
	border-radius:0;
	margin:0;
}
#gestionmobile ul li a:hover {
	background:#333;
	color:#fff;
	text-decoration:none;
}
/*media upload */
div.mediauploader {
	position:relative;
	margin-bottom:50px;
}
div.mediaaction {
	width:45%;
	position:static;
	left:0;
	top:0;
}
div.mediaaction label {
	width:100%;
	text-align:left;
}
div.mediaselect {
	width:45%;
	position:static;
}
div.mediaselect select {
	width:90%;
	height:115px;
}
div.mediapreview {
	width:45%;
	height:190px;
	margin:1%;
	position:absolute;
	left:50%;
	top:0;
	overflow:hidden;
}
div.mediapreview img{max-width:100%;max-height:100%;display:block;margin:auto;}

/*tableaux*/
table.tableau {
	margin:10px 20px 20px 20px;
	width:97%;
}

tr.ligne {
	clear:both;
	position:relative;
	height:60px;
	overflow:hidden;
	vertical-align:middle;
	padding:0;
	border:1px #eee solid;
	border-radius:2px;
}
tr.pair {
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );


}
tr.impair {
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7));
background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );


}
tr.ligne:hover {
	background:#fff;
}
td.etat {
	width:15px;
}
td.etat img{vertical-align:middle;}
td.imageligne{width:70px;}
span.dateligne {
	font-size:0.8em;
	color:#999;
	padding:0;
}
td.nom {
	padding : 0 10px;
}
td.actions {
width:100px;
text-align:center;
}
td.active2 {
	background:#ff0;
}
td.active3 {
	background:url(../images/chargementpage.gif) center no-repeat;
}
td.active1 {
	background:#0f0;
}
td.active0 {
	background:#666;
}
td.activetimein {
	background:#afa;
}
td.activetimeout {
	background:#fbb;
}
td.activetimeintimeout {
	background:#fbb;
}
td.mdp1 {
	background:#0f0;
}
td.mdp0 {
	background:#ff0;
}
/*fichiers*/
div.fichier {
	display:inline-block;
	min-width:180px;
	width:20%;
	height:120px;
	position:relative;
	border:1px solid #bbb;
	padding:10px;
	margin:5px;
	overflow:hidden;
	text-align:center;
	background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2));
background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );

	transition: 0.3s;
    -moz-transition: 0.3s; /* Firefox 4 */
    -webkit-transition: 0.3s; /* Safari and Chrome */
    -o-transition: 0.3s; /* Opera */
}
div.fichier img {
	max-width:100%;
	max-height:110px;
}
div.fichier .desc {
	height:20px;
	line-height:20px;
	overflow:hidden;
	font-size:10px;
	text-align:center;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}
.modifierLiens {
	position:absolute;
	bottom:0;
	right:-100%;
	padding:2px 5px;
	transition: 0.3s;
    -moz-transition: 0.3s; /* Firefox 4 */
    -webkit-transition: 0.3s; /* Safari and Chrome */
    -o-transition: 0.3s; /* Opera */
}
div.fichier:hover .modifierLiens {
	right:0;
}
div.actionsnav{line-height:60px; vertical-align:middle;}
div.actionsnav img{vertical-align:middle;border:1px solid transparent;}
div.actionsnav img:hover{border:1px solid #eee; border-radius:5px;}
/*dossiers*/
div.dossier{display:inline-block;
	min-width:100px;
	width:20%;
	height:90px;
	position:relative;
	border:1px solid #bbb;
	padding:10px;
	margin:5px;
	overflow:hidden;
	text-align:center;
	background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2));
background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );

 transition: border 0.3s;
    -moz-transition:border 0.3s; /* Firefox 4 */
    -webkit-transition:border 0.3s; /* Safari and Chrome */
    -o-transition:border 0.3s; /* Opera */
}

div.dossier:hover .modifierLiens {
	right:0;
}
div.dossier img {
	max-width:100%;
	max-height:80px;
}
div.dossier .nom {
	height:20px;
	line-height:20px;
	overflow:hidden;
	font-size:10px;
	text-align:center;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}

div.dossier:hover,div.fichier:hover{border:1px solid #333;}
	
img.integration{position:absolute;bottom:0;left:0;}
/*navigateur*/
div.navigateur {
	border:1px solid #eee;
	padding:10px;
	margin:10px;
	background:#fff;
}
div.navigateur h4{border-bottom:1px solid #555;margin : 20px 0 5px 0;}
/*front*/
div.module, div.billet, div.user, div.media {
	position:relative;
}
a.addmodule {
	position:absolute;
	left:0;
	top:0;
	display:none;
	z-index:100;
}
a.pageedit {
	position:absolute;
	right:0;
	top:0;
	display:none;
	z-index:100;
}
div.moduleedit {
	display:none;
	position:relative;
	z-index:100;
}
div.modulecontent {
	display:none;
	position:absolute;
	z-index:100;
	line-height:30px;
	padding:0 20px;
	background:#fff;
	bottom:0;
	right:0;
}
div.moduleedit img, div.modulecontent img {
	position:inline;
}
a.recordhtml {
	display:none;
}
@media only screen and (max-width:1000px) {
}
#hidegestionmobile {
	display:block;
	background:#222;
	color:#fff;
	line-height:25px;
	text-align:center;
	background: #45484d; /* Old browsers */
	background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45484d), color-stop(100%, #000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #45484d 0%, #000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #45484d 0%, #000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #45484d 0%, #000000 100%); /* IE10+ */
	background: linear-gradient(to bottom, #45484d 0%, #000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000', GradientType=0 ); /* IE6-9 */
	border-radius: 10px;
}

/*PAR DEFAULT*/

.article{
    border:1px solid #eee;
    background:#fff;
    padding:2%;
    margin:2% 0;
}
.article img{float:left;margin:0 2% 2% 0;}

.ilot{
    border:1px solid #ddd;
    background:#fff;
    padding:20px;
}
.ilot img{margin:20px;}

.media{
    border:1px solid #ddd;
    background:#fff;
    padding:0.5%;
    margin:1%;
    min-width:150px;
    width:21%;
    overflow:hidden;
    float:left;
    text-align:center;
    height:120px;
    line-height:120px;
    
}
div.modifierLiens{bottom:0;line-height:normal;}
.media:hover div.modifierLiens{right:0;background:rgba(255,255,255,0.9)}
.media img.contenu{margin:0.5%;max-width:99%;vertical-align:middle;}


.ilotdemi{
	padding:0.5%;
    margin:1%;
    min-width:200px;
    width:46%;
    overflow:hidden;
    float:left;
	};
	
.ilottiers{
    padding:0.5%;
    margin:1%;
    min-width:200px;
    width:30%;
    overflow:hidden;
    float:left;
	};
	
.ilotquart{
	padding:0.5%;
    margin:1%;
    min-width:150px;
    width:21%;
    overflow:hidden;
    float:left;
	};

@media only screen and (max-width:620px) {
    .media{
        width:30%;
    }
}






.fichier-drag{height:150px;width:0px;outline:1px solid #f00;display:inline-block;}