* {
	font-family: verdana , arial, sans-serif;
}
a {
	text-decoration: none;
}
hr {
	display: none;
}
h2, h3, h4, h6, ul, li, p{
	margin: 0;
	padding: 0;
}
body {
	font-size:70%;
	margin:auto !important;
	background:#E8E6E6;
	text-align:center;
}

#divPage{
	width:754px;
	margin: 0 auto;
	text-align:left;
	background: white;
	padding-left:21px;
	padding-right:22px;
}

#divPageHaut{
	background:white;
}

#divEntetePage{
	background:url("../images/hautGris.gif") repeat-y !important;
	width:754px;
	min-height:120px;
	height: auto !important;
	height:120px;
}
#logoVecteurPlus{
	float:right;
	margin-top:16px !important;
	margin-left:-80px;
}
#logoServomap{
	float:right;
	margin-left:-60px;
	margin-top:4px !important;
}
#divH2{
	margin-top:50px;
	min-height:69px;
	height: auto !important;
	height:69px;
	float:left;
}
#logo {
	margin-top:53px !important;
	float:right;
	margin-bottom:0;
}
#divEntetePage h2{
	font-weight:bold;
	font-size:200%;
	font-weight:bold;
	color:#003092;
	padding-left:10px;
	padding-top:6px;
	letter-spacing: 1px;
}
#divEntetePage h2 span{
	display:block;
	padding-top:4px;
	font-size:91%;
	color:#314FA8;
	text-transform:uppercase;
	letter-spacing: 1px;
}
#divSeparateurHaut{
	background:#003092 repeat-y !important;
	width:754px;
	min-height:13px;
	height: auto !important;
	height:13px;
}
#divContenue{
	width:754px;
	min-height:1123px;
	height: auto !important;
	height:1123px;
	background:#FFFFFF;
}
#divDeveloppement{
	height: auto !important;
	
}
#divDeveloppement h2{
	font-family:Verdana, sans-serif !important;
	font-size:100%;
	color:#747270;
}
#divDeveloppement p{
	font-family:Verdana, sans-serif !important;
	margin-top:21px;
}
#divDeveloppement p span{
	font-weight: bold;
	color:#003092;
}

.TexteBleuGras {
	font-weight: bold;
	color:#003092;
}

.gauche {
	float:left;
	width:20%;
}

.droite {
	float:left;
	margin-left:10px;
	width:75%;
}

.droite h4 {
	margin:0px;
	padding:0px;
	color:#003092;
	font-size:110%;
}

.droite span {
	font-style:italic;
}

.clearBoth {
	clear:both;
}

#traitVerticale{
	width:1px;
	min-height:281px;
	height: auto !important;
	height:281px;
}
#piedDePage{
	width:797px;
	min-height:22px;
	height: auto !important;
	height:33px;
	padding:11px 0 0 25px !important;
	color:#314FA8;
	font-size:90%;
	text-align: left;
	margin: -17px auto 0 auto;
}
#piedDePage a{
	color:#314FA8;
}
#divGauche{
	margin-top:23px;
	width:435px !important;
	width:465px;
	padding-right:30px !important;
	padding-right:15px;
	min-height:975px;
	height: auto !important;
	height:975px;
	float:left;
	background:url("../images/bgdivDroit.gif") 100% 0 repeat-y !important;
}
#divDroit{
	width:280px ;
	min-height:946px;
	height: auto !important;
	height:975px;
	float:right;
	padding-top:29px;
	margin-right:0 !important;
}
#divAppelsOffre p{
	font-family:Verdana, sans-serif !important;
	font-size:125%; 
}
.grasColore{
	color:#314FA8 !important;
	font-weight: bold;
}
.grasNoire{
	font-weight: bold;	
}
#divOffreService{
	width:432px;
	min-height:215px;
	height: auto !important;
	height:215px;
}
#divOffreService p{
	font-family:Verdana, sans-serif !important;
	font-size:125%;
}

