/* CSS Document */
html{ width:100%; position:relative}
body{
	padding:0px;
	margin:0px;
	color:#FFF;
	font-family: Tahoma, sans-serif;
	font-size: 0px;
	li-ne-height: 0px;
	background-color: #87888A;
	clip: rect(0px,auto,auto,auto);
	height: 35px;
	width:100%;
	position:relative;
}
div, p, ul, h2, h3, h4, img{
	font-size: 11px;
	padding: 0px;
	top: 3px;
	position: relative;
	margin: 0px;
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;

}
ul{
	list-style-type:none;
}

.clear {clear: both; margin: 0px; height:0}

p a{font:10pt Tahoma, sans-serif; color:#aaa; text-decoration:none;}
p a:hover{ color:#000; text-decoration:none;}

.headline{
	font:20px/22px Tahoma, Geneva, sans-serif;
	color:#000;
	font-weight:bold
}

.bold{
	color:#000;
	font-weight:bold;
	margin-left: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	line-height: 14px;
}

.bold_2{
	color:#000;
	font-weight:bold;
	margin-left: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	line-height: 14px;
	text-decoration: none;
}

.bold3{
	color:#666;
	font-weight:bold;
	margin-left: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	line-height: 14px;
	text-decoration: none;
}

.bold4{
	color:#000;
	font-weight:bold;
	margin-left: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	line-height: 16px;
	text-decoration: none;
}

.p2{
	color:#000;
	font-weight:normal;
	margin-left: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	line-height: 16px;
	text-decoration: none;
	text-align: justify
}

.adress{
	color:#666;
	margin-left: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	line-height: 14px;
	text-decoration: none;
	font-weight: normal;
}

.adress2{
	color:#CCC;
	margin-left: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: x-small;
	line-height: 14px;
	text-decoration: none;
	font-weight: lighter;
}

#incontainer{
	width:903px;
	position:relative;
	margin:0 auto;
}



/* menu horizontal top */


#menuPan{width:903px; height:93px; position:relative}

#menuPan div.menu{
	top:0px;
	left:0px;
	width:903px;
	height: 95px;
	position: relative;
	background-color: #FFF;
	background-image:url(../images/head.jpg)
}

#menuPan div.menu_page{
	top:0px;
	left:0px;
	width:903px;
	height: 93px;
	position: relative;
	background-color: #87888A;
	background-image:url(../images/head_page.jpg);
	background-repeat:no-repeat;
}

#menuPan ul.menu li{
	height:93px;
	float:left;
	background-color: #000;
}
#menuPan ul.menu li a{
	height:93px;
	display:block;
	text-indent:-20000px;
	outline:none
}
#menuPan ul.menu li a:hover{height:93px;}

#menuPan ul.menu li.top_ban1 a{
	width:242px;
	background-image: url(../images/top_ban1.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	outline:none
}

#menuPan ul.menu li.btn_2 a{
	width:466px;
	background-image: url(../images/top_ban2.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	outline:none
}

#menuPan ul.menu li.btn_3 a{width:74px; background:url(../images/top_ban3_double.gif) left top no-repeat; outline:none}
#menuPan ul.menu li.btn_3 a:hover{
	width:74px;
	background-image: url(../images/top_ban3_double.gif);
	background-repeat: no-repeat;
	background-position: right top;
	outline:none
}

#menuPan ul.menu li.btn_4 a{width:114px; background:url(../images/top_ban4_double.gif) left 0 no-repeat; outline:none}
#menuPan ul.menu li.btn_4 a:hover{
	width:114px;
	background-image: url(../images/top_ban4_double.gif);
	background-repeat: no-repeat;
	background-position: right 0;
	outline:none
}

#menuPan ul.menu li.btn_5 a{width:100px; background:url(../images/top_ban5_double.gif) left 0 no-repeat; outline:none}
#menuPan ul.menu li.btn_5 a:hover{width:100px; background:url(../images/top_ban5_double.gif) right 0 no-repeat; outline:none}

#menuPan ul.menu li.btn_6 a{width:87px; background:url(../images/top_ban6_double.gif) left 0 no-repeat; outline:none}
#menuPan ul.menu li.btn_6 a:hover{width:87px; background:url(../images/top_ban6_double.gif) right 0 no-repeat; outline:none}

#menuPan ul.menu li.btn_7 a{width:73px; background:url(../images/top_ban7_double.gif) left 0 no-repeat; outline:none}
#menuPan ul.menu li.btn_7 a:hover{width:73px; background:url(../images/top_ban7_double.gif) right 0 no-repeat; outline:none}

#menuPan ul.menu li.btn_8{margin-right:0}
#menuPan ul.menu li.btn_8 a{width:195px; background:url(../images/top_ban8.gif) 0 0 no-repeat; outline:none}

#menutext {
	width:610px;
	height:18px;
	background-image:none;
	position:absolute;
	top: 56px;
	left: 250px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	z-index: 2;
}

