/**
 * 
 *
 * <TABLE>
 *   <TR>
 *     <TD><B>Attributs PVCS :</B></TD>
 *     <TD>&nbsp;</TD>
 *   </TR>
 *   <TR>
 *     <TD><I>Nom du fichier :</I></TD>
 *     <TD>$Archive:   O:/XNET/XSI/archives/CMS/ApacheRoot/htdocs/xsi/templates/ja_purity_ii/css/template.css-arc  $</TD>
 *   </TR>
 *   <TR>
 *     <TD><I>Modifie le :</I></TD>
 *     <TD>$Date:   Jun 08 2012 17:35:24  $</TD>
 *   </TR>
 * </TABLE>
 *
 * @version  : $Revision:   1.1  $
 * @author   : SOPRA Group - Francois Agier
 * @author   : SOPRA Group - $Author:   msanchez  $
 */
/*
#------------------------------------------------------------------------
  JA Purity II for Joomla 1.5
#------------------------------------------------------------------------
#Copyright (C) 2004-2009 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
#@license - GNU/GPL, http://www.gnu.org/copyleft/gpl.html
#Author: J.O.O.M Solutions Co., Ltd
#Websites: http://www.joomlart.com - http://www.joomlancers.com
#------------------------------------------------------------------------
*/



/* POLICE 
--------------------------------------------------------- */
@font-face {
    font-family: 'AvenirLTLight';
    src: url('../fonts/lte50336.eot');
    src: url('../fonts/lte50336.eot') format('embedded-opentype'),
         url('../fonts/lte50336.woff') format('woff'),
         url('../fonts/lte50336.ttf') format('truetype'),
         url('../fonts/lte50336.svg#AvenirLTLight') format('svg');
}


@font-face {
    font-family: 'AvenirLTMedium';
    src: url('../fonts/lte50344.eot');
    src: url('../fonts/lte50344.eot') format('embedded-opentype'),
         url('../fonts/lte50344.woff') format('woff'),
         url('../fonts/lte50344.ttf') format('truetype'),
         url('../fonts/lte50344.svg#AvenirLTMedium') format('svg');
}

