body,div,ul,ol,li,h1,h2,h3 {
margin:0;
padding:0;
}

html,body {
  height:100%;
}


body {
	background-repeat-x: repeat;
	background-repeat-y: repeat;
	background-attachment: fixed;
	background-position-x: initial;
	background-position-y: initial;
	background-origin: initial;
	background-clip: initial;
	background-color: #DCDCDC;
	margin-top: 10px;
	margin-bottom: 0;
}



#container1 {
background: #DCDCDC;
height: 100%;
margin: 0 auto;
min-height: 100%;
width: 1024px;
}

#container2 {
background: #DCDCDC;
min-height: 100%;
}

#container {
background-color: #FFFFFF;
margin-right: 10px;
padding-top: 0px;
margin-left: 10px;
}
#main {
	min-height: 100%;
}
#header {
  padding-bottom: 0px;
  width: 100%;
}

#headerImage {
  background:url(../images/backdrop.png) no-repeat 0px;
  background-color: #DCDCDC;
  display:block;
  height:160px;
  padding:0 0px;
  text-align:right;
  vertical-align:bottom;
}

#bigheaderimage {
  width:450px;
  float: left;
}

#bigheaderimage img {
  display: block;
}

#bigheaderimage1 {
  width:450px;
  float: left;
}

#bigheaderimage1 img {
  display: block;
}

#cold {
  width: 275px;
  height: 300px;
  float: left;
}

#cold1 {
  width: 275px;
  height: 300px;
  float: left;
}


#bodyarea {
  overflow:hide;
  width:450px;
}

#bodyarea .spacing {
}

#col_small {
  margin:0 0 5px 5px;
}

div.full #col_small {
  display:none;
}

#widg3 {
  width: 275px;
  height: 300px;
  float: left;
}

#widg4 {
  width: 275px;
  height: 300px;
  float: left;
}

#img1 {
  width: 200px;
  height: 125px;
  float: left;
}

#img2 {
  width: 200px;
  height: 125px;
  float: left;
}

#img3 {
  width: 200px;
  height: 125px;
  float: left;
}

#img4 {
  width: 200px;
  height: 125px;
  float: left;
}

#img5 {
  width: 200px;
  height: 125px;
  float: left;
}

#footer {
  border-top: 3px solid #ABC8E2;
  background-color:#DCDCDC;
  clear:both;
  width: 100%;
  margin-bottom: 10px;
  padding-bottom:25px;
  text-align: center
}

#footer #login {
  text-align: center;
}

#container #footer a {
}

#footer .logo {
  padding-left: 0;
  padding-bottom: 10px;
  padding-right: 30px;
  padding-top: 20px;
  font: 0.8em/1.7em cora-1, cora-2, sans-serif;
  letter-spacing:1px;
  width: 100%;
  height: 60px;
}


#footer .logo .creds {
float: center;
text-align: center;
padding-left: 20px;
padding-bottom: 15px;
padding-right: 10px;
}

#footer,#footer div,#footer p {
  font-size:12px;
  color:#FFFFFF;
  text-align: center
}

body,div,p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
}

h1 {
font-size:20px;
font-family: serif;
font-weight:700;
line-height:26px;
margin:0;
}

h2 {
font-size:16px;
font-weight:700;
margin:20px 0 5px;
}

h3 {
font-size:14px;
font-weight:700;
margin:5px 0;
}

h4 {
font-size:12px;
font-weight:700;
}

p {
margin:5px 0;
}


#headerLocation {
  float: right;
  height: 80px;
}

#headerLocation span.site_name {
font-size:26px;
}

#headerLocation span.separator,#headerLocation span.site_description {
font-size:26px;
}


#bodyarea a {
	color: #809AB5;
  text-decoration: underline;
}

#bodyarea .stripes .big_content {
  width: 450px;
  padding-bottom: 10px;
}

.co_containers .big_content {
  width: 1001px;
  padding-bottom: 10px;
}

#bodyarea .stripes .small_col {
  width: 325px;
  background-color: #FFFFFF;
  padding-bottom: 10px;
}

.content-text .spacing, .small_col .spacing {
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 10px;
}

.small_col .spacing {
  padding-bottom: 170px;
}

.left {
  float: left;
}

.right {
  float: right;
}
/* insert new nav */
/* --------------- 5. Navigation ------------ */
/* horz nav*/
#navigation{ 
margin: 0px;
float: left;
width: 100%;
background-color: ; /*#027ea6 nalana androany*/
}


#navigation .menu_primary ul {

margin: 0 auto;
list-style: none;
height: 30px;
background: url(../images/menu_hover.png?1) repeat-x;
text-align:center;
}



