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

body
{
	padding:0;
	margin:0;
font-family: 'Montserrat', sans-serif;
font-size:16px;
background:#f6f2ef url(images/pictos/pattern.png) left top repeat;
height:100%;

}

/***photos_filtres**/

.avatar_contact{

 position: absolute;
width: 50px;
height:50px;
text-align: center;
margin: auto;
left: calc(50% - 25px);
z-index: 999;
top: 10px;
opacity: 0;
}


.btn_upload{display:none;margin:10px auto;position: relative;z-index:1000;}

.photo_filtre img{max-width: 100px;}

.photo_filtre .large{ position: absolute;
  left: -9999px;}
 
  .photo_filtre{
  position:relative;
  }

  .photo_filtre .thumb_filtre{ width:25px !important}

  .photo_filtre:hover .large {
    left: 20px;
    top: -100px;
  }

.titre{color:#FFF;text-transform:uppercase;font-size:25px; font-weight:bold;line-height:1.2em;padding-top:35px;}
.titre span{display:inline-block;border-bottom:solid 2px;padding:5px 0;border-top:solid 2px;}

.page{padding:0;}
.container-fluid{padding:0;}

li
{
list-style-type:none;
margin:0;
padding:0;	
}


ul
{

margin:0;
padding:0;	
}



.check-row{margin:0;}

input[type="checkbox"][id^="cb"] {
  display: none;
}
input[type="checkbox"][id^="ch"] {
  display: none;
}

label.avatar-check {
  border: 2px solid #fff;
  padding: 0;
  display: block;
  position: relative;
  margin: 0px;
  cursor: pointer;opacity:0.5;outline:solid 1px #555;

}

label.avatar-check:before {
  
  color: white;
  content: " ";
  display: block;
  border-radius: 50%;
 
  position: absolute;
  top: -12px;
  left: -10px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 28px;
  transition-duration: 0.4s;
  transform: scale(0);
}

label.avatar-check .span-img {
  
  width: 100%;
overflow: hidden;display:block;max-height: 300px
	
}


label.avatar-check img.img-responsive {
  height:auto;
  width: 120%;max-width:inherit;margin-left:-10%;display:block;
  transition-duration: 0.2s;
  transform-origin: 50% 50%;
		filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);display:block;
	
}



:checked + label.avatar-check {
opacity:1
}

:checked + label.avatar-check:before {
 content:url(images/pictos/checked.png);
  background-color: none;
  transform: scale(1);z-index:2

}




:checked + label.avatar-check .span-img img {
 
  
  z-index: 0;
		filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}

.span-nomequipe{display:none;}


.deja-convoque{position: absolute; top: 0; display:block; width:100%; color:#E00408; text-align:center; font-size:0.8em; padding:5px; 
            -webkit-transform:rotate(-30deg);

            -moz-transform:rotate(-30deg);

            -o-transform:rotate(-30deg);

            /* filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.1); */

            -ms-transform:rotate(-30deg);  

transform:  rotate(-30deg); top:25%; font-variant:small-caps;font-size:1.3em;}

/****CONVOCATIONS***/

.lijoueur{padding:0; width:20%;}

.fiche-joueur {
    background: #FFF;
    border: solid 2px #FFF; display:inline-block;
}


.nom-avatar-check {
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    padding: 10px 0;
    display: block;
    font-size: 16px;
}

.nom-avatar-check::after {
    content: "";
    display: block;
    width: 45px;
    height: 1px;
    background: #eee;
    margin: 15px auto 0;
}


.genre-avatar-check{text-align: center;
display: block;
padding: 10px 0;
font-weight: 400;
color: #555;
line-height: 1.7em;}




.masonry { /* Masonry container */
  column-count: 5;padding:15px;
  column-gap: 1em;
}

.item { /* Masonry bricks or child elements */
 
  display: inline-block;
  margin: 0 0 1em;
  width: 100%;
}

/***FIN CONVOCATIONS**/


.toplfiches{background-color:#057dda;padding:5px 3%;color:#05416f; border-radius:5px; text-transform: uppercase; font-weight:bold; font-size:1.2em; text-shadow:1px 1px 1px #52a6e7;margin-bottom:30px; letter-spacing:-1.5px;
}


