/*
Style Editeur Version 2
Dataxy 2011
Design: nicolab
*/



/* FONT */

@font-face {
font-family: 'oswald';
src: url('font/oswald.eot'); /* IE */
	
src: local('oswald'),
url('font/oswald.ttf') format('truetype'); /* FF */
}


/* GENERAL */

*{
margin:0;
}
html{
padding-bottom: 10px;
}

body{
background: #dad3c1 url(images/pattern.gif) fixed center top;
font: 10pt arial, helvetica, sans serif;
color: #444;
}

#contenu{
margin: 0px auto;
width: 980px;
}

a{
color: #08b;
text-decoration: none;
outline: none;
cursor: pointer;
}
a:hover{
color: #057;
text-decoration: none;
}
.voir{
color: #7b5 !important;
}
.voir:hover{
color: #8c5 !important;
}

::-moz-selection{
background: #ff0;
color:#222;
}
::selection {
background: #ff0;
color:#222;
}


input[type=text],
input[type=password],
textarea,
select{
font-family: arial, helvetica, sans-serif;
border: 1px solid #888 !important;
background: #fff !important;
background: linear-gradient(#eee, #fff, #fff) !important;
padding: 4px 2px;
color: #444;
font-size: 11pt;
position: relative;
z-index: 10;
cursor: text;
border-radius: 3px;
}
select{
cursor: pointer;
width: auto !important;
max-width: 200px; 
}


input[type=button],
input[type=submit],
input[type=radio],
input[type=checkbox]{
font: 11pt oswald, arial, helvetica, sans-serif;
border: none !important;
background: none;
outline: none !important;
text-transform: uppercase;
color: #08b;
cursor: pointer;
}
input[type=button]:hover,
input[type=submit]:hover{
color: #057 !important;
}
input[type=button],
input[type=submit]{
margin: 5px 0px 0px 0px;
}


input[value="+"],
input[value="-"]{
background: url(images/plus.png) no-repeat 2px 2px;
width: 24px;
height: 24px;
margin: 0px;
font-size: 0em;
}
input[value="-"]{
background: url(images/moins.png) no-repeat 2px 2px;
}
input[value="+"]:hover,
input[value="-"]:hover{
background-position: 2px -23px;
}

.input_reduit{
margin-top: -15 px;
font: 10pt arial, helvetica, sans-serif !important;
text-transform: none !important;
}

ul{
padding-left: 0px;
list-style: none;
}
table{
text-align: left !important;
border-collapse: collapse;
}
td{
padding: 0px 10px 10px 0px;
}
img{
border: none;
}
h1,
h2,
h3,
h4{
font-weight: normal;
}
h3,
h3 a{
font: normal 14pt oswald, arial, helvetica, sans serif;
margin: 0px 0px 10px 0px;
text-transform: uppercase;
color: #333;
}
h4{
font: normal 9pt/9pt oswald, arial, helvetica, sans serif;
padding: 10px 0px 0px 0px;
height: 18px;
text-transform: uppercase;
}
table h4{
margin-right: 12px;
}

.cke_dialog_body input{
color: #000 !important;
}


.box{
/*position: relative;*/
z-index: 2;
width: 950px;
margin-top: 35px;
margin-bottom: 15px;
padding: 12px 15px 15px 15px;
background: #fff;
text-align: justify;
float: right;
}
#colonne1_online{
margin-top: 70px;
}

h3 a[name]{
color: #222 !important;
cursor: default;
}

.clear{
clear: both;
}
.warning{
color: #c00;
font-weight: bold;
}


/* LOGIN */

.box1{
background: #fff;
width: 200px;
padding: 10px;
margin: 150px 0px 20px 15px;
}
.box_content1,
.box1 h3{
text-align: center;
}
.box_content1 p{
margin: 0px 0px 10px 0px;
}


/* ICONES */

table img{
/*display: none;*/
}
.retourArticles img{
display: none;
}