@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/montserrat-regular-webfont.eot');
    src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-regular-webfont.woff') format('woff'),
         url('../fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratbold';
    src: url('../fonts/montserrat-bold-webfont.eot');
    src: url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-bold-webfont.woff') format('woff'),
         url('../fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* COMMON STYLE
--------------------------------------------------------- */
body {
  background: #F6F6F6;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.5;
}

body#bd { background: #fff; color: #333; }

body.fs1 { font-size: 10px; }
body.fs2 { font-size: 11px; }
body.fs3 { font-size: 12px; }
body.fs4 { font-size: 13px; }
body.fs5 { font-size: 14px; }
body.fs6 { font-size: 15px; }

/* Normal links ---*/
a { color: #871C64; text-decoration: underline; }

a:hover, a:active, a:focus { color: #333; text-decoration: underline; }

/* Readon links ---*/
a.readon {
  background: url(../images/arrow.png) no-repeat 5px 48%;
  border: 1px solid #F6F6F6;
  font-weight: bold;
  padding: 1px 5px 1px 14px;
  text-decoration: none;
  text-transform: uppercase;
}

a.readon:hover, a.readon:active, a.readon:focus { background-color: #fff; border: 1px solid #ccc; }

/* Content spacing ---*/
.column p, .column pre, .column blockquote,
.column h1, .column h2, .column h3, .column h4, .column h5, .column h6,
.column ol, .column ul { margin: 0px 0; padding: 0; }

.column h2{
margin:15px 0px 5px 0px;
}

/* Headings & Titles ---*/
h1 { font-size: 180%; }
h2 { font-size: 150%; }
h3 { font-size: 125%; }
h4 { font-size: 100%; }
h5 { font-size: 100%; }

.contentheading, .componentheading, h1, h2, h3, h4, h5 {
  font-family: "montserratregular", Arial, Helvetica, sans-serif;
  font-weight: normal;
  line-height: 1.2;
}

h1.componentheading, .componentheading { margin: 0; padding: 0 0 7px; }

.componentheading {
  font-size: 180%;
}

h2.contentheading, .contentheading { margin: 0; padding: 0 0 7px; }

.contentheading { font-size: 200%; }

.blog .contentheading { font-size: 125%; }

a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus { font-weight: bold; }

.category { font-size: 110%; font-weight: bold; }

/* Small text ---*/
small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption, .contenttoc,
p.site-slogan, a.readon, .ja-navhelper, #ja-footer { font-size: 92%; }

small, .small { color: #999; }

.smalldark { text-align: left; }

/* List ---*/
.column ul li {
  list-style: none;   
  line-height: 160%;
  margin-bottom: 5px;
  padding-top:2px;
  overflow: hidden;
  padding-left: 0px;
}

.column ol li { line-height: 180%; margin-left: 30px; }

/* Others ---*/
th { font-weight: bold; padding: 5px; text-align: left; }

td { font-size: 100%; padding: 5px; }

fieldset { border: none; padding: 10px 5px; }

fieldset a { font-weight: bold; }

fieldset.input { padding: 0; }

hr {
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  border-top: 1px solid #ccc;
  height: 1px;
}

/* FORM
--------------------------------------------------------- */
form label { cursor: pointer; }

input, select, textarea, .inputbox {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 100%;
  padding: 3px 5px;/*3px 5px*/
}

.inputbox, #p_montant_quelconque { background: #fff; border: 1px solid #ccc; }
#p_montant_quelconque{ width:53%;}

.inputbox:hover, .inputbox:focus { background: #FFFFCC; }

.button, .btn {
  display: inline-block;
  background: #fff;
  border: 3px solid #D0222F;
  color: #D0222F;
  font-size: 85%;
  padding: 5px 7px;
  text-transform: uppercase;
  margin-bottom:5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.btn-input-login{
	width: 100px;
}
.btn-input-reset{
	width: 70px;
}

#submitDemande, #submit_OK_paiementEnAvance, .block-content input.button, .xlForm input.button, .page-content form input.button, .block-content input.btn, .xlForm input.btn, .page-content form input.btn {
background:#d0222f;
color:#fff;
}


#submitDemande:hover, #submit_OK_paiementEnAvance:hover, .block-content input.button:hover, .xlForm input.button:hover, .page-content form input.button:hover, .block-content input.btn:hover, .xlForm input.btn:hover, .page-content form input.btn:hover{
  background:#871C64;
}

.button:hover, .button:focus, .btn:hover, .btn:focus {
  border: 3px solid #871C64;
  color: #871C64;
  cursor:pointer;
}

.checkbox { }

.radio { margin: 0 5px; }

/* Login ---*/
.login_form fieldset { padding: 15px 0 0; }
.login_form fieldset p { margin: 0 0 5px; }

.login_form label {
  font-weight: bold;
  text-align: right;
  display: block;
  float: left;
  width: 130px;
}

.login_form .inputbox { margin-left: 10px; width: 150px; }

.login_form .remember .inputbox {
  width: 20px;
}

.login_form .button, .login_form .btn { margin-left: 140px; }

/* Register ---*/
.form-register fieldset { padding: 0 0 10px; }

.form-register p { margin: 0 0 5px; }

.form-register p.form-des { margin: 15px 0; }

.form-register label {
  font-weight: bold;
  text-align: right;
  display: block;
  float: left;
  width: 130px;
}

.form-register .inputbox { margin-left: 10px; width: 200px; }

.form-register .button, .form-register .btn { margin-left: 140px; }

/* User ---*/
.user-details { padding: 10px 0; }

.user-details p { margin: 0 0 5px; }

.user-details label {
  font-weight: bold;
  text-align: right;
  display: block;
  float: left;
  width: 130px;
}

.user-details .inputbox { margin-left: 10px; width: 200px; }

.user-details .button, .user-details .btn { margin-left: 140px; }

.user-details .paramlist .paramlist_key {
  width: 130px !important;
  padding: 0 0 5px !important;
}

.user-details .paramlist .paramlist_value {
  padding: 0 0 5px !important;
}

.user-details .user_name span {
  padding-left: 10px;
  font-weight: bold;
}

/* Search ---*/
form#searchForm {
  border-top: 1px solid #ccc;
  padding: 15px 0; 
}

.searchintro {
  border-bottom: 1px solid #ccc;
}

.results h4 {
  text-transform: none;
  font-size: 110%;
  margin: 15px 0 0;
}

.results p { margin: 0 0 10px; }

/* Contact ---*/
#component-contact address { font-style: normal; }

#component-contact #emailForm { border-top: 1px solid #ddd; padding-top: 15px; }

.contact_email { margin: 0 0 10px; }

.contact_email label { font-weight: bold; display: block; }

.contact_email_checkbox { margin: 15px 0; }

/* JOOMLA STYLE
--------------------------------------------------------- */
/* Layout Deco ---*/
.blog { }

.article_separator,
.leading_separator,
.row_separator,
.column_separator { display: none; }

.leading {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  padding-top: 10px;
}

.article_row { padding-bottom: 10px; padding-top: 10px; }

.article_column { }

.column_separator { padding: 0 25px; }

/* Meta ---*/
.article-tools {
  background: #f6f6f6;
  border: 1px solid #ddd;
  clear: both;
  color: #999;
  display: block;
  line-height: normal;
  margin: 0 0 10px;
  padding: 5px;
  position: relative;
}

.article-meta { float: left; padding: 0; width: 70%; }

.article-section, .article-category { color: #999; }

.createby {
  background: url(../images/icon-user.gif) no-repeat 0 2px;
  padding: 3px 3px 3px 20px;
}

.createdate {
  background: url(../images/icon-date.gif) no-repeat 0 2px;
  padding: 3px 3px 3px 20px;
}

.modifydate { color: #999; display: block; margin: 10px 0; }

.contentdescription {
  border-bottom: 1px solid #ccc;
  display: block;
  margin: 0 -15px;
  padding: 10px 15px;
}

.contentdescription p { margin: 0; }

.buttonheading { float: right; }

.buttonheading img { border: 0; float: right; margin: 0 5px 0 0; }

/*Inline images ---*/
img.caption { margin-top: 5px; }

.img_caption { color: #999; margin-bottom: 10px; }

.article-content img { margin: 0px; }

.img_caption img { margin: 5px 0 0; }

.img_caption p {
  background: #333;
  border-top: 1px solid #fff;
  color: #ccc;
  margin: 0;
  padding: 1px 0;
  text-align: center;
}

/* Tables ---*/
.sectiontableheader {
  background: #871c64;
  border: 1px solid #ccc;
  color: #fff;
  padding: 5px;
}

.sectiontableheader span {
  color: #fff;
  font-family:"AvenirLTMedium", arial;
  font-size:14px;
  font-weight:normal;
}

.sectiontableheader a,
.sectiontableheader a:hover,
.sectiontableheader a:focus,
.sectiontableheader a:active { color: #fff; }

.sectiontableentry,
.sectiontableentry0,
.sectiontableentry1,
.sectiontableentry2 {
  background: url(../images/dot2.gif) repeat-x bottom #fff;
  padding: 5px 5px 6px;
}

.sectiontableentry:hover,
.sectiontableentry0:hover,
.sectiontableentry1:hover,
.sectiontableentry2:hover { background-color: #fffff0; }

.sectiontableentry1 { background-color: #eee; }

.sectiontableentry2 { background-color: #ddd; }

table.contentpane, table.tablelist { width: 100%; }

table.tablelist {
  margin-top:5px;
  margin-bottom:5px;
}
table.contentpaneopen {
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
}

/* Content Toc */
table.contenttoc {
  border: 1px solid #ddd;
  float: right;
  margin: 0 0 10px 12px;
  padding: 0;
  width: 30%;
}

table.contenttoc a { color: #333; }

table.contenttoc td { border-bottom: 1px dotted #ccc; padding: 5px 10px; }

table.contenttoc th {
  background: #f6f6f6;
  border-bottom: 1px solid #ddd;
  padding: 5px 10px;
  text-transform: uppercase;
}

/* Poll */
div.poll { padding: 15px 0; }

form#poll {
  border-bottom: 1px dotted #ccc;
  font-weight: bold;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

dl.poll {
  border-bottom: 1px dotted #ccc;
  font-size: 92%;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

dl.poll dt, dl.poll dd { float: left; }

dl.poll dt { clear: left; width: 100px; }

dl.poll dd { clear: right; }

table.pollstableborder {
  border: none;
  padding: 0;
  text-align: left;
  width: 100%;
}

table.pollstableborder img { vertical-align: baseline; }

table.pollstableborder td {
  background: #f6f6f6;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
  padding: 5px !important;
}

table.pollstableborder tr.sectiontableentry0 td,
table.pollstableborder tr.sectiontableentry1 td { background: #fff; font-weight: normal; }

/* Search */
table.searchintro { padding: 10px 0; width: 100%; }

table.searchintro td { padding: 5px !important; }

/* Misc. */
table.contentpaneopen, table.contentpane, table.blog { width: 100%; }

/* Pagination ---*/
ul.pagination { float: left; margin: 10px 0; width: 75%; }

ul.pagination li {
  background: none;
  display: inline;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

ul.pagination li span { padding: 0 5px; line-height: 20px; }

ul.pagination a {
  background: #f6f6f6;
  border: 1px solid #ccc;
  color: #000;
  line-height: 20px;
  padding: 0 5px;
  text-decoration: none;
}

ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
  background: #069;
  border: 1px solid #069;
  color: #fff;
  text-decoration: none;
}

.sortby { font-size: 92%; margin: 10px 0 5px; }

.sortby .filter, .sortby .display { float: left; width: 40%; }

.sortby .display { float: right; text-align: right; }

.pagenavbar { font-weight: bold; }

.pagenavcounter { margin: 15px 0 !important; text-align: center; }

.counter {
  float: right;
  line-height: 1;
  margin: 15px 0 !important;
  text-align: right;
  width: 24%;
}

.counter span {
  background: #069;
  border: 1px solid #069;
  color: #fff;
  padding: 1px 5px;
}

.blog_more {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 15px 0 5px;
}

.blog_more h2 {
  font-size: 115%;
  margin: 0 0 5px;
  text-transform: uppercase;
}

.blog_more ul li {
  background: url(../images/bullet.gif) no-repeat 5px 6px;
  padding-left: 15px;
}

div.back_button a,
div.back_button a:hover,
div.back_button a:active { display: block; margin: 10px 0; }

/* Messages ---*/
#system-message { margin: 0 -15px 10px; }

#system-message dd.message ul,
#system-message dd.error ul,
#system-message dd.notice ul { margin: 0; padding: 0; }

#system-message dd.message ul li,
#system-message dd.error ul li,
#system-message dd.notice ul li {
  background: none;
  color: #fff;
  margin: 0;
  padding: 5px;
}

/* System Standard Messages */
#system-message dd.message ul { background: #069; border: 0; }

/* System Error Messages */
#system-message dd.error ul { background: #bf0000; border: 0; }

/* System Notice Messages */
#system-message dd.notice ul { background: #333; border: 0; }

/* Tooltips --- */

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  background-color: #000000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}

.hasTip img { border: none; margin: 0 5px 0 0; }

.contentpaneopen_edit img { vertical-align: middle; }

/* MODULE STYLES
--------------------------------------------------------- */
div.ja-moduletable h3, div.moduletable h3 {
  font-family:'montserratbold', arial;
  font-weight:normal;
  color: #871c64;
  font-size: 17px;
  margin: 0 0 8px;
  padding: 1px 0 8px;
  text-transform: uppercase;
  overflow: hidden;
  border-bottom:1px solid #871c64;
}

div.ja-moduletable .ja-box-tl h3, div.moduletable .ja-box-tl h3 {
	background: #871c64;
	color: #fff;
}

div.moduletable_menu h3 { margin-bottom: 0; }

div.ja-moduletable, div.moduletable {
  margin-top: 0px;
  padding: 0 0 10px;
  position: relative;
}

/* Badge Module ---*/
.badge {
  height: 46px;
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
  background-image: url(../images/icon-badge.png);
  background-repeat: no-repeat;
}

.badge-hot   .badge { background-position: 0 0; }
.badge-new   .badge { background-position: 0 -46px; }
.badge-pick .badge { background-position: 0 -92px; }
.badge-top   .badge { background-position: 0 -138px; }

/* Search Module ---*/
#ja-search {
  padding-left: 20px;
  background: url(../images/icon-search.gif) no-repeat center left;
  position: absolute;
  bottom: 15px;
  right: 15px;
}

#ja-search label { display: none; }

#ja-search .inputbox {
  width: 200px;
  border: 1px solid #333;
  padding: 3px 5px;
  color: #ccc;
  background: #444;
  font-size: 100%;
  font-weight: bold;
}

#ja-search .inputbox:hover, #ja-search .inputbox:focus { }

#ja-search .button {
  font-size: 100%;
  font-weight: bold;
  margin-left: 5px;
  text-transform: none;
}

/* Login Module ---*/
#form-login-username .inputbox,
#form-login-password .inputbox {
  background-position: 5px center;
  background-repeat: no-repeat;
  font-weight: bold;
}

#form-login-username .inputbox, #form-login-password .inputbox { width: 90%; }

#form-login ul { margin: 0 !important; padding: 0; }

#form-login p { margin: 0 0 5px; }

#form-login .button, #form-login .btn { margin: 10px 0; }

/* Poll Module ---*/
h4.poll-title { margin: 0; padding: 0; }

a.poll-result { font-size: 92%; text-transform: uppercase; }

form.poll .button, form.poll .btn { margin-right: 5px; }

/* Advertisement ---*/
div.bannergroup_text div.banneritem_text { border-bottom: 1px dotted #ccc; padding: 5px 0; }

div.bannergroup_text div.banneritem_text a { font-weight: bold; }

div.bannergroup_text div.bannerheader,
div.bannergroup_text div.bannerfooter_text a { color: #999; font-size: 92%; }

div.bannergroup_text div.bannerfooter_text { padding: 5px 0 0; text-align: right; }

div.bannergroup { margin-bottom: 10px; }

/* Rounded Module --- */
div.ja-module h3, div.module h3 {
  font-size: 115%;
  font-weight: bold;
  margin: 0 0px 0px;
  padding: 8px 15px;
  text-transform: uppercase;
}

div.ja-module .ja-box-tl h3, div.module .ja-box-tl h3 {
	background: #871c64;
	color: #fff;
}

div.ja-module, div.module { margin-bottom: 20px; position: relative; overflow: hidden; }
/*
.ja-box-br {
  background: url(../images/b-br.gif) no-repeat bottom right #fff;
}

.ja-box-bl {
  background: url(../images/b-bl.gif) no-repeat bottom left;
}

.ja-box-tr {
  background: url(../images/b-tr.gif) no-repeat top right;
}

.ja-box-tl {
  background: url(../images/b-tl.gif) no-repeat top left;
  padding: 0 10px 10px;
}*/

.jamod-content
{
  background:#e1e1e1;
  color:#3d3d3d;
  
}

.ja-box-ct p{
  padding:5px 14px;
}

/* text */
div.module_text h3 {
  clear: both;
  display: block;
  margin: 0 0 10px;
  padding: 0;
  overflow: hidden;
  width: 100%;
  border-bottom: 0;
}

div.module_text span {
  clear: both;
  display: block;
  float: left;
  font-weight: bold;
  padding: 0 3px;
  background: #fff;
}

div.module_text {
  background: url(../images/bt-br.gif) no-repeat bottom right #f6f6f6;
}

div.module_text .ja-box-bl {
  background: url(../images/bt-bl.gif) no-repeat bottom left;
}

div.module_text .ja-box-tr {
  background: url(../images/bt-tr.gif) no-repeat top right;
}

div.module_text .ja-box-tl {
  background: url(../images/bt-tl.gif) no-repeat top left;
}

/* Blank */
div.module_noborder,
div.module_noborder .ja-box-bl,
div.module_noborder .ja-box-tr,
div.module_noborder .ja-box-tl {
  background: none;
  padding: 0;
}

/* red */
div.module_red {
  background: url(../images/br-br.gif) no-repeat bottom right #bf0000;
}

div.module_red .ja-box-bl {
  background: url(../images/br-bl.gif) no-repeat bottom left;
}

div.module_red .ja-box-tr {
  background: url(../images/br-tr.gif) no-repeat top right;
}

div.module_red .ja-box-tl {
  background: url(../images/br-tl.gif) no-repeat top left;
}

/* blue */
div.module_blue {
  background: url(../images/bb-br.gif) no-repeat bottom right #069;
}

div.module_blue .ja-box-bl {
  background: url(../images/bb-bl.gif) no-repeat bottom left;
}

div.module_blue .ja-box-tr {
  background: url(../images/bb-tr.gif) no-repeat top right;
}

div.module_blue .ja-box-tl {
  background: url(../images/bb-tl.gif) no-repeat top left;
}

/* green */
div.module_green {
  background: url(../images/bg-br.gif) no-repeat bottom right #7ba566;
}

div.module_green .ja-box-bl {
  background: url(../images/bg-bl.gif) no-repeat bottom left;
}

div.module_green .ja-box-tr {
  background: url(../images/bg-tr.gif) no-repeat top right;
}

div.module_green .ja-box-tl {
  background: url(../images/bg-tl.gif) no-repeat top left;
}

/* black */
div.module_black {
  background: url(../images/bl-br.gif) no-repeat bottom right #333;
}

div.module_black .ja-box-bl {
  background: url(../images/bl-bl.gif) no-repeat bottom left;
}

div.module_black .ja-box-tr {
  background: url(../images/bl-tr.gif) no-repeat top right;
}

div.module_black .ja-box-tl {
  background: url(../images/bl-tl.gif) no-repeat top left;
}

/* text color for high contrast module */
div.module_black, div.module_green, div.module_blue, div.module_red { color: #fff; }

#ja-container div.module_black ul li a,
#ja-container div.module_green ul li a,
#ja-container div.module_blue ul li a,
#ja-container div.module_red ul li a {
  color: #fff;
}

#ja-container div.module_black ul li a:hover,
#ja-container div.module_black ul li a:active,
#ja-container div.module_black ul li a:focus,
#ja-container div.module_green ul li a:hover,
#ja-container div.module_green ul li a:active,
#ja-container div.module_green ul li a:focus,
#ja-container div.module_blue ul li a:hover,
#ja-container div.module_blue ul li a:active,
#ja-container div.module_blue ul li a:focus,
#ja-container div.module_red ul li a:hover,
#ja-container div.module_red ul li a:active,
#ja-container div.module_red ul li a:focus {
  color: #069;
}


#ja-container div.module_blue #form-login ul li a:hover,
#ja-container div.module_blue #form-login ul li a:active,
#ja-container div.module_blue #form-login ul li a:focus {
  color: #7BA566;
}


#ja-container div.module_black h3,
#ja-container div.module_green h3,
#ja-container div.module_blue h3,
#ja-container div.module_red h3 {
  color: #fff;
}

#ja-container div.module_blue ul.menu li.active > a,
#ja-container div.module_red ul.menu li.active > a {
  color:#000 !important;
}

div.module_green div.bannergroup_text div.bannerheader,
div.module_green div.bannergroup_text div.bannerfooter_text a {
  color: #ccc;
}

div.module_blue a {
  color: #7BA566;
}

div.module_black .inputbox, div.module_green .inputbox, div.module_blue .inputbox, div.module_red .inputbox {
  color: #333 !important;
}

/* Module list ---*/
div.ja-moduletable ul, div.ja-module ul {
  margin: 15px 0 0;
}

div.ja-moduletable ul li, div.ja-module ul li {
  padding-left: 12px;
  background-position: 2px 8px;
}

/* Collapsible h3 ---*/
h3.show {
  background: #871c64 url(../images/icon-show.png) no-repeat 100% 60%;
  cursor: pointer;
  color:#fff;
}

h3.hide {
  background:#871c64  url(../images/icon-hide.png) no-repeat 100% 60%;
  cursor: pointer;
  color:#fff;
}

/* Uncomment the following lines if you want collapsible modules with badges still show arrows */
/* 
.badge-hot h3.show,.badge-new h3.show,.badge-pick h3.show,.badge-top h3.show,
.badge-hot h3.hide,.badge-new h3.hide,.badge-pick h3.hide,.badge-top h3.hide {
  background-position: 15px 60%;
  text-indent: 15px;
}
*/

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
.wrap { }
.main { }
.ja-box { padding-bottom: 10px; padding-top: 10px; }

#ja-wrapper { }

#ja-container {
  background: #fff;
  position: relative;
  z-index: 5;
  padding-bottom:70px;
}

#ja-container .main { padding: 10px 0; min-height: 300px; }

/* 3 Columns - Classic Layout ---*/
#ja-container.ja-l1r1  {}

/* Full */
#ja-container {}

/* Full left */
#ja-container.ja-r1 {}

/* Full right */
#ja-container.ja-l1 {}

/* Mass ---*/
.ja-mass-top {}
.ja-mass-top .ja-moduletable, .ja-mass-top .ja-module { margin-left: 0; margin-right: 0; }

.ja-mass-bottom {}
.ja-mass-bottom .ja-moduletable, .ja-mass-bottom .ja-module { margin-left: 0; margin-right: 0; }

/* MAIN COLUMN
--------------------------------------------------------- */
#ja-mainbody {}

#ja-main .inner {  
padding:0px 20px;
}

#ja-contentwrap { }

/* Content Top ---*/
.ja-content-top { }
.ja-content-top .ja-moduletable, .ja-content-top .ja-module { margin-left: 0; margin-right: 0;  }

/* Content Main ---*/
.ja-content-main { width:516px;}

.ja-content-main a {
  cursor: pointer;
}

/* Content Bottom ---*/
.ja-content-bottom { }
.ja-content-bottom .ja-moduletable, .ja-content-bottom .ja-module { margin-left: 0; margin-right: 0;  }

.conteneur-connexion{
  text-align:center;
}

.conteneur-connexion #ja-main{
  float:none;
  width:960px;
}


/* @end */

/* SIDE COLUMNS
--------------------------------------------------------- */
.ja-colswrap { }

.ja-col { }

/* Left Columns ---*/
#ja-left .ja-l2 { }

/* Right Columns ---*/
#ja-right .ja-r2 { }

/* HEADER
--------------------------------------------------------- */

.logo_icf{
  background:url('../images/logo_icf.jpg') no-repeat 0px 0px;
  display:block;
  width:292px;
  height:110px;
}
.logo_icf.ATL{
  background:url('../images/logo_icf_atl.jpg') no-repeat 0px 0px;
}
.logo_icf.NOV{
  background:url('../images/logo_icf_nov.jpg') no-repeat 0px 0px;
}
.logo_icf.RNE{
  background:url('../images/logo_icf_rne.jpg') no-repeat 0px 0px;
}
.logo_icf.RSE{
  background:url('../images/logo_icf_rse.jpg') no-repeat 0px 0px;
}
.logo_icf.SAB{
  background:url('../images/logo_icf_sab.jpg') no-repeat 0px 0px;
}

#ja-header { background: #fff; position: relative; z-index: 10; }

#ja-header .main {
  background-color: #fff;
  background-position: top right;
  background-repeat: no-repeat;
  background-image: url('../images/icf_banner.jpg');
  height: 145px;
  border-bottom:1px solid #871c64;
}

.main-titre{
  font-family:'AvenirLTLight', arial;
  position:absolute;
  top:4px;
  right:19px;
  color:#fff;
  display:block;
  font-size:59px;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.6);
}

.main-titre strong{
  font-family:'AvenirLTMedium',arial;
  font-weight:normal;
}

.main-barre{
  position:absolute;
  top:78px;
  right:0px;
  width:401px;
  height:10px;
  background:url(../images/barre-titre.png) bottom right no-repeat;
}

h1.logo, div.logo-text h1 { font-size: 250%; line-height: 1;}

h1.logo, div.logo-text { float: left; z-index: 1; position: relative; }

/* Logo Image ---*/
h1.logo { height: 140px; width: 200px; }

h1.logo a {
  background: url(../images/logo.gif) no-repeat left;
  display: block;
  height: 140px;
  width: 200px;
}

h1.logo a span { position: absolute; top: -1000px; }

/* Logo Text ---*/
div.logo-text { margin-top: 8px; }

div.logo-text h1 a {
  color: #ccc;
  font-weight: bold;
  letter-spacing: 1px;
  text-decoration: none;
}

p.site-slogan {
  background: #444;
  color: #999;
  display: block;
  font-size: 85%;
  letter-spacing: 1px;
  margin: 8px 0 0;
  padding: 0 5px;
  text-align: center;
  text-transform: uppercase;
}

/* Header mask ---*/
.ja-headermask {
  background: url(../images/header-mask.png) no-repeat top right;
  display: block;
  height: 140px;
  position: absolute;
  right: -1px;
  top: 0;
  width: 602px;
  z-index: 0;
}

/* NAVIGATION
--------------------------------------------------------- */
/* Main Nav ---*/
#ja-mainnav {
  display:none;
  background: url(../images/grad1-mask.png) repeat-x top #444;
  line-height: 1;
  position: relative;
  z-index: 11;
}

#ja-mainnav .main { font-size: 12px; }

span.has-image {
  padding-left: 25px;
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: left 2px;
}

span.menu-title { display: block; }

span.menu-desc {
  display: block;
  font-weight: normal;
  font-size: 92%;
  color: #999;
}

/* Sub Nav ---*/
#ja-subnav { border-top: 1px solid #666; background: #333; position: relative; z-index: 9; }

#ja-subnav .main {
  line-height: 1;
  z-index: 10;
}

#ja-subnav ul {
  background: #333;
  overflow: hidden;
  padding: 10px 0;
}

#ja-subnav ul.active { background: #333; }

#ja-subnav li {
  background: none;
  border-left: 1px dotted #999;
  display: block;
  float: left;
  padding: 0 10px 0 11px;
}

