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

.listing {
	width:100%;
	border-collapse:collapse;
}
.listing thead {
	padding:5px 0 5px 0;
}
.listing thead tr th {
	background-color: #E6E6E6;
	border-width:0 0 1px 0;
	border-style:solid;
	border-color:#ffffff;
	white-space : nowrap;
}
.listing tr.gris {
	background-color:#eeeeee;
}
.listing tbody {
	color:#7a7a7a;
}
.listing th,.listing td {
	padding:7px;
}
.listing th {
    color: #191919;
    font-size: 17px;
    font-weight: 600;
}
.listing td {
	font-size:12px;
	border-width:0 0 1px 0;
	border-style:solid;
	border-color:#ccc;
}
.listing .check-column {
	vertical-align:top;
	padding:8px 0 0 8px;
}
.listing tfoot tr th {
	background-color:#f9f8f4;
}

.new-contenus td p:first-child {
    color: #191919;
    font-weight: 600;
}

.new-contenus tbody p, .new-contenus tbody td {
    /* color: #7a7a7a; */
    font-size: 15px;
    color: #606060;
}

.new-contenus tbody td:last-child, .new-contenus thead th:last-child {
    text-align: center;
}
.new-contenus tbody a .demo_icon {
    font-size: 14px;
}

#content .tablenav {
    /* width: 50%; */
    margin-right: 19px;
    margin-left: 15px;
    margin-bottom: 6px;
    float: right;
}

.head-form, .tablenav {
    display: block;
}

.tablenav .actions .right {
    float: right;
    margin-left: 5px;
}

.tablenav .actions .recherche {
    width: 220px;
    border: 1px solid #c9c9c9;
    margin-top: 18px;
    height: initial;
}

.tablenav .actions select {
	border-style:solid;
	border-width:1px;
	height:2em;
	line-height:20px;
	padding:2px;
	vertical-align:top;
	background-color:#ffffff;
	border-color:#dddddd;
	color:#333333;
}
.tablenav .actions option {
	text-indent:3px;
}
.tablenav .actions .left {
	float:left;
	margin-right:5px;
}

#page #content .tablenav .button_a {
    margin: 16px 0px 10px 6px;
}

#content .head-form {
    /* width: 50%; */
    min-height: 30px;
    padding-top: 18px;
    float: left;
}

.head-form .rub_title {
	font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 22px;
    letter-spacing: 0.034em;
    color: #000000;
    padding-left: 19px;
    padding-bottom: 10px;
}
.head-form .requiert {
	padding: 0 0 10px 19px ;
}

.head-form .requiert, .commentaires {
    color: #8E8E8E;
    font-style: italic;
    font-size: 14px;
    letter-spacing: 0.05em;
    padding: 0 0 10px 19px;
}

#popup_content .head-form .requiert {
	 padding: 0;
}

#content .new-contenus {
    display: block;
    margin: 0 20px;
    padding-bottom: 20px;
    clear: left;
}

.sepv-blanc {
    width: 1px;
    background-color: #cccccc;
}

.form .input, .form textarea, .form select {
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border: 1px solid #C9C9C9;
    font-size: 15px;
    padding: 3px 4px;
    margin-bottom: 5px;
    width: 40%;
    min-height: 30px;
}

.form textarea{
 	height: 250px;
}

.form input[readonly], .form input[disabled]{
	border: 0;
}

/* .form select:not([multiple]) { */
    /* -moz-appearance: none; */
    /* -webkit-appearance: none; */
    /* background: transparent url("http://i62.tinypic.com/15xvbd5.png") no-repeat scroll 98% 3px !important; */
/* } */

.photo div, .actu_img div {
    width: 140px;
    height: 140px;
    font-size: 12px;
    color: #666;
    background-color: #eee;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background-image: url("../images/picto-aucune-photo.png");
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -99999px;
}

.actu_img {
    margin-bottom: 10px;
}

