/*--------------------------------------------------------------------   global   -------------------------------------------------------------------*/
*{
margin: 0;
padding: 0;
border: none;
font-style: normal;
text-decoration: none;
} 

body{
	background-color: #7b7c7e;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color:#4b4b4d;
	margin-top:20px;
} 
.clearboth{
	clear:both;
}
.font22B{
	font-size: 22px;
	text-align:center;
	font-weight:bold;
}
.font14B-B{
	font-size: 14px;
	font-weight:bold;
}
.font14N-N{
	font-size: 14px;
}
.font16B{
	font-size: 16px;
		font-weight:bold;
}
.font16N{
	font-size: 16px;
}
.font12N{
	font-size: 12px;
}

.conteneur{
	clear:both;
	width:870px;
	margin-left: auto; 
	margin-right: auto; 
	background : url('../images/bg-conteneur.jpg') repeat-y;
}
.conteneur-fond-accueil{
	margin: 0 0 0 24px;
	width:821px;
	height:288px;
	background : url('../images/bg-conteneur-degrade.jpg') repeat-x;
}
.conteneur-fond{
	margin: 0 0 0 24px;
	width:821px;
	background : url('../images/bg-conteneur-degrade.jpg') repeat-x;
	
}
.hautpage{
	display:block;
	height:16px;
	width:16px;
	background:url(../images/arrow-up.gif) no-repeat;
	float:right;
}
/*--------------------------------------------------------------------   header   -------------------------------------------------------------------*/

.header {
	background :url('../images/bg-header.jpg') no-repeat 0% 0%;
	width:870px;
	height:157px;
	margin-left: auto; 
	margin-right: auto; 
}
.logo_abildoc{
	height: 100px;
	width: 210px;
	position:relative;
	top:10px;
	left:40px;
}
#menu {
	position:relative;
	bottom:38px;
	left: 295px;
	z-index:20
}
/*chaque sous-menu*/
#menu ul li {
	position:relative;
	float:left;
	width:106px;
	cursor:pointer;
	display:block;
	height:18px;
	background:none;
}
#menu ul li  a{
	color:#4b4b4d;
}
.menu1{margin-left:0px;}
.menu2,.menu3,.menu4{margin-left:15px;}
.menu-accueil{position:relative; left:3px; padding:53px 6px 0px 0px; z-index:9999;}
.menu-societe{position:relative; left:3px;}
.menu-applications{position:relative; left:-7px;}
.menu-reference{position:relative; left:-7px;padding:53px 6px 0px 0px; z-index:9999;}
.menu-contact{position:relative; left:3px;padding:53px 6px 0px 0px; z-index:9999;}
/*carré déroulant sous un sous-menu niveau 1*/
#menu ul li ul li {
	width:106px;
	color:#ffffff;
}
#smenu1{
	display:none;
	position:absolute;
	width:52px;
	top:0px;
	left:0px;
	background :  url('../images/bouton-accueil.png') no-repeat 0% 0%;
	height:52px;
}
#smenu2{
	display:none;
	position:absolute;
	width:112px;
	top:1px;
	left:2px;
	background :  url('../images/bouton-societe.png') no-repeat 0% 0%;
	height:126px;
}
#smenu3{
	display:none;
	position:absolute;
	width:112px;
	top:1px;
	left:1px;
	background :  url('../images/bouton-applications.png') no-repeat 0% 0%;
	height:126px;
}
#smenu4{
	display:none;
	position:absolute;
	width:54px;
	top:0px;
	right:53px;
	background :  url('../images/bouton-reference.png') no-repeat 0% 0%;
	height:52px;
}
#smenu5{
	display:none;
	position:absolute;
	width:52px;
	top:0px;
	right:54px;
	background :  url('../images/bouton-contact.png') no-repeat 0% 0%;
	height:52px;
}
#menu ul li ul li  a{
	display:block;
	margin-left: 5px;
	height:18px;
	width:105px;
	color:#4b4b4d;
}
#menu ul li ul li:hover{
	background: url('../images/bg-smenu.jpg') repeat-x 0% 0% ;
	width:112px;
	margin-left:0px;
	height:18px;
}
#menu ul li ul li a:hover{
	width:105px;
	margin-left:5px;
	color:#ffffff;
	display:block;
	height:18px;
}
/*au passage de la souris on inverse les couleurs de la case*/
.positionnement-smenu1{
	margin:55px 0 0 0px;
}