#ja-subnav li.first-item { border-left: 0; }

#ja-subnav ul li a { color: #ccc; display: block; text-decoration: none; }

#ja-subnav ul li a:hover { color: #fff; }

#ja-subnav ul li.active a,
#ja-subnav ul li.active a:hover,
#ja-subnav ul li.active a:active,
#ja-subnav ul li.active a:focus {
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
}

#ja-subnav ul.active li a { color: #ccc; }

#ja-subnav ul.active li a:hover { color: #fff; }

#ja-subnav ul li.empty { visibility: hidden }

/* Sub Nav (lv2) ---*/
#ja-subnav ul li ul {
  background: #ddd;
  border: 1px solid #ccc;
  display: block;
  height: auto;
  left: -999em;
  padding: 0;
  position: absolute;
}

#ja-subnav ul li.hover ul {
  display: block;
  height: auto;
  left: auto;
  position: absolute;
  margin-top: 3px;
  margin-left: 5px;
}

#ja-subnav ul li.haschild a {
  background: url(../images/arrow.png) no-repeat right center;
  padding-right: 12px;
}

#ja-subnav ul li.haschild a:hover {
  background: url(../images/arrow3.png) no-repeat right center;
}

#ja-subnav ul li.haschild li a, #ja-subnav ul li.hover li a { background: none; padding-right: 0; }