.ecrire{
display: block;
background: url(images/ecrire.png);
width: 20px;
height: 20px;
}
.photo{
display: block;
background: url(images/photo.png);
width: 26px;
height: 26px;
}
.video{
display: block;
background: url(images/video.png);
width: 16px;
height: 16px;
}
.video_daily{
display: block;
background: url(images/video_daily.png);
width: 16px;
height: 16px;
}
.music{
display: block;
background: url(images/music.png);
width: 16px;
height: 16px;
}
.permalink{
display: block;
background: url(images/permalink.png);
width: 16px;
height: 16px;
}
.brouillon{
display: block;
background: #6c2;
width: 10px;
height: 10px;
margin-top: 5px;
border-radius: 5px;
}
.visible{
display: block;
background: #888;
width: 10px;
height: 10px;
margin-top: 5px;
border-radius: 5px;
}
.delete{
display: block;
background: url(images/delete.png);
width: 20px;
height: 20px;
}
.duplicate{
display: block;
background: url(images/duplique.png);
width: 20px;
height: 20px;
}
.swf {
display: block;
background: url(images/flash.png);
width: 16px;
height: 16px;
}
.question{
display: block;
background: url(images/question.png) no-repeat top right !important;
width: 16px;
height: 16px;
padding: 0px 15px 0px 0px !important;
}
.titre{
display: block;
background: url(images/titre.png);
width: 26px;
height: 26px;
margin: auto;
}
.doc{
display: block;
background: url(images/doc.png) no-repeat;
height: 16px;
padding-left: 15px;
}
.pdf{
display: block;
background: url(images/pdf.png) no-repeat;
height: 16px;75adding-left: 15px;
}

.ecrire_photo{
display: block;
background: url(images/photo.png) no-repeat;
width: 60px;
height: 26px;
padding: 6px 30px 0px 30px;
}
.ecrire_music{
display: block;
background: url(images/music.png) no-repeat;
width: 110px;
height: 16px;
padding-left: 30px;
}
.ecrire_video{
display: block;
background: url(images/video.png) no-repeat;
width: 140px;
height: 16px;
padding-left: 30px;
}
.ecrire_video_daily{
display: block;
background: url(images/video.png) no-repeat;
width: 140px;
height: 16px;
padding-left: 30px;
}
.ecrire_pdf{
display: block;
background: url(images/pdf.png) no-repeat;
/*width: 110px;*/
height: 16px;
padding-left: 20px;
line-height: 10pt;
text-indent: -7px;
}
.ecrire_photo img,
.ecrire_music img,
.ecrire_video img,
.ecrire_pdf img{
display: none;
}


/* HAUT */

#head{
position: absolute;
top: 24px;
background: url(images/logo.png) no-repeat left 15px;
width: 280px;
height: 80px;
z-index: -1;
}

#head h1 a{
display:none;
}
#head h2{
display: none;
}
#menu1{
display: none;
}

#infos_8014{
position: absolute;
left: 0px;
background: #08b;
width: 20px;
height: 20px;
font-size: 0em;
z-index: 50;
}
#infos_8014:hover{
width: auto;
height: auto;
font-size: 10pt;
line-height: 16pt;
color: #fff;
padding: 20px;
}


/*etage 1*/

#vignette{
position: absolute;
top: 30px;
margin-left: 160px;
z-index: -10;
}
#vignette img{
background: url(images/pattern.gif) 0px 5px;
/*width: 150px;*/
max-height: 90px;
width: auto;
z-index: -10;
}
#navig{
position: absolute;
top: 30px;
width: auto;
margin-left: 290px;
z-index: -10;
}
#publi{
    position: absolute;
    top: 125px;
    width: auto;
    margin-left: 15px;
    /* padding-bottom: 15px; */
    /* height: 20px; */
	z-index: -10;
}
.site{
display: none;
}
.utilisateurLogin{
position: absolute;
top: 115px;
font: 10pt oswald, arial, helvetica, sans serif;
color: #444;
z-index: -1;
}


