/********** SITE ************/

.container{ width:960px !important; margin:0 auto; clear:both; display:block; position:relative; }

/******** FORMULAIRE **********/

div.don_kyrielle { background: none repeat scroll 0 0 transparent; display: inline-block; width: 100%; padding-bottom: 20px; color: gray; }

.don_kyrielle div.column { margin: 0px; }

/*
*		FICHE CONTACT V2
*/

#fiche_categorie {
    margin: 0;
    padding-top: 10px;
}

#content-pannel{
	background: white  url("../img/divers/gray_wall.png");

}
#content-pannel h2 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 transparent;
    border-color: -moz-use-text-color -moz-use-text-color #81713E;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 7px;
    color: #675B34;
    font-size: 41px;
    height: 40px;
    margin-left: 0;
    padding-top: 0;
    text-align: left;
    vertical-align: middle;
}

#content-pannel table {
		background : none ;
		border: none; 
		box-shadow: none;
}


#content-pannel .entete {
    background: none;
    color: none;
    font-size: 15px;
    height: 24px;
    margin-left: 0px;
    padding-top: 0px;
    text-align: left;
    vertical-align: middle;
    border: none; 
}

#content-pannel .entete > td {
		background: none;
    border-bottom: 2px solid #81713E;
    color: #675B34;
    font-size: 20px;
    text-align: left;	

}
#content-pannel td.sous_entete {
    background: none repeat scroll 0 0 #EDEDED;
    border-bottom: 2px solid #D0D0D0;
    font-size: 14px;
}

#content-pannel .sous_entete{
		background: none;
		padding-bottom: 5px;

}
#content-pannel .sous_entete >td{
			box-shadow : none;
		text-shadow : none;
		background: none;
    border-bottom: 2px solid #81713E;
    color: #675B34;
    font-size: 20px;
    text-align: left;
}
#content-pannel .sous_sous_entete >td{
		background: none;
    border-bottom: 2px solid #C8C8C8;
    text-align: left;
    font-size: 16px;
}

#content-pannel td{
		  vertical-align: top;
}
#left-pannel {
		float : left; 
	/*	position : absolute;*/
    width: 100px;
    display: none;
    background: linear-gradient(rgb(33, 82, 125), rgb(21, 50, 77)) repeat scroll 0 0 transparent;
    box-shadow: 0 7px 26px -7px rgb(0, 0, 0) inset;
}
#left-pannel-signet{
 	background: -moz-linear-gradient(rgb(33, 82, 125), rgb(21, 50, 77)) repeat scroll 0 0 transparent;
  border-radius: 0 0 10px 10px;
  color: white;
  display: block;
  font-size: 20px;
  height: 14px;
  left: -77px;
  padding: 20px;
  position: absolute;
  text-shadow: 1px 1px 0.2px rgb(0, 0, 0);
  top: 250px;
  width: 138px;
	-webkit-transform: rotate(-90deg);	/* Safari */
	-moz-transform: rotate(-90deg);	/* Firefox */
	-ms-transform: rotate(-90deg);	/* IE */
	-o-transform: rotate(-90deg);	/* Opera */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);	/* Internet Explorer */
	cursor: pointer;
}