#ja-subnav ul li ul li {
  border-bottom: 1px solid #ccc;
  border-left: 0;
  display: block;
  float: none;
  overflow: hidden;
  padding: 5px;
  text-align: left;
}

#ja-subnav ul li ul li a {
  background-image: none !important;
  border: 0 !important;
  color: #333 !important;
  font-weight: normal !important;
  text-decoration: none !important;
}

#ja-subnav ul li ul li a span.menu-title { padding-top: 3px; padding-bottom: 3px; }

#ja-subnav ul li ul li a:hover {
  background-image: none !important;
  color: #069 !important;
  text-decoration: underline !important;
}

#ja-subnav ul li ul li a.active {
  color: #069; !important;
  font-weight: bold !important;
}

/* Breadcrumbs ---*/
.ja-navhelper { background: #f6f6f6; text-transform: uppercase; border-bottom: 1px solid #ccc; }
.ja-navhelper .main { padding: 5px 0; }

.ja-navhelper a { padding: 0 2px; color: #069; text-decoration: none; }
.ja-navhelper a:hover, .ja-navhelper a:active, .ja-navhelper a:focus { color: #fff; text-decoration: none; background-color: #069;}

.ja-breadcrums {
  float: left;
  margin-left: 10px;
  margin-top: 2px;
  width: 80%;
}

.ja-breadcrums strong { margin-right: 5px; }

.ja-breadcrums img { margin: 1px 5px; }

/* Extras ---*/
.ja-links { float: right; margin-top: 2px; }

.ja-links li { background: none; padding: 0; display: inline; }

.ja-links li.top a {
  background: url(../images/arrow2.png) no-repeat 5px center;
  padding-left: 17px;
  padding-right: 5px;
}

.ja-links li.top a:hover { background-color: #069; }

.ja-links li.layout-switcher a {
  background: #069;
  color: #fff;
  text-decoration: none;
}

.ja-links li.layout-switcher a:hover { background: #666; color: #fff; text-decoration: none; }

.ja-links li.user-reset a {
  background: #bf0000;
  color: #fff;
  text-decoration: none;
}

.ja-links li.user-reset a:hover { background: #666; color: #fff; text-decoration: none; }

/* Default Joomla! Menu ---*/
#ja-container ul.menu { margin: 0; padding: 0; }

#ja-container ul.menu li {
  background: none;
  border-bottom: 1px solid #cfcfcf;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

#ja-container ul.menu li a {
  color: #515151;
  display: block;
  outline: none;
  padding: 7px 0px 7px 0px;
  text-decoration: none;
  font-size:13px;
  font-family:'montserratregular',arial;
  font-weight:normal;
  -webkit-text-stroke: 0.1px #515151;
  /*-webkit-font-smoothing: antialiased;*/
  /*text-shadow: 0 0 1px rgba(0,0,0,.1);*/
}

#ja-container ul.menu li a:hover,
#ja-container ul.menu li a:active,
#ja-container ul.menu li a:focus { color: #d0222f; -webkit-text-stroke: 0.1px #d0222f; }

#ja-container ul.menu li.active a { color: #069; }

#ja-container ul.menu li ul { margin: 0 0 0 10px; }

#ja-container ul.menu li li {
  background: url(../images/arrow.png) no-repeat left 11px;
  border-bottom: 0;
  border-top: 1px dotted #ccc;
}

#ja-container ul.menu li li a {
  color: #333 !important;
  font-weight: normal !important;
  text-indent: 10px;
}

#ja-container ul.menu li li a:hover,
#ja-container ul.menu li li a:active,
#ja-container ul.menu li li a:focus { color: #D0222F !important; background: none; }

#ja-container ul.menu li.active > a { color: #d0222f !important; }

#ja-container ul.menu span.separator { display: none; }

/* SPOTLIGHT
--------------------------------------------------------- */
#ja-topsl .ja-box, #ja-botsl .ja-box { 
  padding: 0;
  background: url(../images/dot3.gif) repeat-y right;
}

#ja-topsl .ja-box-right, #ja-botsl .ja-box-right,
#ja-topsl .ja-box-full, #ja-botsl .ja-box-full { 
  background: none;
}

#ja-topsl .ja-moduletable, #ja-botsl .ja-moduletable  {
  border-bottom: 0;
  margin-bottom: 8px;
  padding-bottom: 0;
}