/*--------------------------------------------------------------------  conteneur gauche   -------------------------------------------------------------------*/

.conteneur-gauche{
	width:180px;
	float:left;
	margin : 20px 0 0 0px;
}

.diapo-images{
	
	width : 150px;
	margin : 20px 0 0 17px;
}

.conteneur-gauche ul{
		list-style-type:none;
}
.menu-gauche{
	background :url('../images/haut-menu-gauche.png') no-repeat top;
	height:31px;
	margin : 0px 0 0 0;
}
.menu-gauche a{
	color:#ffffff;
	position:relative;
	top:3px;
}
#liste-puce{
	color:#EB6E80;
	list-style-type:none;
	margin-left:17px;
	display:block;
}
#liste-puce li {
	width:141px;
	padding: 0px 0 0px 5px;
	border-bottom: 1px solid #ffffff; 
	background-color: #b2b2b2;
}
#liste-puce li a{
	display:block;
	padding: 5px 0 5px 0px;
	color:#fff;
	font-size:11px;
}
#liste-puce li a:hover{
	
	color:#E20026;
}
#liste-puce li:hover{
	color:#E20026;
	background-color: #ccc;
}
.liens-conteneur-gauche{
	background:url('../images/bg-savoirplus.png') repeat-x top;
	margin:10px 0 20px 0px;
	width:181px;
}

.liens-paragraphe-gauche{
	margin:10px 5px 10px 10px;
	padding: 0px 0 10px 0 ;
	border-bottom: 1px solid #ccc;
	text-align:center;
}
.liens-paragraphe-gauche1{
	margin:10px 5px 10px 10px;
	padding: 0px 0 10px 0 ;
	border-bottom: 1px solid #ccc;
}
.liens-picto-gauche{
	position:relative;
	bottom:6px;
	margin :  10px 10px 0 10px;
}
.liens-pdf-gauche{
	position:relative;
	bottom:6px;
	margin :  10px 10px 0 10px;
}
.liens-fleche-gauche{
	position:relative;
	top:2px;
	float:left;
	margin:0 5px 0 0px;
}
/*--------------------------------------------------------------------  menu-gauche-------------------------------------------------------------------*/

.navigation { 
      margin: 0 0 20px 17px; 
      padding: 0; 
      list-style: none; 
      background: #000; 
      color: #fff; 
      width: 146px; 
} 
.navigation a, .navigation span { 
    display: block; 
    padding: 4px 0px 4px 10px; 
    color: #fff; 
    text-decoration: none; 
    background: #000 url('../images/menu-gauche/menu-item.png') left bottom no-repeat; 
	font-size:14px;
} 
.navigation .toggleSubMenu a, .navigation .toggleSubMenu span { 
    background-image: url('../images/menu-gauche/menu-item-deroule.png');
} 
.navigation .open a, .navigation .open span { 
    background-image: url('../images/menu-gauche/menu-item-enroule.png'); 
} 
.navigation a:hover, .navigation a:focus, .navigation a:active { 
    color:#E20026;
} 
.navigation .subMenu { 
	background-color: #b2b2b2;
    font-size:12px;
    margin: 0; 
    padding: 0; 
    border-bottom: 1px solid #666; 
 }

.navigation .subMenu :hover{ 
   background-color:#ccc;
   color:#ffffff;
}

.navigation ul.subMenu a { 
    background: none; 
    padding: 3px 0px 3px 5px;
	border-bottom: 1px solid #fff; 	
}
.navigation .open_at_load{ 
	background-color: #b2b2b2;
    font-size:12px;
    margin: 0; 
    padding: 0; 
    border-bottom: 1px solid #666; 
} 
.navigation .open_at_load a:hover{ 
    background-color: #ccc;
	color:#ffffff;
} 
.navigation .open_at_load .documentation_interne,.navigation .open_at_load .documentation_qualite,.navigation .open_at_load .dossiers_clients_factures,
.navigation .open_at_load .gestion_courrier,.navigation .open_at_load .portail_communication,.navigation .open_at_load .portail_collaboratif,.navigation .open_at_load .gestion-dossiers-cv
{
    background-color: #E20026;  
} 
.navigation ul.open_at_load a { 
    background: none; 
    padding: 3px 0px 3px 5px; 
	border-bottom: 1px solid #fff;
}


