@import url("reset.css");
@import url("content.css");

/***********************************/
/* Layout                          */
/***********************************/

body { background:#F3F3F3 url(/images/layout/body-bg.gif) center repeat-y; }
body { height:100%; font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#747474; }
/***********************************/
#wrapper { width:946px; margin:0 auto; position:relative;z-index: 10 }
/***********************************/
.main { width:946px; height:100%; overflow:hidden; position:relative; z-index:10; margin:0 auto; }
.main .inline { width:925px; margin:0 auto; }

/***********************************/
/* Link                            */
/***********************************/

a { text-decoration:none; color:#4c4c4c; }
a:hover { text-decoration:underline; text-indent:0; }
/***********************************/
a.lireAll { background:#00975a url(/images/pictos/flecheWhite.gif) 7px center no-repeat; padding:0 12px 0 20px; color:#ffffff; line-height:17px; font-size:0.625em; display:inline-block; text-transform:uppercase; }
a.lireAll:hover { text-decoration:none; }
a.lireSuite { color:#8e8e8e; }

/***********************************/
/* Misc                            */
/***********************************/

.display-off { text-indent:-99999px; position:absolute; }
.imgLeft { float:left; margin:0 10px 0 0; }
.txtCenter { text-align:center; }
/***********************************/
#links-accessibility {text-indent:-99999px; position:absolute;}
#links-accessibility li {display:inline; margin:0 10px 0 0;}

/***********************************/
/* Form                            */
/***********************************/

.inputText { color:#a3a3a3; font-family:Arial, Helvetica, sans-serif; border:1px solid #d9d9d9; margin:0; padding:1px 2px 1px; vertical-align:middle; }
.inputSubmit { background:url(/images/pictos/flecheInput.gif) center center no-repeat #ffffff; border:1px solid #d9d9d9; margin:0; padding:0; width:27px; height:19px; cursor:pointer; vertical-align:middle; }

/***********************************/
/* Header                          */
/***********************************/

.header { width:100%; position:relative; z-index:100; background:#f2f2f2; }
.header .logo { position:absolute; top:25px; left:30px;  }
/***********************************/
.headerTop { width:100%; height:119px; z-index:10; position:relative; }
.headerTopContent { width:100%; height:119px; background:url(/images/layout/header-bg.png) left top no-repeat; }
.headerTetiere { width:100%; position:relative; height:355px; z-index:5; }
.headerTetiereContent { position:absolute; bottom:0px; left:0px; width:100%; height:405px; }
/***********************************/
.headerBoxUne { background:#FFF; width:205px; height:284px; position:absolute; right:15px; top:68px; padding:10px; border:1px solid #d9d9d9; }
.headerBoxUne p.video a {background: none;}
.headerBoxUne p.video img { position:absolute; left:90px; top:70px; height:51px; width:51px; }

.headerBoxUne h2 { color:#70a917; text-transform:uppercase; border-left:3px solid #d9d9d9; font-size:0.75em; padding:0 0 1px 10px; margin:0 0 10px 0; }
.headerBoxUne p { margin:7px 0 7px 0; font-size:0.75em; line-height:15px; }
.headerBoxUne a.lireAll { background:#FFF url(/images/pictos/flecheGreen.gif) 7px center no-repeat; border:1px solid #8e8e8e; color:#3c3c3c; }
.headerBoxUne .intro a { color:#70a917; text-transform:uppercase; font-weight:bold; }
.headerBoxUneRss { border-top:1px solid #d9d9d9; padding:5px 0 0 0; margin:14px 0 0 0; }
.headerBoxUneRss a { background:url(/images/pictos/pictoRss.gif) right top no-repeat; color:#999; font-size:0.75em; display:block; height:16px; line-height:16px; }
.headerBoxUneImg { position:relative; }
.headerBoxUneImg p.video { position:absolute; left:70px; top:35px; }



/***********************************/
/* Breadcrumb                      */
/***********************************/

.headerFilAriane { color:#8e8e8e; height:20px; position:relative; }
.headerFilAriane .filAriane { font-size:0.688em; margin-left:15px; height:20px; line-height:10px; margin:0 0 0 22px; }
.headerFilAriane .filAriane a { color:#8e8e8e; }
.headerFilAriane .filAriane .on { color:#4c4c4c; }
.headerFilAriane ul { position:absolute; right:20px; top:-4px; z-index:10; }
.headerFilAriane ul li { display:inline; padding:0 8px 0 9px; background:url(/images/pictos/sepOutils.gif) left center no-repeat; position:relative; }
.headerFilAriane ul li.first { background:none; }
.headerFilAriane ul li a { font-size:0.9em; height:14px; display:inline-block; color:#4c4c4c; position:relative; z-index:100; }
/***********************************/
#blocPartager { position:relative; display:block; width:100%; *margin-bottom:-3px; /*IE*/ }
#blocPartager { border:1px solid #e5e5e5; position:absolute; top:25px; left:-60px; background-color:#FFFFFF; width:150px; padding:5px 0 10px 0; text-align:center; line-height:normal; word-spacing:+1px; }
#blocPartager .close { position:absolute; top:3px; right:3px; }
#blocPartager a { display:inline; padding:0; vertical-align:middle; line-height:normal; }
#blocPartager a img { vertical-align:middle; line-height:normal; }
#blocPartager .title { font-size:0.75em; border-bottom:1px solid #CCC; margin:0 10px 10px 10px; padding:0 0 5px 0; color:#4c4c4c; }
/***********************************/
#blocEnvoyerAmi { position:relative; display:block; width:100%; *margin-bottom:-3px; padding:13px 0; }
#blocEnvoyerAmi { border:1px solid #e5e5e5; position:absolute; top:25px; left:-102px; background-color:#FFFFFF; width:142px; padding:10px 0 10px 8px; line-height:normal; font-size:11px; }
#blocEnvoyerAmi .title { font-size:110%; border-bottom:1px solid #CCC; padding:0 0 5px 0; margin:0 10px 10px 0; color:#4c4c4c; }
#blocEnvoyerAmi .close { position:absolute; top:3px; right:3px; }
#blocEnvoyerAmi a img { vertical-align:middle; line-height:normal; }
#blocEnvoyerAmi fieldset { padding:0; margin:0; border:0 none; width:100%; }
#blocEnvoyerAmi fieldset span#error_friend.invisible { display: none; }
#blocEnvoyerAmi fieldset span#error_friend { display:block; color:red; font-size: 10px; }
#blocEnvoyerAmi fieldset p#message_friend { display:block; color:#00975A; font-size:10px; font-weight: bold; }
#blocEnvoyerAmi fieldset label { display:block; }
#blocEnvoyerAmi fieldset input.inputText { border:1px solid #d5d5d5; width:130px; font-size:11px; margin-bottom:10px; font-family:Arial, Verdana Sans-Serif; }
#blocEnvoyerAmi fieldset textarea { border:1px solid #d5d5d5; width:130px; height:50px; overflow:auto; font-size:11px; font-family:Arial, Verdana Sans-Serif; }
#blocEnvoyerAmi fieldset.envoyer { text-align:right; padding-top:15px; width:134px; }
#blocEnvoyerAmi fieldset.envoyer input { background:url(/images/layout/bkgBT.gif) left top no-repeat; width:86px; height:13px; line-height:13px; vertical-align:middle; }
#blocEnvoyerAmi fieldset.envoyer input { text-align:center; color:#8e8e8e; font-size:9px; padding:0; margin:0; border:0 none; cursor:pointer; }
#blocEnvoyerAmiHome { position:relative; display:block; width:100%; *margin-bottom:-3px; padding:13px 0; z-index:500 }
#blocEnvoyerAmiHome { border:1px solid #e5e5e5; position:absolute; top:5px; left:0px; background-color:#FFFFFF; width:142px; padding:10px 0 10px 8px; line-height:normal; font-size:11px; }
#blocEnvoyerAmiHome .close { position:absolute; top:3px; right:3px; }
#blocEnvoyerAmiHome img { vertical-align:middle; line-height:normal; }
#blocEnvoyerAmiHome fieldset { padding:0; margin:0; border:0 none; width:100%; }
#blocEnvoyerAmiHome fieldset span#error_friend.invisible { display: none; }
#blocEnvoyerAmiHome fieldset span#error_friend { display: block; color: red; font-size: 10px; }
#blocEnvoyerAmiHome fieldset p#message_friend { display: block; color: #00975A; font-size: 10px; font-weight: bold; }
#blocEnvoyerAmiHome fieldset label { display:block; }
#blocEnvoyerAmiHome fieldset input.inputText { border:1px solid #d5d5d5; width:130px; font-size:11px; margin-bottom:10px; font-family:Arial, Verdana Sans-Serif; }
#blocEnvoyerAmiHome fieldset textarea { border:1px solid #d5d5d5; width:130px; height:50px; overflow:auto; font-size:11px; font-family:Arial, Verdana Sans-Serif; }
#blocEnvoyerAmiHome fieldset.envoyer { text-align:right; padding-top:15px; width:134px; }
#blocEnvoyerAmiHome fieldset.envoyer input { background:url(/images/layout/bkgBT.gif) left top no-repeat; width:86px; height:13px; line-height:13px; text-align:center; color:#8e8e8e; font-size:9px; padding:0; margin:0; border:0 none; cursor:pointer; }

/***********************************/
/* Search                          */
/***********************************/

.header .search { position:absolute; left:665px; top:30px; z-index:10; font-size:0.625em; }
.header .search a { border:1px solid #d9d9d9; height:15px; padding:2px 6px 0; color:#a3a3a3; display:inline-block; vertical-align:middle; margin-left:5px; }
.header .search a:hover { text-decoration:none; }
.header .search form { display:inline; }
.header .search #searchHeader { width:130px; margin-right:-3px; border-right:0 none; font-size:1em; padding:2px; }

/***********************************/
/* Offer                           */
/***********************************/

.selectOffer { position:absolute; right:290px; top:30px; z-index:100; *top:31px; /*IE*/ }
.selectOffer .title a { width:186px; background:#039358 url(/images/layout/bkgOffer.gif) no-repeat; padding:3px 10px 4px 10px; border:1px solid #d9d9d9; display:inline-block; }
.selectOffer .title a { color:#FFF; font-size:0.625em; text-transform:uppercase; }
.selectOffer .title a:hover { text-decoration:none; }
.selectOffer .list {  padding:3px 10px 4px 10px; border:1px solid #d9d9d9; border-top:0; display:none; width:168px; background:#FFF; }
.selectOffer .list li a { font-size:0.75em; border-bottom:1px solid #e7e7e8; display:block; padding:0 0 5px 0; margin:5px 0 0 0; height:100%; }
.selectOffer .list a:hover { color:#039358; text-decoration:none; }
.selectOffer .list .last a { border:0; }

/***********************************/
/* Nav                             */
/***********************************/

.menu { height:28px; width:860px; position:absolute; top:68px; left:0px; z-index:50; }
ul#navigation { margin:0px 0 10px; height:50px; }
ul#navigation li { float:left; margin-top:9px; position:relative; z-index:1000; }
ul#navigation li a { float:left; height: 28px; text-indent:-9999px; }
ul#navigation li a#nav_home { margin-left: 15px; width: 48px; background:url(/images/menu/title/nav_home.jpg) no-repeat 0 0; }
ul#navigation li a#nav_home.actif { background-position:0 -28px; }
ul#navigation li a#nav_corporate { width:98px; background:url(/images/menu/title/nav_corporate.gif) no-repeat 0 0; }
ul#navigation li a#nav_corporate.actif, ul#navigation li a:hover#nav_corporate { background-position:0 -28px; }
ul#navigation li a#nav_actualite { width:86px; background:url(/images/menu/title/nav_actualite.gif) no-repeat 0 0; }
ul#navigation li a#nav_actualite.actif, ul#navigation li a:hover#nav_actualite { background-position:0 -28px; }
ul#navigation li a#nav_villedurable { width:103px; background:url(/images/menu/title/nav_ville-durable.gif) no-repeat 0 0; }
ul#navigation li a#nav_villedurable.actif, ul#navigation li a:hover#nav_villedurable { background-position:0 -28px; }
ul#navigation li a#nav_projets { width:75px; background:url(/images/menu/title/nav_projets.gif) no-repeat 0 0; }
ul#navigation li a#nav_projets.actif, ul#navigation li a:hover#nav_projets { background-position:0 -28px; }
ul#navigation li a#nav_expertsetgrandstemoins { width:176px; background:url(/images/menu/title/nav_experts-grands-temoins.gif) no-repeat 0 0; }
ul#navigation li a#nav_expertsetgrandstemoins.actif, ul#navigation li a:hover#nav_expertsetgrandstemoins { background-position:0 -28px; }
ul#navigation li a#nav_carrieres { width:87px; background:url(/images/menu/title/nav_carrieres.gif) no-repeat 0 0; }
ul#navigation li a#nav_carrieres.actif, ul#navigation li a:hover#nav_carrieres { background-position:0 -28px; }
ul#navigation .sousnav { position:absolute; top:28px; left:0px; display:block; white-space:nowrap; background:url(../img/menu/layout/pix.gif) center center no-repeat; z-index:10000; }
ul#navigation .sousnav ul { background-color:#FFFFFF; border:1px solid #CECECE; height:auto; margin:0; padding:0 8px; }
ul#navigation .sousnav ul li { float:none; margin-top:0; border-bottom:1px solid #e1e1e3; position:relative; }
ul#navigation .sousnav ul li.last { border:0 none; }
ul#navigation .sousnav ul li.plus { background:url(/images/pictos/pictoFlecheMenu.gif) right center no-repeat; }
ul#navigation .sousnav ul li a { float:none; text-indent:0px; color:#4c4c4c; font-size:11px; display:inline-block; height:auto; padding:6px 10px; }
ul#navigation .sousnav ul li a:hover { color:#039358; text-decoration:none; }
ul#navigation li .sousnav ul li .sousnav { padding-left:8px; top:-1px; left:100%; _margin-left:-18px; }

/***********************************/
/* Sidebar                         */
/***********************************/

.sidebar { margin:20px 0 10px 5px; float:left; display:inline; }
.sidebar.sidebar172 { width:174px; }
.sidebar.sidebar200 { width:200px; }
/***********************************/
.sidebarBox { border:1px solid #d9d9d9; margin:0 0 10px 0; position:relative; }
.sidebarBox h3 { background:#e2e2e2; color:#6c6c6c; font-size:0.625em; text-transform:uppercase; padding:4px 0 4px 10px; }
.sidebarBox p.video img { position:absolute; left:70px; top:35px; height:51px; width:51px; }
.sidebarBox p.videopush img { position:absolute; left:70px; top:57px; height:51px; width:51px; }
.sidebarBox img { width:198px; }
.sidebar.sidebar172 .sidebarBox img { width:172px; }
/***********************************/
.sidebarBoxPadding { padding:10px; overflow:hidden; }
/***********************************/
.sidebarBox li { line-height:11px; }
.sidebarBox li a { display: block; background:url(/images/pictos/puceFlecheVide.gif) 0 4px no-repeat; padding:0 0 0 11px; font-size:0.75em; color:#7b7b7b; line-height:15px; }
.sidebarBox li a span { text-transform:uppercase; }
/***********************************/
.sidebarNews { padding:10px; border:1px solid #d9d9d9; margin:0 0 10px 0; }
.sidebarNews h3 { border-left:3px solid #e5e5e5; padding:0 0 0 10px; font-size:0.75em; color:#00975a; margin:0 0 15px 0; }
.sidebarNews .newsBloc {border-bottom:1px solid #f2f2f2; padding:0 0 5px 0; margin:0 0 10px 0; }
.sidebarNews .newsBloc p { font-size:0.75em; line-height:14px; margin:0 0 7px 0; }
.sidebarNews .newsBloc p.title { margin:0; }
.sidebarNews .newsBloc p.title a { color:#4c4c4c; }
.sidebarNewsPlus { color:#00975a; margin-left:3px;}

/***********************************/
/* NavLeft                         */
/***********************************/

.sidebar .nav { font-size:0.688em; margin:0 0 10px 0; }
.sidebar .nav li { margin:0 0 1px 0; font-weight:bold; }
.sidebar .nav li a { color:#848484; padding:10px; background:#f2f2f2; display:block; height:100%; }
.sidebar .nav li.active a, .sidebar .nav li a:hover {background:url(/images/layout/bkgSidebarNav.gif) no-repeat; color:#FFF; }
/***********************************/
.blockMenuLeft { margin:0px 0 30px 0px; font-size:10px; }
.blockMenuLeft { border:none; position:relative; margin-bottom:10px; }
.blockMenuLeft .ui-icon { position:absolute; right:10px; top:10px; width:9px; height:9px; background:url(/images/pictos/pictoPlus.gif) left top no-repeat; }
.blockMenuLeft .ui-icon-triangle-1-s { background-image:url(/images/pictos/pictoMoins.gif); }
.blockMenuLeft ul.accordeonTitle { padding:0; margin:0; }
.blockMenuLeft ul.accordeonTitle li.heading, .blockMenuLeft ul.accordeonTitle li.heading-off { position:relative; height:28px; line-height:28px; font-size:1.1em; font-weight:bold; display:block; }
.blockMenuLeft ul.accordeonTitle li.heading, .blockMenuLeft ul.accordeonTitle li.heading-off { cursor:pointer; background:#f2f2f2; color:#4c4c4c; border-top:1px solid white; margin:0; padding: }
.blockMenuLeft ul.accordeonTitle li.heading a, .blockMenuLeft ul.accordeonTitle li.heading-off a { font-weight:bold; color:#4c4c4c; background:none; font-size:11px; padding-left:10px; display: block; }
.blockMenuLeft ul.accordeonTitle li.ui-state-active, .blockMenuLeft ul.accordeonTitle li.heading.on, 
.blockMenuLeft ul.accordeonTitle li.heading-off.on5 { background:url(/images/layout/bkgH2BlockLeft.gif) left center no-repeat #7AB51D; color:#FFFFFF; cursor:default; }
.blockMenuLeft ul.accordeonTitle li.ui-state-active a, .blockMenuLeft ul.accordeonTitle li.heading.on a, .blockMenuLeft ul.accordeonTitle li.heading-off.on5 a { color:#fff; }
.blockMenuLeft .accordeonTitle .heading a.trigger { position:absolute; float:right; right:3px; top:10px; width:2px; height:9px; background:url(/images/pictos/pictoPlus.gif) left top no-repeat; }
.blockMenuLeft .accordeonTitle .heading a.triggerOff { background-image:url(/images/pictos/pictoMoins.gif); }
.blockMenuLeft .content { display:none;border:1px solid #7ab51d; *height:100%; /*IE*/ }
.blockMenuLeft ul { padding:10px; margin:0; }
.blockMenuLeft li a { color:#4c4c4c; font-size:1.1em; }
.blockMenuLeft li.toggle, 
.blockMenuLeft li.toggle-off { padding:0 0px 0 0px; line-height:14px; margin-bottom:4px; height:auto; color:#4c4c4c; background:url(/images/pictos/puceFleche.gif) no-repeat 2px 4px; padding:0 0 0 11px; }
.blockMenuLeft li.toggle-off a { color:#4c4c4c; }
.blockMenuLeft li.on4 a { color:#7ab51d; font-weight:bold; }
.blockMenuLeft li.on3 { font-weight:bold; background:url(/images/pictos/puceFlecheOn.gif) no-repeat 2px 4px; padding:0 0 0 11px;  }
.blockMenuLeft li.on3 a { color:#7ab51d; }
.blockMenuLeft li.open { font-weight:bold;background:url(/images/pictos/puceFlecheOnOpen.gif) no-repeat 1px 6px; padding:0 0 0 11px;  }
.blockMenuLeft li.open a { color:#7ab51d; }
.blockMenuLeft .niveau_4 { background:url(/images/menu/niveau_4_dot_bg.gif) repeat-x left bottom; margin:5px 0 10px 0px; }
.blockMenuLeft .niveau_4 ul { background:url(/images/menu/niveau_4_dot_bg.gif) repeat-x left 3px; padding:14px 0 10px 0; }
.blockMenuLeft .niveau_4 li { padding-left:0px; font-weight:normal }
.blockMenuLeft .niveau_4 li a { background:none; color:#8e8e8e; }
.blockMenuLeft .niveau_4 li a:hover { color:#4c4c4c; }
.blockMenuLeft .niveau_4 li.on2 a { color:#4c4c4c; font-weight:bold; }

/***********************************/
/* Footer                          */
/***********************************/

.footerTop { height:29px; line-height:29px; background-color:#00975a; color:#ffffff; text-align:right; padding:0 10px; width:926px; margin:30px auto 0 auto; font-size:0.688em; position:relative;z-index:10001 }
.footerTop a { color:#ffffff; margin:0 2px; }
.footerTop a.siteGroupe { padding:0 10px 0 10px; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; float:left; margin:7px 0 0 0; font-size:1em; line-height:normal; }
.footerTop a.siteGroupe:hover { text-decoration:underline; }
/***********************************/
.footerTop .selectSites { position:absolute; left:190px; top:7px; z-index:1000; text-align:left; }
.footerTop .selectSites .title a { width:140px; height:15px; text-align:center; display:block; background:#FFF url(/images/layout/bkgSites.gif) no-repeat; padding:0; }
.footerTop .selectSites .title a { color:#009966; padding:0; height:15px; line-height:13px;}
.footerTop .selectSites .title a:hover { text-decoration:none; }
.footerTop .selectSites .list { padding:3px 10px 10px 10px; border:1px solid #009966; margin:0 0 0 1px; border-bottom:0; width:120px; background:#FFF; position:absolute; bottom:15px; display:none}
.footerTop .selectSites .list li { margin:0; padding:0; }
.footerTop .selectSites .list li a { display:block; color:#009966; padding:0; margin:-5px 0; height:100%; }
.footerTop .selectSites .list .last a { border:0; }
/***********************************/
.footerList .title { text-transform:uppercase; display:block; }
.footerList { margin:0 0 10px 0; overflow:hidden; padding:10px; height:100%; }
.footerList li { width:280px; float:left; font-size:0.75em; color:#dcd9dc; margin:0 10px 0 0; border-left:1px solid #dcd9dc; padding:0 0 0 15px; line-height:15px; }
.footerList li.first { border:0; padding:0; }
.footerList li a { color:#dcd9dc; }

#flash .alternative{margin-top: 170px; margin-left: 260px;}