#ja-topsl li, #ja-botsl li {
  background-image: url(../images/bullet2.gif);
  background-position: 1px 8px;
  padding-left: 10px;
}

#ja-topsl ol li, #ja-botsl ol li { margin-left: 25px; padding: 0 !important; }

#ja-topsl ul, #ja-topsl p, #ja-topsl ol,
#ja-botsl ul, #ja-botsl p, #ja-botsl ol { padding: 0; margin: 0 !important; }

#ja-topsl a, #ja-botsl a {
  color: #ccc;
  text-decoration: none;
  border-bottom: 1px dotted #ccc;
}

#ja-topsl a:hover, #ja-topsl a:active, #ja-topsl a:focus,
#ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #fff;
}

/* Top spotlight ---*/
#ja-topsl {
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  background: #444;
  color: #ccc;
}

#ja-topsl .main { padding: 10px 0; }

#ja-topsl h3 {
  margin: 0 0 8px;
  padding: 0;
  color: #fff;
  background: none;
}

/* Bot spotlight ---*/
#ja-botsl {
  background: #444;
  color: #999;
}

#ja-botsl .main { padding: 10px 0; }

#ja-botsl .ja-moduletable, #ja-botsl .moduletable {
  border-bottom: 0;
  margin-bottom: 0;
}

#ja-botsl h3 {
  margin: 0 0 8px;
  padding: 0;
  color: #fff;
  background: none;
}

.ja-box-right .ja-moduletable, .ja-box-right .moduletable,
.ja-box-full .ja-moduletable, .ja-box-full .moduletable { border: 0 !important; background: 0 !important; }

/* FOOTER
--------------------------------------------------------- */
#ja-footer {
  background: #fff;
  /*border-top: 1px solid #fff;*/
  clear: both;
  padding: 5px 0;
}

.ja-copyright #ja-footer{
float:left;
width:290px;
}

.ja-copyright ul li{
  display:inline;
  margin-right:10px;
}

.ja-copyright ul li a{
  color:#9b9b9b;
}

#ja-footer .main {
  /*background: url(../images/dot1.gif) repeat-y 22% 0;*/
  color: #666666;
  padding: 11px 0 0;
  position: relative;
  width:960px;
  border-top:1px solid #871c64;
}

#ja-footer .inner { padding: 0; }

#ja-footer small { color: #666; font-size: 100%; }

