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

#page #content {
    width: 98%;
    margin: 30px auto;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 400;
    letter-spacing: 0.03em;
    line-height: 1.6em;
    color: #606060;
    font-size: 15px;
    background-color: #FFFFFF;
    overflow: hidden;
    box-sizing: border-box;
}

#content .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:8px;
}
.listing th {
    color: #191919;
    font-size: 17px;
    font-weight: 600;
}
.listing td {
    font-size: 15px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #ccc;
    color:#606060
}

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

.listing thead th:last-child {
    text-align: center;
}

.listing .check-column {
	vertical-align:top;
	padding:8px 0 0 8px;
}
.listing tfoot tr th {
	background-color:#f9f8f4;
}

.tablenav .actions {
	/* padding-bottom:8px; */
}

#page #content .tablenav .button_a {
    margin: 16px 0px 10px 6px;
    margin-top: 16px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 6px;
}

.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;
    margin-top: 20px;
}
.tablenav .actions .right {
	float:right;
	margin-left:5px;
}

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

#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: 25px;

    max-width: 100px;
}

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

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

#page #content .new-btn_ajouter-champ .new-btn_a {
    padding-top: 0px;
    font-weight: 600;
}
.new-btn_ajouter-champ .icon-picto-ajouter-off, .new-btn_ajouter-champ input {
    float: left;
}

#content .head-form .rub_title {
	font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 22px !important;
    letter-spacing: 0.034em;
    color: #000000 !important;
    padding-left: 19px;
    padding-bottom: 10px;
}
/*
#page #add-content .head-form .rub-title {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 22px !important;
    letter-spacing: 0.034em;
    color: #000000 !important;
}
*/

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

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

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

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

.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;
}

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

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

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

}

.tout-crocher-options:hover #delete, .del-photo:hover, .del-album:hover, .del-dossier:hover, .del-document:hover, .del-video:hover {
    color: #ED473E !important;
}

.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 !important;
}

.form {
	background-color: #FFFFFF;
}

/* .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; */
/* } */

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

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

.new-btn-icone-album:hover {
    color: #A7C23F;
}

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

.album-creer span, .album-ajouter-photo span {
    margin-top: -38px;
    height: 42px;
}
.album-creer span {
    background-image: url(../images/album-creer.png);
    width: 123px;
    margin-left: -87px !important;
}
.actu_img {
    margin-bottom: 10px;
}
.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;
}

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

.tout-crocher-options #delete {
    margin: -6px 0 0 10px !important;
}

.tout-crocher-options #move {
    margin: -6px 0 0 16px !important;
}

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

.dir a, .dir {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    /* color: #191919; */
    color: #868686;
}

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

.mp-info a {
    color: #191919 !important;
    text-decoration: none;
    font-size: 14px;
}

.mp-info a:hover {
    color: #FFA91F !important;
    text-decoration: underline;
}

.form select {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 14px;
    color: #222222;
    padding: 2px;
    -moz-box-sizing: border-box;
    -moz-box-sizing: content-box;
    -moz-box-sizing: padding-box;
    box-sizing: border-box;
    box-sizing: content-box;
    box-sizing: padding-box;
    box-sizing: content-box;
    border: 1px solid #C9C9C9;
    font-size: 15px;
    padding: 3px 4px;
    margin-bottom: 5px !important;
    width: 40%;
    min-height: 30px;
    font-weight: 400;
    letter-spacing: 0.026em !important;
    line-height: 1.6em;
}
.album-ajouter-photo span.video {
    background-image: url(../images/ajouter-une-video.png)!important;
    width: 210px;
    margin-left: -140px;
}
.album-creer span.document {
    background-image: url(../images/ajouter-document.png)!important;
    width: 210px;
    margin-left: -160px !important;
}
.album-creer span.dossier {
    background-image: url(../images/creer-un-dossier.png)!important;
    width: 210px;
    margin-left: -140px !important;
}
.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 .input,.form textarea {
    font-family: 'Source Sans Pro', sans-serif !important;
}

.form textarea {
    height: 250px;
    /* width: 500px; */
}

.form p input, .form p select {
    margin: 5px 0;
}

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

.new-contenus tbody .delete:hover {
    color: #ED473E !important;
    text-decoration: underline !important;
}

.new-contenus tbody span a:hover {
    color: #ED473E !important;
    text-decoration: underline;
}

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

.actif {
    color: #54CC85;
}

.inactif {
    color: #ED473E;
}

.actif span {
    margin-left: -22px;
    width: 73px;
    background-image: url("../images/actif.png");
}

.inactif span {
    margin-left: -29px;
    width: 80px;
    background-image: url("../images/inactif.png");
}