.new-contenus tbody a:hover {
    color: #96AF2C;
    text-decoration: underline;
}
.new-contenus tbody span a:hover {
    color: #ED473E;
    text-decoration: underline;
}
.new-contenus tbody span a:last-child:hover {
    color: #96AF2C;
    text-decoration: underline;
}
.new-contenus tbody .delete:hover {
    color: #ED473E;
    text-decoration: underline;
}
.new-contenus a:hover {
    color: #96AF2C;
    text-decoration: underline;
}
.new-contenus a.send {
    color: #27BAE2;
    font-weight: 600;
}


.form .short {
	width:300px;
}
p.label, p.options, .form p input, .form p select, .options {
    margin: 8px 0;
}
/* .form .options {
	border-width:1px 0;
	border-color:#cccccc;
	border-style:solid;
	margin-top:8px;
}
.form .options td {
	height:26px;
	padding:0 8px;
	vertical-align:middle;
	color:#7f7d7e;
	font-size:12px;
}
.form .options label {
	padding:0 10px 0 2px;
	white-space:nowrap;
}
.form .options select {
	padding:0;
	font-size:12px;
} */
.form td.label {
	color:#797979;
	font-size:15px;
	font-weight:bold;
	background-color:#efefef;
	text-align:right;
	white-space:nowrap;
}
.form td.sep {
	background-color:#cccccc;
	font-size:0;
	height:3px;
	padding:0;
	border-width:1px 0;
	border-color:#ffffff;
	border-style:solid;
}
.sepv {
    width: 26px;
    background-color: #EEEEEE;
}
.form .buttons {
    width: 100%;
    clear: left;
}

.new-editer-btns .button {
    float: right;
    margin-left: 5px;
}

#popup_buttons .button #move {
    position: absolute!important;
    right: 0!important;
    bottom: 0!important;
    margin-bottom: 15px!important;
    margin-right: 20px!important;
    text-decoration: none !important;
    cursor: pointer!important;
    max-width: 100px;
}

.stage {
    color: #191919 !important;
    font-weight: 600 !important;
    font-size: 17px !important;
    line-height: 2.6em !important;
    background-color: #E6E6E6 !important;
    margin: 16px -10px 10px !important;
    clear: left !important;
}

.statut-icon .demo-icon {
    font-size: 18px;
    display: block;
    margin: 5px auto 0;
    text-align: center;
    cursor: pointer;
}

.stage span {
    color: #A7C23F;
    text-transform: uppercase;
    padding: 0 12px;
}

p.label, p.options, .form p input, .form p select, .options {
    margin: 8px 0;
}

.actif{
	color:#54CC85;
}
.inactif{
	color:#ED473E;
}
.en-attend, .en-attend-moderation{
	color:#FFB744;
}
.actif-publi-differee {
	color:#54CC85;
}

.actif, .inactif, .en-attend, .en-attend-moderation, .actif-publi-differee {
    width: 30px;
    margin: 0 auto;
}
.actif span {
    margin-left: -72px;
    width: 73px;
    background-image: url(../images/actif.png);
}
.inactif span {
    margin-left: -78px;
    width: 79px;
    background-image: url(../images/inactif.png);
}

.tout-crocher-options:hover #move, .move-photo:hover, .move-album:hover, .renommer-photo:hover, .modifier-album:hover, .move-dossier:hover, .view:hover, .move-document:hover {
    color: #A7C23F;
}
.tout-crocher-options:hover #delete, .del-photo:hover, .del-album:hover, .del-dossier:hover, .del-document:hover, .del-video:hover {
    color: #ED473E;
}
.actif span, .inactif span, .en-attend span, .en-attend-moderation span, .actif-publi-differee span {
    z-index: 122;
    display: none;
    /* display: block; */
    position: absolute;
    text-decoration: none;
    height: 38px;
    float: left;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-top: -9px;
}

.actif:hover span, .inactif:hover span, .en-attend:hover span, .en-attend-moderation:hover span, .actif-publi-differee:hover span{
	display:block;
	transition: 0.5s;
    position: absolute;
}

