/* --- This CSS defines the current website colors and fonts --- */
/* --- It overrules the ones defined in the default frontend --- */

/* x3 */ /* --- Color 1 --- */ /* H1, a */ /* --- CG E66800 - Logos 007DCC - MDG CC3333 --- */ /* Search: #colornumber; plus comment */ 
/* x1 */ /* --- Color 2 --- */ /* H2 */ /* --- CG 732C31 - Logos 666666 - MDG 666666 --- */
/* x3 */ /* --- Color 3 --- */ /* .breadcrumb */ /* --- Logos 007DCC - MDG 0097B7 --- */
/* x1 */ /* --- Color 3C --- */ /* H3, .breadcrumb */ /* --- Logos 77993D - MDG 77993D --- */
/* x1 */ /* --- Color 4 --- */ /* a:visited */ 
/* x25 */ /* --- Color Text --- */ /* body, td, form etc. */ /* --- Logos 4D4D4D - MDG 4D4D4D --- */
/* x2 */ /* --- Color Footer --- */ /* --- Logos 666666 - MDG 666666 --- */
/* x1 */ /* --- Color Hover --- */ /* a:hover */ /* --- Logos 000000 - MDG 000000 --- */  
/* x3 */ /* --- Color Special 01 --- */ /* v09 (nav) */ /* --- Logos 000000 - MDG 000000 --- */  
/* x4 */ /* --- For Bigger Texts choose 12px --- */ /* 4X */

.weatherbug img {
	float: left;
	padding: 5px;
	border: 1px solid #CCCCCC;
	margin: 5px 10px 5px 0;
	white-space: nowrap;
	vertical-align: top;
}

.navlist_index {
	margin-left: -40px;
	/* word-spacing: 5px; */
}

.navlist_index0 ul, 
.navlist_index0 li,
.navlist_index0 li a,
.navlist_index0 li a:link,
.navlist_index0 li a:active,
.navlist_index0 li a:visited,
.navlist_index0 li a:hover {
	list-style-type: none;
	display: inline;
	border-top: 2px solid silver;
	margin-left: 2px;
	margin-right: 2px;
        color: inherit;
}


.f5 {
width: 350px; 
margin-bottom:5px;
}

.f5nw {
width: auto; 
margin-bottom:5px;
}
.f5info {
width: 75%; 
font-size: 10px;
margin-bottom:5px;
}

.f5infonw {
font-size: 10px;
margin-bottom:5px;
}

.f15 {
width: 350px; 
margin-bottom:15px;
}

.f15nw {
width: auto; 
margin-bottom:15px;
}

.f30 {
width: 350px; 
margin-bottom:30px;
}

.f30nw {
width: auto; 
margin-bottom:30px;
}

	
body, td {
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 11px; /* --- For Bigger Texts choose 12px --- */
	/* line-height: 15px; */
	color: #212121; /* --- Color Text --- */
	}	

/* body  {
	background-image: url('../../template_01/fonds/global.jpg');
	background-repeat: repeat-x;
	background-position: left top;
	} */
	
/* Custom Zones - START
-----------------------------ECECEC-------------------------------- */	
.maintable {
	width: 950px;
	/* border-top: 15px solid #ECECEC;
	border-left: 15px solid #ECECEC;
	border-right: 15px solid #ECECEC;
	border-bottom: 15px solid #ECECEC; */
}

.maintableflex {
	/* border-top: 15px solid #ECECEC;
	border-left: 15px solid #ECECEC;
	border-right: 15px solid #ECECEC;
	border-bottom: 15px solid #ECECEC; */
}

/* .headerarea {
	height: 68px;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #F5F5F5;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
} */

.headerarea {
	/* height: 150px; */
	background-image: url('../../template_01/fonds/route-0306c.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	/* background-color: #FF9900; */
	/* background-color: #F4F5F1; */
	background-color: #E89103;
	border-bottom: 0px solid #F4F5F1;
} 

.centerarea {
	background-image: url('../../template_01/fonds/1937272-m-07-75.jpg');
	background-repeat: no-repeat;
	/* background-position: right 150px; */
	background-position: right 10px;
} 

.centerarearepertoires {
	background-image: url('../../template_01/fonds/1937272-m-07-75.jpg');
	background-repeat: no-repeat;
	/* background-position: right 150px; */
	background-position: right 10px;
        padding: 0px 10px 0px 10px;
}
.headerarea_top_Logos {
        height: 80px;
	background-color: #FFFFFF; /* ECECEC */
        /* border-bottom: 2px solid #ECECEC; */
}

.headerarea_top_Infos {
	background-color: #FFFFFF;
        /* border-bottom: 0px solid #E7E7E7; */
}

.headerarea_top_Flash {
        background-color: #FFFFFF;
        height: 60px;
        /* border: 0px solid #D5D5D5; */
}

#headerarea_top_Menu {
	background-color: #ECECEC;
        padding-bottom: 12px;
}

.breadcrumbarea_sep {
	border-right: 1px solid #C0C0C0;
}

