/*****************************/
/*           HTML            */
/*****************************/
body, html { width:100%; }
body { margin:0; padding:0; font:11px/18px "Trebuchet MS", Arial, sans-serif; background:#fff url(navpics/fonds/fd_header.jpg) center 0 no-repeat; color:#272524; text-align:center; }
img { border:0; }
a { text-decoration:none; color:#bf0d0d; }
a:hover { text-decoration:underline; }
form, input, textarea, select { margin:0; }

ul { list-style:none; margin:0; padding:0; }
ul li { margin:0; padding:0; }
ul li a { display:block; margin:0; padding:0; }

h1, h2, h3, h4, h5, h6 { margin:0; }

/*****************************/
/*        STRUCTURE          */
/*****************************/
.fd_left { background:transparent url(navpics/fonds/fd_left.gif) 0 0 repeat-x; height:390px; left:0; position:absolute; top:0; width:50%; z-index:0; }
.fd_right { background:transparent url(navpics/fonds/fd_right.gif) 0 0 repeat-x; height:390px; right:0; position:absolute; top:0; width:50%; z-index:0; }

#header { background:transparent; height:171px; margin:0 auto; position:relative; width:963px; z-index:1; } /* entete */
#header img.logo { left:28px; position:absolute; top:50px; }
#header img.slogan { left:301px; position:absolute; top:92px; }
#header .links { height:38px; left:654px; position:absolute; top:0 }
#header .links p.contact, #header .links p.extranet { background:url(navpics/fonds/separ_links.gif) right 13px no-repeat; float:left; height:38px; line-height:38px; margin:0; padding:0 40px; }
#header .links p a { color:#fff; }
#header .links p.extranet { background:none; }

#header .links-social {
  background-color: #19171c;
  height:38px;
  left:334px;
  position:absolute;
  top:0;
  -webkit-border-bottom-right-radius: 12px;
  -webkit-border-bottom-left-radius: 12px;
  -moz-border-radius-bottomright: 12px;
  -moz-border-radius-bottomleft: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}
#header .links-social ul { width:303px; margin-top:2px;}
#header .links-social ul li { display:block; float:left;}
#header .links-social ul li a { width:35px; height:32px; }
#header .links-social ul li a:hover { text-decoration:none; }
#header .links-social li.blog { line-height:13px; padding-left:15px;  }
#header .links-social li.blog a { color:#FFFFFF; font-size:13px; width:105px;}
#header .links-social li.blog strong { color: #DC402C; font-size:14px;}
#header .links-social li.syndic { background:url(navpics/visuels/rss.png) no-repeat;}
#header .links-social li.twitter { background:url(navpics/visuels/twitter.png) no-repeat;}
#header .links-social li.youtube { background:url(navpics/visuels/youtube.png) no-repeat;}
#header .links-social li.ln { background:url(navpics/visuels/linkedin.png) no-repeat;}
#header .links-social li.viadeo { background:url(navpics/visuels/viadeo.png) no-repeat;}

#container { margin:0 auto; padding:0; position:relative; text-align:left; width:963px; z-index:1; } /* conteneur de page */

#content { background: transparent url(navpics/fonds/fd_container.png) 0 0 repeat-y; padding:0 18px 0 19px; width:963px; z-index:2; } /* contenu */

#nav_main { background:url(navpics/fonds/fd_nav.gif) 0 0 repeat-x; border-bottom:6px solid #ff0000; border-top:1px solid #272726; height:41px; padding:0 0 0 5px; width:958px; z-index:1; } /* navigation principale */
#nav_main li { background:url(navpics/fonds/separ_nav.gif) right 0 no-repeat; float:left; font-size:12px; height:41px; line-height:41px; position:relative; text-align:center; z-index:1; }
#menu0 { width:92px; z-index:1; }
#menu1 { width:89px; z-index:1; }
#menu2 { width:108px; z-index:1; }
#menu3 { width:80px; z-index:1; }
#menu4 { width:104px; z-index:1; }
#menu5 { width:119px; z-index:1; }
#menu6 { width:86px; z-index:1; }
#menu7 { width:128px; z-index:1; }
#nav_main li#rech { background:url(navpics/puces/loupe.png) 109px 14px no-repeat; width:126px; }
#nav_main li a { color:#c1beb6; z-index:1; }
#nav_main li a:hover, #nav_main li.on a, #nav_main li:hover a { background:url(navpics/fonds/fd_menu.gif) 0 0 repeat-x; color:#ff0000; text-decoration:none; z-index:1; }
#menu2 ul, #menu5 ul, #menu7 ul, #rech ul {
  display: none;
  position: absolute;
  top:41px;
  left:0;
  list-style:none;
  margin:0;
  padding:0;
  text-align:left;
  z-index:4;
}
#rech ul {
  left:-171px;
}
#menu2:hover ul, #menu2.over ul, #menu5:hover ul, #menu5.over ul, #menu7:hover ul, #menu7.over ul, #rech:hover ul, #rech.over ul { display: block; clear: left; z-index:5; }
#menu2 ul li, #menu2.on li, #menu2:hover li, #menu5 ul li, #menu5.on li, #menu5:hover li, #menu7 ul li, #menu7.on li, #menu7:hover li {
  background-color:#61605f;
  background-image:none;
  float:none;
  height:24px;
  line-height:24px;
  text-align:left;
  z-index:6;
}
#rech.on li, #rech:hover li {
  background:#464443 url(navpics/visuels/loupe.png) 22px 9px no-repeat;
  float:none;
  height:170px;
  padding:10px 0 0 90px;
  text-align:left;
  width:233px;
  z-index:6;
}
#menu2 ul li, #menu2.on li, #menu2:hover li { width:400px; z-index:7; }
#menu5 ul li, #menu5.on li, #menu5:hover li { width:270px; z-index:8; }
#menu7 ul li, #menu7.on li, #menu7:hover li { width:200px; z-index:8; }
#menu2 ul a, #menu2.on li a, #menu2:hover li a, #menu5 ul a, #menu5.on li a, #menu5:hover li a, #menu7 ul a, #menu7.on li a, #menu7:hover li a {
  background:transparent;
  color:#c1beb6;
  display:block;
  font-weight:normal;
  margin:0;
  padding:0 0 0 10px;
  text-decoration:none;
  z-index:9;
}
#menu2 li a:hover, #menu2.on li a:hover, #menu2:hover li a:hover, #menu5 li a:hover, #menu5.on li a:hover, #menu5:hover li a:hover, #menu7 li a:hover, #menu7.on li a:hover, #menu7:hover li a:hover { background:url(navpics/fonds/fd_menu.gif) 0 0 repeat-x; color:#ff0000; z-index:9; }

#search_input h2 { color:#dc402c; font:normal 18px/24px Myriad, "Trebuchet MS", Arial, sans-serif; margin:20px 0 0 0; }
#search_input input.field { background:#fff url(navpics/visuels/actualisation.png) 175px center no-repeat; border:1px solid #c0bebe; font-size:14px; font-weight:bold; padding:2px; width:193px; }
#search_input input.submit {
  background:url(navpics/boutons/bt_rech.png) 0 0 no-repeat;
  border: none;
  color:#fff;
  cursor:pointer;
  float:left;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  font-weight:bold;
  height:41px;
  line-height:41px;
  margin:0;
  padding:0;
  width:129px;
}

#content_main { float:left; padding:5px 0 5px 4px; width:635px;} /* contenu principal */

#content_supp { float:left; padding:5px 4px 5px 11px; width:309px; } /* contenu supplementaire */

#nav_supp { background:#eff9ff url(navpics/fonds/fd_nav_supp.png) right 0 no-repeat; border-top:2px solid #fff; float:left; min-height:786px; padding:0 11px 0 16px; width:158px; } /* navigation supplementaire */
#nav_supp ul { margin:35px 0 0 0;  }
#nav_supp ul li { border-top:1px solid #ced6db; line-height:14px; }
#nav_supp ul li:first-child { border-top:none; }
#nav_supp ul li a { color:#494949; background:url(navpics/puces/rouge.gif) 0 7px no-repeat; padding:4px 0 4px 15px; }
#nav_supp ul li a { text-decoration:none; }
#nav_supp li ul { display:none; margin:0 0 10px 15px; }
#nav_supp li.on ul { display:block; font-weight:normal; }
#nav_supp li li a { background:none; padding:4px 0; }