.en-attend span{
    margin-left: -104px;
	width: 106px;
	background-image: url(/admin/images/en-attend.png);
}
.en-attend-moderation span{
    margin-left: -204px;
	width: 206px;
	background-image: url(../images/en-attend-moderation.png);
}
.sans-destinataire span{
    margin-left: -204px;
	width: 206px;
	background-image: url(../images/sans-destinataire.png);
}
.actif-publi-differee span{
    margin-left: -204px;
	width: 206px;
	background-image: url(../images/actif-publi-differee.png);
}

#page #content .label {
    float: left;
    width: 30%;
    padding-right: 20px;
    box-sizing: border-box;
    clear: both;
}

.new-contenus tbody a {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    /* color: #191919; */
    color: #868686;
    margin-right: 3px;
}

#paginator {
    /* float: right; */
    font-size: 12px;
    margin-top: 15px;
    /* display: table-cell; */
    display: block;
    vertical-align: middle;
    text-align: right;
}
#paginator a {
    margin: 0;
    color: #606060;
}
#paginator .box {
    padding: 1px 5px;
    margin: 0 1px;
    text-align: center;
    border: 1px solid #c9c9c9;
    background-color: #ffffff;
}

#paginator .box:hover {
    cursor: pointer;
    background-color: #A7C23F;
    color: #ffffff;
    font-weight: 600;
    border: 1px solid #A7C23F;
}

#paginator .point {
	padding:0 5px;
}
#paginator .aquo {
	font-size:14px;
}
#paginator .previous {
	margin-right:5px;
}
#paginator .next {
	margin-left:5px;
}
#paginator .current {
    font-family: 'Open Sans', sans-serif;
    background-color: #A7C23F;
    color: #ffffff;
    font-weight: 600;
    border: 1px solid #A7C23F;
}


/*------ New albums photos ------*/
.files{
	display:block;
	clear:left;
}
.file-container{
	display:block;
	width:48%;
	margin-left:1%;
	margin-right:1%;
	float:left;
}
.file-content {
	position: relative;
}
.file-title {	
	color: #191919;
    font-weight: 600;
    font-size: 17px;
    line-height: 2.6em;
    background-color: #E6E6E6;
    margin: 10px 0 13px 0;
	padding: 0 13px;
    clear: left;
}
.file{
    display: block;
    width: 105px;
    margin: 0 3px 12px;
    background-color: #ffffff;
    float: left;
}

.file-container .itemToDrag {
	cursor:move;
}

.sous-titre{
	margin:10px 0 15px 0;
}

.treeheader {
    margin: 0 !important;
    color: #191919;
    font-weight: 600;
    padding-bottom: 2px;
}

#sidetreecontrol a {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #A7C23F;
}

#sidetreecontrol a:hover {
    color: #FFA91F;
    text-decoration: underline;
}

#tree li{
	font-size:14px;
	color:#8e8e8e;
	list-style:none;
}

#tree li a{
	font-size:13px;
	color:#8e8e8e;
}
#tree li a:hover{
    color: #A7C23F;
    text-decoration: underline;
}

#drag_rub_mod tr th, #drag_contenu tr th {
    background-color: #E6E6E6;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #ffffff;
    white-space: nowrap;
}

#drag_rub_mod table, #drag_contenu table {
    width: 98%;
    margin-top: 6px;
    margin-left: 1.6%;
}

.recherche-picto {
    font-size: 16px;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    text-transform: none;
    /* transition-duration: 1s; */
    display: block;
    background-color: #434343;
    height: 32px;
    width: 32px;
    margin-top: 17px;
}

.recherche-picto:hover {
    color: #FFB744;
}

.new-tab-droits-options {
    width: 29.33333333%;
    float: left;
    margin: 10px 2% 15px;
}

.new-tab-droits-options thead {
    display: block;
}

.new-tab-droits-options tbody {
    display: block;
    height: 300px;
    overflow: auto;
    border: 1px solid #ccc;
}