.footerarea {
	background-color: #F5F5F5;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

.footerarea_left {
	width: 230px;
	background-color: #F5F5F5;
	border-right: 1px solid #FFFFFF;
}

.footerarea_margin {
	width: 30px;
	background-color: Red;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

.footerarea_mainbottom {
}

.footerarea_right {
	/* width: 625px; */
	background-color: #ECECEC;
}

.leftarea {
	width: 230px;
	background-image: url('../../template_01/fonds/gauche-01.gif');
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #F4F5F1;
	border-right: 0px solid #999999;
}

#banners_gz1 {
	position: relative;
	float: left;
	left: 15px;
	top: 8px;
	padding: 5px;
}

/* .banners_gz1 {
	border-bottom: 1px solid #999999;
	margin: 0px 0px 0px 0px; 
} */

.rightarea {
	width: 720px;
	height: 100%;
	background-image: url('../../phpwcms_template_mdg/img/fonds/coin-b-d-m.gif');
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #FFFFFF;
	border-right: 0px solid #999999;
}

.rightarearight {
	border-right: 1px solid #999999;
}

.backgroundleft {
background-image: url('../../phpwcms_template_mdg_01/img/fonds/43330-02.jpg');
background-repeat: no-repeat;
background-position: right bottom;
}

/* 01 --- DELUXE ------------ #ECECEC-transparent -- 37px -------------------------------------- */

.deluxe-menu-background {
        /* background-image: url(../inc_js/deluxe-menu/images/09-bar.png);
        background-repeat: no-repeat;
        background-position: right top; */
        width: 100%;
        height: 30px;
        background-color: #ECECEC;
}

/* Custom Zones - END
------------------------------------------------------------- */	
	
a {
	color: #E66800; /* --- Color 1 --- */
	text-decoration: none;
	}

a:visited { 
	color: #007DCC; /* --- Color 4 --- */
	text-decoration: none;
	}

/* a:focus { 
	color: #000000; 
	text-decoration: underline;
	} */

a:hover { 
	color: #000000; /* --- Color Hover --- */
	text-decoration:underline; 
	}

a:active { 
	color: #FF0000; 
	text-decoration: underline;
}


/* --- A - Breadcrumb --- */

.breadcrumb {
	font-size: 10px;
	line-height: 11px;
	color: #007DCC; /* --- Color 3 --- */
	font-weight: bold;
	padding-bottom: 10px;
} 

.breadcrumb a, .breadcrumb a:link {
	font-weight: normal;
	text-decoration: none;
}

.breadcrumb a:visited {
	font-weight: normal;
	text-decoration: none;
}

.breadcrumb a:active {
	font-weight: bold;
	text-decoration: underline;
}

.breadcrumb a:hover {
	text-decoration: underline;
}

.breadcrumb_spacer {
	font-weight: normal;
	text-decoration: none;
}


/* --- FOR LEVEL SENSITIVE MENU LEFT ----------------------------------------------------- */

#levelsensitive ul {
	margin-left: 15px;
	margin-right: 10px;
	padding: 0px;
	list-style: none;
}

#levelsensitive li {
	font-weight: normal;
	font-size: 11px;
	line-height: 12px;
	list-style: none;
	margin-left: 10px;
}

#levelsensitive_parent li {
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
	list-style: none;
	color: #007DCC; /* --- Color 3 --- */ 
}

#levelsensitive_parent_link {
	font-weight: bold;
	list-style: none;
	color: #007DCC; /* --- Color 3 --- */ 
}

/* a:link, #levelsensitive_active li {
	font-weight: normal;
	color: #0097B7;
	list-style: none;
} */


/* 02 --------------------------------------------------------- */

hr {
	color: #fff;
	border-bottom: 0px none;  
	border-right: 0px none;  
	border-left: 0px none; 
	border-top: 1px solid #C0C0C0;
	margin-top: 12px;
}

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

i, h2 i, h3 i, td i, p i  {   /* --- i Hack for Safari Mac --- */
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	}

/* --- TEXTES  TEXTS --- */

h1, h1 i {   /* --- i Hack for Safari Mac Note E66800 --- */
	font-family: Georgia, "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-weight: normal;
	/* font-size: 15px; */
	/* line-height: 18px; */
	font-size: 20px;



	/* line-height: 22px; */
	text-decoration: none;
	color: #007DCC; /* --- Color 1 --- */
	margin-top: 30px;
	/* margin-bottom: 15px; */
	}

h2 {
	font-size: 12px;
	color: #007DCC; /* --- Color 2 --- */ 
	/* line-height: auto;  */
	margin-top: 5px;
	}

h2, h3, h4, h5, h6 {
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	}

h2, h2 i, h3, h3 i, h4, h4 i, h5, h5 i, h6, h6 i {  /* --- i Hack for Safari Mac --- */
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	}

h3 {
	font-size: 12px;
	line-height: 13px;
	color: #007DCC; /* --- #77993D Color 3C --- */ 
	font-weight: bold;
	margin-top: 15px;
	padding-top: 0px;
	margin-bottom: 3px;
	border-bottom: 0px none;  
	border-right: 0px none;  
	border-left: 0px none; 
	border-top: 0px solid #C0C0C0;
}

