@CHARSET "ISO-8859-1";
td img {display: block;}

body{ background-color:#517aa4;height:100%;margin:0px;padding:0px;}
a{	text-decoration: none;color:black;}
a:HOVER{ text-decoration:underline;}
div{
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-family: Trebuchet MS;
}
#wrapMain{
	width:980px;
	margin-left:auto;
	margin-right:auto;
	margin-top:8px;
	padding-left:15px;
	padding-right:15px;
	background: #517aa4 url("/opencms/opencms/img/solutionsefl/fond_main.png") top left repeat-y;
}
#wrapHaut{
	width:950px;
	background: #517aa4 url("/opencms/opencms/img/solutionsefl/fond_haut.gif") top left repeat-x;
	height:37px;
}
#wrapBas{
	width:980px;
	margin-left:auto;
	margin-right:auto;
	padding-left:15px;
	padding-right:15px;
}
object, embed{padding:0px;margin:0px;}
#wrapDemoHome{
	float:left;
	background:url("/opencms/opencms/img/solutionsefl/fond_demo_home.jpg");
	width:334px;
	height:181px;
	color:black;
}
#wrapDemoHome span.seize{ display:block;font-size:16px;font-weight:bold;padding-bottom:9px; }
#wrapDemoHome span.quinze{ display:block;font-size:15px;padding-bottom:9px; }
#wrapDemoHome span.quinze b{ color:#E48903 }
#wrapDemoHome div{ font-size:11px;line-height:16px;font-weight:bold;}
#wrapDemoHome A{ text-decoration:none}
#wrapDemoHome A:HOVER span.seize,#wrapDemoHome A:HOVER span.dix{color:#F39203;}
#wrapDemoHome A:HOVER span.quinze b{color:black;}

#wrapText{ width:616px;float:left;padding-top:20px;padding-bottom:20px;}
#Text{ padding-left:44px;padding-right:44px;text-align:justify;font-size:13px }
#Text img{ float:left; }
#wrapActus{
	width:300px;
	padding-top:16px;
	float:left;
	background-color:#D3E0F0;
	font-size:11px;
	text-align:center;
	font-weight:bold;
}
#wrapMiddle{
	width:950px;
	background: white url("/opencms/opencms/img/solutionsefl/fond_middle.gif") bottom left no-repeat;
	padding-bottom:4px;
	overflow: auto;
	clear:left;
}
ul{	list-style-image: url("/opencms/opencms/img/solutionsefl/flechejaune.gif"); padding-left:0px;margin-left:0px;}
ul li{ margin-bottom:20px;font-size:13px; }
ul.piti{ list-style-image: url("/opencms/opencms/img/solutionsefl/flechepiti.gif");padding-left:60px;margin-top:20px;}
ul.piti li{ margin-bottom:1px; }
.grosTexte{	font-weight: bold;font-size: 15px;}
.bordbleu{ border:1px solid #637384}

.grosseLigne{
	font-weight: bold;
	font-size: 17px;
	padding-bottom:12px;
	padding-top:12px;
}
.bleu{color:#6D98CC; }
.vert{color:#608A23;}
#wrapContenu{
	padding:0px;
	margin-right:0px;
	margin-top:0px;
	margin-left:5px;
	background:white url("/opencms/opencms/img/solutionsefl/fond_gauche.jpg") bottom left no-repeat;
	margin-bottom:1px;
	overflow:visible;
	float:left;
	position:relative;
}
#visuGauche{
	width:212px;
	padding-top:19px;
	padding-bottom:1px;
	float:left;
}
#menuGauche{
	width:212px;
	padding-top:8px;
	padding-bottom:1px;
	float:left;
}
#menuGauche .lien{ margin:0px 0px 4px 8px;width:198px; }

#contenu{
	width:695px;
	margin-left:24px;
	padding-bottom:24px;
	float:left;
	font-size:13px;
}
.cdf{
	padding-top:8px;
	padding-bottom:12px;
	font-size:10px;
}
.titre{
	font-size:17px;
	font-weight: bold;
}
.bouton{
	float:left;
	position:relative;
	cursor:pointer;
	color:white;
	font-weight: bold;
	height:59px;
	background-color:#FEF5E5;
	z-index: 2;
}
.bouton .texteBouton{
	color:#6D94CE;
	font-size:12px;
	padding-top:6px;
	line-height:16px;
}
.boutonon .texteBouton{
	color:#000;
	font-size:12px;
	padding-top:6px;
	line-height:16px;
}
.bouton .texteHover{
	color:#FF9900;
	font-size:12px;
	margin-left:19px;
	line-height:14px;
}
.boutonon .texteHover{
	display:block;
	color:#6D94CE;
	font-size:12px;
	margin-left:19px;
	line-height:14px;
}
.texteHover.noir{display:block;color:black;}

