body {
    background: #888888 url(./fond_bulles3.jpg) repeat scroll 0 0;
    color: #000000;
    /** background: #ffffff url('./fond_bulles1.jpg') repeat; **/
    /** background: #000000 url('./gabarit.png') no-repeat center top; **/
    /** background: #ffffff url(/pubs/internes/page_fond.jpg) no-repeat fixed center top; **/
    font-family:        Verdana, Helvetica, Arial, sans-serif;
    font-size:          8pt;
    margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
    padding: 0;
    text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
    
}




.img-shadow {
  float:left;

  background: url('./shadowimg.png') no-repeat bottom right !important;
  background: url('./shadowimg.gif') no-repeat bottom right;

  margin: 5px 0 0 5px !important;
  margin: 5px 0 0 0px;
  padding-left: 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #666666;
  margin: -7px 7px 7px -7px;
  padding: 3px;
  } 
  
  
.trombino {
  padding: 2px;
  margin:1px;
  font-family: Verdana;
  font-size: 8pt;
  border:1px solid #888888;
  } 
  
  
.td_left {
    	padding : 10px;
 
}

.td_right {
	padding:	  0px;
	border-left:      1px solid #AAAAAA;
	/*background : transparent url('./degrade_gris.png') top left repeat-y;*/
	background-color: #E4E4E4;
	width:		  300px;	
	position: relative;
	
}



.td_right_etroit {
	padding:	  0px;
	border-left:      1px solid #AAAAAA;
	/*background : transparent url('./degrade_gris.png') top left repeat-y;*/
	background-color: #e4e4e4;
	width:		  160px;	
	position: relative;
	
}

.banniere_droite {

    padding : 0px;
    width: 300px;
    height: 250px;
    color:#000000;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}

.banniere_droite_bordure {
    padding : 0px;
    width: 300px;
    height:150px;
    color:#000000;
    text-align: center;
    border-top:      1px solid #666666;
    border-bottom:      1px solid #666666;
     margin-bottom: 20px;
      margin-top: 5px;
}
.banniere_etroit {

    padding : 0px;
    width: 175x;
    color:#000000;
    text-align: center;

}

.pave_droite {
    margin: 0px;
    padding : 0px;
    width: 300px;
    color:#444444;
    text-align: left;
}

.pave_droite a {
    color: #0066cc;
}

.pave_droite a:hover {
    color: #FE780C;
}


.pave_droite_etroit {
    margin-bottom: 5px;
    padding : 0px;
    width: 160px;
    color:#FFFFFF;
    text-align: left;
    font-size:8pt;
}

.pave_forum {
    padding : 0px;
    width: 150px;
    color:#000000;
    text-align: left;
    font-size:8pt;
}

.pave_forum a {
	color: #ffffff;
}

.pave_forum a:hover {
  	color: #FE780C;
}

.pave_droite_etroit a {
    color: #ffae73;
}

.pave_droite_etroit a:hover {
    color: #FE780C;
}


.titre_pave_droite {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	border-bottom:      2px solid #FE780C;
	line-height: 0.95em; 

	margin-top: 5px;
	margin-bottom: 8px;
	margin-right: 5px;
	margin-left: 0px;
	font-size: 10pt;
	font-weight: bold;
	text-align:left;
	color: #FE780C;
}



#layout {
    margin-left: auto;
    margin-right: auto;
    width:925px;
    position: relative;
    text-align: left;
    top : 5px;
    background: transparent url(./ombre.png) top center repeat-y;
}

#ombre_top {
    margin-left: auto;
    margin-right: auto;
    width:925px;
    height: 10px;
    position: relative;
    top:5px;
    background: transparent url('./ombre_haut.png') bottom center no-repeat;
}

#legal {
    margin-left: auto;
    margin-right: auto;
    width:925px;
    position: relative;
    top:5px;
    background: transparent url(./ombre_bas.png) top center no-repeat;
}

#contour {
	border: 1px solid #aaaaaa;
	width: 100%;
    	margin: 0px auto 0px auto;
    	background-color: #ffffff;
}
#logo{
	
	margin: 0 0 0 0;
	width: 153px;
	height:50px;
	position: absolute;
	top: -11px;
	left: -1px;
	z-index:100;
	background : transparent url('./LogoBDGest.png') top left no-repeat;
}
#site {
    margin-top:0px;
    margin-right: 10px;
    margin-left: 10px;
   /** background : transparent url('./degrade_droite_orange.png') top right no-repeat; **/
    background-color: #fcfcfc;
    text-align: left;
    border-left:        1px solid #444444;
    border-right:       1px solid #333333;
}



#header {
    background : #333333 top left repeat-x;
    height: 115px;
    text-align: left;
    margin-top:0px;
    margin-bottom:0px;
    margin-right: 10px;
    margin-left: 10px;
    border-left:        1px solid #111111;
    border-right:       1px solid #222222;
    border-top:       1px solid #111111;
    }