/* Foot Links ---*/
#ja-footer .ja-footnav {
  float: right;
  font-size: 100%;
  margin: 0px;
  overflow: hidden;
  position: relative;
  width: 75%;
}

.ja-footnav ul { float: left; line-height: normal; }

.ja-footnav li {
  border-left: 1px solid #999;
  display: block;
  float: left;
  padding: 0 10px;
}

.ja-footnav li a {
  color: #666;
  display: block;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
}

.ja-footnav li a:hover, .ja-footnav li a:active, .ja-footnav li a:focus { color: #333; }

.ja-footnav .ja-firstitem { border-left: 0; padding-left: 0; }

/* Copyright Info. ---*/
.ja-copyright small { display: block; }
a.lien_top_page{
  float:right;
  display:block;
  width:90px;
  height:20px;
  padding-left:28px;
  background:url('../images/top.png') no-repeat 0px 0px;
  color:#871c64;
  font-size:13px;
  text-decoration:none;
  font-family:'montserratregular', arial;
}

/* MISCELLANOUS
----------------------------------------------------------- */
/* User Tools ---*/
ul.ja-usertools-font {
  font-size: 11px;
  position: absolute;
  top: 119px;
  right: 0px;
}

ul.ja-usertools-font li, ul.ja-usertools-screen li {
  padding: 0;
  margin: 0;
  display: inline;
  background: none;
}

ul.ja-usertools-screen  {
  font-size: 11px;
  position: absolute;
  top: 15px;
  right: 90px;
}

#ja-tool-increase{
  border-right:1px solid #871C64;
  padding-right:5px;
}

#ja-tool-decrease{
   padding-left:5px;
}

#ja-tool-reset{
    border-right:1px solid #871C64;
   padding-right:4px;
}


/* Others ---*/
#ja-banner {
  border-top: 1px solid #ccc;
  margin: 0;
  overflow: hidden;
  padding-top: 15px;
  text-align: center;
  width: 100%;
}

div.ja-innerdiv {
  border-bottom: 1px dotted #ccc;
  clear: both;
  margin-bottom: 10px;
  padding-bottom: 12px;
}

div.ja-innerdiv h4 {
  font-family: Arial, sans-serif;
  font-size: 92%;
  font-weight: normal;
  margin: 5px 0;
  padding: 0;
  text-transform: uppercase;
}

.cufon-canvas { padding: 1px 0 3px; }



/* --------------------------------------------------------- */
/* Définitions de classes génériques pour l'extranet */
/* --------------------------------------------------------- */
.bold {
  font-weight: bold;
}
/* --------------------------------------------------------- */
/* Définitions des styles spécifiques à la partie métier de l'extranet */
/* --------------------------------------------------------- */


div.componentheading h1,
div.componentheading h2 {
  margin:15px 5px 5px 0px;
  float:left;
}

div.componentheading h1, h1.contentheading{
 font-size:27px;
 font-family:'montserratregular', arial;
 color:#d0222f;
 text-transform:uppercase;
 margin-top:0px;
 -webkit-text-stroke: 0.1px #d0222f;
 -webkit-font-smoothing: antialiased;

}

div.componentheading h1:before, h1.contentheading:before{
  content:"â– ";
  font-size: 41px;
  padding-right:15px;
}

div.componentheading h2 {
 font-size:0.8em;
 color:#871C64;
}

div.componentheading span.icon {
  margin:20px 5px 5px 0px;
  float:right;
}


span.icon {
  width:18px;
  height:18px;
  display:block;
  top:0;
  left:0;
  margin:2px 5px 0px 5px;
  float:left;
}

p span.icon {
  margin:0;
}

div.toggle-block-content,
div.block-content {
  clear: both;
}

div.toggle-block,
div.block {
  clear: both;
}

th span.icon {
  margin:0px;
  float:right;
  background-color:#fff;
  border:1px solid #999;
}

.help {
  background-image: url(../images/icons/icons-sprites-silk.png);
  background-repeat: no-repeat;
  background-position: left -72px;
}

.toggle-hide, .icon.toggle.icon-minus-2 {
  background-image:url(../images/icon-hide.png);
  background-repeat:no-repeat;
  background-position:5px center;
  cursor:pointer;
}

.toggle-show, .icon.toggle.icon-minus-2.toggle-show {
  background-image:url(../images/icon-show.png);
  background-repeat:no-repeat;
  background-position:5px center;
  cursor:pointer;
}

/* Content Toc */
table.synthesis {
  border: 1px solid #ddd;
  margin-top:5px;
  margin-bottom:5px;
  padding: 0;
  width:100%;
}

table.synthesis a { color: #333; }

table.synthesis td {
  border-bottom: 1px dotted #ccc;
  padding: 5px 10px;
  vertical-align: top;
}

table.synthesis th {
  background: #f6f6f6;
  border-bottom: 1px solid #ddd;
  padding: 5px 10px;
  text-transform: uppercase;
}

div.box-grey {
  margin:0px 0 5px 0;
}

.toggle-block-content {
  padding-bottom: 5px;
}

/** Style utilisé pour l'affichage des boutons de connexion/déconnexion */
#boutonsConnex .button, #external-login .button, #boutonsConnex .btn, #external-login .btn{
/*margin:-15px 0px 0px 5px;*/
border:3px solid #d0222f; 
background:none;
background:url('../images/btn_deconnexion.png') transparent 20px 5px no-repeat;
width:100%;
color:#d0222f;
font-family: 'montserratregular',arial;
font-size:13px;
text-transform:none;
cursor:pointer;
-webkit-text-stroke: 0.2px #d0222f;
-webkit-font-smoothing: antialiased;
}

#boutonsConnex .button[value='Connexion'], #external-login .button[value='Connexion'], #boutonsConnex .btn[value='Connexion'], #external-login .btn[value='Connexion']{
 background:url('../images/btn_connexion.png') transparent 20px 5px no-repeat; 
 padding:7px;
}


.conteneur_bouton #boutonsConnex, .conteneur_bouton #external-login{
margin-top:15px;
}


.conteneur_bouton #boutonsConnex .button[type='submit'], .conteneur_bouton #boutonsConnex .btn[type='submit']{
  display:inline-block;
  width:120px;
  height:120px;
  -webkit-border-radius: 120px;
  -moz-border-radius: 120px;
  border-radius: 120px;
  background:none;
  font-size:13px;
  border:5px solid #d0222f;
  font-family:'montserratregular',arial;
}

.conteneur_bouton{
  width:300px;
  margin:0 auto;
}

.btn_rond_outter{
	display: inline-block;
	border:5px solid #d0222f;
	width:112px;
	height:112px;
    margin-right: 4px;
	-webkit-border-radius: 112px;
	-moz-border-radius: 112px;
	border-radius: 112px;
}

.btn_rond_outter.btn_rond_outter_2_p_l{
	margin-right: 20px;
}

 a.btn_rond, a.btn_rond_2_lignes{
  color:#d0222f;
  display:table-cell;
  width:112px;
  height:112px;
  vertical-align: middle;
  font-family:'montserratregular',arial;
  padding: 0px;
  text-align:center;
  text-decoration:none;
}

a.alignement_gauche{
  float:left;
}

.conteneur_bouton #boutonsConnex .button[type='submit']:hover, .conteneur_bouton #boutonsConnex .btn[type='submit']:hover,  .btn_rond_outter:hover,  a.btn_rond_2_lignes:hover{
color:#871c64;
border: 5px solid #871c64;
}
a.btn_rond:hover{
color:#871c64;
}

.intro-connexion{
  margin:20px 0px 20px;
}

input.button[type="reset"], input.btn[type="reset"]{
 background:#bbbbbb;
 border: 3px solid #bbbbbb;
 color:#fff;
}

label{
  color:#3d3d3d;
}