#boutonApproche{ width:260px; }
#boutonApproche .cale{ margin-left:28px }
#boutonDemo{ width:240px;}
#boutonDemo .cale{ margin-left:36px }
#boutonOffres{width:206px;}
#boutonOffres .cale{ margin-left:32px }
#boutonServices{width:241px;}
#boutonServices .cale{ margin-left:36px }
.boutonon{ }
.filetorange{ border-top:1px solid #FF9900;}

.lien{ font-size:12px;width:202px;margin-left:14px;color:#6D98CC;padding:2px;margin-bottom:4px;cursor:pointer;float:left;clear:left;}
.lien img{ float:left;margin:4px 8px 0px 0px;}
.lien div{ float:left;}
div.lien.on{color:black;font-weight:bold;}
div.lien.hover{color:black;}
.lienDemo{
	font-size:12px;
	width:160px;
	margin-left:4px;
	background:url("/opencms/opencms/img/solutionsefl/fond_liendemo.gif") top left repeat-x;
	color:white;
	padding:2px;
	margin-bottom:4px;
	cursor:pointer;
}
div.lienDemo.hover{
	background:url("/opencms/opencms/img/solutionsefl/fond_liendemohover.gif") top left repeat-x;
}
div.lienDemo.on{
	background:url("/opencms/opencms/img/solutionsefl/fond_liendemoon.gif") top left repeat-x;
}
.lienDemo div.texte{
	font-size:12px;
	padding-left:16px;
	padding-right:2px;
	line-height:16px;
	padding-bottom:2px;
}
#popupApproche{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color: black;
	opacity : 0.7;
    filter : alpha(opacity=70);
    text-align:center;
    z-index:3;
}
#popupApprocheUp{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	text-align:center;
	z-index:4;
}
#popupApprocheUp div.carre{
	margin-top:142px;
	width:950px;
	background-color: white;
	margin-right:auto;
	margin-left:auto;
	padding-bottom:30px;
	text-align:left;
	font-weight: bold;
	font-size:12px;
}
div.lienBas{background-color:#FFD699;height:15px;padding-top:0px;width:950px;}
.lienBas img{float:right;}
.lienBas A{
	font-size:10px;
	color:black;
	text-transform: uppercase;
	padding-left:8px;
	padding-right:12px;
	height:12px;
	display:block;
	float:left;
}
.lienBas A:HOVER { color:#6D98CC;text-decoration:none; }
.lienBasOn{
	background-color:#FFD699;
}
A.lienBasOn{
	color:#6D98CC;
}

.label{	float:left;clear:left;width: 188px;margin-bottom:4px;height:16px;}
.champ{	float:left;	width:470px;margin-bottom:4px;}
.champ select{margin-left:0px;font-family: Trebuchet MS;border:1px solid #366899;width:200px;}
.champ input{font-family: Trebuchet MS;	border:1px solid #366899;width:200px;}
.champ textarea{font-family: Trebuchet MS;border:1px solid #366899;	width:400px;}

.errors{color:red;clear:both;}
.navPremier{ height:26px;padding-top:18px;margin-bottom:0px;width:687px;font-size:12px;font-weight:bold; }
.b{ font-weight:bold; }
.aplatjaune{ background-color:#FEE7C3;clear:left;float:left; }
.aplatbleu{ background-color:#D6EBFF;clear:left;float:left; }
.aplatjaune a{ text-decoration:underline;color:#FF9900 }
.aplatjaune a:HOVER{ text-decoration:underline;color:black }

.demoSuite{ float:right;width:104px;padding-top:350px; }
.lienSuite{ font-weight:bold;line-height:15px;font-size:12px;margin-top:3px }
.lienSuite A:HOVER,.lienSuite A:HOVER div.bleu{ text-decoration:none;color:black; }
.formpartic{	font-size:10px;}