/* 
	DEFAULT STYLESHEET
	All pages inherrit from this stylesheet, so anything reusable, 
	site-wide or generic goes here.
*/

/* ------------------------------------------------------------------------
	HTML BODY tag and Page div
------------------------------------------------------------------------ */

body
{
	color:#000;
	margin:0;
  	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#0F456A url(images/bg.gif) repeat-x top left;
}

#container
{
	width:955px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

#container_bgBlanc
{background:#fff;}

/* ----------------------------
   Globals
---------------------------- */

h1
{
	font-size:1.15em;
	margin:0;
	color:#fff;
}

h2
{
	font-size:1.15em;
	margin:0;
	padding:0;
	color:#fff;
}

h3
{
	font-size:1.1em;
	margin:0;
	padding:0 0 15px 0;
	color:#000;
}

p
{
	font-size:1em;
	color:#000;
	margin:0;
	padding:0;
}

input, select
{font-family: Arial, Helvetica, sans-serif;}

.gras
{font-weight:bold;}

.italic
{font-style:italic;}

.bleu
{color:#0B70AC;}

.txt_petit
{font-size:0.9em;}
.rouge
{color:#FF000F;}
/* --------------------------------------------------------------- */
/* ---- Corps ---------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* ------------ zone contenu ------------------------------------------------- */

/* ------------------------------------------------------------ */
/* --- entête ------------------------------------------------- */

#entete
{
	width:955px;
	position:relative;
}

/* ----------------------------------- */
/* -- top menu ----------------------- */

#topMenu_bg
{
	position:absolute;
	top:0;
	left:647px;
	width:300px;
	background:#AD1625 url(images/topmenu_bg.gif) repeat-x bottom left;
}

#topMenu_coinBD
{background:url(images/topmenu_coinBD.gif) no-repeat bottom right;}

#topMenu, #topMenu_en
{
	width:300px;
	background: url(images/topmenu_coinBG.gif) no-repeat bottom left;
}

#topMenu ul
{
	list-style:none;
	margin:0;
	padding:4px 0 0 14px;
}

#topMenu_en ul
{
	list-style:none;
	margin:0;
	padding:4px 0 0 18px;
}

#topMenu ul li
{
	float:left;
	color:#fff;
	font-size:0.9em;
	font-weight:bold;
	margin:0;
	padding:0 7px 3px 0;
}

#topMenu_en ul li
{
	float:left;
	color:#fff;
	font-size:0.9em;
	font-weight:bold;
	margin:0;
	padding:0 13px 3px 0;
}

#topMenu ul li.last, #topMenu_en ul li.last
{padding:0;}

#topMenu a:link, #topMenu a:visited, #topMenu a:active, #topMenu_en a:link, #topMenu_en a:visited, #topMenu_en a:active
{
	color:#fff;
	text-decoration:none;
}

#topMenu a:hover, #topMenu_en a:hover
{text-decoration:underline;}
/* ------------------------------- */
/* --- logo ---------------------- */

div#logoCompagnie
{
	position:absolute;
	width:176px;
	top:67px;
	left:35px;
}

div#logoCompagnie img.logo
{display:block;}


#logoPrint
{display: none;}

/* ------------------------------------------------------------------ */
/* ----------- Top Menu ------------------------------------------------- */

/* ------------------------------------------------------------------ */
/* ----------- Menu ------------------------------------------------- */
#zoneMenu_continu
{
	width:955px;
	background:url(images/bg_bordGau.gif) repeat-y top left;
}

#zoneMenu, #zoneMenu_en
{background:url(images/bg_menu_bordGau.gif) no-repeat top left;}

#bgMenu
{
	width:712px;
	background:#063460 url(images/bg_menu.gif) repeat-x top left;
	margin:0 0 0 243px;
}

#zoneMenu_bordDr
{background:url(images/bg_menu_bordDr.gif) no-repeat top right;}

#menu
{
	width:720px;
	background:url(images/menu_bg_coinBG.gif) no-repeat top left;	
}

#zoneMenu ul, #zoneMenu_en ul
{
	list-style:none;
	margin:0 0 0 31px;	
}

#zoneMenu ul li, #zoneMenu_en ul li
{
    float:left;   
    margin:0;
    padding:0;
    font-size:0.94em;
}

.bordureDr{border-right:1px solid #fff;}

#zoneMenu a
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display: block ;
	float:left;	
	padding:7px 12px 8px 12px;
	font-weight:bold;	
	color:#fff;
	text-decoration:none;
}

#zoneMenu_en a
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display: block ;
	float:left;	
	padding:7px 24px 8px 24px;
	font-weight:bold;	
	color:#fff;
	text-decoration:none;
}

/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#zoneMenu a, #zoneMenu_en a {float:none;}
/* End IE5-Mac hack */

#zoneMenu a:hover
{
	color:#fff;
	font-weight:bold;	
	background:url(images/bg_menu_over.gif) repeat-x top left;
	padding:7px 12px 8px 12px;
}

#zoneMenu_en a:hover
{
	color:#fff;
	font-weight:bold;	
	background:url(images/bg_menu_over.gif) repeat-x top left;
	padding:7px 24px 8px 24px;
}

#zoneMenu a.selected
{
	color:#fff;
	font-weight:bold;	
	background:url(images/bg_menu_over.gif) repeat-x top left;
	padding:7px 12px 8px 12px;
}

#zoneMenu_en a.selected
{
	color:#fff;
	font-weight:bold;	
	background:url(images/bg_menu_over.gif) repeat-x top left;
	padding:7px 24px 8px 24px;
}

/* ---------------------------------------------- */
/* --- Sous-menu du menu principal -------------- */

#smenu-mprincipal
{
    text-align: left;
	display: block;
    left: 0;
    top: 0;
	z-index: 100;
	font-size: 1em;	
}

#smenu-mprincipal div 
{
	display:none;
	position: absolute;
	left: 0;
	top:0;
	z-index: 200;
	cursor: pointer;
}

#smenu-mprincipal div div {
	position: relative;
	display: block;
	width: 100%;
	white-space: nowrap;
	background: none;
	border-bottom:1px solid #063460;
}

#smenu-mprincipal div div.last {border-bottom:none;}

#smenu-mprincipal a {
	display: block;
	height: 1%;
	padding: 7px 10px 7px 10px;
	color: #fff;
	text-decoration: none;
	background: #0C78B4;
}
#smenu-mprincipal a:hover 
{background:#06548A;}

/* largeur des zones de sous-menu fr */
#smenu-mprincipal #MquiMenu
{width: 170px;}
#smenu-mprincipal #MexpertiseMenu
{width: 127px;}
#smenu-mprincipal #MmembreMenu
{width: 165px;}
#smenu-mprincipal #MevenementsMenu
{width: 290px;}

/* largeur des zones de sous-menu en */
#smenu-mprincipal #MquiEnMenu
{width: 180px;}
#smenu-mprincipal #MexpertiseEnMenu
{width: 139px;}
#smenu-mprincipal #MmembreEnMenu
{width: 170px;}
#smenu-mprincipal #MevenementsEnMenu
{width: 250px;}

/* ---------------------------------------------------------------- */
/* ----sous Sous-menu aligné à droite Documentation --------------------------------------------- */

#smenu-mprincipalDr
{
    text-align: left;
	display: block;
    left: 0;
    top: 0;
	z-index: 100;
	font-size: 1em;	
}

#smenu-mprincipalDr div 
{
	display:none;
	position: absolute;
	left: -47px;
	top:0;
	z-index: 200;
	cursor: pointer;
}

#smenu-mprincipalDr div div {
	position: relative;
	display: block;
	width: 100%;
	white-space: nowrap;
	background: none;
	border-bottom:1px solid #063460;
}

#smenu-mprincipalDr div div.last {border-bottom:none;}

#smenu-mprincipalDr a {
	display: block;
	height: 1%;
	padding: 7px 10px 7px 10px;
	color: #fff;
	text-decoration: none;
	background: #0C78B4;
}
#smenu-mprincipalDr a:hover 
{background:#06548A;}

#smenu-mprincipalDr #MdocumentationMenu
{width: 170px;}

/* ---------------------------------------------------------------- */
/* ----sous Sous-menu aligné à droite Documentation ANGLAIS --------------------------------------------- */

#smenu-mprincipalDrEn
{
    text-align: left;
	display: block;
    left: 0;
    top: 0;
	z-index: 100;
	font-size: 1em;	
}

#smenu-mprincipalDrEn div 
{
	display:none;
	position: absolute;
	left: -23px;
	top:0;
	z-index: 200;
	cursor: pointer;
}

#smenu-mprincipalDrEn div div {
	position: relative;
	display: block;
	width: 100%;
	white-space: nowrap;
	background: none;
	border-bottom:1px solid #063460;
}