#menutext p a{
	font:12px/16px verdana, sans-serif;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	outline:none;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}
#menutext p a:hover{
	text-decoration:none;

	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;

}



.separateur2{
	width:1px;
	height:18px;
	background-image:url(../images/separateur.gif);
	position:absolute;
	top: 59px;
	left: 340px;
	z-index: 4;
}

.separateur3{
	width:1px;
	height:18px;
	background-image:url(../images/separateur.gif);
	position:absolute;
	top: 59px;
	left: 448px;
	z-index: 5;
}

.separateur4{
	width:1px;
	height:18px;
	background-image:url(../images/separateur.gif);
	position:absolute;
	top: 59px;
	left: 578px;
	z-index: 6;
}

.separateur5{
	width:1px;
	height:18px;
	background-image:url(../images/separateur.gif);
	position:absolute;
	top: 59px;
	left: 705px;
	z-index: 7;
}

.separateur6{
	width:1px;
	height:18px;
	background-image:url(../images/separateur.gif);
	position:absolute;
	top: 59px;
	left: 789px;
	z-index: 8;
}



/* top */

/* banniere page index */
#topPan2{
	width:903px;
	height:238px;
	position:relative;
    background-color: #87888A;
}

#topPan2 img#ban_left{
	position:absolute;
	top:0px;
	left:0px;
	margin-top: 0px;
}
#topPan2 img#ban_right{
	position:absolute;
	top:0px;
	left:896px;
	margin-top: 0px;
}

#topPan2 img#ban_down{
	position:absolute;
	top:230px;
	left:0px;

}

#topPan2 img#ban_down_gris{
	position:absolute;
	top:0px;
	left:0px
}

#topPan2 img#FlashID{
	position:absolute;
	top:232px;
	left:6px
}
/* FIN */



/* bas de la banniere sur autre page : partie grise */
#topPan3{
	width:903px;
	height:7px;
	position:relative;
}

#topPan3 img#ban_down_gris{
	position:absolute;
	top:0px;
	left:0px;
}
/* FIN */




/* bloc module news flash */
#topPan4{
	width:650px;
	height:440px;
	position:absolute;
	background-color: #FFF;
	top: 80px;
}
/* FIN */


/* bloc texte (nos solutions ; contact) */
#topPan5{
	width:396px;
	height:204px;
	position:absolute;
	background-color: #FFF;
	top: 57px;
	left: 240px;
	text-align:justify
}
/* FIN */


/* bloc carte de france animée */
#topPan6{
	width:249px;
	height:300px;
	position:absolute;
	background-color: #FFF;
	top: 269px;
	left: -251px;
}

#topPan9{
	width:370px;
	height:350px;
	position:absolute;
	background-color: #FFF;
	top: 215px;
	left: 252px;
}

#topPan10{
	width:615px;
	height:350px;
	position:absolute;
	background-color: #FFF;
	top: 55px;
	left: 20px;
	top: 250px;
}

#topPan11{
	width:615px;
	height:350px;
	position:absolute;
	background-color: #FFF;
	top: 55px;
	left: 17px;
}

/*#topPan12{
	width:660px;
	position:relative;
	background-color: #FFF;
	top: 26px;
	left: 0px;
}

#topPan12 ul.cat{
	top:0px;
	left:0px;
	width:660px;
	background-color: #FFF;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
}


ul.cat li.cat1 a{
	width:214px;
	background-image: url(../images/cat1_double.jpg);
	background-repeat: no-repeat;
	background-position: left 0;
	outline:none
}
ul.cat li.cat1 a:hover{
	width:214px;
	background-image: url(../images/cat1_double.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	outline:none;
}

ul.cat li.cat2 a{
	width:214px;
	background-image: url(../images/cat2_double.jpg);
	background-repeat: no-repeat;
	background-position: left 0;
	outline:none
}
ul.cat li.cat2 a:hover{
	width:214px;
	background-image: url(../images/cat2_double.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	outline:none
}
ul.cat li.cat3 a{width:214px; background:url(../images/cat3_double.jpg) left 0 no-repeat; outline:none}
ul.cat li.cat3 a:hover{
	width:214px;
	background-image: url(../images/cat3_double.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	outline:none
}

ul.cat li.cat4 a{width:214px; background:url(../images/cat4_double.jpg) left 0 no-repeat; outline:none}
ul.cat li.cat4 a:hover{
	width:214px;
	background-image: url(../images/cat4_double.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	outline:none
}

ul.cat li.cat5 a{width:214px; background:url(../images/cat5_double.jpg) left 0 no-repeat; outline:none}
ul.cat li.cat5 a:hover{
	width:214px;
	background-image: url(../images/cat5_double.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	outline:none
}

ul.cat li.cat6 a{width:214px; background:url(../images/cat6_double.jpg) left 0 no-repeat; outline:none}
ul.cat li.cat6 a:hover{
	width:214px;
	background-image: url(../images/cat6_double.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	outline:none
}*/
/* FIN */

