body{
font-family:Arial;
font-size:13px;
color:black;
line-height:17px;
background-position: top center;

-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;

background:url(img/bg_all4.jpg) 50% top no-repeat;
background-attachment:fixed;
 /*background-color:white;*/
}
/*
body{ 
  line-height:15px; 
  background:url(img/bg.jpg) 50% top no-repeat;   
  background-attachment:fixed;  font-family: Arial, Helvetica, sans-serif; font-size:13px;}
  */
#entete{
  display:none;
}
.home{
 
  

  /*background-color:#cccccc;*/
 
}
#header{
background:url(img/bg_header.jpg) no-repeat;
display:block;
height:129px;
/*background-color:#ebebeb;*/
}

.standard{
  background:url(img/bg_bis2.jpg) 50% top no-repeat;
  background-color:#CCCCCC;
}
.tel{position:absolute;  padding-left:750px; top:10px;}
.logo{
position:absolute;
z-index:999;
}
#global{  margin:0 auto;  width:980px; /*border:1px solid red;*/

}

#contenu{
border-left:1px solid white;
border-right:1px solid white;
border-bottom:1px solid white;
padding-bottom:10px;
background-color:#ebebeb;
}

#animtitre h1{
  color:white;
  font-family:Georgia;
  font-size:36px;
}
h1{  /*background:url('img/logo_formadvance.jpg') no-repeat;  display:block;  width:299px;  height:62px;*/  /*text-indent:-9999px;*/}
h1{  color:#5379AA;  font-size:29px;  padding-bottom:7px;}
h1.type_h2{
font-size:21px;
}
h1 img{  vertical-align:top;  padding-right:10px;}
h1 img.empty{padding-right:0px;}
h1 a{text-decoration:none;}
h2{  color:#5379AA;  font-size:21px;  padding-bottom:7px;}
h2 img{  vertical-align:top;  padding-right:10px;}
h2 img.empty{padding-right:0px;}
h2#bandeauh2{
  color:white;
  position:absolute;
  top:170px;
  left:400px;
  font-size:43px;
  font-family:Georgia,"Nimbus Roman No9 L",serif;
  height:30px;
  padding:10px 0;
}
h3{  color:#5379AA;  font-size:21px;  padding-bottom:7px;}
h3 img{  vertical-align:middle;  padding-right:10px;}
.h3_niv{padding-top:25px;}
a{  color:#5379AA;}
a:hover{ color:black;}
div.hr {  height: 15px;  background: url(img/dotted.gif) repeat-x;}
div.hr hr {  display: none;}
.from_col{  width:250px; } /* utilisé pour les HR de la colonne gauche */
.from_box{  width:450px; } /* utilisé pour les HR de la page d'accueil*/
.va{  vertical-align:middle;  padding-right:5px;} /* utilité pour les images type icones */
.date{font-size:11px; color:#666;}
/*------------------------------------*/
/*---------- MENU --------------------*/
/*------------------------------------*/
ul#menu{ list-style: none;  padding-top:68px;  padding-left:120px; }
body.ie7 ul#homemenu, body.ie6 ul#homemenu{
  margin-top:-3px;
}
body.ie8 ul#homemenu, body.ie9 ul#homemenu{
   
}
ul#homemenu{ list-style: none;  padding-top:44px;  margin-top:-2px;}
ul#menu li{ float:left;}
ul#homemenu li{ float:left;}
a.btn_actu,a.btn_home, a.btn_cat, a.btn_tarif, a.btn_recrut, a.btn_contact, a.btn_news, a.btn_part, a.btn_quali, a.btn_qui, a.btn_parcours{display:block; height:63px;  text-indent:-9999px; }
a.btn_home{  background:url('img/btn_home.jpg') no-repeat top; width:69px; }
a.btn_quali{  background:url('img/btn_quali.jpg') no-repeat top; width:101px; }
a.btn_parcours{ background:url('img/btn_parcours.jpg') no-repeat top; width:84px; }
a.btn_cat{  background:url('img/btn_cat.jpg') no-repeat top; width:84px; }
a.btn_qui{  background:url('img/btn_qui.jpg') no-repeat top; width:152px; }
a.btn_tarif{  background:url('img/btn_tarif.jpg') no-repeat top; width:152px; }
a.btn_recrut{  background:url('img/btn_recrut.jpg') no-repeat top; width:101px; }
a.btn_contact{  background:url('img/btn_contact.jpg') no-repeat top; width:84px; }
a.btn_news{  background:url('img/btn_news.jpg') no-repeat top; width:84px; }
a.btn_part{  background:url('img/btn_part.jpg') no-repeat top; width:84px; }
a.btn_actu{  background:url('img/btn_actu.jpg') no-repeat top; width:84px; }
a.btn_actu:hover, a.btn_home:hover, a.btn_cat:hover, a.btn_tarif:hover, a.btn_recrut:hover, a.btn_contact:hover, a.btn_news:hover, a.btn_part:hover, a.link_sos:hover, a.link_formadvance:hover, a.btn_quali:hover, a.btn_qui:hover, a.btn_parcours:hover {  background-position: bottom;}
/*------------------------------------*/
/*---------- MAIN HOME ---------------*/
/*------------------------------------*/
#main_home{  padding-top:20px;  text-align: justify; 
/*border-top:1px solid white;*/
border-left:1px solid white;
border-right:1px solid white;
padding-bottom:10px;
background-color:#ebebeb;
}

#who{  width:450px;
  /*border:1px solid red;*/
  /*background-color:red;*/
  position:relative;
  float:left;
  height:200px;
  padding:20px;
  
}
#link_who{
  float:right;
}

