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


@font-face {
font-family: 'typicons';
src: url("../font/typicons.font-master/src/font/typicons.eot");
src: url("../font/typicons.font-master/src/font/typicons.eot?#iefix") format('embedded-opentype'),
url("../font/typicons.font-master/src/font/typicons.woff") format('woff'),
url("../font/typicons.font-master/src/font/typicons.ttf") format('truetype'),
url("../font/typicons.font-master/src/font/typicons.svg#typicons") format('svg');
font-weight: normal;
font-style: normal;
}
body {
background-color: #fcfcfc;
}
p {
	padding:5px 0 0;
	text-align:left;
}
strong{

    font-weight: 900;
}
.articleAnafie ul{
    margin-left: 30px;
}
.articleAnafie li {
    list-style: disc;
}
li {
	text-align:left;
	list-style: outside none none;
}

footer{    
margin-top: 40px;
}

h1{
font-size:30px;
font-weight: 300;
}

 .section{
padding:0;
}


.h1, .h2, .h3, h1, h2, h3 {
    margin-bottom: 10px;
    margin-top: 0;
}

.iconImage{
    width:128px!important;
    height:128px!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    display: block;
    margin: 77px auto;

}


.adminIconImage{
 display: block;
    margin: 22px auto;    
    height: 50% !important;
}

.adminImageTitle{
 background: #eeeeee none repeat scroll 0 0;
    bottom: 0;
    display: block;
    font-size: 10px;
    line-height: 10px;
    padding: 2px 0;
    position: absolute;
    text-align: left;
    width: 100%;
    z-index: 1;
}

/* Tableau */


table{
width:100%;
border-collapse:collapse;
border-spacing:0;
color:#333;
}

th, td {
border : 1px solid lightgrey;
padding:5px;
min-width: 160px;
}
td .tdContent{
max-height:50px;
overflow:hidden;
}
.afficheTable th, .afficheTable td{
min-width: 160px;
}

legend {
    border-width: 0;
    margin-bottom: 0;
    width: 230px;
}

/* Formulaires */

.userConnectForm{
display: table;
padding: 10px;
width: 340px;
margin: 110px auto 0;
}
.userConnectForm a{
	    display: block;
}
.userConnectForm label{
    width: 120px;
    display: inline-block;
}
label{
font-size: 14px;
 }
textarea {
width:95%;    
height: 140px;
}

.adminSpan{
margin-left:10px;
}
form a {
margin-left:20px;
}

.optionAdmin{
width:400px;

}
.administration .section.group{
	border-top:1px solid lightgrey;
	margin-top: 40px;
}

.adminSpan3{
display:inline-block;   
 margin: 0 0 0 10px;
	vertical-align: top;
}
.listAdmin a{    
margin-left: 10px;
    display: inline-block;   
	line-height: 20px;
	vertical-align: baseline;
}

.listAdmin label{
margin-left:10px;
	vertical-align: top;
    display: inline-block;   
	line-height: 20px;
}
.listAdmin form label{
margin-left:0px;
margin-right:10px;
}

 a.typcn-edit:before{
color:#333;
}

 a.typcn-trash:before{
color:#d43f3a;
}

 a.typcn-image:before{
color:#f0ad4e;
}

 a.typcn-social-youtube:before{
color:#46b8da;
}
 a.typcn-tick:before{
color:#4cae4c;
}
 a.typcn-zoom:before{
color:#337ab7;
}

 a.typcn-times:before{
color:#d43f3a;
}

.btnCustom{
    border-radius: 0 4px 4px 0;
    left: -1px;
    padding: 1px 12px 2px;
    position: relative;
}

.listAdmin select{
    font-size: 13px;
    text-overflow: ellipsis;
    vertical-align: unset;
    white-space: nowrap;
    width: 170px;
}

.listAdmin select.listeSelect{
    width: 110px;
}

.listAdmin select.colSelect{
    width: 70px;
}


.listAdmin input{
    vertical-align: middle;
}
.listAdmin input[type=checkbox]{
    position: relative;
    top: -1px;
    vertical-align: text-top;
}
.listAdmin form{
    display: inline-block;    
	margin: 0 0 0 5px;
	vertical-align: top;
}

.listAdmin form.action{
    display: inline-block;    
	margin: 0 0 0 10px;
background-color: #fbd2d4;
    border: 1px solid #ee6e73;
    border-radius: 3px;
	vertical-align: top;
    padding: 2px 2px 1px;
    color: #4f4f4f;
}
.listAdmin form input:first-child{
	margin-left:0;

}
.listAdmin form.sectionForm{
background-color: #fbd2d4;
    border: 1px solid #ee6e73;
    border-radius: 3px;
    color: #4f4f4f;
    display: inline-block;
    padding: 4px;
    vertical-align: top;   
	margin: 5px 0 5px 40px;
}

