/**
 * @version $Id: template.css
 * @author jean-pierre pour Vertige asbl
 * @package Joomla
 * @updated by Nadir GHIDOUCHE
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */
body,html {
  height:100%;
  width: 100%;
}
  
body{
  font-size: 15px;
  margin:0;
  padding:0;
  font-family: Arial, Helvetica, sans-serif;
  color: #4b4b4b;
  background:  url("../images/body_fond.jpg") repeat;
}
body.contentpane{
  background: none;
}
.clr{
  clear:both;
  overflow:hidden;
  font-size:0;
  line-height:0;
}
ul{list-style:none;margin:0;padding:0;text-align: left;}
a,img{outline:none;margin:0;padding:0;border:none;}
a:link, a:visited { color:#23778f;text-decoration:none;}
a:hover, a:active, a:focus { color:#65AFEE; }
form { padding:0;margin:0; }
header, nav, menu, section, aside, article, footer { display:block; }

h1,h2,h3,h4,h5,h6 { margin:0 0 20px;line-height:normal; }

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

iframe {}
dl dd {
	padding:0 0 0 10px;
	margin:0;
}

fieldset { border:none;margin:0;padding:0;}
input, button {}
	
textarea{}
		
button {}

p { margin:0 0 10px; }

.page_bg {}

.page { min-height: 100%; }

.wrapper {}

.main { width:1400px;margin:0 auto; }
.top {}
.top .menu {}
.top .menu li {}
.top .menu a {}
.top .menu a span {}


#img {}

header {
    /*background: url("../images/header_fond.png") no-repeat right; */
    margin: 0 auto;
    position: relative;
    width: 1188px;
    height: auto;
	overflow:hidden; /* si quelque chose dépasse du conteneur, il sera invisible */
	clear:both; 
}

#headerwrapper {}

/* j'ai ajouté cet ID pour dissocier la bannière du logo, ce qui n'était pas le cas avant */
#logo {
	background: url("../images/logo.png") no-repeat left top transparent;
	/*position:relative;*/
	display:block;
	text-indent:-9999px;
	width: 192px;
	height: 192px;
}


/* créé par mes soins. Voir plus haut ! J'ai mis en commentaire le background pour laisser place à bannière*/
#banniere {
	/*background: url("../images/header_fond.png") no-repeat right transparent; */
	/*position:relative;*/
	width: 996px;
	height: 192px;
	margin:-192px 0px 0px 0px; /* j'ai mis une marge négative à gauche pour laisser la place au logo */
	float:right; /* flotte à droite du logo */
	}
header h1 a, header h1 a:link, header h1 a:visited, header h1 a:hover {}

/* j'ai forcé la taille de cette classe pour éviter que ce bloc ne prenne de la place en hauteur */
.sitename {

height:0px;

}

.sitename h1 a{
  color: transparent;
  display: block;
  width: 120px;
  height: 160px;;
}

header #search {
	background: url("../images/inputbox.png") no-repeat scroll left top transparent;
  top: 25px;
  height: 28px;
  left: 30px;
  position: absolute;
  width: 286px;
}

#content {
  margin: 0 auto;
  width: 1188px;
}

.content_b {
  width: 1012px;
  margin: 0 auto;
}

.top-menu {}

.maincol,
.maincol_w_right,.maincol_w_left {
  margin: 0 auto; 
  padding:5px 0;
}



.maincol_full {
  width: 1000px;
  margin: 10px auto 0; 
  padding:0;
}


.leftcol {
  float: left;
  padding: 0;
  text-align: left;
  width: 210px;
  position: relative;
}

/* j'ai créé cette classe afin de pouvoir travailler uniquement sur la colonne de droite */
.rightcol {
  float: left;
  padding: 0;
  text-align: left;
  width: 364px;
  position: relative;
}

.maincol_w_left .cont {
	float: left;
  margin: 0 70px 0 0;
  padding: 10px;
  width: 678px;
}

