@charset "UTF-8";
/* CSS Document */

<style type="text/css"> 

    <!-- 
 body  {
		font-family: Georgia, Garamond, Times Roman, Times, serif;
	    font-size: 14px;
    }
	
    .twoColHybLtHdr #container { 
    	width: 70%;  /* ce paramétrage crée un conteneur dont la largeur est 70 % de celle du navigateur */
    	background: #FFFFFF;
    	margin: 20px 80px 80px 20px; 
    	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
    } 
	
    .twoColHybLtHdr #header { 
		background: #FFFFFF;
    	padding: 10px 0;  /* 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. */
		margin: 0;
    } 
    .twoColHybLtHdr #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: 0; /* l'utilisation de remplissage, au lieu d'une marge, permet d'éloigner l'élément des bords de l'élément div */
    }

    .twoColHybLtHdr #sidebar1 {
		font-size:90%;
    	float: left; 
    	width: 12em; /* cet élément est flottant, il faut donc lui attribuer une largeur */
    	background: #FFF; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
    	padding: 10px; /* le remplissage en haut et en bas crée un espace visuel à l'intérieur de cet élément div  */
		border: 1px solid #993300;
		border-left: 0;
		margin: 18px 0;
    }

    .twoColHybLtHdr #mainContent { 
    	margin: 0 20px 0 13em;
    } 

    .twoColHybLtHdr #footer { 
    	padding: 10px; /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent au-dessus. */
		margin-bottom: 20px;
		background: #FFFFFF;
    } 
    .twoColHybLtHdr #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 */
    }
	
    .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;
    }

    --> 

    </style><!--[if IE]>

    <style type="text/css"> 

    /* placer les corrections pour toutes les version d'IE dans ce commentaire conditionnel */

    .twoColHybLtHdr #sidebar1 { padding-top: 30px; }

    .twoColHybLtHdr #mainContent { zoom: 1; padding-top: 15px; }

    /* la propriété propriétaire zoom ci-dessus transmet à IE l'attribut hasLayout nécessaire pour éviter plusieurs bogues */

    </style>

    <![endif]-->

/**********************************************/
/*********Typo3 menu horizontal***********************/
/**********************************************/

/* 
 *		Horizontal, top-2-bottom menu
 *		Copyright Aleksandar Vacic, www.aplus.co.yu, some rights reserved http://creativecommons.org/licenses/by/2.0/
 */


/* - - - ADxMenu: BASIC styles - - - */

/* remove all list stylings */
.menu, .menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

/* move all list items into one row, by floating them */
.menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
}

/* define new starting point for the nested UL, thus making positioning it a piece of cake */
.menu li:hover {
	position: relative;
}

/* force the submenu items into separate rows, while still keeping float:left (which resolves IE6 white-gap problem) */
.menu li li {
	width: 100%;
}

/* fix the position for 2nd level submenus.
	first make sure no horizontal scrollbars are visible on initial page load by sliding them all into top-left corner  */
.menu li li div {
	top: 0;
	left: 0;
}

/* ...and then place the submenu where it should be when shown */
.menu li li:hover div {
	left: 100%;
}

/* initialy hide all sub menus */
.menu div {
	display: none;
	position: absolute;
	z-index: 10;
}

/* display them on hover */
.menu li:hover>div {
	display: block;
}

/* -- float.clear -- force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
/* IE7 float clear: */
.menu, .menu ul {
	min-height: 0;
}
/* -- float.clear.END --  */

/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu div" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
	
.menu div {
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
	/*background: #f00;*/		/* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */
}



/* - - - ADxMenu: DESIGN styles - - - */

.menu {		/* navigation background style */
	color: #333;
	font-family: Georgia, Times New Roman, Times, serif;
}

.menu ul {	/* drop down menu style */
	width: 150px;
	background: #fff;
	border:1px solid #333;
}

.menu li li:hover>div {	/* inset 2nd+ submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}

.menu ul a:hover { /* drop down hover style (IE6 included) */
	color: #333;
	background: #eee;
	font-weight:normal;
}

.menu li:hover>a { 	/* first level hover button style (IE6 excluded) */
	color: #000;
}

