/* css */

@font-face {
    font-family: "open sans";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    src: url('../fonts/opensans/OpenSans-Regular.ttf');
}

*{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;


}

img {
	max-width: inherit !important;
}

.highlight{

	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;

	-moz-box-shadow: inset 0 0 2px 2px #888;
	-webkit-box-shadow: inset 0 0 2px 2px#888;
	box-shadow: inset 0 0 2px 2px #888;
}

div.manage.right{
	position:absolute;
	top:10px;
	left:30px;
}

.BabLoginCadreBackground a {
	color: black;
}
a.manage{
	float:left;
	margin-right:5px;
}

li.sbsf_gestion_li a,
li.sbsf_gestion_li_modules a {
	color: #777;
}

li.sbsf_gestion_li a:hover,
li.sbsf_gestion_li_modules a:hover {
	color: #999;
}

.page.articles div.manage {
	margin-left: 20px;
}

.page.articles div.manage a {
	text-decoration: none;
}

body {
	color:#737373;
	margin: 50px;
	padding: 0;	
}

#page{
	margin:0 auto;
	min-height:600px;
	margin-top: 100px;
	max-width:1280px;
}

#headercontainer {
    background-color: white;
    margin-top: -110px;
    position: fixed;
    max-width: 1280px;
    width:100%;
    z-index: 1000;
	height:120px;
}

#headercontainer .innertext {
	display: none;
}

@media screen and (max-width: 922px) {

	/*#headercontainer {
		margin-top: 0px;
		height: 110px;
		top: 0px;
	}*/
	
	#page {
		margin-top: 110px;
	}

	#headercontainer .innertext {
		display: block;
	}

}

*+html #page{ /*IE7*/
}

.column{
	border-bottom:1px solid #dedede;
	position:relative;
}

.column h2{
	margin: 0 0 10px 0;
	font-size:17px;
	padding-right:50px;
}

.column h2 a{
	text-decoration:none;
	color:#3E5F98;	
}

.column h2 a:hover{
	color:#555;
}

/**********************HEADER*********************/

#sitename{
	display:inline;
	vertical-align:top;
	color:#315696;
	text-transform:uppercase;
	position:relative;
	top:20px;
	left:10px;
}

#header .article{
	height:150px;
	background:url(../images/banniere.jpg) no-repeat top right #fff;
	overflow:hidden;
	padding:20px;
}

*+html #header .article{ /*IE7*/
	height:110px;
}

#topnav {
	width: 95%;
	margin: 15px auto;
}
/*************************************************/

/**********************FOOTER*********************/
#footer{
	margin: auto;
	color: white;
	font-family: "open sans";
	font-weight: lighter;
	background-color: #4a4a4a !important;
		max-width:1280px;

}

#footer #top #logo img {
	height: 200px;
}

#footer a{
	color: white;
	font-weight: normal;
	font-size: 15px;
	
	-moz-transition: 0.1s ease-out;
	-o-transition: 0.1s ease-out;
	-webkit-transition: 0.1s ease-out;
	-ms-transition: 0.1s ease-out;
	transition: 0.1s ease-out;
	
	font-family: "open sans";
}

#footer a:hover{
	text-decoration: underline;
	color: white;
}

#footer ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: 0;
}

#footer .separator-header{
	width: 0px;
	float: left;
	border-right: 1px dotted white;
	height: 80%;
	margin-top: 3px;
}

#footer .titre {
	font-weight: bold;
	margin: 0 0 10px 0;
}

#footer .texte {
	line-height: 25px;
	color: #CCC;
	font-size: 12px;
}

#footer .separator {
	border-right: 2px solid #555;
	height:100px;
	display:inline-block;
}

#footer .newsletter-fields {
	width: 100%;
	margin-top: 0;
}

#footer #top {
	background-color: #38383a;
}

#footer #top ul li {
	line-height: 22px;
}

#footer #top #bloc {
	display: inline-block;
	vertical-align: middle;
}

#footer #top #bloc .col {
	display: inline-block;
	padding: 0 25px;
	vertical-align: top;
	margin: 15px 0px;
}

#footer #top #bloc .sitemap {
	margin-top: 28px;
}

#footer #top #bloc .col .souscol.contactus {
	margin-top: 20px;
}