.header_menu {
    background : transparent url('../images/menu_off.gif') top left repeat-x; 
 
    /*background-color: #ff9649;*/
   /* border-top:         1px solid #ff9f59; */
    border-left:        1px solid #444444;
    border-right:       1px solid #333333;
    border-bottom:      1px solid #666666;
    height: 21px;
    text-align: center;
    color: #532201;
    font-family:  Arial, Trebuchet MS, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    margin-top:0px;
    margin-bottom:0px;
    margin-right: 10px;
    margin-left: 10px;
}


.header_menu a {
    color: #532201;
    font-weight : bold;
    font-family:  Arial, Trebuchet MS, Verdana, Helvetica, sans-serif;
    font-size: 9pt;
}

.header_menu a:hover {
    color: #532201;
}


#header_barre {
    margin: 0 0 0 0;
    color: #FFFFFF;
    position: relative;
    top: 2px;
    float: right;
    left: 0px;
    width: 730px;
    height: 18px;
    z-index:100;
    font-size:8pt;
    font-family:  Verdana, Helvetica, Arial, sans-serif;
    text-align:right;
}


#header_login {
    margin: 0 0 0 0;
    color: #FFFFFF;
    position: absolute;
    top: 55px;
    left: 20px;
    width: 160px;
    height: 50px;
    z-index:100;
    font-size:10px;
    font-family:  Verdana, Helvetica, Arial, sans-serif;
    line-height: 11px;
}

#header_login a {
    color: #ffffff;
   
}

#header_login a:hover {
    color: #fcb146;
}


#header_banniere {
    margin: 0 0 0 0;
    position: absolute;
    top: 24px;
    left: 185px;
    width: 728px;
    height: 90px;
    z-index:2;
    border-left : #222222 1px solid;
    border-top : #222222 1px solid;
    background-color: #444444;
}

#header_ticker {
    background : transparent url('./degrade_ticker.png') top left repeat-x;
    height: 8px;
    text-align: left;
    margin-top:0px;
    margin-bottom:0px;
    margin-right: 10px;
    margin-left: 10px;
    border-left:        1px solid #444444;
    border-right:       1px solid #333333;
    border-bottom:       1px solid #333333;
 
}


#contenu_droite {
    margin: 0 0 0 0;
    position: relative;
    top: 7px;
    left: 15px;
    width: 300px;
    text-align: left;


}

#contenu_gauche {
    
    position: relative;
    padding:10px;
    width: 100%;
    text-align: left;
    
}

#contenu_droite1 {
    margin: 0 0 0 7px;
    width: 300px;
    background-color: #444444;
    color:#FFFFFF;
    text-align: left;
    border-top:         1px solid #888888;
    border-left:        1px solid #888888;
    border-right:       1px solid #000000;
    border-bottom:      1px solid #000000;
}

#contenu_droite1 a {
    color: #fcb146;
}

#contenu_droite1 a:hover {
    color: #ffffff;
}

#contenu_droite2 {
    margin: 7px 0 0  7px;
    width: 300px;
    height: 250px;
    background-color: #eeeeee;
    text-align: left;
    border-top:         1px solid #dddddd;
    border-left:        1px solid #dddddd;
    border-right:       1px solid #999999;
    border-bottom:      1px solid #999999;
}

#contenu_droite3 {
    margin: 7px 0 0 7px;
    width: 300px;
      background-color: #ff9649;
    color:#FFFFFF;
    text-align: left;
    border-top:         1px solid #ff994f;
    border-left:        1px solid #ff994f;
    border-right:       1px solid #d05800;
    border-bottom:      1px solid #d05800;
}


#contenu_droite4 {
    margin: 7px 0 0 7px;
    width: 300px;
    background-color: #444444;
    color:#FFFFFF;
    text-align: left;
    border-top:         1px solid #888888;
    border-left:        1px solid #888888;
    border-right:       1px solid #000000;
    border-bottom:      1px solid #000000;
}

#contenu_droite4 a {
    color: #fcb146;
}

#contenu_droite4 a:hover {
    color: #ffffff;
}

#contenu_droite5 {
    margin: 7px 0 0 7px;
    width: 300px;
    background-color: #ff9649;
    text-align: left;
   border-top:         1px solid #ff994f;
    border-left:        1px solid #ff994f;
    border-right:       1px solid #d05800;
    border-bottom:      1px solid #d05800;
}

#contenu_droite6 {
    margin: 7px 0 0  7px;
    width: 300px;
    height: 150px;
    background-color: #444444;
    color:#FFFFFF;
    text-align: left;
    border-top:         1px solid #888888;
    border-left:        1px solid #888888;
    border-right:       1px solid #000000;
    border-bottom:      1px solid #000000;
}

#contenu_droite7 {
    margin: 7px 0 0 7px;
    width: 300px;
    background-color: #444444;
    color:#FFFFFF;
    text-align: left;
    border-top:         1px solid #888888;
    border-left:        1px solid #888888;
    border-right:       1px solid #000000;
    border-bottom:      1px solid #000000;
}
    
#contenu_droite7 a {
    color: #fcb146;
}

