.b {
	font-weight : bold ;
}
.upperbold {
	font-weight : bold ;
	text-transform : uppercase ;
}

.cl, .cl10 {
	clear : both ;
}

.cl10 {
	height : 10px ;
}

img , #left_col * {
	font-size : 0 ;
}

#container {
	width : 1034px;
	padding-bottom : 30px ;
}

#left-images-container {
	position : absolute;
	top : 0;
	left : 0;
	width : 201px ;
	height : auto ;
}

/* MENU GAUCHE */
#menu-entreprise, #menu-savoirfaire, #menu-activite, #menu-implantations, #menu-nousrejoindre, #menu-nouscontacter {
	width : 191px ;
	height : 26px ;
}

/* EN IMAGES */
#menu-border-container{
	width : 629px ;
	border-bottom : 1px solid #ebe9e5 ;
}
#en-image {
	background : transparent url(../images/en_images_off.gif) no-repeat 0 0 ;
	width : 74px ;
	height : 26px ;
	float : left ;
}
#border {
	float : left ;
	border-bottom : 1px solid #f2f0ee ;
	width : 555px ;
	height : 25px ;
}
.square125 {
	float : left ;
	width : 125px ;
	height : 126px ;
}
.square126 {
	float : left ;
	width : 126px ;
	height : 126px ;
}
.square251 {
	float : left ;
	width : 251px ;
	height : 126px ;
}
.square252 {
	float : left ;
	width : 252px ;
	height : 126px ;
}
.square125 a {
	display : block ;
	width : 125px ;
	height : 126px ;
}
.square126 a {
	display : block ;
	width : 126px ;
	height : 126px ;
}
.square251 a {
	display : block ;
	width : 251px ;
	height : 126px ;
}
.square252 a {
	display : block ;
	width : 252px ;
	height : 126px ;
}

#train {
	background : transparent url(../images/train.jpg) no-repeat 0 0 ;
}
#gare {
	background : transparent url(../images/gare.jpg) no-repeat 0 0 ;
}
#tramway {
	background : transparent url(../images/tramway.jpg) no-repeat 0 0 ;
}
#voieferree1 {
	background : transparent url(../images/voieferree1.jpg) no-repeat 0 0 ;
}
#voieferree2 {
	background : transparent url(../images/voieferree2.jpg) no-repeat 0 0 ;
}
#carre-noir {
	background : transparent url(../images/carre_noir.png) no-repeat 0 0 ;
}
#carre-bleu {
	background : transparent url(../images/carre_bleu.png) no-repeat 0 0 ;
}
#carre-rouge {
	background : transparent url(../images/carre_rouge.png) no-repeat 0 0 ;
}

.fleche125 {
	background : transparent url(../../images/fleche125.png) no-repeat scroll 0 0 ;
}
.fleche125-gif {
	background : transparent url(../../images/fleche125.gif) no-repeat scroll 0 0 ;
}
.fleche126 {
	background : transparent url(../../images/fleche126.png) no-repeat scroll 0 0 ;
}
.fleche126-gif {
	background : transparent url(../../images/fleche126.gif) no-repeat scroll 0 0 ;
}
.fleche251{
	background : transparent url(../../images/fleche251.png) no-repeat scroll 0 0 ;
}
.fleche251-gif {
	background : transparent url(../../images/fleche251.gif) no-repeat scroll 0 0 ;
}
.fleche252 {
	background : transparent url(../../images/fleche252.png) no-repeat scroll 0 0 ;
}
.fleche252-gif {
	background : transparent url(../../images/fleche252.gif) no-repeat scroll 0 0 ;
}

/* HOVER EN IMAGES */
#carre-noir:hover {
	cursor : pointer ;
	background : transparent url(../images/carre_noir_on.png) no-repeat 0 0 ;
}
#carre-rouge:hover {
	background : transparent url(../images/carre_rouge_on.png) no-repeat 0 0 ;
}
#carre-bleu:hover {
	background : transparent url(../images/carre_bleu_on.png) no-repeat 0 0 ;
}
#train:hover {
	background : transparent url(../images/train_on.jpg) no-repeat 0 0 ;
}
#gare:hover {
	background : transparent url(../images/gare_on.jpg) no-repeat 0 0 ;
}
#tramway:hover {
	background : transparent url(../images/tramway_on.jpg) no-repeat 0 0 ;
}
#voieferree1:hover {
	background : transparent url(../images/voieferree1_on.jpg) no-repeat 0 0 ;
}
#voieferree2:hover {
	background : transparent url(../images/voieferree2_on.jpg) no-repeat 0 0 ;
}