#navigation .menu_primary {
		width: 100%;
        margin: 0;
        padding: 10px 0 0 0;
        list-style: none;
		background-color: #027ea6;/*BLEU FOND bleu*//*rgb(0,0,0,0.7);*/
		
		/*mesure de la hauteur de la ligne de menu*/
    	/**/
		
		/*BACKGROUND MENU PRINCIPAL  */
        
}


#navigation .menu_primary li {
float:left;
padding:0 0 10px 0;
position: relative;
display: inline; 
margin: 0 1px;
color: #027ea6;
/*
margin-bottom: 1px solid;
border-right: 1px solid;
border-radius: 20%;
height:35px;
*/
}

/*ajout*/
#navigation .menu_primary a{
        float: left;
        height: 25px;
        padding: 0 25px;
		display:inline; 
		margin: 0 1px;
        color: #ffffff;
        text-transform: none;
        font:  12px Arial, Helvetica;
        text-decoration: none;
		
}

#navigation .menu_primary > ul > li.hovering {
  border-radius: 0 0 0 0;
  background: #027ea6;
	}

*html #navigation .menu_primary li a:hover{ /* IE6 */
        color: rgb(38,82,156);
		/*background: #ECECEC*/
	
}

#navigation .menu_primary li:hover > ul{
        display: block;
		max-height:13em; 
}
	/*---------------------------------FIN  */

#navigation .menu_primary ul li a:link,
#navigation .menu_primary ul li a:visited {
/*
padding: 0px 2px 2px 15px;
*/
/*
color: #F6F6F3;
*//*rgb(38,82,156) ;*/ 
/*
text-decoration:none;
font-weight:none;
font-size:14px;  
*/
/*chandement de text-shadow: 0 1px 0 # fff */
/*text-shadow:0 1px 0 #000; *//*-webkit-text-shadow:0 1px 0 #fff; -moz-text-shadow:0 1px 0 #fff;*/
/*
display:block;
text-align:left;
height:40px;
*/

/***************************************MENU DEROULANTE*/
padding: 0px 2px 2px 15px;
text-decoration: none;
font-size: 14px;
/*text-shadow: 0px 1px 0px rgb(0, 0, 0);*/
display: block;
text-align: left;

/* COULEUR DE BAN*/
/*background:#EFF6FA;*/
}

/* ajout */
#navigation .menu_primary li:hover > a{
        background: #027ea6;
}

/*ajout */
navigation .menu_primary li:hover > ul{
        display: block;
}

 
/* Sous-menu */


#navigation .menu_secondary ul{
  


  list-style: none;
    margin: 0;
    padding: 0;
   display: block;
    position: absolute;
    top: 30px;
    left: 0;
	    z-index: 99999;
	height: auto;
	float: none;
	/* CHANGER LE BACKGROUND DE LISTE DEROULANTE*/
		
    background: #027ea6;/* teo aloha rgb(231,231,231);*/
	
    background: -moz-linear-gradient(#027ea6, rgb(0,0,0,0.4));
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(0,0,0,0.4)),color-stop(1, #027ea6));
    background: -webkit-linear-gradient(#027ea6, rgb(0,0,0,0.4));
    background: -o-linear-gradient(#027ea6, rgb(0,0,0,0.4));
    background: -ms-linear-gradient(#027ea6, rgb(0,0,0,0.4));
    background: linear-gradient(#027ea6, rgb(0,0,0,0.4));
    /*OPACITY DE LA LISTE DES MENU*/
	opacity:0.90;
	-moz-border-radius: 0px;
    border-radius: 0px;

}

#navigation .menu_secondary ul li{
    float: none;
	    margin: 0;
    padding: 0;
    display: block;
		/*max-height:0em; */ 
	transition: 1s max-height 0.3s;  
    -moz-box-shadow: 0 1px 0 rgb(0,0,0,0.7)111, 0 2px 0 #777777;
    -webkit-box-shadow: 0 1px 0 rgb(0,0,0,0.7)111, 0 2px 0 #777777;
    box-shadow: 0 1px 0 rgb(0,0,0,0.7)111, 0 2px 0 #777777;
	/*background: #000;*/
}

#navigation .menu_secondary ul li:last-child{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
	
}

#navigation .menu_secondary ul a{
    padding: 10px;
    height: auto;
    line-height: 2;
    display: block;
    white-space: nowrap;
    float: none;
	display:inline-block; 
    text-transform: none;
	 
}

#navigation .menu_secondary ul a:hover{

/* COLEUR BACKGROUND DES  SOUS MENU EN MOUSE HOVER */
        background: #FFFFFF;/*#26529c;#0186ba;*/
         background: -moz-linear-gradient(#FFFFFF,  #FFFFFF);
       background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#FFFFFF));
        background: -webkit-linear-gradient(#FFFFFF,  #FFFFFF);
        background: -o-linear-gradient(#FFFFFF,  #FFFFFF);
        background: -ms-linear-gradient(#FFFFFF,  #FFFFFF);
        background: linear-gradient(#FFFFFF,  #FFFFFF); 
  
		}

#navigation .menu_secondary ul li:first-child a{
    -moz-border-radius: 0px 0px 0 0;
    -webkit-border-radius: 0px 0px 0 0;
    border-radius: 0px 0px 0 0;
	
}

#navigation .menu_secondary ul li:first-child a:after{
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #444;
}

#navigation .menu_secondary ul li:first-child a:hover:after{
    border-bottom-color: #04acec;
}

#navigation .menu_secondary ul li:last-child a{
    -moz-border-radius: 0 0 0px 0px;
    -webkit-border-radius: 0 0 0px 0px;
    border-radius: 0 0 0px 0px;
}

/* Rétablissement du flottement */

#navigation .menu_secondary:after{
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
}
#navigation .menu_primary ul li div.menu_secondary{display:none}
#navigation .menu_primary ul li.hovering div.menu_secondary{display:block}
 
