@charset "iso-8859-1";
/*
*  Elements communs
*/
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: arial;
	font-size: 12px;
}
div {
	margin: 0;
	padding: 0;
}
.right { float: right; }
.left { float: left; }
.clear { clear: both; }
.txtleft { text-align: left; }
.txtcenter { text-align: center; }
.txtright { text-align: right; }

#login-titre {
	height: 40px;
	color: #fff;
	padding: 13px 5px 0 5px;
	margin-top: 0;
	background-image: url(../images/admin/header_bg.gif);
	background-position: 0 0;
	background-repeat: x-repeat;
}

#header {
	height: 53px;
	background-image: url(../images/admin/header_bg.gif);
	background-position: 0 0;
	background-repeat: x-repeat;
}
#header * {
	color: #fff;
}
#header img.logo {
	margin: 5px 15px;
}
#header .right {
	margin: 10px;
}

#menu {
	background-color: #888;
	background-image: url(../images/admin/nav_bg.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	border-top: 2px ridge #516F78;
	border-bottom: 1px solid #000;
	margin-bottom: 20px;
	position: absolute;
	top: 53px;
	left: 0;
	width: 100%;
}
.navigation, .navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.navigation {
	height: 25px;
}
.navigation li {
	float: left;
	margin: 0 10px;
	height: 25px;
	width: 70px;
	overflow: visible;
	border-left: 1px solid #D0DFE2;
}
.navigation li a {
	display: block;
	height: 22px;
	padding: 3px 0 0 10px;
	color: #fff;
	text-decoration: none;
}
.navigation li ul {
	position: relative;
	display: none;
	padding-top:1px;
	z-index: 1000;
}
.navigation li ul li {
	clear: both;
	width: 180px;
	height: 25px;
	margin: 0;
	padding: 0;
	background-color: #E3ECEE;
	border-left: 1px solid #888;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
}
.navigation li ul li ul {
	border-top: 1px solid #888;
	margin: -12px 0 0 100px;
	display: none;
}
.navigation li:hover {
	z-index: 1000;
}
.navigation li.active {
	z-index: 1000;
}
.navigation li:hover a {
	color: #D0DFE2;
}
.navigation li:hover > ul {
	display: block;
	z-index: 1000;
}
.navigation li:hover ul li a {
	color: #222;
	text-decoration: none;
	padding: 5px 0 0 5px;
}
.navigation li:hover ul li:hover {
	background-color: #D0DFE2;
}

#messages {
	position: relative;
	margin: 40px 0 0 5px;
	width: 100%;
	min-height: 40px;
}
#messages div {
	border: 1px solid #95a486;
	background-repeat: no-repeat;
	background-position: 10px center;
	margin-left: 20px;
	margin-right: 20px;
	padding: 10px 10px 10px 30px;
}
#messages .msgOK {
	background-color: #cfeccb;
	background-image: url(../images/admin/icons/success_msg_icon.gif);
}
#messages .msgERR {
	background-color: #f8c3d0;
	background-image: url(../images/admin/icons/error_msg_icon.gif);
}
#messages .msgWARN {
	background-color: #fbffc1;
	background-image: url(../images/admin/icons/warning_msg_icon.gif);
}
#contenu {
	padding: 10px 20px 20px 20px;
	z-index: 1;
}
.contenu-header {
	border-bottom: 4px solid #D0DFE2;
	margin-bottom: 15px;
}
.contenu-header h3 {
	margin: 0;
	padding: 0;
	color: #DC680E;
	z-index: 1;
}
.contenu-inner div.columns, .edit-inner div.columns {
	background-image: url(../images/admin/side_col_bg.gif);
	background-repeat: repeat-y;
	background-position: 217px 0;
}
.contenu-inner div.side-col, .edit-inner div.side-col { 
	width: 220px; 
	background-color: #D8E6E6;
	margin-bottom: 10px;
}
.contenu-inner div.main-col, .edit-inner  div.main-col { 
	min-height: 450px; 
	padding:0 0 25px 20px; 
}

.edit-header {
	background-color: #6f8992;
	color: #ffffff;
	font-weight: bold;
}

// listes
.list_action {
	white-space: nowrap;
}
.is-inactive {
	font-style: italic;
	text-decoration: line-through;
}

