@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1350px) {
	
	
#panecontent{
		-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-ms-transform: scale(.9); /* IE 9 */
    -webkit-transform: scale(.9); /* Chrome, Safari, Opera */
    transform: scale(.9);
}


}

@media screen and (max-width: 1250px) {
	
    .white_content {
        left: 20%;

    }
}


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

.span12 {
		-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-ms-transform: scale(.8); /* IE 9 */
    -webkit-transform: scale(.8); /* Chrome, Safari, Opera */
    transform: scale(.8);
	width: 70%;
	margin-left: 20%;
}

}

@media screen and (max-width: 1080px) {
	#form1 {
		bottom: -100px;
	
}

	#separate {
bottom: -50px;	
	}
	
.centvingt {
width: 100%;
margin-top: 50px;	
}
#selectah { width: 100%;
padding-left: 45%;
border-top: solid #A9A9A9 1px;
}
#searchaccueil, #form1 button {
	margin-top: 50px;
	}
	
	
			#form1 button:hover{
			margin-top: 50px;
			}
	
#separate {
height: 100px;	
}

#arrowdown img{
margin-bottom: 50px;	
}

#ib-container {
	-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-ms-transform: scale(.9); /* IE 9 */
    -webkit-transform: scale(.9); /* Chrome, Safari, Opera */
    transform: scale(.9);
	position: relative; 
	-moz-transition-property: margin-left;
	-webkit-transition-property: margin-left;
	-ms-transition-property: margin-left;
	-o-transition-property: margin-left;
	transition-property: margin-left;
	text-align: center;
	margin-left: 1%;
	
}


#panecontent {
		-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-ms-transform: scale(.8); /* IE 9 */
    -webkit-transform: scale(.8); /* Chrome, Safari, Opera */
    transform: scale(.8);
}

#resume, #modif {
		-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-ms-transform: scale(.9); /* IE 9 */
    -webkit-transform: scale(.9); /* Chrome, Safari, Opera */
    transform: scale(.9);
}

.s1 {

	min-height: 850px;
}


}


@media screen and (max-width: 1065px) {
    .white_content {
        left: 15%;

    }
}

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

#ib-container {
	-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-ms-transform: scale(.8); /* IE 9 */
    -webkit-transform: scale(.8); /* Chrome, Safari, Opera */
    transform: scale(.8);
	position: relative; 
	text-align: center;
	margin-left: 1%;
}
	
#panecontent{
		-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-ms-transform: scale(.7); /* IE 9 */
    -webkit-transform: scale(.7); /* Chrome, Safari, Opera */
    transform: scale(.7);
}

#resume, #modif{
		-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-ms-transform: scale(.8); /* IE 9 */
    -webkit-transform: scale(.8); /* Chrome, Safari, Opera */
    transform: scale(.8);
}

.s1 {

	min-height: 800px;
}

	
}


@media screen and (max-width: 950px) {
#form2{ 
margin-left: 20%;
}

.s3, .s2, .s3bis { 
	width: 98%;
	height: 200px;
}

#content-slider, #content-slider3, #content-slider3bis {
padding-top: 40px;	
}

#categ { height: 600px;
}

#divhappyhand {
min-height: 1185px;

}

}


@media screen and (max-width: 930px) {
    #termes {
         margin-top: 60px;

    }
}
@media screen and (max-width: 920px) {
    .white_content {
        left: 10%;

    }
}


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

#ib-container {
	-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-ms-transform: scale(.75); /* IE 9 */
    -webkit-transform: scale(.75); /* Chrome, Safari, Opera */
    transform: scale(.75);
	position: relative; 
	text-align: center;
	
}

#form2{ 
margin-left: 15%;
}


.s1 {

	min-height: 750px;
}

}

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

.bigone {
	-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-ms-transform: scale(.9); /* IE 9 */
    -webkit-transform: scale(.9); /* Chrome, Safari, Opera */
    transform: scale(.9);
	position: relative; 
	text-align: center;
	margin-left: 1%;
	
	
}

.hex2 .top h6 {
	top: 155px;
	
	}


.ptitle {
	top: 165px;	
	
}
}





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

#ib-container {
	-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-ms-transform: scale(.7); /* IE 9 */
    -webkit-transform: scale(.7); /* Chrome, Safari, Opera */
    transform: scale(.7);
	position: relative; 
	text-align: center;
	
}

#form2 { 
margin-left: 10%;
}
}