#focus{  width:450px;
  /*border:1px solid green;*/
  /*background-color:green;*/
  position:relative;
  float:left;
  height:200px;
   padding:20px;
}

#actu{
width:450px;
  /*border:1px solid yellow;*/
  /*background-color:yellow;*/
  position:relative;
  float:left;
    height:300px;
   padding:20px;
}
#list_actu li{
  padding-bottom:15px;
  
}

#liens{
width:450px;
  /*border:1px solid blue;*/
  /*background-color:blue;*/
  position:relative;
  float:left;
    padding:20px;
}
#liens table{
  padding-left:40px;
  padding-top:40px;  
}

body.ie7 #liens table, body.ie6 #liens table{
  margin-left:40px;
  margin-top:60px;  
}
/*------------------------------------*/
/*---------- MAIN  -------------------*/
/*------------------------------------*/
#main{  padding-top:20px;  text-align: justify;

}
body.ie7 #main, body.ie6 #main{  padding-top:30px;}
#animtitre{
  margin-left:200px;
}

.cat_nom a, .souscat_nom a{  text-decoration:none;  color:black;}
.cat_nom a:hover, .souscat_nom a:hover{  text-decoration:underline;}
.cat_nom a{  color:#5379AA;  font-weight:bold;}
.souscat_nom a{  color:#000; font-weight:normal;}
ul.cat_list{  padding:10px;}
ul.cat_list.temp{  float:left; height:170px;padding:20px; width:250px;}
ul.souscat_list li{  margin-left:15px; margin-top:5px; list-style-image: url('img/puce.gif');  }
ul.souscat_list_sub li{  margin-left:35px; margin-top:5px;}
ul.souscat_list_sub_sub li{  margin-left:65px; margin-top:5px;}

#colonne{  width:250px;  /*border:1px solid red;*/   position:relative;   float: left;   margin:0 20px;}

#right{  width:610px;  /*border:1px solid green;*/  position:relative;  float: left; }
.form_cat_soucat{  position:absolute;  top:30px;  /*left:60px;*/ font-size:13px;}
.form_cat_soucat a{  color:#666;}
.form_cat_soucat a:hover{  color:#000;}

.barre_grise{  background-color:white;  border-top:1px solid #999;  border-bottom:1px solid #999;  padding:7px;  color:#999;  font-weight:bold; height:17px; margin-bottom:25px; font-size:13px;}

ul.barre_grise li{  float:left;  padding-right:15px;}
#obj_niv{  width:350px;  float: left;}
#dates{  position: relative;  float: left;  width:200px;  padding-left:50px;}

table#list_formation{
  padding:10px;
  border:1px solid #999;
  width:100%;
}
table#list_formation tr th{
  font-weight:bold;
}
table#list_formation tr td{
  padding:5px;
}
.odd{
  background-color:#efefef;
}
/*------------------------------------*/
/*---------- CKEDITOR ----------------*/
/*------------------------------------*/
.ckeditor ul li{ list-style-type: disc; }
.ckeditor ul{list-style-position: inside; padding-left:15px;}
.ckeditor h3{font-weight:bold;font-size:15px;padding-bottom:10px;padding-top:10px;}
.ckeditor h2{font-weight:bold;font-size:15px;padding-bottom:10px;padding-top:10px;}
/*------------------------------------*/
/*---------- ZONE BANDEAU ------------*/
/*------------------------------------*/
.zone_bandeau{
  /*background-color:red;*/
  width:980px;
  height:170px;
  position:relative;
  z-index:1;
  /*border:1px solid red;*/
}

.zone_bandeau ul li{
  display:inline;float:left;width:960px;text-align:center;
} 

a.prev, a.next {
	background: url(img/miscellaneous_sprite2.png) no-repeat transparent;
	width: 45px;
	height: 50px;
	display: block;
	position: relative;
	top: 85px;
	z-index:998;
}
a.prev {
top:-110px;
left:-20px;
					background-position: 0 0; }
a.prev:hover {		background-position: 0 -50px; }
a.next {			
top:-160px;
left:957px;
					background-position: -50px 0; }
a.next:hover {		background-position: -50px -50px; }

a.prev span, a.next span {
	display: none;
}
.pagination {
	text-align: center;
	margin-top:-100px;
	padding-top:10px;
	background-color:#ebebeb;
	border-top:1px solid white;
	border-right:1px solid white;
	border-left:1px solid white;
}
.pagination a {
	background: url(img/miscellaneous_sprite2.png) 0 -300px no-repeat transparent;
	width: 15px;
	height: 15px;
	margin: 0 5px 0 0;
	display: inline-block;
}
.pagination a.selected {
	background-position: -25px -300px;
	cursor: default;
}
.pagination a span {
	display: none;
}




/*------------------------------------*/
/*---------- FOOTER ------------------*/
/*------------------------------------*/
.clearfooter {height: 20px;clear: both;}
#footer{  
  background:url('img/bg_footer.png') no-repeat;
  display:block;
  width:960px;
  height:35px;
  margin:20px auto;
   } 
ul#menuf{  list-style:none;  padding-top:11px;  font-size:11px;  /*border:1px solid red;*/}
/*body.ie6 ul#menuf, body.ie7 ul#menuf{  width:650px;    margin:0 auto; }*/
ul#menuf li{   float:left;  padding-right:10px;}
a.link_formadvance{  background:url('img/logo_formadvance_footer.jpg') no-repeat top;  display:block;  width:140px;  height:20px;  text-indent:-9999px;  float:left;  margin-top:10px;  padding-left:20px; padding-right:10px;}
a.link_sos{  background:url('img/logo_sosinformatique.jpg') no-repeat top;  display:block;  width:81px;  height:26px;  text-indent:-9999px;  float:right;  padding-right:75px;  position:relative;  bottom:22px;}

/*------------------------------------*/
/*---------- Shadow ------------------*/
/*------------------------------------*/
#nav-shadow {			min-height: 130px;			text-align: center;			list-style: none;			}
#nav-shadow li {			margin-right: 15px;			width: 168px;			height: 195px;			position: relative;			float: left;			}
#nav-shadow a, #nav-shadow a:visited, #nav-shadow a, #nav-shadow a:hover {			margin: 0 auto;			width: 168px;			height: 195px;			text-indent: -9999px;			overflow: hidden;			background: url('../img/plaquette_pdf.gif') no-repeat;			display: block;			position: relative;			z-index: 2;			}
#nav-shadow li img.shadow {			margin: 0 auto;		position: absolute;		bottom: 0;		left: 0;		z-index: 1;	}
/*------------------------------------*/
/*---------- INFO SUCCESS ... --------*/
/*------------------------------------*/
.info, .success, .warning, .error, .validation, .job {border: 1px solid;margin: 10px 0px;padding:15px 10px 15px 50px;background-repeat: no-repeat;background-position: 10px center;}
.info {color: #00529B;background-color: #BDE5F8;background-image: url('img/biginfo.jpg');}
.job{color: #4F8A10;background-color: #DFF2BF;background-image: url('img/arrow.png');}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('img/bigok.jpg');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('img/bigerror.jpg');
}
/*------------------------------------*/
/*---------- FORMULAIRE --------------*/
/*------------------------------------*/
.formulaire tr td{
  padding:5px;  
}

.formulaire.mini  tr td{
  font-size:11px;
}
.label{
  width:145px;
  vertical-align:top;
  text-align:right;
}
.formulaire.mini  tr td.label{
  text-align:left;
    width:100px;
}

#mini-devis, .presta{
  background-color:#efefef;
  padding:10px;
  -moz-border-radius: 5px;
  border-radius: 5px;  
  
  -moz-box-shadow: 0 0 10px #888;
  -webkit-box-shadow: 0 0 10px #888;
  box-shadow: 0 0 10px #888;
}
#mini-devis-container{
  width:600px;
}

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}

