body{
	font-family: Roboto, Arial, Helvetica, sans-serif !important; 
	font-size: 13px !important;	
}
p {
	margin: 0px;
 	padding: 0px; 	
}


/* BOOTSRAP */

#inscription  input[type='text'], input[type='password'], input[type='email'], textarea, select, button, input[type='submit'], input[type='reset'], input[type='button'] { 
font-family: Arial, Helvetica, sans-serif !important; 

}

#inscription input[type='text'], input[type='password'], input[type='email'] {
	color: #000000 !important;
	height: 20px !important;
}

input{
	padding-top: 0px !important;
	margin-bottom: 0px !important;
}

#inscription label{
	margin-bottom: 0px !important;
	display: inline !important;	
}
#inscription .radios label{
	
	float: none !important;
	width : auto !important;
}
.rouge{
	color: #f4524d !important;
}
.bleu{
	color: #4d9bf4 !important;
}
.control-group{
	margin-bottom: 0px !important;
}
.col-md-4{
	width: 50% !important;
	padding-left: 5px !important;
}
.control-label{
	padding-right: 0px !important;
	padding-top: 3px !important;
}
.form-control{
	height: 20px; !important;
}

.form-group input[type='text'],  input[type='password'], input[type='email']{
	/* width: auto !important; */
	/* min-width: 80% !important; */
	
}
#inscription  input[type='file']{
	padding: 0 !important;	
	font-size: 13px !important;
	width: auto !important;
	min-width: 50% !important;
	max-width: 400px !important;
	background-color: #ffffff !important;
}
.form-group{
	margin-bottom: 7px !important;
	
}
.form-group select{
	margin-bottom: 5px !important;	
	width: auto !important;
}
#main .container{
	width: auto !important;	
	padding-left: 48px !important;	
}
.form-horizontal .form-group{
	margin-right: 0px !important;	
	margin-left: 0px !important;	
}
.sstitresection{
	color: #363b87 !important;	
	font-weight: bold;
}
.paveident{
	color: #dc5a1b !important;
	font-size: 18px !important;	
	font-weight: bold;
}
.input-medium{
	max-width: 500px !important;
	width: 300px !important;
}
.input-small{
	max-width: 300px !important;
	width: 150px !important;
}
.alert, .alert strong{
	color: #de3232 !important;
	font-size: 16px !important;
}
input[type='radio'], input[type='checkbox']{
	margin: 2px 5px 0 !important;
}	

/* input[type='button'], input[type='submit']{ */
	/* background-color: #f4524d !important; */
	/* background-image: none !important; */
	/* color: #ffffff !important;	 */
	/* border: 1px solid transparent !important; */
	/* border-radius: 5px !important; */
	/* padding: 14px 20px 14px 20px !important; */
	/* font-size: 14px  !important; */
/* } */
.hrbleu{
	background-color: #2a2a2a;
	height: 1px;
	width: 100%;
}

/* FIN BOOTSRAP */
.labelmedium{
	max-width: 20% !important;
}

.tabwidth{
	width: auto !important;	
}
.tabwidth td {
  padding: 9px 22px !important;
   
}
.form-horizontal{
	vertical-align: top;
}

#contenukr{
    margin: 0 auto 0 auto;
    * margin-top: 100px; 
    * padding-top: 120px; 
     width: auto;
    height: auto;    
   
   
    
}

.units.av-content-small{
	width: 100% !important;
}

#inscription input[type='text'], input[type='password'], input[type='email']{
	/* width: auto !important; */
	min-width: 50% !important;
	margin-bottom: 0px !important;
	display: inline !important;
	padding: 0px !important;
}