/* idem - A vérifier quand même à quoi ça correspond*/

.maincol_w_right .cont
float: left;
  margin: 0 70px 0 0;
  padding: 10px;
  width: 678px;
}
.maincol_w_right .cont {
	margin: 0 0 0 70px;
}

.maincol .cont {
	float: left;
  font-size: 80%;
  margin: -4px 13px 0 5px;
  padding: 0;
  width: 594px;
  line-height: 17px;
}
.maincol .cont .cont-cont{
  background: url("../images/cont.png") repeat-y center;
  width: 533px;
  padding: 5px 34px 20px 25px;;
  margin-left: 1px;
}
.maincol .cont-top{
  background: url("../images/cont-top.png") no-repeat center;
  width: 594px;
  height: 12px;
  margin: auto; 
}
.maincol .cont-bottom{
  background: url("../images/cont-bottom.png") no-repeat center;
  width: 594px;
  height: 11px;
  margin: auto;
  
}

#breadcrumbs { 
  position:absolute;bottom:30px;left:0;
}

.separator { 
 
  
}

.module_menu .menu,
.module .menu{ 
  margin:0;
}

.module_menu .menu li,
.module .menu li
{ padding:0 0 0 0px;line-height:20px;}

.module_menu .menu li a,
.module .menu li a
{ display:block;}

.module_menu .menu li a span,
.module .menu li a span
{
 
}


/*.module_menu .menu li a:hover span, .module .menu li a:hover span, .active a span{
	color: #23778f !important;
}*/

#login-form {}
fieldset.userdata {}
#login-form ul {}
fieldset.userdata label {}
#form-login-remember label {}
fieldset.userdata input {}
fieldset.userdata input.button {}
fieldset.userdata input.button {}
#login-form label {}
#form-login-username,
#form-login-password,
#form-login-remember {}
#modlgn-remember {}

.search label {}
#mod-search-searchword {}


.leftcol h3, .rightcol h3, .leftcol h3 a, .rightcol h3 a{}

.leftcol ul.menu li a, .leftcol ul.menu li a:link,
.leftcol ul.latestnews li a, .leftcol ul.latestnews li a:link,
.rightcol ul.menu li a, .rightcol ul.menu li a:link,
.rightcol ul.latestnews li a, .rightcol ul.latestnews li a:link {}


.leftcol .module_menu div div, .rightcol .module_menu div div, .leftcol .module div div, .rightcol .module div div {}

.leftcol .module_menu div div div, .rightcol .module_menu div div div, .leftcol .module div div div, .rightcol .module div div div {}


.leftcol .module_menu, .leftcol .module, .rightcol .module, .rightcol .module_menu{}

/* maincol */
.maincol h2, .maincol h2 a, .maincol h3, .maincol h3 a, .maincol h4, .maincol h4 a {}

.maincol h3, .maincol h3 a {}

.maincol .leftcol h3, .maincol .rightcol h3,  .maincol_w_left .rightcol h3 {}

.maincol .rightcol h3, .maincol_w_left .rightcol h3, .maincol_w_right .rightcol h3 {}

.maincol .rightcol h3, .maincol_w_left .rightcol h3, .maincol_w_right .rightcol h3 {}

.maincol h4, .maincol h4 a {
	font-size: 11px;
}
.items-leading,.category-desc{}

/* items row */
.items-row .item {}
.items-row .item h2,
.items-row .item h2 a {}
.item .readmore {}


.actions { overflow:hidden;margin:0 0 10px;}
.actions li { float:left; }
.actions li img { float:left;margin:0 6px 0 0; }


.category-desc img { margin:0 10px 4px }
.category-desc a, .category-desc a:link, .category-desc a:visited {}
.image-left { float:left;margin:0 10px 4px 0; }
.image-right { float:left;margin:0 0 4px 10px; }


.item-title {}
.main .categories-list ul li {
    padding: 5px;
}

.category-desc {}

