/**
 * @author Page Graphique Nancy
*/

body
{
	background: #ff5e61; /*ILAR rouge*/
	background-image:url(../images/bg-body.jpg);
	background-repeat:repeat-x;
	background-attachment:fixed;
	color: #545454;/*ILAR gris*/
	font-size: 14px;
	line-height:21px;
	padding: 0px;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;	
}

.clr{/*supprime le float*/
	clear:both;	
}

p{
	margin:0px;
	padding:4px 0px 4px 0px;	
}

img{
	border:none;	
}

.img_caption{	
	margin-right:20px;
}

p.img_caption{
	background-color:#ff5e61; /*ILAR rouge*/
	color:#FFF;
	font-size:10px;
	font-style:italic;
	padding:0px;
	margin:0px;
}

a{
	color:#626262;	
	text-decoration:underline;	
}

*{
	padding:0px;
	margin:0px;	
}

.item-separator{
	margin:0px 0px 30px 0px;	
	clear:both;
}

li{
	/*list-style:none;	*/
}

/*icone imprimer, envoyer...*/
ul.actions {
	clear:both;
	margin-top:-20px;
	float:right;
}

ul.actions li {
	list-style-type: none;
	float:right;
	margin-left: 10px;
}

/*************************************************************************************************************/
/********************************************** JOOMLA de base ***********************************************/
/*************************************************************************************************************/

/************************************/
/***** ARTICLE caté en liste *****/
/************************************/
	.filters{
		border:none;	
	}
	
	table.category{
		width:100%;
		margin:20px 0px;
	}
	
	table.category th,
	table.category th a{
		background-color:#ff5e61; /*ILAR rouge*/
		padding:5px;
		text-decoration:none;
		font-size:14px;
		color:#FFF; /*ILAR blanc*/
	}
	
	
	.item-title, .item-title a{
		color:#ff5e61; /*ILAR rouge */
	}


/************************************/
/***** MSG alerte *****/
/************************************/
	#system-message    { margin-bottom: 10px; padding: 0;}
	#system-message dt { font-weight: bold;  display: none; }
	#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; }
	#system-message dd ul { color: #626262; background-position: 4px top; background-repeat: no-repeat; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #626262; border-bottom: 3px solid #626262;}
	#system-message dd ul li{ line-height:1.5em }
	
	/* System Standard Messages */
	#system-message dd.message ul {
		color:#ff5e61; /*ILAR rouge*/
		background-image: url(../images/notice-info.png);
	}


