/* Ovidentia Cascading Style Sheets (CSS) */

/* Main styles */

body {
	margin: 7px auto;
	padding: 0px;
	font-family: Arial, "DejaVu Sans", Tahoma, Verdana, sans-serif;
	font-size: 10px;
	width: 1004px;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #000;
	text-align: left; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #d7d8d8;
}

input, textarea {
	background-color: #d7d8d8;
}

.twoColFixLtHdr #container { 
	width: 1004px;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
	background: #000;
	margin: 7px auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	border: 1px solid #000;
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
} 
.twoColFixLtHdr #header { 
	background: #000; 
	/*padding: 0 10px 0 20px;   ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent en dessous. Si, au lieu de texte, c'est une image qui est insérée dans l'élément #header, il est conseillé de supprimer le remplissage.*/
	background-image:url(../img/bar_horizontal.png);
	background-position:bottom;
	background-repeat:repeat-x;
	padding-bottom:10px;
} 
.twoColFixLtHdr #header h1 {
	margin: 0; /* la mise à zéro de la marge du dernier élément du div #header permet d'éviter une disparition de la marge (espace inexplicable entre les éléments div). Si l'élément div est entouré d'une bordure, cette précaution n'est pas nécessaire, car la bordure évite également la disparition de la marge */
	padding: 10px 0; /* l'utilisation de remplissage, au lieu d'une marge, permet d'éloigner l'élément des bords de l'élément div */
}
.twoColFixLtHdr #sidebar1 {
	float: left; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 200px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
	background: #000; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
	padding: 15px 10px 15px 20px;
	border:1px solid blue;
}
.twoColFixLtHdr #mainContent { 
	margin: 0 0 0 250px; /* La marge gauche de cet élément div crée la colonne qui s'étend sur le côté gauche de la page - quel que soit le contenu de l'élément div sidebar1, l'espace de cette colonne reste intact. Vous pouvez supprimer cette marge si vous souhaitez que le texte de l'élément div #mainContent remplisse l'espace de l'élément #sidebar1 lorsque le contenu de ce dernier se termine. */
	padding: 0 20px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
	text-align:justify;
	font-size:14px;
	border:1px solid yellow;
} 
.twoColFixLtHdr #footer { 
	padding: 0 10px 0 20px; /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent au-dessus. */
	background:#000; 
	border:1px solid green;
} 
.twoColFixLtHdr #footer p {
	margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
	padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
}
.fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

input, textarea, select {
	background-color: #d7d8d8;
}

td {
	font-size: 10pt;
}

h1 {
	font-size: 1.5em;
	margin: .4em 0;
}

h2 {
	font-size: 1.4em;
	margin: .3em 0;
}

h3 {
	font-size: 1.3em;
	margin: .2em 0;
}

h4 {
	font-size: 1.2em;
	margin: .2em 0;
}

h5 {
	font-size: 1.1em;
	margin: .2em 0;
}

h6 {
	font-size: 1em;
	margin: .2em 0;
}

a img {
	border: 0;
}

a:link,
a:visited {
	color: #d7d8d8;
	outline: none;
}

a:hover {
	text-decoration: none;
	color: #444444;
	outline: none;
}

hr.clear {
	clear: both;
	visibility: hidden;
}

h1.title {
	font-family: Arial, "DejaVu Sans", Tahoma, Verdana, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	color: #4D97BC;
	padding-left: 25px;
}

h2.title {
	font-family: Arial, "DejaVu Sans", Tahoma, Verdana, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #039;
	padding-left: 25px;
	background: transparent url('../images/puce5.gif') no-repeat 4px 50%;
}

h2.msgerror {
	font-family: Verdana, Arial;
	font-size: 1.3em;
	font-weight: bold;
	color: #f00;
	padding-left: 40px;
	background: transparent url('../images/puce6.gif') no-repeat 25px 50%;
}

#ovfx_page .bab_content table {
	text-align: left;
}

/* Structure of the site: header, sections, body of the page, footer */

/* Header */

#ovidentia_header {
	height: 100px; 
	background: #000; 
	/*padding: 0 10px 0 20px;   ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent en dessous. Si, au lieu de texte, c'est une image qui est insérée dans l'élément #header, il est conseillé de supprimer le remplissage.*/
	background-image:url('../images/bar_horizontal.png');
	background-position:bottom;
	background-repeat:repeat-x;
	padding-bottom:10px;
}