/* menu vertical */
ul.tabs  { 
	list-style-type: none;
	border-top:1px solid #bebebe; 
	background-color:#e7efef; 
	margin: 0 0 30px 0;
	padding: 0;
}
ul.tabs a, ul.tabs span { 
	display: block; 
}
ul.tabs a, ul.tabs a:hover { 
	text-decoration:none;
	color:#000;
}
ul.tabs, ul.tabs a  { 
	background: url(../images/admin/tabs_link_bg.gif) repeat-y 100% #E7EFEF; 
}
ul.tabs a:hover  { 
	background-color: #D8E6E6; 
	background-image: url(../images/admin/tabs_link_over_bg.gif); 
}
ul.tabs a.active { 
	padding:0; 
	border-bottom:1px solid #bebebe; 
	background:none; 
}
ul.tabs a:hover.active  { 
	padding:0; 
	background:none; 
}
ul.tabs a.active  span, ul.tabs a:hover.active  span { 
	background: #fff;
	font-weight: bold; 
}
ul.tabs span { 
	background: url(../images/admin/tabs_span_bg.gif) repeat-x 0 100%; 
	padding:.3em 0.5em .28em 1.5em; 
	cursor:pointer; 
}
ul.tabs h3 {
	padding: 0; 
	background-color: #fff;
}