#left-pannel-signet:hover{
    background: -moz-linear-gradient(center top , #FF7600, #FFAA04) repeat scroll 0 0 transparent;
		background: -webkit-gradient( linear, left top, left bottom, from(#FF7600),to(#FFAA04) );
		filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FF7600,endColorstr=#FFAA04);
		background-image:-ms-linear-gradient(#FF7600, #FFAA04); /* IE */ 
}
#left-pannel ul li {
    display : none ;
    background: -moz-linear-gradient(center top , #FFFFFF, #E1E1E1) repeat scroll 0 0 transparent;
		background: -webkit-gradient( linear, left top, left bottom, from(#FFFFFF),to(#E1E1E1) );
		filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFFFFF,endColorstr=#E1E1E1);
		background-image:-ms-linear-gradient(#FFFFFF, #E1E1E1); /* IE */ 
    display: table-cell;
    float: left;
    font-size: 15px;
    margin: 20px 20px 20px 20px;
    padding: 10px;
    vertical-align: middle;
    height: 70px;
    width: 80px;
    background-color: #F3F3F3;
    border-image: none;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), 0 1px 1px 0 rgba(255, 255, 255, 0.6) inset;
    display: inline-block;
    font-weight: normal;
    outline: 0 none;
    padding: 6px 16px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;
    cursor :pointer; 

    border-color: #DADADA #D2D2D2 #A9A9A9;
}
#left-pannel ul li span{
		display : inline-block;
}
#left-pannel ul li:hover  { 
    background: -moz-linear-gradient(center top , #FF7600, #FFAA04) repeat scroll 0 0 transparent;
		background: -webkit-gradient( linear, left top, left bottom, from(#FF7600),to(#FFAA04) );
		filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FF7600,endColorstr=#FFAA04);
		background-image:-ms-linear-gradient(#FF7600, #FFAA04); /* IE */ 
		border-color: darkorange;
	}
	
#left-pannel ul li a {
    text-decoration: none;
    font-size: 14px;
}
#left-pannel li span.bouttonImage{
    display: block;
    height: 60px;
    margin-top: 10px;
}
#left-pannel li  span.bouttonlabel{
    color: #453F3F;
    display: block;
    font-size: 16px;
    margin-top: 5px;
}

.fiche_contact_v3 .signet {
width: 180px;
border-right: solid 1px rgb(167, 167, 167);
vertical-align: top;
margin: inherit;
padding: inherit;
/*padding-left: 55px;*/
}
.fiche_contact_v3 ul {
display: inline-block;
width: calc( 100% - 280px);
}
.fiche_contact_v3 ul {
text-align: left;
padding: 0px 0px 0px 0.7em;
margin: auto auto auto 0.7em;
}
.fiche_contact_v3 h3 {
color: #34495E;
font-size: 14px;
/*margin-left: 30px;*/
margin-right: 30px;
text-shadow: 1px 1px 0.7px #FFFFFF;
}
.fiche_contact_v3 .pave_adresse.active {
display: inline-block;
}
.fiche_contact_v3 .pave_adresse {
display: none;
vertical-align: top;
}
.fiche_contact_v3.col2 {
width: calc(50% - 18px);
}
div.fiche_contact_v3 {
width: 50%;
display: inline-block;
float: left;
}
.fiche_contact_v3 ul label {
float: left;
color: rgb(179, 179, 179);
font-size: 16px;
letter-spacing: 2px;
font-family: inherit;
line-height: 15px;
margin-top: 10px;
}
.fiche_contact_v3 ul input[type=text], .fiche_contact_v3 ul input[type=file], .fiche_contact_v3 ul select, .fiche_contact_v3 ul li span {
float: left;
color: black;
width: 100%;
}
.fiche_contact_v3 .contact_adresse .signet .active {
background: #21527D;
color: white;
}
.fiche_contact_v3 .contact_email .signet .active {
background: #21527D;
color: white;
}
.fiche_contact_v3 .contact_telephone .signet .active {
background: #21527D;
color: white;
}
.fiche_contact_v3 ul li {
list-style: none;
width: 100%;
}
.fiche_contact_v3 .contact_email .content.active {
display: inline-block;
}
.fiche_contact_v3 .contact_email .content {
display: none;
vertical-align: top;
}
.fiche_contact_v3.col2 .signet {
padding-left: inherit;
}
.fiche_contact_v3 .contact_telephone .content {
display: none;
vertical-align: top;
}
.fiche_contact_v3 .contact_telephone .content.active {
display: inline-block;
}
.fiche_contact_v3 .contact_adresse .signet .optionadresse.active {
background: none;
display: block;
color: rgb(56, 56, 56);
}
#correspondances, #correspondances1, #correspondances2, #correspondances3 {
visibility: hidden;
position: absolute;
}
.fiche_contact_v3 .contact_adresse .signet .optionadresse {
display: none;
}
.fiche_contact_v3 .contact_adresse .signet {
cursor: pointer;
}
.fiche_contact_v3 .contact_submit {
padding-top: 50Px;
}

h1, h2, h3, h4, h5, h6, p, ul, li { padding: 0; margin: 0; font-weight: normal; }
body /*{ height: 100%; background: url(../images/background.png) top left repeat-x #fff; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; color: #000; }*/

/* alert */
p.alert_warning {
	margin: 3px 3px 3px 3px;
	padding: 8px 8px 8px 8px;
	border: 3px solid white;
	background: -webkit-gradient( linear, left top, left bottom, from(#E0CC1F),to(#F98B0E) );
	background: -moz-linear-gradient(center top , #E0CC1F, #F98B0E)repeat scroll 0 0 transparent;
	box-shadow: 4px 4px 6px #555555;
	filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#E0CC1F,endColorstr=#F98B0E);
	-ms-filter: "filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#E0CC1F,endColorstr=#F98B0E)";
	color: white;
	font-weight: bold;
	text-align:center;
}
.don_kyrielle tr.entete {
    background-color: #064F9E;
    border-radius: 5px 5px 0 0;
    color: #FFFFFF;
    font-size: 14px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(4, 4, 4, 0.6);
    text-align center;
    display: table;
    width: 100%;
    height: 30px;
    font-family: inherit;
}
.don_kyrielle table.colonnes {
width:98%; 
}
.don_kyrielle td.info{
   padding-left: 150px;
    padding-right: 20px;
    text-align: left;
}
.info{
	padding-left:20%;
}
.btn-group a:hover{
	text-decoration: none !important;
	font-weight: bold;
}
.btn-group a:focus{	
	font-weight: bold;
}
/*
* 	CLEAR FIX
*
*/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix { display: inline-block;}
html[xmlns] .clearfix { display: block;}
* html .clearfix { height: 1%;}

/* correction affichage retour paiement cheque & prelevement */
#content .col-md-10 {
	width:auto;
	float: none;
}
/* bouton programme de don active */
#don_kyrielle .btn-warning.active {
    color: #333;
    background-color: #E6E6E6;
    border-color: #ADADAD;
}

/************ CHYECKLIST ********************/

div.checklist {
  background: none repeat scroll 0 0 transparent;
  display: inline-block;
  width: 940px;
  padding-bottom: 20px;
  padding-top: 20px;
  padding-left: 10px;
	padding-right: 10px;	
}

.checklist table{
	box-shadow: none;
	border: none !important;
}

.checklist select{
	width: 300px;
}

.checklist div.encadre_bouton{
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 10px;
  margin-left: 10px;
}

.checklist button.bouton{
  color: #FFFFFF;
  background-color: #003871;
  text-align: justify;
  cursor:pointer;
  vertical-align: middle;
  white-space: normal;
  border-color: #FFFFFF;
  border-style: outset;
  border-width: 2px;
  cursor:pointer;
  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}

.checklist button.bouton:hover{
  background-color: #000;
}

.checklist div.bouton{
  font-size: 20px;
  width: 20px;
  height: 20px;
  color: #000000;
  background-color: #000;
  text-align: justify;
  cursor:pointer;
  vertical-align: middle;
  white-space: normal;
  border-color: #FFFFFF;
  border-style: outset;
  border-width: 2px;
  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.checklist div.bouton:hover{
  background-color: #000;
}

.checklist div.barre{
	background: none repeat scroll 0 0 #003871;
  background-image: url('../images/fd-titreh2.jpg');
  background-repeat: no-repeat;
  background-position: right bottom;
	padding-top: 5px;
	padding-bottom: 5px;
  font-size: 20px;
  width: 100%;
  cursor:Default;
  color: #FFFFFF;
  cursor:pointer;
  text-align: justify;
  vertical-align: middle;
  white-space: normal;
}

.checklist div.espace{
	height: 7px;
  width: 100%;
}

.checklist td{
	border: none;
}

   @media only screen and (max-width:990px)  { 
    
.panel-default  > .panel-heading{
	font-size: 70% !important;
  line-height: 2.33 !important;
   height: auto !important;
 }
.panel-heading{
   height: auto !important;
 }
.panel-title > a {
	font-size: 130% !important;
   height: auto !important;
 }
 .page-header {
   font-size: 34px !important;
   height: auto !important;
 }

  h1, h2, h3, h4, h5, p, ul, li{ font-size: 125% !important; height: auto !important;}
  h6{font-size: 100% !important; height: auto !important;}
  .controller {font-size: 205% !important; height: auto !important;
  width:100% !important} 
  blockquote { font-size: 125% !important} 
  #don_kyrielle{font-size: 225% !important; height: auto !important;
  max-width:100% !important} 
  #message_don,div.alert{font-size: 120% !important;
  margin: 0 0 0 0 !important;
  height: 70% !important; 
  font-size: 24px;
  }
  .btn{font-size:90% !important; height: auto !important;}
  .input-group-addon{font-size:55% !important}
  select,.form-control{
    height:105% !important;
    font-size:100% !important
  }
 .container{
   margin:0 0 0 0 auto !important;
   width: 100% !important;
    height: auto !important;
  }
  input{
   width: 40px;
   height: 40px;
  }
 .ui-helper-hidden-accessible{
  width: 120% !important;
   height: 125% !important;
   font-size:500% !important;
  }

}