@charset "utf-8";
/* CSS Document */


A:link {text-decoration: none; color:#121212  }
A:visited {text-decoration: none;  }
A:active {text-decoration: none;  }
A:hover {text-decoration: none; }


body {
padding: 0;
margin: 0;
background-color: #000;  
background: -webkit-linear-gradient(90deg, #1f618d,#ffffff,#1f618d);/* Chrome 10-25, Safari 5.1-6 */     background: linear-gradient(90deg, #1f618d,#ffffff,#1f618d);/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */    	
	                                        

color:#121212;
	width:100%;
font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal; 
}

header{
width:100%;
height: 252px;
text-align: center;
	background-color: white;
                                         	
}

header img{	
height:190px;
margin:10px;
	}


#conteneur{
	background-color: #fff;
	margin:10px auto ;
	padding: 20px;
	width:70vw;
	min-height: 800px;
	box-shadow: 25px 0 20px -20px rgba(0, 0, 0, 0.70), -25px 0 20px -20px rgba(0, 0, 0, 0.70);
	border-left:1px solid grey;
	border-right:1px solid grey;
	
}
@media screen and (max-width:900px){		
#conteneur{
	width:88.5vw;
	
	}}

#accueil {
margin:0 auto;	
width:70vw;
}

@media screen and (max-width:900px){		
#accueil{	
width:160%;
margin-left:-60px;
}}

section {
width:60%;
margin:auto;
text-align: left;	
}

@media screen and (max-width:900px){		
section{	
		width:90%;	
	}}


fieldset
{
padding:8px;
margin:30px auto;
width:90%;
color:#fff;
border-radius:10px;
}




#footer {
width:100%;
font-weight: normal;
font-size:0.9rem;
color:#fff;
text-align: center;
background-color: #3E3E3E;
	padding:20px 0;
}


#footer a {
color:#fff;
}

form 
{ width:95%; margin: auto; text-align: center; 
}

input[type="text"], input[type="email"], input[type="password"], input[type="file"], input[type="date"], input[type="tel"], input[type="number"], input[type="search"], textarea, select
{
	
	font-size: 1.2rem;
	display:block;
	margin: 10px auto 0 auto;
	padding: 10px;	
	border:1px solid #fff;
	border-radius:7px;
	width:90%;
	outline:none;
}



input[type="submit"], .submit, #submit
{	font-family: 'Roboto Condensed';
	display:block;
	margin:10px auto;
	font-size: 1.3rem;
	padding:8px 20px ;
	border-radius: 50px;
	border:none;
	outline:none;
	background-color:orangered;
	cursor: pointer;
	color:#fff;
	
text-align: center;
}

input[type="submit"] a, .submit a, #submit a
{color:#fff;}

input[type="submit"]:hover, .submit:hover, #submit:hover
{
	background-color:#f1c40f;
	color:#333;
	transition:0.5s;
}


h0 {/* titre */
font-family: 'Wix Madefor Display', sans-serif;
font-size: 1.8rem;
font-weight: normal;
color:gold;
margin: 10px 0 0 0;
}
@media screen and (max-width:900px){
	h0{ font-size: 1rem;}
}


h1 {/* titre */
	font-family: 'Wix Madefor Display', sans-serif;
font-size: 1.8rem;
line-height:1;
font-weight: normal;
color:gold;
margin: 10px 0 0 0;
text-align:center;	
}

@media screen and (max-width:900px){
	h1{ font-size: 1.5rem;}
}

h2 /* style */
{font-size: 1.8rem;
color:#1f618d;

margin:0;
 	
}
h3 { 
	font-size: 1.2rem;
	color:#1f618d;
	text-transform: uppercase;
	border-bottom:1px solid #1f618d;
	padding-bottom:5px;
	margin-bottom: 5px;
	
}



#bouton, .bouton{

	padding:5px 8px; 
	background-color:#333;
	color:#fff; 
	border-radius:8px;
	cursor: pointer;
	text-align: center;
	font-size: 1.2rem;
	margin-top:10px;
	border:none;
	outline:none;
	box-shadow: 5px 5px 10px #ccc;
	transition:0.5s;
}
#bouton a{	
	color:#fff;
}
#bouton:hover, .bouton:hover{
	background-color:orangered;
	color:#fff;
	transform:translate(5px, 5px);	
		box-shadow: 0 0 0;
}


button, .button {
padding:3px 8px; 
background-color:orangered;
color:#fff; 
border-radius:8px;
cursor: pointer;
text-align: center;
font-size: 1.2rem;
border:none;
outline:none;
font-family: 'Roboto Condensed', sans-serif;
}


button:hover, .button:hover {
background-color:gold;
color:#333; 
}





#actus{
	float: left; width:50%;
}

#actus-txt{
	float: left; width:50%;
}

#actus img {width:90%; }

@media screen and (max-width:900px){
	
#actus, #actus-txt{
float: left; width:320px; margin-left:10px;
}
	
#actus img{
width:320px;margin:10px;
}}


.survoljaune:hover
{
   background-color:#F9F470;
	
}

label{ display: inline-block;
    width: 100%;
    text-align: left; 
}


#boutongris, .boutongris
{
padding:6px 12px; border-radius:15px; background-color: #828282; text-align: center;
}

#album {
float:left;
width:30%;
text-align: center;
margin:10px;
height:270px;	
}

@media screen and (max-width:900px){		
#album {
width:90%;

}
}	

#gauche
{
font-size: 1.1rem;
float:left;
width:50%;
min-height:100px;

}

#droite
{
background-color: #fff;
color:#000;
float:right;
width:45%;
padding: 10px;
border:1px solid orangered;
border-radius: 10px;
}

@media screen and (max-width:900px){		
#gauche, #droite {width:95%; margin:10px auto;}
#gauche img, #droite img {max-width:310px; margin:10px auto; }
}

legend
{font-style: italic;
}