.spanttl{font-weight:normal;padding:0 5px;background-color:#2e2e2e;color:#FFF;display:block; height:30px; font-size:1.1em;}

.spanfiltre{float:right;width:700px; font-size:0.9em;}
.td1,.td2,.td3,.td4,.td5,.td6,.td7,.td8,.td9,.td10,.td11{font-size:0.8em; font-weight:bold}
.td1{color:#C00;}.td2{color:#093}.td3{color:#069}.td4{color:#660}.td5{color:#C93}.td6{color:#C60}.td7{color:#C3F}.td8{color:#F39}.td9{color:#079471}
.td10{color:#C30;}.td11{color:#63F;}

#tfiltre{width:350px;float:left;margin:0 30px;padding:0 5px}



#login{border:none;  background: white none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    height: 260px;
    margin: 200px auto;
    padding-top: 1px;
    text-align: center;
    width: 280px;}

/***CONNEXION***/
#connexion{


  
}

html body div#connexion div.login-form form div.input-group input.form-control{
  font-family:"Montserrat",arial;
      min-height: 41px;
  background: #fff;
  box-shadow: none !important;
  border-color: #e3e3e3;
}
.form-control:focus {
  border-color: #70c5c0;
}
  .form-control, .btn {        
      border-radius: 2px;
  }
.login-form {
  max-width: 450px;
  width:100%;
  margin: 0 auto;
  padding: 100px 0 30px;		

 
}
.login-form form {
  color: #7a7a7a;
  border-radius: 2px;
    margin-bottom: 15px;
      font-size: 13px;
      background: #ececec;
      box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
      padding: 30px;	
      position: relative;	
  }
.login-form h2 {
  font-size: 26px;
      margin: 55px 0 15px;font-variant:small-caps;
  }
