#conteneur 
{
	width: auto; /* 1200px */	
	/* min-width:320px; Site responsive 
	max-width:1150px; Site responsive */
	
	height:auto;
	margin:auto;
	background: rgb(198,241,255); /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(rgb(198,241,255),rgb(219,247,215)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgb(198,241,255),rgb(219,247,215)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgb(198,241,255),rgb(219,247,215)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgb(198,241,255),rgb(219,247,215)); /* Standard syntax (must be last) */    
 }


header
{
	margin:auto;
	margin-top:8px;	
	display:flex;
	max-width:1100px;
	max-height:160px;
	border-top:2px  solid rgb(163,201,25);
	border-left:2px  solid rgb(163,201,25);
	border-right:2px  ridge rgb(63,165,235);
	border-bottom:10px  solid rgb(63,165,235);
	background-color:white;	
}

#banniere img {
	width:926px;  /* par defaut 926px */
	height:160px;
}





footer {
	
	background-color:rgb(198,241,150);
	/* background-color:rgb(249,134,7); */
	margin:auto;
	width:1100px;
	margin-top:50px;
	padding: 4px 5px;
	font-size:15px;
	text-align:center;
	color:black;
	border:2px solid lightgrey;
        font-size:15px;
	
 

}

footer a {
	text-decoration:none;
	color:black;
	
}

footer a:hover {
	
	color:#00A0D1;
}

footer p {
	margin: 0 auto;
	padding:5px 0px 0px 0px;
	font-weight:bold;
	font-size:15px;
}


/* mise en page elements contact, mentions légales , plan du site */



#contact {
	text-align:center;
}

#contact h2 {
	padding:30px 30px;
	
}

#contact a{
	color:black;
}

#contact a:hover {
	color:blue;
}

#texte #contact p, #texte #mentions_legales p, #texte #plan_du_site p {
	padding: 0 30px;
}

#texte #mentions_legales {
	font-family:"Tahoma";
}

#mentions_legales h2 {
	padding:20px 30px;
	text-align:center;
}

#mentions_legales span {
	color: black;
	font-weight:bold;
	font-size:16px;
	margin-left:20px;
	text-decoration:underline;

}



#texte p {
	padding-top:5px;
	font-family:"Tahoma";
}



#plan_du_site h2 {
	padding:20px 30px;
}


#plan_du_site li {
	font-size:17px;
}

#plan_du_site a {
	text-decoration:none;
	color:black;	
	
}

#plan_du_site a:hover {
	
	text-decoration:underline;
	font-weight:bold;
	
}


#menu {
	list-style-type:upper-roman;
	text-decoration:underline;
	padding-left:5px;

}

#menu li {
	font-size:1.2em;
}



/*popup mascotte */




/* couleur onglet footer */

#contact, #mentions_legales , #plan_du_site {
	background-color:rgb(198,241,255);
	height:600px;

}

.enveloppe {
	width:150px;
	height:80px;
	margin-top:-20px;
}








/* Popup Mascotte 

.popup {
    position: relative;
    display: inline-block;   
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}




.popup .popuptext {
    visibility: hidden;
    width: 250px;
    background-color: white;
    color: black;
    text-align: center;
    border-radius: 50px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 750px;
    margin-left: -80px;

}

.popuptext a {
	color:black;

}

.popuptext a:hover {
	color:green;

}


.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 120px;
    left: 130px;
    margin-left: -5px;
    border-width: 10px;
    border-style: solid;
    border-color: white transparent transparent transparent;
}

#mypopup:hover {
	color:blue;
}


.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}


@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}

/*