/* end insert new nav */

#search_site {
  padding-bottom: 10px;
  width: 250px;
}
#search_site .search_form input {
position: absolute; bottom : 8px; right: 5px  
padding-bottom: 10px;
  width: 180px;
}

#search_area {
position: absolute; bottom : 8px; right: 0px    
padding-bottom: 10px;
  width: 250px;
}

#search_area .search_form .input_bg {
position: absolute; bottom : 8px; right: 0px      
background: url("../images/search_input_bg.gif") no-repeat scroll 0 0 transparent;
    float: right;
    height: 16px;
    padding: 8px 4px;
    width: 176px;
}

#search_area .search_form .input_bg input {
position: absolute; bottom : 8px; right: 0px      
background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #000;
    float: right;
    font: 0.88em/15px Arial,Helvetica,sans-serif;
    height: 15px;
    padding: 0;
    width: 176px;
}

#search_area .search_form input.search_btn {
position: absolute; bottom : 8px; right: 0px      
background: url("../images/search_btn.gif") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    float: right;
    height: 32px;
    padding: 0;
    width: 36px;
}


#bodyarea ul,#bodyarea ol,#col_small ul,#col_small ol {
list-style-type:normal;
margin:10px 0 10px 20px;
}

#bodyarea ul ul,#bodyarea ol ol,#col_small ul ul,#col_small ol ol {
list-style-type:normal;
margin:5px 0 0 20px;
}

#bodyarea ul,#col_small ul {
list-style-image:url(../images/ul-level1.png);
}

#bodyarea ul ul,#col_small ul ul {
list-style-image:url(../images/ul-level2.png);
}

#bodyarea ul ul ul,#col_small ul ul ul {
list-style-image:url(../images/ul-level3.png);
}

table {
border-collapse:collapse;
}

table thead th {
background:url(../images/menu-default.gif);
border-bottom:1px solid #ddd;
font-size:11px;
}

table.podcast td.date {
text-align:center;
width:70px;
}

table.termindb,table.podcast,table.directory {
width:100%;
}

table.termindb tbody td,table.podcast tbody td,table.directory tbody td {
border-bottom:1px solid #ddd;
font-size:11px;
padding:0 1px;
}

table.termindb thead th.daa {
overflow:hidden;
white-space:nowrap;
width:50px;
}

table.termindb thead th.zea {
overflow:hidden;
white-space:nowrap;
width:30px;
}

table.directory tbody td.filetype {
background-repeat:no-repeat;
width:18px;
}

table.directory tbody td.size {
text-align:right;
width:40px;
}

a.podcast {
background:url(../images/icon-podcast.png) no-repeat;
padding:1px 0 0 90px;
}

div.rss h3 {
background:url(../images/icon-feed.png) no-repeat;
padding-left:20px;
}

div.imageBlock {
margin:0 0 15px;
}

div.imageBlock img {
border:1px solid #999;
margin:0 auto;
padding:3px;
}

div.imageBlock span {
display:block;
font-size:10px;
line-height:10px;
}

div.galerie div.imageBlock {
border:1px solid #999;
float:left;
margin:0 7px 7px 0;
padding:3px;
}

div.galerie div.imageBlock a {
display:block;
height:90px;
overflow:hidden;
text-align:center;
width:120px;
}

div.galerie div:imageBlock a:hover img {
border:none;
}

div.rss a {
text-decoration:none;
}

div.rss p {
margin:0 0 3px;
}

div.multiContactForm input,div.multiContactForm select,div.multiContactForm textarea {
width:300px;
}

table.directory tbody td.filetype-doc {
background-image:url(../images/filetype/doc.gif);
}

table.directory tbody td.filetype-pdf {
background-image:url(../images/filetype/pdf.gif);
}

table.directory tbody td.filetype-xls {
background-image:url(../images/filetype/xls.gif);
}

table.directory tbody td.filetype-mp3 {
background-image:url(../images/filetype/mp3.gif);
}