#topPan13{
	width:615px;
	height:0px;
	position:absolute;
	background-color: #FFF;
	top: 390px;
	left: 17px;
}

/* bloc édito scroller */
#topPan7{
	width:249px;
	height:233px;
	position:absolute;
	top: 314px;
	left: -14px;
}
/* FIN */


/* page édito provisoire */
#topPan8{
	width:615px;
	height:204px;
	position:absolute;
	background-color: #FFF;
	top: 57px;
	left: 20px;
}

#topPan5a{
	width:615px;
	height:204px;
	position:absolute;
	background-color: #FFF;
	top: -1px;
	left: 1px;
	text-align: justify
}

#topPan5a1{
	width:614px;
	height:114px;
	position:absolute;
	background-color: #FFF;
	top: 0px;
	left: -2px;
	z-index: 0;
	text-align: justify
}

#topPan5a2{
	width:615px;
	height:100px;
	position:absolute;
	background-color: #FFF;
	top: 120px;
	left: -3px;
	text-align: justify
}

#topPan5b{
	width:547px;
	height:204px;
	position:absolute;
	background-color: #FFF;
	top: 224px;
	left: 68px;
	text-align: justify
}

#topPan5c{
	width:615px;
	height:204px;
	position:absolute;
	background-color: #FFF;
	top: 327px;
	left: -1px;
	text-align: justify
}
/* FIN */

/* carte de france */

#topPan14{
	width:640px;
	height:520px;
	position:absolute;
	background-color: #FFF;
	top: 52px;
	left: 5px;
	text-align: justify
}

/* content */

/* fond du contenu avec image dégradé gauche et blanche à droite */
#content2{
	width:903px;
	position:relative;
	background-color: #87888A;
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 622px;
	background-image: url(../images/font_page.jpg);
}

#content2 img#content_top{
	position:absolute;
	top:0px;
	left:0px
}
/* FIN */


/* 6 catégories de métier de la page index */
#content3{
	width:903px;
	height:374px;
	position:relative;
	background-color:#FFF;
	margin-top: 8px;
	background-image:url(../images/cadre_contenu.jpg);
}

#content3 ul.cat{
	top:4;
	left:0px;
	width:903px;
	background-color: #FFF;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#content3 li{
	height:374px;
	float:left;
	margin-left: 3px;
}
#content3 ul.cat li a{
	height:374px;
	display:block;
	text-indent:-20000px;
	outline:none
}
#content3 ul.cat li a:hover{height:374px;}

#content3 ul.cat li.cat1 a{
	width:146px;
	background-image: url(../images/cat1_double.jpg);
	background-repeat: no-repeat;
	background-position: left 0;
	outline:none
}
#content3 ul.cat li.cat1 a:hover{
	width:146px;
	background-image: url(../images/cat1_double.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	outline:none;
}

#content3 ul.cat li.cat2 a{
	width:146px;
	background-image: url(../images/cat2_double.jpg);
	background-repeat: no-repeat;
	background-position: left 0;
	outline:none
}
#content3 ul.cat li.cat2 a:hover{
	width:146px;
	background-image: url(../images/cat2_double.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	outline:none
}

#content3 ul.cat li.cat3 a{width:146px; background:url(../images/cat3_double.jpg) left 0 no-repeat; outline:none}
#content3 ul.cat li.cat3 a:hover{
	width:146px;
	background-image: url(../images/cat3_double.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	outline:none
}

#content3 ul.cat li.cat4 a{width:146px; background:url(../images/cat4_double.jpg) left 0 no-repeat; outline:none}
#content3 ul.cat li.cat4 a:hover{
	width:146px;
	background-image: url(../images/cat4_double.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	outline:none
}

#content3 ul.cat li.cat5 a{width:146px; background:url(../images/cat5_double.jpg) left 0 no-repeat; outline:none}
#content3 ul.cat li.cat5 a:hover{
	width:146px;
	background-image: url(../images/cat5_double.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	outline:none
}

#content3 ul.cat li.cat6 a{width:146px; background:url(../images/cat6_double.jpg) left 0 no-repeat; outline:none}
#content3 ul.cat li.cat6 a:hover{
	width:146px;
	background-image: url(../images/cat6_double.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	outline:none
}

#content3 img#content_top{
	position:absolute;
	top:-8px;
	left:0px;
	background-image: url(images/content_top.gif);
}
/* FIN */


/* images bandeaux horizontales ou verticales sur le site */
#picture1{
	width:654px;
	position:relative;
	background-color: #FFF;
	background-repeat: repeat;
	background-position: 0 0;
	height: 183px;
	margin-top: 25px;
	margin-left: -1px;
}

#picture1 img#surveillance{
	float:right;
}

#picture2{
	width:230px;
	position:relative;
	background-color: #FFF;
	background-repeat: repeat;
	background-position: 0 0;
	height: 183px;
	margin-top: 22px;
	margin-left: -1px;
}