.category-desc p { line-height:normal; }
.pagination { overflow:hidden;padding:10px 0; }
.pagination .counter { margin:0; }



.pagination ul { overflow:hidden;}
.pagination ul li {
	float:left;
	margin:0 6px 0 0;
}

.pagination .pagenav {
	display:block;
	background:#fff;
	margin:0 4px 0 0;padding:2px 6px;
	border:1px solid #e5e5e5;
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    margin:10px 0;
}


.pagenav .pagenav-prev { float:left; }
.pagenav .pagenav-next { float:right; }
.pagenav-prev, .pagenav-next {
    margin:10px 0;
}

/* end maincol */

/* tables */

table { border-collapse:collapse }

table.weblinks th,
table.newsfeeds th,
table.category th,
table.jlist-table th
{
	background:#dedede;
	color:#777
}


table.weblinks,
table.category
{ margin:10px 10px 20px 0px;width:99%; }

table.weblinks td
{ border-collapse:collapse; }

table.weblinks td,
table.category td
{ padding:7px; }

table.weblinks th,
table.category th
{ padding:7px;text-align:left }

td.num
{ vertical-align:top;text-align:left; }

td.hits
{ vertical-align:top;text-align:center }

td p
{ margin:0;line-height:1.3em }

.filter
{ margin:10px 0 }

.display-limit,
.filter
{ text-align:right;margin-right:7px }

/* ++++++++++++++  category table  ++++++++++++++ */

table.category th a img
{ padding:2px 10px }

.filter-search
{ float:left; }
.filter-search .inputbox
{width:6em}

legend.element-invisible
{
  position:absolute;
  /* need margin top and left doesn't work for the legend element */
  margin-left:-3000px;
  margin-top:-3000px;
  height:0px;
}

.cat-items
{ margin-top:20px }

#contact-slider .panel {
	background:#fff;
	margin:0 0 10px 0;
	padding:10px;
	border:1px solid #e5e5e5;
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    margin:10px 0;
}

#contact-slider .panel h3 { margin:0; }
#contact-slider .panel h3 a { font-size:18px;line-height:normal; }
#contact-slider .panel .pane-slider { padding:10px 0 0 0; }
#contact-slider .panel .pane-slider div { padding:10px 0 0 0;overflow:hidden; }

.contact-email label
{ float:left;width:140px; }

#member-registration label { display:block; }
#member-registration legend { font-size:20px; }

#member-registration dd { padding:0;margin:0 0 10px; }

.contact-links li { line-height:20px; }


/* */
#jform_email-lbl { width:200px;float:left; }
#article-index li { line-height:20px; }

.maincol li {line-height:20px;}
.maincol .menu li,
#article-index li,
.maincol .latestnews li,
.maincol .relateditems li,
.maincol .categories-module li
{
	
}


.stats-module dt {
    float: left;
    font-weight: bold;
    margin: 0 10px 0 0;
}



.maincol .login label { float:left;width:100px;}
.maincol .login .login-fields {overflow:hidden;margin:0 0 10px;}




footer {   
  width: 100%;
  background-color: #fff;
	}
	
footer p { margin: 0; }
footer p a {
	color: #666666 !important;
}
footer .footerbox .module{
  float: left;
}


.error {
	background:#fdcdc9;
	margin:0 0 20px 0;
	padding:10px;
	border:none;
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#system-message {}
#system-message dt.warning{}
#system-message dd.warning li {}

.tip-wrap {}

/* sgmenu */

#sgmenu ul.menu:after { clear: both;content: "";display: block; }
#sgmenu ul.menu { float: left;}
#sgmenu ul li { float: left; position:relative; background: transparent url(../images/menu_sep.png) no-repeat right top;}
#sgmenu ul li a { display: block;white-space: nowrap }
#sgmenu ul li ul { position: absolute;visibility: hidden;}		

#sgmenu ul li ul li { float: none;}
#sgmenu ul li ul li a { width: auto; }

	
#sgmenu ul li ul {margin-top:30px;z-index:500; background:#fff;}
#sgmenu ul.menu li ul li a, #sgmenu ul.menu li ul li a:link, #sgmenu ul.menu li ul li a:visited {background: #fff;}
#sgmenu ul.menu li ul li a span {padding: 0 10px;}
#sgmenu ul.menu li ul li a:hover span{color: #000;}

#sgmenu ul.menu li a, #sgmenu ul.menu li a:link, #sgmenu ul.menu li a:visited { 	
    color: #366e7d;
    cursor: pointer;
    display: block;
    float: left;
    font-family: Times New Roman, Arial;
    font-size: 13px;
    font-weight: 400;
    height: 30px;
    line-height: 31px;
    margin: 0;
    padding: 0 30px;
}