#ovidentia_header2 {
	display: none;
	height: 5px;
	background: #D8DBE5 url('../images/bgheadrepeat.gif') repeat-x 0 100%;
}

body.ovidentia_themedefaut_fullbody #ovidentia_header2 {
	display: block;
	height: 5px;
	background: #D8DBE5 url('../images/bgheadrepeat.gif') repeat-x 0 100%;
}

body.ovidentia_themedefaut_fullbody #ovidentia_header {
	display: none;
}

#ovidentia_header .ovidentia_head_logo {
	margin-left: 18px;
}

#ovidentia_header .ovidentia_slogan {
	position: relative;
	top: -48px;
	left: 15px;
	color: #B2BFE8;
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 20px;
}

#ovidentia_headtopright {
	margin-top: -110px;
	margin-left: 740px;
	width: 230px;
	height: 37px;
}

#ovidentia_headtopright .ovidentia_valueformsearch {
	position: relative;
	top: 7px;
	left: 0px;
	width: 135px;
	height: 18px;
	border: #666666 1px solid;
	background-color: #3d3d3d;
	padding: 2px 0px 0px 0px;
	color: white;
}

#ovidentia_headtopright .ovidentia_submitformsearch {
	position: relative;
	top: 7px;
	left: 0px; width : 22px;
	height: 22px;
	border: black 0px solid;
	background: url('../images/loupe.png') no-repeat 100% 0;
	width: 22px;
}

#ovidentia_header .ovidentia_formsearch_button {
	background: transparent url('../images/loupe.png') no-repeat 100% 0;
}

#ovidentia_headbottomright {
	margin-top: -5px;
	margin-left: 870px;
	width: 330px;
}

.ovidentia_headusername {
	color: #FFFFFF;
	font-variant: small-caps;
	font-weight: bold;
	opacity: 0.9;
	text-align: center;
	margin-top:10px;
	margin-left:-230px;
}

/* Toolbar */

#ovidentia_toolbar {
	height: 44px;
}

.ovidentia_toolbar_fullbodylink {
	display: none;
	position: relative;
	top: 7px;
	left: 20px;
	width: 14px;
	height: 14px;
}

/* Sections and body */

#leftcontent {
	float: left;
	margin-left: 45px;
	margin-top: -30px;
	width: 200px;
}

body.ovidentia_themedefaut_fullbody #leftcontent {
	display: none;
}

#centercontent {
	margin: 0 0 0 250px; /* La marge gauche de cet élément div crée la colonne qui s'étend sur le côté gauche de la page - quel que soit le contenu de l'élément div sidebar1, l'espace de cette colonne reste intact. Vous pouvez supprimer cette marge si vous souhaitez que le texte de l'élément div #mainContent remplisse l'espace de l'élément #sidebar1 lorsque le contenu de ce dernier se termine. */
	padding: 0 20px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
	text-align:justify;
	font-size:14px;
	
	/*margin-left: 250px;*/
	/*margin-right: 160px;*/
	/*width: 700px;*/
	voice-family: "\"}\"";
	voice-family: inherit;
}

body.ovidentia_themedefaut_fullbody #centercontent {
	margin-left: 0px;
	margin-right: 0px;
}

#rightcontent {
	/*position: absolute;
	right: 80px;
	top: 151px;*/
	width: 200px;
}

body.ovidentia_themedefaut_fullbody #rightcontent {
	display: none;
}

/* Footer */

#ovidentia_footer {
	/*margin: 60px 0px 0px 0px;*/
	margin: 0 10px 0 20px;
	padding: 0.3em 1em;
	color: #AAAAAA;
	font-size: 0.9em;
	font-style: normal;
	text-align: left;
}

body.ovidentia_themedefaut_fullbody #ovidentia_footer {
	display: none;
}

#ovidentia_footer .ovidentia_footeraddress {
	text-align: center;
	font-size: .9em;
	color: #AAAAAA;
}

#ovidentia_footer .ovidentia_footeraddress a:link,
#ovidentia_footer .ovidentia_footeraddress a:visited {
	text-decoration: underline;
	color: #AAAAAA;
}

#ovidentia_footer .ovidentia_footeraddress a:hover {
	text-decoration: none;
	color: #AAAAAA;
}

/* Tabs */