#picture2 img#surveillance{
	position:absolue;
	top:0px;
	left:0px
}

#picture3{
	width:230px;
	position:relative;
	background-color: #FFF;
	background-repeat: repeat;
	background-position: 0 0;
	height: 183px;
	margin-top: 10px;
	margin-left: 0px;
}

#picture3 img#surveillance{
	position:absolue;
	top:0px;
	left:0px
}

#picture4{
	width:221px;
	position:absolute;
	left: 682px;
	top:-3px;
	height:124px;
}

#picture4 img#surveillance{
	
}
/* FIN */

#leftPan6{
	width:200px;
	float:left;
	display:inline;
	margin-top: 30px;
	margin-right: 30px;
	margin-bottom: 0;
	margin-left: 15px;
	background-repeat: repeat-y;
}

#leftPan6 ul.menu_2{
	top:0;
	left:0px;
	width:224px;
}
#leftPan6 ul.menu_2 li{
	height: 30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-repeat: no-repeat;
}
#leftPan6 ul.menu_2 li a{
	height:18px;
	display:block;
	outline:none;
	text-decoration:none; color:#999999;
	padding-left:23px;
	padding-top:2px;
}

#leftPan6 ul.menu_2 li a#menu_actif{color:#777; font-weight:bold; background:url(../images/fleche_active.gif) left 0 no-repeat;}

#leftPan6 ul.menu_2 li a:hover{height:18px;text-decoration:none; color:#000000;}


#leftPan6 ul.menu_2 li.button_1 a{
	width:200px; 
	background:url(../images/fleche.gif) left 0 no-repeat; 
	outline:none; 
	position: relative;
}

#leftPan6 ul.menu_2 li.button_1 a:hover{
	width:200px;
	background-image: url(../images/fleche_active.gif);
	background-repeat: no-repeat;
	background-position: left 0;
	outline:none;
	position: relative;
}

#leftPan6 ul.menu_2 li.button_2 a{width:224px; background:url(../images/fleche.gif) left 0 no-repeat; outline:none; position: relative;
}
#leftPan6 ul.menu_2 li.button_2 a:hover{
	width:224px;
	background-image: url(../images/fleche_active.gif);
	background-repeat: no-repeat;
	background-position: left 0;
	outline:none;
	position: relative;

}

#leftPan6 ul.menu_2 li.button_3 a{width:224px; background:url(../images/fleche.gif) left 0 no-repeat; outline:none; position: relative;
}
#leftPan6 ul.menu_2 li.button_3 a:hover{
	width:224px;
	background-image: url(../images/fleche_active.gif);
	background-repeat: no-repeat;
	background-position: left 0;
	outline:none;
	position: relative;

}

#leftPan6 ul.menu_2 li.button_4 a{width:224px; background:url(../images/fleche.gif) left 0 no-repeat; outline:none; position: relative;
}
#leftPan6 ul.menu_2 li.button_4 a:hover{
	width:224px;
	background-image: url(../images/fleche_active.gif);
	background-repeat: no-repeat;
	background-position: left 0;
	outline:none;
	position: relative;

}

#leftPan6 ul.menu_2 li.button_5 a{width:224px; background:url(../images/fleche.gif) left 0 no-repeat; outline:none;position: relative;
}
#leftPan6 ul.menu_2 li.button_5 a:hover{
	width:224px;
	background-image: url(../images/fleche_active.gif);
	background-repeat: no-repeat;
	background-position: left 0;
	outline:none;
	position: relative;
}

#leftPan6 ul.menu_2 li.button_6 a{width:224px; background:url(../images/fleche.gif) left 0 no-repeat; outline:none;position: relative;}
#leftPan6 ul.menu_2 li.button_6 a:hover{
	width:224px;
	background-image: url(../images/fleche_active.gif);
	background-repeat: no-repeat;
	background-position: left 0;
	outline:none;
	position: relative;}


/* menu gauche pour les pages : FS;SM;SGA;PR;SH;MS;Nos Solutions */
#leftPan{
	width:224px;
	float:left;
	display:inline;
	margin-top: 30px;
	margin-right: 30px;
	margin-bottom: 0;
	margin-left: 15px;
	background-repeat: repeat-y;
}

#leftPan ul.menu_2{
	top:0;
	left:0px;
	width:224px;
}
#leftPan ul.menu_2 li{
	height: 30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-repeat: no-repeat;
}
#leftPan ul.menu_2 li a{
	height:15px;
	display:block;
	outline:none

}
#leftPan ul.menu_2 li a:hover{height:15px;}


#leftPan ul.menu_2 li.button_1 a{
	width:224px; 
	background:url(../images/button_1_double.png) left 0 no-repeat; 
	outline:none; 
	position: relative;
}

#leftPan ul.menu_2 li.button_1 a:hover{
	width:224px;
	background-image: url(../images/button_1_double.png);
	background-repeat: no-repeat;
	background-position: right 0;
	outline:none;
	position: relative;
}

