BODY{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px;
	padding:0px;
}

.bkgr {
	background-attachment: scroll;
	background-image: url(images/bkgr.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width:953px;
	/*padding:80px 0px 0px 0px;*/
}
.cont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #666666;
	background-color:inherit;
	margin:0px 80px 0px 80px;
	padding:0px;
}

/*.......................
.......  LE HEADER  .....
.......................*/

.header{
	margin:0px;
	padding:0px;
	clear:both;
	display:block;
}
.header .headerLogo {
	float:left;
	margin:0px;
	padding:0px;
}
.header .headerMenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*font-weight:700;*/
	color: #FFFFFF;
	background-color:inherit;
	/*width:400px;*/
	margin:0px;
	padding:0px;
}
.header .headerMenu UL {
	list-style:none;
	margin:0px;
	padding:0px;
}
.header .headerMenu LI{
	float:right;
	color:inherit;
	background-color:#626665;
	border-left:#999999 solid 1px;
	text-align: center;
	height: 17px;
	margin:0px 0px 2px 0px;
	padding: 2px 10px 0px 20px;
}
.header .headerMenu LI:hover, .header .headerMenu LI.over , .header .headerMenu .active{
	color:inherit;
	background-color:#7A7E7D;
	background-image: url(images/headerarrow.gif);
	background-repeat: no-repeat;
	/*border-left:#666666 solid 1px;*/
	background-position: 6% 58%;
}
/*.header .headerMenu .active{
	border:#FFFFFF solid 1px;
}*/
.header .headerMenu .lang{
/*float:right;*/
	margin:20px 10px 0px 0px;
	width:auto;
}
.header .headerMenu .lang A{
	color:#666666;
	text-decoration:none;
}

.header .headerMenu A {
	text-decoration:none;
	color: #FFFFFF;
	background-color:inherit;
}

/*.......................
.......  LE HEADER BANDEAU ARCHIVES ANNEE  .....
.......................*/

.headerBA{
	margin:0px;
	padding:0px;
	clear:both;
	display:block;
}
.headerBA .headerMenuBA {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*font-weight:700;*/
	color: #FFFFFF;
	background-color:inherit;
	/*width:400px;*/
	margin:0px;
	padding:0px;
}
.headerBA .headerMenuBA UL {
	list-style:none;
	margin:0px;
	padding:0px;
}
.headerBA .headerMenuBA LI{
	float:left;
	color:inherit;
	background-color:#98B0CD;
	border-left:#FFFFFF solid 1px;
	text-align: center;
	height: 17px;
	margin:0px 0px 2px 0px;
	padding: 2px 10px 0px 20px;
}
.headerBA .headerMenuBA LI:hover, .headerBA .headerMenuBA LI.over , .headerBA .headerMenuBA .active{
	color:inherit;
	background-color:#086285;
	background-image: url(images/headerarrow.gif);
	background-repeat: no-repeat;
	/*border-left:#666666 solid 1px;*/
	background-position: 6% 58%;
}
/*.header .headerMenu .active{
	border:#FFFFFF solid 1px;
}*/
.headerBA .headerMenuBA A {
	text-decoration:none;
	color: #FFFFFF;
	background-color:inherit;
}

/*...........................
.......  LE SEPARATEUR  .....
...........................*/
.barreHoriz{
	clear:both;
	height:3px;
	background-image: url(images/textureligne.jpg);
	background-repeat:repeat-x;
	background-position: left top;
	margin:2px 0px 1px 0px;
	padding:0px;
}