/* SLIDER */

/*boutons*/
.slidetabs {
width: 15px;
height: 100px;
margin: 10px 10px 10px 515px;
float: left;
}
.slidetabs a {
width: 15px;
height: 7px;
margin-bottom: 5px;
background: #08b;
display: block;
position: relative;
z-index: 2;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.slidetabs a:hover {
background: #057; 
}
.slidetabs a.current {
background: #444;     
} 	
/*boite*/
.images {
text-align: justify;
width: 440px;
height: 100px;
margin: 0px 0px 10px 0px;
float: left;
position: relative;	
cursor: pointer;
font-size: 10pt;
visibility:hidden;
}
.images h3{
font-size: 14pt;
margin-bottom: 0px;
}
.images div {
display: none;
height: 110px;
}



/*etage 2*/
#accueil{
background: #fff;
width: 95px;
height: 132px;
padding: 5px 0px 5px 0px;
margin: 20px 10px 10px 0px;
float: left;
font-size: 10pt;
color: #fff;
}
#accueil a{
display: block;
width: 88px;
height: 9px;
padding: 2px 0px 10px 7px;
}
#lienpublier a{
background-color: #08b;
font-family: oswald, helvetica, arial,  sans-serif;
font-weight: normal;
font-size: 10pt;
text-transform: uppercase;
padding: 0px 0px 10px 7px;
color: #fff;
text-shadow: 0px -1px 0px #035;
}
#lienpublier a:active{
text-indent: 2px;
}

#gestion{
background: #fff;
width: 320px;
height: 132px;
padding: 5px 0px 5px 0px;
margin: 20px 10px 10px 0px;
float: left;
font-size: 14px;
color: #444;
}
#gestion h4{
display: none;
}
#gestion li{
padding: 0px 0px 0px 5px;
height: 27px;

/height: 23px;
}
#gestion p{
display: block;
width: 80px;
height: 21px;
float: left;
text-align: right;
padding: 0px 8px 0px 0px;
font: 11pt oswald, arial, helvetica, sans serif;
text-transform: uppercase;
}
#gestion a{
display: block;
float: left;
height: 20px;
padding: 3px 3px 0px 3px;
}

#stats{
background: #dad3c1;
width: 165px;
height: 142px;
padding: 0px 5px 0px 5px;
margin: 20px 10px 10px 0px;
float: left;
font-size: 9pt;
}
#texte{
background: #dad3c1;
width: 165px;
height: 142px;
padding: 0px 5px 0px 5px;
margin: 20px 10px 10px 0px;
float: left;
font-size: 9pt;
}
#vocale{
background: #dad3c1;
width: 165px;
height: 142px;
padding: 0px 5px 0px 5px;
margin: 0px 0px 10px 0px;
float: left;
font-size: 9pt;
}
#alaune{
background: #dad3c1;
width: 975px;
height: 18px;
padding: 3px 0px 0px 5px;
margin: 0px 0px 20px 0px;
float: left;
font-size: 9pt;
}
#stats h4,
#texte h4,
#vocale h4{
padding-top: 10px;
}

/* GERER LE SITE */

.icones img{
display: none;
}
.icones br{
display: none;
}
.icones li{
float: left;
}
.icones a{
display: block;
width: 130px;
height: 50px;
margin: 0px 20px 0px 0px;
text-align: left;
}


/* SELECT OPTION */

option[disabled=disabled]{
margin: 15px 0px 5px 0px;
border-bottom: 1px solid #666;
}


/* HAUT ECRIRE UN ARTICLE */

#haut-article td{
padding: 0px 10px 0px 0px !important;
}
#haut-article input[type=text]{
width: 130px;
}
#haut-article select{
width: 170px;
}