#leftPan ul.menu_2 li.button_2 a{width:224px; background:url(../images/button_2_double.png) left 0 no-repeat; outline:none; position: relative;
}
#leftPan ul.menu_2 li.button_2 a:hover{
	width:224px;
	background-image: url(../images/button_2_double.png);
	background-repeat: no-repeat;
	background-position: right 0;
	outline:none;
	position: relative;

}

#leftPan ul.menu_2 li.button_3 a{width:224px; background:url(../images/button_3_double.png) left 0 no-repeat; outline:none; position: relative;
}
#leftPan ul.menu_2 li.button_3 a:hover{
	width:224px;
	background-image: url(../images/button_3_double.png);
	background-repeat: no-repeat;
	background-position: right 0;
	outline:none;
	position: relative;

}

#leftPan ul.menu_2 li.button_4 a{width:224px; background:url(../images/button_4_double.png) left 0 no-repeat; outline:none; position: relative;
}
#leftPan ul.menu_2 li.button_4 a:hover{
	width:224px;
	background-image: url(../images/button_4_double.png);
	background-repeat: no-repeat;
	background-position: right 0;
	outline:none;
	position: relative;

}

#leftPan ul.menu_2 li.button_5 a{width:224px; background:url(../images/button_5_double.png) left 0 no-repeat; outline:none;position: relative;
}
#leftPan ul.menu_2 li.button_5 a:hover{
	width:224px;
	background-image: url(../images/button_5_double.png);
	background-repeat: no-repeat;
	background-position: right 0;
	outline:none;
	position: relative;

}

#leftPan ul.menu_2 li.button_6 a{width:224px; background:url(../images/button_6_double.png) left 0 no-repeat; outline:none; position: relative;
}
#leftPan ul.menu_2 li.button_6 a:hover{
	width:224px;
	background-image: url(../images/button_6_double.png);
	background-repeat: no-repeat;
	background-position: right 0;
	outline:none;
	position: relative;

}
/* FIN */


/* menu gauche adresse siege page contact*/
#leftPan2{
	width:134px;
	float:left;
	display:inline;
	margin-top: 15px;
	margin-right: 30px;
	margin-bottom: 0;
	margin-left: 25px;
	background-repeat: repeat-y;
}
/* FIN */


/* contenu à droite partie blanche page : FS MS PR SM SGA SH */
#middlePan{
	width:654px;
	float:none;
	margin-bottom: 0;
	margin-left: 010;
	height:500px;
	background-repeat: repeat-x;
	background-position: 0 0;
	margin-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	font-size: 12px;
	line-height: 10px;
	position: absolute;
	left: 250px;
}
/* FIN */


/* bloc contenu dans middlePan page : SH */
#middlePan2{
	width:654px;
	float:left;
	margin-bottom: 0;
	margin-left: 010;
	height: 160px;
	background-repeat: repeat-x;
	background-position: 0 0;
	margin-top: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	font-size: 12px;
	line-height: 10px;
}
/* FIN */


/* contenu à droite partie blanche page : NS NEWS CONTACT */
#middlePan3{
	width:635px;
	float:none;
	margin-bottom: 0;
	margin-left:0px;
	height: 590px;
	background-repeat: repeat-x;
	background-position: 0 0;
	margin-top: 10px;
	font-size: 12px;
	padding:0px;
	position: absolute;
	left: 242px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#middlePan3 h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:22px; margin-left:20px; color:#151a1c}

#middlePan3 p, #middlePan3 ul, #middlePan3 li  {margin-left:20px}

#carte_maroc {background: url(../images/carte_maroc.jpg) no-repeat top; width:660px; height:514px; margin-top:0px;}

#carte_maroc p {width:300px; margin-top:10px}

table#activites{ width:642px}
table#activites tr{}
table#activites td{ width:214px; height:160px; padding:0px; margin:0px}
table#activites td#cat1 a{	
	background-image: url(../images/activite1.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width:208px;
	height:140px;
	outline:none;
	
	}
	
table#activites td#cat1 a:hover{	
	background-image: url(../images/activite1_over.jpg);
	background-repeat: no-repeat;
	background-position: left 0;
	width:208px;
	height:140px;
	outline:none;
	}
	
table#activites td#cat2 a{	
	background-image: url(../images/activite2.jpg);
	background-repeat: no-repeat;
	background-position: left 0;
	width:208px;
	height:140px;
	outline:none;
	}
	
table#activites td#cat2 a:hover{	
	background-image: url(../images/activite2_over.jpg);
	background-repeat: no-repeat;
	background-position: left 0;
	width:208px;
	height:140px;
	outline:none;
	}
	
	table#activites td#cat3 a{	
	background-image: url(../images/activite3.jpg);
	background-repeat: no-repeat;
	background-position: left 0;
	width:208px;
	height:141px;
	outline:none;
	}
	
