@import "font-awesome.min.css";

/* GENERAL */

* {
margin: 0;
padding: 0;
outline: 0;
box-sizing: content-box;
-moz-box-sizing: content-box;
}

img {
border: 0;
vertical-align: middle;
}

.none {
position: absolute;
left: 0;
top: -1000px;
width: 1px;
height: 1px;
overflow: hidden;
}

.clear {
clear: both;
display: block;
height: 0px;
font-size: .1em;
}



/* BLOKS */

.blok-liste-site {
overflow: hidden;
margin: 0 auto;
}

.blok-site {
float: left;
overflow: hidden;
}

.blok-site span.blok_image {
display: block;
}



/* PRIVATE */

div#kpz-private {
margin: 50px;
padding: 20px;
background-color: #000;
border: 1px solid #fff;
}

div#kpz-private p.titre {
font-size: 1.2em;
font-weight: normal;
color: #fff;
text-align: center;
}

div#kpz-private p.consignes {
padding: 10px 0;
color: #888;
text-align: center;
}

div#kpz-private div.ligne {
text-align: center;
}

div#kpz-private div.ligne label {
margin-right: 10px;
color: #888;
}

div#kpz-private div.ligne input[type=password] {
margin-right: 10px;
width: 100px;
height: 20px;
line-height: 20px;
color: #000;
background-color: #888;
border: 1px solid #444;
}

div#kpz-private div.ligne input[type=submit] {
height: 20px;
line-height: 20px;
background-color: #888;
border: 1px solid #444;
}

div#kpz-private div.ligne input[type=submit]:hover {
background-color: #444;
border: 1px solid #888;
}

div#kpz-private p.erreur {
padding: 5px;
text-align: center;
color: red;
}

div#kpz-private div.ligne label.erreur {
color: red;
}

div#kpz-private div.ligne input.erreur {
border-color: red;
}

/* ICONES FICHIERS */

.icone_fichier {
/* particulier */
padding: 3px 0 3px 25px;
line-height: 20px;
background: transparent url(/_komuns_730/structure/img/fic_ico_all.png) no-repeat center left;
}

.icone_fichier_avi {
/* particulier */
background-image: url(/_komuns_730/structure/img/fic_ico_avi.png);
}

.icone_fichier_bmp {
/* particulier */
background-image: url(/_komuns_730/structure/img/fic_ico_bmp.png);
}

.icone_fichier_diaporama {
/* particulier */
background-image: url(/_komuns_730/structure/img/fic_ico_diaporama.png);
}

.icone_fichier_doc {
/* particulier */
background-image: url(/_komuns_730/structure/img/fic_ico_doc.png);
}

.icone_fichier_docx {
/* particulier */
background-image: url(/_komuns_730/structure/img/fic_ico_docx.png);
}

.icone_fichier_ext {
/* particulier */
background-image: url(/_komuns_730/structure/img/fic_ico_ext.png);
}

.icone_fichier_gif {
/* particulier */
background-image: url(/_komuns_730/structure/img/fic_ico_gif.png);
}

.icone_fichier_http {
/* particulier */
background-image: url(/_komuns_730/structure/img/fic_ico_http.png);
}

.icone_fichier_jpg {
/* particulier */
background-image: url(/_komuns_730/structure/img/fic_ico_jpg.png);
}

.icone_fichier_liaison {
/* particulier */
background-image: url(/_komuns_730/structure/img/fic_ico_liaison.png);
}

.icone_fichier_mid {
/* particulier */
background-image: url(/_komuns_730/structure/img/fic_ico_mid.png);
}

.icone_fichier_mov {
/* particulier */
background-image: url(/_komuns_730/structure/img/fic_ico_mov.png);
}

.icone_fichier_mp3 {
/* particulier */
background-image: url(/_komuns_730/structure/img/fic_ico_mp3.png);
}

.icone_fichier_pdf {
/* particulier */
background-image: url(/_komuns_730/structure/img/fic_ico_pdf.png);
}

