<style type="text/css">

.reset {
	
}

.home0 {
padding:0;
}


.home0 .bloc {
width:50%;
padding:30px;
flex-direction: column;
height: 600px;
}

.home0 .bloc .bloc_flex {
display:block;
margin:auto;
width:50%;
}

.home0 .bloc .bloc_flex p {
font-size:18px;
line-height:25px;
}

.home0 .bloc .bloc_flex p span {
font-size:18px;
line-height:25px;
font-family:'bold', arial;
}

.home0 .bloc .bloc_flex a {
color:#5483c1;
text-align:right;
text-decoration:none;
font-size:18px;
display:block;
margin-top:40px;
}

.home0 .bloc .bloc_flex a:hover {
text-decoration:underline;
}


.home0 .slide_home .bloc_slide {
width:50%;
float:left;
}

.home0 .slide_home .bloc_slide  {
overflow:hidden;
padding:0;
width:50%;
}


.home0 .slide_home .bloc_slide ul {
height:600px;
position:relative;
}

.home0 .slide_home .bloc_slide ul li {
float:left;
padding:0px;
height:600px;
position:relative;
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
}

/*-------------------------- Presentation --------------------------*/
.presentation0 {
background-image:url(../images/photos/presentation.jpg);
background-position:bottom 180px center;
background-repeat:no-repeat;
}


.presentation section .bloc {
width:60%;
margin-left:20%;
background-color:transparent;
margin-bottom:00px;
}

.presentation section .bloc_marge {
margin-bottom:220px;
}

.presentation section .bloc h2 {
text-align:left;
padding-left:20px;
color:#06326d;
text-transform:none;
border-left:5px solid #06326d;
}





.presentation section .bloc p {
text-align:left;
font-size:15px;
margin-bottom:20px;
}

.presentation section .bloc a {
color:#5483c1;
}

.presentation section .bloc a:hover {
color:#06326d;
}


.presentation section .bloc p span {
font-family:'bold', arial;
font-size:15px;
}



.presentation1 {
background-color:#edf3fc;
}


.presentation section .bloc .bloc_puce {
padding-left:50px;
}

.presentation section .bloc .bloc_puce p {
border-left:1px solid #5483c1;
padding-left:15px;
}


.presentation2 section .bloc {

}


.presentation2 {
background-image:url(../images/photos/presentation2.jpg);
background-position:top center;
background-repeat:no-repeat;
}

.presentation3 section .bloc {
background-color:#06326d;
margin-bottom:30px;
}

.presentation3 section .bloc h2 {
color:#FFFFFF;
text-align:center;
padding-left:0;
}

.presentation3 section .bloc p {
color:#FFFFFF;
text-align:center;
}

.presentation3 section .bloc p.bordure {
border-bottom:1px solid #5483c1;
padding-bottom:15px
}

/*-------------------------- Membre --------------------------*/
.login_membre h2 {
	color:#06326d;
	border-left:5px solid #06326d;
	text-transform:none;
	display: inline-block;
    padding: 0 20px;
}

.login_membre p {
	color:#06326d;
}

.login_membre a {
	color:#5483c1;
}

.login_membre a:hover {
	color:#06326d;
}

.login_membre .bloc_form label {
float:left;
color:#5483c1;
margin-right:10px;
}

.login_membre .bloc_form input {
float:left;
width:100px;
border:1px solid #5483c1;
color:#06326d;
margin-right:10px;
}

.login_membre .bloc_form input.bt_valider {
background-color:#5483c1;
width:auto;
color:#FFFFFF;
padding:5px;
text-indent:inherit;
}

.login_membre .bloc_form input.bt_valider:hover {
background-color:#06326d;
}


.login_membre form.formulaire .message_form {
color:red;
}

.membre section .bloc {
border:5px solid #ededed;
height:330px;
width:calc(50% - 20px);
margin:0 10px 20px 10px;
padding:0;
position:relative;
}


.membre section .bloc_grand {
height:440px;
}