#sgmenu ul.menu li a:hover {
	background: transparent url(../images/hover_btn.png) repeat-x left bottom;
}

.newshold {
	height: 150px;
	position: absolute;
	right: 4px;
	top: 170px;
	width: 670px;
	overflow: hidden;
}

.newshold h3 {
	color:#FF7800;
	font-family: Tahoma,Arial,sans-serif;
	font-size: 11px;
	margin: 0 0 10px 0;
}

.newshold p {
	margin: 0 2px;
}

#sgmenu ul li ul { position: absolute; left:0; top: 30px; margin:0 !important; }

#sgmenu ul li ul li { float:none; clear:both; }

.jicons-icons img{float: left; margin: 0 10px 0 0}
.contact-contactinfo p {margin: 10px 0 0 0;}
input.inputbox, textarea.inputbox  {background: #ebebeb; border: 1px solid #a3a3a3; margin: 0 0 10px 0; color: #000;}
.cpathway {
	width: 980px;
	margin: 0 auto 2px;
	height: 30px;
	background: url(../images/bread_bg.png) top left no-repeat;
	line-height: 30px;
	text-indent: 25px;
	color: #FBFBFB;
	font-size: 11px;
}

.module p {
	padding: 5px;
	border: none !important;
}

.custom {
	padding: 10px 0 !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 5px !important;
}

.cpathway a{
	color: #96C4E1;
}
.cpathway a:hover{
	text-decoration: underline;
}

.item h2, .item h3, .item h4, .items-leading h2 {
	margin: 10px 0 0 0;
}

.wrapcont {
	margin: 0 auto;
	width: 1188px;
}


/********************  MENU THEMATIQUES - COLGAUCHE1 - PRATIQUE ****************/

#thematiques,#colgauche1,#pratique{
/*  font-family: 'Strait', sans-serif;*/
font-family: Verdana, arial,sans-serif;
  opacity:0.90;
  font-size: 70%;
  
}
#thematiques a:link, #thematiques a:visited{
  color:  #990000;
  padding-left: 24px;
} 
#colgauche1 a:link, #colgauche1 a:visited, #pratique a:link, #pratique a:visited{
  color: #0e4392;
  padding-left: 30px;
}

#pratique a.open, #colgauche1 a.open{
  background: url("../images/thematiques_level1_open.png") no-repeat scroll 5px 5px  #0e4392;
  border-radius: 5px 5px 5px 5px;
}
#pratique a.open span, #colgauche1 a.open span{
 color: #fff; 
}


#thematiques li.level1,#colgauche1 li, #pratique li{
  margin-bottom: 3px;
}
#thematiques li a,#colgauche1 li a,#pratique li a{
  text-transform: uppercase;
  font-weight: bold;
  line-height: 21px;
  display: block;
  font-size: 90%;
  border-bottom: 1px solid #f1d0d7; 
}


#colgauche1 li,#pratique li, #thematiques li{
  width: 200px;
}
#colgauche1 li.level3,#pratique li.level3, #thematiques li.level3{
}

#thematiques li a span,#colgauche1 li a span,#pratique li a span{
  color: #990000;
}
#thematiques li li a span,#colgauche1 li li a span,#pratique li li a span{
  padding-left: 0;
}