.hover2 li:hover>a {	/* drop down hover style (IE6 excluded) */
	color: #000;
	background: #eee;
}

.menu a {	/* first level button style (IE6 included) */
	color: #fff;
	font-weight: bold;
	padding: 6px;
	display: block;
	text-decoration: none;
}

.menu a:hover {		/* first level button hover style (IE6 included) */
	color: #000;
	text-decoration: none;
}

.menu ul a {	/* remove inheritance from submenus (IE6 included)*/
	color: #333;
	background: #fff;
	font-weight:normal;
}

.active a {	/* first level menu active state style (IE6 included) */
	color: #000;
	background: url(../images/nav2.gif) 100% 0 no-repeat;
	font-weight: bold;
	text-decoration: none;
}

/*********** Breadcrumb ***************/

#breadcrumb {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	font-family: Georgia, Garamond, Times Roman, Times, serif;
	padding: 2px 0 0 25px;
}
#breadcrumb a:link, #breadcrumb a:visited {
	color: #336699;
	text-decoration: none;
}
#breadcrumb a:hover, #breadcrumb a:active {
	color: #c96;
	text-decoration: none;
}





/**********************************************/
/*********Styles FZ***********************/
/**********************************************/



a:link {
	color: #003399;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #003399;
}
a:hover {
	text-decoration: none;
	color: #CC9966;
}
a:active {
	text-decoration: none;
}


h1 {
	font-family: Georgia, Garamond, Times Roman, Times, serif;
	font-size:1.1em;
	font-style: regular;
	font-weight: bold;
	color: #336633;
}

.csc-firstHeader {
	font-family: Georgia, Garamond, Times Roman, Times, serif;
	font-size:1.1em;
	font-style: regular;
	font-weight: bold;
	color: #336633;
}


h2{
font-size:1.2em;
color: #993300;   
}
h3{
font-size:1.1em;
color: #993300;   
}
h4{
font-size:1em;
color: #993300;   
}
h5{
font-size: 0.9em;
color: #993300;   
}

.Style1 {color: #000000;
    font-family: Georgia, Garamond, Times Roman, Times, serif;
	font-size: 14px;
}

.Style11 {color: #000000;
	font-family: Georgia, Garamond, Times Roman, Times, serif;
	font-size: 12px;
}

.Style12 {color: #000000;
	font-family: Georgia, Garamond, Times Roman, Times, serif;
	font-size: 14px;
	font-weight: bold;
}

.Style13 {color: #000000;
	font-family: Georgia, Garamond, Times Roman, Times, serif;
	font-size: 16px;
	font-weight: bold;
}


.Style2 {color: #993300;
	font-family: Georgia, Garamond, Times Roman, Times, serif;
	font-weight: bold;
	font-size: 15px;
}

.Style21 {color: #993300;
	font-family: Georgia, Garamond, Times Roman, Times, serif;
	font-weight: bold;
	font-size: 15px;
	font-style: italic;
}

.Style22 {color: #993300;
	font-family: Georgia, Garamond, Times Roman, Times, serif;
	font-weight: bold;
	font-size: 16px;
}

.Style23 {color: #993300;
	font-family: Georgia, Garamond, Times Roman, Times, serif;
	font-weight: bold;
	font-size: 16px;
	font-style: italic;
}

.Style24 {color: #993300;
	font-family: Georgia, Garamond, Times Roman, Times, serif;
	font-weight: bold;
	font-size: 18px;
}

.Style25 {color: #993300;
    font-family: Georgia, Garamond, Times Roman, Times, serif;
	font-weight: bold;
	font-size: 18px;
	font-style: italic;
}

.Style26 {color: #993300;
    font-family: Georgia, Garamond, Times Roman, Times, serif;
	font-weight: bold;
	font-size: 20px;
}

.Style27 {color: #993300;
    font-family: Georgia, Garamond, Times Roman, Times, serif;
	font-weight: bold;
	font-size: 20px;
	font-style: italic;
}

.Style28 {color: #993300;
    font-family: Georgia, Garamond, Times Roman, Times, serif;
	font-weight: bold;
	font-size: 24px;
	font-style: italic;
}

.Style29 {color: #993300;
    font-family: Georgia, Garamond, Times Roman, Times, serif;
	font-weight: bold;
	font-size: 12px;
	font-style: italic;
}