#new-tab-droits .new-tab-droits-options td p {
    color: #606060;
    float: right;
    padding-right: 3px;
}

#new-tab-droits .new-tab-droits-options th {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 17px;
    letter-spacing: 0.02em;
    text-align: left;
    line-height: 1em;
    color: #191919;
    border-left: solid 6px #A7C23F;
    padding: 2px 6px;
    display: block;
    margin-bottom: 12px;
}

#new-tab-droits .new-tab-droits-options tr:first-child td {
    padding-top: 5px;
}
#new-tab-droits .new-tab-droits-options tbody td {
    font-size: 16px;
    padding: 3px 15px 4px;
}

.sender {
    margin-left: 30%;
}

.sender > p:first-child {
    margin: 7px 0 10px;
}

.sender .sender_autre label {
    width: 80px;
    display: inline-block;
}

.sender .sender_autre select, .sender .sender_autre input[type=text] {
    height: 38px;
    box-sizing: border-box;
}

.new-btn_ajouter-champ {
    clear: left;
    margin: 23px 8px;
}

.new-btn_ajouter-champ .icon-picto-ajouter-off {
    font-size: 21px;
    margin-top: 2px;
    margin-right: -3px;
}

.new-btn_ajouter-champ .icon-picto-ajouter-off, .new-btn_ajouter-champ input {
    float: left;
}

#page #content .new-btn_ajouter-champ .new-btn_a {
    padding-top: 0px;
    font-weight: 600;
}

.outils-les-champs {
    display: block;
    clear: left;
    /* background-color: #eeeeee; */
    margin-bottom: 10px;
    padding: 9px 0 13px;
    border-bottom: dashed 1px #cccccc;
    overflow: hidden;
}

.outils-les-champs .formu_champ label {
    font-style: italic;
    font-weight: 600;
    color: #191919;
    font-size: 17px;
}

.pages-bloc-right {
    width: 260px;
    /* background-color: #eeeeee; */
}

.titre {
    width: 70% !important;
    height: 38px;
    box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
}

#drag_rub_mod table, #drag_contenu table {
    width: 98%;
    margin-top: 6px;
    margin-left: 1.6%;
}

#drag_rub_mod {
    margin-left: initial !important;
}

#drag_rub_mod tr th, #drag_contenu tr th {
    background-color: #E6E6E6;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #ffffff;
    white-space: nowrap;
}

.nav {
    display: block;
    clear: left;
    margin: 0 19px;
}

.tout-cocher div {
    display: block;
    float: left;
}

.tout-crocher-options #delete {
    margin: 3px 0 0 10px;
}
.tout-crocher-options #move, .tout-crocher-options #delete, .tout-crocher-options .action-icon {
    color: #363636;
    background-color: #ffffff;
    cursor: pointer;
    font-size: 21px;
}

.tout-cocher #check-all {
    margin-top: 13px;
    margin-right: 1px;
}

.dir, .tout-cocher {
    display: block;
    clear: left;
}

.tout-crocher-options #move {
    margin: 3px 0 0 16px;
}

.new-ajouter-modifier span {
    z-index: 122;
    display: none;
    /* display: block; */
    position: absolute;
    text-decoration: none;
    float: left;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-top: -40px;
    margin-left: -96px;
    width: 136px;
    height: 42px;
    transition: 1s;
}

.option-move-select span {
    background-image: url(/admin/images/selection-deplacer.png);
    width: 153px;
    margin-left: -102px;
}

.option-delete-select span {
    background-image: url(/admin/images/selection-supprimer.png);
    width: 165px;
    margin-left: -121px;
}

.new-ajouter-modifier:hover span {
    display: block;
    position: absolute;
}

.file-container {
    display: block;
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
}

.action a {
    display: block;
    margin-top: -6px;
    float: right;
    color: #191919;
    font-size: 17px;
    margin-right: initial !important;
}
.new-btn-icone-album:hover {
    color: #A7C23F;
}