table#activites td#cat3 a:hover{	
	background-image: url(../images/activite3_over.jpg);
	background-repeat: no-repeat;
	background-position: left 0;
	width:208px;
	height:141px;
	outline:none;
	}
	
	table#activites td#cat4 a{	
	background-image: url(../images/activite4.jpg);
	background-repeat: no-repeat;
	background-position: left 0;
	width:208px;
	height:141px;
	outline:none;
	}
	
table#activites td#cat4 a:hover{	
	background-image: url(../images/activite4_over.jpg);
	background-repeat: no-repeat;
	background-position: left 0;
	width:208px;
	height:141px;
	outline:none;
	}
	
	table#activites td#cat5 a{	
	background-image: url(../images/activite5.jpg);
	background-repeat: no-repeat;
	background-position: left 0;
	width:209px;
	height:140px;
	outline:none;
	}
	
table#activites td#cat5 a:hover{	
	background-image: url(../images/activite5_over.jpg);
	background-repeat: no-repeat;
	background-position: left 0;
	width:209px;
	height:140px;
	outline:none;
	}
	
	table#activites td#cat6 a{	
	background-image: url(../images/activite6.jpg);
	background-repeat: no-repeat;
	background-position: left 0;
	width:208px;
	height:140px;
	outline:none;
	}
	
table#activites td#cat6 a:hover{	
	background-image: url(../images/activite6_over.jpg);
	background-repeat: no-repeat;
	background-position: left 0;
	width:208px;
	height:140px;
	outline:none;
	}
/* FIN */



/* titre au niveaux des mini-blocs */
.title_bloc{
	width:300px;
	margin-left:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: inherit;
	margin-bottom: 0px;
	border-bottom: 1px solid black;
}
.title_bloc2{
	width:310px;
	margin-left:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: inherit;
	margin-bottom: 0px;
	height: 14px;
}
/* FIN */


/* bloc haut gauche SH */
#rightPan1{
	width:310px;
	float:left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
	background-position: 5px 5px;
	background-image:url(../images/mini_bloc1.jpg);
	background-repeat: no-repeat;
	height: 100px;
}

/* bloc haut droite SH */
#rightPan2{
	width:310px;
	float:right;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
	background-image: url(../images/mini_bloc1.jpg);
	background-repeat: no-repeat;
	height: 100px;
	background-position: 5px 5px;
}

/* bloc bas droite SH */
#rightPan3{
	width:310px;
	float:right;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
	background-image: url(../images/mini_bloc2.jpg);
	background-position: 5px 3px;
	height: 90px;
	background-repeat: no-repeat;
}

/* bloc bas gauche SH */
#rightPan4{
	width:310px;
	float:left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	background-image: url(../images/mini_bloc2.jpg);
	background-repeat: no-repeat;
	background-position: 5px 3px;
	margin-left: 15px;
	height: 90px;
}

/* bloc haut gauche SM SGA */
#rightPan1_2{
	width:310px;
	float:left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
	background-position: 5px 30px;
	background-image:url(../images/mini_bloc3.jpg);
	background-repeat: no-repeat;
	height: 150px;
}

/* bloc haut droite SM */
#rightPan2_2{
	width:310px;
	float:right;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
	background-image: url(../images/mini_bloc4.jpg);
	background-repeat: no-repeat;
	height: 150px;
	background-position: 5px 30px;
}

/* bloc haut droite SGA */
#rightPan2_6{
	width:310px;
	float:right;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
	background-image: url(../images/mini_bloc1.jpg);
	background-repeat: no-repeat;
	height: 150px;
	background-position: 5px 30px;
}

/* bloc bas gauche SGA */
#rightPan2_5{
	width:310px;
	float:left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 15px;
	background-image: url(../images/mini_bloc4.jpg);
	background-repeat: no-repeat;
	height: 150px;
	background-position: 5px 30px;
}

/* bloc bas droite SM  */
#rightPan3_2{
	width:310px;
	float:right;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
	background-image: url(../images/mini_bloc5.jpg);
	background-position: 5px 30px;
	height: 110px;
	background-repeat: no-repeat;
}

/* bloc bas gauche SM  */
#rightPan4_2{
	width:310px;
	float:left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	background-image: url(../images/mini_bloc4.jpg);
	background-repeat: no-repeat;
	background-position: 5px 30px;
	margin-left: 15px;
	height: 110px;
}

/* bloc gauche PR */
#rightPan4_3{
	width:310px;
	float:left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	background-image: url(../images/mini_bloc2.jpg);
	background-repeat: no-repeat;
	background-position: 5px 30px;
	margin-left: 15px;
	height: 110px;
}

/* bloc droit PR */
#rightPan2_3{
	width:310px;
	float:right;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
	background-image: url(../images/mini_bloc2.jpg);
	background-repeat: no-repeat;
	height: 110px;
	background-position: 5px 30px;
}