/************************************/
/***** MENUS *****/
/************************************/
	
	.moduletable_menu ul{
		list-style:none;
		margin: 0px;
	}
	.moduletable_menu li.active a{
		background-color: #ff5e61; /* ROUGE ILAR */
		color:#FFF;
	}
	
	.moduletable_menu ul li{
		margin-right:10px;
		float:left;
	}

	.moduletable_menu li a{
		color:#000;
		text-decoration:none;
		font-weight:normal;
		font-size:14px;
		padding-left:5px;
		padding-right:5px
	}
	
	.moduletable_menu li a:hover{
		color:#ff5e61;
	}
	.moduletable_menu li.active a:visited,
	.moduletable_menu li.active a:link{
		color:#fff;
	}
	.moduletable_menu ul li ul{
		display:block;
		position:absolute;
		border: 1px solid #ff5e61;
	}
	.moduletable_menu ul li.active ul li{
		margin-right:inherit;
	}
	.moduletable_menu ul li.active ul a{
		background-color:inherit;
	}
	.moduletable_menu ul li.active ul li a:link,
	.moduletable_menu ul li.active ul li a:visited{
		color:#545454;/*ILAR gris*/
		font-size:12px;
				
	}
	.moduletable_menu ul li.active ul li a:hover{
		color:#ff5e61;
	}
	.moduletable_menu ul li.active ul li.active a{
		color:#ff5e61;
	}


	/****************menu bas*****************/
	
	#bottom_menu{
		margin-top:20px;
		width:115px;
		min-height:300px;
		float:left;
	}
	.moduletable{
		padding-bottom:20px;
	}
	.moduletable ul{
		list-style:none;
		
	}
	
	.moduletable ul li H4{
		margin:0px;
		text-align:right;
		font-weight:normal;
	}
	
	.moduletable ul li a,
	.moduletable ul li H4 a{
		color:#545454;/*ILAR gris*/
		text-decoration:none;
		padding-left:5px;
		padding-right:5px;		
		font-weight:normal;
	} 
	
	.moduletable ul li.active a,
	.moduletable ul li.active H4 a{
		background-color: #ff5e61; /*ILAR rouge*/
		color:#FFF;
	} 
	.moduletable ul li a:hover,
	.moduletable ul li H4 a:hover{
		color:#ff5e61;
	}
	.moduletable ul li.active a:hover{
		color:#ffffff;
	} 
	.moduletable ul li.active ul a{
		background-color:inherit;
		padding-left:20px;
	}
	.moduletable ul li.active ul li a:link,
	.moduletable ul li.active ul li a:visited{
		color:#545454;/*ILAR gris*/
		font-size:12px;		
	}
	.moduletable ul li.active ul li a:hover{
		color:#ff5e61;
	}
	.moduletable ul li.active ul li.active a{
		color:#ff5e61;
	}
	
	/****************menu bas divers*****************/
	
	.moduletable_sublevel{
		padding-bottom:0px;
		font-size:10px;
		line-height:10px;	
	}
	.moduletable_sublevel ul{
		list-style:none;	
		font-size:10px;
		line-height:10px;	
		
	}
	
	.moduletable_sublevel ul li a{
		color:#545454;/*ILAR gris*/
		text-decoration:none;
		padding-left:5px;
		padding-right:5px;
		font-size:10px;
		line-height:10px;	
	}
	
	.moduletable_sublevel ul li.active a,
	.moduletable_sublevel ul li a:hover{
		color:#ff5e61; /*ILAR rouge*/
	}
	

/************************************/
/***** LISTE de liens *****/
/************************************/
	.weblink-category H1{
		margin:0px 0px 0px 0px;
	}
	
	.weblink-category .category-desc{
		display:none;	
	}
	
	.weblink-category H2{
		color:#ff5e61; /*ILAR rouge*/
		font-size:18px;
		font-weight:bold;	
	}
	
	.weblink-category p{
		margin:0px;
		padding:0px;	
	}
	
	.weblink-category .title{
		padding-bottom:20px;	
	}
	
	/*.weblink-category .category,*/
	.weblink-category .category a{
		font-weight:bold;	
	}

/************************************/
/***** FORMULAIRE DE CONTACT *****/
/************************************/
	.contact-form DL{
		padding:0px 20px 20px 20px;	
	}
	
	.contact-form .label.invalid,
	.contact-form .invalid{
		color:#ff5e61; /*ILAR rouge*/	
	}
	
	.contact-form INPUT.invalid{
		background-color:#ff5e61; /*ILAR rouge*/	
	}
	
	.contact-form FIELDSET{
		margin-top:10px;	
	}
	
	.contact-form DT{
		margin-top:20px;
	}
	
	.contact-form LEGEND{
		color:#ff5e61;
		padding:0px 5px;
	}
	
	.contact-form INPUT,
	.contact-form TEXTAREA {
		border:solid 1px #ff5e61;
	}
	
	.contact-form INPUT{
		width:100%;	
	}
		
	.contact-form #jform_contact_email_copy{
		float:left;	
		margin:0px 0px 0px 10px;
		border:none;
		width:30px;
	}
	
	.contact-form #jform_contact_email_copy-lbl {
		float:left;
		margin-top:0px;
	}
	
	.contact-form .button, .search button, input[type=submit]{
		float:right;
		margin:0px 0px 20px 50px;	
		background-color:#ff5e61;	
		color:#FFFFFF;
		border:1px solid #ff5e61;
		cursor:pointer;
	}
	
	.contact-address address{
		/*float:left;*/
	}
	
	.contact .jicons-icons{
		display:none;	
	}
	
	.contact H3,
	.contact H3 a{
		font-size:18px;
		font-weight:bold;	
		color:#545454;/*ILAR gris*/
		text-decoration:none;
		margin:20px 0px 0px 0px;
		padding:15px 0px;
		text-align:left;
		border-top:1px dotted #666666;	
		display: none;
	}