/* FCK EDITOR */
span.cke_skin_kama{
width: 945px !important;

border: none !important;
padding: 0px !important;
}
.cke_skin_kama .cke_wrapper{
border: 1px solid #888;
padding: 0px !important;
-moz-border-radius: 3px !important;
-webkit-border-radius: 3px !important;
border-radius: 3px !important;
}
.cke_top{
border-bottom: 1px solid #888 !important;
padding: 10px 2px 0px 10px !important;
}
.cke_bottom{
border-top: 1px solid #888 !important;
}
#cke_75,
.cke_button_save,
.cke_button_newpage,
.cke_button_templates,
.cke_button_print,
.cke_button_cut,
.cke_button_copy,
.cke_button_paste,
.cke_button_pastefromword,
.cke_button_outdent,
.cke_button_indent,
.cke_button_blockquote,
.cke_button_textarea,
.cke_button_textfield,
.cke_button_bidiltr,
.cke_button_bidirtl,
.cke_button_anchor,
.cke_font,
.cke_format,
.cke_styles{
display: none !important;
}


/* TABLEAUX */

/*overlib*/
table{
padding: 5px !important;
background: #fff !important;
}


.liste_articles,
#liste_articles{
width: 100%;
border-collapse: collapse;
empty-cells: show;
margin-top: 12px;
font-size: 10pt;
text-align: left !important;
border: none;
}

.liste_articles th,
#liste_articles th{
border: 2px solid #eee;
padding: 5px;
background: #eee;
font-size: 10pt;
}
.liste_articles th a,
#liste_articles th a{
background: url(images/fleche.png) no-repeat;
background-position: right 7px;
padding-right: 20px;
cursor: pointer;
font: normal 10pt oswald, arial, helvetica, sans serif;
text-transform: uppercase;
}
.liste_articles th a:hover,
#liste_articles th a:hover{
background-position: right -17px;
}

.liste_articles i,
#liste_articles i{
font-size: 9pt;
color: #888;
}

.liste_articles td,
#liste_articles td{
border-bottom: 1px solid #777;
padding: 2px;
vertical-align: top;
}

.liste_articles tr,
#liste_articles tr{
background: #fff \9;
}
.liste_articles tr:hover,
#liste_articles tr:hover{
background: #eee !important;
}
.liste_articles tr:nth-child(2n),
#liste_articles tr:nth-child(2n){
background: #fff;
}
.liste_articles tr:nth-child(2n+1),
#liste_articles tr:nth-child(2n+1){
background: #f8f8f8;
}

.liste_articles ladiv img,
#liste_articles ladiv img {
float: right;
margin: -20px 150px 0px 0px;
}

.liste_articles img,
#liste_articles img{
display: none;
}

.liste_articles  img myphotos,
#liste_articles  img myphotos{
/*display: none;*/
}

.intervale,
.intervaleH,
.intervale td,
.intervaleH td{
background: #fff !important;
height: 20px;
border: none !important;
}

.obTitre{
color: #08b !important;
}

/*titres rubriques*/
.mass_input_court{
width: 200px;
}
.mass_input_long{
width: 600px;
}
.mass_button{
margin-top: 0px !important;
}




/* FORMULAIRES */

.formulaire td{

background: none;
padding: 0px 10px 0px 10px;
}
.formulaire th{
background: #ddd;
padding: 0px 2px 0px 2px;
}
.espace td{
padding-top: 5px !important;
border-top: 1px solid #ddd;
}
#sPanel,
#sModif,
#sPubli,
#sSupp,
#sDupli,
#sArchiv,
#sGroup,
#sEdit{
width: 300px;
}

#msg{
color: #191;
text-transform: uppercase;
}

select.erreur,
input.erreur ,
textarea.erreur{
background: #c00 !important;
}
label.erreur {
color: #c00 !important;
}
tr.erreur{
background: #c00 !important;
}


/* GLISSER-DEPLACER */