/* bloc multiservices */
#rightPan1_3{
	width:610px;
	float:left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
	background-position: 5px 30px;
	background-repeat: no-repeat;
	height: 200px;
}

#rightPan1_4{
	width:610px;
	float:left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
	height: 110px;
}

/* blocs FS */
#rightPan3_5{
	width:310px;
	float:right;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
	background-image: url(../images/mini_bloc4.jpg);
	background-position: 5px 30px;
	height: 110px;
	background-repeat: no-repeat;
}

#rightPan4_5{
	width:310px;
	float:left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	background-image: url(../images/mini_bloc2.jpg);
	background-repeat: no-repeat;
	background-position: 5px 30px;
	margin-left: 15px;
	height: 110px;
}



/* classe de caractère et police */
#welcome2 h2{
	height:21px;
	position:relative;
	width: 430px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#welcome2 img{margin-bottom:12px;}

#welcome2 ul{
	width:270px;
	margin-left:22px;
	margin-top: 2px;
}
#welcome2 ul li{
	padding-left:10px;
	height:auto;
	background-repeat: no-repeat;
	background-position: 0px 8px;
	font-family: Tahoma, sans-serif;
	font-size: 10px;
	line-height: 18px;
	color: #666;
	font-weight: normal;
	background-image: url(../images/puce.gif);
	
}
#welcome2 li a{
}

#welcome2 ul li a:hover{
}


#welcome2 p{
	margin-left:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: normal;
	margin-bottom: 0px;
	text-align: justify;
	margin-right: 5px;
}
#welcome2 p.headline{
	margin-top: 0px;
}
/* FIN */



/* Phrase sous photos horizontales */
#welcome h2{
	height:21px;
	position:relative;
	width: 430px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#welcome img{
	margin-bottom:12px;
	position: absolute;
}

#welcome ul{
	width:270px;
	margin-left:22px;
	height: 92px;
	margin-top: 2px;
}

#welcome ul li{
	padding-left:10px;
	height:auto;
	background-repeat: no-repeat;
	background-position: 0px 8px;
	font-family: Tahoma, sans-serif;
	font-size: 10px;
	line-height: 18px;
	color: #666;
	font-weight: normal;
	background-image: url(../images/puce.gif);
}
#welcome li a{
}

#welcome ul li a:hover{
}


#welcome p{
	width:auto;
	margin-left:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 14px;
	margin-bottom: 0px;
	margin-top: 0px;
	text-align: justify;
	margin-right: 5px;
}
#welcome p.headline{
	margin-top: 0px;
}
/* FIN */



/* classe pour les adresses page CONTACT */
.welcome3 p{
	width:220px;
	margin-left:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: normal;
	margin-bottom: 0px;
}
/* FIN */



/* bloc contenu du bas page FS */
.content_class h2{
	height:21px;
	position:relative;
	width: 430px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.content_class img{
	margin-bottom:12px;
	position: absolute;
}

.content_class ul{
	width:280px;
	margin-left:22px;
	height: 65px;
	margin-top: 12px;
	text-align: justify;
	list-style-position: outside;
	list-style-type: none;
	padding-left: 0px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.content_class ul li{
	padding-left:10px;
	height:auto;
	background-repeat: no-repeat;
	background-position: 0px 8px;
	font-family: Tahoma, sans-serif;
	font-size: 10px;
	line-height: 18px;
	color: #666;
	font-weight: normal;
	background-image: url(../images/puce.gif);
}

.content_class li a{
}

.content_class ul li a:hover{
}


.content_class p{
	width:300px;
	margin-left:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: p;
	margin-bottom: 0px;
	margin-top: 0px;
}
.content_class p.headline{
	margin-top: 0px;
}
/* FIN */


/* bloc contenu multiservices */
.content_class2 h2{
	height:21px;
	position:relative;
	width: 430px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.content_class2 img{
	margin-bottom:12px;
	position: absolute;
}

.content_class2 ul{
	width:500px;
	margin-left:5px;
	height: 65px;
	margin-top: 9px;
}
.content_class2 ul li{
	padding-left:20px;
	height:auto;
	background-repeat: no-repeat;
	background-position: 0px 11px;
	font-family: Tahoma, sans-serif;
	font-size: 10px;
	line-height: 30px;
	color: #666;
	font-weight: normal;
	background-image: url(../images/button2.jpg);
	
}
.content_class2 li a{
}

.content_class2 ul li a:hover{
}


.content_class2 p{
	width:300px;
	margin-left:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: p;
	margin-bottom: 0px;
	margin-top: 0px;
}
.content_class2 p.headline{
	margin-top: 0px;
}
/* FIN */



.content_class3 h2{
	height:21px;
	position:relative;
	width: 430px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.content_class3 img{
	margin-bottom:12px;
	position: absolute;
}

.content_class3 ul{
	width:500px;
	margin-left:5px;
	height: 100px;
	margin-top: 0px;
}
.content_class3 ul li{
	padding-left:20px;
	height:auto;
	background-repeat: no-repeat;
	background-position: 0px 11px;
	font-family: Tahoma, sans-serif;
	font-size: 10px;
	line-height: 30px;
	color: #000;
	font-weight: bold;
	background-image: url(../images/button2.jpg);
	
}
.content_class3 li a{
}

.content_class3 ul li a:hover{
}


.content_class3 p{
	width:300px;
	margin-left:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: p;
	margin-bottom: 0px;
	margin-top: 0px;
}
.content_class3 p.headline{
	margin-top: 0px;
}
/* FIN */


/* classe pour titre */
#title h2{
	height:21px;
	position:relative;
	width: 430px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#title img{margin-bottom:12px;}

#title ul{
	width:290px;
	margin-left:10px;
}
#title ul li{
	padding-left:0px;
	height:auto;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-family: Tahoma, sans-serif;
	font-size: 10px;
	line-height: 18px;
	color: #666;
	font-weight: normal;
	
}
#title li a{
}

#title ul li a:hover{
}