#footer #top #bloc .col .souscol.newsletter {
	margin-top: 55px;
}

#footer #top #bloc .col .souscol #icone-linkedin {
	background:url(../images/linkedin.png);
}

#footer #top #bloc .border {
	border-left: 2px solid #555;
	border-right: 2px solid #555;
}

#footer #top #logo {
	display: inline-block;
	padding: 0px 0 20px 25px;
	vertical-align: middle;
}

.tweet, .rsx_sociaux, .liens, .infosfooter {

	display:block;
	color:#fff;
    	font-family: "open sans";
	font-weight:lighter;
	float:left;
	text-align:center;
	width:34%

}

.tweet h5, .rsx_sociaux h5, .liens h5, #infosfooter h5{

	color:#83a8cf;
    font-family: "open sans";
	font-weight:lighter;
	font-size:18px;

}

.tweet h5 {
	margin-top:22px;
}

.rsx_sociaux h5{

	border-bottom: 2px solid #a3a3a3;
	width:49%;
	font-weight:lighter;
	padding-bottom:10px;
	margin-top:22px;
}


.twitter-timeline {
	margin:0 auto;
}

.liens h5{

	border-bottom: 2px solid #a3a3a3;
	width:50%;
	padding-bottom:10px;


}

.rsx_sociaux img{

    float: left;
    margin: 10px 19px;
    width: 7%;


}

.liens li{

	list-style-type:none;

}

.liens a{


    float: left;
    width:51%;
}

.liens, .rsx_sociaux{

	margin-left: 5%;


}

#contactfooter {

	width:100%;
	padding-top: 20px;

}

#contactfooter h5{

	color: #83a8cf;
	font-family: "open sans";
	font-weight: lighter;
	font-size: 18px;

}

#map img{

	display:block;
	width:20%;
	margin-top:30px;

}

#copyright {

	background-color: #4a4a4a !important;
	height:60px;
	border-top: 2px solid #8bc5d2;
	padding-top: 18px;
	width:85%;
	margin: 30px auto;

}

#copyright p {

	text-align:center;
	font-family:"open sans", Arial;
	font-weight: lighter;

}


#infosfooter {

	padding: 5px 0;

}



@media screen and (min-width: 400px) and (max-width: 800px) {

#map {

	margin-top:20px;
	display:none;

}

.tweet {

	display:none;

}

.rsx_sociaux, .liens, .infosfooter {

	display:block;
	color:#fff;
    	font-family: "open sans";
	font-weight:lighter;
	float:left;
	text-align:center;
	width:51%

}

.rsx_sociaux h5{

	border-bottom: 2px solid #a3a3a3;
	width:44%;
	font-weight:lighter;
	padding-bottom:10px;
	margin-top:30px;


}

.rsx_sociaux img{

	float: left;
	margin-left: 5%;
	width: 8%;


}

.liens, .rsx_sociaux{

	margin-left: 5%;


}


#copyright {

	background-color: #4a4a4a !important;
	height:60px;

}

#copyright p {

	text-align:center;
	font-family:"open sans", Arial;
	font-weight: lighter;

}

#copyright img{

	margin-left:0%;
	width:100%;
}
	
}

@media screen and (min-width: 365px) and (max-width: 400px) {

#map {

	margin-top:20px;
	display:none;

}

.rsx_sociaux, .liens, .infosfooter {

	display:block;
	color:#fff;
    	font-family: "open sans";
	font-weight:lighter;
	float:left;
	text-align:center;
	width:100%

}

.rsx_sociaux img{

float: left;
margin-left: 5%;
width: 8%;


}

.liens, .rsx_sociaux{

	margin-left: 20%;


}

.tweet {

	display:none;

}

#contactfooter {

	width:50%;
	margin:auto;
}



#copyright {

	background-color: #4a4a4a !important;
	height:60px;

}

#copyright p {

	text-align:center;
	font-family:"open sans", Arial;
	font-weight: lighter;

}

#copyright img{

	margin-left:0%;
	width:100%;
}

}

@media screen and (min-width: 280px) and (max-width: 365px) {

#map {

	margin-top:20px;
	display:none;

}

.rsx_sociaux, .liens {

	display:block;
	color:#fff;
    font-family: "open sans";
	font-weight:lighter;
	float:left;
	text-align:center;
	width:100%;
}
.tweet {

	display:none;

}
.rsx_sociaux img{

    float: left;
    margin-left: 3%;
    width: 10%;


}