#ovidentia_toolbar .ovidentia_tabs {
	position: absolute;
	top: 120px;
	left: 590px;
	height: 26px;
	border-bottom:1px solid #d7d8d8;
}

body.ovidentia_themedefaut_fullbody #ovidentia_toolbar .ovidentia_tabs {
	position: absolute;
	top: 0px;
}

#ovidentia_toolbar .ovidentia_tabs span {
	padding: 0px 10px 0px 10px;
	display: block;
}

#ovidentia_toolbar .ovidentia_tabs .ovidentia_tabenabled div {
	height: 31px;
}

#ovidentia_toolbar .ovidentia_tabs .ovidentia_tabenabledcenter {
	color: white;
	font-style:italic;
	height: 31px;
}

#ovidentia_toolbar .ovidentia_tabs .ovidentia_tabenabledleft {
	width: 4px;
	height: 31px;
}

#ovidentia_toolbar .ovidentia_tabs .ovidentia_tabenabledright {
	width: 4px;
	height: 31px;
}

#ovidentia_toolbar .ovidentia_tabs .ovidentia_tabdisabled div {
	color: #D2EAFF;
	border-left: white 1px solid;
	border-right: white 1px solid;
	height: 26px;
	margin: 5px 0px 0px 0px;
}

#ovidentia_toolbar .ovidentia_tabs .ovidentia_tabdisabled div span {
	position: relative;
	top: 5px;
}

.ovidentia_tabs a{
	color: #227d96;
}

#ovidentia_toolbar .ovidentia_tabs a:link,
#ovidentia_toolbar .ovidentia_tabs a:visited,
#ovidentia_toolbar .ovidentia_tabs a:hover {
	display: block;
	text-decoration: none;
	outline: none;
}

#ovidentia_toolbar .ovidentia_tabs .ovidentia_tabdisabled a:link,
#ovidentia_toolbar .ovidentia_tabs .ovidentia_tabdisabled a:visited {
	color: #227d96;
	text-decoration: none;
}

#ovidentia_toolbar .ovidentia_tabs .ovidentia_tabdisabled a:hover {
	color: #227d96;
	font-size: 14px;
	font-weight:bold;
}

/* Sections content */

.bab_section {
	/*background-color: #000;*/
	margin-bottom: 6px;
}

.bab_section .bab_content {
	/*background: #E2E2E2 url('../images/bgsectioncontent.png') repeat-x scroll left top;*/
	/*background: #000;*/
	border-bottom: 1px solid #CCCCCC;
	/*border-top: 1px solid #F3F3F3;*/
	display:none;
}

.bab_section .bab_title {
	/*background: #E2E2E2 url('../images/bgsectiontitle.png') repeat-x scroll left bottom;*/
	/*background:#000;*/
	border-bottom: 1px solid #CCCCCC;
	/*border-top: 1px solid #F3F3F3;*/
	color: #d7d8d8;
	display:none;
}

.bab_section .bab_title span {
	margin: 0px;
	padding: 0px 0px 0px 18px;
	font-family: Arial, "DejaVu Sans", Tahoma, Verdana, sans-serif;
	font-weight: bold;
	font-size: 1em;
	color: #d7d8d8;
}

.bab_section .bab_title a:link,
.bab_section .bab_title a:visited,
.bab_section .bab_title a:hover {
	display: block;
	padding: 4px 0px 4px 0px;
	outline: none;
	text-decoration: none;
}

.bab_section .bab_title a:hover {
	background-color: #CCCCCC;
}

.bab_section .bab_title a.ovidentia_sectionopen {
	background: transparent url('../images/sectionopen.gif') no-repeat 2px 6px;
}

.bab_section .bab_title a.ovidentia_sectionclosed {
	background: transparent url('../images/sectionclosed.gif') no-repeat 2px 6px;
}

.bab_section .bab_title .nolink {
	display: none;
}

.bab_section .bab_content h5 {
	font-weight: normal;
	text-align: center;
	margin: .3em 0;
	font-size: 1em;
}

.bab_section table a:link,
.bab_section table a:visited {
	color: #d7d8d8;
}

.bab_section table a:hover {
	background-color: #D2EAFF;
	text-decoration: none;
}

.bab_section ul {
	padding: 0;
	margin: .3em 0 0 0;
	list-style-type: none;
}

.bab_section ul a:link,
.bab_section ul a:visited {
	color: #777777;
	text-decoration: none;
	display: block;
	padding: 2px 1px 2px 10px;
}

