@import "bootstrap";
 
 h3{
 margin-top:6em;
 border-bottom:1px dotted #b0cf81;
 padding-bottom:0.2em;
 
 }
 #main{
 
 img{
 max-width:100% !important;
 }
 
 a{
 color: #5890CD;
 text-decoration:none;
 
 &:hover{
 text-decoration:underline;
 }
 }
 table{
 border-collapse:collapse;
 td{
 min-width:60px;
 
 
 }
 td, th{
 border: 1px solid #c9c9c9;
 padding:5px;
 text-align:left;
 }
 }
 
 }
 body{
 font-family: "Lucida Grande", "Verdana";

 color:#303030;
 padding:0px;
 margin:0px;
 }

 #footer{
 padding:2%;
 font-size:0.85em;
  text-align:center;
 
  .legals {
  margin-top:3em;
  margin-bottom:0;
  color : #404040;
  
  a{
  color : #404040;
  text-decoration:none;
  &:hover{
  text-decoration:underline
  }
  }
  font-size:0.8em;
  }
 
 }
 
 h1, .question{
 color:#7ba142;
 }
 
 .question{
 border-bottom:1px dotted #b0cf81;
 padding-bottom:0.2em;
 
 }
 .field_with_errors{
 	display:inline;

	 input, textarea{
	 border:1px solid red;
	 }
 
 }
 
 input, textarea{
padding:1%;
font-size:0.9em;
 }
 
.large{
 
 width:98%;
 margin:auto;
 }
 
 .question{
 margin-top:1em;
 margin-bottom:0.5em;
 font-size:1.1em;

 
 }
 
 .answer_p{
 margin:0.4em 1em;

 }

 input,label,textarea{
 cursor:pointer;
 }
 
 input[type=submit]{
 background-clip: border-box;
 background-position:5px 0px;
 display: block;
 margin:auto;
 margin-bottom:10em;
 	outline: none;
 	cursor: pointer;
 	text-align: center;
 	text-decoration: none;
 	font: 14px/100% Arial, Helvetica, sans-serif;
 	padding: .5em 2em .55em 4em;
 	text-shadow: 0 1px 1px rgba(0,0,0,.3);
 	-webkit-border-radius: 1em; 
 	-moz-border-radius: 1em;
 	border-radius: 1em;
 	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
 	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
 	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	
	color: #e8f0de;
		border: solid 1px #538312;
		background-color: #64991e;
	
	background-image: url('/assets/fond.png');
	background-repeat:no-repeat;
	
	
	&:hover{
		text-decoration: none;
		background-color: #538018;
			
		
		
	}
	
	&:active{
	position: relative;
		top: 1px;
		color: #a9c08c;
			background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
			background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
		
		
	}
	
 }
 
 
 .bar_chart,.chart{
 box-shadow: inset 0px  0px 8px 0px rgba(0,0,0,0.3);
 padding:1em;
 margin:1em 0;
 }


 @media only screen and (min-width: 0px)  {
	
 #main{
 width:94%;
 max-width:800px;
 font-size:0.9em;
 margin:auto;
 padding:3%;

 
 }
 #logo{
 margin:2em auto;
 display:block;
 }
 
 
	
 }


 

 @media only screen and (min-width: 1200px) {
 body{
  background: url('/assets/bg-white.jpg') fixed;
 }

 #logo{
 position:fixed;
 top:1em;
 width:20%;
 margin:2% 5%;
 max-width:250px;
 }
 #main{
 
 width:66%;
 padding:2%;
 margin-left:30%;
 background:white;
 
 }
 #footer{
 position:fixed;
 bottom:1em;
 width:20%;
 left:2%;

 }


 }

 .chart{

 height:400px;
 
 }


 @media only print {
 #logo,#footer{
 display:none;
 
 }
 
 .break{
 	page-break-after:always;
 }
 
 }


 form{
   
   label{
     font-weight:normal;
     
   }
    .control-label{
      float:left;
      display:block;
      width:25%;
      padding-top:7px;
    }
    
    .form-wrapper{
      display:block;
      margin-left:26%;
      
      .form-control{
        padding:8px;
        border-radius:0;
        border: 1px solid #e6e6e6 ;
        box-shadow:none;
        -webkit-box-shadow:none;
      }
      
    }
 }