/* Page CSS du site de cadr'A7*/

/* -----------Principaux éléments de la page-------- */

body {
	background-color: black;
	font-family: Sylfaen, Constantia, Cambria, 'Comic Sans MS',Georgia, 'Times New Roman', sans-serif;
	color: #181818;
	margin: 0;
	padding: 0;
	
}

#bloc_page { margin: auto; }

section h1, footer h1, nav a {
	font-weight: normal; 
	}
	
#lien { color: white; }
#lien:hover {color: rgba(0,20,100);}
#lien_entete:hover {color: rgba(30,30,30);}

/* ----------------Header------------------ */

header {
	font-family: Constantia, Cambria, 'Comic Sans MS',Georgia, 'Times New Roman', sans-serif;
	background-color: rgba(106,40,40);
	margin: 0;
	padding: 0;
	color: black;
	position: center;
	height: 110px;
	min-width: 200px;
	box-shadow: 0px 10px 10px rgba(106,40,40) ;
}
	

.logo {
	position: absolute;
	left : 50px;
	top :  5px;	
	height: 100px;
	width: auto;
}

#co_head { margin-right:50px; text-align:right; font-size:1.8em;}
/*---------------*/
	
nav {
	display: inline-block;
	width:740px;
	text-align: center;
	margin-left: 100px;
	margin-top : 15px;	
	}
nav ul {	list-style-type: none; }

nav li { 
	display: inline-block;
	margin-right: 15px;
	}

nav a { 
	font-size: 1.8em; 
	color: white;
	padding-bottom: 3px;
	text-decoration: none; 
	text-shadow: 3px 3px 2px black;
	}
nav a:hover {  
	border-bottom: 3px solid rgba(30,30,30); }
	
	

/* ----------------Banières------------------ */

#banniere_description{	background-image: url("Images/ensiacet.jpg"); max-width: 1645px;	}   /* ----------------ATTENTION!!! BIEN METTRE "Images/...jpg avant le nom de l'arrière plan !!! ------------------ */
#banniere_presta     {	background-image: url("Images/pompom.jpg");max-width: 1645px; }
#banniere_contact    {	background-image: url("Images/deuxlogos.jpg"); max-width: 1645px;}
#banniere_video      {	background-image: url("Images/tournage.jpg"); max-width: 1280px; 
/*	TEXTE : */	
	font-size: 2.2em;
	font-weight: bold;
	text-align: center;
	color: white;
	text-shadow: 3px 2px 1px black;}

#banniere_description, #banniere_presta, #banniere_contact, #banniere_video { 
	margin-top: 15px;
	margin-bottom:15px;
	height:300px;
	margin-left: auto;
	margin-right: auto;

	background-repeat:no-repeat;
	background-position: center top;
	background-attachment: fixed,scroll;
	
	position: center;
	box-shadow: 7px 7px 7px black ;
	border: 5px rgba(106,40,40) ridge;
	border-radius: 50 px; 

	/*	TEXTE : */	
	font-size: 2.2em;
	font-weight: bold;
	text-align: center;
	color: white;}

#banniere_description, #banniere_presta, #banniere_contact { text-shadow: 3px 2px 1px rgba(106,40,40); 
}	
/* ------Page formulaire de contact-------*/	
#formulaire_cont { 
display:inline-block;
vertical-align: top;
margin-top: 5px;
margin-bottom:0px;
height:480px;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
background-position: center top;
line-height:20px;
border-radius: 10px;
}
#sp{color:red}
#env{
margin-left:400px;
background-color: rgba(40,60,80);
color: white;
border-radius: 10px;
}
#cont{
	display:inline-block;
	top:550px;
	background-color: rgba(150,220,150);
	border-radius: 10px;
}
#case{
	display:block;
	margin-left:5px;
	width:400px;
	background-color: rgba(180,100,100);
	border-radius: 10px;
}


/* ----------------Actualités_sections_articles------------------ */

/* ------Actu----- */

	
article, aside {
	vertical-align: top;
	text-align: justify;
	margin-top: 5px;
	margin-left: auto; 
	margin-right: auto; 
	margin-bottom: 15px;
	}
#banniere_aside { 
	display:inline-block;
	vertical-align: top;
	border-radius:5px;
	border:1px rgba(106,40,40) solid;
}
	
article {
	width : 700px;
	background-color: rgba(50,60,70) }

article p { 
	font-size: 0.8em;
	}

article p, h2, h3 { 
	margin-left:15px;
	margin-right:15px;
	color: white;}

.entete{
	color: white;
	text-align: center;
	box-shadow: 0px 10px 10px rgba(106,40,40) ;
	background-color: rgba(40,60,80);
	box-shadow: 0px 10px 10px rgba(40,60,70) ;
	
}



/* ------aside_actu----- */
aside {
	width: 400px;
	background-color: rgba(106,40,40);
	padding: 10px;
	color: rgba(106,40,40);
	font-size: 2 em;
	margin-left: 5px;
    
}

section{
	justify-content: center;
	max-width: 1500px ; text-align: center;}

ul.solo {
	list-style-type: none;
	position: center;
    background-color: rgba(106,40,40);
	width: 400px ;
	vertical-align: top;
    margin: 0;
	padding: 0;
}

ul.solo li {
    background: gray;
	text-align:center;
}

ul.solo a{
display:block;
padding: 2px 0 2px 4px;
text-decoration: none;
}

ul.solo a:link{
	color:black
}

ul.solo a:visited{
	color:black
}
ul.solo a:hover {
    background-color: #555;
    color: white;
}
ul.solo li:last-child{
	border-bottom:none;
}
.active {
    background-color: #4CAF50;
    color: white;
}

/* ------Page Prestations-------*/

#cadre {
	background-color: white;
	margin-top: 15px;
	margin-bottom:15px;
	max-width: 1645px;
	margin-left: auto;
	margin-right: auto;
	position: center;
	box-shadow: 7px 7px 7px black ;
	border: 5px rgba(106,40,40) ridge;
	border-radius: 50 px; 
}

#contenu {
	font-style : italic;
	margin-left : 30px;
}

#image {
	display : flex;
	justify-content : center;
}

#maj {
	text-align:right; 
	font-style:italic; 
	font-size:15px;
}


/* ----------------Pied de page------------------ */
footer {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	background-color: rgba(106,40,40);
	padding-top: 5px;
	text-align: center;
	color: white;
}
footer p { 
	font-size: 0.8em;
}
footer h1 { font-size: 1.1em;}

#espace {
	display: inline-block;
	vertical-align: top;
}
#drapeau{ height: 20px;}