#site_info { background:#eee; height:57px; margin:0 4px; padding:15px 23px 0 23px; width:909px; } /* ours du site - footer */
#site_info p.contact { color:#272524; float:left; font-size:11px; margin:0; }
#site_info p.contact a { color:#272524; text-decoration:underline; }
ul.footer { float:right; }
ul.footer li { background:url(navpics/fonds/separ_footer.gif) 0 5px no-repeat; float:left; font-size:11px; color:#272524; margin:0; padding:0; }
ul.footer li.news { width:60px; }
ul.footer li.contactus { width:88px; }
ul.footer li:first-child { background:none; }
ul.footer li a { color:#272524; padding:0; text-align:center; }
#site_info .mentions { }
#site_info .mentions p { color:#272524; float:left; margin:11px 0 0 0; width:380px; }
#site_info .mentions p a { color:#272524; }

#hierarchie { height:36px; padding:0 0 0 41px; }
p.arbo { color:#424140; font-weight:bold; line-height:36px; margin:0; }
p.arbo a { color:#424140; font-weight:normal; }
p.arbo .ici { color:#dc402c; font-weight:bold; }

/*****************************/
/*           HOME            */
/*****************************/
#projets { background:url(navpics/fonds/fd_projets2.png) 0 0 repeat-x; padding:1px 0 0 0; height:380px; overflow:hidden; position:relative; width:635px; }
#projets .tab { display:none; position:absolute; }
#projets .illustr { float:left; height:318px; padding:0; position:relative; text-align:center; width:215px; } /* image limitee a 183px en largeur */
#projets .illustr img.productivite { bottom:40px; left:10px; position:absolute; }
#projets .illustr img.qualite { bottom:90px; left:0; position:absolute; }
#projets .illustr img.risques { bottom:40px; left:25px; position:absolute; }
#projets .illustr img.durable { bottom:60px; left:15px; position:absolute; }
#projets .illustr img.supports { bottom:60px; left:5px; position:absolute; }
#projets .illustr img.stocks { bottom:60px; left:0; position:absolute; }
#projets .illustr img.terrain { bottom:20px; left:15px; position:absolute; }
#projets .text { float:left; width:230px; }
#projets .text h2 { margin:20px 0 20px 0; font-size:18px; line-height:18px; }
#projets .text h3 { color:#7d7c75; font:bold italic 16px/20px Georgia, "Times New Roman", Times, serif; width:220px; }
#projets p.suite { background:url(navpics/pointilles/gris_hz.gif) 0 bottom repeat-x; font-weight:bold; margin:0; padding:0 0 2px 0; width:73px; }
#projets p.suite a { color:#343432; }
#projets p.suite a:hover { text-decoration:none; }
#menu_projets { background:url(navpics/fonds/fd_menu_projets2.gif) 0 0 no-repeat; display:inline; float:left; height:365px; margin:0 0 0 19px; padding:0; position:absolute; right:0; width:169px; }
#menu_projets h2 { color:#fff; font-size:14px; height:50px; padding:10px 0 0 15px; }
#menu_projets ul { margin:8px 0 0 0; padding:0 5px 0 0; }
#menu_projets ul li { line-height:16px; margin:0 0 6px 0; }
#menu_projets ul li a { color:#353332; padding:0 0 0 13px; }
#menu_projets ul li a.current { background:url(navpics/puces/fleche_rouge.gif) 0 3px no-repeat; color:#ff0000; font-size:13px; font-weight:bold; }
#menu_projets ul li a:hover { }

#actualites { background:url(navpics/fonds/fd_actus_home.gif) 0 0 repeat-x; float:left; height:453px; overflow:hidden; padding:8px 6px 0 7px; width:303px; }
#actualites .entete { padding:0 0 3px 0; }
.actu_date { float:left; width:142px; }
.actu_date h3 { color:#5e5c5b; font-size:12px; }
.actu_date .date_jour { color:#5e5c5b; margin:0; }
.fctns { float:right; width:161px; }
.rss, .archives, .mailing { height:17px; line-height:17px; margin:0 0 4px 0; width:161px; }
.rss a, .archives a, .mailing a { color:#54504e; display:block; padding:0 0 0 30px; }
.rss a { background:url(navpics/puces/rss.png)0 0 no-repeat; }
.archives a { background:url(navpics/puces/archives.png) 0 0 no-repeat; }
.mailing a { background:url(navpics/puces/mail.png) 0 0 no-repeat; }

#actualites .header { border-top:1px solid #d5d5d5; color:#5e5c5b; cursor:pointer; font-size:12px; padding:6px 0 3px 0; }
#actualites .current { border-top:1px solid #d5d5d5; color:#b21223; font:normal 18px/24px Georgia, "Times New Roman", Times, serif; padding:5px 0 0 0; }
.actu { display:none; padding:2px 0 10px 0; }
.actu p { margin:0; }
.actu .suite { font-weight:bold; margin:0; }
p.tags { background:#f8f8f8 url(navpics/puces/tags.gif) 18px 4px no-repeat; color:#8c8c8c; margin:4px 0 0 0; padding:2px 0 2px 39px; }
p.tags a { color:#8c8c8c; }

#actualites .last { display:none; }
#actualites h3 { font-size:14px; }

.encart_formations { float:left; margin:0 0 0 11px; width:308px; }
.encart_formations .calendar { border:1px solid #d1d2d2; font-size:14px; height:56px; position:relative; width:306px; }
.encart_formations .calendar a { color:#454342; display:block; height:46px; padding:10px 0 0 20px; width:286px; }
.encart_formations .calendar a:hover { color:#bf0d0d; text-decoration:none; }
.encart_formations .calendar .visuel { left:222px; position:absolute; top:-5px; }
.encart_formations .photos { background:#fdfdfd url(navpics/fonds/fd_photos.gif) 0 0 repeat-x; height:379px; margin:12px 0 0 0; padding:12px 5px 0 5px; }
.encart_formations .photos h3 { margin:0 0 6px 4px; }
.galerie { height:320px; position:relative; width:298px; }
.galerie h6 { color:#272524; font-size:11px; font-weight:normal; line-height:14px; width:298px; }
.galerie .date_doc { color:#949494; }

#flowtabs { bottom:0; position:absolute; }
#flowtabs li { float:left; height:34px; margin:0 2px 0 0; width:44px; }
#flowtabs li:first-child {}
#flowtabs li a { border:2px solid #fff; display:block; height:30px; width:40px; }
#flowtabs li:first-child a {}
#flowtabs li a:hover {}
#flowtabs li .current { border:2px solid #bf0d0d; }


#menu_actus_agenda { float:left; padding:0 0 0 8px; width:311px; }
#menu_actus_agenda ul { border-bottom: 1px solid #d9d7d7; padding:0 0 19px 10px; }
#menu_actus_agenda ul li { background:url(navpics/fonds/fd_onglets_actu.gif) 0 0 repeat-x; border: 1px solid #d9d7d7; float:left; height:18px; line-height:18px; margin:0 4px 0 0; width:80px; }
#menu_actus_agenda ul li.current { background:#fff; border-bottom:1px solid #fff; }
#menu_actus_agenda ul li a { color:#9f9e9e; padding:0 14px; }
#menu_actus_agenda ul li a:hover { color:#bf0d0d; text-decoration:none; }
#menu_actus_agenda ul li.current a { color:#bf0d0d; } */

#actus, #agenda { width:318px;  }
#actus ul, #agenda ul { background:#fff url(navpics/fonds/fd_actus.gif) 0 0 repeat-x; border:none; padding:15px 0 0 0; width:318px; }
#actus ul li, #agenda ul li { background:none; border:none; border-bottom:1px solid #e6e6e7; border-top:1px solid #fff; float:none; height:auto; line-height:auto; margin:O; padding:7px 10px 10px 23px; width:285px; }
#actus ul li.first-child, #agenda ul li.first-child { border-top:none; }
#actus ul li.ui-tabs-selected  { background:none; border:none; border:none; border-bottom:1px solid #e6e6e7; border-top:1px solid #fff; }
#actus ul li p.date, #agenda ul li p.date { margin:0; display:none; }
#actus ul li h3, #agenda ul li h3 { font-size:11px; }
#actus ul li h3 a, #agenda ul li h3 a { color:#2a2827; padding:0; }
#actus ul li.ui-tabs-selected h3 a { color:#bf0d0d; }
#actus ul li p.spip, #agenda ul li p.spip { line-height:16px; margin:0; }

#menu_actus_agenda p.rss { margin:15px 0 0 30px; }
#menu_actus_agenda p.archives, #menu_actus_agenda p.mailing { margin:10px 0 0 30px; }

.encart_ctlg { background:url(navpics/fonds/fd_encart_ctlg.gif) 0 0 repeat-x; height:154px; position:relative; width:309px; }
.encart_ctlg .vignet { left:0; position:absolute; top:6px; }
.encart_ctlg .text { left:150px; position:absolute; top:15px; width:150px; }
.encart_ctlg .text h4 { font-size:14px; font-weight:bold; }
.encart_ctlg .text h4 a:hover { text-decoration:none; }
.encart_ctlg .text p { color:#5e5c5b; font-weight:bold; margin:4px 0 0 0; }
.encart_ctlg .text p a { color:#5e5c5b; }
.encart_ctlg .text p a:hover { text-decoration:underline; }

#mix { background:url(navpics/fonds/fd_mix.gif) 0 0 repeat-x; height:261px; margin:9px 0 0 0; overflow:hidden; padding:14px 0 0 0; width:635px; }
#mix .titrage { height:27px; overflow:hidden; width:635px; }
#mix .titrage h3 { background:url(navpics/fonds/fd_mix_titre1.gif) right 0 no-repeat; color:#ff4444; font-size:13px; padding:0 0 0 20px; width:107px; }
#mix .titrage h3 a { color:#ff4444; }
#mix .titrage h2 { background:url(navpics/fonds/fd_mix_titre2.gif) 0 0 repeat-x; color:#fff; font-size:12px; padding:0 30px; }
#mix .titrage h2 a { color:#fff; }
#mix .titrage p { background:url(navpics/fonds/fd_mix_titre3.png) 0 0 no-repeat; color:#fff; font-size:12px; font-weight:bold; padding:0 0 0 20px; width:154px; }
#mix .titrage p a { color:#fff; }
#mix .titrage h3, #mix .titrage h2, #mix .titrage p { float:left; line-height:27px; margin:0; }
#mix .titrage h3 a:hover, #mix .titrage h2 a:hover, #mix .titrage p a:hover { text-decoration:none; }
#mix .illustr { float:left; padding:30px 0 0 0; text-align:center; width:317px; }
#mix .text { float:left; padding:20px 10px 0 0; width:308px; }
#mix .text h2 { color:#2a2827; font-size:13px; }
#mix .text h2 a { color:#2a2827; }
#mix .text p { color:#a7a7a7; line-height:16px; margin:5px 0 0 0; }


#international { background:url(navpics/fonds/fd_internat.gif) 0 0 repeat-x; height:275px; margin:9px 0 0 0; overflow:visible; padding:0; width:309px; }
.presence { background:url(navpics/fonds/fd_international.png) 0 0 no-repeat; height:104px; padding:10px 0 0 92px; }
.presence h2 { color:#4f4f4d; font-size:12px; line-height:16px; }
.presence h2 .petit { font-size:11px; font-weight:normal; }

.newsletter { background:url(navpics/fonds/fd_inscript_newsletter.gif) 0 0 repeat-x; height:161px; }
.newsletter img.illustr { display:inline; float:left; margin:15px 0 0 -12px; }
.newsletter .text { display:inline; float:left; margin:35px 0 0 10px; width:229px; }
.newsletter .text h3 { font-size:14px; }
.newsletter .text p { margin:0; }
.newsletter .text input { font-size:11px; margin:10px 0 0 0; }

.dde_pdf { float:left; padding:60px 20px 0 30px; text-align:left; width:316px; }
.dde_pdf h2, .dde_papier h2 { color:#dc402c; font-size:18px; line-height:24px; }
.dde_papier { float:left; padding:60px 20px 0 30px; text-align:left; width:314px; }



/*****************************/
/*        INCLUSIONS         */
/*****************************/
#thematiques { background:url(navpics/fonds/fd_projets.gif) 0 0 repeat-x; padding:6px 0 0 7px; height:375px; overflow:hidden; width:302px; }
#thematiques .titrebloc { background:url(navpics/fonds/fd_titre_thematiks.gif) 0 0 no-repeat; height:51px; width:301px; }
#thematiques .titrebloc h3 { background:url(navpics/fonds/separ_titre_thematiks.gif) right 7px no-repeat; color:#898989; font-size:12px; float:left; padding:7px 0 0 11px; width:87px; }
#thematiques .titrebloc h2 { float:left; color:#fff; font-size:14px; height:41px; padding:6px 0 0 14px; width:189px; }
#nav { height:310px; overflow:hidden; padding:17px 0 1px 0; position:relative; }
#thematiques ul { height:150px; position:relative; }
#thematiques ul li { line-height:14px; padding:0 0 5px 9px; display:block; margin: 0; /*position:absolute;*/ }
#thematiques ul li.current { background:url(navpics/puces/fleche_rouge_small.gif) 0 5px no-repeat;  }
/*
#tabul10 { left:12px; top:-5px; width:108px; }
#tabul11 { left:145px; top:126px; width:108px; }
#tabul12 { left:12px; top:58px; width:108px; }
#tabul13 { left:12px; top:92px; width:108px; }
#tabul14 { left:145px; top:-5px; width:135px; }
#tabul15 { left:145px; top:30px; width:135px; }
#tabul16 { left:145px; top:66px; width:135px; }
#tabul17 { left:145px; top:102px; width:135px;}
#tabul71 { left:145px; top:102px; width:135px;}
#tabul74 { left:145px; top:102px; width:135px;}
*/
#thematiques ul.ulleft { float:left; width: 140px;}
#thematiques ul.ulright { float:left; width: 150px; }
#thematiques ul li a { background:url(navpics/pointilles/gris_hz.gif) 0 bottom repeat-x; color:#272524; padding:0 0 4px 0; margin: 0; display:block;}
#thematiques ul li a:hover { background:url(navpics/pointilles/rouge_hz.gif) 0 bottom repeat-x; color:#ff0000; text-decoration:none; }
#thematiques ul li a.current { background:url(navpics/pointilles/rouge_hz.gif) 0 bottom repeat-x; color:#ff0000; }
.theme { background:url(navpics/fonds/fd_tab_thematiks.gif) 0 0 repeat-x; height:74px; margin:0; padding:9px 10px 0 12px; z-index:1; }
.forward { height:82px; position:absolute; right:1px; bottom:1px; width:18px; z-index:10; }
.backward { height:82px; position:absolute; left:1px; bottom:1px; width:18px; z-index:10; }
.theme h2 { color:#dc402c; font-size:11px; padding:0 23px; }
.theme p { margin-top:0; padding:0 23px; }

#thematiques_mini { background:url(navpics/fonds/fd_projets.gif) 0 0 repeat-x; padding:6px 0 0 7px; height:220px; overflow:hidden; width:302px; }
#thematiques_mini .titrebloc { background:url(navpics/fonds/fd_titre_thematiks.gif) 0 0 no-repeat; height:51px; width:301px; }
#thematiques_mini .titrebloc h3 { background:url(navpics/fonds/separ_titre_thematiks.gif) right 7px no-repeat; color:#898989; font-size:12px; float:left; padding:7px 0 0 11px; width:87px; }
#thematiques_mini .titrebloc h2 { float:left; color:#fff; font-size:14px; height:41px; padding:6px 0 0 14px; width:189px; }
#thematiques_mini ul { display:inline; float:left; height:150px; position:relative; }
#thematiques_mini ul.ulleft { float:left; width: 140px;}
#thematiques_mini ul.ulright { float:left; width: 150px; }
#thematiques_mini ul li { line-height:14px; padding:0 0 0 9px; /*position:absolute;*/ }
#thematiques_mini ul li.on { background:url(navpics/puces/fleche_rouge_small.gif) 0 5px no-repeat; }
#thematiques_mini ul li a { background:url(navpics/pointilles/gris_hz.gif) 0 bottom repeat-x; color:#272524; padding:0 0 4px 0; }
#thematiques_mini ul li a:hover, #thematiques_mini ul li.on a { background:url(navpics/pointilles/rouge_hz.gif) 0 bottom repeat-x; color:#ff0000; text-decoration:none; }

#outils { background:url(navpics/fonds/fd_outils_home.gif) 0 0 repeat-x; padding:6px 0 0 20px; height:301px; overflow:hidden; width:289px; }
#outils ul { background:url(navpics/fonds/fd_nav_outils_home.png) 0 0 no-repeat; float:right; height:17px; padding:3px 0 0 11px; width:75px; }
#outils ul li { display:inline; float:left; height:11px; margin:0 6px 0 0; width:19px; }
#outils ul li a { background:url(navpics/puces/puce_outil_off.png) 0 0 no-repeat; display:block; height:11px; width:19px; }
#outils ul li a.current, #outils ul li a:hover { background:url(navpics/puces/puce_outil_on.png) 0 0 no-repeat; }
#outils .outil { padding:0 10px 0 0; width:279px; }
#outils h3 { color:#dc402c; font-size:12px; margin:17px 0 0 0; }
#outils h2 { color:#4f4f4d; font-size:16px; line-height:20px; }
#outils h2 a { color:#4f4f4d; }
#outils p.spip { margin:4px 0 0 0; }
#outils p.tags { background:url(navpics/puces/tags.gif) 0 4px no-repeat; color:#8c8c8c; margin:4px 0 0 0; padding:2px 0 2px 21px; }
#outils p.tags a { color:#8c8c8c; }
#outils p.all { margin:10px 0 0 0; }
#outils .illustr { margin:15px 0 0 0; text-align:center; width:279px; }
#outils .illustr img { margin:0 auto; }


/*****************************/
/*       VOTRE PROJET        */
/*****************************/
#projet_detail { background:url(navpics/fonds/fd_projets.gif) 0 0 repeat-x; padding:1px 0 0 0; width:635px; }
#projet_detail img.last { display:inline; float:left; margin:18px 0 0 20px; }
#projet_detail h2 { color:#DC402C; display:inline; float:left; font-size:18px; margin:20px 0 0 40px; width:473px; }
#projet_detail img.next { display:inline; float:left; margin:18px 20px 0 20px; }

#projet_detail .illustr { float:left; padding:35px 0 0 0; text-align:center; width:240px; }
#projet_detail .illustr p.spip { font:italic 24px/28px Georgia, "Times New Roman", Times, serif; text-align:left; padding:0 20px 0 27px; width:193px; }
#projet_detail .text { float:left; padding:25px 40px 0 20px; width:330px; } /* on devrait pouvoir aller jusqu'a 335px mais IE6 et son caractere de cochon ne le souhaitent pas :( */
#projet_detail .text .chapo { font-style:italic; margin:40px 0 0 0; }
#projet_detail .text h3 { color:#7d7c75; font:bold italic 16px/20px Georgia, "Times New Roman", Times, serif; }
#projet_detail p.suite { background:url(navpics/pointilles/gris_hz.gif) 0 bottom repeat-x; display:inline; font-weight:bold; margin:0; padding:0 0 2px 0; }
#projet_detail p.suite a { color:#343432; }
#projet_detail p.suite a:hover { text-decoration:none; }

#contacts { background:url(navpics/fonds/fd_contacts.gif) 0 0 repeat-x; margin:0 0 15px 0; padding:9px 0 0 8px; }
#contacts h2 { background:url(navpics/fonds/fd_titre_bloc_contacts.png) 0 0 no-repeat; color:#fff; font-size:12px; height:25px; margin:0 0 15px 0; line-height:25px; padding:0 0 0 14px; width:250px; }

.accordion, .accordion *{ /* hSlide */
  margin:0;
  padding:0;
  list-style-type: none;
}
#contacts .accordion li .illustr { float:left; text-align:center; width:67px; }
#contacts .accordion li .illustr h4 { color:#c22d28; font-size:11px; }
#contacts .accordion li .text { float:left; width:100px; }
#contacts .accordion li .text h3 { color:#c22d28; font-size:12px; line-height:16px; margin:10px 0 0 0; padding:0 10px 0 0; }
#contacts .accordion li .text p { font-size:10px; margin:0; }
.one { background:#fff; }
.two { background:#fff; }
.two .illustr img { margin-top:8px; }
.two .illustr h4 { margin:4px 0 0 0; }
.three { background:#fff; }
.three .illustr img { margin-top:15px; }
.three .illustr h4 { margin:3px 0 0 0; }
.active { background:#fff url(navpics/fonds/fd_hslide.png) 0 bottom no-repeat; }
.accordion li { cursor:pointer; }


/*****************************/
/*        SOLUTIONS          */
/*****************************/
#presentation { background:url(navpics/fonds/fd_presentation_thematik.gif) 0 0 repeat-x; height:288px; margin:0; /*overflow:hidden;*/ padding:20px 12px 0 18px; width:605px; }
#presentation h1 { margin:0 0 0 20px; padding:0; color:#DC402C; }
#presentation ul.menu { background:url(navpics/fonds/fd_menu_thematik.png) 0 0 no-repeat; height:34px; margin:35px 0 0 13px; padding:0 0 0 7px; width:598px; }
#presentation ul.menu li { background:url(navpics/fonds/separ_menu_thematik.gif) right 0 no-repeat; float:left; font-size:12px; height:34px; line-height:34px; }
#presentation ul.menu li.accueil { width:66px; }
#presentation ul.menu li.enjeux { width:61px; }
#presentation ul.menu li.positionnement { width:120px;}
#presentation ul.menu li.convictions { width:196px; }
#presentation ul.menu li.references { width:87px; }
#presentation ul.menu li a { color:#8d8c8c; padding:0; text-align:center; }
#presentation ul.menu li a.current { background:#fff; color:#bf0d0d; font-weight:bold; }
#presentation ul.menu li a:hover { color:#bf0d0d; text-decoration:none; }
#presentation .tab { background:#fff; clear:left; padding:25px 0 0 0; width:605px; }
#presentation .tab p.suite { margin:0; }
#presentation .tab p.suite a { text-decoration:underline; }

#presentation .art {margin: 25px;}
#presentation .art h2 {margin: 30px 10px;}
#presentation .illustr { /*float:left;*/ left: 0; text-align:center; width:245px; position: relative; display: block; }
#presentation .illustr .img_logo { position: absolute; width: 500px; height: auto; left: 0; top: 0; z-index: 1000; text-align: left;}
#presentation .illustr .spip_logos, #presentation .illustr img.spip_logos  { /*position: absolute;left: 0; z-index: 150;*/ cursor: pointer;}
#presentation .text { float:right; padding:0 20px 0 0; width:290px; position: relative; /*left: 250px;*/ height: 130px; overflow: hidden;}
#presentation .text p.spip:first-child { margin-top:0; }
#presentation .button { display:inline; float:right; margin:0 18px 0 0; padding:50px 0 0 0; width:31px; }

#entrees { background:url(navpics/fonds/fd_entrees.gif) 0 0 repeat-x; height:140px; margin:0 0 10px 0; width:635px; }
#entrees a { color:#272524; display:block; float:left; height:100px; padding:40px 0 0 0; }
#entrees a:hover { text-decoration:none; }
#entrees a.conseil { background:url(navpics/visuels/entree_conseil.png) 0 0 no-repeat; padding-right:123px; width:100px; }
#entrees a.formations { background:url(navpics/visuels/entree_formations.png) 0 0 no-repeat; padding-right:92px; width:110px; }
#entrees a.outils { background:url(navpics/visuels/entree_outils.png) 0 0 no-repeat; padding-right:120px; width:90px; }
#entrees a.conseil:hover { background:url(navpics/visuels/entree_conseil_over.png) 0 0 no-repeat; }
#entrees a.formations:hover { background:url(navpics/visuels/entree_formations_over.png) 0 0 no-repeat; }
#entrees a.outils:hover { background:url(navpics/visuels/entree_outils_over.png) 0 0 no-repeat; }
#entrees h2 { color:#272524; font-size:18px; font-weight:normal; text-align:right; }
#entrees h2 .petit { color:#5f5e5d; font-size:12px; }

#article_intro { background:url(navpics/fonds/fd_entete_formations.gif) 0 0 repeat-x; padding:20px 97px 20px 38px; position:relative; width:500px; }
#article_intro h2 { font-size:18px; font-weight:normal; margin:30px 0 0 0; }
#article_intro .chapo { font-size:11px; margin:0 0 10px 0; }


/*****************************/
/*        FORMATIONS         */
/*****************************/
#entete { background:url(navpics/fonds/fd_entete_formations.gif) 0 0 repeat-x; padding:20px 12px 20px 18px; position:relative; width:605px; }
#entete h1 { margin:0 0 20px 20px; padding:0; line-height:22px; color:#DC402C; }
#entete h1 a { color:#DC402C; text-decoration:none; }
#entete h2 { color:#dc402c; font-size:20px; margin:0 0 0 20px; padding:0; }
#entete h2 a { color:#DC402C; text-decoration:none;  }
#entete .text { margin:20px 0 0 20px; width:470px; }
#entete .text p.spip {}
#entete img.illustr { bottom:0; position:absolute; right:0; }

#content_supp .commande { margin:0 0 20px 0; width:300px; }
#content_supp .commande img.vignette { display:inline; float:left; margin:15px 0 0 0; }
#content_supp .commande .text { float:left; margin:13px 0 0 0; padding:0 0 0 20px; width:199px; }
#content_supp .commande h2 { font-size:12px; height:43px; width:190px; }
#content_supp .commande h2 a { display:block; padding:14px 0 0 0; }
#content_supp .commande h2 a:hover { color:#000; text-decoration:none; }
#content_supp .commande .text p.spip { margin:0 30px 0 10px; }

.list { background:url(navpics/fonds/fd_list.gif) 0 0 repeat-x; padding:0 7px 0 16px; width:612px; }
.list_items { width:612px; }
.list_items thead th { color:#9f9f9f; font-size:10px; font-weight:bold; height:37px; padding:0 0 0 12px; }
h2.rub { background:url(navpics/fonds/fd_rub.gif) 0 0 repeat-x; color:#dc402c; cursor:pointer; font-size:18px; font-weight:bold; height:50px; line-height:50px; padding:0 0 0 12px; }
h3.titre_rub { background:url(navpics/fonds/fd_sscat_formations.gif) 0 0 repeat-x; color:#fff; font-size:14px; font-weight:bold; height:30px; line-height:30px; margin:0 -7px 0 -16px; padding:0 0 0 12px; }
.list_items thead th.num { cursor:pointer; }
.list_items thead th.intitule { cursor:pointer; }
.list_items tbody td { background:#fff url(navpics/fonds/fd_td_list.gif) 0 bottom repeat-x; }
.list_items tbody td p { margin:0; }
.list_items tbody td.num { padding:20px 0 5px 30px; width:78px; }
.list_items tbody td.intitule { padding:20px 20px 5px 0; width:280px; }
.list_items tbody td.popups { padding:20px 0 5px 0; text-align:center; width:41px; }
.list_items tbody td.duree { padding:22px 0 5px 0; width:163px; }
.list_items tbody td.num { color:#dc402c; font-size:14px; font-weight:bold; line-height:18px; margin:0; }
.list_items tbody td h3 { color:#dc402c; font-size:14px; line-height:18px; }
.list_items tbody td h3 a { color:#dc402c; }
.list_items tbody td h5 { color:#dc402c; font-size:11px; line-height:14px; margin:0 0 6px 0; }
.list .info { display:none; }
.list_items tbody td h6 { color:#676767; font-size:10px; line-height:14px; margin:4px 0 0 0; }


#entete_art { background:url(navpics/fonds/fd_entete_formations.gif) 0 0 repeat-x; padding:20px 0 20px 18px; position:relative; width:617px; }
#entete_art h1 { margin:0 0 0 20px; padding:0; color:#DC402C; }
#entete_art h2 { color:#dc402c; float:left; font-size:20px; line-height:37px; margin:0 0 0 20px; padding:0; width:416px; }
#entete_art p.retour { display:inline; float:right; font-size:12px; font-weight:bold; height:37px; line-height:37px; margin:0 7px 0 0; text-align:left; width:174px; }
#entete_art p.retour a { background:url(navpics/boutons/retour.png) 0 0 no-repeat; color:#272524; display:block; padding:0 0 0 65px; }
#entete_art p.retour a:hover { color:#bf0d0d; text-decoration:none; }

#fiche { background:url(navpics/fonds/fd_fiche.gif) 0 0 repeat-x; padding:30px 0 30px 47px; width:588px; }
#fiche h2.numero { color:#dc402c; float:left; font-size:18px; line-height:24px; width:79px; }
#fiche .text { float:left; padding:0 40px 0 0; width:349px; }
#fiche h3.type { color:#dc402c; float:left; font-size:18px; line-height:24px; padding:0 10px 0 0; width:110px; }
#fiche .text h1 { color:#dc402c; font-size:18px; line-height:24px; }
#fiche .text h2 { color:#676767; font-size:11px; }
#fiche ul.menu_fiche, #fiche ul.menu_print { float:left; height:40px; margin:20px 0 28px 0; }
#fiche ul.menu_fiche li, #fiche ul.menu_print li { background:url(navpics/fonds/fd_menu_fiche.gif) 0 0 repeat-x; float:left; font-size:12px; height:40px; line-height:40px; margin:0 3px 0 0; }
#fiche ul.menu_fiche li.resume { width:83px; }
#fiche ul.menu_fiche li.prog { width:123px; }
#fiche ul.menu_fiche li.dates { width:170px; }
#fiche ul.menu_fiche li.ui-tabs-selected { background:url(navpics/fonds/fd_menu_fiche_on.gif) 0 0 repeat-x; }
#fiche ul.menu_fiche li a { color:#a2a2a2; padding:0 26px; }
#fiche ul.menu_fiche li.resume a { background:url(navpics/puces/fiche.gif) 7px 11px no-repeat; }
#fiche ul.menu_fiche li.prog a { background:url(navpics/puces/prog.png) 12px 12px no-repeat; padding-left:36px; }
#fiche ul.menu_fiche li.dates a { background:url(navpics/puces/dates.png) 9px 11px no-repeat; padding-left:34px; }
#fiche ul.menu_fiche li.ui-tabs-selected a, #fiche ul.menu_fiche li.ui-tabs-selected a:hover { color:#4e4e4e; font-weight:bold; }
#fiche ul.menu_fiche li a:hover { color:#fff; text-decoration:none; }
#fiche ul.menu_print li.print a { background:url(navpics/boutons/fd_print.png) 4px -9px no-repeat; color:#dc402c; font-weight:bold; padding-left:32px; padding-right:87px; }
#fiche ul.menu_print li.print a:hover { color:#4d4b49; text-decoration:none; }

#resume .texto, #resume .chapo { margin:0 0 20px 0; padding:0 80px 0 70px; }
#resume .duree { background:url(navpics/puces/fiche_duree.png) 16px 0 no-repeat; margin:0 0 20px 0; min-height:39px; padding:0 80px 0 70px; }
#resume .recherchez { background:url(navpics/puces/fiche_recherche.png) 17px 0 no-repeat; margin:0 0 20px 0; min-height:28px; padding:0 80px 0 70px; }
#resume .objectifs { background:url(navpics/puces/fiche_objectifs.png) 10px 0 no-repeat; margin:0 0 20px 0; min-height:37px; padding:0 80px 0 70px; }
#resume .qui { background:url(navpics/puces/fiche_qui.png) 21px 0 no-repeat; margin:0 0 20px 0; min-height:32px; padding:0 80px 0 70px; }
#resume .comment { background:url(navpics/puces/fiche_comment.png) 13px 0 no-repeat; margin:0 0 20px 0; min-height:40px; padding:0 80px 0 70px; }
#resume .supports { background:url(navpics/puces/fiche_support.png) 16px 0 no-repeat; margin:0 0 20px 0; min-height:31px; padding:0 80px 0 70px; }
#resume .duree h3, #resume .recherchez h3, #resume .objectifs h3, #resume .qui h3, #resume .comment h3, #resume .supports h3 { font-size:14px; }
#resume .duree h3 + p, #resume .recherchez h3 + p, #resume .objectifs h3 + p, #resume .qui h3 + p, #resume .comment h3 + p, #resume .supports h3 + p { margin-top:0; }

#dates .duree { background:url(navpics/puces/fiche_duree.png) 16px 0 no-repeat; margin:0 0 20px 0; min-height:39px; padding:0 80px 0 70px; }
#dates .type { background:url(navpics/puces/type_formation.png) 17px 0 no-repeat; margin:0 0 20px 0; min-height:39px; padding:0 80px 0 70px; }
#dates .nombre { background:url(navpics/puces/nb_participants.png) 18px 0 no-repeat; margin:0 0 20px 0; min-height:39px; padding:0 80px 0 70px; }
#dates .dates { background:url(navpics/puces/puce_dates.png) 14px 0 no-repeat; margin:0 0 20px 0; min-height:39px; padding:0 80px 0 70px; }
#dates .tarif { background:url(navpics/puces/prix.png) 12px 0 no-repeat; margin:0 0 20px 0; min-height:39px; padding:0 80px 0 70px; }
#dates .duree h3, #dates .type h3, #dates .nombre h3, #dates .dates h3, #dates .tarif h3 { font-size:14px; }
#dates .duree h3 + p, #dates .type h3 + p, #dates .nombre h3 + p, #dates .dates h3 + p, #dates .tarif h3 + p { margin-top:0; }

#prog { padding:0 80px 0 10px; }

/* agenda */
#agenda_detail { padding:1px 0 20px 0; width:635px; }
.entete_agenda { margin:0 0 30px 0; padding:0 100px 0 37px; width:518px; }
.entete_agenda h1 { font-size:24px; font-weight:bold; line-height:24px; }

.agenda_items { background:url(navpics/fonds/fd_agenda_items.gif) 0 0 repeat-x; padding:0 7px 20px 16px; width:635px; }
.agenda_items thead th { color:#9f9f9f; font-size:10px; font-weight:bold; height:37px; padding:12px 0 0 0; }
.agenda_items tbody td { background:#fff url(navpics/fonds/fd_td_list.gif) 0 bottom repeat-x; }
.agenda_items tbody td p { margin:0; }
.agenda_items tbody td.debut { color:#dc402c; font-size:11px; font-weight:bold; line-height:18px; padding:20px 20px 10px 26px; width:108px; }
.agenda_items tbody td.intitule { padding:20px 20px 10px 0; width:280px; }
.agenda_items tbody td.icons { padding:20px 0 10px 0; width:41px; }
.agenda_items tbody td.duree { padding:22px 0 10px 0; width:163px; }
.agenda_items tbody td.num { color:#dc402c; font-size:14px; font-weight:bold; line-height:18px; margin:0; }
.agenda_items tbody td h3 { color:#dc402c; font-size:14px; line-height:18px; }
.agenda_items tbody td h3 a { color:#dc402c; }
.agenda_items tbody td h5 { color:#dc402c; font-size:11px; line-height:14px; margin:0 0 6px 0; }
.agenda_items .info { display:none; }
.agenda_items tbody td h6 { color:#676767; font-size:10px; line-height:14px; margin:4px 0 0 0; }

#agenda_detail .header { background:url(navpics/fonds/fd_agenda_off.gif) 0 0 no-repeat; color:#fff; cursor:pointer; font-size:18px; font-weight:bold; height:31px; line-height:31px; padding:0 0 0 30px; }
#agenda_detail .ui-state-active { background:url(navpics/fonds/fd_agenda_on.gif) 0 0 no-repeat; }


/*****************************/
/*          OUTILS           */
/*****************************/
#content_outils { background:url(navpics/fonds/fd_outils.gif) 0 0 repeat-x; margin:0 4px; padding:28px 0 30px 0; width:955px; }
#content_outils .entete { padding:0 100px 0 37px; width:518px; }
#content_outils .entete .descript p.spip { font-size:18px; line-height:20px; margin:0; padding:0; }
#content_outils .entete .descript p.spip strong { color:#dc402c; }
#content_outils .entete p.retour { background:url(navpics/boutons/retour.png) 0 0 no-repeat; display:inline; float:right; font-size:12px; font-weight:bold; height:37px; line-height:37px; margin:15px 7px 0 0; text-align:left; width:174px; }
#content_outils .entete p.retour a { color:#272524; display:block; padding:0 0 0 55px; }
#content_outils .entete p.retour a:hover { color:#bf0d0d; text-decoration:none; }

#content_outils .commande { width:300px; }
#content_outils .commande img.vignette { display:inline; float:left; margin:15px 0 0 0; }
#content_outils .commande .text { float:left; margin:13px 0 0 0; padding:0 0 0 20px; width:199px; }
#content_outils .commande h2 { background:url(navpics/boutons/download.png) 0 0 no-repeat; font-size:12px; height:43px; width:190px; }
#content_outils .commande h2 a { display:block; padding:14px 0 0 10px; }
#content_outils .commande h2 a:hover { color:#fff; text-decoration:none; }
#content_outils .commande .text p.spip { margin:0 30px 0 10px; }

#content_main_outils { float:left; padding:1px 0 0 0; width:635px;} /* contenu principal */
#content_main_outils .item { background:url(navpics/fonds/fd_item_outil.png) 0 0 no-repeat; display:inline; float:left; height:182px; margin:0 10px 5px 0; position:relative; width:200px; }
#content_main_outils .item:hover { background:url(navpics/fonds/fd_item_outil_on.png) 0 0 no-repeat; cursor:pointer; }
#content_main_outils .item .visuel { margin:15px 0 0 0; width:200px; }
#content_main_outils .item .visuel img.link { display:block; border:1px solid #e9e9e9; height:87px; margin:0 auto; padding:2px; width:160px; }
#content_main_outils .item:hover img.link { border:1px solid #bf0d0d; cursor:pointer; }
#content_main_outils .item h3 { color:#d1041c; font:12px/16px Arial, Helvetica, sans-serif; margin:4px 0 0 17px; width:143px; }
#content_main_outils .item:hover h3 { cursor:pointer; text-decoration:none; }
#content_main_outils .item img.info { bottom:10px; position:absolute; right:10px; }
#content_main_outils .item:hover img.info { cursor:pointer; }
#content_main_outils p.total { color:#d1041c; display:inline; float:right; font-size:14px; font-weight:bold; margin:0 30px 0 0; text-align:right; width:200px; }
#content_main_outils p.affich { display:inline; float:right; margin:0 30px 0 0; text-align:right; width:200px; }
#content_main_outils h2.them { color:#d1041c; display:inline; float:left; font-size:18px; font-weight:bold; margin:0 0 0 37px; width:368px; }
#content_main_outils .items { margin:20px 0 0 0; }
form.menu_thematiks { margin:0 0 20px 37px; }
form.menu_thematiks p { font-weight:bold; margin:10px 0 0 0; }

.content_outil { margin:0 0 0 37px; padding:1px 70px 0 0; position:relative; width:528px; }
.content_outil .visuels { display:block; float:right; height:265px; margin:0 0 5px 15px; position:relative; width:200px; }
.content_outil .visuels .calameo { position:absolute; right:-20px; top:-20px; z-index:9; }
.content_outil .visuels .visuel_outil { left:0; position:absolute; top:15px; z-index:8; }
.content_outil h1 { color:#dc402c; font-size:24px; font-weight:normal; line-height:28px; }
.content_outil h2.surtitre, .content_outil h2.soustitre { color:#676767; font-size:14px; font-weight:normal; line-height:18px; }
#content_main_outils .text { margin:30px 0 0 0; }
.content_outil .chapo { font-weight:bold; }
#content_main_outils .tarifs { background:url(navpics/fonds/fd_tarif_left.gif) 0 0 no-repeat; float:left; height:35px; line-height:35px; margin:15px 0 20px 0; overflow:hidden; padding:0 0 0 8px; }
#content_main_outils .tarifs h4.tarif { background:#dc402c url(navpics/fonds/fd_tarif_right.gif) right 0 no-repeat; color:#fff; padding:0 17px 0 9px; }
#content_main_outils h4.pdf { float:right; height:121px; margin:15px 0 20px 0; width:292px; }
#content_main_outils h4.pdf a { background:url(navpics/fonds/fd_tarif.png) 0 0 no-repeat; color:#dc402c; display:block; height:40px; padding:81px 0 0 21px; width:271px; }

#slider { border:1px solid #ccc; clear:both; height:390px; margin:30px 0 0 0; padding:20px 0 0 0; width:526px; }
#content_main_outils ul.menu_slider { width:526px; }
#content_main_outils ul.menu_slider li { float:left; }
#content_main_outils ul.menu_slider li.intro { color:#dc402c; height:24px; line-height:24px; padding:0 5px 0 0; }
#content_main_outils ul.menu_slider li a { padding:3px 5px; }
#content_main_outils ul.menu_slider li a:hover, #content_main_outils ul.menu_slider li a.wactive { color:#fff; background:#dc402c; text-decoration:none; }
#content_main_outils ul.menu_slider li a.wactive { font-weight:bold; }

#content_supp_outils { float:left; padding:0 0 0 11px; width:309px; } /* contenu supplementaire */
#list_outils { margin:30px 0 0 0; }
#list_outils .item { border-bottom:1px solid #f3f3f3; margin:0 0 10px 0; padding:10px 0; }
#list_outils .illustr { float:left; text-align:center; width:100px; }
#list_outils .text { float:left; padding:0 0 0 9px; width:200px; }
#list_outils h2 { color:#ff0000; font-size:16px; }
#list_outils h2 a { color:#ff0000; }
#list_outils p.spip { margin:0; }

.focus_outil { background:url(navpics/fonds/fd_focus_outil.png) 0 0 no-repeat; height:172px; margin:-15px 0 20px 0; position:relative; width:288px; }
.focus_outil .visuel { left:0; position:absolute; top:10px; }
.focus_outil h2 { font-size:18px; font-weight:normal; left:120px; position:absolute; top:35px; }
.focus_outil h2 a { color:#141414; }
.focus_outil p { font-size:12px; left:15px; line-height:16px; margin:0 10px 0 0; position:absolute; top:105px; }
.focus_outil .suite { background:url(navpics/boutons/bt_gris.png) 0 0 no-repeat; height:20px; left:150px; line-height:20px; margin:0; position:absolute; text-align:center; top:140px; width:119px; }
.focus_outil .suite a { display:block; }

/*****************************/
/*       EUROSYMBIOSE        */
/*****************************/
#article, #article_bis, #clients, #article_elearning { background:url(navpics/fonds/fd_entete_formations.gif) 0 0 repeat-x; padding:20px 12px 20px 38px; position:relative; width:585px; }
#article_elearning h1 { color:#DC402C;}
#article .chapo, #article_bis .chapo, #clients .chapo, #article_elearning .chapo { font-size:13px; line-height:22px; margin:0 0 10px 0; }
#article .chapo p.spip, #article_bis .chapo p.spip, #clients .chapo p.spip, #article_elearning .chapo p.spip { margin:0; }
#article .chapo p .pointilles, #article_bis .chapo p .pointilles, #clients .chapo p .pointilles, #article_elearning .chapo p .pointilles { background:url(navpics/pointilles/gris_hz.gif) 0 bottom repeat-x; }
#article img.visuel { left:0; position:absolute; top:160px; }
#article .text { padding:0 20px 0 180px; }
#article_bis .text { padding:0 20px 0 0; }
#article .spip_documents { display:block; margin:30px 0 0 0; }
#article_bis .thumb { background:#f7f5ed; border:1px solid #e4e3d8; display:block; float:left; height:76px; margin:0 7px 0 0; padding:2px; width:122px; }
#article_bis img.visuel { display:block; margin:30px 0 0 0; }
#article h1 { color:#DC402C; margin-bottom:22px;}
#article_bis h1 { color:#DC402C; margin-bottom:22px;}
#other { width:309px; }
#other .bloc { background:url(navpics/fonds/fd_other.gif) 0 0 repeat-x; padding:40px 0 30px 0; width:309px; }
#other .bloc h2.surtitre { color:#de0820; font:32px/32px "Myriad Pro", Myriad, "Trebuchet MS", Arial, sans-serif; text-align:center; }
#other .bloc h2.soustitre { color:#272524; font:20px/24px "Myriad Pro", Myriad, "Trebuchet MS", Arial, sans-serif; margin:4px 0 0 0; text-align:center; }
#other .bloc h2.titre { color:#272524; font:20px/24px "Myriad Pro", Myriad, "Trebuchet MS", Arial, sans-serif; margin:4px 0 0 0; text-align:center; }
#other .bloc h2.titre strong{ color:#de0820; display:block; font:32px/32px "Myriad Pro", Myriad, "Trebuchet MS", Arial, sans-serif; text-align:center; }
#other .bloc h3.soustitre { color:#272524; font:normal 18px/20px "Myriad Pro", Myriad, "Trebuchet MS", Arial, sans-serif; margin:4px 0 30px 0; text-align:center; }
#other .bloc .illustr { margin:30px 0 0 0; text-align:center; width:100%; }
#other .bloc .descriptif p.spip { margin:24px 0 0 0; padding:0 50px; width:209px; }
#other .bloc p.suite { margin:15px 0 0 0; padding:0 0 0 50px; }
#other .bloc p.suite a { color:#e15948; }
#other .bloc .item { margin:0 0 15px 0; width:309px; }
#other .bloc .photo_ident { float:left; width:120px; }
#other .bloc .text { float:left; width:180px; }
#other .bloc .text p{ margin-left: 5px; }
#other .bloc h3.titre { background:url(navpics/fonds/fd_titre_euro.png) 0 0 no-repeat; color:#dc402c; font-size:12px; height:27px; line-height:27px; padding:0 0 0 16px; width:164px; }
#other .bloc h4 { margin:4px 0; padding:0 0 0 16px; }
#other .bloc .text p.spip { margin-top:0; padding-left:16px; width:164px; }
#other .bloc .text p.suite { margin:0; padding:0 0 0 16px; }


/*****************************/
/*       	ARTICLE        	 */
/*****************************/
#art { background:url(navpics/fonds/fd_entete_formations.gif) 0 0 repeat-x; padding:20px 12px 20px 38px; position:relative; width:585px; }
#art_contact { background:url(navpics/fonds/fd_entete_formations.gif) 0 0 repeat-x; padding:20px 12px 20px 38px; position:relative; width:585px; }
#art_contact h1 { color:#DC402C; margin-bottom:22px;}
#art_contact table.spip {
  border: none;
}
#art_contact table.spip tr.row_first { background: none; }
#art_contact table.spip tr.row_odd { background: none; }
#art_contact table.spip tr.row_even { background: none; }
#art_contact table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: top; }


/*****************************/
/*          CLIENTS          */
/*****************************/
#clients .text { padding:0 20px 0 0; }
#clients h1 { color:#DC402C; margin-bottom:20px; }
#secteurs h3.spip { text-align:left; font-size:14px; margin:10px 0 0 0; }

.illustr_logo { float:left; height:100px; line-height:100px; text-align:center; vertical-align:middle; width:130px; }
.illustr_logo img { line-height:130px; vertical-align:middle; }


/*****************************/
/*        ACTUALITES         */
/*****************************/
#actu_detail { padding:1px 0 20px 0; width:635px; }
#actu_detail .entete { padding:0 0 5px 38px; width:597px; }
#actu_detail .entete h1 { line-height:22px; }
#actu_detail .entete h2 { margin:20px 0 20px 0; }
#actu_detail .entete h2 a { text-decoration:none; }
#actu_detail .entete p.retour { background:url(navpics/boutons/retour.png) 0 0 no-repeat; display:inline; float:right; font-size:12px; font-weight:bold; height:37px; line-height:37px; margin:0 7px 0 0; text-align:left; width:174px; }
#actu_detail .entete p.retour a { color:#272524; display:block; padding:0 0 0 55px; }
#actu_detail .entete p.retour a:hover { color:#bf0d0d; text-decoration:none; }
#actu_detail .actu { background:url(navpics/fonds/fd_projets.gif) 0 0 repeat-x; display:block !important; padding:5px 5px 0 5px; width:625px; }
#actu_detail .entete h1 { color:#DC402C; margin-bottom:22px;}
#actu_detail .text { padding:0 20px 0 50px; width:555px; }
#actu_detail p.tags { background:#f8f8f8 url(navpics/puces/tags.gif) 18px 4px no-repeat; color:#8c8c8c; margin:4px 0 0 0; padding:2px 0 2px 39px; }
#actu_detail p.tags a { color:#8c8c8c; }
#actu_detail .text .chapo { font-style:italic; margin:15px 0 0 0; }
#actu_detail .text h3 { color:#7d7c75; font:bold italic 16px/20px Georgia, "Times New Roman", Times, serif; }

#actu_detail .last_actus { display:inline; float:left; margin:0 0 0 32px; width:318px; }
#actu_detail .last_actus ul { padding:15px 0 0 0; }
#actu_detail .last_actus ul li { background:none; border:none; border-top:1px solid #eceded; float:none; height:auto; line-height:auto; margin:O; padding:10px 0 15px 0; }
#actu_detail .last_actus ul li.first-child { border-top:none; }
#actu_detail .last_actus ul li.ui-tabs-selected  { background:none; border:none; border:none; border-bottom:1px solid #e6e6e7; border-top:1px solid #fff; }
#actu_detail .last_actus ul li p.date { margin:0 0 0 23px; }
#actu_detail .last_actus ul li h3 { font-size:11px; line-height:16px; margin:0 0 0 23px; }
#actu_detail .last_actus ul li h3 a { color:#2a2827; padding:0; }
#actu_detail .last_actus ul li.ui-tabs-selected h3 a { color:#bf0d0d; }
#actu_detail .last_actus ul li p.spip { line-height:16px; margin:0 0 0 23px; }

#actu_detail .archivs { background:url(navpics/fonds/fd_archivs.png) 0 0 repeat-y; display:inline; float:left; height:319px; margin:10px 0 0 10px; padding:0; width:268px; }
#actu_detail .archivs h3 { font-size:18px; height:46px; padding:20px 0 0 44px; width:224px; }
#actu_detail .archivs h3 a { color:#d92724; }
#actu_detail .archivs h3 a:hover { text-decoration:none; }
#actu_detail .archivs h3 .small { color:#2a2827; font-size:11px; }
#actu_detail .archivs .content_actus { padding:0 10px 20px 44px; width:214px; }
#actu_detail .archivs p.date { margin:10px 0 0 0; }
#actu_detail .archivs p.spip { margin:0; }
#actu_detail .archivs p.all { margin:0; padding:0 0 0 44px; width:224px; }
#actu_detail .archivs p.all a { color:#2a2827; text-decoration:underline; }

#actu_detail .last_actus p.rss { margin:15px 0 0 30px; }
#actu_detail .last_actus p.archives, #actu_detail .last_actus p.mailing { margin:10px 0 0 30px; }

#actu_detail .all_actus { display:inline; float:left; margin:0 30px 0 32px; }
#actu_detail .all_actus ul { padding:15px 0 0 0; }
#actu_detail .all_actus ul li { background:none; border:none; border-top:1px solid #eceded; float:none; height:auto; line-height:auto; margin:O; padding:10px 0 15px 0; }
#actu_detail .all_actus ul li.first-child { border-top:none; }
#actu_detail .all_actus ul li p.date { color:#d92724; margin:0 0 0 23px; }
#actu_detail .all_actus ul li h3 { font-size:11px; line-height:16px; margin:0 0 0 23px; }
#actu_detail .all_actus ul li h3 a { color:#2a2827; padding:0; text-decoration:underline; }
#actu_detail .all_actus ul li p.spip { line-height:16px; margin:0 0 0 23px; }


/*****************************/
/*     MIX CASE STUDIES      */
/*****************************/
#case { padding:1px 0 20px 0; width:635px; }
#case .entete { padding:20px 0 20px 38px; width:597px; }
#case .detail { background:url(navpics/fonds/fd_projets.gif) 0 0 repeat-x; padding:20px 5px 0 5px; text-align:center; width:625px; }
#case .detail img.illustr {  }

#case .text { padding:0 20px 0 50px; text-align:left; width:555px; }
#case p.tags { background:#f8f8f8 url(navpics/puces/tags.gif) 18px 4px no-repeat; color:#8c8c8c; margin:4px 0 0 0; padding:2px 0 2px 39px; }
#case p.tags a { color:#8c8c8c; }
#case .text .chapo { font-style:italic; margin:15px 0 0 0; }
#case .text h3 { color:#7d7c75; font:bold italic 16px/20px Georgia, "Times New Roman", Times, serif; }

#case .all { margin:50px 0 0 0; }
#case .all h2 { color:#dc402c; font-size:18px; font-weight:normal; margin:0 0 20px 0; }

#case .item_other { background:#fff url(navpics/fonds/fd_item_other.gif) 0 bottom repeat-x; border:1px solid #f3f2f2; float:left; height:81px; width:271px; }
#case .item_other:hover { background:#fff url(navpics/fonds/fd_item_other_on.gif) 0 top repeat-x; cursor:pointer; }
#case .item_other a { display:block; height:81px; width:271px; }
#case .item_other .illustr { cursor:pointer; float:left; height:81px; line-height:81px; text-align:center; vertical-align:middle; width:130px; }
#case .item_other .illustr img { cursor:pointer; line-height:81px; vertical-align:middle; }
#case .item_other .titre { cursor:pointer; float:left; padding:10px 0 0 0; width:136px; }
#case .item_other .titre h4 { cursor:pointer; font-size:11px; line-height:14px; }
#case .item_other:hover h4, #case .item_other:hover a:hover { color:#fff; text-decoration:none; }
#case .item_other .titre p.date { color:#b75630; font-size:10px; margin:0; }


/*****************************/
/*         CONSEIL           */
/*****************************/
.item_conseil { background:url(navpics/fonds/fd_list.gif) 0 0 repeat-x; padding:20px 27px 30px 16px; width:592px; }
.item_conseil .chapo { font-weight:bold; }
.item_conseil .chapo { font-size:13px; line-height:22px; margin:0 0 10px 0; }
.item_conseil .chapo p.spip { margin:0; }
.item_conseil .chapo p .pointilles { background:url(navpics/pointilles/gris_hz.gif) 0 bottom repeat-x; }
.item_conseil h3.spip { text-align:left; }


/*****************************/
/*        ELEARNING          */
/*****************************/
#article_elearning img.visuel { left:0; position:absolute; top:160px; }
#article_elearning .text { padding:0 20px 0 230px; }
#article_elearning .spip_documents { display:block; margin:30px 0 0 0; }


/*****************************/
/*        ERROR 404          */
/*****************************/
p.error { padding:30px 0 0 0; }


/*****************************/
/*        	 PLAN          	 */
/*****************************/
ul.plan { margin:0 0 0 15px; }
ul.plan li { font-weight:bold; margin:0 0 20px 0; }
ul.plan li li { font-weight:normal; margin:0 0 4px 10px; }

/*****************************/
/*        DIAPORAMA       	 */
/*****************************/
.big_galerie { height:500px; margin:0 0 0 10px; position:relative; width:600px; }
.big_galerie h6 { color:#272524; font-size:11px; font-weight:normal; line-height:14px; width:500px; }
.big_galerie .date_doc { color:#949494; }

#vignettes { bottom:0; margin:0 0 0 10px; position:absolute; }
#vignettes li { float:left; height:34px; margin:0 2px 0 0; width:44px; }
#vignettes li:first-child {}
#vignettes li a { border:2px solid #fff; display:block; height:30px; width:40px; }
#vignettes li:first-child a {}
#vignettes li a:hover {}
#vignettes li .current { border:2px solid #bf0d0d; }


/*****************************/
/*        CONTACT       	 */
/*****************************/
#map { margin:30px 0 0 0; }

/*****************************/
/*         SPECIFIC          */
/*****************************/
/* CLEAR FIX*/
.clearfix:after {content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear { clear: both; height:0; }

.pointilles { background:url(navpics/pointilles/gris_hz_large.gif) 0 0 repeat-x; clear:both; height:1px; margin:0; }

.ui-tabs-hide { display: none; }

.gras { font-weight:bold; }
.maigre { font-weight:normal; }

.orange { color:#dc402c; }

.hide { display:none; }
.bloc { display:block; }

.nomarg { margin-top:0; margin-bottom:0; }
.nomargtop { margin-top:0; }
.nomargbot { margin-bottom:0; }

.flotleft { float:left; }
.flotright { float:right; }


/* @group Image in a link (a.link_img) */
a.link_img { display:block; border:3px solid #e9e9e9; width:102px; }
a.link_img:hover { border:3px solid #08b2e9; }

/* shadows */
.wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/}
.wrap1 {
  float:left;
  background:url(/images/common/fonds/shadow.gif) right bottom no-repeat;}
.wrap2 {background:url(/images/common/fonds/corner_bl.gif) left bottom no-repeat;}
.wrap3 {
  padding:0 4px 5px 0;
  background:url(/images/common/fonds/corner_tr.gif) right top no-repeat;}
.wrap3 img {
  display:block;
  border:1px solid #2e3226;
}

/*****************************/
/*       	MOT          	 */
/*****************************/

#art h2.titre { color:#DC402C; font-size:22px; }
/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

.formulaire_spip { }
.formulaire_spip p { margin: 0.5em 0; padding: 0; }

.formulaire_spip fieldset {}
.formulaire_spip legend {}

.formulaire_spip label {}
.formulaire_spip .champ_rech { float:left; font-family: inherit; font-size: 12px; margin:4px 10px 0 0; width: 150px; }

.formulaire_spip input.submit {
  border: none;
  color:#fff;
  cursor:pointer;
  float:left;
  font-size:11px;
  font-weight:bold;
  height:29px;
  line-height:29px;
  margin:0;
  padding:0;
  background:url(navpics/boutons/rechercher.png) 0 0 no-repeat;
  width:105px;
}

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }

/* Boutons */
.spip_bouton { margin:20px 0; }
.spip_bouton input { }

/* Previsualisation du message */
fieldset.previsu { padding: 1em; }

/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* Choix des mots-clefs */
ul.choix_mots { float: left; width: 47%; margin: 0; padding: 0; list-style: none; }
ul.choix_mots label { display: inline; }

/* Formulaire de recherche */
.formulaire_recherche { text-align: left; }
.formulaire_recherche label { display: none; }

/*   Elearning        */
.list_items td.num.elearning { background-image: url(navpics/fonds/Elearning.png);background-repeat:no-repeat; background-position: 65px 10px;}
#fiche .text {padding:0 15px 0 0;width:300px;}
#fiche .divtype { float: left; width: 190px;}
#fiche .divtype img {float: left; margin-right: 5px;}
#fiche .divtype h3 {float: left; width: 135px; margin: 6px 0 0 5px;}

/*  Actualités  */
#actualites ul.links {width: 90px; }
#actualites .archives, #actualites ul.links {float: right;}
#actualites ul.links li {float:left; width: 30px;}
#actualites ul.links li.clear {clear: both;}

/*  Secteurs Aéro-Auto  */
#thematiques ul.aeroauto { height: auto; position: absolute; bottom: 28px;}
#thematiques ul.aeroauto li { float: left; width: 135px; height: 96px; line-height: 96px; }
#thematiques #nav div {margin-bottom: 0;}