@media screen and (max-width: 767px) {
    .white_content {
        left: 7%;
    }
	
	.nodisplay { 
	display: block;
	
	}
	
	
	.nodisplay ul>li {
  width: 16.66%;
  float: left;
}


.page-header {
display: none;
}

.row {
margin-top: 30px;	
}

.nav-pills li {
margin-top: 	7px;
	
}


}

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

#ib-container {
	-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-ms-transform: scale(.65); /* IE 9 */
    -webkit-transform: scale(.65); /* Chrome, Safari, Opera */
    transform: scale(.65);
	position: relative; 
	text-align: center;
	
}

#form2 { 
margin-left: 5%;
}

.bigone {
	-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-ms-transform: scale(.8); /* IE 9 */
    -webkit-transform: scale(.8); /* Chrome, Safari, Opera */
    transform: scale(.8);
	position: relative; 
	text-align: center;
	margin-left: 1%;
	
}

.hex2 .top h6 {
	top: 155px;
	
	}


.ptitle {
	top: 165px;	
	
}


    .white_content {
        left: 5%;

    }
	
	.s1 {

	min-height: 700px;
}
	
}

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

#ib-container {
	-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-ms-transform: scale(.6); /* IE 9 */
    -webkit-transform: scale(.6); /* Chrome, Safari, Opera */
    transform: scale(.6);
	position: relative; 
	text-align: center;
	
}

#form2 { 
margin-left: 0;
}

    .white_content {
        left: 1%;

    }
	
	.s1 {

	min-height: 650px;
}
	
}

@media screen and (max-width: 680px) {
.bigone {
	-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-ms-transform: scale(.7); /* IE 9 */
    -webkit-transform: scale(.7); /* Chrome, Safari, Opera */
    transform: scale(.7);
	position: relative; 
	text-align: center;
	margin-left: 1%;
	
}
}

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

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

.sectionindicators {
opacity: 0.5;
}

#ib-container {
	-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-ms-transform: scale(.5); /* IE 9 */
    -webkit-transform: scale(.5); /* Chrome, Safari, Opera */
    transform: scale(.5);
	position: relative; 
	text-align: center;
	
}

.bigone {
	-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-ms-transform: scale(.65); /* IE 9 */
    -webkit-transform: scale(.65); /* Chrome, Safari, Opera */
    transform: scale(.65);
	position: relative; 
	text-align: center;
	margin-left: 1%;
	
}
}


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

#deviseli, #langueli {
display: none;
}

#bandeau2 {
min-width: 	305px;
}

.barre {
min-width: 200px;	
}


#cost4  {
margin-top: 50px;	
float: left;	
}

#divcost4 {
margin-top: 50px;	
left: 130px;	
float:left;
}

#form2, #fieldset2 {
	min-width: 100px;
width: 250px;	
max-width: 250px;
margin-top: 100px;
margin-left: 22%;
margin-right: auto;
text-align: center;
}

.sTop2 {
min-height: 285px;	
}

#boutafine {
bottom: 0px;	
}



#ib-container {
	-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-ms-transform: scale(.45); /* IE 9 */
    -webkit-transform: scale(.45); /* Chrome, Safari, Opera */
    transform: scale(.45);
	position: relative; 
	text-align: center;
	margin-left: 5px;
	
}

}

@media screen and (max-width: 500px) {
.bigone {
	-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-ms-transform: scale(.55); /* IE 9 */
    -webkit-transform: scale(.55); /* Chrome, Safari, Opera */
    transform: scale(.55);
	position: relative; 
	text-align: center;
	margin-left: 1%;
	
}


}

@media screen and (max-width: 490px) {
.span12 {
		-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-ms-transform: scale(.7); /* IE 9 */
    -webkit-transform: scale(.7); /* Chrome, Safari, Opera */
    transform: scale(.7);
	width: 70%;
	margin-left: 20%;
}
}

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


#form2, #fieldset2 {
margin-left: 15%;
}

#ib-container {
	-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-ms-transform: scale(.38); /* IE 9 */
    -webkit-transform: scale(.38); /* Chrome, Safari, Opera */
    transform: scale(.38);
	position: relative; 
	text-align: center;
	
}

.bigone {
	-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-ms-transform: scale(.38); /* IE 9 */
    -webkit-transform: scale(.38); /* Chrome, Safari, Opera */
    transform: scale(.38);
	position: relative; 
	text-align: center;
	margin-left: 1%;
	
}

	
}



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


#form2, #fieldset2 {
margin-left: 10%;
}

#ib-container {
	-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-ms-transform: scale(.29); /* IE 9 */
    -webkit-transform: scale(.29); /* Chrome, Safari, Opera */