#inscription #ins0 input[type='text'], #inscription #ins0 input[type='password'], #inscription #ins0 input[type='email']{
	width: 100% !important;	
	padding: 0px !important;
}
#inscription select{
	padding: 0px !important;
	display: inline !important;
	width: auto !important;	
}
.controls{
	display: inline !important;
}
.control-group{
	margin-bottom: 10px !important;
}
.control-label{
	vertical-align: top !important;
	font-weight: normal !important;
}
#inscription label{	
	font-weight: normal !important;
}
.control-label{
	padding-top: 0px !important;	
}
#TEMOIN_PW{
	width: auto;
	max-width: 80%;
	height: auto;
	padding: 2px !important;
	**color: #ffffff ;
	font-size:13px !important;
}
#BARRE_TEMOIN{
	width: auto;
	max-width: 80%;
	height: 10px;
	background: linear-gradient(to right, #FF0303, #09FF03);
	margin-bottom : 5px;
}
#TEMOIN_PW2{
	width: auto;
	max-width: 80%;
	height: 13px;	
	color: #000000 ;
	font-size:10px !important;
	text-align: center;
	margin-left: 15px !important;
	/* margin-top: 20px !important; */
}
.tdadhes{
	padding: 10px !important;
	text-align: center !important;
}
.infoinscription{
	width: 100% !important;	
	/* max-width: 500px !important;	 */
}
.contentTitle{
	padding-top: 19px;
	font-size: 22px;	
 color: #000000;
  text-transform:uppercase;
}

.contentSousTitle{
 color: #363a87 !important;
	font-size: 18px !important;	
	font-weight: bold;
 
}
.sousmenuinscription {
	margin-left: 0px;	
	margin-bottom: 20px;
	display: inline-block;
}
.sousmenuinscription ul li{
	display: inline-block;
	margin-right: 20px;
	list-style-type:none;	
}
.sousmenuinscription ul li a{	
	color: #eb7812;
	font-size: 13px !important;	
	text-decoration: underline;
}
.sousmenuinscription ul li a:hover{	
	text-decoration: none;
}
.lienpaiementinscription{
	color: #00b050 !important;	
}
.lienattestationpaiement{
	color: #14b0c7 !important;	
}
.bginputlong
{
    border: #7F9DB9 1px solid;
    font-size: 13px;
    color: #000000;
    background-color: #FFFFFF;
    width: 276px;
    height: 19px;
}
.bginputmedium
{
    border: #7F9DB9 1px solid;
    font-size: 13px;
    color: #000000;
    background-color: #FFFFFF;
   width: 80px;
    height: 19px;
}
.bginputshort
{
    border: #7F9DB9 1px solid;
    font-size: 13px;
    color: #000000;
    background-color: #FFFFFF;
    width: 30px;
    height: 19px;
}
#personnel_defense_type{
	display: none;
	margin-left: 20px;
}
#personnel_defense_arme{
	display: none;
	margin-left: 20px;
}
#inscription{
	 width: 100%;
    height: auto;   
	 margin: 0 auto 0 auto;
	 padding-left: 50px !important;
	/* * max-width: 1090px; */
	 float: left;
}
#inscription .form-control{
	display: inline !important;
}
#photoins{
	 max-width: 120px;
	 height: auto;   
}
.carteproins{
	 max-width: 120px !important;
	 height: auto;    !important;
}
.pave_center{	
	text-align: center;
}
.pointer{	
	cursor: pointer;
}
.responsable_pave{
	 width: 30%;
	 min-width: 80px;
	height: auto; 
	margin-right: 5px;
	margin-bottom: 5px;	
	vertical-align: top;
	display: inline-block;
	text-align: center;
}
.responsable_pave img{
	 max-width: 80px;
	min-height: 95px;
	display: inline !important;		
}


.responsable_pave_1{
	 width: 30%;
	 min-width: 80px;
    height: auto;   
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;	
	vertical-align: top;
	text-align: center;
}
.responsable_pave_1 img{
	 max-width: 80px;
	 min-height: 120px; 
	display: inline !important;	
}
.responsable_pave_2{
	 width: 30%;
	 min-width: 80px;
	height: auto; 
	margin-right: 5px;
	margin-bottom: 5px;	
	vertical-align: top;
	display: inline-block;
	text-align: center;
}
.responsable_pave_2 img{
	 max-width: 80px;
	min-height: 120px;
	display: inline !important;		
}
.responsable_pave_3{
	 width: 30%;
	 min-width: 80px;
	height: auto; 
	margin-right: 5px;
	vertical-align: top;
	display: inline-block;
	text-align: center;
}
.responsable_pave_3 img{
	 max-width: 80px;
	min-height: 120px; 
	display: inline !important;		
}
.retourpave{
	clear: both;
}
#section_pave_1{
	 width: 30%;
	 min-width: 200px;
    height: 100%;
	min-height: 700px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 5px;
	background-color: #E4E4E4;
	
	vertical-align: top;

}
#section_pave_2{
	 width: 30%;
	  min-width: 200px;
    height: 100%; 
	min-height: 700px;
	margin-right: 10px;
	margin-bottom: 10px;
	display: inline-block;
	padding: 5px;
	background-color: #E4E4E4;
	
	vertical-align: top;
	
}
#section_pave_3{
	 width: 30%;
	  min-width: 200px;
     height: 100%;  
	min-height: 700px;
	display: inline-block;
	padding: 5px;
	background-color: #E4E4E4;
	
	vertical-align: top;
	
}
#inspiscine{
	 width: 100%;
	 min-width: 500px;
    height: auto;   
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
}
#ins0{
	 width: auto;
	 min-width: 300px;
    height: auto;   
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
}