#thematiques li.level1{
  background: url("../images/thematiques_level1.png") no-repeat 5px 3px;
}
#colgauche1 li,#pratique li{
  background: url("../images/colgauche1_level1.png") no-repeat 5px 3px;
}

#thematiques li.level2{
  background: url("../images/thematiques_level1.png") no-repeat 10px 3px;
}
#colgauche1 li.level2,#pratique li.level2{
  background: url("../images/colgauche1_level1.png") no-repeat 10px 3px;
}
#thematiques li.level2 a,#colgauche1 li.level2 a{
  padding-left: 30px;
  overflow: hidden;
}
#thematiques li.level3 a,#colgauche1 li.level3 a{
  padding-left: 2px;
}

#thematiques li a.open,#colgauche1 li a.open{
  background: url("../images/thematiques_level1_open.png") no-repeat 5px 5px #990000;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
  border-radius: 5px;
  behavior: url(templates/jeminforme/css/PIE.htc);
}
#colgauche1 li a.open{
  background-color:  #0e4392;
}


#thematiques li.level2 a.open,#colgauche1 li.level2 a.open{
  -moz-border-radius: 0px; 
  -webkit-border-radius: 0px; 
  border-radius: 0px;
  behavior: url(templates/jeminforme/css/PIE.htc);
  margin: 1px 5px;
}
#thematiques li a.open span,#colgauche1 li a.open span{
  color: #fff;
}

#thematiques li.deeper.level1,#colgauche1 li, #pratique li{
behavior: url(templates/jeminforme/css/PIE.htc);
  padding-left: 0px;
  box-shadow: 0px 0px 4px #aaa;
  -moz-box-shadow: 0px 0px 4px #aaa;
  -webkit-box-shadow: 0px 0px 4px #aaa;
  background-color: #fff;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
  border-radius: 5px;  
}

#thematiques li.level3 a,#colgauche1 li.level3 a{
  color: #990000;
  text-transform:  none;
  margin: 0 10px;
  line-height: 18px;
  height: auto;
}

#thematiques .module_menu .menu li a span,#thematiques .module .menu li a span,
#colgauche1 .module_menu .menu li a span,#colgauche1 .module .menu li a span
{
  font-size: 11px;
}

#colgauche1,#pratique{
  margin-top: 20px;
}

#colgauche1  li li,#pratique  li li{
  box-shadow: none;
}


#colgauche1 li a span,#pratique li a span{
  color: #0e4392;
}

#pratique{
  clear: both;
}

#thematiques li.level3 a.isactive{
  color:  #010101;
} 
#thematiques a.open+ul.content_1{
  margin-bottom: 15px;
}

/********************  FACEBOOK ****************/ /*Ici l'upgrade pour le custom facebook */

.customfacebook {
padding:0px;
margin-top:10px;
text-align:center;
}

.customfacebook p {
margin:0px;
}





/********************  INFOS ****************/

.custominfos{
  color: #000;
  margin-top: 20px;
}
.custominfos h3{
  text-transform: uppercase;
  font-size: 14px;
  margin: 0;
  padding: 0;
}
.custominfos p{
  font-size: 12px;
}
.custominfos p a{
  color: #000;
}

/********************  NEWSLETTER ****************/

.modulenewsletter .acymailing_module_form{
  margin-left: -3px;
  width: 206px;
}

.modulenewsletter{
  margin-top: 10px; /* La valeur par défaut était 20px, j'ai diminué la marge pour avoir une meilleure harmonie avec le custom facebook */
}
.modulenewsletter h3{
  background: url("../images/newsletter.jpg") no-repeat left;
  padding-left: 30px;
  margin-bottom: 10px;
  font-size: 11px;
  text-transform: uppercase;
}