.icone_fichier_png {
/* particulier */
background-image: url(/_komuns_730/structure/img/fic_ico_png.png);
}

.icone_fichier_rar {
/* particulier */
background-image: url(/_komuns_730/structure/img/fic_ico_rar.png);
}

.icone_fichier_rtf {
/* particulier */
background-image: url(/_komuns_730/structure/img/fic_ico_rtf.png);
}

.icone_fichier_swf {
/* particulier */
background-image: url(/_komuns_730/structure/img/fic_ico_swf.png);
}

.icone_fichier_txt {
/* particulier */
background-image: url(/_komuns_730/structure/img/fic_ico_txt.png);
}

.icone_fichier_wav {
/* particulier */
background-image: url(/_komuns_730/structure/img/fic_ico_wav.png);
}

.icone_fichier_wmv {
/* particulier */
background-image: url(/_komuns_730/structure/img/fic_ico_wmv.png);
}

.icone_fichier_xls {
/* particulier */
background-image: url(/_komuns_730/structure/img/fic_ico_xls.png);
}

.icone_fichier_xlsx {
/* particulier */
background-image: url(/_komuns_730/structure/img/fic_ico_xlsx.png);
}

.icone_fichier_zip {
/* particulier */
background-image: url(/_komuns_730/structure/img/fic_ico_zip.png);
}

.icone_fichier_flv {
/* particulier */
background-image: url(/_komuns_730/structure/img/fic_ico_flv.png);
}


/* DEVICE REDIRECT */

div#device_redirect_content a {
display: block;
padding: 23px 20px 15px 60px;
width: 176px;
height: 35px;
text-align: left;
font-family: Trebuchet;
font-size: 15px;
line-height: 15px;
color: #fff;
text-decoration: none;
background: transparent url(/_komuns_730/structure/img/device_redirect_button.png) no-repeat 0 0;
}

div#device_redirect_content a:hover {
color: #888;
text-decoration: none;
}

div#device_redirect_overlay {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: transparent url(/_komuns_730/structure/img/device_redirect_transp.png) repeat 0 0;
}

div#device_redirect_overlay div#device_redirect_content {
margin: 10px auto 0 auto;
width: 256px;
}

div#device_redirect_overlay p#device_redirect_libelle {
margin: 0 auto;
width: 226px;
height: 226px;
background: transparent url(/_komuns_730/structure/img/device_redirect_bkg.png) no-repeat 0 0;
}

div#device_redirect_overlay p#device_redirect_libelle span {
display: block;
margin: 0 auto;
padding-top: 120px;
width: 180px;
text-align: center;
font-family: Trebuchet;
font-size: 16px;
line-height: 18px;
color: #fff;
}

div#device_redirect_header {
position: fixed;
top: 0;
height: 40px;
width: 100%;
z-index: 9999;
overflow: auto;
background-color: #000;
}

div#device_redirect_header  a {
display: block;
margin: 0 auto;
padding: 5px 3px 0 70px;
width: 230px;
height: 35px;
text-align: center;
font-family: Trebuchet;
font-size: 13px;
line-height: 13px;
color: #fff;
text-decoration: none;
background: transparent url(/_komuns_730/structure/img/device_redirect_bkg_header.png) no-repeat 0 2px;
}

/* CNIL */

div#cnil_optout {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
color: #fff;
background-color: rgba(0,0,0,.8);
z-index: 1000000;
}

div#cnil_optout p {
margin: 0 auto;
padding: 20px;
width: 70%;
font-size: 12px;
text-align: center;
}

div#cnil_optout p a {
color: #fff;
font-size: 12px;
text-decoration: underline;
}

div#cnil_optout a#cnil_optout_close {
position: absolute;
display: block;
top: 10px;
right: 10px;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 14px;
text-align: center;
color: #fff;
text-decoration: none;
background-color: #4b4b4b;
z-index: 999;
}