.Style3 {color: #003399;
    font-family: Georgia, Garamond, Times Roman, Times, serif;
	font-size: 12px;
	font-weight: bold;
}

.Style31 {color: #003399;
	font-family: Georgia, Garamond, Times Roman, Times, serif;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}

.Style32 {color: #003399;
    font-family: Georgia, Garamond, Times Roman, Times, serif;
	font-size: 14px;
	font-weight: bold;
}

.Style33 {color: #003399;
	font-family: Georgia, Garamond, Times Roman, Times, serif;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
}

.Style34 {color: #003399;
	font-family: Georgia, Garamond, Times Roman, Times, serif;
	font-size: 16px;
	font-weight: bold;
}


.Style5 {color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.Style6 {color: #336633;	
    font-family: Georgia, Garamond, Times Roman, Times, serif;
	font-weight: bold;
	font-style: italic;
	font-size: 15px;	
}

.Style61 {color: #336633;	
    font-family: Georgia, Garamond, Times Roman, Times, serif;
	font-weight: bold;
	font-style: italic;
	font-size: 18px;	
}

.Style62 {color: #336633;	
    font-family: Georgia, Garamond, Times Roman, Times, serif;
	font-weight: bold;
	font-size: 22px;	
}

.Style7 {color: #993300;
	font-family: Georgia, Garamond, Times Roman, Times, serif;
	font-weight: bold;
	font-size: 30px;
}


/********************************************/
/********Horizontal Menu Styles ***********/
/********************************************/ 
/*
 *		Horizontal, top-2-bottom menu
 *		Copyright Aleksandar Vacic, www.aplus.co.yu, some rights reserved http://creativecommons.org/licenses/by-sa/2.0/
 */
/*		------	Basic style	------		*/

#menu {
padding: 10px;
display: block;
}

#menu ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu li {
margin: 0 7px 0 0;
display: block;
float:left;
position: relative;
z-index: 500;
}

* html #menu li { position:static;}

#menu a {
display: block;
}

#menu li li {
width: 100%;
z-index: 510;
}

/* fix the position for 2nd level submenus. first make sure no horizontal scrollbars are visible on initial page load... */
#menu li li ul {
top: 0;
left: 0px;
}

/* ...and then place it where it should be when shown */
#menu li li:hover ul {
left: 100%;
}

/* initialy hide all sub menus */
#menu li ul {
display: none;
position: absolute;
z-index: 10;
padding:0;
}

/* display them on hover */
#menu li:hover>ul {
display: block;
}

/* this is needed if you want to style #menu div - force containment of floated LIs inside of main UL */
#menuList:after {
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}


/* - - - ADxMenu: DESIGN styles - - - */
/*		------   Make-up	--------			*/

#menu {
font-size : 14px;
font-weight: bold;
}

#menu:after{
content:'.';
display:block;
height:1px;
line-height:1px;
clear:both;
visibility:hidden;
} 

#menu li li {
width: 150px;
}

#menu li a {
text-decoration: none;
text-align: center;
color: #003399;
padding: 10px;
margin:0;
border: 1px solid #fff;
}

#menu li a:hover {
color:#993300;
background-color:#FFE5CF;
border: 1px solid #ddd;

}

#menu li:hover>a {
color:#993300;
background-color:#FFE5CF;
border: 1px solid #ddd;
}

#menu li li a {
text-transform: none;
text-decoration: none;
text-align:left;
padding: 10px;
border: 1px solid #ddd;
color:#993300;
background-color:#FFE5CF;
}

#menu li ul li a:hover {
text-transform: none;
text-decoration: none;
text-align:left;
padding: 10px;
color:#003399;
background-color:#E9F7F8;
border: 1px solid #ddd;
}

#menu li li:hover>a {
text-transform: none;
text-decoration: none;
text-align:left;
color: #003399;
padding: 10px;
background-color:#E9F7F8;
border: 1px solid #ddd;
}

#menu li ul {
width: 150px;

}

#menu li li ul {
border-top-width: 0px;
margin: -8px 0 0 -8px;
}

#menu li li li:first-child {
}

#menu li li.submenu>a:after {
content: "";
}