.modulenewsletter .onefield{
  width: 155px;
}
.modulenewsletter .inputbox{
  border: none;
  background: url("../images/newsletter_input.png") no-repeat right;
  min-width:155px; /* J'ai ajouté cette propriété parce qu'il y a une option dans le module qui contrôle les emailings, qui demande à ce que le width soit de 80% */
  width: 155px;
  height: 32px;
  padding: 0 10px;
  float: left;
}
.modulenewsletter .acysubbuttons{
  float: right; 
}
.modulenewsletter .acysubbuttons .button{
  border: none;
  background: url("../images/newsletter_submit.png")  no-repeat left;
  width: 31px;
  height: 32px;
  color: #fff;
  font-size: 10px;
  text-transform:  lowercase;
  font-weight: bold;
  padding: 0 4px 2px 0;
  margin-left: -8px;
  cursor: pointer;
}
.menuarchive a{
  font-size: 80%;
  color: #000;
  text-decoration: underline;
}

/********************  CONT_CONT ****************/

.breadcrumbs{
  margin-bottom: 10px;
  color:  #990000;
  font-size: 90%;
}
.breadcrumbs .pathway{
  color :  #990000;
  text-decoration: underline;
}
.customune{
  float: right;
  margin-top: 10px;
}

#fontsize{
  float: right;
  color: #777;
  position: relative;
  z-index: 2000;
  padding-top: 10px;
}
#fontsize h3{
  display: inline;
  font-size: 11px;
  font-weight: normal;
  margin-right: 5px;
}
#fontsize p{
  display: inline;
  
}
#fontsize p a{
  color:  #777
}
.cont-cont h1, item-page h2, .cont-cont h2{
  color:  #990000;
  font-size: 200%;
  margin-bottom: 3px;
  
}
.cont-cont h1{
  border-bottom: 1px solid  #990000;
}
.blog  h1{
  border-bottom: none;
}

.cont-cont .item-page{
  position: relative;
}
.cont-cont .item-page .actions{
  position: absolute;
  top: 35px;
  right: 0;
}

.cont-cont .item-page .article-info{
  margin-top: 3px;
  margin-bottom: 15px;
}
.article-info-term{
  display: none;
}
.article-info{
  margin: 5px 0;
  clear: both;
}
.article-info dd{
  margin:0;
  padding: 0;
  font-size: 80%;
  
}
.item-page .left{
  margin: 0 10px 10px 0;
}
.cont-cont .blog-featured .item,.items-row .item{
  border-top: 1px #990000 solid;
  padding-top: 10px;
}
.blog-featured .row-0 .item{
  border-top: none;
}

.blog-featured .items-row .item p img{
  margin:3px 10px 10px 0;
  float: left;
}

.cont-cont h2{
  font-size: 140%;
  color : #010101;
  width: 460px;
  margin: 0 0 10px 0;
  padding: 0;
}
.cont-cont h2.titre_article{
  margin-top: 15px;
}
.cont-cont .contenu h2{
  width: 550px;
}
.cont-cont h2 a{
  width: 430px;
  display: block;
  color: #010101;
  float: left;
 
}
.contenu a{
   text-decoration: underline;
}
.cont-cont .actions{
  float: right
}
.cont-cont .img-intro-right{
  float: left;
  margin: 0 10px 10px 0;
}
.cont-cont .tt_button{
  border: none;
  background: none;
}

.cont-cont .readmore{
  text-align: right;
  margin-right: 10px;
}
.cont-cont .jcomments-links{
  text-align: right;
  margin-bottom: 5px;
  margin-top: 0;
}
.cont-cont .readmore a, .cont-cont .readmore-link, .cont-cont .comments-link{
  color: #990000;
  text-decoration: underline;
}
.cont-cont .sigplus-gallery{
  margin-top: 10px;
  padding-left: 25px;
  border-top : solid 1px  #990000;
  padding-top: 25px;
}
.cont-cont .item p a{
  text-decoration: underline;
}
.cont-cont ul.pagenav{
  margin-top: 10px;
  clear: both;
  height: 25px;
  border-top: 1px #990000 solid;
}
.cont-cont ul.pagenav li{
  margin: 0;
}