/*--------------------------------------------------------------------   conteneur droit   -------------------------------------------------------------------*/
#page-simple{
		width:570px;
		margin-left: 100px;
		background:none;
		
}
.conteneur-droit{
	width:570px;
	float:left;
	padding:20px;
	margin : 0 0 10px 0;
	background : url('../images/bg-conteneur-droit.png') repeat-y left;
	
}
.liste-puce{
	color:#EB6E80;
	list-style-type:square;
	list-style-position: outside;
	padding: 0 0 0px 12px;
}
.liste-puce li {
	padding: 0 0 5px 0;
}
.liste-puce li a{
	color:#4b4b4d;
}

.conteneur-droit h1 {
	color:#DE0023;
	margin: 0 0 5px 0;
}
.conteneur-droit h2 {
	background: url('../images/titre-menu.png') no-repeat;
	color:#ffffff;
	width:570px;
	height:29px;
	padding : 2px 0 0px 5px;
}
.conteneur-droit p {
	margin : 0 0 10px 0;
}
#liens{
	color:#d64c60;
}
#liens:hover{
	color:#9b9b9b;
}
.liens-images{
	position:relative;
	bottom:10px;
	margin :  10px 10px 0 5px;
}
.liens-fleches{
	position:relative;
	bottom:6px;
	margin :  0 10px 0 25px;
}
.liens-pdf{
	position:relative;
	bottom:3px;
	margin :  5px 10px 0 0px;
}

.conteneur-droit h3 {
	font-size: 14px;
	font-weight:bold;
	color:#4b4b4d;
	margin: 10px 0 10px 0;
}
.intro-texte{
	display:block;
	color:#0493b3;
	padding : 0 0 5px 0;
}
.savoirplus{
	background:url('../images/bg-savoirplus.png') repeat-x top;
	margin:10px 0 20px 15px;
	width:300px;
}
.savoirplus p{
	margin:0px 0 10px 0;
	position:relative;
	bottom:10px;
}
.savoir-plus-texte{
	display:block;
	margin:0 0 10px 0;
}
.fleche{
	position:relative;
	top:14px;
	margin:0 10px 0 5px;;
}
/*--------------------------------------------------------------------   conteneur 	accueil  -------------------------------------------------------------------*/


.conteneur-accueil1-1{
	margin: 0 0 0 27px;
	background :  url('../images/bg-top-anim-flash.jpg') repeat-x 0% 0% ;
	width:765px;
	height:16px;
}

.conteneur-accueil1-2{
	margin: 0 0 0 27px;
	background : url('../images/bg-bottom-anim-flash.jpg') repeat-x 0% 0% ;
	width:765px;
	height:22px;
}

.anim-flash{
	z-index:0; 
	padding:0px 0 0 27px;
	height: 250px;
	width:10px;
}

.texteflash{
	padding-top:20px;
	margin-left:480px;
	width:350px;
	position:relative;
	bottom:280px;
	right:50px;
	z-index:15; 
}
	
.puce-rouge{margin-bottom:2px;}

.conteneur-accueil-2{
	margin: 0px 0 0 27px;
	height:290px;

}

.conteneur-accueil-header{
	width:237px;
	height:33px;
	background : url('../images/bg-conteneur-accueil-header.jpg') no-repeat 0% 0%;

}
.conteneur-accueil-header p{
	padding:3px 0 0 5px;
	color:#ffffff;
}
.conteneur-accueil-image{
	width:237px;
	height:120px;
	background-color:#000000;
}

.conteneur-accueil-texte{
	width:237px;
	height:109px;
	background : url('../images/bg-conteneur-accueil-middle.jpg') no-repeat 0% 0%;
}
.conteneur-accueil-texte p{
	padding: 10px 7px 0px 7px;
	width:230px;
}
.conteneur-accueil-2-1{
	margin: 0 0 0 23px;
	width:237px;
	height:200px;
	float:left;
}

.conteneur-accueil-2-2{
	margin: 0 0 0 27px;
	width:237px;
	height:200px;
	float:left;
}
#liens-accueil{
	color:#4b4b4d;
}
.bloc-texte-defilant{
	margin-left:24px;
	width:823px;
	border-bottom:1px solid red;
}