.txt_promo{
  vertical-align:top;
}
.pastille{
  font-size:27px;
  color:white;
  text-align:center;
  font-weight:bold;
  padding-top:40px;
}
.promo_orange{
  background:url('img/promo_orange.png') no-repeat;
  display:block;
  width:104px;
  height:103px;
}
.promo_rouge{
  background:url('img/promo_rouge.png') no-repeat;
  display:block;
  width:104px;
  height:103px;
}
.promo_bleu{
  background:url('img/promo_bleu.png') no-repeat;
  display:block;
  width:104px;
  height:103px;
}
.promo_vert{
  background:url('img/promo_vert.png') no-repeat;
  display:block;
  width:104px;
  height:103px;
}

/*-------------------------------------------------*/
/*------------- BLOC ------------------------------*/
/*-------------------------------------------------*/
.bloc ul{
  margin-top:-3px;
  
}

.bloc ul li.last{
  background:url(img/bg_last.png) bottom no-repeat;  
  padding-bottom:10px;
  padding-top:10px;
  padding-left:5px;
  padding-right:5px;
  height:50px;
  text-align:center;
}

.bloc ul li a{
  text-decoration:none;
  display:block;
}
.bloc ul li a span{
  font-size:11px;
  color:black;
  text-align:justify;
} 
.bloc ul li a:hover{
   color:#5379AA;
   text-decoration:underline;
}
.bloc ul li a:hover span{
  color:#5379AA;
  text-decoration:none;
}
#entete_oqpf{
  /*position:absolute;*/
  z-index:997;
  /*margin-left:480px;*/
  color:#999;
  /*top:37px;*/
  font-size:10px;
  margin-top:20px;
  margin-left:50px;
}