.cont-cont ul.pagenav a{
  color:  #990000;
  font-size: 80%;
  margin: 0 0px;
}
.cont-cont .search{
  clear: both;
  border-top: 1px #990000 solid;
  padding-top: 20px;
  padding-bottom: 20px;
}
.cont-cont .search a:link, .cont-cont .search a:visited {
  color:  #990000;
}

.cont-cont #xmap{
  margin-top: 50px;
}

.cont-cont #xmap h1{
  border-bottom:  #990000 1px solid;
  margin-bottom: 20px;
}
.cont-cont #xmap ul{
  margin: 5px 20px; 
}
.cont-cont #xmap ul a,.cont-cont #xmap ul span{
  color: #990000;
}
.cont-cont #xmap ul a:hover{
  text-decoration: underline
}
.cont-cont #xmap ul li{
  list-style-type: square;
}
.cont-cont #xmap ul li li{
 list-style-type: disc; 
}
.cont-cont #xmap ul li li li{
 list-style-type: circle; 
}
.cont-cont #xmap ul.level_0{
 padding: 20px 20px 20px 80px;
 border-top: #990000 1px solid;
 
}
.cont-cont .contenu ul{
  list-style-type: disc;
  margin-left: 14px;
}
.cont-cont .contenu ol{
  list-style-type: decimal;
  margin-left: 14px;
}
.cont-cont .contenu{
  margin-top: 30px;
  clear: both;
}
.message.message{
  font-size: 100%;
  background-color:  #ebebeb;
  padding: 10px;
}

.cont-cont h4{
  font-size: 110%;
  color: #000;
}
.maincol .cont .suite ul{
  text-align: center;
  margin-top: 25px;
  margin-bottom: -25px;
}
.maincol .cont .suite a{
  color:  #990000;
  font-size: 90%;
}



/********************  RIGHTCOL ****************/

.rightcol .rightcol-top{
  clear: both;
  background: url("../images/coldroite_haut.png") no-repeat;
  background-size:99%; /* j'ai ajouté cette propriété pour avoir une taille qui correspond à celle du conteneur du dessous) */
  height: 6px;
  width: 364px;
  
}
.rightcol .rightcol-cont{
  background: url("../images/coldroite_fond.png") repeat-y  center;
  width: 330px;
  padding: 1px 15px;
}
.rightcol .rightcol-bottom{
  background: url("../images/coldroite_bas.png") no-repeat;
  background-size:99%; /* j'ai ajouté cette propriété pour avoir une taille qui correspond à celle du conteneur du dessous) */
  height: 10px;
  width: 364px;
}
.rightcol .rightcol-cont h3{
  color: #990000;
  font-size: 140%;
  line-height: 100%;
  padding-left: 5px;
  padding-top: 10px;
}
.rightcol .rightcol-cont .latestnewsenhanced_une .inforight,.latestnewsenhanced_une .infonoimageright{
  margin-right: 0;
  text-align: left;
}
.rightcol .rightcol-cont .latestnewsenhanced_une .newshead .picture {
  border: none;
}
.rightcol .rightcol-cont .latestnewsenhanced_une .newstitle a{
  color : #000;
}
.rightcol .rightcol-cont .latestnewsenhanced_une .newsintro{
  font-size: 80%;
}
.rightcol .rightcol-cont .latestnewsenhanced_une .link a, ul#une a{
  color : #990000;
  font-size: 80%;
  text-decoration: underline;
}
ul#une a{
  margin-left: 5px;
}
.latestnewsenhanced_une .inforight .newsintro,.latestnewsenhanced_une .inforight .newstitle{
  margin: 0;
}
.latestnewsenhanced_une.newslist{
  margin-left: 5px;
}
a.rss{
  background: url("../images/rssButton.png") no-repeat 0px -3px;
  padding-left: 35px;
  color: #990000;
  font-size: 80%;
  text-decoration: underline;
  float: left;
  height: 16px;
  display: block;
  float: right;
  margin-top: -12px;
}