.texte-defilant{
	padding-top:3px;
	height:20px; 
}	
/*-------------------------------------------------------------------- footer   -------------------------------------------------------------------*/
.footer{
	width:870px;
	margin-left: auto; 
	margin-right: auto; 
	clear:both;

}

.footer1{
	background : #ffffff url('../images/bg-footer.jpg') no-repeat 0% 0%;
	width:870px;
	height:60px;
	
}
.footer1 ul{
	list-style-type:none;
	background-color:789456;
	padding:25px 0 0 30px;
}

.footer1 ul li{
	float:left;
	height:18px;
	border-right:1px solid #FFFFFF;
	padding:0px 20px 0 20px;
	
}

.footer1 a{
	color:#ffffff;
}
.footer1 a:hover {
	color:#EEA9BE;
}
.copyright{
	position:relative;
	top:-5px;
	left :25px;
	font-size:9px;
	color:#ffffff;
}

/*--------------------------------------------------------------------   page references -------------------------------------------------------------------*/

.clients{
margin: 10px 0 0 0;
border-bottom:1px solid #ccc;
}
.clients-bloc1{float:left ;width:250px;
}
.clients-bloc2{
	float:left;
	width:300px;
	background-color:#f0f0f0;
	padding:10px;
	margin : 0 0 10px 0 ;
}
.clients-bloc3{float:left ;width:150px;
}
.clients-bloc3-ex{float:left ;width:180px;
}
.references-logos{
	margin:20px;
}
/*--------------------------------------------------------------------   page nos valeurs -------------------------------------------------------------------*/

#origines-p1{
width:240px;float:left;margin-left:10px;background-color:#e9e9e9;padding:10px 5px 5px 5px;height:110px;
}

#origines-p2{
width:240px;float:left;margin-left:50px;background-color:#e9e9e9;padding:10px 5px 5px 5px; height:110px;
}
#origines-textes{
	display:block;
	margin:5px;
}
/*--------------------------------------------------------------------   page nos offres -------------------------------------------------------------------*/
.offre-paragraphe{
	float:left;width:90px;height:100px;position:relative; top:5px;
}
.offre-paragraphe1{
	float:left;width:460px;padding:5px;
}
/*--------------------------------------------------------------------   page partenaires -------------------------------------------------------------------*/
.partenaires-paragraphe{
	float:left;width:150px;position:relative; top:5px;
}
.partenaires-paragraphe1{
	float:left;width:405px;padding:5px 0 0 5px;;
}
/*--------------------------------------------------------------------  contact----------------------------------------------------------------*/
#liens-contact{position:relative; top:6px;}


/*--------------------------------------------------------------------  plan du site -------------------------------------------------------------------*/

#liens-plandusite{
	color:#4b4b4d;
}
#liens-plandusite:hover{
	color:#d64c60;
}
.liste-puce1{
	color:#EB6E80;
	list-style-type:none;
	padding: 0 0 0px 20px;
}
.liste-puce1 li {
	padding: 0 0 5px 10px;
}
.liste-puce1 li a{
	color:#4b4b4d;
}

.plandusite-conteneur1{
	float:left;
	margin:0 50px 0 20px
}
#plan-du-site .liste-puce{
	margin: 0 0 0 10px;
}

/* #################### temporaire  ########################*/
/* FAN 2010*/
.fan-bloc1{float:left;width: 435px;}
.fan-bloc2{width: 175px;}
.FAN-puce{font-family:Symbol;color:red;line-height:10px;}
.FAN-liste-puce{display:block;margin: 0 0 5px 0;}
.bloc-FAN-puce{padding:0 0 0 0; margin : 5px 10px 10px 5px;}
.fan-logo{MARGIN: 0px 0px 10px 5px}
.FAN-encart{width:175px;border:1px solid black;}
.FAN-encart-img{border:1px solid red;height:6px;}
.FAN-encart-img1{background-color:#e6ecef;border-bottom:1px solid #ffffff;border:1px solid blue;height:100px;}
.FAN-encart-img2{background-color:#e6ecef;border:1px solid blue;height:100px;}
.conteneur-droit-evenement{
	width:615px;
	float:left;
	padding:20px 5px 20px 20px;
	margin : 0 0 10px 0;
	background : url('../images/bg-conteneur-droit.png') repeat-y left;
	}