.bubble_pcie{
    padding:20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666 0px 2px 3px;    
    position:relative;

    behavior: url(PIE.php);
}
.bubble_pcie.normal{
  color:white; 
  background-color:#5379AA;
}
.bubble_pcie.orange{
  color:white; 
  background-color:#FF9900;
}
.bubble_pcie.vert{
  color:white; 
  background-color:#009900;
}
.bubble_pcie.rose{
  color:white; 
  background-color:#FF0099;
}
.bubble_pcie.bleuclair{
  color:white; 
  background-color:#0099FF;
}







#big_topnav{
	background:url(img/bg_catalogue.png) no-repeat;
	width:660px;
	height:420px;
	padding-top:17px;
	padding-left:17px;
	/*border:1px solid red;*/
	float:left;
	position:relative;
	z-index:1;
	margin-left:150px;
}

body.ie6.home #big_topnav{
  margin-left:75px;
}

ul#topnav {
	margin: 0; padding: 0;
	float:left;
	list-style: none;
	width:640px;

}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative; /*--Important--*/
 
  	
}
ul#topnav li a {
	float: left;
	text-indent: -9999px; /*--Push text off of page--*/
  border:none;


}


  

ul#topnav li .sub {
	position: absolute; /*--Important--*/
	top: 100px; left: 0;
	z-index: 99999;
	padding: 20px 20px 20px;
	float: left;
	width:278px;
	background:url(img/bg_liste.jpg) repeat-y;
	background-color:white;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
  
  display: none; /*--Hidden for those with js turned off--*/
}

