/******************************************************************************************************************************************************************/
/* Styles du site SCS Paris 2008                                                                                                                                  */
/*                                                                                                                                                                */
/* Décembre 2008                                                                                                                                                  */
/*                                                                                                                                                                */
/******************************************************************************************************************************************************************/


/* ************************************************************************************************************************************************************** */
/* Styles globaux                                                                                                                                                 */
/* ************************************************************************************************************************************************************** */
   
   * { margin:0px; padding:0px; }

   body
    {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 10px;
     color: #3f3f3f;
     background:url(../gfx/background.jpg) repeat-x left top;
     background-color: #514D4D;
    }


/* ************************************************************************************************************************************************************** */
/* Styles personnalisés                                                                                                                                           */
/* ************************************************************************************************************************************************************** */


/* ********************************************************************************************************  */
/* Structure générale - 1 tableau :                                                                          */
/*  - première ligne : 1 colonne contenant une image                                                         */
/*  - seconde ligne : 1 colonne contenant le menu                                                            */
/*  - troisième ligne : 3 colonne contenant la calonne de gauche, le contenu et la colonne de droite         */
/*  - quatrième ligne : 1 colonne contenant le pied de page                                                  */
/* ********************************************************************************************************  */


   .table_generale { width:988px; margin:0px auto; border-collapse:collapse; background: url(../gfx/background_body.gif) repeat-y left top; }
   
   .td_titre { width:988px; height:270px; }
   
   .td_menu { width:988px; height:38px; background:url(../gfx/menu.jpg) no-repeat left top; vertical-align:top; }
   
   .td_bordure_gauche { width:8px; background:url(../gfx/background_gauche.jpg) no-repeat left top; }

   .td_colonne_gauche_haut { width:149px; vertical-align:top; background-color:white; text-align:center; }
   
   .td_colonne_gauche_bas { width:149px; vertical-align:bottom; background-color:white; }

   .td_contenu { width:669px; vertical-align:top; background-color:white; }
   
   .td_colonne_droite { width:154px;background-color:white; vertical-align:top; text-align:center; }

   .td_bordure_droite { width:8px; background:url(../gfx/background_droite.jpg) no-repeat left top; }
   
   .td_pied_de_page { width:972px; height:32px; background:url(../gfx/background_footer.gif) repeat-x left top; background-color:white; border-bottom:4px solid #eb1c22; vertical-align:bottom; }

/* ********************************************************************************************************  */
/* Styles pour le menu                                                                                       */
/* ********************************************************************************************************  */

   DL { padding: 0px; margin:0px; list-style-type:none; }
   DT { padding: 0px; margin:0px; list-style-type:none; }
   DD { padding: 0px; margin:0px; list-style-type:none; }
   UL { padding: 0px; margin:0px; list-style-type:none; }
   LI { padding: 0px; margin:0px; list-style-type:none; }

   #menuhaut { z-index: 100; position: relative; margin-left: 153px; height: 30px; }

   /* DL Style pour un bloc rubrique + sous-menus - Float permet de faire décaler les rubriques horizontalement */

      #menuhaut DL { z-index:100; float:left; margin:0px; }

   /* DT Style de l'affichage de la rubrique */

      #menuhaut DT {	Z-INDEX: 100; padding:0px; } /*height:25px;*/

      #menuhaut DT A { display:block; z-index:100;height:100%;text-decoration:none; }

   /* DD Style du conteneur des sous-rubriques */

      #menuhaut DD {	Z-INDEX: 100; MARGIN: 0px; PADDING: 0px;width:136px; 	top: 29px; }

   /* LI Affichage des elements du menu (pages) - IMPORTANT : pour que le javascript de déroulement du menu puisse marcher, ne pas modifier les éléments : PADDING-BOTTOM: 0px; PADDING-TOP: 0px; */

      #menuhaut LI {	z-index:100;	padding-bottom:0px; padding-top:0px;	background-color:#FFFFFF; }
      #menuhaut LI A { display: block;	margin: 0px;	padding-top: 5px;	margin-right: 5px;	margin-left: 5px;	padding-bottom: 3px;	color: #000000;	text-decoration: none;	font-size : 10px;	background-color: #FFFFFF; height: 20px; }
      #menuhaut LI A:hover {	background-color: #FFFFFF; }      

   /* Menu Exposer */
   
      #menuhaut .smenuhaut1 dt { position:absolute; left:0px; top:0px; width:136px; height:38px;	text-align:center; background-image:url(../gfx/menu1_off.jpg); }
      #menuhaut dt.smenuhaut1 a:hover { background-image:url(../gfx/menu1_on.jpg); height:38px; left:0px; position:absolute; text-align:center; top:0px; width:136px; }
      #menuhaut .smenuhaut1 DD { position:absolute; left:5px; width:125px; border-left: 1px solid #ED1C24; border-right: 1px solid #ED1C24; border-bottom: 1px solid #ED1C24; background-color:#FFFFFF;	}
      #menuhaut LI.smenuhaut1 A {	border-bottom: #FCE8E9 1px solid;	}
      #menuhaut LI.smenuhaut1 A:hover { color: #ED1C24; }

   /* Menu Visiter */

      #menuhaut .smenuhaut2 DT {	position:absolute; left:136px; top:0px; width:135px; height:38px;	text-align:center; background-image:url(../gfx/menu2_off.jpg); }
      #menuhaut dt.smenuhaut2 a:hover { background-image:url(../gfx/menu2_on.jpg); height:38px; left:0px; position:absolute; text-align:center; top:0px; width:136px; }
      #menuhaut .smenuhaut2 DD {	position:absolute; left:139px; width:126px; border-left: 1px solid #0096DE; border-right: 1px solid #0096DE; border-bottom: 1px solid #0096DE; background-color:#FFFFFF; }
      #menuhaut LI.smenuhaut2 A {	border-bottom: #e5f4fb 1px solid;	}
      #menuhaut LI.smenuhaut2 A:hover { color: #0096DE; }

   /* Menu Les temps forts */
      
      #menuhaut .smenuhaut3 DT {	position:absolute; left:271px; top:0px; width:134px; height:38px;	text-align:center; background-image: url(../gfx/menu3_off.jpg); }
      #menuhaut dt.smenuhaut3 a:hover { background-image:url(../gfx/menu3_on.jpg); height:38px; left:0px; position:absolute; text-align:center; top:0px; width:136px; }
      #menuhaut .smenuhaut3 DD {	position:absolute; left:274px; width:125px; border-left: 1px solid #F77908; border-right: 1px solid #F77908; border-bottom: 1px solid #F77908; background-color:#FFFFFF; }
      #menuhaut LI.smenuhaut3 A {	border-bottom: #FEF2E6 1px solid;	}
      #menuhaut LI.smenuhaut3 A:hover { color: #F77908; }

   /* Menu Presse */

      #menuhaut .smenuhaut4 DT {	position:absolute; left:405px; top:0px; width:134px; height:38px;	text-align:center; background-image: url(../gfx/menu4_off.jpg); }
      #menuhaut dt.smenuhaut4 a:hover { background-image:url(../gfx/menu4_on.jpg); height:38px; left:0px; position:absolute; text-align:center; top:0px; width:136px; }
      #menuhaut .smenuhaut4 DD {	position:absolute; left:409px; width:125px; border-left: 1px solid #007963; border-right: 1px solid #007963; border-bottom: 1px solid #007963; background-color:#FFFFFF; }
      #menuhaut LI.smenuhaut4 A {	border-bottom: #E5F1EF 1px solid; }
      #menuhaut LI.smenuhaut4 A:hover { color: #007963; }

   /* Menu Partenariat */

      #menuhaut .smenuhaut5 DT {	position:absolute; left:539px; top:0px; width:134px; height:38px;	text-align:center; background-image: url(../gfx/menu5_off.jpg); }
      #menuhaut dt.smenuhaut5 a:hover { background-image:url(../gfx/menu5_on.jpg); height:38px; left:0px; position:absolute; text-align:center; top:0px; width:136px; }
      #menuhaut .smenuhaut5 DD {	position:absolute; left:543px; width:124px; border-left: 1px solid #9C1463; border-right: 1px solid #9C1463; border-bottom: 1px solid #9C1463; background-color:#FFFFFF; }
      #menuhaut LI.smenuhaut5 A {	border-bottom: #F7E8EF 1px solid; }
      #menuhaut LI.smenuhaut5 A:hover { color: #9C1463; }

/* ********************************************************************************************************  */
/* Styles pour les menus de gauche et de droite                                                              */
/* ********************************************************************************************************  */

   /* Galerie photo à droite */

      .galerie { background:url(../gfx/background_photos.jpg) repeat-x left top; width:132px; padding:3px; }



/* ********************************************************************************************************  */
/* Styles pour le pied de page                                                                               */
/* ********************************************************************************************************  */
   
   .puce_pdp { float:left; background-color:yellow; }
   .lien_pdp { float:left; padding:2px 8px 0px 0px; }