.listAdmin .adminSection{
background-color: #fbd2d4;
    border: 1px solid #ee6e73;
    border-radius: 3px;
    color: #4f4f4f;
    display: inline-block;
    margin: 0 0 0 20px;
    padding: 0 4px;
    vertical-align: top;
}
.listAdmin .templateAdmin{
 background-color: #fafafa;
    border: 1px solid #dfd0d0;
    border-radius: 3px;
    color: #4f4f4f;
    display: inline-block;
    margin: 0 0 0 10px;
     padding: 0 5px 0 0;
    vertical-align: top;
}
.listAdmin form.bigForm{
padding:0 10px 10px;
border: 1px solid #fed2d7;
border-radius:3px;
background-color:#eee;     
margin: 5px 0 0 20px;
width: 88%;
}

form.bigForm{
padding:0 10px 10px;
border: 1px solid #fed2d7;
border-radius:3px;
background-color:#eee;
width: 88%;
    margin: 10px 0;
}

form.bigForm label{
display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

form.bigForm fieldset{
padding:0 10px 10px;
border: 1px solid #fed2d7;
border-radius:3px;
background-color:#fafafa;
}
form.bigForm fieldset legend{
    padding: 0 10px;
}


form.bigForm .radioBtn{
display: inline-block;
    vertical-align: top;
    width: 200px;
}

.listAdmin .articleForm{
display:inline-block;
    margin-right: 20px;
	vertical-align:top;


}
.listAdmin .metaDescArea{
height:unset;

}

.listAdmin .blocAdmin{
background-color:#eee;  
display:inline-block;
border-radius: 2px;   
padding: 0 10px;
margin-left: 10px;
}
 .blocAdmin input{
	margin-left:0;
 }
.listAdmin li.list{
border-radius:3px;
border:1px solid lightgrey;
padding:5px;
margin:2px 0 ;  
list-style: outside none none;
background-color:white;
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
-o-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
filter:progid:DXImageTransform.Microsoft.Shadow(color=#dddddd, Direction=NaN, Strength=5);
}

.listAdmin li ul li.sousmenu{
background-color:#eee;
margin-left:40px;
}.listAdmin li ul li.sousmenu.sectionListe{
background-color:#ffe3e6;
}
.listAdmin li span.adminSpan{
display: inline-block;
    height: 23px;    
    font-size: 14px;
    margin: 0 2px 0 10px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;    
	vertical-align: top;
    white-space: nowrap;
}
.listAdmin li span.adminSpan.nameStandard{

    width: 130px;
}
.listAdmin li input.adminInput{
 margin: 0 0 0 10px;
}
.listAdmin li span.adminSpan2{
display:inline-block;   
 margin: 0 10px 0 0;
	vertical-align: top;
}
.listAdmin .adminDecal{
display:inline-block;
	vertical-align: top;
}

.listAdmin .listSpan{
	margin-left:3px;
	display:inline-block;
	
}

.nomListe{
    width: 110px;
}

.nomTable {
    color: #337ab7;
}
.listAdmin  .mediaAdmin{
  display: inline-block;
    text-align: left;
    vertical-align: top;
    width: 49%;
}

.listAdmin  .conteneurMediaAdmin{
    background: #f8f8f8 none repeat scroll 0 0;
    border: 1px solid #ffc7cc;
    border-radius: 3px;
    max-height: 300px;
    overflow: auto;
	    padding: 5px 2px;
}

.listAdmin  .ajoutImageAdmin{
background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid lightgray;
    border-radius: 3px;
    margin: 10px 0;
    padding: 7px;
}

.listAdmin  .conteneurImageAdmin{
    margin: 10px 0;
}

.listAdmin  .conteneurImageAdmin a{
  display: block;
    margin: 0;
}


.listAdmin  .conteneurMediaAdmin a.dlImageMedia, .listAdmin  .dlImageMedia{
  background: white none repeat scroll 0 0;
    border: 1px solid lightgray;
    border-radius: 1px;
    bottom: -1px;
    display: block;
    height: 20px;
    margin: 0;
	float:right;
    right: -1px;
    width: 20px;
    z-index: 1;
    line-height: 1.1em;
    margin: 0 -1px 0 0;
    position: absolute;
}


.listAdmin  .conteneurMediaAdmin a.dlImageMedia span, .listAdmin  .dlImageMedia span{
	line-height: 1em;
}


.listAdmin  .conteneurMediaAdmin a.zoomImageMedia,.listAdmin  .zoomImageMedia{
      background: white none repeat scroll 0 0;
    border: 1px solid lightgray;
	margin: 0 -1px 0 0;
    border-radius: 1px;
    bottom: -1px;
    display: block;
    height: 20px;
    margin: 0;    
	float: right;
    width: 20px;
    z-index: 1;
	line-height: 1.1em;
}

.listAdmin  .conteneurMediaAdmin a.zoomImageMedia span,.listAdmin  .zoomImageMedia span{
	line-height: 1em;
}

.listAdmin  .conteneurMediaAdmin a{
    display: block;
    height: 100%;
    margin: 0;
    width: 100%;
}
.listAdmin  .conteneurMediaAdmin a.addImage::before{
font-size: 3em;
    left: 54px;
    line-height: 120px;
    opacity: 0;
    position: absolute;
    text-align: center;
}
.listAdmin  .conteneurMediaAdmin a.addImage:hover::before{
    opacity: 1;
}

.listAdmin .conteneurImageAdmin  .deleteImageAdmin{
background: white none repeat scroll 0 0;
    border: 1px solid lightgray;
    border-radius: 2px;
    bottom: -1px;
    height: 20px;
    position: absolute;
    right: -1px;
    width: 20px;
	line-height: 1.2em;    
    z-index: 1;
}
.listAdmin  .conteneurImageAdmin .downloadImageAdmin{
background: white none repeat scroll 0 0;
    border: 1px solid lightgray;
    border-radius: 2px;
    bottom: -1px;
    height: 20px;
    position: absolute;
    right: 20px;
    width: 20px;
	line-height: 1em;
}

.listAdmin .imageAdmin{
 background: white none repeat scroll 0 0;
    border: 1px solid lightgray;
    border-radius: 4px;
    display: inline-block;
    height: 120px;
    margin: 0 5px;
    overflow: hidden;
    text-align: center;
    width: 150px;
	position: relative;
}

.listAdmin .imageAdmin .addImage:hover{
opacity:0.8;
}

.listAdmin .imageAdmin img{
height: 83%;
width: auto;
z-index: -1;
}

.listAdmin .videoAdmin{
 background: white none repeat scroll 0 0;
    border: 1px solid lightgrey;
    display: inline-block;
    padding: 5px;
    vertical-align: top;
    width: 269px;    
    margin: 0 0 4px;
}

.listAdmin .videoAdmin .vidName{
    display: block;
    font-size: 15px;
    font-weight: 300;
    margin-top: -6px;
    text-align: center;
}

.listAdmin .posterNewImage{
    padding:5px;
 background: white none repeat scroll 0 0;
    border: 1px solid lightgray;    
	margin-top: 20px;
}

.videoAdmin video{
    width:100%;
    height:auto;
}
.listAdmin .typcn, .bigForm .typcn{
    font-size: 14px;
    text-decoration: none;
    vertical-align: top;
}
.typcn_hover::before{
opacity:0;
}
.typcn_hover:hover::before{
opacity:1;
}
.typcn_hover{
left:-1em;
position:relative;
}
.typcn_hover:hover{
left:0;
}
.typcn_hover::before, .transition, .transition::before{
 -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;

}
.listAdmin .typcn-info, .bigForm .typcn-info {
 color: red;
}
.row{
    vertical-align: top;    
	display: inline-block;    
	margin: 0 0 0 20px;
}

.afficheTable{    
	overflow-x: auto;
    overflow-y: hidden;

}

.userEl{
 color: #222;
    font-family: arial;
}

.listAdmin .conteneurThumb{    
border: 1px solid #d6d6d6;
    display: inline-block;
    height: 90px;
    margin-left: 20px;
    overflow: hidden;
    vertical-align: middle;
    width: 90px;
}

.listAdmin .adminThumb{
  display: block;
    height: 100%;
    margin: 0 auto;
    width: auto;
}
.listAdmin .adminImageName{
    vertical-align: middle !important;

}


.bigForm .formulaireChoix{
    border:1px solid lightgrey;
    background-color: white;
    padding: 0 4px 4px;
	margin-top: 10px;
}

/*BANNIERE COOKIE*/
.banniere_cookie{
	width:100%;
	background-color:#565656;
	background-color:rgba(86,86,86,0.95);
	color:#fff;
	padding:10px 0;
	position:fixed;
	bottom:52px;
	left:0;
	text-align:center;
}

.banniere_cookie p{
text-align:center;
margin:0px;
padding:10px 0;
}

.banniere_cookie button{
  background: #979797 none repeat scroll 0 0;
    border: 1px solid lightgrey;
    border-radius: 2px;
    color: #fff;
    padding: 2px;
}

/* Footer */
footer.footer {
z-index:10;
  color: #fff;
  background-color: #3e3e3e;
  width: 100%;
  height: 56px;
  line-height: 56px;
      position: fixed;
	  bottom:0;
	  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

footer.footer ul {
  margin: 0;
}

footer.footer ul li {
  transition: background-color .3s;
  float: left;
  padding: 0;
}

footer.footer ul li.active {
  background-color: rgba(0, 0, 0, 0.1);
}

footer.footer ul a {
    display: block;
  transition: background-color .3s;
  color: #fff;
  padding: 0 15px;
  cursor: pointer;
}

footer.footer ul a span{
    vertical-align:top;
}

footer.footer ul a:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.headerFormulaire h2.formTitle{
display:none;

}

.headerFormulaire {
   height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 165px;
}

.headerFormulaire .recherche{


}  



.ui-helper-hidden-accessible { display:none; }