.album-creer span {
    background-image: url(/admin/images/album-creer.png);
    width: 123px;
    margin-left: -87px;
}

.album-ajouter-photo span {
    background-image: url(/admin/images/album-ajouter-photos.png);
    width: 210px;
    margin-left: -140px;
}

.album-creer span, .album-ajouter-photo span {
    margin-top: -38px;
    height: 42px;
}

.mp-info a {
    color: #191919 !important;
    text-decoration: none;
    font-size: 14px !important;
}
.mp-info a:hover {
    color: #FFA91F !important;
    text-decoration: underline;
}
.new-contenus a {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    /* color: #191919; */
    color: #868686;
    margin-right: 3px;
}

#editer-new-bloc-photo .btn-telecharger a:hover {
    color: #a7c23f;
}

input:disabled {
    border: none!important;
}

#page #content #editer-new-options input, #page #content #directory {
    padding: 4px 6px!important;
    color: #333333;
}

.photo_bloc {
    width: 100%;
    background-color: #ffffff;
    margin-bottom: 22px;
    height: 100%;
}
.pages-bloc-right .input, .pages-bloc-right textarea, .pages-bloc-right select {
    width: 100%;
}
.new-contenus tbody td:first-child {
    padding-left: 8px;
}

.photo {
    margin-bottom: 10px;
}

.photo div, #image div {
    width: 140px;
    height: 140px;
    font-size: 12px;
    color: #666;
    background-color: #eee;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background-image: url(../images/picto-aucune-photo.png);
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -99999px;
}

.new-btn-icone-album:hover {
    color: #A7C23F;
}
.new-btn-icone-album {
    color: #363636;
    font-size: 24px;
    background-color: #e6e6e6;
    margin-top: 3px;
    cursor: pointer;
}

.album-creer span.document {
    background-image: url(../images/ajouter-document.png)!important;
    width: 210px;
    margin-left: -160px;
}

.album-creer span.dossier {
    background-image: url(../images/creer-un-dossier.png)!important;
    width: 210px;
    margin-left: -140px;
}

.file {
    display: block;
    width: 105px;
    margin: 0 3px 12px;
    background-color: #ffffff;
    float: left;
}

#page #content .new-btn_ajouter-champ:hover, #page #content .new-btn_ajouter-champ:hover .new-btn_a {
    color: #A7C23F;
    border-color: #A7C23F;
    cursor: pointer;
}

.scroll {
    height: 200px;
    overflow: auto;
    border: 1px solid #666;
    padding: 20px;
    font-family: Arial;
    font-size: 12px;
    width: auto;
    background-color: #F6F5F5;
}
#contributions-en-attente .cea-title {
    background-color: #EDF4DD;
    font-weight: 600;
    text-transform: uppercase;
    color: #191919;
    text-align: center;
    display: block;
    margin-bottom: 10px;
    line-height: 2.3em;
}
#contributions-en-attente {
    width: 100%;
    margin: 0 0 50px;
    padding-top: 20px;
    padding-bottom: 20px;
}
#contributions-en-attente .attente-list {
    width: 100%;
}
#contributions-en-attente .attente-list th:first-child, #contributions-en-attente .attente-list td:first-child {
    text-align: left;
}
#contributions-en-attente .attente-list th {
    color: #191919;
    font-size: 14px;
    font-style: italic;
    font-weight: 600;
    padding-left: 5px;
    padding-bottom: 3px;
}

#contributions-en-attente .attente-list tr:hover td {
    background-color: #eeeeee;
}
#contributions-en-attente .attente-list td {
    border-bottom: dashed 1px #cccccc;
    padding: 5px 6px;
    font-size: 14px;
    font-style: italic;
}
#contributions-en-attente .attente-list th, #contributions-en-attente .attente-list td {
    text-align: center;
}

.new-contenus tbody a:hover {
    color: #96AF2C;
    text-decoration: underline;
}

