body { background-color:#fff; }
		     [class*="col"] { margin-bottom: 20px; }
		     /*img { width: 100%; }*/


.form-control{
	font-size:16px;
}


         		     .container {
             /*background: url(img/grey2.png);*/
						 background-color: #eee;
       	    /* background-repeat : repeat-y;*/
		        /*border-radius : 10px;*/
						margin-left :auto;
						margin-right :auto;
						margin-top: 15px;
						margin-bottom : 15px;
		      padding : 5px;
        max-width: 800px;}

.actiff{
	font-weight: bold;
}

				.hidden{
				       display:none;
				    }


				.nonconforme{
					background-color : salmon;
				}
				.attention{
					background-color : khaki;
				}
				.conforme{
					background-color : lightgreen;
				}
				.sansstatut{

				}


				.box {
					background-color : #f5f5f5;
					border-color: white;
					box-shadow: 2px 2px 2px #555;
					 border-style: solid;
						border-width: 1px;
						padding: 5px;
						 margin: 5px 5px 5px 5px;
						 border-radius : 5px;
				}



          .admin {
            border-color: black;
	           border-style: solid;
	            border-width: 1px;
              padding: 10px;
	             margin: 5px 5px 5px 5px;
               border-radius : 5px;
          }

          .btn { margin : 2px;}

          .btn-info

          {

            background-color: #003399;
            border-color: #003399;

          }


          .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {

            background-color: #000066;
            border-color: #000066;

            }

		      h2{
		      Text-align : center; }





          html {
  font-size: 0.8rem;
}













@keyframes example {
	from {opacity:0;}
	to{opacity:1;}
}
@keyframes app {
	from {opacity:0;}
	to{opacity:1;}
}




#l1{

opacity :0;
animation-name:app;
animation-duration:1s;
animation-fill-mode: forwards;
}

#l2{

opacity :0;
animation-name:app;
animation-duration:1s;
animation-delay:1s;
animation-fill-mode: forwards;

}
#l3{

opacity :0;
animation-name:app;
animation-duration:1s;
animation-delay:2s;
animation-fill-mode: forwards;
}
#l4{


opacity :0;
animation-name:app;
animation-duration:1s;
animation-delay:3s;
animation-fill-mode: forwards;
}

#l5{


opacity :0;
animation-name:app;
animation-duration:1s;
animation-delay:3.5s;
animation-fill-mode: forwards;
}




@keyframes fadeInDownBig {
        0% {
                opacity: 0;
                transform: translateY(-2000px);
        }
        100% {
                opacity: 1;
                transform: translateY(0);
        }
}
#l6{
font-size : 20px;
        opacity :0;
        animation-name: fadeInDownBig;
		animation-duration:1s;
animation-delay:3s;
animation-fill-mode: forwards;
}

#logo{
transition:box-shadow.3s;
margin-left: auto;
	 margin-right: auto;
}

#logo:hover{
box-shadow: 0 0 11px rgba(33,33,33,.6);
}


















.down{
background-color : #3F51B5;
margin : 40px;
padding: 40px
}


#truc{
animation-name:example;
animation-duration:8s;
}

.sup{
font-style: italic;
background-color : #cc3333;
}

#path1{
stroke-dasharray:272;
stroke-dashoffset :272;
animation: dash 2s linear;
animation-fill-mode: forwards;
animation-delay : 3s;

}




@keyframes dash{
to{
stroke-dashoffset: 0;
}
}