.enligne{
	width: auto;	
    height: auto;   
	margin-right: 25px;
	display: inline-block;
	vertical-align: top;	
}
.paveariane{
	width: auto;	
    height: auto;   
	margin-right: 15px;
	display: inline-block;
	vertical-align: top;
	font-size: 20px;
	font-weight: bold;
    color: #ace0fb;
}
.texteariane{
    font-size: 18px !important;
}
.pavearianeencours{
    color: #00a3f8 !important;
}

.filetariane{
	width: 80px;	
    height: 4px;   	
	margin-right: 15px;
	margin-top: 15px;
	display: inline-block;	
	background-color: #363b86;	
}

#arianeinscription{
	margin-bottom: 25px;
	display: inline-block;	
}

.paveald{    
	margin: 0 auto 0 auto;	   
   
	 width: 100%;
	
	display: block;	
	
	border: #7F9DB9 1px solid;
	
	border-radius: 5px;	
    padding: 10px 10px 5px 10px; /* T, R, B, L*/
	margin-bottom: 20px !important;		
}

.paveformulaire{    
	margin: 0 auto 0 auto;	   
   
	 width: 100%;
	
	display: block;	
	
	
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#C2C2C2', endColorstr='#f2f2f2');
  	background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #C2C2C2), color-stop(100%, #f2f2f2));  /*  Safari */  
  	background: -ms-linear-gradient(#C2C2C2 , #f2f2f2); /* IE10 */
  	background: -webkit-linear-gradient(top, #C2C2C2 0%, #f2f2f2 100%);  /*  Chrome LunaScape*/
  	background: -moz-linear-gradient(top, #C2C2C2 0%, #f2f2f2 100%);  /*  FF */
  	background: -o-linear-gradient(top, #C2C2C2 0%, #f2f2f2 100%);  /*  Opera */
  	background: linear-gradient(top, #C2C2C2 0%, #f2f2f2 100%);
    *	box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
	*padding: 0 10px;
	border-radius: 0px;	
    	padding: 10px 10px 5px 10px; /* T, R, B, L*/
margin-bottom: 20px;		
}
.tabs .tab a{
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#289dcc', endColorstr='#1e7193') !important;
  	background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #289dcc), color-stop(100%, #1e7193)) !important;  /*  Safari */  
  	background: -ms-linear-gradient(#289dcc , #1e7193) !important; /* IE10 */
  	background: -webkit-linear-gradient(top, #289dcc 0%, #1e7193 100%) !important;  /*  Chrome LunaScape*/
  	background: -moz-linear-gradient(top, #289dcc 0%, #1e7193 100%) !important;  /*  FF */
  	background: -o-linear-gradient(top, #289dcc 0%, #1e7193 100%) !important;  /*  Opera */
  	background: linear-gradient(top, #289dcc 0%, #1e7193 100%) !important;
	color: #ffffff !important;
	border-radius: 5px 5px 0 0;
	border: none !important;
	margin-right: 2px !important;
}
.tabs .tab a.selected{
	background: #4daed5 !important;
	color: #000000 !important;
}
.tabs .tab a:hover{
	background: #4daed5 !important;
	color: #000000 !important;
}

#ins1{
	 *width: 500px;
	 width: 100%;
	
	 min-width: 300px;
	max-width: 550px;
    height: auto;   
	float: left;
	margin-right: 15px;
	margin-bottom: 20px;
	
}

#ins2{
	width: auto;
	**width: 500px;
	 
	 *min-width: 300px;
	*max-width: 500px;
    height: auto;   
	margin-right: 15px;
	display: inline-block;
	vertical-align: top;
	
}
#ins3{
	 width: auto;
	 *width: 500px;	 
	*min-width: 300px;
    height: auto;   
	display: inline-block;
	vertical-align: top;
	
}
#choix_section{
	 text-align: right;	
}
#montant_total{
	 text-align: right;	
}
.choix_adhesion{
	 text-align: right;	
}
.section_adherent{
	 text-align: left;	
}
.actusection{
	width: 53px !important;
	height: 53px !important;
}
.lesactus{
	width: 100% !important;
}
.titreactusection{
	margin-bottom:10px;
	font-weight: bold;
	text-align: center;	
	color: #297eba;
}
.titleactusection{
	padding: 10px 0px 0px 10px; /* T, R, B, L*/
}
.paveactusection{
	padding: 10px 0px 0px 10px; /* T, R, B, L*/
}
.liactusection{
	display: inline-block !important;
	width: 290px !important;
	height: auto !important;
	vertical-align: top;
	margin-right:30px;
	margin-bottom:30px;
}

.lireplus{
	margin-top: 30px;
	margin-left: 10px;
}
.liretoutes{
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
}
.lienactusection{
	font-size: 14px !important;
	color: #ffffff !important;
	background: #f4524d;
	padding: 14px 20px 14px 20px; /* T, R, B, L*/
	border-radius: 5px;
}

.imgactusection{
	position: relative;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-clip: border-box;
	box-sizing: border-box;
	overflow: hidden;
	width: 290px !important;
	max-width: 290px !important;
	height: 290px !important;
	max-height: 290px !important;
	border: 0px;
}
.imgtoutesactusection{	
	max-width: 700px !important;	
	max-height: 300px !important;
	border: 0px;
}
.toutesactusection{
	display: block !important;	
	margin-bottom:30px;
}

.margegauche{
	margin-left: 20px;
}
.contentSousTitleNormal{
font-weight: normal !important;
}
.lienaccessite{
	color: #0088E2 !important;
}
#pave_deconnexion{
	float: right;
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 20px;
	 text-align: right;	
}
.pave_block{
	display: block;	
}

#pave_deconnexion input[type='submit'], #submit, .button{
	padding : 9px 22px !important;
}
#pave_deconnexion img{
	vertical-align: middle !important;
}

@media only screen and (max-width: 767px) {
	.filetariane{
		width: 40px;			
	}
}
@media only screen and (max-width: 620px) {
	.filetariane{
		display: none;			
	}
}

@media only screen and (max-width: 560px) {
	.col-md-4{
		display: block !important;		
	}
	.form-group input[type='text'], .form-group input[type='file']{
		width: 250px !important;		
	}
}
@media only screen and (min-width: 800px) and (max-width: 970px) {
	#ins1{
		width: auto;		
		*max-width: none;		
	}

	#ins2{
		width: auto;	
		*min-width: 300px;	
		
	}
	#ins3{
		width: auto;	
		*min-width: 300px;
	 	
	}

@media only screen and (min-width: 561px) and (max-width: 799px) {
	#ins1{
		width: 500px;		
		max-width: none;		
	}

	#ins2{
		width: 500px;
		min-width: 300px;	
		
	}
	#ins3{
		width: 500px;
		min-width: 300px;
	 	
	}
}

@media only screen and (min-width: 971px) and (max-width: 1090px) {
	#ins1{
		width: 80%;
		min-width: 300px;
		max-width: none;
		margin-right: 15px;
	}

	#ins2{
		 width: 80%;
		min-width: 300px;	
		margin-right: 15px;
		display: block;	
		float: left;
	}
	#ins3{
		 width: 80%;
		min-width: 300px;
	 	margin-top: 15px;
		display: block;	
		float: left;
	}
	.col-md-4{
		display: inline !important;		
	}
	.form-group input[type='text'], .form-group input[type='file']{
		width: 50% !important;
		min-width: 20% !important;
	}
}
@media only screen and (max-width: 1585px) {
	
	#ins3{		
		margin-top: 15px;
	}
}