.icon-une span {
    width: 106px;
    background-image: url("../images/en-une.png");
}
.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;
}

.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;
}

.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;
}

.actif, .inactif, .en-attend, .en-attend-moderation, .actif-publi-differee {
    width: 30px;
    margin: 0 auto;
}

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

input:disabled {
    border: none!important;
}

.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;
    float: left;
    color: #7f7d7e;
    font-size: 15px;
    border: 0 !important;
}
.form .options td {
	height:26px;
	padding:0 8px;
	vertical-align: middle;
	color:#7f7d7e;
	font-size:12px;
}
.form .options label {
	line-height: 43px;
    vertical-align: middle !important;
    margin: 0 10px 0 2px;
}
.form .options select {
	padding:0;
	font-size:12px;
	box-sizing: content-box;
    border: 1px solid #C9C9C9;
    font-size: 15px;
    padding: 3px 4px;
    margin-bottom: 5px;
    width: 40%;
    min-height: 30px;
} */
.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;
}

.form .buttons {
	width:100%;
	margin-top:15px;
}
.form .buttons .button {
	float:right;
	margin-left:5px;
}

.buttons .abort {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: 20px;
    margin-right: 130px;
    text-decoration: none !important;
    cursor: pointer!important;
    font-family: 'Open Sans', sans-serif!important;
    outline: none!important;
    font-size: 14px!important;
    letter-spacing: 0.032em!important;
    text-align: center!important;
    text-transform: none!important;
    display: block!important;
    color: #363636!important;
    background-color: #ffffff!important;
    border-bottom: 1px solid #363636!important;
    border-radius: 0px!important;
    padding: 1px 0px 1px!important;
}


.button_a {
	cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    outline: none;
    text-decoration: none;
    /* font-weight: 600; */
    border-radius: 6px;
    letter-spacing: 0.032em;
    color: #fff;
    text-align: center;
    text-transform: none;
    transition-duration: 1s;
    display: block;
    padding: 6px 14px 6px 14px;
}

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

#page .action_a {
	font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #868686;
    margin-right: 3px;
}

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

table tbody a {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #868686;
}

/** AUCUNE PHOTO ***/

.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-editer-btns .button {
    float: right;
    margin-left: 5px;
}

.photo {
    margin-bottom: 10px;
}

#page #content .button_a:hover, #popup_buttons .button_a:hover {
    background: #363636;
}

#page #content .button_a, #popup_buttons .button_a {
    background: #A7C23F scroll 0 0;
    font-size: 14px;
}

#popup_buttons .button #addForm {
    left: 0;
    bottom: 0;
    margin-left: 40px;
}

#popup_buttons {
    min-height: 32px;
}

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

#popup_content #tree li a {
    color: #8e8e8e !important;
    margin-top: -5px !important;
}

.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;
}

.stage:first-child {
    margin-top:0px !important;
}

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

p.label {
    margin: 8px 0px;
}

.form-radio > input[type=radio] {
    vertical-align: middle;
}

.form-radio > label {
    line-height: 43px;
    vertical-align: middle;
    margin: 0 10px 0 2px;
}

input[type="radio"] {
  margin-top: 1px;
  margin-right: 3px;
  vertical-align: middle;
}

#content .sepv, #add-content .sepv {
    width: 26px;
    background-color: #EEEEEE;
    height:100%;
}

#paginator {
    /* float: right; */
    font-size: 12px;
    margin-top: 15px;
    /* display: table-cell; */
    display: block;
    vertical-align: middle;
    text-align: right;
}
#paginator a {
	margin:0;
}
#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;
}
.scroll {
    height: 200px;
    overflow: auto;
    border: 1px solid #666;
    padding: 20px;
    font-family: Arial;
    font-size: 12px;
    width: auto;
    background-color: #F6F5F5;
}

/**
* Contribution en attente
*/
#contributions-en-attente{
    width: 100%;
    margin: 0 0 50px;
	padding-top: 20px;
	padding-bottom:20px;
}

#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 .attente-list{
	width:100%;
}

#contributions-en-attente .attente-list th, #contributions-en-attente .attente-list td{
	text-align:center;
}

#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 td{
	border-bottom: dashed 1px #cccccc;
	padding: 5px 6px;
	font-size: 14px;
	font-style:italic;
}

#contributions-en-attente .attente-list tr:hover td{
	background-color:#eeeeee;
}

#contributions-en-attente .attente-list td:last-child{
	text-align: right;
	padding-left:2px;
	padding-right:2px;
}
#contributions-en-attente .attente-list td:first-child{
	color: #191919;
    font-weight: 600;
	font-size: 15px;
	font-style: normal;
	line-height:1.3em;
}
#contributions-en-attente .attente-list td:last-child a{
	margin-left: 2px;
}