.h3teaser {
	font-size: 12px;
	line-height: 13px;
	color: #007DCC; /* --- #77993D Color 3C --- */ 
	font-weight: bold;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	border-bottom: 0px none;  
	border-right: 0px none;  
	border-left: 0px none; 
	border-top: 0px solid #C0C0C0;
}


h4 {
	font-weight: bold;
	/* color: #4D4D4D; */ /* --- Color Text --- */
	/* color: #9ACD32;#970034 */  /* --- Color Text --- */
	color: #CE0000;
	font-size: 11px;
	line-height: 13px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 3px;
	/* text-transform: uppercase; */
}
	
h5 {
	font-weight: normal;
	/* color: #4D4D4D; */ /* --- Color Text --- */
	font-size: 12px;
	line-height: 13px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 3px;
	}


.articlelisth1, .articlelisth1 i {   /* --- i Hack for Safari Mac Note E66800 --- */
	font-family: Georgia, "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-weight: normal;
	/* font-size: 15px; */
	/* line-height: 18px; */
	font-size: 20px;
	line-height: 22px;
	text-decoration: none;
	color: #007DCC; /* --- Color 1 --- */
	margin-top: 30px;
	padding-top: 30px;
	/* margin-bottom: 15px; */
	}
	
.phpwcmsArticleListSummary {
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 11px; /* --- For Bigger Texts choose 12px --- */
	margin-top: 10px;
	}

.phpwcmsArticleListMore {
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 11px; /* --- For Bigger Texts choose 12px --- */
	text-align: left;
	margin-bottom: 45px;
	/* clear: both; */
	}

.articleSummary {
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	/* color: #4D4D4D; */ /* --- Color Text --- */
	font-size: 12px;
	line-height: 16px;
	margin-top: 10px;
	margin-bottom: 20px;
	}

.articleText { 
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	/* color: #4D4D4D; */ /* --- Color Text --- */
	font-size: 12px; /* --- For Bigger Texts choose 12px --- */
	line-height: 16px;
	/* text-align: left; */ 
	}
	
p { 
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 11px; /* --- For Bigger Texts choose 12px --- */
	/* line-height: 15px; */
	}

.clientsignature { 
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 10px; /* --- For Bigger Texts choose 12px --- */
	line-height: inherit;
        font-weight: bold;
        font-style: italic;
	}

.articleCode {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	}

.phpwcmsArticleListImageCaption  { 
	font-size: 10px; 
	line-height: 12px; 
	}

.phpwcmsArticleImageCaption, .imageEntry p  { 
	font-size: 10px; 
	line-height: 12px; 
	}

.news  { 
	font-size: 11px; 
	/* line-height: 11px; */
	}

.news a  { 
	font-size: 11px; 
	/* line-height: 11px; */
	}

.datelink  { 
	font-size: 11px; 
	/* line-height: 11px; */
	/* color: #4D4D4D; */
	}



/* ---------------------------------------------- */

/* ---- TEXTS - END ---- */

.tools {
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
    \width: 1ex;  /* IE5x Opera <= 5 */  /* H DIMENSION MAIN MENU */
    widt\h: auto;  /* = (Width of Menu Items) - (padding-right + padding-left) */
    white-space: nowrap;
}

.footerscreen {
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #E89103; /* --- Color Footer 99CC00--- */
}

.footerscreen a, .footerscreen a:link, .footerscreen a:active, .footerscreen a:visited {
	color: #E89103; /* --- Color Footer --- */
	text-decoration: none;
}

.footerscreen a:hover {
	color: #000000;
	text-decoration: underline;
}

.stats {
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000; /* --- Color Footer E89103--- */
}

.stats a, .stats a:link, .stats a:active, .stats a:visited {
	color: #000000; /* --- Color Footer --- */
	text-decoration: none;
}

.stats a:hover {
	color: #000000;
	text-decoration: underline;
}


.v09 span a {
	color: #000000; /* --- Color Special 01 --- */
	text-decoration: none;
	font-weight: normal; /* --- Can be Bold if needed --- */
	/* padding-top: 2px;  --- Underline Effect --- */
	border-top: 0px solid #000000; /* --- Underline Effect --- */
	}

.v09, .v09 a {  
	font-size: 9px;
	line-height: normal; 
	}

.v10 span a {
	color: #000000; /* --- Color Special 01 --- */
	text-decoration: none;
	font-weight: normal; /* --- Can be Bold if needed --- */
	/* padding-top: 2px; --- Underline Effect --- */
	border-top: 0px solid #000000; /* --- Underline Effect --- */
	}

.v10, .v10 a {  
	font-size: 10px;
	}

.v11 span a {
	color: #000000; /* --- Color Special 01 --- */
	text-decoration: none;
	font-weight: normal; /* --- Can be Bold if needed --- */
	/* padding-top: 2px; --- Underline Effect --- */
	border-top: 0px solid #000000; /* --- Underline Effect --- */
	}

.v11, .v11 a {  
	font-size: 11px;
	}

/* .v09 a, .v09 a:link, .v09 a:visited {  
	font-size: 10px;
	line-height: auto; 
	font-weight: normal;
	} */

