body {
	background: #f1f1f1;
}

header .bck-img {

background: url('../images/page-aide.jpg') no-repeat center;
background-size: cover;
width: 100%;
height: 300px;
max-width: 1920px;
margin: 0 auto;

}

.bloc-content {
text-align: center;
padding: 3% 0px;
}

.content-r img {
    padding-bottom: 20px;
}

.container ul li {
	list-style-type: none;
}

input#s1:focus { 
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);

}

.fieldcontainer .fa {
transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.bloc-content h1 {
    font-family: 'SegoeWP-Bold';
    text-shadow: 0px 1px 0px #3d3d3d;
    color: #fff;
        margin-bottom: 30px;
}

input#s1 {
    max-width: 900px;
    width: 100%;
    height: 70px;
    border-radius: 50px;
    border: none;
    outline: none;
    font-size: 18px;
    padding: 0 55px;
    font-family: 'SegoeWP-Bold' !important;
color: #3d3d3d;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.fieldcontainer .fa {
    color: #7d7d7d;
    position: relative;
    font-size: 22px;
    right: 50px;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
   -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

/*input#searchbtn {
    background: url('../images/search.svg') no-repeat;
    border: none;
    position: relative;
    right: 50px;
    top: 5px;
    width: 20px;
    background-size: contain;
        outline: none;
}*/


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #cacaca;
font-family: 'SegoeWP-SemiLight' !important;
font-style: italic;
    font-size: 18px;
}
::-moz-placeholder { /* Firefox 19+ */
color: #cacaca;
font-family: 'SegoeWP-SemiLight' !important;
font-style: italic;
    font-size: 18px;
}
:-ms-input-placeholder { /* IE 10+ */
color: #cacaca;
font-family: 'SegoeWP-SemiLight' !important;
font-style: italic;
    font-size: 18px;
}
:-moz-placeholder { /* Firefox 18- */
color: #cacaca;
font-family: 'SegoeWP-SemiLight' !important;
font-style: italic;
    font-size: 18px;
}

article {
    background: #fff;
    margin: 20px 0px;
    box-shadow: 0px 1px 1px #cacaca;
}

section {
	    padding: 40px 0px;
}

article h2 {
    font-size: 18px;
    font-family: 'SegoeWP-SemiBold';
    float: left;
}

.head-q img {
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    float: right;
    width: 25px;
    position: relative;
    top: 15px;
    opacity: 0.5;
}

.nav.nav-pills li a {
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    border-radius: 0px !important;
    min-width: 100px !important;
    text-align: center !important;
    background: transparent;
    color: #7d7d7d;
    border-bottom: 2px solid transparent;
    font-family: 'segoeWP-SemiBold' !important;
}
.nav.nav-pills li:hover a {
    color: #00b0ff;
}

.nav.nav-pills li.active a {
    color: #00b0ff;
    background: #f1f1f1 !important;
    border-bottom: 2px solid #00b0ff !important;
}


article:hover .head-q img {
opacity: 1;
}

.head-q .displayed{
   transform: rotate(90deg);
}

.head-q {
    overflow: hidden;
    padding: 10px 40px 18px 40px;
    cursor: pointer;
}

.content-r {
    display: none;
    padding-top: 20px;
    border-top: 1px solid #ebebeb;
    margin: 0px 40px;
    padding-bottom: 40px;
    font-size: 16px;
}

.content-r ul li {
	list-style-type: initial !important;
	    margin-left: 18px;
}

/*.content-r p {
	    line-height: 1.2;
}*/

.content-r h3 {
	    font-family: 'SegoeWP-Bold';
	    font-style: italic;
	        font-size: 16px;
    color: #3d3d3d;
}

.content-r ul li span {
	font-style: italic;
	font-family: 'SegoeWP-SemiBold';
}

.table th {
        font-size: 14px !important;
    font-family: 'SegoeWP-SemiBold' !important;
}

/*MOBILE*/


@media screen and (max-width: 600px) {

    img.arrow {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 991px) {

	input#s1 {
		width: 80%;
		text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 70px !important;
	}

  .bloc-content h1 {
  	font-size: 24px;
  }

header .bck-img {
	height: 250px !important;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 14px !important;
}
::-moz-placeholder { /* Firefox 19+ */
    font-size: 14px !important;
}
:-ms-input-placeholder { /* IE 10+ */
    font-size: 14px !important;
}
:-moz-placeholder { /* Firefox 18- */
    font-size: 14px !important;
}

}

@media screen and (min-width:772px) and (max-width: 991px){

	#padding-for-header{

  margin-top:78px !important;
}

}