p{;} h1{;} h2{;} h3{;} a:link{color:#105CB6;} a:visited{color:#105CB6;} a:hover{color:#000000; text-decoration:underline;} a:active{color:#000000; text-decoration:underline;} #Header{z-index:99; position: absolute; left:0px; top:0px; width:100%; height:280px; } #LeftColumn{z-index:8; position: absolute; left:3px; top:280px; width:290px; } #RightColumn{;} #MainBody{;} #MainContent{z-index:5; position: absolute; left:300px; top:280px; right:10px; } #Block{;} #Blockl0{;} #Blockl1{;} #Blockl2{;} #Blockl3{;} #Blockl4{;} #Blockl5{;} #Blockl6{;} #Blockl7{;} #Blockl8{;} #Blockl9{;} #Blockr0{;} #Blockr1{;} #Blockr2{;} #Blockr3{;} #Blockr4{;} #Blockr5{;} #Blockr6{;} #Blockr7{;} #Blockr8{;} #Blockr9{;} .BlockOutline{;} .BlockTitle{ height:29px; width:283px; background-image:url(../CG-H.jpg) ; background-repeat:no-repeat; background-position:bottom left; } .BlockTitleText{ padding : 5px 20px 0px 20px; text-align: Left; font-size: 20px; font-weight:bold; color:#FFFFFF; font-variant:small-caps; } .BlockContents{ width:283px; background-image:url(../CG-B.jpg) ; background-repeat:no-repeat; background-position:bottom center; } .BlockContentsText{ padding : 10px 20px 15px 20px; text-align: justify; font-size:90%; font-style:normal; line-height: 115%; } .BlockSpacer{padding:5px;} #Story{;} .StoryOutline{;} .StoryDate{;} .StoryTitle{ width:100%; height:52px; background-image:url(../ST-A.jpg) ; background-repeat:no-repeat; background-position:top left; padding:15px 0px 0px 15px; text-align: left; font-size:22px; font-weight:bold; color:#295eac; font-variant:small-caps; } .StoryTitleText{;} .StoryContents{ width:100%; background-image:url(../SC-A.jpg) ; background-repeat:repeat-y; background-position:top left; padding : 10px 0px 10px 15px; text-align: justify; } .StoryContentsText{;} .StorySpacer{;} #calendar{margin : 20 0 20 0} .calendar th{text-align : center; font-size : 8px;} .calendar td{text-align : center; font-size : 10px; color : #c0c0c0;} .calendar caption{text-align : left; font-size : 8px;} .calendar a{color : #000; font-weight : bold;} .calendar a:visited{ color : #000; font-weight : bold;} Body { color:#000000; font-family:arial, helvetica, sans-serif; scrollbar-base-color:#D7D7D7; margin:0px; padding:0px; background-color:#FFFFFF; } H1, H2 , H3 { font-family: "Arial Black", "Arial Bold", Gadget, sans-serif; } /* BlocksView (dans les listes) */ .BV { font-size:85%; width:98%; border:solid 2px #295eac; padding:5px; margin:5px; text-align:justify; } /* BlocksView (Titre) */ .BVT { width:100%; font-size:20px; padding:2px; margin:3px; font-weight:bold; color:#FFFFFF; background-color:#295eac; border:outset 1px #295eac; } /* BlocksView (Url) */ .BVU { font-size:14px; color:#295eac; } /* BlocksView (Cats) */ .BVC { font-size:14px; color:#295eac; } .OTP1 { Width:9px; background:url(../OTP1.gif) no-repeat left top; } .OTP2 { Padding:3px 3px 0px 3px; background:url(../OTP2.gif) repeat-X left top; } .OTP2 A, .OTP2 A:visited, .OTP2 A:link, .OTP2 A:hover { background:None; Text-decoration:None; Font-Family:Arial,sans-serif; font-size:14px; font-weight:normal; Color:#FFFFFF; } .OTP3 { Width:12px; background:url(../OTP3.gif) no-repeat left top; } .OTP4 { Width:8px; background:url(../OTP4.gif) no-repeat left top; } /* Liens bas pages */ .LBP LBP A { font-size:14px; color:#295eac; } /* ================= HeaderTopMenu ================= */ .HeaderTopMenu { } .FT { display:block; position:absolute; Z-Index:99; overflow:hidden; top:162px; width:auto; height:22px; } /* titres menu deroulant OVER */ a.mplain_Titre:hover, a.mplain_Titre:active {font-size:14px;background:#297b86 ;color:#FFFFFF; text-decoration:none; border:none; padding:1px; cursor:pointer;display:block; white-space: nowrap;} /* titres menu deroulant */ .mplain_Titre, a.mplain_Titre:link, a.mplain_Titre:visited{ text-align:left; color:#FFFFFF; text-decoration:none; border:none;padding:1px; cursor:pointer;display: block;Font-SIZE:14px;font-weight:bold;white-space:nowrap;text-shadow:#333 -1px -1px 1px;} /* entrée dans le menu sans sous menu */ .mplain, a.mplain:link, a.mplain:visited { Font-Size:12px;text-align:left; color:#000000; text-decoration:none; padding:1px; cursor:pointer;display:block;border:none; } .mmenu { position:absolute; left:0px; top:0px; visibility:hidden; Font-Size:12px; } .mmenu { background: #f4f7f7; /* Old browsers */ background: -moz-linear-gradient(45deg, #f4f7f7 0%, #ffffff 49%, #e8fcfb 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#f4f7f7), color-stop(49%,#ffffff), color-stop(100%,#e8fcfb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, #f4f7f7 0%,#ffffff 49%,#e8fcfb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(45deg, #f4f7f7 0%,#ffffff 49%,#e8fcfb 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(45deg, #f4f7f7 0%,#ffffff 49%,#e8fcfb 100%); /* IE10+ */ background: linear-gradient(45deg, #f4f7f7 0%,#ffffff 49%,#e8fcfb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f7f7', endColorstr='#e8fcfb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } /* textes menu deroulant sans liens (infos) */ .mplainTxt {text-align:center;color:#777777;font-style:italic;cursor:text;padding-left:5px;padding-right:5px;font-size:9px;display:block;} /* entrée dans le menu sans sous menu */ a.ml:link, a.ml:visited{text-align:left;background:url(/A.nsf/mptn.gif) no-repeat right;color:#000000;text-decoration:none;padding:1px;cursor:pointer;display:block;} /* entrée dans le menu avec sous menu OVER */ a.ml:hover, a.ml:active {background:#297b86 url(/A.nsf/mptb.gif) no-repeat right; color: #ffffff;text-decoration:none;padding:1px;cursor:pointer;display:block;} /* entrée dans le menu sans sous menu OVER */ a.mplain:hover, a.mplain:active {background:#297b86;color:#ffffff;text-decoration:none;padding:1px;cursor:pointer;display:block;} @media screen and (max-width: 1150px) { .mplain_Titre, .mplain_Titre:link, .mplain_Titre:visited , .mplain_Titre:hover, .mplain_Titre:active { Font-SIZE:12px; font-stretch: condensed; } .mplain, a.mplain:link, a.mplain:visited, .mmenu, .mplainTxt, .ml { Font-SIZE:11px; font-stretch: condensed; } } .Tc { height:auto; margin:10px; Width:auto; } .Ti { height:auto; margin:10px; Width:auto; background: rgba(228,242,241,1); background: -moz-linear-gradient(45deg, rgba(228,242,241,1) 0%, rgba(255,255,255,1) 35%, rgba(239,247,246,1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(228,242,241,1)), color-stop(35%, rgba(255,255,255,1)), color-stop(100%, rgba(239,247,246,1))); background: -webkit-linear-gradient(45deg, rgba(228,242,241,1) 0%, rgba(255,255,255,1) 35%, rgba(239,247,246,1) 100%); background: -o-linear-gradient(45deg, rgba(228,242,241,1) 0%, rgba(255,255,255,1) 35%, rgba(239,247,246,1) 100%); background: -ms-linear-gradient(45deg, rgba(228,242,241,1) 0%, rgba(255,255,255,1) 35%, rgba(239,247,246,1) 100%); background: linear-gradient(45deg, rgba(228,242,241,1) 0%, rgba(255,255,255,1) 35%, rgba(239,247,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f2f1', endColorstr='#eff7f6', GradientType=1); } .Ti { position:relative; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .Ti:before, .Ti:after { content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); top:10px; bottom:10px; left:0; right:0; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } .Ti:after { right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg); } .Tii { height:auto; padding:10px; Width:auto; } .TAC { Font-Size:80%; } .OTP1 { Width:9px; background:url(/A.nsf/OTP1.gif) no-repeat left top; } .OTP2 { Padding:3px 3px 0px 3px; background:url(/A.nsf/OTP2.gif) left top repeat-X; } .OTP2 A, .OTP2 A:visited, .OTP2 A:link { background:None; Text-decoration:None; font-size:14px; font-weight:normal; Color:#FFFFFF; } .OTP2 A:hover { Color:#000000; } .OTP3 { Width:12px; background:url(/A.nsf/OTP3.gif) no-repeat left top; } .OTP4 { Width:8px; background:url(/A.nsf/OTP4.gif) no-repeat left top; } /* iPad and iPhone and small screens */ @media only screen and (max-device-width: 800px) { .OTP2 A, .OTP2 A:visited, .OTP2 A:link { font-size:20px; } } .BandeauBarreBleue { Height:8px; Width:100%; background:url(/A.nsf/BandeauBarreBleue.gif) repeat-X; } .BandeauBarreBleue2 { Height:6px; Width:100%; background:url(/A.nsf/BandeauBarreBleue2.gif) repeat-X; } .AcceuilIImageHaut { Height:75px; Width:100%; font-family: "Arial Black", "Arial Bold", Gadget, sans-serif; font-size:18px; line-height:100%; text-shadow:0px 0px 9px #aae3e7; xfont-weight:bold; overflow:hidden; background:#67c8ce url(/A.nsf/AcceuilIImageHaut.png); } @media screen and (max-width: 1050px) { .AcceuilIImageHaut {display:none;} } .Drapeaux1 { } .Drapeaux4 A IMG { margin:1px; } .Drapeaux4 A:hover IMG { margin:0px; border:1px solid #0000; } .Menu-Colors { display:block; width:50%; margin:1px; height:12px; border:1px solid #CCC; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } /* ================= HEADER ================= */ .SitePagesHeader{ width:100%; height:198px; display:block; clear:both; background:#216b74 url(../SitePagesHeaderMainBackground.jpg) 0% 0% repeat-x; } .SitePagesHeader .header-cont{ width:99%; margin:auto; display:block; padding:9px 0px 0px 0px; } .SitePagesHeader .header-cont .HeaderLogo{ margin:0px; position:absolute; top:0px; left:0px; } /*================= Search box and flags =================*/ .SitePagesHeader .search-bar-cont{ height:45px; display:block; } /*--search-box--*/ .SitePagesHeader .header-cont .search-box{ display:block; float:right; width:315px; padding:6px 6px 2px 6px; background:url(/A.nsf/search-bg.png) no-repeat; margin:0px 10px 0px 0px; } .SitePagesHeader .header-cont .search-box .search-input-text{ display:block; float:left; border:none; background:url(/A.nsf/search-textbox.png) no-repeat; width:255px; height:24px; font-size:14px; color:#838282; font-style:italic; margin:1px 0px 0px 0px; padding:6px 5px 7px 5px; opacity:0.75; } .SitePagesHeader .header-cont .search-box .search-go-btn{ display:block; float:right; background:url(/A.nsf/go.png) no-repeat; width:44px; border:none; height:30px; margin:0px 0px 0px 4px; cursor:pointer; } /*--Header flags---*/ .SitePagesHeader .header-cont ul.flags{ list-style:none; margin:10px 0px 0px 0px; padding:0px; float:right; } .SitePagesHeader .header-cont ul.flags li{ margin:0px 0px 0px 5px; padding:0px; float:left; } .SitePagesHeader .header-cont ul.flags li img{ border:solid 2px #FFFFFF; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; } /*================= Page Title =================*/ .SitePagesHeader .header-cont .header-title{ position:absolute; top:55px; height:70px; left:400px; right:10px; overflow:hidden; vertical-align:middle; text-align:justify; font-size:24px; color:#FFFFFF; text-transform:uppercase; font-weight:bold; text-shadow:#333 1px 1px 1px; } /*================= Page Title =================*/ .SitePagesHeader .header-cont .header-title{ position:absolute; display:block; top:35px; height:80px; left:400px; right:10px; margin:0px; padding:0px; } .SitePagesHeader .header-cont .header-title H1 { height:80px; margin:0px; padding:0px; vertical-align:middle; display:block; overflow:hidden; font-size:100%; } .SitePagesHeader .header-cont .header-title H1 TABLE TR TD { height:80px; margin:0px; padding:0px; overflow:hidden; vertical-align:middle; text-align:justify; font-size:20px; color:#FFFFFF; text-transform:uppercase; xfont-family:Arial, Helvetica, sans-serif; xfont-weight:bold; text-shadow: 0px 1px 1px #176963, 1px 2px 1px #10615b, 1px 3px 1px #0d534e; } /*================= Header Tabs =================*/ .SitePagesHeader .header-cont .header-TopTabs-cont{ position:absolute; top:106px; left:10px; right:10px; height:50px; } .SitePagesHeader .header-cont ul.header-TopTabs{ list-style-type:none; clear:right; margin:1px 0px 0px 0px; padding:0px 0px 0px 5px; background:url(/A.nsf/menu-shadow.png) left no-repeat; float:right; } .SitePagesHeader .header-cont ul.header-TopTabs li{ float:left; height:37px; font-size:14px; color:#000000; font-weight:bold; margin:0px 0px 0px 0px; padding:0px 0px 0px 12px; background:url(/A.nsf/menu-left.png) left no-repeat; } .SitePagesHeader .header-cont ul.header-TopTabs li span{ float:left; margin:0px; padding:0px 12px 0px 0px; overflow:hidden; display:block; line-height:37px; background:url(/A.nsf/menu-right.png) right no-repeat; white-space: nowrap; } .SitePagesHeader .header-cont ul.header-TopTabs li span a{ color:#000000; text-decoration:none; } .SitePagesHeader .header-cont ul.header-TopTabs li span a:hover{ color:#6a3c26; text-decoration:none; }