/* .v09 a:active, .v09 a:focus {
	font-size: 10px;  
	line-height: auto; 
	font-weight: bold;
	text-decoration: underline;
	} */

.v09tight {  font-size: 10px; line-height: 10px; }
.v10 {  font-size: 10px; }
.v10tight {  font-size: 10px; line-height: 11px; }
.v11 {  font-size: 11px; }
.v12 {  font-size: 12px; }
.v13 {  font-size: 13px; }
.v14 {  font-size: 14px; }

td.formLabelRequired { 
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	/* vertical-align: top; */
	vertical-align: top;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	/* color: #FF0000; */
	white-space: nowrap;
	text-align: left;
	}

td.formLabel { 
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif; 
	font-size: 11px;
	line-height: 12px;
	vertical-align: top;
	padding-right: 22px;
	padding-top: 3px;
	padding-bottom: 3px;
	white-space: nowrap;
	text-align: left;
	}

td.formField { 
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	vertical-align: top;
	}
	
.inputNewsletter { 
	margin-top: 4px;
	}


.formLabelAlib	    { font-family: "Lucida Grande", Verdana, Helvetica, sans-serif; /* color: #4D4D4D; */ /* --- Color Text --- */ font-size: 11px; line-height: 12px; }
.checkLabel	    { font-family: "Lucida Grande", Verdana, Helvetica, sans-serif; /* color: #4D4D4D; */ /* --- Color Text --- */ font-size: 11px; font-weight: bold; }
.checkLabelAlib     { font-family: "Lucida Grande", Verdana, Helvetica, sans-serif; /* color: #4D4D4D; */ /* --- Color Text --- */ font-size: 11px; font-weight: bold; line-height: 12px;  }
.radioLabel	    { font-family: "Lucida Grande", Verdana, Helvetica, sans-serif; /* color: #4D4D4D; */ /* --- Color Text --- */ font-size: 11px; font-weight: bold; }
.radioLabelAlib	    { font-family: "Lucida Grande", Verdana, Helvetica, sans-serif; /* color: #4D4D4D; */ /* --- Color Text --- */ font-size: 11px; font-weight: bold; line-height: 12px;  }
.formTextArea	    { font-family: "Lucida Grande", Verdana, Helvetica, sans-serif; /* color: #4D4D4D; */ /* --- Color Text --- */ font-size: 11px; }
.formTextAreaAlib   { font-family: "Lucida Grande", Verdana, Helvetica, sans-serif; /* color: #4D4D4D; */ /* --- Color Text --- */ font-size: 11px; }
input		    { font-family: "Lucida Grande", Verdana, Helvetica, sans-serif; background-color: #D1D1D1; /* color: #4D4D4D; */ /* --- Color Text --- */ font-size: 11px; }
submit		    { font-family: "Lucida Grande", Verdana, Helvetica, sans-serif; /* color: #4D4D4D; */ /* --- Color Text --- */ font-size: 11px; font-weight: bold; }
#upload { font-family: "Lucida Grande", Verdana, Helvetica, sans-serif; /* color: #4D4D4D; */ /* --- Color Text --- */ font-size: 11px; }
.inputText	    { font-family: "Lucida Grande", Verdana, Helvetica, sans-serif; /* color: #4D4D4D; */ /* --- Color Text --- */ font-size: 11px; }
.inputTextAlib	    { font-family: "Lucida Grande", Verdana, Helvetica, sans-serif; /* color: #4D4D4D; */ /* --- Color Text --- */ font-size: 11px; }
.inputPass	    { font-family: "Lucida Grande", Verdana, Helvetica, sans-serif; /* color: #4D4D4D; */ /* --- Color Text --- */ font-size: 11px; font-weight: bold; }
select   	    { font-family: "Lucida Grande", Verdana, Helvetica, sans-serif; background-color: #D1D1D1; /* color: #4D4D4D; */ /* --- Color Text --- */ font-size: 11px; /* font-weight: bold; */ }
.selectMenu	    { font-family: "Lucida Grande", Verdana, Helvetica, sans-serif; /* color: #4D4D4D; */ /* --- Color Text --- */ font-size: 11px; /* font-weight: bold; */ }
.selectMenuAlib     { font-family: "Lucida Grande", Verdana, Helvetica, sans-serif; /* color: #4D4D4D; */ /* --- Color Text --- */ font-size: 11px; /* font-weight: bold; */ }
.selectList	    { font-family: "Lucida Grande", Verdana, Helvetica, sans-serif; /* color: #4D4D4D; */ /* --- Color Text --- */ font-size: 11px; /* font-weight: bold; */ }
.selectListAlib	    { font-family: "Lucida Grande", Verdana, Helvetica, sans-serif; /* color: #4D4D4D; */ /* --- Color Text --- */ font-size: 11px; /* font-weight: bold; */ }
option		    { font-family: "Lucida Grande", Verdana, Helvetica, sans-serif; /* color: #4D4D4D; */ /* --- Color Text --- */ font-size: 11px; /* font-weight: bold; */ }
.optionAlib	    { font-family: "Lucida Grande", Verdana, Helvetica, sans-serif; /* color: #4D4D4D; */ /* --- Color Text --- */ font-size: 11px; /* font-weight: bold; */ }
textarea	    { font-family: "Lucida Grande", Verdana, Helvetica, sans-serif; background-color: #D1D1D1; /* color: #4D4D4D; */ /* --- Color Text --- */ font-size: 11px; }
.ferror		    { font-family: "Lucida Grande", Verdana, Helvetica, sans-serif; color: red; font-weight: bold; }


/* --- ce0000 e66800 --- */

input.redbutton, .formButton, #search_submit_button  { color: #ffffff; font-weight: bold; font-size: 10px; font-family: "Lucida Grande", Verdana, Helvetica, sans-serif; 
background-color: #E89103; margin-top: 2px; /* --- Color 1 --- */
/* margin-bottom: 2px; padding-bottom: 2px; width: auto; height: 21px; */ 
}





/* -------- Calendar --------- ------------------------
// PHP Calendar (version 2.3), written by Keith Devens
// http://keithdevens.com/software/php_calendar
// see example at http://keithdevens.com/weblog
// License: http://keithdevens.com/software/license

// enhanced by Oliver Georgi for phpwcms
// figure out by flip-flop
 ------------------------------------------------------ */
.calendar {
   padding: 0; margin:0;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
   text-align: center;
   font-size: 12px;
   line-height: 13px;
   color: #666;
/*   background-color: #f8f8f8; */
/*   border: 1px solid #bbbbbb; */
}

.calendar a:hover { /* the selected day */
   padding: 0; margin:0;
   text-decoration: none;
   color: #FF0000; /* red */
   background-color : #FDFF00;
}

.calendarMonth { /* the month */
   padding: 1px 0; margin:0;
/*    background-color : #FFFFDF; */
   border-bottom: 1px solid #ccc;
}
/* ----- head ----- */
.calendarPrev {  /* link sign for prev month */
   padding: 0; margin:0;
   color: #CF0000;
}

.calendarNext {  /* link sign for next month */
   padding: 0; margin:0;
   color: #CF0000;
}

.calendarWeekNoTitle { /* week numeration title */
   padding: 2px 1px ; margin:0;
/*   font-size: 11px; */
   color: #5BAF00; /* green */
   font-weight: normal; /* bold; */
/*   border-top: 1px solid #dddddd; */
}

.calendarDayName { /* day numeration name horizontal */
   padding: 0 1px;
  margin: 0;
/*   font-size: 11px; */
   color: blue;
   font-weight: normal; /* bold; */
   border-top: 1px solid #dddddd;
}

/* ----- output of week and day ----- */
.calendarWeek { /* week numeration vertical */
   padding: 2px 0; margin:0;
   font-size: 11px;
   color: #5BAF00;
}

.calendarSelectedDay { /* the selected day */
   padding: 0; margin:0;
   font-size: 11px;
   font-weight: bold;
   color: #FF0000; /* red */
   background-color : #fff;
}

/* ---------------- END calendar --------------------- */

.custom_block {
   position: relative;
   left: 0px; top: 0px;
   width:650px;
}

.c1  { 
         text-align: left; 
         float: left; 
         margin: 0px 20px 0px 0px; 
         border: solid 0px #dddddd; 
         width: 190px 
         }
         
.c4  { 
         text-align: left; 
         float: left; 
         margin: 0px 0px 0px 0px; 
         border: solid 0px #dddddd; 
         width: 197px 
         }
         
.c5  { 
         /* position: relative; */
         /* display: bloc; */
         padding: 0px 0px 0px 0px; 
         border-top: solid 0px #dddddd; 
         width: 100%; 
         }
         
.c6  { 
         /* position: relative; */
         /* display: bloc; */
         margin-top: 15px;
         padding: 0px 0px 0px 0px; 
         border-top: solid 1px #dddddd; 
         width: 100%; 
         }         

/* .c1 {
         float: left;
         padding-top: 0px;
         padding-right: 20px;
         padding-bottom: 0px;
         padding-left: 0px;
         width: 662px; 
         border: 0px solid #dddddd;
         text-align: left;
} */

.c2 {
         float: left;
         padding-top: 5px;
         padding-right: 5px;
         padding-bottom: 5px;
         padding-left: 5px;
         /* padding-left-ltr: physical;
         padding-left-rtl-source: physical;
         padding-right-ltr-source: physical;
         padding-right-rtl-source: physical; */
         width: 127px;
}

.content_middle {
         float: left;
         padding-top: 5px;
         padding-right: 5px;
         padding-bottom: 5px;
         /* padding-left-value: 5px;
         padding-left-ltr-source: physical;
         padding-left-rtl-source: physical;
         padding-right-ltr-source: physical;
         padding-right-rtl-source: physical; */
         width: 212px;
}

.content_right {
         float: left;
         padding-top: 5px;
         padding-right: 5px;
         padding-bottom: 5px;
         /* padding-left-value: 5px;
         padding-left-ltr-source: physical;
         padding-left-rtl-source: physical;
         padding-right-ltr-source: physical;
         padding-right-rtl-source: physical; */
         width: 212px;
}


/* BOXES - START
------------------------------------------------------------- */
.Bloc {
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
}

/* ---------------------- */
.BlocC0CatTitre {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #FFFFFF;
height: 0px;
}

.BlocC1CatTitre {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #DCDCDC;
height: 0px;
}

.BlocC2CatTitre {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #FFFFFF;
height: 0px;
/* background-image: url('../../template/fonds/fond.gif'); */
background-repeat: no-repeat;
background-position: left top;
}

.BlocC3CatTitre {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #FFFFFF;
height: 0px;
/* background-image: url('../../template/fonds/fond.gif'); */
background-repeat: no-repeat;
background-position: left top;
}

.BlocD1CatTitre {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #F5F5F5;
height: 0px;
/* background-image: url('../../template/fonds/fond.gif'); */
background-repeat: no-repeat;
background-position: left top;
}

.BlocD2CatTitre {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #666666;
height: 0px;
}


.BlocG1CatTitre {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #666666;
height: 0px;
}


/* ---------------------- */
.BlocC0Annonce {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #FFFFFF;
text-align: left;
}

.BlocC1Annonce {
margin: 0px 10px 0px 10px;
padding: 10px 10px 10px 10px;
background-color: #FFFFFF;
text-align: center;
/* background-image: url('../../template/fonds/fond.gif'); */
background-repeat: repeat;
background-position: right bottom;
}

.BlocC2Annonce {
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
background-color: #F5F5F5;
text-align: left;
/* background-image: url('../../template/fonds/fond.gif'); */
background-repeat: repeat;
background-position: right bottom;
}

.BlocC3Annonce {
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
background-color: #F5F5F5;
text-align: left;
/* background-image: url('../../template/fonds/fond.gif'); */
background-repeat: repeat;
background-position: right bottom;
}

/* FCFCFC F5F5DC F5F5DC */
.BlocD1Annonce {
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
background-color: #FFFFE0;
text-align: left;
/* background-image: url('../../template/fonds/fond.gif'); */
background-repeat: repeat;
background-position: right bottom;
/*      border-top: 4px solid #FCFCFC;
	border-right: 4px solid #999999;
	border-bottom: 4px solid #666666;
        border-left: 4px solid #D3D3D3; */
   border-top: 2px solid #DCDCDC;
	border-right: 2px solid #DCDCDC;
	border-bottom: 2px solid #DCDCDC;
        border-left: 2px solid #DCDCDC;
}

.BlocD2Annonce {
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
background-color: #FFFFFF;
text-align: left;
/* background-image: url('../../template/fonds/fond.gif'); */
background-repeat: repeat;
background-position: right bottom;
}

/* ------ CCFF00 FCFCFC ------ */
.BlocG1Annonce {
margin: 0px 5px 0px 5px;
padding: 10px 10px 10px 10px;
width: 143px;
/* background-color: #EEFFA6; */
text-align: left;
/* background-image: url('../../template/fonds/fond.gif'); */
background-repeat: repeat;
background-position: right bottom;
        border-top: 1px solid #CCCCCC; /* #DCDCDC */
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
        border-left: 1px solid #CCCCCC;
}

/* ---------------------- */

/* ---------------------- */
.BlocC0AnnonceTitre {
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
	line-height: 22px;
	color: #000099;
}

.BlocC1AnnonceTitre {
color: #000099;
font-weight: bold;
font-size: 11px;
line-height: 13px;
text-align: left;
}

.BlocC2AnnonceTitre {
color: #000099;
font-weight: bold;
font-size: 11px;
line-height: 13px;
text-align: left;
}

.BlocC3AnnonceTitre {
color: #000099;
font-weight: bold;
font-size: 11px;
line-height: 13px;
text-align: left;
}

.BlocD1AnnonceTitre {
color: #CC6600;
font-weight: bold;
font-size: 11px;
line-height: 13px;
text-align: left;
}

.BlocD2AnnonceTitre {
color: #000099;
font-weight: bold;
font-size: 11px;
line-height: 13px;
text-align: left;
}

.BlocG1AnnonceTitre {
color: #CC6600;
font-weight: bold;
font-size: 11px;
line-height: 13px;
text-align: left;
}

/* ---------------------- */
.BlocC0AnnonceTexte {
	font-size: 12px;
	color: #666666;
	line-height: 16px;
}

.BlocC1AnnonceTexte {
color: #666666;
font-size: 11px;
line-height: 13px;
text-align: left;
}

.BlocC2AnnonceTexte {
color: #666666;
font-size: 11px;
line-height: 13px;
text-align: left;
}

.BlocC3AnnonceTexte {
color: #666666;
font-size: 11px;
line-height: 13px;
text-align: left;
}

.BlocD1AnnonceTexte {
/* color: #4D4D4D; */
font-size: 11px;
line-height: 13px;
text-align: left;
}

.BlocD2AnnonceTexte {
color: #666666;
font-size: 11px;
line-height: 13px;
text-align: left;
}

.BlocG1AnnonceTexte {
/* color: #4D4D4D; */
font-size: 11px;
line-height: 13px;
text-align: left;
}

/* BOXES - END
------------------------------------------------------------- */


/* Poll - START
------------------------------------------------------------- */

.defaultPollClass {
}

.poll {
	position: relative;
	left: 0px;
	margin: 10px 5px 10px 5px;
	padding: 0px;
}

.poll div.contentHead {
	font-size: 10px;
	line-height: 12px;
        height: 14px;
	color: #000000;
        margin-bottom: 11px;
}

.pollRadioCell {
	font-size: 10px;
	line-height: 12px;
        height: 14px;
	color: #000000;
        border-top: 1px solid #CCCCCC;
	width: 1%;
}

.pollInfo {
	font-size: 10px;
	line-height: 12px;
        height: 14px;
	color: #000000;
        border-top: 1px solid #CCCCCC;
}

.pollSubmitButton {
	color: #ffffff ;
	background: #ce0000 ;
	border-top: 1px solid #ff0000 ;
	border-left: 1px solid #ff0000 ;
	border-right: 2px solid #990000 ;
	border-bottom: 2px solid #990000 ;
        font-size: 10px; font-weight: bold;
        margin-top: 11px;
}

/* .pollBarCell, .pollBarBegin, .pollBarMain  {
	font-size: 10px;
	line-height: 12px;
        height: 14px;
	color: #000000;
        border-top: 1px solid #CCCCCC;
} */

.pollBarCellResults  {
	font-size: 10px;
	line-height: 12px;
        height: 14px;
	color: #000000;
        border-top: 1px solid #CCCCCC;
        width: 1%;
        white-space: nowrap;
        margin-right: 10px;
}

.pollBarCell  {
	font-size: 10px;
	line-height: 12px;
        height: 14px;
        border-top: 1px solid #CCCCCC;
}

.pollBarMain { 
        float: left; 
	font-size: 10px;
	line-height: 12px;
        height: 14px;
        background-color: #0FA5FB; 
        border-top: 1px solid #78CBFB; 
        border-left: 1px solid #78CBFB; 
        border-right: 1px solid #0AA3BE; 
        border-bottom: 1px solid #0AA3BE; 
}

.pollBarPercent {
	font-size: 10px;
	line-height: 12px;
        height: 14px;
        text-align: right;
	color: #000000;
        /* border-top: 1px solid #CCCCCC; */
        margin-left: 5px;
	position: relative;
	top: 2px;

}



/* Poll - END
------------------------------------------------------------- */

/* Standard  - Start
------------------------------------------------------------- */


.listEntry {
	margin-bottom: 10px;	
}




.nav_table, .nav_table a, .nav_table a:link, .nav_table a:active, .nav_table a:visited, .nav_table a:hover {
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #4A5966;
	font-weight: normal;
	text-decoration: none;
}
.nav_table a:hover {
	text-decoration: underline;
}

.nav_table_active, .nav_table_active a, .nav_table_active a:link, .nav_table_active a:active, .nav_table_active a:visited, .nav_table_active a:hover {
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #4A5966;
	font-weight: bold;
	text-decoration: none;
}

.articleList_toptext {
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 10px;
}

.articleList_listhead {
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

/* CSS for the top level list */

ul.list_top, ul.list_level {
	padding: 3px 0;
	margin-left: 0;
	border-bottom: 1px solid #5E747F;
	font: bold 12px Verdana, sans-serif;
}
ul.list_top li, ul.list_level li {
	list-style: none;
	margin: 0;
	display: inline;
	padding: 0;
}
ul.list_top li a, ul.list_level li a {
	padding: 3px 0.5em;
	margin: 0px;
	border: 1px solid #778;
	border-bottom: none;
	background: #D7DEE5;
	text-decoration: none;
}
ul.list_top li a:link, ul.list_level li a:link { color: #5E747F; }
ul.list_top li a:visited, ul.list_level li a:visited { color: #5E747F; }
ul.list_top li a:hover, ul.list_level li a:hover {
	color: Black;
	background: #92A1AF;
	border-color: #227;
}
ul.list_top li.active a, ul.list_level li.active a {
	background: white;
	border-bottom: 1px solid white;
}


.phpwcmsArticleListEntry {
	clear: both;
}
.phpwcmsArticleListImage {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-top: 3px;
}
.phpwcmsArticleListImageCaption {
	/* padding-top: 5px; */
	/* min-width: 1px; */
	/* max-width: 150px; */
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 115%;
}



.image_caption {
	float: none;
	min-width: 1px;
	max-width: 150px;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 115%;
	margin: 3px 0px 0 0;
	text-align: center;
} 

/* .imgDIVinTextLeft {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 0;
} */ 

.imgDIVinTextLeft {
	float: left;
	padding: 5px;
	border: 1px solid #CCCCCC;
	margin: 5px 10px 0 0;
}

.imgDIVinTextRight {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
	padding: 5px;
	border: 1px solid #CCCCCC;
} 
.imgDIVtopLeft { 
	/* margin:8px 10px 5px 20px; */ 
	/* margin-bottom: -30px; */
	padding: 0px;
	border: 0px solid #CCCCCC;
} 
.imgDIVtopCenter { 
	padding: 5px;
	border: 0px solid #CCCCCC;
	/* margin:8px -50% 5px -50%;  */
}

.imgDIVblockImgLeft {
	padding: 5px;
	border: 0px solid #CCCCCC;
    margin-top: 5px; 
	margin-right: 10px;
}
.imgDIVblockImgRight {
	padding: 5px;
	border: 1px solid #CCCCCC;
	margin-left: 10px; 
} 

.imgDIVbottomLeft {
	float: left;
	padding: 5px;
	border: 1px solid #CCCCCC;
	margin-top: 10px; 
} 


.phpwcmsImgListRight {
	text-align: right;
	margin: 0;

	padding: 0;
}
.phpwcmsImgListLeft {
	text-align: right;
	margin: 0;
	padding: 0;
}

.phpwcmsSearchResult {
	margin: 15px 0 15px 0;
}
.phpwcmsSearchResult h3 {
	margin: 10px 0 1px 0;
	font-size: 12px;
	font-weight: bold;
}
.phpwcmsSearchResult p {
	margin: 0;
}
.phpwcmsSearchResult em.highlight, em.highlight {
	background-color: #FFFF00;
	font-style:inherit;
}

#VisualModeIndicator {
	position:absolute;
	left:5px;
	top:5px;
	padding:5px;
	z-index:10000;
	background-color:#FF3300;
	color:#FFFFFF;
	border:1px solid #000000;
}


div.cpPagination {
	margin: 10px 0 10px 0;
	text-align: right;
}
a.cpPaginate, a.cpPaginateActive, a.cpPaginationPrev, a.cpPaginationNext {
	padding: 0px 3px 1px 3px;
	background-color: #FFFFFF;
	color: #BBBBBB;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #CBCBCB;
}
a.cpPaginateActive {
	background-color: #CBCBCB;
	color: #FFFFFF;
	border: 1px inset #CBCBCB;
}

a.cpPaginationPrev:hover, a.cpPaginationNext:hover, a.cpPaginate:hover {
	background-color: #DDDDDD;
	color: #666666;
	border: 1px inset #CBCBCB;
}

.rss {
        font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
}

.rssdate {
        font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	color: #808080;
}

.textads a,
.textads a:link,
.textads a:active {
	color: #000000;
}

.textads a:hover {
	color: #FFFFFF;
}

.blocmeteoaccueil {
width: 463px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
/*  background-color: #DEE0D5; */
/*  background-color: #FEE000; */
text-align: left;
}

#iframe1 a:hover {
	color: Red;
	background-color: Red;
	border: 2px inset #CBCBCB;
}

.basdepage {
	background-image: url('../../template_01/fonds/basdepage-0201.jpg'); 
	background-repeat: repeat-x;
	background-position: left top;
}

.basdepagetexte {
}

.splitter {
	background-image: url('../../template_01/fonds/splitter-02.gif');
	background-repeat: no-repeat;
	background-position: center 0;
	background-color: #F4F5F1;
}

.teasergeneral {

   /*  width: 201px; */
   /*  height: 130px; */
   margin: 30px 0px 0px 0px;
   background-color: transparent;
   border-top: 1px solid #CBCBCB;
}

.teaser {
   display: block;
   /*  width: 201px; */
   width: 199px;
   /*  height: 130px; */
   min-height: 125px;
   float: left;
   padding: 0px 10px 10px 10px ;
   margin: 3px 3px 3px 3px;
   background-color: #FFFFFF;
}

.teasertitle {
	font-size: 12px;
	line-height: 13px;
	color: #007DCC; /* --- #77993D Color 3C --- */ 
	font-weight: bold;
	margin-top: 10px;
	padding: 0px;
	margin-bottom: 2px;
	border-bottom: 0px none;  
	border-right: 0px none;  
	border-left: 0px none; 
	border-top: 0px solid #C0C0C0;
}

.web2 {
/* for IE */
filter:alpha(opacity=30);
/* CSS3 standard */
opacity:0.30;
/* for Mozilla */
-moz-opacity:0.30;
}

.notes, .notes a {  
	font-size: 11px;
	line-height: 13px;
	}


#footer li a.sendafriend,
#footer li a.print {
	float: left;
	width: 15px;
	height: 16px;
	padding: 0;
	margin: 0 0 0 4px;
	overflow: hidden;
	background-position: left 2px;
	background-repeat: no-repeat;
}
#footer li a.sendafriend {
	background-image: url(../img/ci/sendafriend-icon.gif);
	margin-left: 25px;
}
#footer li a.print {
	background-image: url(../img/ci/print-icon.gif);
}
#footer li a.sendafriend:hover {
	background-image: url(../img/ci/sendafriend-icon-hover.gif);
}
#footer li a.print:hover {
	background-image: url(../img/ci/print-icon-hover.gif);
}
#footer li a.sendafriend span,
#footer li a.print span {
	float: left;
	width: 0;
	height: 0;
	margin-left: 16px;
}

.footer {
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #666666; /* --- Color Footer --- */
}

.footer a, .footer a:link, .footer a:active, .footer a:visited {
	color: #666666; /* --- Color Footer --- */
	text-decoration: none;
}

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