.liens, .rsx_sociaux{

	margin-left: 15%;


}

#contactfooter {

	padding-left: 50px;
}


#copyright {

	background-color: #4a4a4a !important;
	height:60px;

}

#copyright p {

	text-align:center;
	font-family:"open sans", Arial;
	font-weight: lighter;

}

#copyright img{

	margin-left:0%;
	width:100%;
}

}

@media screen and (max-width: 280px) {

#map {

	margin-top:20px;
	display:none;

}

.rsx_sociaux, .liens, .infosfooter {

	display:block;
	color:#fff;
    	font-family: "open sans";
	font-weight:lighter;
	float:left;
	text-align:center;
	width:100%

}
.tweet {

	display:none;

}

.liens, .rsx_sociaux{

	margin-left: 10%;
	width:325px;


}

#contactfooter {

	padding: 10%;
	width:100%
}

#copyright {

	background-color: #4a4a4a !important;
	height:60px;

}

#copyright p {

	text-align:center;
	font-family:"open sans", Arial;
	font-weight: lighter;

}

#copyright img{

	margin-left:0%;
}

}

/*************************************************/


#centercontent{
	/*padding-top:30px;
	padding-left:20px;*/
}

#leftcontent {
	width:160px;
	background-color:#F8F596;
	border-right:#191A72 1px solid;
	border-top:#191A72 1px solid;
	border-bottom:#191A72 1px solid;
	z-index: 99;
}

#left_menu_btn {
	display:block;
	width:11px;
	height:150px;
	position:absolute;
	top:10px;
	right:-11px;
	background:url('../images/menubtn.gif') no-repeat left top;
	cursor:pointer;
}
/* OVIDENTIA DATA TABLES */

.BabLoginCadreBackground > table {
    border: none !important;
}

tr.BabSiteAdminFontBackground > td,
tr.BabForumBackground1 > td,
tr.BabSiteAdminTitleFontBackground > td {
    border: 1px solid #ffffff ! important;
    padding: 14px ! important;
}
tr.BabSiteAdminFontBackground > td {
    background-color: #e5e5e5 ! important;
}
tr.BabForumBackground1 > td {
    background-color: #eeeeee ! important;
}

tr.BabSiteAdminTitleFontBackground > td {
    background-color: #333333 ! important;
    color: #ffffff;
    font-size: 125%;
    font-weight: normal;
}

tr.BabSiteAdminTitleFontBackground > td a {
    color: #ffffff;
}



table .BabLoginCadreBackground table td {
	padding: 10px;
}



html .bab_toolbarItem, html .bab_toolbarItem:link, html .bab_toolbarItem:visited {
    background: none repeat scroll 0 0 #555;
    border: 1px solid #555;
    border-radius: 0;
    color: #fff;
    line-height: 23px;
    margin: 0.4em 0 0.4em 0.4em;
    padding: 5px 15px;
    text-decoration: none;
    text-transform: uppercase;
	font-size: 13.333px;
}


#ctx_menu {
	border-bottom: none;
	list-style-type: none;
}
html #ctx_menu {
	height: 40px;
	margin: 0;
}

html #ctx_menu a:link, #ctx_menu a:visited, #ctx_menu span {
    background: none repeat scroll 0 0 #555;
    border: 1px solid #555;
    border-radius: 0;
    color: #fff;
    margin: 0.4em 0 0.4em 0.4em;
    padding: 5px 15px;
    text-decoration: none;
    text-transform: uppercase;
	font-size: 13.333px;
	float: left;
	margin: 0 5px 0 0;
	top: 0;
}
#ctx_menu span {
	background-color: #f59000;
	border-color: #f59000;
	background-color: #e5e5e5;
	border-color: #e5e5e5;
	color: #000;
}


.portlet-toolbar {
	display: none !important;
}
.portlets-edit-mode .portlet-toolbar {
	display: block !important;
}


/* LIST ELEMENTS */

.widget-layout-vbox-item.widget-list-element {
	background-color: #cacaca;
	padding: 12px;
	border-bottom: 0px solid #fff;
}

.widget-layout-vbox-item.widget-list-element:nth-child(odd) {
	background-color: #dbdbdb;
}


