body{
	font-family: 'Open Sans', sans-serif;
	margin:0;
	padding:0;
}

/*////////// HEADER /////////// */

header{
	background:#fff;
	padding:10px 0 10px 0;
	text-align:center;
	margin:auto;
	display:flex;
	flex-direction: column;
}

#logoHeader{
	width:300px;
	height:42px;
	margin:auto;
}

#pictoHeader{
	height:100px;
	display:none;
}

/*////////// FIN HEADER /////////// */



/*////////// SECTION1 /////////// */

#section1{
	text-align:center;
}

.bandeau{
	width:100%;
}

#bandeau1{
	background:#ff9900;
	padding:1px 0 1px 0;;
}

#bandeau2{
	background:#fff;
	display:inline-flex;
	flex-direction: row;
	justify-content: space-around;
	text-align:center;
	color:#0656a3;
	font-weight:700;
	font-size:10px;
}

#section2{
	position:relative;
	background:url('fond_RAC_2.png') no-repeat fixed;
}

#rating{
	display:none;
}

#formulaire{
	margin: 15px auto 30px auto;
}

h1 {
    color: #fff;
    font-size: 40px;
    line-height: 44px;
    font-weight: 700;
    text-align: center;
    margin: 10px 10px 0px 10px;
}

h2{
	color: #fff;
	font-size: 24px;
	line-height: 30px;
	font-weight: 300;
	text-align: center;
	margin: 10px auto 20px auto;
}

footer{
	padding:40px;
	text-align:center;
	background:#0656a3;
	color:#fff;
}

#signature{
	margin:auto;
	text-align:center;
	font-size:12px;
}

#signature a{
	text-decoration:none;
	color:#fff;
	transition-duration: 0.5s;
	font-weight:600;
	cursor:pointer;
}

#signature a:hover{
	text-decoration:none;
	color:#2272ca;
	transition-duration: 0.5s;
}

@media (min-width: 450px) {

#bandeau2{
	flex-direction: row;
	justify-content: space-between;
}

}

@media (min-width: 768px) {

	header{
		flex-direction: row;
		justify-content: space-between;
		padding-left:15%;
		padding-right:15%;
	}

#logoHeader{
		width:300px;
		height:42px;
		margin:30px 0 20px 0;
	}

	#pictoHeader{
		height:90px;
		display:block;
	}

	#formulaire {
    width: 580px;
    padding: 50px 0 50px 0;
}

#bandeau2 {
    font-size: 14px;
    width: 80%;
    //margin-top: 10px;
    margin-bottom: 0;
    height:30px;
}
}

@media (min-width: 992px) {

	header{
		flex-direction: row;
		justify-content: space-between;
	}

	#pictos{
    padding: 0;
    width: 60%;
    margin: auto;
	}

	.picto {
    width: 198px;
    text-align: center;
    margin: 20px auto 10px auto;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    color: #fff;
}

h1 {
    font-size: 50px;
    margin: 20px auto 10px auto;
}

h2 {
    font-size: 30px;
    //line-height: 42px;
}

#rating {
    display: block;
    position: absolute;
    right: 10%;
    width: 90px;
    top: 52px;
    transform-translate: 50%;
}

#formulaire {


	//margin-right:10%;
}

}