/* boutons */
button {
	padding-left: 15px;
	background-position: 3px 3px;
	background-repeat: no-repeat;
	cursor: pointer;
}
button.btn {
	background-color: #E17A13;
	color: #FFF;
	border: 1px solid #863D01;
}
button.btn:hover {
	background-color: #FEB55F;
}
button.btn-sav {
	background-color: #E17A13;
	color: #FFF;
	border: 1px solid #863D01;
	background-image: url(../images/admin/icons/icon_btn_sav.gif);
}
button.btn-sav:hover {
	background-color: #FEB55F;
}
button.btn-add {
	background-color: #E17A13;
	color: #FFF;
	border: 1px solid #863D01;
	background-image: url(../images/admin/icons/icon_btn_add.gif);
}
button.btn-add:hover {
	background-color: #FEB55F;
}
button.btn-editemail {
	background-color: #E17A13;
	color: #FFF;
	border: 1px solid #863D01;
	background-image: url(../images/admin/icons/icon_btn_email_edit.png);
}
button.btn-editemail:hover {
	background-color: #FEB55F;
}
button.btn-sendemail {
	background-color: #E17A13;
	color: #FFF;
	border: 1px solid #863D01;
	background-image: url(../images/admin/icons/icon_btn_email_go.png);
}
button.btn-sendemail:hover {
	background-color: #FEB55F;
}
button.btn-back {
	color: #000;
	background-color: #ccc;
	border: 1px solid #888;
	background-image: url(../images/admin/icons/icon_btn_back.gif);
}
button.btn-back:hover {
	background-color: #eee;
}
a.btn-cancel {
    float: left;
	display: block;
	width: 16px;
	height: 16px;
	margin-left: 5px;
	background-image : url(../images/admin/icons/cancel.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	cursor: pointer;
}
a.btn-zoomin {
    float: right;
	display: block;
	width: 16px;
	height: 16px;
	margin-left: 5px;
	background-image : url(../images/admin/icons/zoom_in.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	cursor: pointer;
}
a.btn-refresh {
	display: block;
	width: 16px;
	height: 16px;
	margin-left: 5px;
	background-image : url(../images/admin/icons/refresh.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	cursor: pointer;
}
a.btn-detail {
    float: left;
	display: block;
	width: 20px;
	height: 20px;
	margin-left: 5px;
	background-image : url(../images/admin/icons/details_open.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	cursor: pointer;
}
a.btn-detail.open {
	background-image : url(../images/admin/icons/details_close.png);
}
span.button {
	background-color: #E17A13;
	color: #fff;
	padding: 0 5px;
	border: 1px solid #863D01;
}
select.button {
	background-color: #E17A13;
	color: #fff;
	border: 1px solid #863D01;
}

/* tableaux de données */
.toolbar {
	width:20% !important;
	float:left !important;
}
.toolbar a {
	color: #E17A13;
	text-decoration: none;
	font-weight: bold;
}
.dataTables_filter {
	width:40% !important;
}
table.datas {
	width: 100%;
	border-collapse: collapse;
	empty-cells: show;
	border: 1px solid #CCDCDE;
	table-layout: fixed;
}
table.datas th, table.datas td {
	border: 1px solid #CCDCDE;
}
th {
	background-color: #F0F9F8;
}
tfoot input, tfoot select {
	margin: 0.5em 0;
	width: 90%;
	color: #444;
}

tfoot input.search_init, tfoot select.search_init {
	color: #999;
}

/* formulaires */
table.tbl-form {
 table-layout:fixed; 
}
table.tbl-form input.input-text, table.tbl-form textarea, table.tbl-form select { 
	border-width:1px; 
	border-style:solid; 
	border-color:#aaa #c8c8c8 #c8c8c8 #aaa; 
	font:12px arial, helvetica, sans-serif; 
}
table.tbl-form select { min-height:17px; }
table.tbl-form td.value select.select-jour, table.tbl-form td.value select.select-mois { width: 50px; }
table.tbl-form input,textarea { padding:2px; }
table.tbl-form td.label { width:100px; vertical-align: top; text-align: right;}
table.tbl-form td.value { text-align: left; }
table.tbl-form td.value input.input-text, table.tbl-form td.value textarea, table.tbl-form td.value select { width: 350px; }
table.tbl-form td.value input.input-annee { width: 100px; }
table.tbl-form td.value textarea { height: 200px; }
table.tbl-form td img { width: 100%; }
table.tbl-form td ul { list-style-type: none; margin: 0; padding: 0 }
table.tbl-form td.errorContainer { vertical-align: top; }

.input-titre-article {
	width: 1004px;
}
.input-contenu-texte {
	width: 1004px;
	height: 600px;
}
table.tbl-form input.error { 
	border-style: dotted;
	border-color: #f00; 
	background: #aaa;
}
.errorLabel, .errorContainer {
	color: #f00;
}

.tbl-listForm td { align: center; }
.tbl-listForm td input { width: 95%; }

#tbl-form-fiche input { width: 200px; }
#tbl-form-fiche select { width: 206px; }
#tbl-form-fiche select.select-jourmois { width: 40px; }
#tbl-form-fiche input.input-annee{ width: 100px; }

#tbl-form-contact input { width: 500px; }
#tbl-form-contact textarea { width: 500px; height: 150px; }

#tbl-form1-biblio input { width: 500px; }
#tbl-form2-biblio textarea { width: 500px; height: 150px; }
#tbl-form2-biblio td { vertical-align: top; }

div.form-element { padding: 5px 0; }

/* icones */
a.iconEdit, a.iconDelete, a.iconApply, a.iconCancel, a.iconAdd, a.iconCopy, a.iconView, a.iconRef, a.iconArchive, a.iconPublish, a.iconMove, a.iconPropose {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  background-position: 0 0;
  background-repeat: no-repeat;
}
a.iconApply {
  background-image: url(../images/admin/icons/icon-32-apply.png);
}
a.iconCancel {
  background-image: url(../images/admin/icons/icon-32-cancel.png);
}
a.iconEdit {
  background-image: url(../images/admin/icons/edit_f2.png);
}
a.iconDelete {
  background-image: url(../images/admin/icons/trash.png);
}
a.iconAdd {
  background-image: url(../images/admin/icons/add_f2.png);
}
a.iconCopy {
  background-image: url(../images/admin/icons/add_f2.png);
}
a.iconView {
  background-image: url(../images/admin/icons/view_f2.png);
}
a.iconRef {
  background-image: url(../images/admin/icons/refs_f2.png);
}
a.iconArchive {
  background-image: url(../images/admin/icons/archive_f2.png);
}
a.iconPublish {
  background-image: url(../images/admin/icons/calendar.png);
}
a.iconPropose {
  background-image: url(../images/admin/icons/calendar.png);
}
a.iconMove {
  background-image: url(../images/admin/icons/icon-32-move.png);
}
a.iconEdit:hover, a.iconDelete:hover, a.iconApply:hover, a.iconCancel:hover, a.iconAdd:hover, a.iconView:hover, a.iconRef:hover, a.iconArchive:hover, a.iconPublish:hover, a.iconMove:hover {
  background-position: 0px -20px;
}
a.iconEditContactEmail {
  display: block;
  width: 13px;
  height: 13px;
  margin: 0 10px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(../images/admin/icons/icon_btn_email_edit.png);
}

/* boites */
.hor-scroll  { width:100%; overflow:auto; padding:10px; }
.fieldset { border : 1px solid #bebebe; }
.main-col-content {
  float: left;
  width: 702px;
}
.main-col-sidebar {
  float: right;
  width: 650px;
}


/*
*  Elements spécifiquess
*/
.aff-contrib, #keywords, #frm_keywords {
	width: 680px;
}
.aff-contrib-titre, .aff-contrib-description, .aff-contrib-contenu {
	margin-top: 0px;
	padding: 3px;
	background-color: #eee;
	border: 1px solid #ccc;
}
#keywords_list {
  margin: 0;
  padding: 0;
}
#keywords_list .display_keyword {
  text-align: left;
}
#keywords_list .display_keyword td {
  border-bottom: 1px solid #ccc;
}
.res_box {
	margin: 18px auto;
	border: 1px solid #ccc;
	background: #fff;
	text-align: center;
}
.res_box h2 {
	padding: 0 8px;
	margin: 0;
	font-size: 1em;
	line-height: 2em;
	background-color: #D0DFE2;
}
.res_box div {
	min-height: 128px;
	border: 2px solid #fff;
}
* html #sidebar .res_box div {
	height: 128px; /* min-height for lte IE6 */
}
.res_box ul {
  text-align: left;
  list-style-type: none;
}
.display_keyword a {
	float: left;
	width: 24px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: top center;
	text-indent: -9999px; /* Phark revisited image replacement */
}
.display_keyword a:focus {
	outline: 0;
}
.display_keyword a:hover {
	background-position: center -20px;
}
.res_replacement {
	padding: 0 12px;
}
.res_trash {
	background-image: url('../images/admin/icons/trash.png');
}
#frm_keywords #addkeyword,
#frm_keywords #add_keyword {
	width: 500px;
}
#frm_keywords #doadd_keyword {
	margin: 5px 0;
}
#frm-comment {
	width: 680px;
}
#input-comment {
	width: 680px;
	height: 200px;
}
#btn-enreg-comment {
	float: right;
}
#comment-list {
	border-top: 4px solid #D0DFE2;
	margin-top: 15px;
}
#comment-list ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#comment-list ul li {
	background-color: #F0F9F8;
	border: 1px solid #D0DFE2;
	padding: 0;
	margin: 4px 0;
}
#comment-list ul li .comment-entete {
	padding: 4px;
	background-color: #D0DFE2;
}
#comment-list ul li .comment-entete select {
	float: right;
	margin-top: -3px;
}
#comment-list ul li .comment-texte {
	padding: 4px;
}
#media-accordion ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
/*
#media-accordion ul li {
	height: 120px;
	width: 120px;
	float: left;
	padding: 5px;
	margin: 5px;
	border: 1px solid #cccccc;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	cursor: pointer;
}
#media-accordion ul li:hover {
	background-color: #cccccc;
}
#media-accordion ul li * {
	cursor: pointer;
}
*/
#media-accordion ul li {
	float: left;
	margin: 5px;
}
#media-accordion ul li a {
	display: block;
	height: 120px;
	width: 120px;
	padding: 5px;
	border: 1px solid #cccccc;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