#bab_montha table {
    width:95%;
    padding:0px;
    border-collapse:collapse;
    margin:0 auto;
    }

#bab_montha thead td {
    font-weight:bold;
    border-bottom:#ccc 1px solid;
    }

#bab_montha td {
    padding:1px;
    text-align:center;
    }

.BabCalendarCurrentDayNumberSection {
    border:#ccc 1px solid;
    background-color:#D2EAFF;
    }

/* calendar ++ */

.bab_cal_buttons {
    padding:.6em 0;
    background-color:#eee;
    margin-top:.5em;
    }

.bab_cal_buttons a {
    text-decoration:underline;
    padding:3px;
    color:#000;
    }

.bab_cal_buttons a:hover {
    color:#000;
    background-color:#fff;
    }

/* fileman ++ */

body.fileman#list #centercontent .main.column a {
    text-decoration:none;
    }

body.fileman#list #centercontent .main.column a:hover {
    color:#f60;
    }

/* topic */

#BabCategTitleNavigation {
    background-color:#F7FFEB;
    border:#B9D987 1px solid;
    margin:.5em .5% ;
    }

#BabCategTitleNavigation table {
    border-collapse:collapse;
    /*width:100%;*/
    height:20px;
    }

#BabCategTitleNavigation td {
    border:0;
    padding:0;
    margin:0;
    padding-left:.5em;
    }

#BabCategTitleNavigation p {
    padding:.2em .5em;
    margin:3px 4px;
    }

#BabCategTitleNavigation a {
    text-decoration:none;
    color:#000;
    }

#BabCategTitleNavigation a:hover {
    color:#930;
    }

#BabCategTitleNavigation .bab_buttons a {
    display:block;
    text-align:center;
    width:8em;
    background-color:#B9D987;
    padding:.2em .5em;
    margin:3px 4px;
    border:#879E63 1px solid;
    }

#BabCategTitleNavigation .bab_buttons a:hover {
    background-color:#fc3;
    border:#F09C18 1px solid;
    }


ul.BabCategTitleNavigation {
    padding: 2.5em;
    margin: 2.5em 15%;
    border: #039 2px solid;
    background-color:#BFD7EF;
    list-style-type:square;
    color:#039;
    }

ul.BabCategTitleNavigation li {
    padding-bottom:.5em;
    }

ul.BabCategTitleNavigation li a,
ul.BabCategTitleNavigation li a:visited {
    text-decoration: none;
    color:#000;
    font-size:1.2em;
    }

ul.BabCategTitleNavigation li a:hover {
    text-decoration: underline;
    }

ul.BabCategTitleNavigation ul {
    font-weight: normal;
    font-style: italic;
    padding-left: 1em;
    margin:0;
    padding:0;
    list-style-type:none;
    }

body.page.articles .bab_repeat {
	padding: 30px 32px;
	background-color: rgba(150,150,150,0.1);
}

body.page.articles .bab_repeat.applications {
	padding: 13px 13px;
	position: relative;
}

.applications h1.arttitle {
	margin-top: 25px;
	margin-bottom: 10px;
}

body.page.articles .bab_buttons .bab_title {
    font-weight:bold;
    }

/* PUBLIC CORE CSS */
.BabCalendarBodyBadMonthBackground {
    background-color: #ccc;
    }

.BabContentBackground,
.BabMenuActiveBackground {
     background-color: #fff;
     color:#000;
     }

.BabCalendarMenuActiveBackground {
    background-color: #fff; 
    color: #116; 
    font-weight: bold;
    }
     
.BabBodyTitleBackground,
.BabLoginMenuBackground { 
	margin-top: 15px;
    }

.BabLoginMenuBackground a {
    text-decoration:none;
    font-weight:bold;
    }

.BabLoginMenuBackground a:hover {
    color:#000;
    text-decoration:underline;
    }

.BabSiteAdminFontBackground,
.BabTopicsBackground,
.BabTopicsButtonBackground {
    color: #656565;
    font-size:14px;
    padding: 0;
    }
    
.BabTopicsBackground img {
    max-width : 100%;
}

.Babhighlight { 
    background-color: #f00;
    }

/* background and font error messages  */
.BabErrorMessage {
    /*background-color: #fff;*/ 
    color: #f33;  
    font-weight: bold;
    }
    