/*........................................
.......  ACCUEIL ZONE CENTRALE HAUT  .....
........................................*/
.topCenter{
	margin:0px;
	padding:0px;
}
.topCenter .left {
	background-image: url(images/bridge.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 200px;
	width: 363px;

}

.topCenter .left .text{
	margin:170px 10px 5px 0px;
}
.topCenter .left P, .topCenter .left P A{
	font-size: 11px;
	font-weight: bold;
	color: #8F9299;
	background-color:inherit;
}
.topCenter .right {
	background-image: url(images/bkgr_degrade.jpg);
	background-repeat: repeat-x;
	background-position: right top;
	height: 200px;
	width:430px;
	float:right;
}
.topCenter .right .rightText {
	/*display: block;*/
	margin: 15px 0px 0px 0px;
	/*padding: 0px 5px 5px 13px;*/
	float: right;
	width: 165px;

}
.rightLink, .rightLink2 {
	font-size: 9px;
	font-weight: bold;
	color: #767777;
	background-color:inherit;
	background-image: url(images/headerarrowright2.jpg);
	background-repeat: no-repeat;
	background-position: 100% 46%;
	padding: 0px 15px 0px 0px;
}
.rightLink2 {
	background-position: 25% 46%;
}
.rightLink A, .rightLink2 A {
	color: #767777;
	background-color:inherit;
	text-decoration:none;
}
.rightLink A, .rightLink2 A:hover {
	text-decoration:underline;
}
.topCenter .right .rightText .titre {
	background-image: url(images/headerarrowright.gif);
	background-repeat: no-repeat;
	background-position: 0% 6%;
	padding: 0px 0px 0px 12px;
}
.topCenter .right .rightText .titre H1, .homeCont .left .text H3{
	text-decoration:underline;
	font-size:11px;
	margin:0px;
	padding:0px;
}


.topCenter .right .rightText .text {
	padding: 10px 7px 4px 12px;
}



/*....................................
.......  ACCUEIL ZONE CENTRALE   .....
...................................*/
.homeCont {
	clear: both;
	margin:0px 0px 0px 0px;
}
.homeCont .right{
	float: right;
	display:block;
	width:245px;
}

.homeCont .mainTitre {
	background-color: #D6DFDF;
	color:inherit;
	border: #BEC4C7 solid 1px;	
	height:20px;
	padding:0px 0px 0px 12px;
	margin: 0px 0px 5px 0px;
	line-height:20px;
	font-weight: bold;
}
.homeCont .mainTitre H2{
	font-size:11px;
	margin:0px;
}
.homeCont .right .text p{ /*pour la news en HP*/
	margin:5px 0px 0px 0px;
	padding:0px;
}

.homeCont .right .text{
	margin:0px;
	padding:0px;
	width:160px;
	float:left;
}

.homeCont .right .text A{
	color:#666666;
}
.homeCont .right .text P A{
	text-decoration:none;
}
.homeCont .right .text {
	padding: 5px;
}
.homeCont .left{
	float: left;
	display:block;
	width:533px;	
}

.homeCont .right2{
	float: right;
	display:block;
	width:425px;
}

.homeCont .left .borderArrow{
	background-image: url(images/headerarrowright.gif);
	background-repeat: no-repeat;
	background-position: 0% 8%;
	padding: 7px 10px 0px 18px;
}
/*....................................
.......  ACCUEIL TITRES DU BAS  ......
....................................*/

.homeTitreBas {
	clear:both;
	display:block;
	height:23px;

}
.homeTitreBas .left .titre {
	width:300px;
	border: 1px solid #CCCCCC;
}
.homeTitreBas .left .titre .titreFond {
	line-height: 18px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #5C82A8;
	padding: 0px 0px 0px 5px;	
}
.homeTitreBas .left .titre .titreFond H3{
	font-size:11px;
	margin:0px;
	padding:0px;
}
.homeCont botClients {
	clear:both;
	display:block;
}
.homeCont .imgBot {
	float:left;
	display:block;
	padding:0px 6px 0px 0px;
}
.homeCont .imgBotEnd {
	float:left;
	padding:0px;
}
/*........................
.......  SERVICES   ......
........................*/

.topCenter .servicesLeft {
	background-image: url(images/city.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 200px;
	width: 357px;

}
.topCenter .servicesRight {
	background-image: url(images/bkgr_degrade.jpg);
	background-repeat: repeat-x;
	background-position: right top;
	height: 200px;
	width:436px;
	float:right;
}
.topCenter .servicesRight .rightText .titre {
	background-image: url(images/headerarrowright.gif);
	background-repeat: no-repeat;
	background-position: 0% 18%;
	padding: 0px 0px 0px 20px;
	margin:20px 0px 0px 20px;
}
.topCenter .servicesRight .rightText .titre H1{
	font-size:16px;
	font-weight:normal;
	line-height:20px;
	margin:0px;
	padding:0px;
}
.topCenter .servicesRight .rightText .text {
	padding: 10px 0px 4px 20px;
	margin:0px 0px 0px 20px;
}
.cont .midTitle H2 {
font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 17px;
	font-weight: 900;
	margin:0px;
	padding:0px;
}
/*....................................
.......  SERVICES ZONE CENTRALE   .....
...................................*/
.servCont {
	clear: both;
	margin:0px 0px 0px 0px;
}
.servCont .left{
	float: left;
	display:block;
	width:402px;
}
.servCont .mainTitre {
	background-color: #D6DFDF;
	color:inherit;
	border: #BEC4C7 solid 1px;	
	height:20px;
	padding:0px 0px 0px 5px;
	margin: 0px 0px 5px 0px;
	line-height:20px;
	font-weight: bold;
}
.servCont .mainTitre H2{
	font-size:11px;
	margin:0px;
}
.servCont .right {
	float: left;
	display:block;
	width:188px;
	padding-left:20px;	
}
.servCont .right2 {
	float: left;
	display:block;
	padding-left:20px;
	width:163px;
}
.servCont .contLeft1, .servCont .contLeft2 {
	float:left;
	width:195px;
	margin:0px 8px 0px 0px;
}
.servCont .contLeft2 {
	margin:0px;
}
.servCont .contRight1, .servCont .contright2 {
	float:left;
	/*width:180px;*/
	margin:0px 14px 0px 0px;
}
.servCont .contLeft2 {
	margin:0px;
}
.servCont UL{
	margin:0px 0px 0px 16px;
	padding:0px;
}
.servCont LI{
	margin:0px;
	padding:0px;
	list-style-type: disc;
}
/*.............................................
.......  REALISATIONS ZONE CENTRALE HAUT  .....
.............................................*/
.topCenterReal{
font:Arial, Helvetica, sans-serif;
	background-image: url(images/fond_realisations.jpg);
	background-repeat: repeat-x;
	background-position: right top;	
	display:block;
	overflow:visible;
	height:200px;
}
.topCenterReal A{
	color:#666666;
}
.topCenterReal .left {
	display:block;
	float: left;
	/*height: 200px;*/
	width: 530px;
}

.topCenterReal .left .cont{
	margin: 30px 0px 0px 15px;
}
.topCenterReal .left .cont .titre H2{
	font-size:15px;
	color:#454545;
}
.topCenterReal .left .cont .text P{
	margin: 0px 0px 10px 0px;
	font-weight:normal;
	color:#333333;
}
.topCenterReal .left P, .topCenter .left P A{

	font-size: 11px;
	font-weight: bold;
	color: #8F9299;
	background-color:inherit;
}
.topCenterReal .right {
	display:block;
	height: 200px;
	width:250px;
	float:right;
	/*background-image: url(images/bkgr_vdo.jpg);
	background-repeat: no-repeat;
	background-position:center;*/	
}
.topCenterReal .style1 {
	margin:10px 6px 0px 0px;	
}
.topCenterReal .style1img {
	margin:17px 0px 0px 2px;	
}
.topCenterReal .style1 A{
	color: #767777;
	background-color:inherit;
	text-decoration:underline;
}
.realTitle{
margin:0px 30px 0px 0px;
}
.realTitle A{
	color: #767777;
	background-color:inherit;
	text-decoration:underline;
}
.realTitle .menu{
	float:right;
	width: 185px;
	font-size:11px;
}
.realTitle .arrLeft{
	background-image:url(images/redarrowleft.gif);
	background-position:center left;
	background-repeat:no-repeat;
	padding: 0px 0px 0px 16px;
}
.realTitle .arrRight{
	background-image:url(images/redarrowright.gif);
	background-position:center right;
	background-repeat:no-repeat;
	padding: 0px 13px 0px 40px;
}
.realTitle .left{
	float:left;
	width:250px;
}
.realTitle .left .titre {
	border: 1px solid #CCCCCC;
}
.realTitle .left .titre .titreFond {
	line-height: 18px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #5C82A8;
	padding: 0px 0px 0px 5px;
}
.realTitle .left .titre .titreFond H3{
	font-size:14px;
	margin:0px;
	padding:0px;
}

.realCont {
	clear:both;
}
.realCont IMG{
	float:left;
	border: #999999 1px solid;
	margin: 0px 9px 10px 0px;
}
.imgover{
	border: #FF0000 1px solid;
	margin:10px;
}
.realCont .last IMG{
	float:right;
	margin: 0px 0px 10px 0px;
}
/*........................
.......  CONTACT ......
........................*/
.contactCont {
	clear: both;
	margin:0px 0px 0px 0px;
}
.contactCont A{
	color:#666666;
}
.contactCont .left{
	float: left;
	display:block;
	width:190px;
	padding-right:10px;
}
.contactCont .right{
	float: right;
	display:block;
	width:190px;
}
.contactCont .mainTitre {
	background-color: #D6DFDF;
	color:inherit;
	border: #BEC4C7 solid 1px;	
	height:20px;
	padding:0px 0px 0px 10px;
	margin: 0px 0px 5px 0px;
	line-height:20px;
	font-weight: bold;
}
.contactCont .mainTitre H2{
	font-size:11px;
	margin:0px;
}
.contactCont .text H5{
	font-size:12px;
	margin:15px 0px 5px 5px;;
}
.contactCont .text P{
	margin:5px;
}
.contactCont .text A{
	color: #767777;
	background-color:inherit;
	text-decoration:underline;
}
/*........................
.......  News  ......
........................*/
.newsCont{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
}
.newsCont .image{
	float:right;
	border: #999999 1px solid;
	display:block;
	margin:10px;
	padding:5px;
}
.newsCont .imgcol{
	float:right;
	width:220px;
	display:block;
}

.newsCont .infopresse{
background-color:#0E014C;
}
.newsCont .rightLink2{
background-position:left;
padding-left:13px;
}

.newsCont .news{
margin:8px 0px 7px 15px;
width:350px;
float:left;
}

.newsCont .date{
font-size:10px;
}

.newsCont .news .titre H4{
margin:0px 0px 8px 0px;
padding:0px;
font-size:13px;
}
.newsCont .titre H2{
margin:0px 0px 8px 0px;
padding:0px;
font-size:18px;
}
.newsCont .news .text{
	color:#787878
}
.newsCont .text A, .newsCont .textlist A{
	color:#666666;
	text-decoration:none;
}
.newsCont .textlist{
display:block;
width:550px;
}
.newsCont .textlist P{
margin:5px;
}


/*........................
.......  LE FOOTER  ......
........................*/
.footer{
	clear:both;
	display:block;
	height:35px;
}
.footer .w3c{
	float:left;
	padding:0px;
	width:80px;
}
.footer .menu{
	float:left;
	margin: 10px 0px 0px 90px;
}
.footer .menu A{
	text-decoration:none;
	color: #767777;
	background-color:inherit;
}
.footer .menu A:hover{
	text-decoration:underline;
}
.footer .copyright{
	float:right;
	padding:0px;
	margin: 10px 0px 0px 0px;
	width:180px;
}

/*................................
.......  CLASSES GENERIQUES  .....
................................*/

.imgBorder{
	padding:5px;
	border: #666666 solid 1px;
	float:left;
	clear:none;
}
.txtBleu {
	color: #688BAE;
	background-color:inherit;
}
.spacer15{
	height:15px;
	clear:both;
}
.spacer10{
	height:10px;
	clear:both
}
.spacer5{
	clear:both;
	height:5px;
}
.empty{
	clear:both;
}
.underline{
	text-decoration:underline;
	display:block;
	float:left;
	width:60px;
}
.underline2{
	text-decoration:underline;
	display:block;
	float:left;
	width:60px;
	height:30px;
}
.underline3{
	text-decoration:underline;
	display:block;
	float:left;
	width:60px;
	height:50px;
}
.underline4{
	text-decoration:underline;
	display:block;
	float:left;
	width:60px;
	height:65px;
}
.underline5{
	text-decoration:underline;
	display:block;
	float:left;
	width:60px;
	height:80px;
}
.underline6{
	text-decoration:underline;
	display:block;
	float:left;
	width:60px;
	height:95px;
}
.underline7{
	text-decoration:underline;
	display:block;
	float:left;
	width:60px;
	height:115px;
}