/********************  RECHERCHE ****************/

.rightcol #mod-search-searchword{
  background: url("../images/recherche.png") no-repeat left;
  border: none;
  width: 290px;
  height: 35px;
  padding: 0 0 5px 30px;
  font-size: 14px;
  float: left;
}
.module .search .button {
  background: url("../images/recherche_submit.png") no-repeat left;
  height: 40px;
  width: 44px;
  border: none;
  margin: 0px 0 0 0;
  cursor: pointer;
}
.module .search {
  
  
}

/********************  PIED ****************/

#footerwrap{
  width: 1188px;
  background-color: #fff;
  margin: 0 auto;
  }
#footerwrap .footerbox{
  width: 1188px;
  margin: auto;
  padding-top: 20px;
  padding-bottom: 30px;
  padding-left: 20px;
  padding-right:20px;
}
#footerwrap .footerbox .module{
  width: 18.5%;
  padding-right: 15px;
}
#footerwrap .footerbox .module li{
  line-height: 90%;
}
#footerwrap .footerbox .module h3{
  font-size: 80%;
  color: #990000;
  margin-bottom: 2px;
}
#footerwrap .footerbox .module a, #footerwrap .footerbox .module h5 a, .footerbox .separator{
  color :  #000;
  font-size: 11px;
  font-weight: normal;
  margin: 0;
}
.footerbox ul li li{
  margin-left: 6px;
}

#footerwrap .footerbox .module a:hover{
  color: #888888;
}
#footerwrap .footerbox .module h5{
  margin: 4px 0px;
  line-height: 80%;
}



/********************  JCOMMENT ****************/

#jc{
  margin: 20px auto;  
}
#jc h4 {
  border-color:  #990000;
  color : #990000;
  margin: 10px 0px 20px 0px;
}
#jc #comments-footer {
  border-color: #990000;
}
#jc a{
  color: #0e4392;
}
#jc a:hover{
  color: #65AFEE !important;
}
#jc #addcomments, #jc .refresh{
  font-size: 90%;
}
#jc div#comments-form-link label{
  font-size: 90%;
}


/********************  PRÉVISUALISATION IMPRESSION ****************/

.contentpane p img, .img_caption{
  display: none;
  visibility: hidden;
}
.contentpane .custom{
  border-top: 1px #990000 solid !important;
  margin-top: 20px !important;
  padding-top: 10px !important;
}
.contentpane .tt-tags{
  display: none;
  visibility: hidden;
}
.contentpane .article-info{
  margin-bottom: 20px;
}
.contentpane h1, .contentpane h2{
  clear: both;
  text-align: center;
}

/********************  FORMULAIRES ****************/

.bfPage-tl{
  margin-top: 40px;
}
.bfQuickMode{
  width: 90%;
}
.bfQuickMode .bfNextButton, .bfQuickMode .bfSubmitButton, .bfQuickMode .bfCancelButton {
 margin-right: 150px;
}

/********************  AFFICHAGE NEWSLETTER ****************/

.buttonheading{
  display: none;
}
.newsletter_body{
  width: 800px;
}

/********************  AFFICHAGE MESSAGES ****************/

#system-message dt.message{
  font-weight: bold;
  color:  #990000;
}
/********************  TORTAGS PUBLIC ****************/

.tortags-search-results, .tortags-result-box{
  border: none;
}
.tt-tags{
  font-size: 90%;
  padding: 0 1px;
}

/********************  MAIL TO ****************/


#mailtoForm{
  text-align: right;
  margin-right: 50px;
  margin-top: 30px;
    
  
}
#mailtoForm label{
 width: 200px;
 text-align: right;
 margin-right: 10px;
}
.mailto-close{
  display: none;
}

/********************  ACYMAILING ****************/

.contentpane #acyarchiveview{
  width:900px;
  margin: auto;
}
.contentpane #acyarchiveview h1.contentheading{
  font-size: 120%;
}