/************************************/
/***** RESULTATS DE RECHERCHE *****/
/************************************/

.search input[type=text]{
	border : 1px solid #ff5e61;
}

.search fieldset{
	margin: 10px 0px;
	padding: 10px;
}

.search button, input[type=submit]{
	float: none;
	padding:2px;
	margin: 0px 0px 0px 5px;
}

.result-title, .result-title a{
	color:#ff5e61;
}



/************************************/
/***** LIEN LIRE LA SUITE *****/
/************************************/
	.readmore a:link,
	.readmore a:visited,
	a.readmore:link,
	a.readmore:visited{
		display:block;
		margin:10px 0px 0px 0px;
		padding:5px;
		font-size:12px;
		line-height:12px;
		float:right;
		text-align:left;
		text-decoration:none;
		color:#ff5e61; /*ILAR rouge*/
	}
	
	.readmore a:hover,
	.readmore a:active,
	.readmore a:focus,
	a.readmore:hover,
	a.readmore:active,
	a.readmore:focus{
		text-decoration:underline;
		color:#ff5e61; /*ILAR rouge*/
	}
	

/***********************************************/
/***** BLOG ****/
/***********************************************/
	.blog-featured .items-leading,
	.blog .items-leading{
		padding:0px 0px 10px 0px;
		overflow:hidden;
		margin-bottom:0px
	}
	
	.blog .item-separator{
		clear:both;
		border-bottom:1px dotted #666666;	
		margin:10px 0px 20px 0px;
	}
	
	.blog .items-leading .item-separator{
		clear:both;
		border-bottom:1px dotted #666666;	
		margin:30px 0px;
	}
	

	.blog .readmore a{
		width:98% !important;
		width:100%;
		margin:10px 0px 20px 0px;
		padding:5px;
		font-size:12px;
		text-decoration:none;
		background-color:#ff5e61;
		color:#FFFFFF;
	}

	.blog .readmore a:hover{
		text-decoration:underline;
	}

/***********************************************/
/***** LISTE dans contenu ****/
/***********************************************/
	#contenu ul {
		margin-left:20px;
		margin-top:5px;
		list-style-type:square;
		color:#545454;/*ILAR gris*/
		padding:0px;
	}
		
	#contenu ul li,
	#contenu ul li a{
		text-align:left;
		margin-bottom:10px;	
		text-decoration:none;	
	}
	
	#contenu ul li a:hover{	
		text-decoration:underline;	
	}


/***********************************************/
/***** INFOS ARTICLE (publié le..., par...) ****/
/***********************************************/
	.article-info{
		font-size:10px;
		color:#545454;/*ILAR gris*/	
		margin-bottom:0px;
	}
	
	.article-info a{
		font-size:10px;
		color:#545454;/*ILAR gris*/	
		margin-bottom:0px;
		text-decoration:underline;
	}
	
	.article-info-term{
		float:left;
		margin-right:10px;
		color:#545454;/*ILAR gris*/		
	}
	
	.category-name{
		font-weight:bold;
		color:#545454;/*ILAR gris*/		
	}


/************************************/
/***** PAGINATION *****/
/************************************/
	.pagination{
		clear:both;	
		text-align:center;
		margin-bottom:20px;
	}
	
	#contenu.pagination ul {
		margin-top:20px;
		list-style-type:none;
		padding:0px;
		overflow:hidden;
	}
	
	.pagination ul li{
		padding:5px; 
		margin:0px;
		display:inline;
	}
	
	#alpha-index .pagination ul li.disabled{
		display:none;
	}

        .pagination-centered .disabled a{
		pointer-events:none;
	}	
	
	.pagination ul li a{
		border:none;
		color:#ff5e61; /*ILAR rouge*/
		display:inline; 
		text-decoration:none;
	}
	
	/*lien précedent - suivant*/
	#contenu ul.pagenav {
		display:block;
		margin:20px 0px 0px 0px;
		list-style-type:none;
		padding:0px;
		overflow:hidden;
		clear:both;
	}
	
	ul.pagenav li{
		display:inline-block;
		padding:0px;
		margin:0px;
	}
	
	ul.pagenav li a,
	ul.pagenav li a:hover{
		border:none;
		margin:0px;
		padding:5px; 
		color:#FFFFFF;/*ILAR blanc*/
		display:inline; 
		background-color:#ff5e61; /*ILAR rouge*/
		text-decoration:none;
	}
	
	ul.pagenav li.pagenav-prev {
		float:left;
	}
	
	ul.pagenav li.pagenav-next {
		float:right;
	}