#login{
  width:190px;
  margin:0 auto;
  text-align:left;
}

#login input.button[type="reset"], #login input.btn[type="reset"]{
  margin-left:16px;
}

#login input[type="text"], #login input[type="password"]{
   padding: 7px 11px;
   width: 100%;
}



.retour-accueil{
  position:absolute;
  top:110px;
  left:0px;
  font-weight:bold;
  font-size:15px;
  color:#3d3d3d;
  text-decoration:none;
}

.retour-accueil:hover{
  text-decoration:none;
}

.retour-accueil:before{
    display: inline-block;
    content: "‹";
    padding-right:7px;
    font-size:20px;
}

h2.mooblock-title{
color:#871C64;
background:transparent url('../images/puce_bas.png') no-repeat 0px 6px;
padding-left:20px;
} 

.article-content h3{
  margin:25px 0px 15px 0px;
}

.article-content h4{
  font-size:13px;
  font-weight:bold;
  margin:15px 0px 5px 0px;
}

.article-content p{
  font-size:12px;
  margin:8px 0px;
}

.article-content ul li{
  list-style-type:disc;
  margin-left:27px;
  overflow: visible;
}

.main{
	width: 950px;
	margin: 0 auto;
	position: relative;
}
#ja-wrapper{
	min-width: 951px;
}
.header_desktop{
	display: block;
}
.header_mobile, .wrapper_menu_mobile{
	display: none;
}
.retour-accueil.retour-accueil-mobile{
	display: none;
}

form.xlForm table{
	width: 100%;
}

.form-group{
	margin-bottom: 16px;
}

.form-horizontal h3{
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 16px;
}