#media-accordion ul li a:hover {
	background-color: #cccccc;
}


#liste-medias .gallery li {
	float: left; 
	width: 120px; 
	padding: 0.4em; 
	margin: 0 0.4em 0.4em 0; 
	text-align: center;
}
#liste-medias .gallery li h5 {
	margin: 0 0 0.4em;
}
#liste-medias .gallery li img {
	width: 120px;
	height: 120px;
}
#liste-medias .gallery li select {
	width: 120px;
	margin: 4px 0;
}

#images-list, #images-trash ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#images-list li.image, #images-list .image-state-highlight, #images-trash li.image {
	float: left;
	position: relative;
	height: 98px;
	width: 80px;
	margin-right: 10px;
	margin-bottom: 10px;
}
#images-list li.image .icon-options {
	position: absolute;
	width: 100%;
	height: 16px;
	left: 0;
	bottom: 3px;
}
#images-list li.image, #images-trash li.image {
    border: 1px solid #ababab;
    background-color: #ededed;
}
#images-list .image-state-highlight {
	border: 1px solid #ff944c;
	background-color: #ffbb8d;
}
#images-list li.image img, #images-trash li.image img {
	cursor: move;
}

table.listeRefs {
  clear: both;
  width: 100%;
}
table.listeRefs th {
  background-color: #ededed;
}
table.listeRefs tbody tr td a.ref_trash {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url('../images/admin/icons/trash.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  text-indent: -9999px;
}
table.listeRefs tbody tr td a.ref_trash:hover {
  background-position: 0 -20px;
}

/*
*  Classes non structurelles
*/
/* remplacement d'image */
.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; }
/* caché pour screenreaders et browsers */
.hidden { display:none; visibility:hidden; } 
/* caché visuellement mais visible pour les screenreaders */
.visuallyhidden { position:absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }
/* caché pour les mais layout conservé */
.invisible { visibility: hidden; }
/* >> The Magnificent CLEARFIX << */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }

.centre { text-align: center; }
.gauche { text-align: left; }
.droite { text-align: right; }
.justifie { text-align: justify; }

.gras { font-weight: bold; }
.italique { font-style: italic; }
.souligne { text-decoration: underline; }