.BabWarningBodyBackground  {
    background-color: #fff; 
    color: #000;  
    font-weight: bold;
    }

.BabWarningBodyBackground a:Link,
.BabWarningBodyBackground a:Visited { 
    color: #00c; 
    font-weight: bold;
    }

.BabWarningBodyBackground a:Hover {
    color: #FF3333; 
    }

/* admin letterlist users/contacts */
.BabLetterlists { 
    color: #000000; 
    background-color: #FFFFFF;  
    font-weight: bold;
    }

.BabLetterlists a:link,
a.BabAlphabetLink:Link,
a.BabAlphabetLink:Visited { 
    color: #009933; 
    font-weight: bold;
    }
    
.BabLetterlists a:Hover,
a.BabAlphabetLink:Hover { 
    color: #000;
    }

a.BabNameEmailLink,
a.BabNameEmailLink:Link,
a.BabTitleSmall,
a.BabTitleSmall:Link { 
    color: #000000;
    }
    
a.BabNameEmailLink:Hover,
a.BabTitleSmall:Hover { 
    color: #0000CC;
    }

/* notes,faq,eventeditor,vacation */
a.BabEventFaqLink,
a.BabEventFaqLink:Link { 
    color: #009933;  
    font-weight: bold;
    }
    
a.BabEventFaqLink:Hover { 
    color: #FF3333;
     }

a.BabContentLinkColor:Link,
a.BabContentLinkColor:Visited,
a.BabSummaryLinkColor:Link,
a.BabSummaryLinkColor:Visited {
    color: #0000CC;
    }
a.BabContentLinkColor:Hover,
a.BabSummaryLinkColor:Hover,
.BabSummaryNbrMessage {
    color: #FF3333;
}

/**************** ARTICLES ****************************/
/* titles */

body.page.articles .bab_repeat .BabTopicsTitleBackground h1,
body.page.articles .bab_repeat .BabTopicsTitleBackground h2,
#management_links h2{
    color: #666666;
    font-weight: 600;
    font-size: 24px;
    text-align:left;
    letter-spacing: 0em;
    display : inline-block;
    margin: 0;
    margin-bottom: 30px;
    height: 30px;
    line-height: 30px;
    font-family: "open sans", Verdana;
    text-transform: uppercase;
}

#management_links h2 {
	margin-right: 10px;
}

#management_links ul{
	list-style-type: none;
}

.absolutelink {
	display: block;
	position: absolute;
	left: 0;
}

body.page.articles .bab_repeat h2 {
    color : #e00021;
    font-size: 22px;
    text-transform: uppercase;
}

body.page.articles .bab_repeat h2 {
    font-size : 1.4em;
}

body.page.articles .bab_repeat h3 {
    font-size : 1em;
	 color: #3bb46b;
}

body.page.articles .bab_repeat.manageable {
	margin: 0;
}

body.page.articles .bab_repeat.manageable table {
	margin: 0;
}

.ctr_ctnt table tr td {
	padding: 0;
}

.BabTopicsTitleBackground {
	padding: 0;
}
/* font and background articles */
.BabTopicsAuthorBackground {
    border-bottom:#ccc 1px solid;
    }

.BabMonthCalendarCurentDayBackground {
    background-color: #E6E6F7; 
    color: #000000; 
    }

.BabArticleSpacing { 
    height: 5px; 
    }

a.BabTopicsFooterLink,
a.BabTopicsFooterLink:Link,
a.BabTopicsFooterLink:Visited { 
    color: #4990B1; 
    text-decoration: none;
    }
    
a.BabTopicsFooterLink:Hover {
    text-decoration: underline;
    }
    

.BabTopicsAuthorBackground {
    padding:0;
    padding-top:5px;
    }

a.BabTopicsFooterMoreLink:Link,
a.BabTopicsFooterMoreLink:Visited { 
    color: #000;
    text-decoration: none;
    border:#ccc 1px solid;
    padding:1px 4px;
    border-width:1px 1px 0 1px;
    background:#fff;
    margin-right:1em;
    position:relative;
    font-weight:bold;
    }

a.BabTopicsFooterMoreLink:Hover { 
    background-color:#fc3;
    border-color:#fc3;
    }

/********** AGENDA **** CALENDAR ******************************/