#title p{
	width:620px;
	margin-left:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: inherit;
	margin-bottom: 0px;
	margin-top: 4px;
}
#title p.headline{
	margin-top: 0px;
}
/* FIN */



/* footer */

#footer{
	height:32px;
	clear:both;
	width:903px;
	background:#87888A;
}

#footer img#content_down{
	position:absolute;
	top:-3px;
	left:0px
}

#footer p{
	font-weight:normal;
	text-align:center;
	color:#FFF;
	font-family: Tahoma, sans-serif;
	font-size: 10px;
	line-height: 16px;
	width: 903px;

	position: relative;
	left: 0px;
}
#footer p a{font:10px/16px Tahoma, sans-serif; font-weight:normal; color:#CCC; text-decoration:none; padding: 0 3px; outline:none}
#footer p a:hover{text-decoration:underline; color:#f4f4f4}
#container #incontainer #content #leftPan #welcome .headline {
	color: #F37C22;
}

ul#liste_edito li{margin: 5px 0px}

ul#liste_edito li ul{margin: 5px 0px; margin-left:50px}

form#FormName h2{ font-size:15px; font-weight:bold}

#liste_agence{ height:109px; overflow:auto}

#liste_agence span.titre{font-weight:bold; color:#e18c22}
#liste_agence span.titre a{color:#000000;}


form#contact h2{ font-size:15px; font-weight:bold}

form#contact a{color:red}
form#contact a:visited{color:#000000}
form#contact a:hover{color:#000000}

/*--------------------------------------- ----------------------------------------*/

div.news {padding:10px; margin:10px; background-color:#b9bbbc; color:#fff; font-family:Arial, Helvetica, sans-serif;}
#middlePan3 div.news table td {margin:0px; padding:0px;  font-family:Arial, Helvetica, sans-serif; color:#5c5d60; text-align:justify}
#middlePan3 div.news table td p{margin:0px; padding:0px;  font-family:Arial, Helvetica, sans-serif; color:#5c5d60; text-align:justify}
#middlePan3 div.news table td h1{margin:0px; padding:0px;  font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:left}
#middlePan3 div.news table td h2{margin:0px; padding:0px; font-size:16px; color:#5c5d60;  font-family:Arial, Helvetica, sans-serif;  font-weight:bold; text-align:left}


div.news img{ float:left; border:none;}

.bloc_news{ width:207px; height:322px; background-image:url(../images/fond_news.jpg); position:absolute; top: 390px; left:25px; z-index:9999; background-repeat:no-repeat}

div.bloc_news div.titre_bloc_news { margin:0px; padding:0px; font-size:10px; color:#5c5d60;  font-family:Arial, Helvetica, sans-serif;  font-weight:bold; margin-left:10px}

div.bloc_news div.titre_bloc_news a{ font-size:9px; color:#aaa; text-decoration:none}

#resum_news{margin-top:12px; height:302px;overflow:auto;width:205px;}

.lhead{color:#E18C22; font-size:16px; font-weight:bold; padding:5px 5px 5px 0px}
.lpage a{ color:#999999; font-size:12px}

#surpage{position:absolute; text-align:center; width:100%; height:99%; background-color:#000000; z-index:8000; visibility:visible; margin:0px; padding:0px;}

/*-------------------------- menu ---------------------------------*/

a#accueil {}
a#accueil:hover {color:#eec86b}
a#accueil.active{color:#eec86b}

a#groupe {}
a#groupe:hover {color:#ad894d}
a#groupe.active {color:#ad894d}

a#activite {}
a#activite:hover {color:#b28e4f}
a#activite.active {color:#b28e4f}

a#carriere {}
a#carriere:hover {color:#fbe08c}
a#carriere.active {color:#fbe08c}

a#news {}
a#news:hover {color:#e79a33}
a#news.active {color:#e79a33}

a#contact {}
a#contact:hover {color:#e59222}
a#contact.active {color:#e59222}