/* blocks */

/*--------------Focus-------------*/
/*Focus layout*/
.focus{width:201px; margin-bottom:10px;}
.focus .bloc-top { height:17px; width:201px; background:url(../images/bloc1top_red.gif) no-repeat left top;}
.focus .bloc-content {background:url(../images/bloc1content.gif) repeat-y left top; padding:10px 10px 0px 10px;}
.focus .bloc-bottom { height:10px; background:url(../images/bloc1bottom.gif) no-repeat left top;}

/*-----Focus colors-----*/
/*color 1*/
.focus-style1 .focus .bloc-top { height:17px; width:201px; background:url(../images/bloc1top_yellow.gif) no-repeat left top;}
.focus-style1 .focus .bloc-content {background:url(../images/bloc1content.gif) repeat-y left top; padding:10px 10px 0px 10px;}
.focus-style1 .focus .bloc-bottom { height:10px; background:url(../images/bloc1bottom.gif) no-repeat left top;}

/*color 2*/
.focus-style2 .focus .bloc-top {height:10px;background-image:url(../images/bloc2top_yellow.gif);}
.focus-style2 .focus .bloc-content {background-image:url(../images/bloc2content_yellow.gif);padding:0px 10px 0px 10px;}
.focus-style2 .focus .bloc-bottom {height:10px;background-image:url(../images/bloc2bottom_yellow.gif);}
.focus-style2 .focus H2 {background-image:url(../images/h2_bullet_red.gif);}
.focus-style2 .focus H3 {color:#cd0207;}
.focus-style2 .focus H4 {}
.focus-style2 .focus H5 {color:#cd0207;}
.focus-style2 .focus A:link, .focus-style2 .focus A:visited { color:#333333; }
.focus-style2 .focus A:hover, .focus-style2 .focus A:active { color:#cd0207; }


/*color 3*/
.focus-style3 .focus .bloc-top {height:10px;background-image:url(../images/bloc2top_red.gif);}
.focus-style3 .focus .bloc-content {background-image:url(../images/bloc2content_red.gif);padding:0px 10px 0px 10px;}
.focus-style3 .focus .bloc-bottom {height:10px;background-image:url(../images/bloc2bottom_red.gif);}
.focus-style3 .focus P {color:white}
.focus-style3 .focus H2,.focus-style3 .focus H4,.focus-style3 .focus H6 {color:white}
.focus-style3 .focus H2 {background-image:url(../images/h2_bullet_yellow.gif);}
.focus-style3 .focus H3 {color:#FBC400; }
.focus-style3 .focus H4 {background-image:none; padding:0px;}
.focus-style3 .focus H5 {color:#FBC400;}
.focus-style3 .focus A:link, .focus-style3 .focus A:visited { color:#ffffff; }
.focus-style3 .focus A:hover, .focus-style3 .focus A:active {color:#FBC400;}

/*color 4*/
.focus-style4 .focus .bloc-top {height:10px;background-image:url(../images/bloc2top_white.gif);}
.focus-style4 .focus .bloc-content {background-image:url(../images/bloc2content_white.gif);padding:0px 10px 0px 10px;}
.focus-style4 .focus .bloc-bottom {height:10px;background-image:url(../images/bloc2bottom_white.gif);}

/*color 5*/
.focus-style5 .focus .bloc-top { height:10px; width:201px; background:url(../images/bloc2top.gif) no-repeat left top;}
.focus-style5 .focus .bloc-content {background:url(../images/bloc2content.gif) repeat-y left top; padding:0px 10px 0px 10px;}
.focus-style5 .focus .bloc-bottom { height:10px; background:url(../images/bloc2bottom.gif) no-repeat left top;}


/*--------------Zoom-------------*/
.zoom {width:201px; margin-bottom:10px; border-bottom:1px solid #BFBFBF;}
.zoom H1 {background:url(../images/focustop_red.gif) no-repeat left top; margin:0px; font-size:14px; padding:3px 10px 3px 10px; color:#ffffff}
.zoom .zoom-content {background:url(../images/bloc1content.gif) repeat-y left top; border-top:1px solid #AFB48F; padding:10px;}

/*-----Zoom colors-----*/
/*color1*/
.zoom-style1 .zoom H1 {background:url(../images/focustop_yellow.gif) no-repeat left top; }

/*--------------Auto width block-------------*/
.auto-width {border-top:1px solid #D4D4D4; border-bottom:1px solid #D4D4D4; padding:10px 0px 10px 0px; margin:10px 0px 10px 0px; font-size:13px;}
.auto-style1 .auto-width {border-top:1px solid #F79E00; border-bottom:1px solid #F79E00; color:#F79E00;}
.auto-style2 .auto-width {border-top:1px solid #BD0000; border-bottom:1px solid #BD0000; color:#BD0000;}
.auto-style3 .auto-width {background-color:#FBC400; border-top:none; border-bottom:none; color:#333333; padding:10px  }
.auto-style3 .auto-width H2 {background-image:url(../images/h2_bullet_red.gif);}
.auto-style3 .auto-width H3,.auto-style3 .auto-width H5 {color:#cd0207}
.auto-style3 .auto-width H4 {}
.auto-style3 .auto-width H5 {color:#cd0207;}
.auto-style4 .auto-width {background-color:#F4F4F4; border:1px solid #CFCFCF; color:#333333; padding:10px; }
.auto-style5 .auto-width {background-color:#B90000; border-top:none; border-bottom:none; color:#ffffff; padding:10px; }
.auto-style5 .auto-width P {color:white}
.auto-style5 .auto-width H2,.auto-style5 .auto-width H4,.auto-style5 .auto-width H6 {color:white}
.auto-style5 .auto-width H2 {background-image:url(../images/h2_bullet_yellow.gif);}
.auto-style5 .auto-width H3,.auto-style5 .auto-width H5 {color:#FBC400}
.auto-style5 .auto-width H4 {}
.auto-style5 .auto-width A:link, .auto-style5 .auto-width A:visited { color:#ffffff; }
.auto-style5 .auto-width A:hover, .auto-style5 .auto-width A:active {color:#FBC400;}

/*--------------styled list-------------*/
.styled-list {margin:0px; padding:3px 0px 5px 0px;}
.styled-list ul {margin:0px 0px 0px 0px; padding:0px;}
.styled-list li{ background-position:0 5px;  background-repeat:no-repeat; list-style:none; margin:0 0 7px 0; padding:0 0 0 12px;}
.list-blue .styled-list li {background-image:url(../images/puce-blue.png); }
.list-blue .styled-list li A {line-height:18px}
.list-red .styled-list li {background-image:url(../images/puce-red.png); }
.list-red .styled-list li A {line-height:30px}
.list-purple .styled-list li {background-image:url(../images/puce-purple.png);}
.list-purple .styled-list li A {line-height:30px}
.list-orange .styled-list li {background-image:url(../images/puce-orange.png);}
.list-orange .styled-list li A {line-height:30px}
.list-green .styled-list li {background-image:url(../images/puce-green.png); }
.list-green .styled-list li A {line-height:30px}
.list-pink .styled-list li {background-image:url(../images/puce-pink.png); }
.list-pink .styled-list li A {line-height:30px}

/*zoom-bulle*/
/*blue*/
.zoom-bulle {margin-bottom:20px}
.zoom-bulle H1 {margin:0; padding:0; background:#f1f1f1; color:#10757f; font:normal 22px/24px 'ralewayregular', Helvetica, sans-serif; border-bottom: 2px solid #BAAC78;}
.corner-top-left, .corner-top-right, .title-left, .title-right, .subtitle-left, .subtitle-right, .content-left, .content-right, .footer-left, .footer-right {width:11px}
.corner-top-left {background: url(../images/corner-top-left-grey.png) no-repeat left top; height:11px}
.top-center {background:#f1f1f1 url(../images/top-center-grey.png) repeat-x left top; height:11px; line-height:11px}
.corner-top-right {background: url(../images/corner-top-right-grey.png) no-repeat left top;  height:11px}
.title-left {background:#f1f1f1 url(../images/title-left-grey.png) no-repeat left top;}
.title-center {background:#f1f1f1 url(../images/title-left-grey.png) repeat-x left top;}
.title-right {background:#f1f1f1 url(../images/title-left-grey.png) no-repeat left top;}
.subtitle-left {height:22px; background:#f1f1f1 no-repeat left top}
.subtitle-center {height:22px; background:#f1f1f1 no-repeat left top; line-height:11px}
.subtitle-right {height:22px; background:#f1f1f1 no-repeat left top}
.content-zoom-bulle {background:#f1f1f1; padding:4px 11px 1px}
.content-zoom-bulle A:link {font:bold 12px Arial, Helvetica, sans-serif; color:#414141 }
.content-zoom-bulle A:hover {text-decoration:none; color:#414141}
.footer-left {background:url(../images/footer-left.png) no-repeat left top; height:11px}
.footer-center {background:#f1f1f1;line-height:11px}
.footer-right {background:url(../images/footer-right.png) no-repeat left top; height:11px}
/* ARPP */
.content-zoom-bulle > table .small-tuile { margin-left: auto;
  margin-right: auto;
  width: 140px;
  float: none;
  display: block;
}
.content-zoom-bulle .animated-picture {margin-left: auto;
  margin-right: auto;
  float: none;}

   

/*purple*/
.bulle-purple .corner-top-left {background:url(../images/corner-top-left.png) no-repeat left top; height:11px}
.bulle-purple .top-center {background:url(../images/top-center.png) repeat-x left top; height:11px}
.bulle-purple .corner-top-right {background:url(../images/corner-top-right.png) no-repeat left top;  height:11px}
.bulle-purple .title-left {background:#4c01d4 url(../images/title-left.png) no-repeat left top;}
.bulle-purple .title-center {background:#4c01d4 url(../images/title-left.png) repeat-x left top;}
.bulle-purple .title-right {background:#4c01d4 url(../images/title-left.png) no-repeat left top;}
.bulle-purple .subtitle-left {height:22px; background:url(../images/subtitle-left.png) no-repeat left top}
.bulle-purple .subtitle-center {height:22px; background:url(../images/subtitle-center.png) no-repeat left top}
.bulle-purple .subtitle-right {height:22px; background:url(../images/subtitle-right.png) no-repeat left top}

/*red*/
.bulle-red .corner-top-left {background:url(../images/corner-top-left-red.png) no-repeat left top; height:11px}
.bulle-red .top-center {background:url(../images/top-center-red.png) repeat-x left top; height:11px}
.bulle-red .corner-top-right {background:url(../images/corner-top-right-red.png) no-repeat left top;  height:11px}
.bulle-red .title-left {background:#E81313 url(../images/title-left-red.png) no-repeat left top;}
.bulle-red .title-center {background:#E81313 url(../images/title-left-red.png) repeat-x left top;}
.bulle-red .title-right {background:#E81313 url(../images/title-left-red.png) no-repeat left top;}
.bulle-red .subtitle-left {height:22px; background:url(../images/subtitle-left-red.png) no-repeat left top}
.bulle-red .subtitle-center {height:22px; background:url(../images/subtitle-center-red.png) no-repeat left top}
.bulle-red .subtitle-right {height:22px; background:url(../images/subtitle-right-red.png) no-repeat left top}

/*orange*/
.bulle-orange .corner-top-left {background:url(../images/corner-top-left-orange.png) no-repeat left top; height:11px}
.bulle-orange .top-center {background:url(../images/top-center-orange.png) repeat-x left top; height:11px}
.bulle-orange .corner-top-right {background:url(../images/corner-top-right-orange.png) no-repeat left top;  height:11px}
.bulle-orange .title-left {background:#FF6D11 url(../images/title-left-orange.png) no-repeat left top;}
.bulle-orange .title-center {background:#FF6D11 url(../images/title-left-orange.png) repeat-x left top;}
.bulle-orange .title-right {background:#FF6D11 url(../images/title-left-orange.png) no-repeat left top;}
.bulle-orange .subtitle-left {height:22px; background:url(../images/subtitle-left-orange.png) no-repeat left top}
.bulle-orange .subtitle-center {height:22px; background:url(../images/subtitle-center-orange.png) no-repeat left top}
.bulle-orange .subtitle-right {height:22px; background:url(../images/subtitle-right-orange.png) no-repeat left top}

/*green*/
.bulle-green .corner-top-left {background:url(../images/corner-top-left-green.png) no-repeat left top; height:11px}
.bulle-green .top-center {background:url(../images/top-center-green.png) repeat-x left top; height:11px}
.bulle-green .corner-top-right {background:url(../images/corner-top-right-green.png) no-repeat left top;  height:11px}
.bulle-green .title-left {background:#6CA228 url(../images/title-left-green.png) no-repeat left top;}
.bulle-green .title-center {background:#6CA228 url(../images/title-left-green.png) repeat-x left top;}
.bulle-green .title-right {background:#6CA228 url(../images/title-left-green.png) no-repeat left top;}
.bulle-green .subtitle-left {height:22px; background:url(../images/subtitle-left-green.png) no-repeat left top}
.bulle-green .subtitle-center {height:22px; background:url(../images/subtitle-center-green.png) no-repeat left top}
.bulle-green .subtitle-right {height:22px; background:url(../images/subtitle-right-green.png) no-repeat left top}

/*pink*/
.bulle-pink .corner-top-left {background:url(../images/corner-top-left-pink.png) no-repeat left top; height:11px}
.bulle-pink .top-center {background:url(../images/top-center-pink.png) repeat-x left top; height:11px}
.bulle-pink .corner-top-right {background:url(../images/corner-top-right-pink.png) no-repeat left top;  height:11px}
.bulle-pink .title-left {background:#FA37CA url(../images/title-left-pink.png) no-repeat left top;}
.bulle-pink .title-center {background:#FA37CA url(../images/title-left-pink.png) repeat-x left top;}
.bulle-pink .title-right {background:#FA37CA url(../images/title-left-pink.png) no-repeat left top;}
.bulle-pink .subtitle-left {height:22px; background:url(../images/subtitle-left-pink.png) no-repeat left top}
.bulle-pink .subtitle-center {height:22px; background:url(../images/subtitle-center-pink.png) no-repeat left top}
.bulle-pink .subtitle-right {height:22px; background:url(../images/subtitle-right-pink.png) no-repeat left top}

/*sans-bulle*/
/*blue*/
.sans-bulle-blue .corner-top-left, .sans-bulle-blue .top-center, .sans-bulle-blue .corner-top-right {height:0px}
.sans-bulle-blue H1 {color:#0099ff}
.sans-bulle-blue .title-left, .sans-bulle-blue .title-center, .sans-bulle-blue .title-right, .sans-bulle-blue .corner-top-left, .sans-bulle-blue .top-center, .sans-bulle-blue .corner-top-right {background:none}
.sans-bulle-blue .subtitle-left {height:11px; background:url(../images/corner-top-left-grey.png) no-repeat left top}
.sans-bulle-blue .subtitle-center {height:11px; background:#f1f1f1 none}
.sans-bulle-blue .subtitle-right {height:11px; background:url(../images/corner-top-right-grey.png) no-repeat left top}
.sans-bulle-blue .content-zoom-bulle {padding:1px 11px 1px}
.sans-bulle-blue .agenda A {color:#0099ff}
/*red*/
.sans-bulle-red .corner-top-left, .sans-bulle-red .top-center, .sans-bulle-red .corner-top-right {height:0px}
.sans-bulle-red H1 {color:#f82424}
.sans-bulle-red .title-left, .sans-bulle-red .title-center, .sans-bulle-red .title-right, .sans-bulle-red .corner-top-left, .sans-bulle-red .top-center, .sans-bulle-red .corner-top-right {background:none}
.sans-bulle-red .subtitle-left {height:11px; background:url(../images/corner-top-left-grey.png) no-repeat left top}
.sans-bulle-red .subtitle-center {height:11px; background:#f1f1f1 none}
.sans-bulle-red .subtitle-right {height:11px; background:url(../images/corner-top-right-grey.png) no-repeat left top}
.sans-bulle-red .content-zoom-bulle {padding:1px 11px 1px}
.sans-bulle-red .agenda A {color:#f82424}
/*purple*/
.sans-bulle-purple .corner-top-left, .sans-bulle-purple .top-center, .sans-bulle-purple .corner-top-right {height:0px}
.sans-bulle-purple H1 {color:#5a01fc}
.sans-bulle-purple .title-left, .sans-bulle-purple .title-center, .sans-bulle-purple .title-right, .sans-bulle-purple .corner-top-left, .sans-bulle-purple .top-center, .sans-bulle-purple .corner-top-right {background:none}
.sans-bulle-purple .subtitle-left {height:11px; background:url(../images/corner-top-left-grey.png) no-repeat left top}
.sans-bulle-purple .subtitle-center {height:11px; background:#f1f1f1 none}
.sans-bulle-purple .subtitle-right {height:11px; background:url(../images/corner-top-right-grey.png) no-repeat left top}
.sans-bulle-purple .content-zoom-bulle {padding:1px 11px 1px}
.sans-bulle-purple .agenda A {color:#5a01fc}
/*orange*/
.sans-bulle-orange .corner-top-left, .sans-bulle-orange .top-center, .sans-bulle-orange .corner-top-right {height:0px}
.sans-bulle-orange H1 {color:#ff8726}
.sans-bulle-orange .title-left, .sans-bulle-orange .title-center, .sans-bulle-orange .title-right, .sans-bulle-orange .corner-top-left, .sans-bulle-orange .top-center, .sans-bulle-orange .corner-top-right {background:none}
.sans-bulle-orange .subtitle-left {height:11px; background:url(../images/corner-top-left-grey.png) no-repeat left top}
.sans-bulle-orange .subtitle-center {height:11px; background:#f1f1f1 none}
.sans-bulle-orange .subtitle-right {height:11px; background:url(../images/corner-top-right-grey.png) no-repeat left top}
.sans-bulle-orange .content-zoom-bulle {padding:1px 11px 1px}
.sans-bulle-orange .agenda A {color:#ff8726}
/*green*/
.sans-bulle-green .corner-top-left, .sans-bulle-green .top-center, .sans-bulle-green .corner-top-right {height:0px}
.sans-bulle-green H1 {color:#92d050}
.sans-bulle-green .title-left, .sans-bulle-green .title-center, .sans-bulle-green .title-right, .sans-bulle-green .corner-top-left, .sans-bulle-green .top-center, .sans-bulle-green .corner-top-right {background:none}
.sans-bulle-green .subtitle-left {height:11px; background:url(../images/corner-top-left-grey.png) no-repeat left top}
.sans-bulle-green .subtitle-center {height:11px; background:#f1f1f1 none; line-height:11px}
.sans-bulle-green .subtitle-right {height:11px; background:url(../images/corner-top-right-grey.png) no-repeat left top}
.sans-bulle-green .content-zoom-bulle {padding:1px 11px 1px}
.sans-bulle-green .agenda A {color:#92d050}
/*pink*/
.sans-bulle-pink .corner-top-left, .sans-bulle-pink .top-center, .sans-bulle-pink .corner-top-right {height:0px}
.sans-bulle-pink H1 {color:#fa11c0}
.sans-bulle-pink .title-left, .sans-bulle-pink .title-center, .sans-bulle-pink .title-right, .sans-bulle-pink .corner-top-left, .sans-bulle-pink .top-center, .sans-bulle-pink .corner-top-right {background:none}
.sans-bulle-pink .subtitle-left {height:11px; background:url(../images/corner-top-left-grey.png) no-repeat left top}
.sans-bulle-pink .subtitle-center {height:11px; background:#f1f1f1 none}
.sans-bulle-pink .subtitle-right {height:11px; background:url(../images/corner-top-right-grey.png) no-repeat left top}
.sans-bulle-pink .content-zoom-bulle {padding:1px 11px 1px}
.sans-bulle-pink .agenda A {color:#fa11c0}

/*bloc news*/
/*default blue*/
.news-perso {margin-bottom:25px}
.news-perso H1 {margin:0; padding:0; background:none; border-bottom:2px solid #0099ff; color:#0099ff; font:normal 20px 'ralewayregular', Arial, Helvetica, sans-serif; }
.news-perso H2 {font:bold 12px Arial, Helvetica, sans-serif; background:none; margin:11px 0 0 0; padding:0; color:#414141}
.news-perso H2 SPAN {color:#0099ff}
.news-perso P{color:#999999}
.news-perso .link-news {text-align:right;}
.news-perso .link-news A { background:url(../images/btn-link-blue.png) no-repeat center center; padding:8px 22px; text-decoration:none; color:#fff; font:bold 12px Arial, Helvetica, sans-serif}
.news-perso .link-news A:hover { background:url(../images/btn-link-blue-hover.png) no-repeat center center;}

/*red*/
.news-red .news-perso H1 {margin:0; padding:0; background:none; border-bottom:2px solid #f82424; color:#f82424; font:normal 20px 'ralewayregular', Arial, Helvetica, sans-serif; }
.news-red .news-perso H2 SPAN {color:#f82424}
.news-red .news-perso .link-news A { background:url(../images/btn-link-red.png) no-repeat center center; padding:8px 22px; text-decoration:none; color:#fff; font:bold 12px Arial, Helvetica, sans-serif}
.news-red .news-perso .link-news A:hover { background:url(../images/btn-link-red-hover.png) no-repeat center center;}

/*purple*/
.news-purple .news-perso H1 {margin:0; padding:0; background:none; border-bottom:2px solid #5a01fc; color:#5a01fc; font:normal 20px 'ralewayregular', Arial, Helvetica, sans-serif;}
.news-purple .news-perso H2 SPAN {color:#5a01fc}
.news-purple .news-perso .link-news A { background:url(../images/btn-link-purple.png) no-repeat center center; padding:8px 22px; text-decoration:none; color:#fff; font:bold 12px Arial, Helvetica, sans-serif}
.news-purple .news-perso .link-news A:hover { background:url(../images/btn-link-purple-hover.png) no-repeat center center;}

/*orange*/
.news-orange .news-perso H1 {margin:0; padding:0; background:none; border-bottom:2px solid #ff8726; color:#ff8726; font:normal 20px 'ralewayregular', Arial, Helvetica, sans-serif;}
.news-orange .news-perso H2 SPAN {color:#ff8726}
.news-orange .news-perso .link-news A { background:url(../images/btn-link-orange.png) no-repeat center center; padding:8px 22px; text-decoration:none; color:#fff; font:bold 12px Arial, Helvetica, sans-serif}
.news-orange .news-perso .link-news A:hover { background:url(../images/btn-link-orange-hover.png) no-repeat center center;}

/*green*/
.news-green .news-perso H1 {margin:0; padding:0; background:none; border-bottom:2px solid #92d050; color:#92d050; font:normal 20px 'ralewayregular', Arial, Helvetica, sans-serif; }
.news-green .news-perso H2 SPAN {color:#92d050}
.news-green .news-perso .link-news A { background:url(../images/btn-link-green.png) no-repeat center center; padding:8px 22px; text-decoration:none; color:#fff; font:bold 12px Arial, Helvetica, sans-serif}
.news-green .news-perso .link-news A:hover { background:url(../images/btn-link-green-hover.png) no-repeat center center;}

/*pink*/
.news-pink .news-perso H1 {margin:0; padding:0; background:none; border-bottom:2px solid #fa11c0; color:#fa11c0; font:normal 20px 'ralewayregular', Arial, Helvetica, sans-serif; }
.news-pink .news-perso H2 SPAN {color:#fa11c0}
.news-pink .news-perso .link-news A { background:url(../images/btn-link-pink.png) no-repeat center center; padding:8px 22px; text-decoration:none; color:#fff; font:bold 12px Arial, Helvetica, sans-serif}
.news-pink .news-perso .link-news A:hover { background:url(../images/btn-link-pink-hover.png) no-repeat center center;}

/*style-title*/
.style-blue H1,.style-blue H2,.style-blue H3,.style-blue H4,.style-blue H5,.style-blue H6{color:#0099ff;}
.style-blue H1 {border-bottom:2px solid #0099ff; }
.style-blue H2 {font:normal 23px 'ralewayregular', Arial, Helvetica, sans-serif}

.style-red H1,.style-red H2,.style-red H3,.style-red H4,.style-red H5,.style-red H6{color:#f82424;}
.style-red H1 {border-bottom:2px solid #f82424; }
.style-red H2 {font:normal 23px 'ralewayregular', Arial, Helvetica, sans-serif}

.style-purple H1,.style-purple H2,.style-purple H3,.style-purple H4,.style-purple H5,.style-purple H6{color:#5a01fc;}
.style-purple H1 {border-bottom:2px solid #5a01fc; }
.style-purple H2 {font:normal 23px 'ralewayregular', Arial, Helvetica, sans-serif}

.style-orange H1,.style-orange H2,.style-orange H3,.style-orange H4,.style-orange H5,.style-orange H6{color:#ff8726;}
.style-orange H1 {border-bottom:2px solid #ff8726; }
.style-orange H2 {font:normal 23px 'ralewayregular', Arial, Helvetica, sans-serif}

.style-green H1,.style-green H2,.style-green H3,.style-green H4,.style-green H5,.style-green H6{color:#92d050;}
.style-green H1 {border-bottom:2px solid #92d050; }
.style-green H2 { font:normal 23px 'ralewayregular', Arial, Helvetica, sans-serif}

.style-pink H1,.style-pink H2,.style-pink H3,.style-pink H4,.style-pink H5,.style-pink H6{color:#fa11c0;}
.style-pink H1 {border-bottom:2px solid #fa11c0; }
.style-pink H2 {font:normal 23px 'ralewayregular', Arial, Helvetica, sans-serif}

/*agenda*/
.agenda {padding:10px 0px 0px 0px}
.agenda A {background:url(../images/calendar.png) no-repeat left center; padding:7px 0 4px 31px}
.agenda P {color:#414141}


.edito {border-top:4px solid #0099ff}
.edito-red .edito {border-top:4px solid #f82424}
.edito-purple .edito {border-top:4px solid #5a01fc}
.edito-orange .edito {border-top:4px solid #ff8726}
.edito-green .edito {border-top:4px solid #92d050}
.edito-pink .edito {border-top:4px solid #fa11c0}

/*Menu-tooltip*/
.tooltip1 {background:#fff; width:892px; /*height:310px;*/ z-index:3; display:none; padding:20px; border:3px solid #DADADA; }
.tooltip1 H2,.tooltip1 H3 {margin:0 0 6px 0;}
.tooltip1 P,.tooltip1 LI ,.tooltip1 TD,.tooltip1 A { font-size:11px; }
.tooltip1 A:link {text-decoration:none;}
/*tableau des processus dans le menu*/
.menu-process-list TD {padding:0 10px 7px 0;}
.tooltip1 .sys-application-portal-news .view-area {overflow-y:auto; height:140px;}
.tooltip1 .sys-application-portal-news .view-area A:link {font-size:11px;}

.largetypo {font-family: 'ralewayextralight',Arial,Helvetica,sans-serif; padding: 0; margin:20px 30px 20px 30px;}
.largetypo H1 { font-size:30pxpx; border:0 none; color:#1D1E1D;  margin: 11px 0; }
.largetypo H2 { font-size:24px; color:#1D1E1D; margin: 11px 0;}
.largetypo .default-user {margin-left:20px;}

.small-tuile {display:inline-block; float:left; margin:10px; position:relative;}
.small-tuile .process1 {height:135px; width:135px; border: 2px solid #BAAC78; border-radius: 20px}
.small-tuile .process1 .icon-process A { height:135px}
.small-tuile .process1 .icon-process A IMG { max-width: 75px; margin-top:10px}
.small-tuile .process1 .icon-process A:hover IMG { padding-top: 20px; }
.small-tuile .process1 .process1-entry { margin: -40px auto 0; width: 135px;}
.small-tuile .process1 .process1-entry H1 {font-size:14px;  background-color: transparent}
/*.small-tuile .documents-count { border: 3px solid #FFFFFF; border-radius: 30px; font: bold 14px/21px Arial,Helvetica,sans-serif; height: 22px; right: -10px; top: -10px; width: 22px;}*/
.small-tuile .documents-count { border: 3px solid #FFFFFF; border-radius: 30px; font: bold 14px/32px Arial,Helvetica,sans-serif; height: 35px; right: -17px; top: -18px; width: 35px;}

.small-tuile-red {display:inline-block; float:left; margin:10px; position:relative;}
.small-tuile-red .process1 {height:135px; width:135px}
.small-tuile-red .process1 .icon-process A { height:135px; background:#F82424;}
.small-tuile-red .process1 .icon-process A IMG { max-width: 75px; margin-top:10px}
.small-tuile-red .process1 .icon-process A:hover IMG { padding-top: 20px;}
.small-tuile-red .process1 .process1-entry { margin: -40px auto 0; width: 135px;}
.small-tuile-red .process1 .process1-entry H1 {font-size:14px}
.small-tuile-red .documents-count { border: 3px solid #FFFFFF; border-radius: 30px; font: bold 14px/21px Arial,Helvetica,sans-serif; height: 22px; right: -14px; top: -14px; width: 22px;}

.small-tuile-purple {display:inline-block; float:left; margin:10px; position:relative;}
.small-tuile-purple .process1 {height:135px; width:135px}
.small-tuile-purple .process1 .icon-process A { height:135px; background:#5A01FC;}
.small-tuile-purple .process1 .icon-process A IMG { max-width: 75px; margin-top:10px}
.small-tuile-purple .process1 .icon-process A:hover IMG { padding-top: 20px;}
.small-tuile-purple .process1 .process1-entry { margin: -40px auto 0; width: 135px;}
.small-tuile-purple .process1 .process1-entry H1 {font-size:14px}
.small-tuile-purple .documents-count { border: 3px solid #FFFFFF; border-radius: 30px; font: bold 14px/21px Arial,Helvetica,sans-serif; height: 22px; right: -14px; top: -14px; width: 22px;}

.small-tuile-orange {display:inline-block; float:left; margin:10px; position:relative;}
.small-tuile-orange .process1 {height:135px; width:135px}
.small-tuile-orange .process1 .icon-process A { height:135px; background:#FF8726;}
.small-tuile-orange .process1 .icon-process A IMG { max-width: 75px; margin-top:10px}
.small-tuile-orange .process1 .icon-process A:hover IMG { padding-top: 20px;}
.small-tuile-orange .process1 .process1-entry { margin: -40px auto 0; width: 135px;}
.small-tuile-orange .process1 .process1-entry H1 {font-size:14px}
.small-tuile-orange .documents-count { border: 3px solid #FFFFFF; border-radius: 30px; font: bold 14px/21px Arial,Helvetica,sans-serif; height: 22px; right: -14px; top: -14px; width: 22px;}

.small-tuile-green {display:inline-block; float:left; margin:10px; position:relative;}
.small-tuile-green .process1 {height:135px; width:135px}
.small-tuile-green .process1 .icon-process A { height:135px; background:#92D050;}
.small-tuile-green .process1 .icon-process A IMG { max-width: 75px; margin-top:10px}
.small-tuile-green .process1 .icon-process A:hover IMG { padding-top: 20px;}
.small-tuile-green .process1 .process1-entry { margin: -40px auto 0; width: 135px;}
.small-tuile-green .process1 .process1-entry H1 {font-size:14px}
.small-tuile-green .documents-count { border: 3px solid #FFFFFF; border-radius: 30px; font: bold 14px/21px Arial,Helvetica,sans-serif; height: 22px; right: -14px; top: -14px; width: 22px;}

.small-tuile-pink {display:inline-block; float:left; margin:10px; position:relative;}
.small-tuile-pink .process1 {height:135px; width:135px}
.small-tuile-pink .process1 .icon-process A { height:135px; background:#FA11C0;}
.small-tuile-pink .process1 .icon-process A IMG { max-width: 75px; margin-top:10px}
.small-tuile-pink .process1 .icon-process A:hover IMG { padding-top: 20px;}
.small-tuile-pink .process1 .process1-entry { margin: -40px auto 0; width: 135px;}
.small-tuile-pink .process1 .process1-entry H1 {font-size:14px}
.small-tuile-pink .documents-count { border: 3px solid #FFFFFF; border-radius: 30px; font: bold 14px/21px Arial,Helvetica,sans-serif; height: 22px; right: -14px; top: -14px; width: 22px;}
.actions-area .button-area TABLE {width:100%;}
.actions-area .button-area .button-area-left {width:50%;}