.titre{
	padding-top:25px;
	font-family:Verdana, sans-serif !important;
	padding-bottom:7px;
	color:#314FA8;
	font-weight:bold;
	font-size: 140%;
	background:url("../images/traitVerticale.gif") 0 100%  repeat-x !important;
	margin-bottom:18px;
}
.titreGras{
	font-family:Verdana !important;
	padding-bottom:10px;
	color:#314FA8;
	font-size: 150%;
	font-weight: bold;
}
.titreGrasServoMap{
	font-family:Verdana !important;
	padding:12px 0px 0px 0px;
	height:25px;
	color:#314FA8;
	font-size: 150%;
	font-weight: bold;
	background:#FFFFFF url("../images/logoServomapTrans.gif") 90% 0%  no-repeat !important;
}
#divTelephone{
	width:256px;
	min-height:97px;
	height: auto !important;
	height:88px;	
	margin:0 0 4px 7px;
}
#divTelephoneHaut{
	width:256px;
	min-height:60px;
	height: auto !important;
	height:88px;
	background:#314FA8 url("../images/telephoneHautElectrecite.gif") 0 0  no-repeat !important;
	padding-top:10px;
}
#divTelephoneBas{
	width:256px;
	min-height:80px;
	height: auto !important;
	height: 86px;
	background:url("../images/telephoneBasElectrecite.gif") 0 100%  no-repeat !important;	
	color:white;
	text-align:center;
	font-size:105%;
	margin-top:3px;
}
#divTelephone span{
	font-size:155%;
	color:white;
	display:block;
	font-weight:bold;
}
#divVosBenefices{
	width:438px;
	min-height:161px;
	height: auto !important;
	height:161px;
}
#divVosBenefices h6 {
	min-height:12px;
	height: auto !important;
	height:12px;
	padding-left:12px; 
	background:url("../images/puceFlecheElectrecite.gif")  no-repeat 0px 3px !important;
	font-weight:normal;
	font-size:120%;
}
#divVosBenefices h6 a{
	font-family:Verdana, sans-serif !important;
	font-size:108%;
	color:#314FA8;
	text-decoration:underline;
}

.ulVosBenefices{
	list-style:none;
}
.ulVosBenefices li{	
	padding:0 0 16px 14px;
	background:url("../images/puceTriangleElectrecite.gif") 0 1px  no-repeat !important;	
}
.ulVosBenefices li a{
	font-family:Verdana, sans-serif !important;
	font-size:117%;
	color:#131313;
}
/*.ulVosBenefices li a span{
	color:#AECA4D;
}*/
#divVeilleCommercial{
	width:438px;
	min-height:136px;
	height: auto !important;
	height:136px;
}
.ulVeilleCommercial{
	list-style:none;
}
.ulVeilleCommercial li{	
	text-transform: uppercase;
	padding:0 0 3px 14px;
	background:url("../images/puceTriangleElectrecite.gif") 0 1px  no-repeat !important;	
}
.ulVeilleCommercial li a{
	font-family:Verdana, sans-serif !important;
	font-size:117%;
	color:#314FA8;
}
.ulVeilleCommercial li a span{
	color:#020202;
	text-transform:lowercase;
}
#divPourquoiChoisirVecteutPlus{
	width:273px;
	min-height:180px;
	height: auto !important;
	height:180px;
	padding-left:10px;
	background:url("../images/traitVerticale.gif") 0 0  repeat-x !important;
	padding-top:20px;
}
#divPourquoiChoisirVecteutPlus p{
	font-size: 100%;
	color:#666666;
	font-family:Verdana, sans-serif !important;
}
#divPourquoiChoisirVecteutPlus h2{
	font-size: 107%;
	font-family:Verdana, sans-serif !important;
	padding-top:19px;
	padding-bottom:19px;
}
.ulPourquoiChoisirVecteutPlus{
	list-style:none;
}
.ulPourquoiChoisirVecteutPlus li{	
	padding:0 0 3px 14px;
	background:url("../images/puceFlecheElectrecite.gif") 0 5px  no-repeat !important;
}
.ulPourquoiChoisirVecteutPlus li span{
	font-family:Verdana, sans-serif !important;
	font-size:120%;
	color:#314FA8;
	display:block;
}
/*white-space: nowrap;*/
#divContacterNous{
	width:273px;
	min-height:104px;
	height: auto !important;
	height:104px;
	background:url("../images/traitVerticale.gif") 0 0  repeat-x !important;
	padding-top:20px;
}
.contacterNous{
	width:177px;
	min-height:29px;
	height: auto !important;
	height:29px;
	padding: 12px 0 13px 7px;
}
.contacterNousHaut{
	width:177px;
	min-height:29px;
	height: auto !important;
	height:29px;
	background:#314FA8 url("../images/contacterNousHautElectrecit.gif") 0 0  no-repeat !important;
}
.contacterNousBas{
	width:177px;
	min-height:21px;
	height: auto !important;
	height:29px;
	background:url("../images/contacterNousBasElectrecite.gif") 0 100%  no-repeat !important;	
	color:white;
	text-align:center;
	font-size:105%;
	font-weight:bold;
	padding-top:8px;
}
.contacterNousBas a{
	color:#fff;
}
#divContacterNous p{
	font-size:150%;
	font-weight:bold;
}