.login-form .avatar {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: -75px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  z-index: 9;border:solid 10px #f6f2ef;
  
  
  box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.login-form .avatar img {
  width: 100%;
}	
  .login-form input[type="checkbox"] {
      margin-top: 2px;
  }
  .login-form .btn {        
      font-size: 16px;
      font-weight: bold;
  background: #057dda;
  border: none;
  margin-bottom: 20px;
  }
.login-form .btn:hover, .login-form .btn:focus {
  background: #50b8b3;
      outline: none !important;
}    
.login-form a {
  color: #fff;
  text-decoration: underline;
}
.login-form a:hover {
  text-decoration: none;
}
.login-form form a {
  color: #7a7a7a;
  text-decoration: none;
}
.login-form form a:hover {
  text-decoration: underline;
}
.login-form .input-group-addon{background:#FFF;border:none;color:#555}
.login-form .input-group{border:solid 1px #ccc;margin-bottom:10px}
.login-form .form-control{border:none; background: #000;}
#login-footer a{
color: #A0AAB5;font-size:12px
}

.error .alert{text-align:center;border-radius:0}
.error .warning{text-align:center;border-radius:0}

/*****/
	


#editfiche{width:1050px;margin:auto;}



#top

{

background:#444555;
margin-bottom:50px;


}
	
	
}

.innertop

{


  
  
}




/***NAVBAR***********/

.navbar-inverse {
    
    border:none;padding:0px;margin:0;border-radius:0; font-size:0.9em;background:#3d3e4d;border-top:solid 1px #363744;

    box-shadow: -1px 1px 0px #32333f,
                -2px 2px 0px #32333f,
                -3px 3px 0px #32333f,
                -4px 4px 0px #32333f,
                -5px 5px 0px #32333f,
                -6px 6px 0px  #32333f,
                -7px 7px 0px  #32333f,
                -8px 8px 0px #32333f,
                -9px 9px 0px #32333f,
                -10px 10px 0px  #32333f,
                -11px 11px 0px #32333f,
                -12px 12px 0px #32333f;
                margin-left:12px;margin-right:0px;border-right:solid 1px;
}
.navbar-inverse .navbar-brand {COLOR:#FFF; font-weight:700;padding-left:50px;font-size:1.15em; background:url(images/pictos/logo-mobile.png) left center no-repeat; display:none}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover{background:none;box-shadow:none;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .open > a{box-shadow:none;}

.dropdown.actif a.dropdown-toggle,html.js body div#top.container-fluid nav.navbar.navbar-inverse div.container div#bs-example-navbar-collapse-9.collapse.navbar-collapse ul.nav.navbar-nav li.actif a{color:#FFF; font-weight:600}

html.js body div#top.container-fluid nav.navbar.navbar-inverse div.container div#bs-example-navbar-collapse-9.collapse.navbar-collapse ul.nav.navbar-nav li.dropdown.actif.open ul.dropdown-menu li a{color:#FFF;font-weight:normal}

html.js body div#top.container-fluid nav.navbar.navbar-inverse div.container div#bs-example-navbar-collapse-9.collapse.navbar-collapse ul.nav.navbar-nav li a{color:#FFF;}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover,.dropdown-menu {background: #363744;color:#FFF;}
.dropdown-menu{padding:0;
box-shadow:-1px 1px 0px #2d2e38,
                -2px 2px 0px #2d2e38,
                -3px 3px 0px #2d2e38,
                -4px 4px 0px #2d2e38,
                -5px 5px 0px #2d2e38,
                -6px 6px 0px  #2d2e38,
                -7px 7px 0px  #2d2e38,
                -8px 8px 0px #2d2e38,
                -9px 9px 0px #2d2e38,
                -10px 10px 0px  #2d2e38,
                -11px 11px 0px #2d2e38,
                -12px 12px 0px #2d2e38;border-radius:0;}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{background: #22232b;padding-top:3px}




/***FIN NAVBAR****************/

/***INPUT FILE******************/

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block; height:inherit 30px;
}

#img-upload{
    width: 100%;
}


/***FIN INPUT FILE*****************/



.connecte
{


	
font-size:1em;
color:#FFF;
text-align:right;  background:#696a77;padding:20px 10px;
}










#deconnexion a:link{color:#b7e5fa; text-decoration:none;}
#deconnexion a:hover{color:#b7e5fa; text-decoration:underline;}
#deconnexion a:active{color:#b7e5fa;}
#deconnexion a:visited{color:#b7e5fa;}

#deconnexion i{font-size:0.85em;padding-right:5px;}


#clear,.clear
{
	clear:both;
}




.litelechargement{ cursor:pointer;}
.litelechargement:hover #adminsousmenu{ display:block;}

.nav-pills{padding:25px}





#agenda
{

   padding:15px 0;
    font-size: 0.9em;
    margin-bottom: 22px;
    width: 100%; background:#FFF;

}
/*FICHES***************************/

.table-striped > tbody > tr:nth-of-type(2n+1) {
}

html.js body div.page.container div.lfiches.row div.col-xs-12 table.table.table-striped.tfiches.col-sm-4{width:auto;}
.tcategories{width:32%;background:#FFF;border:solid 1px #ddd;outline: solid 1px #FFF;font-size:0.9em;margin:0.5%}

.tcategories input[type=text]{
  border:none;width: 100%;
  
  
}
.tcategories th{
background-color: #057dda;color:#FFF
  }

.tfiches
{

   
   
    margin-bottom: 22px;
    width: 100%; border-radius:10px 10px 0  0;box-shadow: 1px 1px 5px #ccc;

}

.toccurrences
{

   
  
    margin-bottom: 22px;
    width: 100%; background:#FFF;border-radius:10px 10px 0  0;border:solid 1px #ccc;

}
.toccurrences th
{
text-align: center
}




.tfiches .toptable
{
color:#FFF; padding:5px;
}

.top-produits-cmd{font-size:13px;background: #bbb}

.tfiches .toptable th{background-color:#999;padding:8px 0; border:none; text-align:center;}
.thf{border-radius:10px 0 0 0;}.thl{border-radius:0 10px 0  0;}

.tfiches tr td
{

  
  text-align:center; font-size:13px; padding:10px 0;color:#666;

}

.tfiches tr:hover
{

  
  background: #ccc

}


.table > tbody > tr > td{vertical-align: middle}


#deletebt,#duplicatebt{cursor:pointer;}

.statut0{color:#ee4c1a; font-weight:bold; text-shadow:1px 1px 1px #FFF}
.statut1{color:#439033; font-weight:bold;text-shadow:1px 1px 1px #FFF}
.statut2{color:#e30d0d; font-weight:bold;text-shadow:1px 1px 1px #FFF}


.imgv img{cursor:pointer}
.glyphicon-remove{color:#ec0705}
.glyphicon-send{font-size:1.4em; color:#ccc}.sended{color:#057dda}
.glyphicon-pencil{margin:0px 15px;  font-size:0.8em;border-radius:50px;background: #333;height:25px;width:25px;color:#FFF;line-height:2em;}
.glyphicon-transfert{text-align:center}.glyphicon-transfert .glyphicon{font-size:25px;color:#999}

#timpr{font-size:0.7em;}

#enregistrement1:hover,#enregistrement2:hover
{
	
background-color:#dedede

}
.tdalert{color:#ff0300; font-weight:bold}
.cancel{color:#ff0300; }
.recept{color:#2b55dc; }
.accept{color:#00c851; }

.span-delete,.span-copy, .searchbt,#deletebt img,.glyphicon-picture{width:25px;cursor: pointer;}

.label-categorie-1 {
    background-color: #652e81;margin:5px;font-size:1em
}




.label-categorie-2 {
    background-color: #2e817a;margin:5px;font-size:1em
}
.label-categorie-3 {
    background-color: #e74c3c;margin:5px;font-size:1em
}

	.label-categorie-4 {
    background-color: #e74c3c;margin:5px;font-size:1em
}



.label-categorie-5 {
    background-color: #d90a0a;margin:5px;font-size:1em
}
.label-categorie-6 {
    background-color: #0a70d9;margin:5px;font-size:1em
}

	.label-categorie-7 {
    background-color: #686868;margin:5px;font-size:1em
}


.label-categorie-9 {
  background-color: #652e81;margin:5px;font-size:1em
}




.label-categorie-10{
  background-color: #2e817a;margin:5px;font-size:1em
}
.label-categorie-11 {
  background-color: #e74c3c;margin:5px;font-size:1em
}

.label-categorie-12 {
  background-color: #e74c3c;margin:5px;font-size:1em
}



.label-categorie-13 {
  background-color: #d90a0a;margin:5px;font-size:1em
}
.label-categorie-14 {
  background-color: #0a70d9;margin:5px;font-size:1em
}

.label-categorie-15 {
  background-color: #686868;margin:5px;font-size:1em
}



.bot-button{text-align: center;}
.bot-button button{color:#FFF;margin:10px 10px 20px ;font-size:1em;text-transform: uppercase; font-weight:bold;}
.bot-button button .glyphicon{margin: 0 10px 0 0 }
.icon-btn.btn-save{color:#FFF;font-size:0.9em;text-transform: uppercase; font-weight:bold; display:block;margin:0 auto 30px;}


.new{ float:right; border-radius:5px; background-color:#057dda; color:#FFF; font-weight:bold; font-size:1em;display: table; text-shadow: 1px 1px 1px #234e19;margin-bottom:25px}
.save{border-radius:5px; background-color:#057dda; color:#FFF; font-weight:bold; font-size:1em;display: table; text-shadow: 1px 1px 1px #234e19;margin-bottom:25px; margin:25px auto; cursor:pointer; border:none; padding:8px}

.send{border-radius:5px; background-color:#057dda; color:#FFF; font-weight:bold; font-size:1em;display: table; text-shadow: 1px 1px 1px #234e19;margin-bottom:25px; margin:25px auto; cursor:pointer; border:none; padding:8px}

.save span.glyphicon.glyphicon-envelope{padding:2px 10px 0 0;}

.save2{border-radius:5px; background-color:#057dda; color:#FFF; font-weight:bold; font-size:0.9em;display: table; text-shadow: 1px 1px 1px #234e19; margin:60px auto 0; cursor:pointer; border:none; padding:8px}

.delete{color:#000; background: none; border:0;font-size:1.2em}

.new a,.save span{ display:block; color:#FFF; float:left;padding:8px; text-decoration:none}
.new:after{ content:url(images/rightarrow.png);display: block; float:right; line-height:0; padding:8px;}
.save:after{display: block; float:right; line-height:0; padding:8px;}
.new:hover,.save:hover{background:#05416f;color:#FFF}


#lnomadmin
{
 /*text-transform:uppercase;*/

 margin:auto;
 padding:auto;
 width:300px;


}

#lloginadmin{font-weight:bold;}



#ttlsuppression
{
	font-size:1.2em;	
	color:#c60418;
	text-align:center;
	text-transform:capitalize;
	padding-top:10px;	
}

#imagesuppression img
{
width:200px;	
}

#suppression table tr td a:link{color:#c60418; text-decoration:none;}
#suppression table tr td a:hover{color:#c60418; text-decoration:underline;}
#suppression table tr td a:active{color:#c60418;}
#suppression table tr td a:visited{color:#c60418;}


#lienaddfiche
{
	width:100%;
	color:#FFF;
	background-color:#2e2e2e;
	text-align:right;
	font-size:0.75em;
	padding:0 10px 10px 0;
}


#lienaddfiche a:link{color:#FFF; text-decoration:none;}
#lienaddfiche a:hover{color:#FFF; text-decoration:underline;}
#lienaddfiche a:active{color:#FFF;}
#lienaddfiche a:visited{color:#FFF;}


.titrefiche

{	
 border: none;

 background:#FFF;margin:0;width:100%; box-shadow:1px 1px 5px #ccc;padding: 0 0 30px;margin:0 0 30px 0
   
}

.infos-joueur{display:none;}

#idchampsfiche{

	font-size:0.8em;
	font-weight:bold;
	color:#555;
	display:block;margin:20px 0 10px 0px;
	
	
  }
  
  .hide2{visibility: hidden}

  .modif-ok{
    display: block;
    background: #409c1c;
    color: #FFF;
    padding: 10px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 14px;
    border: solid 1px #409c1c;
}

.glyphicon-ok {
  border-radius: 50px;

  display: inline-block;
  padding: 0px;
  color: #409c1c;
  margin-right: 0px;
}

.glyphicon-ok:before {
  content: "\e013";
  text-shadow: 0px 0px 1px #FFF;
}

a .glyphicon-edit,a .glyphicon-transfer{color:#333;font-size:18px}
a .glyphicon-edit:hover,a .glyphicon-transfer:hover{color:#000;font-size:18px}
	
/*.btn-add{color: #FFF; text-shadow: 1px 1px 1px #999; background: #057dda; margin:10px }
.btn-add2{color: #FFF; text-shadow: 1px 1px 1px #999; background: #057dda; margin:0; font-size:0.9em }

.btn-add-occ{color:#DEDEDE;  background: #fff; margin:40px 20px 0;border:solid 1px #CCC;min-height:40px }
.glyphicon-plus{font-size:1.2em;top:4px; }


	.btn-export{color: #FFF; text-shadow: 1px 1px 1px #999; background: #02723b; margin:10px }
a .btn-export, a .btn-add{color: #FFF; font-size:1em}
a .btn-export:hover, a .btn-add:hover,.btn-add2:hover {color: #FFF; border:solid 1px}

.glyphicon-export,.glyphicon-chevron-right, .glyphicon-plus{padding:5px;}
.glyphicon-picture {font-size: 1.4em;}
.glyphicon-picture:hover {color:#000}

.btn.btn-add2{padding: 2px 12px 5px;}*/

#champsfiche-occ{position: relative;}
.btn.btn-add-occ{position:absolute;z-index:2;right:21px;bottom:28px;border-radius:0px;border:solid 2px #057dda;outline:solid 5px #FFF;width:150px;transition: ease all 0.5s;}
.btn.btn-add2{border-radius:0px;border:solid 2px #555;width:auto;transition: ease all 0.5s;}
.btn.btn-add-occ:hover,.btn.btn-add-occ:focus,.btn.btn-add-occ:active,.btn.btn-add-occ:visited,.btn.btn-add2:hover{background: #e5f1fb; border:solid 2px #4aa7f0;}

.btn-glyphicon {
    padding:8px;
    background:#ffffff;
    margin-right:4px;
}
.icon-btn {
    padding: 1px 15px 3px 2px;
    border-radius:50px;margin:0 2px 10px;
}
	
	
 .glyphicon-del{width:33px;height:33px;position:absolute;margin:2px 0 2px -33px;
  content:url("images/pictos/cancel.png");}

.legendfiche

{
	 
   
	font-size:0.9em;
	font-weight:bold;
	color:#FFF; background-color: #999; border-radius:10px 10px 0 0;padding:10px 1%;margin:0
}



.labelttl{font-size:1.2em; color:#439033; display:block; padding:30px 10px;  font-weight:bold; text-transform:uppercase; letter-spacing:-1px;}
.inputleft7{ width:95%;margin:15px 20px 50px 20px; display:block; font-size:1.2em;}

.response{color: #555;
    display: block;
    font-size: 0.8em;
    font-weight: bold;
    margin: 20px 10px; color:#439033;}
	
	.inputradio{color:#333; font-size:0.9em; display:block; float:left;margin-right:10px}


#champsfiche, #champsfiche1, #champsfiche2,   #champsfiche3,  #champsfiche4,  #champsfiche5, #datepicker, #datepicker1, #heurepicker,#input5, #lfiltre, #ltype,#ldept
{
width:100%;
padding:5px;	border:solid 1px #cfcfcf;height:38px;font-size:1em;margin-bottom:20px

}


#lstatut
{
width:100%;
padding:5px;  border:solid 1px #cfcfcf;height:38px;font-size:0.9em;margin-bottom:20px;margin-top:20px;border-radius:5px;

}

#lstatut:focus
{
box-shadow:0px 0px 3px rgba(82,168,236,0.8) ;

}



 #champsficheprix,#champsfichepromo
{
width:100%;
padding:5px;	border:solid 1px #cfcfcf;height:38px;font-size:1em;

}

 .inputgroup-prix
{
margin-bottom:20px

}

#champsfiche-occ
{
width:100%;
padding:8px;	border:solid 1px #cfcfcf;font-size:1em;margin-bottom:20px

}


#p-champsfiche-disabled{width:100%;
padding:5px;	border:solid 1px #cfcfcf;height:38px;font-size:1em;margin-bottom:20px;display:block; background:#ddd;min-height:75px}

.input-group .form-control{z-index: 1}

.input-group input#champsfiche{margin-bottom:0;}

.obligatoire{color:#ff0300;}
#alert{color:#ff0300; text-align:center; display:block; margin:10px auto; font-size:0.8em; display:none;}


#champsprix
{
width:150px;
margin:0 0 25px 0;
padding:0; background:url(images/pictoeuro.gif) right no-repeat;
}






.badge-menu{
    position: absolute;
    top: 5px;
    right: 0px;
    background: red;font-size:0.5em
}

#zonetext{width:700px;overflow:hidden; border:solid 1px #666; margin-bottom:30px; background:url(images/inputbg.gif) top repeat-x;}
#contenu{}
#tinycontenu{padding-bottom:-15px; position:relative;z-index:3;}
#mceu_0, .mce-panel{border: solid 1px #cfcfcf;}
#bordercontenu{height:10px; background-color:#FFF; width:700px;position:absolute;z-index:2;background:url(images/inputbg.gif) top repeat-x;}
#mceu_1{display:none;}
.space{display:block;height:25px;}



#inputradio{margin:15px 0 25px 0;font-size:0.8em; display:block}






#idphotofiche{

	font-size:0.8em;
	font-weight:lighter;
	font-style:italic;
	color:#c60418;
	display:block;
	margin:0;
	width:400px;
	
	
	}

#lgenre
{
border:solid 1px #777;
width:150px;
background-image:url(images/inputbg.gif);
margin-bottom:25px;
}




textarea {
  /* This ruins default border */
  border: 1px solid #cfcfcf; width:100%;
}


#lprospect, #lprojet
{
width:180px;
border: 1px solid #cfcfcf;
    height: 3em;margin:5px;
}




#lville
{
border:solid 1px #777;
width:250px;
background-image:url(images/inputbg.gif);
margin-bottom:25px;
}



#adminphoto{}
#adminphoto  li{float:left; margin:10px;}
#adminphoto  li img{height:200px;}


.accepter{
    background-color:#2e2e2e;
    border-radius:5px;
	border:solid 2px #FFF;
    color: #DDDDDD;
    text-align: center;
	font-weight:bold;
    width: auto;
	height:50px;
	margin:20px auto;
	font-size:1.3em;
	display:block;
	cursor:pointer
}


.spanrefus{
    color: #333;
	font-weight:normal;
	font-size:0.8em;display:block;width:300px;margin:25px auto	
	
}

.refuser{
    background:none;
    border:none;
    color: #c60418;
	font-weight:normal;
	font-size:1.2em;
	text-decoration:underline;
	
}




#errorchamps
{
color:#c60418;
font-size:0.7em;
margin-left:50px;
margin-top:10px;	
}


#journal
{
width:100%;	
}

#contenujournal
{
	font-size:0.75em;
	width:800px;
	margin:auto;
	
}

#journaladd{color:#06F;}
#journalsup{color:#c60418;}
#journalmaj{color:#093;}

.tjournal tr{ font-size:1.1em;}

#titrejournal
{
	display:block;
	background-color:#444545;
	padding:2px 0 2px 10px;
	
	border:solid 1px #FFF;
	font-size:0.9em;
	color:#FFF;
	font-weight:bold;
	}



.tdmenu1{text-align:center;font-weight:bold;color:#714285}
.tdmenu2{text-align:center;font-weight:bold;color:#399299}
.tdmenu3{text-align:center;font-weight:bold;color:#94a326}
.tdmenu4{text-align:center;font-weight:bold;color:#cc0066}
.tdmenu5{text-align:center;font-weight:bold;color:#ff8b00}
.tdmenu6{text-align:center;font-weight:bold;color:#3399ff}


/***CHECKBOX COULEURS***/

.btn-dark,.btn-dark:hover{background: #333;color:#FFF}
.form-group.couleurs{padding-left:10px;margin-bottom:0}

.btn.btn-checkbox{border:solid 1px #ccc;margin-top:-1px}
.btn-checkbox.active{color: #333;
background-color: #e4e4e4;
	border-color: #aaa;}.btn.btn-checkbox{border-radius:0}

.form-group input[type="checkbox"] {
    display: none;
}

.form-group input[type="checkbox"] + .btn-group > label span {
    width: 10px;
}

.form-group input[type="checkbox"] + .btn-group > label span:first-child {
    display: none;
}
.form-group input[type="checkbox"] + .btn-group > label span:last-child {
    display: inline-block;   
}

.form-group input[type="checkbox"]:checked + .btn-group > label span:first-child {
    display: inline-block;
}
.form-group input[type="checkbox"]:checked + .btn-group > label span:last-child {
    display: none;   
}
	
	.btn-color{border-radius:0}



/***FIN CHECKBOX COLOR***/




/*STYLE DE LA BIBLIOTHEQUE*/

#addphoto{width:500px;margin:25px auto;}
#idphotobibliotheque{
    background-color: #fff;
    margin-left: 25px;
    padding-bottom: 5px;
}
#tableaubibliotheque{background-color:#EFEFEF; margin:10px;}
#bibliothequeimg, #bibliothequepdf{width:580px;border:solid 1px;margin:20px; float:left; }
#bibliothequeimg ul li, #bibliothequepdf ul li{background-image:url(images/inputbg.gif);border-bottom:solid 1px #000000;padding:1px 25px; font-size:0.9em;}

.bibliotheque{padding:0;}
#bibliothequeimg ul li:hover, #bibliothequepdf ul li:hover{cursor:pointer}
#apercuimg{width:250px;margin-top:20px; }
#apercuimg img{width:250px; border:solid 1px #777;}
.champsbibliotheque{display:block;font-size:0.8em;margin-bottom:10px;padding-left:10px;}
#nomimg,#cheminimg{ width:240px;margin-bottom:20px;}

#bibliothequelabel{width:300px;margin:20px; float:left;}
.ajouterbibliotheque{
    background-color: #2e2e2e;
    border: 2px outset #cccccc;
    color: #dddddd;
	margin-left:20px;
    font-size: 0.8em;
    margin-bottom: 3px;
    margin-right: auto;
    text-align: center;
    width: 110px;
}

.deletebibliotheque{
    background-color:#EFEFEF;
    border: none;
    color: #ff0300;
	margin:auto;
    font-size: 0.9em;
    text-align: center;
    width: 250px;
	display:none;
	cursor:pointer
}



/*FIN DU STYLE DE LA BIBLIOTHEQUE*/









/*STYLE ANNUAIRE*/

#champsnomets, #champsadrets, #champstelets, #champsets
{
width:40%;
margin:10px 0 20px 0;
padding:0;	
}
	
#listepages{display:block; float:right; font-size:0.8em;margin:10px 0;}
#listepages li {display:inline; }

#npage {color:#333;}
#pageencours{font-weight:bold; color:#2488b9;text-decoration:none;}

/*FIN STYLE ANNUAIRE*/




/*BIBLIOTHEQUE	*/

#lminiature,#lminiature2{width:100%; }
#lminiature li,#lminiature2 li{float:left; margin:5px;}

#lminiature li img{ height:100px;display:block; float:left; border:solid 1px #FFF; padding:0;}
#lminiature2 li img{ width:300px;display:block; float:left; border:solid 1px #FFF; padding:0;}


/*FIN BIBLIOTHEQUE*/


.legend-couleur li{display:inline-block; color:#333; margin: 0 30px; font-size:0.8em}

.linaturo{ background:url(images/pictos/1.jpg) left center no-repeat; padding-left:40px}
.lisophro{ background:url(images/pictos/2.jpg) left center no-repeat; padding-left:40px}
.lireflexo{ background:url(images/pictos/3.jpg) left center no-repeat; padding-left:40px}
.libe{ background:url(images/pictos/4.jpg) left center no-repeat; padding-left:40px}
.liautre{ background:url(images/pictos/5.jpg) left center no-repeat; padding-left:40px}

.pictolg{margin: 0 5px; height:10px}

/*PARTENAIRES*/

.inputpartenaire2{border:none; background:#FFF;}
.inputpartenaire1{
    background: #eee none repeat scroll 0 0; border:none}
	
	#enregistrement1:hover .inputpartenaire1,#enregistrement2:hover .inputpartenaire2
{
	
background-color:#dedede

}


/*fin partenaires*/


/***COMMANDES***/

.top-commande{background: #FFF;border:solid 1px #DDD;padding:15px 15px 50px;border-radius:5px;margin-bottom:15px;}


.left-commande{background: #FFF;border:solid 1px #DDD;padding:15px 15px;border-radius:5px;margin:15px 0;}

.top-commande .glyphicon-calendar{font-size:25px; color:#3384c8;top: -15px;}
.top-commande .glyphicon-tag{font-size:25px; color:#563d7c;top: -15px;}
.top-commande .glyphicon-eur{font-size:25px; color:#4CAF50;top: -15px;}
.top-commande .glyphicon-user{font-size:25px; color:#eb4007;top: -15px;}



.top-commande-contenu{display:inline-block;padding-left:20px;line-height: 1.4em;}
.span-top-commande{display:block;font-size:0.75em;color:#888;}
.span-calendar{color:#3384c8;font-size:17px;}
.span-tag{color:#563d7c;font-size:17px;}
.span-eur{color:#4CAF50;font-size:17px;}
.span-user{color:#eb4007;font-size:17px;}

.btn-bdc{background: #FFF;font-size:13px;}
.btn-bdc a{color:#333;}.btn-bdc a:hover{text-decoration: none}


.color-b{font-weight:bold;color:#0350ec;}
.color-d{font-weight:bold;color:#111;}
.tproduits-cmd{margin-bottom:0;border:solid 1px #ddd;}
.t-total{width:50%; float:right;margin-top:0; font-weight:500; min-width:200px;}
.color-w{font-weight:bold;color:#fff; background: #999;display:inline-block;padding:0 2px;}

.tfiches.tproduits-cmd.t-total tbody tr td.text-right {text-align:right}

.adr-expedition{font-size:15px;color:#555;}
.adr-expedition h2{font-size:16px;padding:0;color:#333;margin:15px 0 5px;}

.tproduits-cmd tr td a{display: block; color:#555;}
.tproduits-cmd tr td a:hover{text-decoration: none;}



/****FIN COMMANDES***/


/***************PICTO LOADING*******************/

/* Absolute Center Spinner */
#loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; display:none;
}

/* Transparent Overlay */
#loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
#loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

#loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}




/********FIN PICTO LOADING*********************/




	@media (max-width:1200px)

{
	
	.connecte{text-align:center; font-size:.9em}
	
	.innertop{width:100%}
	
	
	}



	@media (max-width:992px)

{
	.table-niveau1{display:none;}
	.toplfiches{text-align: center;}

  .masonry { /* Masonry container */
  column-count: 4;
}
	
  .titre{font-size:20px;padding-top:15px;}
	
	}




@media (max-width:768px)

{
	.tfiches,.toccurrences{font-size:0.9em;}
	.table-niveau2{display:none;}
	.logo,.titre{display:none;}
	.connecte.pull-right{float:none;}
	
	
	
	.navbar-inverse .navbar-brand {display:block}
	
	.toplfiches{font-size:1.3em;}
	
	
	
	
	
	label.avatar-check .span-img {
 max-height:250px;
 
	
}


.masonry { /* Masonry container */
  column-count: 3;
}


	
	
	/**PIED***/
	
	html.js body div.page.container form fieldset.titrefiche.container div.col-md-6.col-sm-12 span.inputleft.col-md-6.col-sm-6.col-xs-12 div.btn-group.col-xs-12 label.btn{width:50%;max-width:100px}


	
	.btn.btn-checkbox{border:solid 1px #ccc;margin:-1px 0 0 0;max-width:16.33%;display:inline-block;text-align:center;font-size:0.9em}

  #champsfiche-occ{height:150px;}
  .btn.btn-add-occ{bottom: 23px;}

  .tcategories{width:90%;margin:10px 5%}
	
}

@media (max-width:560px)

{
	.col-xs-6{width:100%}
	
	
		



.masonry { /* Masonry container */
  column-count: 2;
}


	.btn.btn-checkbox{max-width:25%;display:inline-block;text-align:center;font-size:0.8em}

    #champsfiche-occ{height:200px;}
}


@media (max-width:460px)

{
	.table-niveau3{display:none;}
    .ou{display:none;}
	
	
}

@media (max-width:350px)

{
	.btn.btn-checkbox{max-width:50%;display:inline-block;text-align:center;font-size:0.8em}


  .masonry { /* Masonry container */
  column-count: 1;
}

  label.avatar-check .span-img {
 max-height:300px;
 
  
}
	
	
}