/* CSS Document */

/* ----------------------------------------------------------------------------------- Main */

html, body { width:100%; }
body, td, p, div, span { font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#666; }
a { outline:none;}


#content { background:url(img/headercont.jpg) 0 0 no-repeat; padding:10px 40px 40px 40px; border-bottom:10px solid #f3f3f3; min-height:800px;}

#content ul { list-style: none; margin:5px; padding:20px;}
#content ul li { list-style:url(img/listicon.gif); padding-left: 5px;}
#content ul li .subliste { list-style:none; padding-left:5px;}
#content a {color:#666666; font-weight:bold; text-decoration:underline;}
.passpage { font-size:9px; color:#22B1E1;}
.passpage a:hover { font-size:9px; color:#fff;}
#content {  height:auto; min-height:896px;}
	* html #content { height:896px; margin:0;}
h1 {font-weight: bold; font-size: 13px; color:#333; }
#bord{border-top:1px dashed #8dc62c; border-bottom:1px dashed #8dc62c; padding:5px;}
a, a:link, a:visited, a:active, a:hover { color: #FF0000; }
.lien1 a:link, .lien1 a:visited, .lien1 a:active { color: #22B1E1; }
.lien1 a:hover { color: #b8e6f6; }

.more { color: #FFFFFF; }
.more a:link, .more a:visited, .more a:active { color: #FFFFFF; text-decoration: none; }
.more a:hover { color: #b8e6f6; text-decoration: underline; }

#imgPrint { display:none;}
#linkMonica { display:block;}
.linkGreen { color:#666666;}


/* ----------------------------------------------------------------------------------- Main */
#left { background:url(img/bg_left.jpg) top right no-repeat; }
#right { background:url(img/bg_right.jpg) top left no-repeat; }

#coll { display:none; }
#colr { border-left: 1px #FFF solid; width:1000px; }
.whtb { border-bottom: 1px #FFF solid; }



/* ----------------------------------------------------------------------------------- Menu */
#menu { display:none; }
#navi { display:none; }
#navi a { display:none; }
#navi a:hover { display:none; }

#navi ul { display:none; }
#navi li { display:none; }

#navi #current { display:none; }
#navi #current a { display:none; }

#footer { display:none; }
#footer ul { display:none; }
#footer li { display:none; }
/*#footer img { float:right }*/

#footer a { font: bold 9px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #999; text-decoration: none; padding-left: 10px; }

/* ----------------------------------------------------------------------------------- Blocs */
.title { font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; }
.title2 { font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; padding-top: 8px; padding-bottom: 8px; border-bottom: 1px dashed #669999; }
.title3 { font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; margin-bottom: 5px; }

#topics { background:url(img/topic.jpg) top no-repeat #F3F3F3; font-size: 9px; }
#topics2 { background:url(img/topic2.jpg) top no-repeat #f7f9fa; font-size: 9px; }
.topic_subtit { font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; padding-bottom: 2px; }
.topic_td { border-top: 1px dashed #bababa; }
.topic_tdm { border: dashed #bababa; border-width: 1px 1px 0px 1px; }
.topic_td a { color: #333; text-decoration: none; }
.topic_tdm a { color: #333; text-decoration: none; }
.topic_td a:hover { color: #006699; text-decoration: none; }
.topic_tdm a:hover { color: #006699; text-decoration: none; }

#video { background:url(img/vid02a.jpg) top no-repeat; font-size: 9px; }
.vid1  { background:url(img/vid01.jpg) left top no-repeat #1C617A; width: 336px; }
.vid2  { background:url(img/vid02b.jpg) right bottom no-repeat #1C617A; width: 300px; }
.video_subtit { font-size: 11px; font-weight: bold; color: #FFF; }
.video_td { border-bottom: 1px dashed #669999; color: #FFF; padding-top: 4px; padding-bottom: 4px; }

.bvid1 { font-size: 11px; font-weight: bold; color: #32B2CF; height: 20px; }
.bvid2 { font-size: 11px; font-weight: bold; color: #FFF; text-align: right; height: 20px; }

#minimoni { display:none; }

#agenda  { background: #1C596B; padding: 8px 10px 5px 10px; }
.agenda  { background:url(img/agenda.gif) bottom repeat-x #FFF;margin-top: 10px; }
.date { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color : #BEBEBE; border-bottom: 1px solid #F2F2F2; }
.day { float: left; font-size:40px; padding-left: 5px; padding-right: 3px; }
.hours { font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #22B1E1; padding-top:7px; padding-left: 5px; }
.plan { font: 11px Arial, Helvetica, sans-serif; color: #666666; border-bottom: 1px dashed #E5E5E5; padding-bottom:10px; padding-left: 5px; }

#calendar { width: 203px; height: 180px; }
#calendar a { font-size: 10px; color: #666666; text-decoration: none; display:block; float:left; width: 28px; height: 10px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; text-align:center; padding: 8px 0px 8px 0px; }

#calendar a:hover { background: #b8e6f6; text-decoration: underline;}

#calendar #today { font-size: 10px; color: #FFF; background: #22B1E1; text-decoration: none; display:block; float:left; width: 28px; height: 10px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; text-align:center; padding: 8px 0px 8px 0px; }

.agb { border-left: 1px solid #1C596B; }
.week { border-top: 1px solid #CCC; background-color:#F4F4F4; }

#month a { font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666666; text-decoration: none; }
#month a:hover { color: #006699; }

#month ul { padding-left: 0; margin:0; list-style:none; }
#month li { padding-left: 15px; margin:0; } 

#month #sel a { color: #22B1E1; font-weight: bold; }

.listDate { color:#999999;}
.linkMore { font-size:9px; color:#8dc62c; text-decoration:none;}

/* ----------------------------------------------------------------------------------- Blocs */

.doc1 { background:url(img/docbg01.jpg) top no-repeat; width: 290px; padding: 15px 15px 40px 15px; }
.doc2 { background:url(img/docbg02.jpg) bottom no-repeat #8ec52c; width: 320px; font-size: 9px; color: #666666; padding-bottom: 7px; }
.doc2 a { font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; color: #FFF; text-decoration: none; padding-left: 8px }

.news1  { background:url(img/newsbg01.jpg) top no-repeat; width: 290px; padding: 15px 15px 40px 15px ; }
.news2  { background:url(img/newsbg02.jpg) bottom no-repeat #8ec52c; width: 320px; font-size: 9px; color: #666666; padding-bottom: 7px; }
.news2 a { font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; padding-left: 8px }

.bloc { padding-top: 5px; padding-bottom: 5px; border-bottom: 1px dashed #e5e5e5; overflow:auto; }
div.bloc:hover { background-color: #e9f5d6; cursor: pointer;}

.sideimg { display:block; background: #FFF; padding: 3px; border: 1px solid #bababa; float:right; margin-left: 4px; }
.sideimg2 { display:block; background: #FFF; padding: 3px; border: 0px solid #bababa; float:right; margin-left: 4px; }
.side_date { font-size: 11px; font-weight: bold; color: #bababa; }
.side_subtit { font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #555; padding-bottom: 2px; }
.side_cont { font-size: 9px; color: #666666; }

.next { text-align: left; }
.next a { color: #22B1E1; padding: 0px; text-decoration:underline; }
.next a:hover { color: #006699; padding: 0px; text-decoration:underline; }

#europe { background:url(img/europe.jpg) top no-repeat; height: 134px; padding-left: 30px; position:relative; }
.europ1 { font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; position:absolute; left: 30px; top: 54px; width: 235px; }
.europ2 { font-size: 10px; color: #FFF; position:absolute; left: 30px; top: 78px; width: 235px; }
.europ2 a { color: #FFF; text-decoration: none; }
.europ2 a:hover { color: #ffcc00; text-decoration: underline; }

#italy { background:url(img/italy.jpg) top no-repeat; height: 134px; padding-left: 30px; border-bottom: 5px solid #fafafa; position:relative; }
.italy1 { font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #4C4C4C; position:absolute; left: 30px; top: 54px; width: 235px; }
.italy2 { font-size: 10px; color: #4C4C4C; position:absolute; left: 30px; top: 78px; width: 235px; }
.italy2 a { color: #4C4C4C; text-decoration: none; }
.italy2 a:hover { color: #669900; text-decoration: underline; }

/* ----------------------------------------------------------------------------------- Form */
input { font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666666; background:none; border:0;}

#search { position: relative; background: url(img/searchbg.jpg); width: 122px; height: 27px; text-align:center; }
.searchfil input { width: 69px; border: 0px solid green;}
.searchfil { position: absolute; top: 3px; left: 4px; width: 73px; height: 16px; margin: 0; border: 0px solid red; padding: 2px; }
.go { position: absolute; top: 3px; left: 82px; background: url(img/searchgo.jpg) no-repeat; width: 37px; height: 20px; border: 0px; border: 0px solid green; padding: 0; margin: 0;}

#strip { position: relative; background: url(img/sendbg.jpg) no-repeat; width: 366px; height: 20px; float: right;}
.sendfil input { width: 269px; border: 0px solid green;}
.sendfil { position: absolute; top: 0px; right: 88px; width: 273px; height: 18px; margin: 0; border: 0px solid red; padding: 2px; }
.send { position: absolute; top: 0px; right: 0px; background: url(img/send.gif) no-repeat; width: 87px; height: 20px; border: 0px; border: 0px solid green; padding: 0; margin: 0;}