/************************************/
/***** ARTICLE EN VEDETTE *****/
/************************************/
	.cols-1{
		display: block;
		float: none !important;
		margin: 0 !important;
	}
	
	.cols-2 .column-1{
		width:46%;
		float:left;
		text-align:left;
	}
	
	.cols-2 .column-2{
		width:46%;
		float:right;
		margin:0
	}
	
	.cols-3 .column-1{
		float:left;
		width:29%;
		padding:0px 5px;
		margin-right:4%;
	}
	
	.cols-3 .column-2{
		float:left;
		width:29%;
		margin-left:0;
		padding:0px 5px
	}
	.cols-3 .column-3{
		float:right;
		width:29%;
		padding:0px 5px
	}
	
	.items-row{
		overflow:hidden;
		margin-bottom:10px;
	}
	
	.column-1,
	.column-2,
	.column-3{
		padding:10px 5px;
	}
	
	.column-2{
		width:55%;
		margin-left:40%;
	}
	
	.column-3{
		width:30%
	}

/************************************/
/***** TITRE *****/
/************************************/
	h1,h2,h4,h5,
	h1 a,h2 a, h4 a,h5 a{
		font-size:30px;
		font-weight:bold;	
		color:#545454;/*ILAR gris*/
		text-decoration:none;
		text-align:left;
		margin-bottom:20px;
		line-height:normal;
	}
	
	
	
	h3,
	h3 a{
		font-size:21px;
		font-weight:bold;	
		color:#ff5e61;
		text-decoration:none;
		margin:10px 0px;
		text-align:right;
		border-bottom:dotted 1px #545454;/*ILAR gris*/
		padding:10px 0px;
	}
	
	h4,h5,
	h4 a,h5 a{
		font-size:16px;
		font-weight:bold;	
		color:#545454;/*ILAR gris*/
		text-decoration:none;
		margin-bottom:20px;
		text-align:left;
	}
	
	.newsflash .renseignements-gris{
		line-height:normal;
	}
	
	.newsflash a{
		text-decoration:none;
	}
	
	.newsflash a:hover{
		color:#ff5e61;
	}
	
	
	
/*************************************************************************************************************/
/************************************************* COMPOSANT *************************************************/
/*************************************************************************************************************/
	
/************************************/
/***** XMAP / plan du site *****/
/************************************/
	#xmap{
		padding-left:50px;
		padding-top:30px;
		font-size:18px;
	}
	#xmap H2 {
		margin-top:20px;
	}
	
	#xmap UL {
	list-style-type:none;
	margin:0px;
	padding:0px;
	}
	
	#xmap LI {
		list-style-type:none;
		margin-top:10px;
	}
	
	#xmap li a{
		text-decoration:none;
	}
	.level_1 a{
		font-size:12px;
		padding-left:20px;
	}
	.muted{
		display:none;
	}
	
/************************************/
/***** SIG *****/
/************************************/
	#lbCaption {
	   display:block;
	}
	
	.sigplus-gallery UL{		
	}