.bab_section ul a:hover {
	/*background-color: black;
	color: white;*/
}

.bab_section ul li {
	display: inline;
}

/* User section */

.bab_usersection .bab_title {
	background: url('../images/carre.png');
	border-bottom: 1px solid #26aada;
	border-left: 2px solid #26aada;
}

.bab_usersection .bab_title span {
	color: #d7d8d8;
	font-size:10px;
}

.bab_usersection .bab_content {
	background: url('../images/carre.png');
	border-bottom: 1px solid #26aada;
	border-left: 2px solid #26aada;
	display:block;
}

.bab_usersection ul a:hover {
	font-weight: bold;
	color: #dab226;
	font-size: 14px;
}

.bab_usersection ul a:link,
.bab_usersection ul a:visited {
	color: white;
}

.bab_usersection ul a:hover {
	font-weight: bold;
	color: #dab226;
	font-size: 14px;
}

.bab_usersection ul li.addon a:link,
.bab_usersection ul li.addon a:visited {
	font-weight: bold;
}

.bab_usersection ul li.addon a:hover {
	font-weight: bold;
	color: #dab226;
	font-size: 14px;
}

/* Admin section */

.bab_adminsection .bab_title {
	background: url('../images/carre.png');
	border-bottom: 1px solid #26aada;
	border-left: 2px solid #26aada;
}

.bab_adminsection .bab_title a {
	font-size:10px;
}

.bab_adminsection .bab_title span {
	color: #d7d8d8;
	font-size:10px;
}

.bab_adminsection .bab_content {
	background: url('../images/carre.png');
	border-bottom: 1px solid #26aada;
	border-left: 2px solid #26aada;
	display:block;
}

.bab_content a {
	font-size:11px;
}

.bab_adminsection ul a:link,
.bab_adminsection ul a:visited {
	color: white;
}

.bab_adminsection ul a:hover {
	font-weight: bold;
	color: #dab226;
	font-size: 14px;
}

.bab_adminsection ul li.addon a:link,
.bab_adminsection ul li.addon a:visited {
	font-weight: bold;
}

.bab_adminsection ul li.addon a:hover {
	font-weight: bold;
	color: #dab226;
	font-size: 14px;
}
/* Calendar section */

.bab_montha {
	display: none;
}

.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;
}

/* Topics sections, left only */

#leftcontent .bab_topicssection .bab_title {
	background-color: transparent;
}

#leftcontent .bab_topicssection .bab_content h5{
	display: none;
}

#leftcontent .bab_topicssection .bab_content li a {
	background: transparent url('../images/puce2.gif') no-repeat 95% 50%;
	color: #d7d8d8;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	margin-bottom: 1px;
}

#leftcontent .bab_topicssection .bab_content li a:hover {
	background: black url('../images/puce3.gif') no-repeat 95% 50%;
	color: #d7d8d8;
}

/* Calendar */

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

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

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

/* Files manager */

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

body.fileman#list #centercontent .bab_content a:hover {
	color: #d7d8d8;
}

/* Topics, articles */

#BabCategTitleNavigation {
	/*background: #F9F9F9 url('../images/bgform.gif') repeat-x scroll 0 0;*/
	color:#d7d8d8;
	border: #E7E7E7 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: #d7d8d8;
}

#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: #E7E7E7 2px solid;
	/*background: #F9F9F9 url('../images/bgform.gif') repeat-x scroll 0 0;*/
	background:#000;
	list-style-type: square;
}

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

