/* General */

* {
    border:0;
    margin:0;
    padding:0;
}

html{height: 100%;margin:auto;}

 body {
    font-family: Arial;
    font-weight: normal;
    font-size: 10px;
    color: #272727;
    text-align: center;
    background:  #e7e9eb url(images/fnd_droit.gif) repeat-x top left;
    background-position: 2cm top;
    margin: 0;
    padding: 0;
 }

 img {
    border: 0;
    padding: 0;
    margin: 0;
 }

.invisible {
    display:none;
}
.recherche form {
    margin: 0;
    padding: 0;
 }

h1,h2{
    text-align:left;	
    color:#9aa5ab;
    font-family:arial;

}

 .hidden {
    display: none;
 }

#whole-page {
   
    width: 950px;
    /*text-align: left;*/
    margin:0 auto;
    padding: 0 4px;
    position:relative;
 
  
}

.milieu {
    text-align:left;
    font-size:13px;
    padding-left: 10px;
    color: #3B4347;
	padding-top: 5px;
}

.milieu h2 {
    text-align:left;
    font-size:13px;
    margin-bottom: 5px;
}

 /**********************
 ****** HEADER *********
 ***********************/

 #header {
    position: relative;
    z-index: 1;
    left: 0;
    top: 0;
    width: 950px;
    height: 134px;
    padding: 0;
    color:#4B4B4B;
    margin-top:28px;
    margin-bottom:0;
    float:left;
    overflow: hidden;
    
}

 #header .left {
    width: 398px;
    height: 134px;
    margin:auto;
    padding-left:0px;
    float: left;
    overflow: hidden;
 
 }

 #header .cs-right {
    width: 552px;
    height: 134px;
    margin:auto;
    float: left;
    overflow: hidden;
    background: url(images/menutop_07.gif) /*no-repeat top transparent*/;
 }

 
 #header p {
    position: relative;
    top: 51px;
    left: 130px;
    color: #ffffff;
 }

.recherche {
        float:left;
        width: 250px;
        height: 35px;
        background:none;
        text-align: left;
	    background: none;
	    clear: both;
	    padding: 45px 5px 0 5px;
    
}

.recherche img {
        margin-left:5px;

}


.inputtext {
    font-size:11px;
	 font-family:times,Helvetica,serif;
    padding:1px;
    background-color:#FFFFFF;
    border:1px solid #708090;
}

.button1 {
    font-size:11px;
    font-weight:bold;
    padding:2px;
    background-color:#708090;
    border:0;
    color:#FFFFFF;
}
.filtertitle {
    font-size:11px; 
    font-family: verdana,Arial, Helvetica, sans-serif;
    text-align:left;
    font-weight: bold;
    float:left;
    margin-right:4px;
}
/**********************
 ****** TOP MENU *******
 ***********************/
#top-menu {
    display: block;
    position: relative;
    z-index: 2;
    width:540px;
    height: 40px;
    top: 21px;
    font-size: 13px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    border: 0;
    overflow: hidden;
}
.menu_top_puce {
    background:transparent url(images/carreG_14.gif) no-repeat scroll left center;
    float:left;
    height:12px;
    margin-left:8px;
    margin-top:3px;
    padding-left:5px;
    width:10px;
}
#top-menu div.menu_top_box, div.menu_top_box a {
    color: #ffffff;
    text-decoration: none;
    float:left;
    line-height: 15px;
    background: url(images/puntitosv_08.gif) no-repeat scroll right center;
    height: 65px;
   text-align:left; 
 }
#top-menu div.menu_top_box_fin, div.menu_top_box_fin a {
    color: #ffffff;
    text-decoration: none;
    float:left;
    line-height: 15px;
    height: 65px;
	text-align:left;
}
div.menu_top_box a {
    padding-right: 15px;
}

div.menu_top_box_fin a {
    padding-right: 15px;
}
/*****************************
*********Le main*************/
.top {
    width:750px;	     
    float: left;
    margin-top: 0;
    background-color:#ffffff;
    height:210px;
    float: left;
    text-align:center;
    padding-left:0px;
}
.top .gauche{
    width: 440px;
    height:215px;
    padding-right:0;
    float: left;
       
}
.top .milieu{
    width:290px;
    float:left;
    height:220px;
}
.milieu  li {
    color:#555d59;
    font-size:7.5pt;
    margin:0 4px;   
    text-align:justify; 
    font-weight:bold;
}
.droit{
    background: #e2e3e7 url(images/deg_box_left.gif) repeat-y top left;
    float:left;
    width:200px;
    height:210px;
}
.droit .etre-contacte {
    width:160px;
    height:110px;
    color:#66716b;
    font-weight:bold;
    font-size:1em;
    padding:0;
    margin:5px 20px;   
    border-bottom:1px solid #cccccc;
    text-align: center;
}
.etre-contacte p {
    color:#FFFFFF;
    text-align:right;
}
#texte {
    color:#3b4347;
    text-align:center;
    padding-top:8px;
    font-weight:bold;
    font-size:11px;
}
.inputtext1 {
    border-width:1px;
    font-family: times,Helvetica, serif;
    font-size:12px;    
    padding:2px;
    width:120px;
    margin-left:8px;
    border:1px solid #9eb0b0;
    background-color:#FFFFFF;
}
.button_grey .bg {
    float:left;
    background: url(images/tubogrisdbut.gif) no-repeat;
    width:3px;
    height:15px;
    margin-left:5px;
}
.button_grey .bd {
    float:left;
    width:3px;
    height:15px;
    background: transparent url(images/tubogrisfin.gif) no-repeat;
   
}
.button_grey .fond {
    float:left;
    background: url(images/tubemilieu_60.gif) repeat-x top left;
    height:15px;
    width:140px;
    text-align:center;
}
.droit .cataloguembf {
    font-size: 10px;
    color:#3B4347;
    font-weight: bold;
    margin:5px;
}  
.cataloguembf p {
    margin-left:0;

}
#bande-noire{
    background-color:#3d3d3d;
    float:left;
    margin-top:0;
    padding-left:0;
    width:950px;
    height:8px;
}
.coldroite{
    float:left;
    background: #e2e3e7 url(images/deg_box_left.gif) repeat-y top left;
    width:200px;
    height:635px;
}
.coldroite .newslettermbf {   
    padding: 4px 8px;	
    margin: 0 9px;
    height:80px;
}
.newslettermbf p{
    font-size: 9pt;
	color:#69726d;
    font-family:times,verdana, Arial, tahoma;
    font-weight:bold;
    text-align:left;
    width:150px;
    padding-left: 5px;	
}
#bottom_ombre {
	background:#9ea3a6 url(tl_files/MBformation/images/fond_bas.gif) repeat-x bottom left;
	height: 8px;
	margin: 0;
	padding: 0;
	clear: both;
	position: relative;
}
#tout_ens {
    width:160px;
    height:110px;
    color:#66716b;
    font-weight:bold;
    font-size:1em;
    padding:0;
    margin-right:5px;  
}