#contenu_droite7 a:hover {
    color: #ffffff;
}

.textegoogle { 
	
	font-family: Verdana; 
	font-size: 8pt; 
	width: 70px; 
	height: 11px;
}

.selectgoogle { 
	

	font-family: Verdana;  
	font-size: 8pt; 
	width: 85px;
	height: 15px;
}
	  
.boutongoogle { 

	
	font-family: Verdana;  
	font-size: 8pt; 
	width: 30px; 
	height: 19px;
}
	  
.textelogin { 
	
	font-family: Verdana; 
	font-size: 8pt; 
	width: 50px; 
	height: 15px;
	margin:0px;
}	  

.boutonlogin { 

	
	font-family: Verdana;  
	font-size: 7pt; 
	width: 30px; 
	height: 20px;
}



/**
 * Pied de page
 */



#footer {
    background-color: #666666;
    border-top: 1px solid #444444;
    padding-top: 3px;
    padding-bottom: 5px;
    margin-top: 0px;
    font-size: 11px;
    color: #CCCCCC;
}

#footer a {
    color: #FFFFFF;
    font-weight: bold;
}

#footer a:hover {
    color: #FE780C;
}


#footer_menu {
    background-color: #333333;
    border-top: 1px solid #222222;
 
    padding-top: 3px;
    padding-bottom: 5px;
    margin-top: 0px;
    font-size: 11px;
    color: #CCCCCC;

}

#footer_menu a {
    color: #DDDDDD;
}

#footer_menu a:hover {
    color: #FFFFFF;
}


#footer_legal {
    background-color: #666666;
    border-top: 1px solid #222222;
    padding-top: 7px;
    padding-bottom: 10px;
    margin-top: 0px;
    font-size: 11px;
    color: #CCCCCC;
    text-align: center; 
    clear: both;

}

#footer_legal a {
    color: #ffffff;
}


#footer_menu a:hover {
    color: #FE780C;
}


.footer_menu_titre {
	color: #FE780C;
	font-weight : bold;
	text-align : right;
	padding-right : 5px;
	width : 200px;
	font-size: 11px;
}


#legal a {
	color:#0066cc;
	text
}

.footer {
	font-size: 11px;
	text-align: center;
}



.header_menu .menu {
	
	height: 20px;
	text-align:center;
	
}
.header_menu .menu a {
	font-weight: bold;
	color: #532201;
	text-decoration: none;
}
.header_menu .menu a:hover {
	text-decoration: underline;
}


.header_menu .menu .menu_bleu {
	position:relative;
	z-index:            100;
}

.header_menu .menu .menu_bleu2 {
	position:relative;
	z-index:            100;
}

.header_menu .menu .menu_bleu a {
	display: block;
	height: 20px;
	padding-top: 2px;
	overflow: hidden;
}
.header_menu .menu .menu_bleu a {
	background : transparent url('../images/menu_off.gif') top left repeat-x;
}
.header_menu .menu .menu_bleu a:hover {
	background : transparent url('../images/menu_on.gif') top left repeat-x;
	text-decoration: none;
}

.header_menu .menu .menu_bleu2 a {
	display: block;
	height: 20px;
	padding-top: 2px;
	overflow: hidden;
}
.header_menu .menu .menu_bleu2 a {
	background : transparent url('../images/menu_on2.gif') top left repeat-x;
}
.header_menu .menu .menu_bleu2 a:hover {
	background : transparent url('../images/menu_on.gif') top left repeat-x;
	text-decoration: none;
}

.header_menu .menu .menu_sep {
	width:1px;
	top left repeat-x;
	background : #888888;
	background : transparent url('../images/menu_sep.gif') top left repeat-x;
}  

/* Pagination */
.paginationbd {
	background-color:#ecedee;
	border:1px solid #b4bac0;
	color:#5c758c;
	font-size:0.9em;
	font-weight:normal;
	line-height:1.5em;
	margin:0 2px;
	padding:0 2px;
	text-decoration:none;
}



.paginationbd:hover {
	border-color: #4692bf;
	background-color: #4692bf;
	color: #FFFFFF;
	text-decoration:none;
}

.paginationbd_off {
	background-color:#4692bf;
	border:1px solid #4692bf;
	color:#FFFFFF;
	font-size:0.9em;
	font-weight:normal;
	margin:0 2px;
	padding:0 2px;
	text-decoration:none;
}

.contenu_droite {
	width:286px ; 
	margin-left:6px; 
	margin-top:15px; 
	border: #D4D4D4 1px solid; 
	background-color:#F4F4F4;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.sous_contenu_droite {
	position: relative; 
	top: -10px; 
	left: -5px;
}

.titre_contenu_droite {
	position: relative; 
	top: -8px; 
	left: 7px;
	border : none;
}

.black {
	font-family : Arial Black, Trebuchet MS;
	letter-spacing: -1px;
	font-weight : normal;
}

.ligne_sep {
	border-bottom:1px solid #000000;
	margin-bottom:5px;
	width:100%;
}