ul.BabCategTitleNavigation li a,ul.BabCategTitleNavigation li a:visited
	{
	text-decoration: none;
	color: #d7d8d8;
	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 {
	margin: .5em 0;
}

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

/* PUBLIC CORE CSS */

.BabCalendarBodyBadMonthBackground {
	background-color: #ccc;
}

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

.BabCalendarMenuActiveBackground {
	background-color: #fff;
	color: #116;
	font-weight: bold;
}

/* Login form and others forms (many forms use these styles) */

.BabLoginCadreBackground {
	/*background: transparent url('../images/bgformshadow.gif') repeat-x scroll left bottom;*/
	background:#000;
	padding: 0 0 7px;
}

.BabLoginMenuBackground {
	/*background: #F9F9F9 url('../images/bgform.gif') repeat-x scroll 0 0;*/
	background:#000;
	color: #d7d8d8;
	padding: 1em;
	border: 1px solid #E7E7E7;
}

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

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

.BabSiteAdminFontBackground:hover,.BabForumBackground1:hover {
	background-color: #000;
}

.BabSiteAdminFontBackground,.BabTopicsBackground,.BabTopicsButtonBackground {
	background-color: #000;
	color: #d7d8d8;
	text-align:justify;
}

.BabTopicsBackground {
	width:auto;
	padding:auto;
}

.Babhighlight {
	background-color: #f00;
}

.BabSiteAdminTitleFontBackground {
	/*background: #23A2D1 url('../images/bglistheader.png') repeat-x scroll 0 0;*/
	background:#000;
	color: #FFFFFF;
	font-weight: normal;
	text-align: left;
}



.BabSiteAdminTitleFontBackground td, .BabSiteAdminTitleFontBackground td a{
	border-bottom: 1px solid #fff;
	color: #227d96;
	font-weight: bold;
}

/* Background and font error messages  */

.BabErrorMessage {
	background-color: #fff;
	color: #f33;
	font-weight: bold;
}

.BabWarningBodyBackground {
	background-color: #000;
	color: #d7d8d8;
	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: #d7d8d8;
	background-color: #000;
	font-weight: bold;
}

.BabLetterlists a:link,
a.BabAlphabetLink:link,
a.BabAlphabetLink:visited {
	color: #009933;
	font-weight: bold;
}

.BabLetterlists a:hover,
a.BabAlphabetLink:hover {
	color: #d7d8d8;
}

a.BabNameEmailLink,
a.BabNameEmailLink:Link,
a.BabTitleSmall,
a.BabTitleSmall:Link {
	color: #d7d8d8;
}

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 */

.BabTopicsTitleBackground {
	color: #4D97BC;
	font-size: 1.2em;
	padding: 5px 0px 5px 0px;
}

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

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

.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: #d7d8d8;
	text-decoration: none;
	border: #ccc 1px solid;
	padding: 1px 4px;
	border-width: 1px 1px 0 1px;
	background: #000;
	margin-right: 1em;
	position: relative;
	font-weight: bold;
}

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

/* Calendar */

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

.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: #000;
	color: #d7d8d8;
	font-weight: bold;
}

/* Forums */

.BabForumBackground,.HeaderDayCalendar {
	background-color: #FFFFFF;
}

.BabForumBackground1 {
	background-color: #000;
}

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: #d7d8d8;
}

a.BabForumTopicsNavContribution:hover {
	color: #0000CC;
}

.BabForumTopicsNavTreeBody {
	background-color: #000;
	color: #d7d8d8;
	font-weight: bold;
}

.BabForumTopicsNavTreeLive {
	background-color: #000;
	color: #FF3333;
	font-weight: bold;
}

/* Administration sites */

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

.BabSiteAdminFont {
	color: #d7d8d8;
}

/* Faq */

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;
}

/* ========= Style pour le menu accordeon ========= */
.navigation { 
      margin: 0; 
      padding: 0; 
      list-style: none; 
      background: #000; 
      color: #fff; 
      width: 200px; 
      font: 1em "Arial", sans-serif; 
      }
	
   .navigation li { 
      margin: 3px 0;
      }
	  
   .navigation a, .navigation span { 
      display: block; 
      padding: 4px 10px; 
      color: #fff; 
      text-decoration: none; 
      background: #000 url('../images/bar.png') left bottom no-repeat;
	  text-align:center;
      } 
	  
   .navigation .toggleSubMenu a, .navigation .toggleSubMenu span { 
      background-image: url('../images/bar.png'); 
      } 
	  
   .navigation .open a, .navigation .open span { 
      background-image: url('../images/bar.png'); 
      } 
	  
   .navigation a:hover, .navigation a:focus, .navigation a:active { 
      text-decoration: underline; 
      } 
	  
   .navigation .subMenu { 
      font-size: .8em; 
      background: #000 url('../images/subMenu.png') 0 0 repeat-x; 
      font-size: .9em; 
      margin: 0; 
      padding: 0; 
      border-bottom: 1px solid #666;
	  list-style:none;
      } 
	  
   .navigation ul.subMenu a { 
      background: none; 
      padding: 3px 20px;
	  color:#227d96;
      }
	  
	ul.subMenu a.select{
		  color:#CCC;
	  } 
	  
	.navigation ul.subMenu a.choix{
		color:#fff;
		text-decoration: underline;
	}
