﻿/*
	racoon-style-infos.css
	Création: 12/10/2019
	Modification: 17/12/2019
	Description: Style pour le Thème (En vue de reconstruire le Design du site - Responsive)
	Camille FRONTON
*/

.calendar_wrap table{
	border:none;
	border-collapse:separate;
	border-spacing:1px;
}
.calendar_wrap table th{
	background-color:#11467A;
	color:white;
	padding:5px;
	border-top:1px solid #f5f3e7;
	border-left:1px solid #f5f3e7;
	border-right:1px solid #dbd7c3;
	border-bottom:1px solid #dbd7c3;
}
.calendar_wrap table td{
	background-color:#efecdd;
	padding:5px;
	border-top:1px solid #f5f3e7;
	border-left:1px solid #f5f3e7;
	border-right:1px solid #dbd7c3;
	border-bottom:1px solid #dbd7c3;
}

.styleListeContenu{
	width:100%;
	text-align:left; 
	border:0px; 
	padding:0px; 
	background-color:#d0d8ef; 
	color:#d4dbef;
}
.styleListeContenu a:link,
.styleListeContenu a:visited{
	text-decoration:none;
	color:#d99236;
	text-shadow: 0.05em 0.06em 0.03em #f0f9e9;
}
.styleListeContenu a:hover{
	text-decoration:none;
	color:#24963d;
	text-shadow: 0.05em 0.06em 0.03em #d3ffb5;
}

.arrondi01_04 { 
	-moz-border-radius: 0.38em 1.8em 0.38em 1.8em;
	border-radius: 0.38em 1.8em 0.38em 1.8em;
	-webkit-border-radius: 0.38em 1.8em 0.38em 1.8em;
}

.arrondi_coins{
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

/* -------------------------------------------- */
/* ---------- Les Flashes infos ---------- */ 
#zoneFlashsinfos a:link{
	color:#bfd4e3;
	font-size:10pt; 
	font-family:Arial; 
	background-color:#398e8b; 
	text-decoration:none; 
	border:1px solid #9e7cc8; 
	padding-left:5px; 
	padding-right:5px;
}
#zoneFlashsinfos a:visited{
	color:#bfd4e3;
	font-size:10pt; 
	background-color:#398e8b; 
	text-decoration:none; 
	border:1px solid #9e7cc8; 
	padding-left:5px; 
	padding-right:5px;
}
#zoneFlashsinfos a:hover{
	color:#fbfdff;
	font-size:10pt; 
	background-color:#404b9a; 
	text-decoration:none; 
	border:1px solid #6d489b; 
	padding-left:5px; 
	padding-right:5px;
	cursor:pointer;
}
#zoneFlashsinfos a:active{
	color:#bfd4e3;
	font-size:10pt; 
	background-color:#398e8b; 
	text-decoration:none; 
	border:1px solid #9e7cc8; 
	padding-left:5px; 
	padding-right:5px;
}
#zoneFlashsinfos .sansLien{
	color:#d4dee5; 
	background-color:#85bfbd; 
	text-decoration:none; 
	border:1px solid #9e7cc8; 
	padding-left:5px;
	padding-right:5px;
}

#zoneFlashsinfos .lelien:hover{
	color:#fbfdff;
	font-size:10pt; 
	background-color:#404b9a; 
	text-decoration:none; 
	border:1px solid #6d489b; 
	padding-left:5px; 
	padding-right:5px;
	cursor:pointer;
}
#zoneFlashsinfos .lelien:link,
#zoneFlashsinfos .lelien:visited{
	color:#bfd4e3;
	font-size:10pt; 
	background-color:#398e8b; 
	text-decoration:none; 
	border:1px solid #9e7cc8; 
	padding-left:5px; 
	padding-right:5px;
	cursor:pointer;
}
.styleZoneFlashsinfos{
	width:80%;margin-left:auto; margin-right:auto;
}

.frmFlash{
	border-left:2px solid #fbb306; /* orange */
	padding:1em;
}
.frmFlash h4{
	text-decoration: underline #cf2203; /* 1px solid #cf2203; */
	font-size: 13pt;
	font-weight:bold;
	letter-spacing: .2em;
}


.zoneTD1{
	width:90%; 
	min-height:250px;
	padding:2px; 
	background-color:#f9fbdb; /* #8d95b7;  */
	font-family:inherit; 
	color: #3850b5; 
	vertical-align: top; 
	border:1px solid #236894;
	margin-right:auto;
	margin-left:auto;
}
.zoneTD2{
	width:90%; 
	padding:1px; 
	background-color:#f9fbc0; 
	vertical-align: top; 
	border:1px solid #236894;
	margin-left:auto;
	margin-right:auto;
}

.filFlashInfos{
	margin-bottom:1em;
	border:1px solid #c3e0f8; /*#4c0557; */
	background-color:#e9f4fd;
	padding-left:0.5em;
	padding-right:0.5em;
}
.filFlashInfos > .contenu{
	background-color: #f2f9ff;  /*#def2f9; */
	padding:3px;
	box-shadow:1px 1px 3px #a1a9ac inset;
}
.filFlashInfos p{
	color:#4c0557;
	font-size:8pt;
}
.filFlashInfos h2{
	margin-bottom:1em;
	font-size:12pt;
	text-align:center;
	font-weight:bold;
	color:#1a0557;
	display:block;
	background-color:#d6e9f9;
	line-height:1.5em;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	border-bottom:1px solid #c3e0f8;
	border-left:1px solid #c3e0f8;
	border-right:1px solid #c3e0f8;
	box-shadow:2px 2px 3px #394f5a;
}
.frmFlash{
	width:80%; 
	background-color:#edefaf; 
	color:#377aa0; 
	border:0px;
	padding:4px;
	margin-left:auto;
	margin-right:auto;
}

.fondlisteFalsh1{font-size:10pt;background-color:#ace7a4;margin:0.6em;text-align:center;width:auto;padding:1px;cursor:pointer;}
.fondlisteFalsh2{font-size:10pt;color:#ffffff;background-color:#cea4e7;margin:0.6em;text-align:center;width:auto;padding:1px;cursor:pointer;}
.fondlisteFalsh3{font-size:10pt;background-color:#e7d3a4;margin:0.6em;text-align:center;width:auto;padding:1px;cursor:pointer;}

.contenuduFlash{
	width:80%;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
}
.infosduFlash{
	width:60%; 
	margin-left:auto;
	margin-right:auto;
	background-color:#c1c6de; 
	text-align:center; 
	font-family: Arial; 
	color: #0f28a7;
	padding-top:1.2em;
	padding-bottom:1.2em;
}

.stylelesInfos{
	padding-top:10px;
	/*border:1px solid #5f6e6d;*/
	margin-bottom:1.4em;
}

@media only screen and (min-width: 400px) and (max-width: 800px) {
  
}
/* Media Feature Only */
@media (max-width: 1200px) {
  
}