.membre section .bloc_image {
position:absolute;
left:20px;
top:20px;
width:100px;
border:1px solid #FFFFFF;
height:130px;
background-size:cover;
}

.membre section .bloc .bande_grise {
height:130px;
width:100%;
background-color:#ededed;
margin:0 0 10px 0;
}

.membre section .bloc .bande_grise h2 {
font-size:18px;
text-transform:none;
text-align:left;
padding:80px 0 0 150px;
}

.membre section .bloc .bande_grise h2 span {
font-size:18px;
text-transform:uppercase;
font-family:'bold', arial;
}

.membre section .bloc .info {
padding:0 20px 0 150px;
margin:0 0 20px 0;
}

.membre section .bloc .info p {
color:#5483c1;
text-align:left;
font-size:16px;
margin:0 0 5px 0;
}




.membre section .bloc .info a {
color:#5483c1;
text-align:left;
font-size:16px;
margin:0 0 5px 0;
}

.membre section .bloc .info a:hover {
color:#06326d;
}

.membre section .bloc .info p span {
color:#5483c1;
font-family:'bold', arial;
font-size:16px;
}

/*-------------------------- Bureau --------------------------*/


.bureau section .bloc_image {
width:100%;
margin:0;
background-size: cover;
height: 400px;
}

.bureau2 {
background-color:#ededed;
padding-top:0;
}

.bureau2 section .bloc_gauche {
width:75%;
margin:0;
display: block;
}

.bureau2 section .bloc_gauche h2 {
border:none;
text-align:center;
padding:0;
margin:0;
margin:0 0 5px 0;
font-size:22px;

}

.bureau2 section .bloc_gauche h3 {
border:none;
text-align:center;
padding:0 0 28px 0;
margin:0 0 40px 0;
background: linear-gradient(to bottom, #5483c1, #5483c1);
background-position: center bottom;
background-size: 20px 1px;
background-repeat: no-repeat;
font-size:18px;
}

.bureau2 section .bloc_gauche .bloc_titre {
width:50%;
float:left;
margin:0;
}


.bureau2 section .bloc_droite {
background-color:#5483c1;
width:25%;
margin:0;
}

.bureau2 section .bloc_droite h2 {
color:#a5c5ef;
font-size:18px;
border:none;
text-align:center;
padding:0;
margin:0;
margin:0 0 5px 0;
}

.bureau2 section .bloc_droite h3 {
color:#FFFFFF;
font-size:16px;
text-align:center;
padding-bottom:10px;
margin:0 0 20px 0;
background: linear-gradient(to bottom, #ededed, #ededed);
background-position: center bottom;
background-size: 20px 1px;
background-repeat: no-repeat;
}

/*-------------------------- Contact --------------------------*/
.contact  {
margin-bottom:20px;	
}

.contact section .titre {
display:inline-block;
text-align:center;
width:100%;
}

.contact section .titre h2 {
font-size:20px;
padding:0;
margin-bottom:10px;
color:#06326d;
text-transform:none;
}

.contact section .titre h3 {
font-size:18px;
padding:0;
margin-bottom:10px;
color:#5483c1;
}

.contact section .titre_petit {
width:49%;
margin-bottom:40px;

}


.contact2  {
background-color:#e9e9e9;
margin-bottom:0;
}

.contact2 section .titre {
width:24%;
margin-bottom:15px;
display:block;
float:left;
}

.contact2 section .titre h2 {
margin-bottom:5px;
}

.contact3 section .titre h2 {
margin-bottom:10px;
text-align:center;
border:none;
}

.contact3 section .titre h3 {
margin-bottom:20px;
}

.contact3 section .titre p {
margin-bottom:5px;
text-align:center;
}

.contact section span {
margin-top:15px;
font-size: 15px;
}

.contact section a {
color:#5483c1;
font-size: 15px;	
}

.contact3 h3 a {
text-decoration:none;	
font-size:18px;
}


</style>