/*  ========= Fin du style du menu accordéon =========

#sliderWrap {
width: 300px;
}
#sliderWrap2 {
width: 300px;
}
#slider {
position:absolute;
width: 220px;
height: 460px;
margin-top: -541px;
margin-left: 200px;
}
#slider2 {
position:absolute;
width: 220px;
height: 460px;
margin-top: -456px;
margin-left: 430px;
}
#slider img {
border: 0;
}
#slider2 img {
border: 0;
}
#sliderContent {
margin: 0px;
/*position: absolute;*/
/*text-align:center;
color:#333333;
font-weight:bold;
padding: 3px;
margin-bottom:0px;
height:auto;
}
#sliderContent2 {
margin: 0px;
/*position: absolute;*/
/*text-align:center;
color:#333333;
font-weight:bold;
padding: 3px;
margin-bottom:0px;
height:auto;
}
#openCloseWrap2 {
position:absolute;
margin: 0px 30px;
font-size:12px;
font-weight:bold;
margin-top:-10px;
}
#openCloseWrap {
position:absolute;
margin: 0px 30px;
font-size:12px;
font-weight:bold;
margin-top:-10px;
}

/*  ========= Style de la barre de recherche ========= */
#ovidentia_headtopright{
	 width:230px;
	 height:75px;
	 text-align:center;
}

.ovidentia_formsearch{
	 /*display:none;*/
	 font-size:11px;
	 margin-bottom:-5px;
	 /*background: url('../images/carre.png');*/
}

#ovidentia_headtopright a{
	width:400px;
	color:#d7d8d8;
	text-decoration:none;
	font-size:12px;
}
/*  ========= Fin du style de la barre recherche ========= */

#tagsphere {
	margin:30px 0;
}

#tagsphere a{
	color:#fff;
	font-family:"Arial", Times, serif;
	text-decoration:none;
	font-weight:bold;
}

#tagsphere a:hover{
	color:#227d96;
	font-size:18px;
}

#barreAcc { 
	width:90%;
	height:30px;
}

#barreAcc img{
	margin-left:0px;
}

#barreAcc1 img{
	margin-left:-20px;
}

#barreAcc p{
	margin-left:13px;
	margin-top:-25px;
	font-size:16px;
	font-weight:bold;
	text-align:left;
}

#barreAcc1 p{
	margin-left:-1px;
	margin-top:-25px;
	font-size:16px;
	font-weight:bold;
	text-align:left;
}

#courb{
	float:left;
	margin-top:-45px;
	margin-left:4px;
	height:auto;
	max-height:500px;
	position:absolute;
	z-index:0;
}

#courb2{
	float:left;
	margin-top:-47px;
	margin-left:30px;
	height:auto;
	max-height:500px;
	position:absolute;
	z-index:0;
}

#liste_tablo{
	height:200px;
	max-height:200px;
	padding: 0;
	margin: 0;
	margin-left:25px;
	margin-top:-30px;
	border: none;
	text-align:justify;
	color:#d7d8d8;
	float:left;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	z-index:10000;
}

#liste_tablo a{
	text-decoration:none;
	color:#CECECE;
	position:absolute;
	font-size:14px;
}

#liste_tablo a:hover {
	font-size:16px;
	color:#227d96;
	position:absolute;
	z-index:500;
}

#PtitRond {
	height:22px;
	width:19px;
	float:left;
	background-image:url('../images/puce.png');
	background-repeat:no-repeat;
	background-position:left;
}

/*#PtitRonds {
	list-style-image:url(../images/cruz.png);
	list-style-position:outside;
}*/

#Space {
	float:left;
	width:15px;
}

#Space1 {
	float:left;
	width:10px;
}

#Space2 {
	float:left;
	width:5px;
}

#tof_work{
	text-align:right;
	vertical-align:middle;
	margin-right:80px;
}

#pos{
	width:700px;
}

#courbe_histoire{
	margin-top:-50px;
	height:550px;
	width:650px;
	z-index:1;
}

#map_agency{
	margin-top: -300px\9;
	margin-left:80px;
	position:absolute;
}

#courb_agence{
	right:555px;
	margin-top:-320px;
	margin-left:90px;
	z-index:0;
}

#siege{
	margin-top:-230px;
	margin-left:330px;
	width:auto;
}