/*******************/
#milieu_bas {

     width: 750px;
     /*height:500px;*/
     float: left;
     text-align:center;
     padding-left:0px;
}

/******************
***partie orange***
*******************/

#fond_orange{
    float:left;
    position:relative;
    width:750px;
    height:285px;
    background: #f19300 url(images/middleO_fond.gif) repeat-x bottom left ;
}

#fond_orange .bdroit{
    position: absolute;
    bottom: 0px;
    right: 0px;
    width:16px;
    height:17px;
    background: url(images/middleO_bd.gif) no-repeat bottom right ;
}

#fond_orange .bgauche{
    float:left;
    background: #f19300 url(images/box_orange_left.gif) repeat-y top left ;
    width:16px;
    height:270px;
}

#fond_orange .bgauche1{
    float:left;
    position:absolute;
    bottom:0px;
    background: #997426 url(images/box_orange_leftdg.gif) repeat-y  bottom left ;
    width:16px;
    height:15px;
}

#milieugcheO {
    width:367px;
    float:left;
   
}

#laformation{
    text-align:left;
    margin-left:15px;
}

#dcouvrezF {
    float:left;
    margin-left:10px;  
}
 
#detail_formation {
    float:left;
    width:367px;
}
#liste{
    float:left;
    color:#ffffff;
    font-size:12px;
    line-height:14px;
    text-align:left;
	 width: 305px;
}

#decouvrezB {
    float:left;
    color:#ffffff;
    font-size:0.9em;
    line-height:12px;
    text-align:left;
    padding-left:15px;
    width: 317px;
}

#catalogue {
    float:left;
 
}
/*
#catalogue p{
    color:#ffffff;
    font-weight: bold;
    font-size:1em;
    font-family: times, verdana, serif,Arial;

}
*/

#texte1 {
    text-align:center;
    color:#ffffff;
    font-weight: bold;
    font-size:12px;
    font-family: times, verdana, serif,Arial;
}

#nos_prochains {
    float:left;
    text-align:left; 
    margin-left:15px;
    /*margin-top:-65px;*/  
}

#milieudteO {
    width:367px;
    float:left;
    
}


#AFP{
    
    margin-top:10px;
}

#traits1 {
  float:left;
  text-align:center;
 
}
#respof{
   
    margin-top:25px;
}   





/********************
******bottom*********
*********************/

#bottom1 {
    width:750px;	     
    float: left;
    background-color:#FFFFFF;
    height:350px;
    text-align:left;
    margin:0;
    padding:0;
}

#actualite, #actualitefp {
    width:324px;
    float:left;
    background:url(images/grisactu.gif) repeat-x top left;
    height:250px;
    margin:0 15px;
}

#bottom1 .flux{
    float:right;
    text-align:right;
    margin-right:10px;
}
.mod_newslist h2{
      margin:15px 8px 5px 8px;
      font-size:9pt;  
      color:#000000;
}

.layout_simple {    
    background:transparent url(images/bullet.png) no-repeat left;
	padding-left: 8px;
}

.mod_newslist .layout_simple { 
   float:left;   
   font-size:8px;  
   color:#000000;
   margin:5px;
   text-align:left;
	clear:both;
}

.mod_newslist .layout_simple a { 
   font-size:12px;  
}


#traits {
    width:1px;
    float:left;
    height:150px;
    margin:0 2px;


}
#actualite img,#actualitefp img{
    float:left;
    margin-top:8px;
    margin-left:8px;
}
/*******************
*********Footer*****
********************/

#footer {
    float:left;
	width: 100%;
    /*padding:4px 8px;*/
    margin:0;
    padding:0;
    clear:both;
    text-align:center;
	}


#footer p {
    color:#696969;
    margin: 2px 0;
	font-size: 11px;
    font-weight:bold;
	}

#footer a{
    text-decoration: none;
    background:none;
    color:#696969;
    font-weight:bold;
}

li {
    list-style-image: url(images/bullet.png);
    margin-left:10px;
}