table.directory tbody td.filetype-txt {
background-image:url(../images/filetype/txt.gif);
}

table.directory tbody td.filetype-ppt {
background-image:url(../images/filetype/ppt.gif);
}

table.directory tbody td.filetype-wmv {
background-image:url(../images/filetype/wmv.gif);
}

table.directory tbody td.filetype-zip {
background-image:url(../images/filetype/zip.gif);
}


#header span.site_name,#bodyarea h1,#container a {
  color:#000;
}

#header span,#container a:hover {
color: black;
}

div.imageBlock a:hover img {
color: white;
background-color:#015697;
}

div.galerie div.imageBlock:hover,ul.photos li a:hover {
color: white;
background-color:#015697;
}

div.default #col_small,div.home #col_small,table.directory tbody td.name {
width:200px;
}

#navigation li.expanded-menu div.menu_secondary li,div.galerie div.imageBlock img {
border:none;
padding:0;
}

#navigation a:hover span,#navigation li.active span {
font-weight:700;
}

#navigation li.active div.menu_secondary span,#navigation li.active div.menu_third span,#navigation li.active div.menu_fourth span {
font-weight:400;
}

table.podcast td.speaker,table.podcast td.info {
width:120px;
}





/* Document Groups 
-------------------------------------------------------------- */\
#document_group th {
	padding: 5px;
	text-align: left;
}
#document_group table {
	border-collapse: collapse;	
}
#document_group td {
	padding: 5px;
	border-top: 1px solid #6C7A5F;
}

/* Podcasts
-------------------------------------------------------------- */
.products_list h2 {
	background: #C7C4B8;
	padding: 5px;
}
ul.products_list {
	margin: 0;
}
.podcast {
	width: 100%;
	padding: 0;
	border: 0;
}

/* Calendar
-------------------------------------------------------------- */
.calendar {
	width: 100%;
}
.dayName {
	text-align: left;
}
.dayName th {
	border-bottom:3px solid #ABA1AB;
	font-size:85%;
	vertical-align:bottom;
	width: 75px;
	xxxcolor: white;
	background-color:#014D8B;
	padding: 3px;
	height: 35px;
}
.monthName th {
	font-weight:normal;
	padding-bottom:0em;
	padding-top:0em;
	text-align:left;
}
.calendar .day,
.calendar .specialDay {
	padding: 3px;
	border-left:1px dotted #938970;
	border-bottom:1px dotted #938970;
	text-align: left;
	vertical-align: top;
	height: 75px;
	background-color:#FFFFFF;
}
.weekendDay {
	border-bottom:1px dotted #ABA1AB; text-align:left; vertical-align:top;
}
#event_calendar .today {
	color: white;
	background-color:#015697;
}
#event_calendar .today a {
	color: white;
}
#event_calendar .today a:hover {
	color: #B8D2ED;
}
.otherMonth.weekendDay {
	color: #809AB5;
}
.otherMonth {
	padding: 3px;
	color: #809AB5;
	border-right:1px solid white;
	text-align:left;
	vertical-align:top;
	border-bottom:1px dotted #ABA1AB;
	background-color: #B8D2ED;
}
.otherMonth a {
	color: #90ACC1;
}
.otherMonth a:hover {
	color: white;
}
.product_description p {
	margin-left:100px; width:350px;
}
.upcoming_events,
.past_events {
	margin-bottom:25px;
}

/* Scal and TinyScal */
.widget .scal .celebration {
	font-weight: bold;
	background-color: #975243 !Important;
}
.scal .daybox{
	border: 1px solid #525252;
}
.scal .dayboxname{
	border: 1px solid black;
	background-color: black;
	color:white;
	font-size:16pt;
}
.scal .dayboxsunday{
	background-color: #AFA893;
}
.scal .dayboxsaturday{
	background-color: #AFA893;
}
.scal .dayoutmonth{
	background: #817C6C;
	color: #4A473A;
}

/* 
tinyscal - a mini version of the calendar type.  
useful in tight spaces. usage: 
define class of base element as "scal tinyscal" 
as tinyscal is dependent on scal.
*/
.tinyscal {
	font-size:8pt;
	width: 250px;
	min-height:140px;
}
.tinyscal .daybox:hover {
	border-right:1px solid white;
	border-left: 1px solid white;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}
.scal .dayselected {
	font-weight: bold;
	background-color: #B9897E;
	color: white;
}
.tinyscal .dayboxname:hover {
	border-color: transparent;
}
.tinyscal .daybox {
	border-top: 1px solid #CCC5B2;
	border-left: 1px solid #CCC5B2;
	border-right: 1px solid #525252;
	border-bottom: 1px solid #525252;
	width: 33px;
}
.tinyscal .dayboxname {
	font-weight: bold;
	font-size: 8pt;
	border: 1px solid black;
}