.distribuer{
background: #dad3c1;
height: 200px;
overflow: auto;
font-size: 10pt;
margin-top: 8px;

/height: 100%;
}
.distribuer li{
background: #dad3c1 !important;
color: #444 !important;
}
.distribuer li:hover{
background: #ece5d1 !important;
color: #444 !important;
}
.distribuer span{
color: #a98 !important;
}

.distribuer2{
background: #dad3c1;
height: 85px;
overflow: auto;
font-size: 10pt;
margin-top: 8px;

/height: 100%;
}
.distribuer2 li{
background: #dad3c1 !important;
color: #444 !important;
}
.distribuer2 li:hover{
background: #ece5d1 !important;
color: #444 !important;
}
.distribuer2 span{
color: #a98 !important;
}

#ordre_articles li,
.item1 li {
background: #08b;
padding: 3px;
cursor: move;
clear: both;
color: #fff;
}
#ordre_articles li span,
.item1 li span{
float: right;
color: #444;
font-size: 8pt;

/float: none;
}
#ordre_articles li:hover,
.item1 li:hover{
background: #0ad;
color: #fff;
}
#ordre_articles li:hover span,
.item1 li:hover span{
color:#fff;
}
.glisser{
background: #08b;
height: 110px;
}
.lebas{
background: #08b;
height: 50px;
}


#barre_onglets{
display: none;
}


/* AGENDA */

.fc-header{
width: 760px !important;
}
.fc-content{
width: 750px !important;
}


/* BAS */

#mention{
display: block;
height: 20px;
text-align: right;
font-size: 10pt;
color: #888;
}
#mention:hover{
color: #000;
}


/* FRAME INSCRIPTION */

#fond_frame{
background: #fff;
padding: 10px;
}


/* MENU JS */

#barre_onglets_der{
width: 977px;
height: 24px;/*H*/
background: #0088BB;
padding-left: 3px;
position: relative;
z-index: 4;
}
#contenuMenuEditeur{
z-index: 9999;
}
/*menu*/
.menulink{
display: block;
height: 22px;/*H*/
padding: 2px 7px 0px 7px;
font: 10pt oswald, arial, helvetica, sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
border-right: 1px solid #fff;
color: #fff;
-webkit-transition-property: opacity;
-webkit-transition-duration: 0.3s;
-moz-transition-property: opacity;
-moz-transition-duration: 0.3s;
transition-property: opacity;
transition-duration: 0.3s;

-width: 100px;
}
.menulink:hover{
color: #fff;
opacity: 0.7;
}
#barre_onglets_der .menu li {
position: relative;
float: left;
}
#barre_onglets_der .menu ul {/*ne pas mettre de border top ou bottom*/
position: absolute;
width: 240px;
top: 24px;/*H*/
display: none;
opacity: 0;
-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}
#barre_onglets_der .menu ul li {
width: 240px;
float: left;
}
#barre_onglets_der .menu ul li a {
z-index: 200;
display: block;
padding: 2px 7px 6px;
background: #58B6D8;
text-align: left;
color: #fff;
}
#barre_onglets_der .menu ul li a:hover{
z-index: 100;
color: #fff;
opacity: 0.85;
}


.menuhover{
opacity: 1 !important;
cursor: default;
width: 133px;
}
li[onmouseover="passe(this);"] .menulink{
background: url(images/fleche.gif) no-repeat right 12px;
padding-right: 20px;
}

/*sous-menu*/
.menu ul {/*ne pas mettre de border top ou bottom*/
z-index: 200;
position: absolute;
width: 160px;
top: 24px;/*H*/
display: none;
opacity: 0;
-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}
.menu ul li {
width: 160px;
float: left;
}
.menu ul li a {
z-index: 200;
display: block;
padding: 2px 7px 6px;
background: #58B6D8;
text-align: left;
color: #fff;
}
.menu ul li a:hover{
z-index: 100;
color: #fff;
opacity: 0.85;
}

.arrondi{

}
/*12-12*/
#reduire {
color: #CC5544;
margin : 0 auto;
width : 190px;
height:40pt;overflow:auto 
}