#smenu-mprincipalDrEn div div.last {border-bottom:none;}

#smenu-mprincipalDrEn a {
	display: block;
	height: 1%;
	padding: 7px 10px 7px 10px;
	color: #fff;
	text-decoration: none;
	background: #0C78B4;
}
#smenu-mprincipalDrEn a:hover 
{background:#06548A;}

#smenu-mprincipalDrEn #MdocumentationEnMenu
{width: 170px;}

/* ---------------------------------------------------------------------- */
/* --- Zone contenu ----------------------------------------------------- */
#zoneContenu_continuGau
{
	width:955px;
	background:url(images/bg_bordGau.gif) repeat-y top left;
}


#zoneContenu_continuDr
{
	background:url(images/bg_bordDr_conti.gif) repeat-y top right;
}

#zoneContenu
{
	width:938px;
	margin:0 0 0 9px;
	padding:19px 0 20px 0;
	background:url(images/bg_contenu.gif) repeat-y top left;
}

#zoneContenu_int
{
	width:938px;
	margin:0 0 0 9px;
	padding:19px 0 20px 0;
}


div#zoneContenu_int{height:400px;}

html>body div#zoneContenu_int
{
	min-height:400px;
	height:auto;
}

#colGauche
{
	float:left;
	width:575px;
}

#colDroite
{
	float:left;
	width:363px;
}

/* -- éléments de contenu textes ------------------------------------- */

.contenu
{padding:0 19px 0 17px;}

.contenu p
{
	padding:0 0 20px 0;
	line-height:1.4em;
}

.contenu a:link, .contenu a:visited, .contenu a:active
{
	text-decoration:underline;
	color:#0B6FAC;
}

.contenu a:hover
{text-decoration:none;}

.contenu ul
{
	list-style:none;
	padding:0 0 0 0;
	margin:0 0 20px 20px;
}

.contenu ul li
{
	padding:0 0 10px 13px;
	margin:0;
	background:url(images/i_fleche_bleue.gif) no-repeat 0 3px;
}

.liste_int
{
	list-style:disc !important;
	margin:7px 0 0 25px !important;
}

.liste_int li
{
	padding:0 0 10px 0 !important;
	margin:0 !important;
	background:none !important;
}


/*cotés*/
#entete_h1_coteTop
{background:#AB151E url(images/entete_h1_coteTop.gif) repeat-x top left;}
#entete_h1_coteDr
{background:url(images/entete_h1_coteDr.gif) repeat-y top right;}
#entete_h1_coteBas
{background:url(images/entete_h1_coteBas.gif) repeat-x bottom left;}
#entete_h1_coteGau
{background:url(images/entete_h1_coteGau.gif) repeat-y top left;}
/* coins */
#entete_h1_coinTG
{background:url(images/entete_h1_coinTG.gif) no-repeat top left;}
#entete_h1_coinTD
{background:url(images/entete_h1_coinTD.gif) no-repeat top right;}
#entete_h1_coinBD
{background:url(images/entete_h1_coinBD.gif) no-repeat bottom right;}
#entete_h1_coinBG
{background:url(images/entete_h1_coinBG.gif) no-repeat bottom left;}

#entete_h1
{padding:6px 0 4px 0;}

#entete_h1 h1
{padding:0 0 0 11px;}


/*cotés*/
.entete_h2_bg
{background:#0C76B2 url(images/entete_h2_bg.gif) repeat-x top left;}
.entete_h2_bg_int
{width:902px; background:#0C76B2 url(images/entete_h2_bg.gif) repeat-x top left;}

/* coin rouge */
.entete_h2_coinTD_red
{background:url(images/entete_h2_coinTD_red.gif) no-repeat top right;}
/*coin blanc */
.entete_h2_coinTD_white
{background:url(images/entete_h2_coinTD_white.gif) no-repeat top right;}

.entete_h2
{padding:16px 0 15px 0;}

.entete_h2 h2
{padding:0 0 0 11px;}

/* ---------------------------------------------------------------- */
/* -- box actualité accueil --------------------------------------- */

.box_actualites
{
	width:537px;
	background:#E7F2F9;
	border-left:1px solid #2D8ED8;
	border-bottom:1px solid #2D8ED8;
	border-right:1px solid #2D8ED8;
	margin:0 0 12px 0;
	padding:8px 0 7px 0;
}

/* -- petit fix pour IE 5 qui prend les bordure vers l'intérieur -- */
.div_actualites
{
	width:537px;
	background:#E7F2F9;
	margin:0 0;
}
/* ----------------------------------------------------------------- */

.div_actualites img
{margin:0 10px;}

.div_actualites p.date
{
	color:#FF000F;
	font-size:0.9em;
}

.div_actualites p
{padding:0 10px 4px 0;}

/* -- boîte bouton Suite de l'article -------- */

.box_bSuite
{
	float:right;
	width: 125px;
	margin:18px 0 0 0;
	padding:4px 0 0 0;
	border-top:1px solid #A6141D;
}

.box_bSuite p
{
	padding:0 0 0 3px;
}

.box_bSuite a:link, .box_bSuite a:visited, .box_bSuite a:active
{
	font-weight:bold;
	color:#AB151E;
	text-decoration:none;
	font-size:0.9em;
}

.box_bSuite a:hover
{text-decoration:underline;}

.box_bSuite img
{
	vertical-align:middle;
	margin:0 0 0 4px;
}

/* ---------------------------------------------------------------- */
/* -- box événements ---------------------------------------------- */

.zone_evenements
{
	width:324px;
	margin:0 0 0 20px;
}

/*cotés*/
.box_evenements_t_bg
{width:324px; background:#0C76B2 url(images/box_evenements_coteBas.gif) repeat-x bottom left;}
.box_evenements_t_coteGau
{background:url(images/box_evenements_t_coteGau.gif) repeat-y top left;}
.box_evenements_t_coteDr
{background:url(images/box_evenements_t_coteDr.gif) repeat-y top right;}

/*coin */
.box_evenements_t_coinTD
{background:url(images/box_evenements_coinTD.gif) no-repeat top right;}
.box_evenements_t_coinBD
{background:url(images/box_evenements_t_coinBD.gif) no-repeat bottom right;}
.box_evenements_t_coinBG
{background:url(images/box_evenements_t_coinBG.gif) no-repeat bottom left;}

.box_evenements_h2
{padding:8px 0 6px 0;}

.box_evenements_h2 h2
{padding:0 0 0 11px;}

.box_evenements
{
	width:322px;
	background:#fff url(images/box_toutEvenements_bg.gif) repeat-x bottom left;
	border-left:1px solid #2D8ED8;
	border-bottom:1px solid #2D8ED8;
	border-right:1px solid #2D8ED8;
	margin:0 0 12px 0;
	padding:8px 0 4px 0;
}

/* -- petit fix pour IE 5 qui prend les bordure vers l'intérieur -- */
.div_evenemenets
{width:322px;}
/* -------------------------------- */

.box_evenements p
{
	padding:0 0 14px 11px;
	font-size:0.9em;
}

.box_evenements input
{
	margin:0 0 0 11px;
}

.box_evenements p.dateEvenements
{
	font-weight:bold;
	font-size:0.9em;
	padding:0 0 4px 11px;
}

.box_evenements a:link, .box_evenements a:active, .box_evenements a:visited
{
	text-decoration:none;
	color:#000;
}

.box_evenements a:hover
{text-decoration:underline;}
/* -- boîte bouton Suite de l'article -------- */

.box_toutEvenements
{
	float:right;
	width: 156px;
	margin:0;
	padding:4px 0 0 0;
	border-top:1px solid #0A61A4;
}

.box_toutEvenements p
{
	padding:0 0 0 3px;
}

.box_toutEvenements a:link, .box_toutEvenements a:visited, .box_toutEvenements a:active
{
	font-weight:bold;
	color:#0A61A4;
	text-decoration:none;
}

.box_toutEvenements a:hover
{text-decoration:underline;}

.box_toutEvenements img
{
	vertical-align:middle;
	margin:0 0 0 4px;
}

/* -- images publicitaires ------------------ */

.imgPub
{
	border:1px solid #000;
	margin:0 0 12px 0;
}

/* -------------------------------------------------------------------------- */
/* -- boîte de contenu Pages Intérieures ------------------------------------ */

.box_contenu_int
{
	width:900px;
	background:#E7F2F9;
	border-left:1px solid #2D8ED8;
	border-bottom:1px solid #2D8ED8;
	border-right:1px solid #2D8ED8;
	margin:0 0 5px 0;
	padding:15px 0 7px 0;
}

/* -- petit fix pour IE 5 qui prend les bordure vers l'intérieur -- */
.div_contenu_int
{
	width:900px;
	background:#E7F2F9;
}

/* ------ */

div.div_contenu_int{height:340px;}

html>body div.div_contenu_int
{
	min-height:340px;
	height:auto;
}

/* ----------------------------------------------------------------- */



.txt_contenu_int
{padding:0 19px 0 12px;}

.colGau_int
{
	float:left;
	width:410px;
	margin:0 30px 0 0;
}

.colDr_int
{
	float:left;
	width:410px;
}

/* -- Pages Gourvernance ----------------------------------------- */

.boxPersonnel
{
	width:869px;
	margin:0 0 15px 0;
}

.i_photo_personnel
{
	float:left;
	/*width:102px;*/
	margin:0 10px 20px 0;
}

.i_photo_personnel img
{border:1px solid #2D8ED8;}

.txt_personnel
{
	float:left;
}

/* -- Pages Membres ----------------------------------------- */

.boxMembres
{
	width:869px;
	margin:0 0 30px 0;
}

.boxMembres_colDr
{
	float:left;
	width:410px;
}

.boxMembres_colGau
{
	float:left;
	width:410px;
	margin:0 20px 0 0;
}

.col_membre_coinTG
{
	width:410px;
	background:#CADBE5 url(images/box_membres_coinTG.gif) no-repeat top left;
	margin:0 0 20px 0;
}

.col_membre_coinTD
{background:url(images/box_membres_coinTD.gif) no-repeat top right;}
.col_membre_coinBD
{background:url(images/box_membres_coinBD.gif) no-repeat bottom right;}
.col_membre
{background:url(images/box_membres_coinBG.gif) no-repeat bottom left; 	padding:0 0 10px 0; }

.boxMembres p
{
	padding:10px 20px;
	color:#0069AA;
}

.box_temoi_auteur_coinTG
{
	width:225px;
	background:#fff url(images/box_temoig_coinTG.gif) no-repeat top left;
	margin:0 0 0 20px;
}
.box_temoi_auteur_coinTD
{background:url(images/box_temoig_coinTD.gif) no-repeat top right;}
.box_temoi_auteur_coinBD
{background:url(images/box_temoig_coinBD.gif) no-repeat bottom right;}
.box_temoi_auteur
{background:url(images/box_temoig_coinBG.gif) no-repeat bottom left;}

.box_temoi_auteur p
{
	padding:10px 10px;
	color:#0069AA;
}

/* -- tableau membres ------------------- */
.tabMembres
{
	width:600px;
	margin:0 0 20px 0;
	
}

.tabMembres td.enteteTd
{
	font-weight:bold;
	text-align:center;
	background:#CADBE5;
	padding:6px 0;
}

.tabMembres td.tabMembres_td
{
	width:200px;
	text-align:center;
	background:#CADBE5;
	padding:6px 0;
}

.tabMembres td.tabMembres_padding
{padding:6px 6px;}

.tabEntreprise
{
	width:401px;
	margin:0;
	background:#CADBE5;
}

.tabEntreprise td
{
	width:200px;
	border-bottom:1px solid #0F456A;
	text-align:center;
	padding:6px 0;
}

.tabEntreprise td.bordDr
{border-right:1px solid #0F456A;}

.tabEntreprise td.noBorderBottom
{border-bottom:none;}


/* -- Zone de logos des membres ----------------------------------------- */

.boxLogosMembres
{
	width:869px;
	border-bottom:1px solid #2D8ED8;
	margin:0 0 30px 0;
	text-align:center;
}

.colGau_membres, .colMid_membres
{
	float:left;
	width:270px;
	margin:0 20px 0 0;
}

.colDr_membres
{
	float:left;
	width:270px;
}

.col_membres
{
	float:left;
	width:270px;
	margin:0 19px 0 0;
}

/* -- Page Événements - Industrie ---------------------------------------- */

.boxEvents
{
	margin:0 0 20px 0;
	border-bottom:1px solid #08508B;
}

/* ---------------------------------------------------------------------- */
/* --- Pied ------------------------------------------------------------- */

#pied_bordBas
{
	width:938px;
	background:#0C76B2 url(images/pied_bordBas.gif) repeat-x bottom left;
	margin:0 0 0 9px;
}

#pied_coinBG
{
	background:url(images/pied_coinBG.gif) no-repeat bottom left;
}

#pied
{
	width:938px;
	background:url(images/pied_coinBD.gif) no-repeat bottom right;
	padding:15px 0 18px 0;
}

#pied ul
{
	list-style:none;
	margin:0 0 0 95px;
}

#pied ul li
{
	float:left;
	font-size:0.9em;
	color:#fff;
	margin:0;
	padding:0 4px 0 0;
}

#pied a:link, #pied a:visited, #pied a:active
{
	text-decoration:none;
	color:#fff;
}

#pied a:hover
{text-decoration:underline;}