.icon-une span {
    z-index: 122;
    display: none;
    position: absolute;
    text-decoration: none;
    height: 38px;
    float: left;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-top: -9px;
    margin-left: -59px;
}
.icon-une span {
    width: 106px;
    background-image: url(../images/en-une.png);
}

.nl-en-cours:hover span, .nl-effectue:hover span, .nl-en-attend:hover span, .icon-une:hover span {
    display: block;
    transition: 0.5s;
    position: absolute;
}

/*---- Style admin contenu ----*/
.new-admin-contenu{
	margin: 20px auto;
	margin-bottom:16px;
	background-color:#efefef;
	clear:left;
	display:block;
	padding:20px;
}
#admin_contenu .commentaires{
	display:block;
	margin-left:0px;
	text-align:center;
}
.new-admin-contenu .new-tab-droits-contenu-title{
	font-family: 'Open Sans', sans-serif;
	/*font-weight: 600;*/
	font-size: 16px;
	letter-spacing: 0.02em;
	text-align: left;
	line-height: 1em;
	color:#191919;
	text-align:center;
}
.new-admin-contenu-tab{
	margin:8px 0px 10px;
	width:100%;
}
#admin_contenu .new-admin-contenu-tab td:first-child{
	padding-left:0px;
}
.new-admin-contenu-tab .multiple{
	height:200px;
	margin-left:0px;
	width:100%;
}

.new-admin-contenu-tab .multiple option{
	font-size:15px;
	padding: 5px 4px;
	color:#606060;
}
#admin_contenu .new-admin-contenu-tab table{
	/*display:inline-block;*/
	margin: 35px auto 0;
	width:76%;
}
#admin_contenu .new-admin-contenu-tab .button_a{
	width:100%;
	border-radius: 5px;
	padding: 5px 6px;
	margin: 2px 0;
}
/********************************ADMIN ACCESS PAGE***************/
.new-tab-droits-options thead{
	display: block;
}



.new-tab-droits-options tbody tr{
	/*display: block;*/
}
/*#new-tab-droits colgroup{
	display:none;
}*/
#new-tab-droits tbody td:first-child {
	padding-left: 0px;
}
#new-tab-droits{
	/*width:29.33333333%;
	float:left;
	margin: 10px 2%;
	width:50%;
	margin: 10px 0;
	float:left;*/
}	
.new-tab-droits-options{
	width:29.33333333%;
	float:left;
	margin: 10px 2% 15px;
}

#new-tab-droits .new-tab-droits-options th{
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 17px;
	letter-spacing: 0.02em;
	text-align: left;
	line-height: 1em;
	color:#191919;
	border-left: solid 6px #A7C23F;
	padding: 2px 6px;
	display:block;
	margin-bottom:12px;
}

.new-tab-droits-options tbody{
    display: block;
    height: 300px;
    overflow: auto;
    border: 1px solid #ccc;
}

#new-tab-droits .new-tab-droits-options tr:first-child td{
	padding-top:5px;
}
#new-tab-droits .new-tab-droits-options tr:last-child td{
	padding-bottom:5px;
}
#new-tab-droits .new-tab-droits-options tbody td:first-child{
}
#new-tab-droits .new-tab-droits-options tbody td:last-child{
	width: 100px;
}
/*#new-tab-droits table tr:nth-child(2n) td{
	background-color:#e9e9e9;
}*/

#new-tab-droits .new-tab-droits-options tbody tr:hover{
	background-color:#e6e6e6;
}
#new-tab-droits .new-tab-droits-options tbody td{
	font-size: 16px;
	padding: 3px 15px 4px;
}
#new-tab-droits .new-tab-droits-options td p{
	color:#606060;
	float:right;
	padding-right:3px;
}



#new-tab-droits .new-tab-droits-aligner{
	clear:left;
}
/*#new-tab-droits table tr:nth-child(2n+1) td{
	background-color:#e6e6e6;
}*/

#content .commentaires{
	margin-left:1%;
	padding: 8px 0;
}