#servomap {
	width:273px;
	min-height:93px;
	height: auto !important;
	height:93px;
	padding-left:10px;
	background:url("../images/traitVerticale.gif") 0 0  repeat-x !important;
	padding-top:20px;
}

.succes {
	background:url("../images/flecheBleu.gif") 0 50%  no-repeat;
	list-style:none;
}

.succes li {
	margin-left:15px;
}

.succes li a {
	color:#314FA8;
	text-decoration:none;
}

.succes li a:hover {
	text-decoration:underline;
}

#divSucceClient{
	width:273px;
	min-height:93px;
	height: auto !important;
	height:93px;
	padding-left:10px;
	background:url("../images/traitVerticale.gif") 0 0  repeat-x !important;
	padding-top:20px;
}
.ulSucceClient{
	list-style:none;
}
.ulSucceClient li{	
	text-transform: uppercase;
	padding:0 0 3px 14px;
	background:url("../images/puceFlecheElectrecite.gif") 0 1px  no-repeat !important;	
}
.ulSucceClient li a{
	font-family:Verdana, sans-serif !important;
	font-size:120%;
	color:#131313;
}
.ulSucceClient li a span{
	color:#314FA8;
	text-transform: lowercase;
}
#divSucceClient h6 {
	min-height:12px;
	height: auto !important;
	height:12px;
	padding-left:12px;
	margin-top:25px;
	margin-bottom:17px;
	font-weight:normal;
	font-size:120%;
}
#divSucceClient h6 a{
	font-family:Verdana, sans-serif !important;
	font-size:108%;
	color:#314FA8;
	text-decoration:underline;
}
#divNewslettre{
	width:273px;
	min-height:296px;
	height: auto !important;
	height:296px;
	background:url("../images/traitVerticale.gif") 0 0  repeat-x !important;
	padding-top:20px;
}

#divNewslettre h6 {
	min-height:12px;
	height: auto !important;
	height:12px;
	padding-left:12px;
	margin-top:25px;
	margin-bottom:17px;
	background:url("../images/puceFlecheElectrecite.gif")  no-repeat 0px 3px !important;
	font-weight:normal;
	font-size:120%;
}
#divNewslettre h6 a{
	font-family:Verdana, sans-serif !important;
	font-size:108%;
	color:#314FA8;
	text-decoration:underline;
}
#divNewslettre  p{
	font-family:Verdana, sans-serif !important;
	font-size:110%;
}
#divOmbreMilieu {
	background: url("../images/ombreMilieu.png") 50% 0 repeat-y !important;
	width: 837px;
	margin: 0 auto;
}
#divOmbreHaut {
	background: url("../images/ombreHaut.png") 50% 0 no-repeat !important;
	padding-top: 29px;
}
#divOmbreBas {
	background: url("../images/ombreBas.png") 50% 100% no-repeat !important;
	padding-bottom: 17px;
}
