
/*Orange 255 185 35*/
/*Vert 112 185 35 */

.contentx {
	/*border-collapse: collapse;*/
	width:100%;
	*//*height:500;
	/*height:60vh;*/
}

.pan1 {	
	float:left;
	height:100%;
	/*width:200px;*/
	width: 20%;
}

.pan2 {	
	float:left;
	/*height:33.33%;*/
	width:60%;
}

.pan3 {	
	float:left;
	/*height:33.33%;*/
	width:20%;
}

.pan-border {	
	/*border:10px solid;*/
	float:left;
	background-color:#EBF1DE;
	width:100%;
	height:100%;
	/*border-color:#ff0000*/
}

.pan1h-border {	
	height:100%;
}

.pan2h-border {	
	height:100%;
}

.pan {	
	/*border:10px solid;*/
    text-align: justify;
    vertical-align: middle;	
	margin-top:5px;
	margin-left:5px;
	width:calc(100% - 10px);
	height:calc(100% - 10px);
	background-color:#DEE7D1;
	font-family: 'Poiret One', cursive, Lucida Sans,  Arial,  sans-serif;
	/*border-color:#ff0000*/
}

.slogan {
	font-size:20px;
	color:#70B923;
	font-weight: bold;
	/*color:#3900d2;*/
}

.focus1 {
	font-size:40px;
	color:#FFB923;
	/*color:#3900d2;*/
}

.focus2 {
	font-size:40px;
	color:#8D6F64;
}

.yellow {	
	background-color:#ffff00;
	font-weight: bold;
}

.red  {
	color:#ff0000;
	font-weight: bold;
}

.panfocus ul li:hover {
	color:#ff0000;
	font-weight: bold;
}

.panfocus{
	display:none;
	height:100%;
}

.panfocus a:hover {
	color:#ff0000;
	font-weight: bold;
}

.pan:hover .panfocus{
	background-color:#EFF3EA;
	display: block;
}	

.pan:hover .pandisplay{
	display:none;
}

.title {
	padding:5px;
	text-align: center;
}

.summary {
	padding:10px;
	/*color:#faff22;*/
	/*font-weight: bold;*/
	font-size:20px;
}

.subtitle {
	padding:10px;
	font-size:20px;
	font-weight: bold;
}

.annonce {
	padding:10px;
	font-size:15px;
}

ul {
	list-style-type:none;
}

.pantable {
	margin-left:10px;
}