.form-group label{
	width: 45%;
	float: left;
	font-weight: bold;
	padding-right: 16px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form-group input{
	vertical-align: top;
	float: left;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form-group input[type="text"]{
	width: 55%;
}
.page-content .table_outter table{
	width: 100%;
}
.page-content .table_outter table th{
    background: #871c64;
    border: 1px solid #ccc;
    color: #fff;
    padding: 5px;
}

.global_wrapper{
	position: relative;
	z-index: 1;
}

.ui-dialog{
z-index: 2;
}
.ui-dialog .ui-dialog-titlebar-close .ui-button-text, .ui-dialog .ui-widget-overlay{
display: none;
}
@media screen and (max-width: 952px) {
	body {
		position: relative;
		overflow-x: hidden;
		max-width: 100vw;
	}
	#ja-header {
		z-index: 10000;
	}
	#ja-wrapper{
		min-width: 100%;
	}
	.main, #ja-footer .main, #ja-container .main{
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.main, #ja-container .main{
		padding: 0px 15px;
	}
	#ja-footer .main{
		padding: 15px;
	}
	.main .inner, #ja-footer .main .inner{
		padding-left: 0px;
		padding-right: 0px;
	}
	#ja-header .main{
		background: none;
		height: auto;
	}
	.article-content img{
		display: block;
		margin: auto;
		max-width: 100%;
	}
	.logo_icf{
		height: 70px;
		width: 186px;
		float: left;
		background-size: 100% 100%;
	}
	#ja-mainbody{
		width: 70%;
		float: left;
	}
	#ja-mainbody.no_ja_right{
		width: 100%;
	}
	#ja-left{
		display: none;
	}
	.ja-content-main{
		width: 100%;
	}
	ul.ja-usertools-font{
		right: 15px;
	}
	.header_desktop{
		display: none;
	}
	.header_mobile{
		display: block;
	}
	.wrapper_btn_menu {
		display: inline-block;
		padding-top: 24px;
		float: right;
	}
	.btn_hamburger {
		display: block;
		position: relative;
		overflow: hidden;
		margin: 0;
		padding: 0;
		width: 40px;
		height: 24px;
		font-size: 0;
		text-indent: -9999px;
		border: none;
		cursor: pointer;
		background: transparent;
		outline: none;
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		-webkit-border-radius: none;
		-moz-border-radius: none;
		border-radius: none;
	}
	.btn_hamburger span {
		display: block;
		position: absolute;
		top: 10px;
		left: 0px;
		right: 0px;
		height: 4px;
		background: #d0222f;
		-moz-transition: background 300ms;
		-o-transition: background 300ms;
		-webkit-transition: background 300ms;
		transition: background 300ms;
	}
	.btn_hamburger span:before, .btn_hamburger span:after {
		position: absolute;
		display: block;
		left: 0;
		width: 100%;
		height: 4px;
		background-color: #d0222f;
		content: "";
		-webkit-transition-duration: .3s, .3s;
		-moz-transition-duration: .3s, .3s;
		-ms-transition-duration: .3s, .3s;
		-o-transition-duration: .3s, .3s;
		transition-duration: .3s, .3s;
		-webkit-transition-delay: .3s, 0s;
		-moz-transition-delay: .3s, 0s;
		-ms-transition-delay: .3s, 0s;
		-o-transition-delay: .3s, 0s;
		transition-delay: .3s, 0s;
	}
	.btn_hamburger span:before {
		top: -10px;
		-webkit-transition-property: top, transform;
		-moz-transition-property: top, transform;
		-ms-transition-property: top, transform;
		-o-transition-property: top, transform;
		transition-property: top, transform;
	}
	.btn_hamburger span:after {
		bottom: -10px;
		-webkit-transition-property: bottom, transform;
		-moz-transition-property: bottom, transform;
		-ms-transition-property: bottom, transform;
		-o-transition-property: bottom, transform;
		transition-property: bottom, transform;
	}
	.btn_hamburger.actif span {
		background: transparent;
	}
	.btn_hamburger.actif span:before, .btn_hamburger.actif span:after {
		-webkit-transition-delay: 0s, .3s;
		-moz-transition-delay: 0s, .3s;
		-ms-transition-delay: 0s, .3s;
		-o-transition-delay: 0s, .3s;
		transition-delay: 0s, .3s;
	}
	.btn_hamburger.actif span:before {
		top: 0;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.btn_hamburger.actif span:after {
		bottom: 0;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.btn_hamburger:focus {
		outline: none;
	}
	.header_struct{
		position: relative;
	}
	.wrapper_menu_mobile{
		display: block;
		position: absolute;
		top: 70px;
		right: 0px;
		background: #d0222f;
		width: 100%;
		height: calc(100vh - 70px);
		overflow-x: hidden;
		overflow-y: scroll;
		z-index: 10000;
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
		-moz-transition: all 400ms ease-out;
		-o-transition: all 400ms ease-out;
		-webkit-transition: all 400ms ease-out;
		transition: all 400ms ease-out;		
	}
	.overlay_mobile_menu {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 9999;
		background: rgba(0, 0, 0, 0.6);
		visibility: hidden;
		opacity: 0;
		-moz-transition: opacity 400ms ease;
		-o-transition: opacity 400ms ease;
		-webkit-transition: opacity 400ms ease;
		transition: opacity 400ms ease;
	}
	body.menuMobileShowed{
		overflow: hidden;
	}
	body.menuMobileShowed .overlay_mobile_menu {
		visibility: visible;
		opacity: 1;
	}
	body.menuMobileShowed .wrapper_menu_mobile {
		visibility: visible;
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
		transform: translateX(0px);
	}
	.wrapper_menu_mobile div.ja-moduletable, .wrapper_menu_mobile div.moduletable{
		margin: 15px 0px 0px 0px;
		padding: 0px;
	}
	.wrapper_menu_mobile div.ja-moduletable:first-of-type, .wrapper_menu_mobile div.moduletable:first-of-type{
		margin: 0px;
	}
	.wrapper_menu_mobile div.ja-moduletable h3, .wrapper_menu_mobile div.moduletable h3{
		padding: 20px;
		margin: 0px;
		font-size: 19px;
		color: white;
		border-bottom: 1px solid white;
	}
	.wrapper_menu_mobile div.ja-moduletable ul, .wrapper_menu_mobile div.ja-module ul{
		margin: 0px;
		padding: 0px;
	}
	.wrapper_menu_mobile div.ja-moduletable li.parent > a, .wrapper_menu_mobile div.ja-module li.parent > a{
		position: relative;
	}
	.wrapper_menu_mobile div.ja-moduletable li.parent > a:after, .wrapper_menu_mobile div.ja-module li.parent > a:after{
		position: absolute;
		right: 20px;
		top: 50%;
		display: inline-block;
		content: '+';
		font-weight: bold;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.wrapper_menu_mobile div.ja-moduletable li.parent.actif > a:after, .wrapper_menu_mobile div.ja-module li.parent.actif > a:after{
		content: '-';
	}
	.wrapper_menu_mobile div.ja-moduletable li.parent ul, .wrapper_menu_mobile div.ja-module li.parent ul{
		display: none;
	}
	.wrapper_menu_mobile div.ja-moduletable li.parent ul li a, .wrapper_menu_mobile div.ja-module li.parent ul li a{
		font-size: 14px;
		padding: 15px 28px;
	}
	.wrapper_menu_mobile div.ja-moduletable ul li, .wrapper_menu_mobile div.ja-module ul li{
		padding-left: 0px;
		background: none;
	}
	.wrapper_menu_mobile div.ja-moduletable ul li a, .wrapper_menu_mobile div.ja-module ul li a{
		display: block;
		padding: 15px 20px;
		font-size: 17px;
		color: white;
		text-decoration: none;
		border-bottom: 1px solid white;
	}
	#Mod101{
		margin-top: 30px;
	}
	.externallogin{
		padding: 0px 20px;
	}
	#boutonsConnex .button, #external-login .button, #boutonsConnex .btn, #external-login .btn{
		border: 3px solid white;
		color: white;
		margin-bottom: 0px;
		background: url('../images/btn_deconnexion_white.png') transparent 20px 5px no-repeat;
	}
	#boutonsConnex .button[value='Connexion'], #external-login .button[value='Connexion'], #boutonsConnex .btn[value='Connexion'], #external-login .btn[value='Connexion']{
		background: url('../images/btn_connexion_white.png') transparent 20px 5px no-repeat;
	}
	.retour-accueil{
		position: relative;
		top: initial;
		left: initial;
		padding: 15px 0px;
		display: inline-block;
	}
	.retour-accueil.retour-accueil-mobile{
		display: block;
	}
	.conteneur-connexion #ja-main{
		width: 100%;
	}
	body{
		min-width: 100%;
	}
	.conteneur_bouton td{
		padding: 0px;
	}
	.btn_rond_outter{
		display: block;
		float: left;
		width: 50%;
		text-align: left;
		margin-bottom: 32px;
		margin-right: 6px;
	    width:102px;
	    height:102px;
		padding: 0px;
		-webkit-border-radius: 102px;
		-moz-border-radius: 102px;
		border-radius: 102px;
		border: 5px solid #d0222f;
		color: #d0222f;
	}
	.btn_rond_outter.btn_rond_outter_2_p_l{
		display: inline-block;
		float: none;
		margin-right: 20px;
	}
	.btn_rond_outter:hover{
		border: 5px solid #871c64;
	}
	.btn_rond_outter:last-child:after{
		content: " ";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	#ja-current-content, #ja-main{
		float: none;
	}
	a.btn_rond{
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		margin: 0px;
	    width:102px;
	    height:102px;
		border: none;
		padding: 0px;
	}
}
@media screen and (min-width: 768px) and (max-width: 952px) {
	#ja-mainbody{
		width: 70%;
		float: left;
	}
	#ja-right{
		width: 30%;
	}
}
@media screen and (max-width: 767px) {
	#ja-mainbody{
		width: 100%;
		float: none;
	}
	#ja-right{
		width: 100%;
		float: none;
	}
	#ja-current-content, #ja-main{
		float: none;
	}
	.column{
		float:none;
	}
	div.componentheading h1, h1.contentheading{
		font-size: 17px;
	}
	div.componentheading h1:before, h1.contentheading:before{
		font-size: 25px;
		padding-right: 4px;
	}
	div.componentheading h2{
		font-size: 14px;
	}
	.sectiontableheader span{
		font-size: 12px;
	}
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
		font-size: 12px;
	}
	#ja-main .inner{
		padding: 0px;
	}
	#ja-container{
		padding-bottom: 20px;
		padding-top: 20px;
	}
	.table_outter{
		overflow-x: scroll;
	}
	.global_wrapper{
		position: relative;
		overflow-x: hidden;
		max-width: 100vw;
	}
	.btn_rond_outter{
		margin-right: 36px;
		/*display: block;
		float: left;
		width: 50%;
		text-align: left;
		margin-bottom: 32px;
		margin-right: 36px;
		width: 76px;
		height: 102px;
		padding: 0px 13px;
		-webkit-border-radius: 102px;
		-moz-border-radius: 102px;
		border-radius: 102px;
		border: 5px solid #d0222f;
		color: #d0222f;*/
	}
	/*.btn_rond_outter:hover{
		border: 5px solid #871c64;
	}
	.btn_rond_outter:last-child:after{
		content: " ";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	a.btn_rond{
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		margin: 0px;
		width: 76px;
		height: 102px;
		border: none;
		padding: 0px;
	}*/
	.conteneur_bouton #boutonsConnex .button[type='submit']:hover, .conteneur_bouton #boutonsConnex .btn[type='submit']:hover, a.btn_rond:hover, a.btn_rond_2_lignes:hover{
		border: none;
	}
	.conteneur_bouton{
		width: 100%;
	}
	.ja-copyright #ja-footer{
		float: none;
		width: 100%;
	}
	a.lien_top_page{
		float: none;
		margin: 15px auto;
	}
	.form-group label{
		margin-right: 0px;
		width: 100%;
	}
	.form-group input[type='text'], .form-group input[type='password'], .form-group input[type='email'], .form-group input[type='tel']{
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}

.text-info{
	color: #d0222f;
	font-size: 120%;
	margin-bottom: 16px !important;
}




/******** Ajouts Sopra ********/
div.box-grey {
	margin: 0;
	padding: 0;
	border:none;
}

div.box-grey > p, div.box-grey > div {
	margin: 20px 0;
	padding: 20px;
	border-radius: 3px;
}
div.box-grey > p.message {
	background-color: #C5EAF8;
	border-left:5px solid #0099CC;
}

div.box-grey > p.success {
	background-color: #E2F0B6;
	border-left:5px solid #669900;
}

div.box-grey > p.warning {
	background-color: #FFECC0;
	border-left:5px solid #FF8800;
}

div.box-grey > p.error, div.box-grey > div.error {
	background-color: #FFCACA;
	border-left:5px solid #CC0000;
}

/*surcharge €*/
.xlBlocEcrituresCreditColumn, .xlBlocEcrituresSoldeColumn, .xlBlocEcrituresDebitColumn{
	white-space:nowrap;
}

/* modification accordéon */
.article-content ul.jp-accordion li{
 list-style-type:none;
 margin-left:0px;
}
.article-content ul.jp-accordion li a{
padding-left:1.1em;
}

.jp-accordion  .ui-state-default{
	background:#E2E2E2;
}

.jp-accordion  .ui-state-active{
	background:#e1e1e1;
}

.jp-accordion  .ui-widget-content{
	border:none;
}
.jp-accordion .ui-state-hover{

}

.ui-corner-all{
border-radius:0px;
}