#addresse{
	float:right;
	margin-top:120px;
	margin-right:-155px;
	width:400px;
	height:150px;
}

.ctc{
	width:300px;
	height:35px;
	position:absolute;
	text-decoration:none;
	color: #d7d8d8;
	font-size:14px;
	padding-top:7px;
}

.ctc a{
	text-decoration:none;
	color: #d7d8d8;
	font-size:14px;
}

.ctc a:hover{
	color: #227d96;
	font-size:18px;
}

#ctc1{
	margin-top:-14px;
	margin-left:68px;
}

#ctc2{
	margin-top:59px;
	margin-left:65px;
}

#cdr_agc{
	position:absolute;
	margin-top:50px;
	margin-left:420px;
}

#txt_agc{
	position:absolute;
	margin-top:68px;
	margin-left:440px;
	width:270px;
	height:175px;
	padding:6px;
	text-align:left;
	font-size:14px;
}

#ctc3{
	margin-top:140px;
	margin-left:70px;
}

#ctc4{
	margin-top:215px;
	margin-left:85px;
}

#ctc5{
	margin-top:290px;
	margin-left:115px;
}

.cadre{
 background-color: #00a7ca;
 width: 30%;
 position:absolute;
 margin-top:-150px;
}

.cadre_hg, .cadre_hd,
.cadre_bg, .cadre_bd{
 width: 11px;
 height: 11px;
 background-repeat: no-repeat;
 font-size: 1px;
}

.cadre_hg{
 background: url(../images/cadre_rounded.png) 0 0;
}

.cadre_hd{
 background: url(../images/cadre_rounded.png) 11px 0;
 float: right;
}

.cadre_bg{
 background: url(../images/cadre_rounded.png) 0 11px;
}

.cadre_bd{
 background: url(../images/cadre_rounded.png) 11px 11px;
 float: right;
}

#PtitRonds {
	list-style-image:url(../images/cruz.png);
	list-style-position:outside;
}

.minibar{
	margin-left:-8px;
	margin-top:8px;
}

.cruz{
	float:left;
	background-image:url(../images/cruz.png);
	background-position:left;
	background-repeat:no-repeat;
	width:100px;
	height:26px;
	margin-top:10px;
	margin-right:15px;
	padding-left:38px;
}

.esp{
	margin-top:4px;	
}

#titre{
	font-size:16px;
}

#sommaire{
	font-size:14px;
}

#sommaire a{
	font-size:13px;
	text-decoration:none;
	color:#FFF;
}

.img_right{
	width:140px;
	height:140px;
	float:right;
	margin:7px;
	margin-top:0px;
}

.img_left{
	width:140px;
	height:140px;
	float:left;
	margin:7px;
	margin-top:0px;
}

#img_metier{
	float:right;	
}

div#Mt_next {
	height:27px;
	width:27px;
	float:right;
	margin-top:5px;
	background-image:url(../images/ptiRond-blanc.png);
	background-repeat:no-repeat;
	background-position:right;
	position:absolute;
	margin-left:718px;
}

p#Mt_next a{
	vertical-align:bottom;
	margin-top:10px;
	margin-bottom:0;
	float:right;
	margin-right:30px;
	text-decoration:none;
	color:silver;
	font-size:14px;
}

p#Mt_next a:hover {
	text-decoration:underline;
	color:silver;
	font-size:16px;
}

div#Mt_prec {
	height:27px;
	width:27px;
	float:left;
	margin-top:5px;
	background-image:url(../images/ptiRond-blanc-prec.png);
	background-repeat:no-repeat;
	background-position:right;
	position:absolute;
}

p#Mt_prec a{
	vertical-align:bottom;
	margin-top:10px;
	margin-bottom:0;
	float:left;
	margin-left:38px;
	text-decoration:none;
	color:silver;
	font-size:14px;
}

p#Mt_prec a:hover {
	text-decoration:underline;
	color:silver;
	font-size:16px;
}

#article{
	text-align:justify;
}

#article a{
	text-decoration:none;
	color: #d7d8d8;
	font-size:14px;
}

#article a:hover{
	text-decoration:underline;
	color: #09C;
	font-size:15px;
}