.BabCalendarBodyBackground,
.Blackbg { 
    background-color: #000000; 
    }

/*names of the days on top of monthcalendar*/
.BabCalendarDays { 
    background-color: #181A91; 
    color: #FFFFFF;  
    font-weight: bold;
    }

.BabMonthCalendarEventHourfont { 
    background-color: #FFFFFF; 
    color: #009933; 
    }

/***************** MAIL ******************************/

/* white background  in use on inbox  groups  - plus links */
.BabMailBackground { 
    background-color: #FFFFFF;
    color: #000000;
    font-weight: bold;
    }

/***************** FORUMS**********************************/

/*threads*/
.BabForumBackground,
.HeaderDayCalendar { 
    background-color: #FFFFFF;  
    }
.BabForumBackground1 {
    background-color: #F3F3F3;
    }

a.BabForumNavigation,
a.BabForumNavigation:Link,
a.BabForumNavigation:Visited { 
    color: #111166; 
    font-weight: bold;
    }
    
a.BabForumNavigation:Hover {
    color: #009933;
    }

 /*posts*/
.BabForumTopicsNavTitle,
.BabForumTopicsNavDate, 
.BabForumTopicsNavAuthor {
    background-color: #E6E6F7; 
    color: #111166;  
    font-weight: bold;
    }

a.BabForumTopicsConfirm,
a.BabForumTopicsConfirm:Link,
a.BabForumTopicsConfirm:Visited { 
    color: #4990B1; 
    text-decoration: none;
    }
a.BabForumTopicsConfirm:Hover 
    { 
    text-decoration: underline;
    }

a.BabForumTopicsNavContribution:Link,
a.BabForumTopicsNavContribution:Visited { 
    color: #000000;
    }
a.BabForumTopicsNavContribution:Hover { 
    color: #0000CC;
    }

.BabForumTopicsNavTreeBody { 
    background-color:#FFFFFF; 
    color: #000000;   
    font-weight: bold;
    }
    

.BabForumTopicsNavTreeLive {
    background-color:#FFFFFF;
    color:#FF3333;
    font-weight:bold;
    }
    
/************* ADMINISTRATION SITES*************/

.BabSiteAdminTitleFontBackground,
.BabFaqTitleFontBg,
.BabTopicsAdminListTitle {
    background-color: #c9c9c9; 
    color: #000 ; 
    font-weight: bold;
    }

    
.BabSiteAdminSmall {
    background-color: #D1D1D9; 
    color: #111166 ;  
    font-weight: bold; 
    }


.BabSiteAdminFont { 
    color: #000; 
    }

/********* FAQ **** NOTES ********************************/
a.BabFaqLink,
a.BabFaqLink:Link,
a.BabFaqLink:Visited { 
    color: #0000CC; 
    font-weight: bold;
    }
    
a.BabFaqLink:Hover { 
    color: #FF3333; 
    }

.BabFaqQuestion { 
    background-color: #FFFFFF; 
    color: #0000CC;
    font-weight: bold;
    }


/********** ADMINISTRATION THEMES TOPICS **********/


a.BabTopicsAdminTitleLink,
a.BabTopicsAdminTitleLink:Link,
a.BabTopicsAdminTitleLink:Visited { 
    color: #111166; 
    font-weight: bold;
    }
    
a.BabTopicsAdminTitleLink:Hover { 
    color: #009933;
    }/******************* MODIF STYLE FORMULAIRE **************/

.ADDON_FORMS {
    border: none;
    margin: 0;
    padding: 30px;
}

.ADDON_FORMS span.suffix {
	display: none;
}

.ADDON_FORMS fieldset div label,
.ADDON_FORMS fieldset div .label {
    width: 20%;
    color: #000;
}

.ADDON_FORMS_edit .asterix {
	color: #666666;
	font-size: 9px;
}

.ADDON_FORMS_edit .textarea {
	padding: 0;
	margin: 0;
	border:1;
}

.ADDON_FORMS_edit .textarea textarea{
	width: 70%;
	height: 130px;
	border: 0;
}

.ADDON_FORMS_edit input {
	width:100%;
	height:35px;
	font-size:1.2em;

}

.ADDON_FORMS_edit div.text,
.ADDON_FORMS_edit div.select,
.ADDON_FORMS_edit div.textarea {
	margin-bottom: 5px;
}