/************************************/
/***** SOBI *****/
/************************************/
	#SobiPro .pagination li {
		margin: 0px;
		padding: inherit;
	}
	
	#SobiPro ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	.SobiPro .pull-right {
   	 	float: left;
	}
	
	.SobiPro .navbar-search {
		float: left;
		margin-bottom: 20px;
		margin-top: 5px;
		position: relative;
	}
	
	.SobiPro a {
		color:#ff5e61; /*ILAR rouge*/
	}
	
	.SobiPro a:hover {
		color:#ff5e61; /*ILAR rouge*/
		text-decoration:underline;
	}
	
	.SobiPro .lead {
		font-size: 16px;
		font-weight: 200;
		line-height: 30px;
		margin-bottom: 0px;
	}
	
	.SobiPro H2.lead,
	.SobiPro H2.lead a {
		font-size: 20px;
		font-weight: bold;
		line-height: 30px;
		margin-bottom: 0px;
		padding-bottom:0px;
		color:#545454;/*ILAR gris*/
	}
	
	.SobiPro .nav-collapse form.navbar-search {
		display:none;	
	}
	
	#contenu .SobiPro .navbar .nav li,
	#contenu .SobiPro .navbar .nav li a {
    	float: left;
		margin-bottom:0px;
	}
	
	.SobiPro .row-fluid .span11{
		width: 100% !important;
	}


/*************************************************************************************************************/
/********************************************** STRUCTURE site ***********************************************/
/*************************************************************************************************************/

#global{/*bloc contenant le site*/
	margin-left: auto;
 	margin-right:auto;
	text-align:left;
	width:940px;
	height:auto;
	background-image:url(../images/background.jpg);
	background-repeat:repeat;
	padding: 20px 40px;
}

#top_menu{
	height:20px;
	width:600px;
	margin-bottom:50px;
}

#bloc_droite{
	float:right;
	width:280px  !important;
	width:310px;
	text-align:right;
	min-height:650px !important;
	height:650px;
	height:auto;
	padding-left:30px;
}

#bloc_droite .moduletable{
	font-size:16px;	
}

.userdata{
	border:0;
}

#logo_haut{
	background-image:url(../images/logo-haut.png);
	background-repeat:no-repeat;
	height:190px;
	width:600px;
}

#contenu{
	width:595px;
	height:auto;
	min-height:400px;
	padding-right:30px;
	/*padding-left:5px;*/
	background-image:url(../images/maquette-homepage_13.jpg);
	background-position:right;
	background-repeat:repeat-y;
	margin-top:20px;
	float:left;
}

#footer{
	width:940px;
	min-height:300px;
	margin-top:40px;
	border-top:#ff5e61 20px solid;
		background-image:url(../images/background-footer.jpg);
	background-repeat:repeat;
}

#info{
	width:480px;
	min-height:300px;
	float:left;
	background-image:url(../images/logo-bas.png);
	background-repeat:no-repeat;
}

#contact{
	width:310px;
	min-height:300px;
	float:right;
}

#divers{
	font-size:12px;
	text-align:right;
	margin-top:5px;
}

#divers .moduletable{
	padding-bottom:inherit;
}

#divers .menu li{
	 background-color:inherit;
	 color:#545454;/*ILAR gris*/
	 display:inline;
	 margin-right:10px;
}

#divers .menu li.active a{
	background-color:inherit;
	color:#545454;/*ILAR gris*/
}

.moduletable_slide div{
	text-align:left;
}

.moduletable_slide{
	clear:both;	
}

.moduletable_membre{
	HEIGHT:250px;	
}

.moduletable_membre ul{
	display:none;
}

/***** SOBIPRO *****/

.SobiPro {
  background-color: transparent;
  font-size: 14px;
  line-height: inherit;
  padding: 4px;
}

.SobiPro .pagination ul > li > a.active, .SobiPro .pagination ul > li > a:hover, .SobiPro .pagination ul > li > a:focus, .SobiPro .pagination ul > .active > a, .SobiPro .pagination ul > .active > span {
  background-color: #ff5e61;
  border-color: #ff5e61;
  color: #fff;
}

.SobiPro .alpha .pagination ul li a {
  border-radius: 4px;
  border-width: 1px;
  display: block;
  letter-spacing: -1.3px;
  margin: 1px;
  text-align: center;
  width: auto;
}

.SobiPro h1 {
  color: #ff5e61;
  font-size: 26px;
}

.SobiPro .nav-pills > .active > a,.SobiPro .nav-pills > .active > a:hover,.SobiPro .nav-pills > .active > a:focus,.SobiPro .topmenu .nav > li a.active,.SobiPro .topmenu .nav > li a:focus,.SobiPro .topmenu .nav > li a:hover{background-color:transparent;text-shadow: none;color: inherit;border-radius: 4px; text-decoration:underline;}