ul#topnav li .sub.right{
  	background:url(img/bg_liste_right.jpg) repeat-y;
  	background-position: right;
  	background-color:white;
  	left:-160px;
}
ul#topnav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	/*width: 150px;*/
	float: left;
}
ul#topnav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #333;
	
}

ul#topnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	text-align:left;
	height: auto; /*--Override height from parent list item--*/
	background: url(img/bluepuce.png) no-repeat 5px 12px;
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #333;
	/*border:1px solid red;*/
	width:250px;
	
}
ul#topnav .sub ul li a:hover {
	color: #4F7CA5;
	background-position: 5px 12px ;/*--Override background position--*/
	text-decoration:underline;
}



ul#topnav a.informatique {
	background: url(img/informatique_bureautique_infographie.jpg) no-repeat top;
  width:160px;
  height:100px;
  
}

ul#topnav a.internet {
	background: url(img/internet_web_mutlimedia.jpg) no-repeat top;
  width:160px;
  height:100px;
}
ul#topnav a.communication {
	background: url(img/comm_dev_perso.jpg) no-repeat top;
  width:160px;
  height:100px;
}
ul#topnav a.direction {
	background: url(img/direction.jpg) no-repeat top;
  width:160px;
  height:100px;
}
ul#topnav a.rh {
	background: url(img/rh.jpg) no-repeat top;
  width:160px;
  height:100px;
}
ul#topnav a.secretariat {
	background: url(img/assistanat_secretariat_accueil.jpg) no-repeat top;
  width:160px;
  height:100px;
}
ul#topnav a.commercial {
	background: url(img/commercial_marketing.jpg) no-repeat top;
  width:160px;
  height:100px;
}
ul#topnav a.achat {
	background: url(img/achats.jpg) no-repeat top;
  width:160px;
  height:100px;
}
ul#topnav a.supply {
	background: url(img/supply_appro_logistique.jpg) no-repeat top;
  width:160px;
  height:100px;
}
ul#topnav a.management {
	background: url(img/management.jpg) no-repeat top;
  width:160px;
  height:100px;
}
ul#topnav a.compta {
	background: url(img/compta_finance_gestion.jpg) no-repeat top;
  width:160px;
  height:100px;
}
ul#topnav a.qse {
	background: url(img/qse.jpg) no-repeat top;
  width:160px;
  height:100px;
}
ul#topnav a.pme {
	background: url(img/pme.jpg) no-repeat top;
  width:160px;
  height:100px;
}
ul#topnav a.culture {
	background: url(img/culture.jpg) no-repeat top;
  width:160px;
  height:100px;
}
ul#topnav a.langues {
	background: url(img/langues.jpg) no-repeat top;
  width:160px;
  height:100px;
}
ul#topnav a.pcie {
	background: url(img/pcie.jpg) no-repeat top;
  width:160px;
  height:100px;
}
/*
ul#topnav a.informatique:hover,
ul#topnav a.internet:hover,
ul#topnav a.communication:hover,
ul#topnav a.direction:hover {
	background-position:bottom;
}
*/

form#form_tel_client{
  background: url(img/rappel.jpg) no-repeat;
  width:375px;
  height:101px;
  position:relative;
}

form#form_tel_client div{
  padding-top:40px;
  padding-left:190px;
}

form#form_rechercher{
  background: url(img/rechercher.jpg) no-repeat;
  width:375px;
  height:101px;
  position:relative;
}
form#form_rechercher div{
  padding-top:40px;
  padding-left:190px;
}
a.fancybox img{
  background-color:white;
  padding:3px;
  margin-bottom:20px;
    -moz-box-shadow: 0 0 10px #888;
  -webkit-box-shadow: 0 0 10px #888;
  box-shadow: 0 0 10px #888;
}