.ADDON_FORMS fieldset div label,
.ADDON_FORMS fieldset div .label {
    color:#444;
    font-weight:normal !important;
	font-family: "open sans", Arial;

}

.ADDON_FORMS_edit input[type="button"] {
	height: 38px;
	font-size: 14px;
	color: white;
	background-color: #666666;
	line-height: 36px;
	text-transform: uppercase;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
}

.ADDON_FORMS_edit input[type="button"]:hover {
	height: 38px;
	font-size: 14px;
	color: white;
	background-color: #0065a6;
	line-height: 36px;
	text-transform: uppercase;
	cursor:pointer;
}

/*************************************************
    $ Structure de la page
*************************************************/

#centercontent{
	word-spacing:-1em;
}

#centercontent *{
	word-spacing:normal;
}

.column{
	display:inline-block;
	vertical-align:top;
}

*+html .home .column{ /*IE7*/
	display:inline;	
}

.main{
	width: 95%;
	margin: auto;
}

/*.main.column{
	width:66%;
	margin-right:30px;
}*/

.zone-separator{
	background : url(../images/separateur.png) no-repeat center;
	width: 100%;
	height: 50px;
	margin: 10px 0px;
}
div.articles.actus {
	margin: 25px auto;
}

div.article h2,
div.articles h2{
	margin: 0;
	padding-left: 10px;
	border-left: 4px solid black;
	border-bottom: 1px solid grey;
	color: black;
}

div.article h2 a,
div.articles h2 a{
	color: black;
}

div.articleactu {
	width: 30%;
	margin: 18px;
	float: left;
	text-align: justify;
}
.right.column{
	width:30%;
	padding-bottom:35px;
}

.right.column .article{
	padding:5px;
}

.right.column h2{
	padding-top:10px;
}

.right.column h2 a{
	color:#8B1D25;
}

.right.column h2 a:hover{
	color:#555;
}

.right.column .manage img{
	height:16px;
}

.right.column .date{
	color:#8B1D25;
	text-decoration:none;
	font-weight:bold;
}

.right.column p{
	margin:0;
}

/*************************************************
    $ Personnalisation des portlets
*************************************************/

.portlet-toolbar {
    display : none;
}

.portlets-sortable .portlet-toolbar {
    display : block;
}

body .portlet-frame, body .bab-portlet-container.portlets-sortable .portlet-frame:hover {
    border : none;
}

.portlet-content {
    position : relative;
}

body .portlets-button {
    width : 22px;
    height : 22px;
}

#portlet-carrousel .portlet-content {
	overflow : visible;
}

#bouton_lien a{
	float:right;
	width:45%;
	margin:-6% auto;
	background-color: #f09f1d;
	border-radius: 3px;
	box-shadow: inset 0px -4px 0px 0px #c98518;
	padding: 1% 0% 1% 14%;
	font-size: 150%;
	color: #ffffff;
	text-decoration: none;
	font-family: "open sans";
	}

#bouton_lien2 a{
	float:left;
	width:100%;
	padding:3% 1% 3% 6%;
	margin-top:10%;
	background-color: #0065A6;
	border-radius: 3px;
	box-shadow: inset 0px -3px 0px 0px #064F7D;
	font-size: 110%;
	color: #ffffff;
	font-family: "open sans";
	text-decoration: none;
	}

#bouton_lien3 a{
	float:left;
	width:100%;
	padding: 3% 7% 3% 10%;
	margin-top:10%;
	background-color: #0065A6;
	border-radius: 3px;
	box-shadow: inset 0px -3px 0px 0px #064F7D;
	font-size: 110%;
	color: #ffffff;
	font-family: "open sans";
	text-decoration: none;
	}
	
#clear{
	width:100%;
	border-top: 2px solid #0065a6;
}
.cadre1 #logo img{
   	float:left;
	width:18%;
}


#cadre2_2 #logo img {
	width:30%;
	float:left;
	margin-right:6%;
}
#cadre2_3 #logo img {
	width:30%;
    float: left;
    margin-right:6%;
}

#newsletter a {
	width:54%;
	/*margin:0 33%;*/
	display:block;
	margin-left:22%;
	background-color: #0065A6;
	padding: 3% 3% 3% 4%;
	font-size: 80%;
	color: #ffffff;
	text-decoration: none;
	font-family: "open sans";
}