#sliderWrap {
width: 300px;
position: absolute;
background:none;
}
#sliderWrap2 {
width: 300px;
background:none;
}
#slider {
width: 220px;
margin-top: -130px;
margin-left: 200px;
position:absolute;
background:none;
z-index:100000;
}
#slider2 {
width: 220px;
margin-top: -130px;
margin-left: 430px;
position:absolute;
background:none;
z-index:100000;
}
#slider img {
border: 0;
}
#slider2 img {
border: 0;
}
#sliderContent {
display:none;
background:none;
/*margin: 0px;*/
/*margin-top: -130px;*/
/*margin-left: 200px;*/
/*position: absolute;*/
/*text-align:center;*/
/*color:#333333;*/
/*font-weight:bold;*/
/*padding: 3px;*/
/*margin-bottom:0px;*/
/*height:auto;*/
/*width: 220px;*/
}
#sliderContent2 {
display:none;
background:none;
/*margin: 0px;*/
/*position: absolute;*/
/*text-align:center;*/
/*color:#333333;*/
/*font-weight:bold;*/
/*padding: 3px;*/
/*margin-bottom:0px;*/
/*height:auto;*/
}
#openCloseWrap2 {
position:absolute;
background:none;
margin: 0px 30px;
font-size:12px;
font-weight:bold;
margin-top:-10px;
}
#openCloseWrap {
position:absolute;
background:none;
margin: 0px 30px;
font-size:12px;
font-weight:bold;
margin-top:-10px;
}

div.f8, div.f35, div.f36 {
	clear:both;
	margin-left:-450px;
}

div.f37, div.f38, div.f39 {
	clear:both;
	margin-left:500px;
}

#ovidentia_footer .ovidentia_footeraddress a:link, #ovidentia_footer .ovidentia_footeraddress a:visited {
	color:#0CC;
	text-decoration:none;
}

.modTag {
	font-size:10px;
	margin-left:130px;
	color:#d7d8d8;
}

#list_ref{
	float:left;
	margin-right:40px;
	width:300px;
}

#list_ref a{
	text-decoration:none;
	color: #d7d8d8;
	font-size:14px;
}

#txt_ref{
	margin-left:70px;
}

#txt_ref div {
	border-left:2px solid #d7d8d8;
	padding-left:12px;
	font-size:14px;
}

#txt_ref div td {
	font-size:14px;
}

#bounce_img{
	border:1px solid #06C;
	background-color:#FFF;
	width:100%;
	height:1150px;
}

.js{
	overflow:hidden;
}

.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	/*margin: 10px;*/
	padding: 0;
	float: left;
	position: relative;
	width: 180px;
	height: 130px;
	/*margin-bottom: 130px;*/
}
.gallery img {
	background: #fff;
	padding: 4px;
}

.gallery a {
	text-decoration: none;
}

.carousel .carousel-wrap{
	margin:0;
	border:0;
}

.js .carousel-wrap{
	display:inline-block;
	vertical-align:middle;
	width:500px;
	margin:0 5px 15px;
}

.IE #container .js .carousel-wrap{
	display:inline;
}

#container .carousel ul{
	margin:0;
	padding:0;
}

#container .js ul li{
	overflow:hidden;
	display:inline;
	float:left;
	width:500px;
	height:150px;
	text-align:center;
}

#container .carousel .carousel-control{
	overflow:hidden;
	display:inline-block;
	vertical-align:middle;
	width:40px;
	height:40px;
	cursor:pointer;
	line-height:999px;
	zoom:1;
}

#container .carousel div{
	margin:0;
	padding:0;
	border:0;
}

#container .carousel ul{
	padding:0;
	list-style:none;
}

#container .carousel ul li{
	position:relative;
	width:500px;
	margin:0;
}

#container div.center-wrap{
	overflow:hidden;
	clear:both;
}

#container div.center-wrap div{
	border:0;
	margin:15px 0;
}

#ad1, #ad2, #ad3, #ad4, #ad5 {
display:none;
}

.bab_SearchRecords .bab_SearchRecord {
	background: none;	
}

.bab_SearchRecord .bottom {
	background: none;	
}

.bab_SearchRealm h5 {
	background: none;	
	border-bottom: 1px solid;
}

#list_ref a:hover {
	color: #4990B1;
	font-size: 16px;
}

#clickhere {
	margin-top: -255px;
	margin-left: 100px;
	position: absolute;
}

#return {
	margin-left: 290px;
	margin-top: 60px;
	position: absolute;
}

#surv_item {
	font-size: 11px;
	margin-top: -580px;
	position: absolute;
}