body{
font-family:Arial;
font-size:13px;
color:black;
line-height:17px;
background-position: top center;
}
#entete{
  display:none;
}
.home{
  background:url(img/bg_all.jpg) no-repeat;

  background-color:#CCCCCC;
 
}
.standard{
  background:url(img/bg_bis.jpg) no-repeat;
  background-color:#CCCCCC;
}
.tel{position:absolute;    float:right;  right:100px;  top:10px;}
.logo{
position:absolute;
}
#global{  margin:0 auto;  width:980px; /*background-color:yellow;*/}

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:220px;}
ul#homemenu{ list-style: none;  padding-top:44px;  padding-left:220px;}
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{display:block; height:63px;  text-indent:-9999px; }
a.btn_home{  background:url('img/btn_home.jpg') no-repeat top; width:69px; }
a.btn_cat{  background:url('img/btn_cat.jpg') no-repeat top; width:84px; }
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{  background-position: bottom;}
/*------------------------------------*/
/*---------- MAIN HOME ---------------*/
/*------------------------------------*/
#main_home{  padding-top:20px;  text-align: justify; }

#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:200px;
   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.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:#efefef;  border-top:1px solid #999;  border-bottom:1px solid #999;  padding:7px;  color:#999;  font-weight:bold; height:17px; margin-bottom:25px;}
ul.barre_grise li{  float:left;  padding-right:30px;}
#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:960px;
  height:342px;
  margin:64px auto 0 auto;
  position:relative;
  z-index:1;
}

#zone_bandeau ul li{
  display:inline;float:left;width:960px;text-align:center;
} 
/*------------------------------------*/
/*---------- FOOTER ------------------*/
/*------------------------------------*/
.clearfooter {height: 20px;clear: both;}
#footer{  background:url('img/bg_footer.jpg') 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:20px;}
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;  
}
.label{
  width:145px;
  vertical-align:top;
  text-align:right;
}


.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;  
  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:5000;
  margin-left:350px;
  color:#c6c6c6;
  top:20px;
}