/*************************************************
    $ Personnalisation du slider
*************************************************/

#home_slider {
    height : 200px;
    
    list-style-type : none;
}

.panel {
    position : relative;
}

.panel .overlay {
    padding : 10px 12px 12px;
    position : absolute;
    bottom : 0;
    left : 0;
    right : 0;
    
    color : black;
    background-image : url('../images/bg-texte-slider.png');
    
    z-index : 2;
}

.panel .overlay h2 {
    margin : 0;
}

.logo-container {
	width: 142px;
	height: 142px;
	position: absolute;;
	left: 0px;
	top: 0px;
	z-index:50000;
	
	-moz-transition: all ease-out 0.5s;
	-o-transition: all ease-out 0.5s;
	-webkit: all ease-out 0.5s;
	-ms-transition: all ease-out 0.5s;
	transition: all ease-out 0.5s;
}

#headercontainer.headerstick .logo-container{

}

.logo-container img {
	height: 81px;
	margin-top:8px;
}


.stat{

	width:20%
	margin:auto;

}

.infos-contact{

	float:left;
	margin:10%;
}

h1, h4 {

	font-family:"open sans", Arial;
	text-transform:uppercase;
}



/******* Gestion ******/

.gestion .grid1 {
	display: inline-block;
	vertical-align: top;
}


.gestion .grid1.no-margin-left {
	margin-right: 100px;
}

form.icon-left.widget-form {
	height: auto;
}

div.icon-left.widget-filepicker,
div.widget-filepicker-files {
	height: auto;
}

#page .portlet-frame {
	margin: 0;
}

#bab-menu ul {
	list-style-type: none;
}

.bab_repeat ul,
.bab_repeat ol {
	padding-left: 40px;
}

.associatedimg {
	display: inline-block;
	max-width: 250px;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

.associatedimg img {
	max-width: 100%;
}

/******* Contenu NestedAccordion ********/

.cbp-ntaccordion .read-more a{

	display: inline-block;
	float: right;
	color: #fff;
	background-color: #3082b8;
	font-size: 15px;
	font-family: "open sans", Lato, Verdana, Arial;
	padding: 5px 10px;
	
	border: 1px solid #3082b8;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	
	-moz-transition: all ease-out 0.2s;
	-webkit-transition: all ease-out 0.2s;
	-o-transition: all ease-out 0.2s;
	-ms-transition: all ease-out 0.2s;
	transition: all ease-out 0.2s;

}

.cbp-ntaccordion .read-more a:hover{

	background-color: #83a8cf;
	color: #ffffff;

}

.cbp-ntcontent > ul li {
	list-style:initial;
	list-style-position:inside;
}

.cbp-ntcontent > ol li {
	list-style:inherit;
	list-style-position:inside;
}

/******* Personnalisation des formulaires ********/

.readonly.fieldtitle.f1833{ 		/** MESSAGE RAPPEL DEPOT DE DOSSIER **/
	text-align:center;
}

.date.f1702 {
	/*margin-left:3%;*/
	text-align:center;
}

.directory.f1603{					/** FICHIERS **/ 
	height:12em;
}

.ADDON_FORMS_edit textarea, .ADDON_FORMS_edit .textarea textarea {		/**TEXTAREA**/
	margin:10px;
	border: 1px solid #A9A9A9;
}

.ADDON_FORMS fieldset div label, .ADDON_FORMS fieldset div .label{		/**LABEL**/
	margin-top:2px;
}

.ADDON_FORMS_edit input {							/**CHAMPS**/
	margin-left:3%;
	margin-top:auto;
	width:35%;
}

.ADDON_FORMS_navigation input{ 						/**BOUTONS**/
	width:50%;
	display:inline-block;
}

.ADDON_FORMS_list {
  margin: 0.5em auto;
  width: 100%!important;
}

.ADDON_FORMS_list .bab_list {
  margin: 0 auto;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 8px 0;
  width: 100%!important;
}

table.fiche-identite-membre {
	background: #3083B9!important;
	color:#fff;
	padding:20px;
}

.BabCVSoc {
	padding-left:10px;
}

.BabCVEmail {
  padding-left: 15px;
}