/* CSS Document */
* { border: 0; margin: 0; padding: 0; }
ul { list-style: none; list-style-type: none; }
body { background: #FFF url(../images/mainbg.jpg) 0 0 repeat-x; color: #707070; font: 14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; }
A:link    { background-color: inherit; color: #565656; cursor: pointer; font-weight: bold; text-decoration: none; }
A:visited { background-color: inherit; color: #565656; cursor: pointer; font-weight: bold; text-decoration: none; }
A:hover   { background-color: inherit; color: #272497; cursor: pointer; font-weight: bold; text-decoration: none; }
A:active  { background-color: inherit; color: #565656; cursor: pointer; font-weight: bold; text-decoration: none; }
A:focus   { background-color: inherit; color: #565656; cursor: pointer; font-weight: bold; text-decoration: none; }
a.zajax:hover img { cursor: pointer; position: relative; left: +2px; } 

#header { height:152px; position:relative; margin:0 auto; padding:0px; width:747px; }
#header img { height:58px; position:absolute; left:0px; top:35px; width:208px; }
#header ul { height:32px; list-style: none; position:absolute; right:0px; top:76px; width:480px; }
#header ul li { float:left; height:32px; list-style: none; padding:0 0 0 1px; width:79px; }
#header ul li a { background:#7E7B00 url(../images/menubg-normal.gif) 0 0 no-repeat; color:#656565; display:block; height:32px; font-size:11px; font-weight:bold; line-height:32px; text-align:center; text-transform:uppercase; width:79px; }
#header ul li a:hover { background:#7E7B00 url(../images/menubg-hover.gif) 0 0 no-repeat; color:#272497; }
#header ul li.active a { background:#7E7B00 url(../images/menubg-hover.gif) 0 0 no-repeat; color:#272497; display:block; height:32px; font-size:11px; font-weight:bold; line-height:32px; text-align:center; text-transform:uppercase; width:79px; }
#header div.dropdown { height:20px; position:absolute; right:0px; top:119px; width:680px; }
#header div.dropdown a { background:inherit; color:#3E3E3E; font-size:11px; line-height:20px; text-align:center; width:79px;} 
#header div.dropdown a:hover { background:inherit; color:#272497; }
#easy-header { float: right; font-size: .9em; margin: 5px 10px 0 0; text-align: right; }
#easy-header, #easy-header a { background-color: inherit; color: #424242; font-size: 0.8em; line-height: 1em; }
#easy-header a:hover, #easy-header a:focus {  background-color: inherit; color: #FFF; }

#slogan-header { clear: both; float: right; font-size: .9em; height: 50px; margin: 0 10px 0 0; text-align: right; width: 460px; }
#slogan-header, #slogan-header a, #slogan-header a:visited { background-color: inherit; color: #FFFFFF; font-size: 0.8em; font-style: italic; }
#slogan-header a:hover, #slogan-header a:focus { background-color: inherit; color: #25A800; } 

#bodynews { position:relative; margin:0 auto; width:686px; }
#bodynews h2 { background:#F2F0DC; color:#D80000; font:26px/54px "Trebuchet MS",Arial, Helvetica, sans-serif; height:54px; width:300px; }
#bodynews p { padding:10px 0 0; }
#bodynews p span { font-weight:bold; }
#bodynews p.date { background:#FEFEF6; color:#000; font-size:18px; height:22px; line-height:22px; padding:0px; width:174px; }
#bodynews p.pright { height:16px; margin:0 0 0 582px; padding:0 0 14px 0; width:102px; }
#bodynews p.pright a { background:#F2F0DC; color:#D80000; display:block; font:13px/16px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; height:16px; width:102px; }
#bodynews p.pright a:hover { background:#F2F0DC; color:#7E0202; }
#bodynews p.border { background:url(../images/dot-line.gif) 0 0 repeat-x; height:1px; padding:0 0 14px 0; }

#wrap_body { margin:0 auto; padding:30px 0 0 8px; position:relative; width:778px; }

#footer { background:#565656 url(../images/footerbg.gif) 0 0 repeat-x; clear:both; color:#FFF; height:214px; }
#footerPan { position:relative; margin:0 auto; width:747px; }
#footerPan img.footerlogo { height:50px; position:absolute; right:0px; top:93px; width:186px; }
#footerPan p.top { background:url(../images/css-button.gif) 0 0 no-repeat; height:19px; padding:3px; position:absolute; right:186px; top:42px; width:53px; }
#footerPan p.top a { background:#B3B3B3 url(../images/arrow1.gif) 90% 50% no-repeat; color:#FFF; display:block; height:18px; font-weight:bold; text-transform:uppercase; padding:2px 0 0 5px; width:50px; }
#footerPan p.top a:hover { background:#B3B3B3 url(../images/arrow2.gif) 90% 50% no-repeat; color:#FFF; }
#footerPan p.html { background:url(../images/html-button.gif) 0 0 no-repeat; height:22px; padding:3px; position:absolute; right:115px; top:42px; width:64px; }
#footerPan p.html a { background:#F4F4F4 url(../images/arrow3.gif) 100% 50% no-repeat; color:#565656; display:block; font-weight:bold; height:18px; padding:2px 0 0 5px; text-transform:uppercase; width:55px; }
#footerPan p.html a:hover { background:#F4F4F4 url(../images/arrow4.gif) 100% 50% no-repeat; color:#565656; }
#footerPan p.css { background:url(../images/html-button.gif) 0 0 no-repeat; height:19px; padding:3px; position:absolute; right:44px; top:42px; width:64px; }
#footerPan p.css a { background:#F4F4F4 url(../images/arrow3.gif) 100% 50% no-repeat; color:#565656; display:block; height:18px; font-weight:bold; text-transform:uppercase; padding:2px 0 0 5px; width:55px; }
#footerPan p.css a:hover { background:#F4F4F4 url(../images/arrow2.gif) 100% 50% no-repeat; color:#565656; }
#footerPan p.copyright { background:#565656; color:#FFF; font:11px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; position:absolute; left:26px; top:117px; }
#footerPan p.copyright a { background:#565656; color:#FFF; }
#footerPan p.copyright a:hover { text-decoration:underline; }
#footerPan ul { position:absolute; left:14px; top:93px; width:600px; }
#footerPan li { float:left; font:11px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal; list-style: none; }
#footerPan ul li a { background:#565656; color:#FFF; padding:0 12px 0; }
#footerPan ul li a:hover { text-decoration:underline; }
#footerPan ul.templateworld { background:#565656; color:#FFF; display:block; font-size:12px; position:absolute; left:26px; top:135px; }
#footerPan ul.templateworld li a { background:#565656; color:#FFF; }
#footerPan ul.templateworld li a:hover { text-decoration:underline; }
#footerPan span { font-weight:bold; text-transform:capitalize; }

ul.hover_block { display: block; overflow: hidden; height: 1%; padding-bottom: 15px; }
ul.hover_block li { background: #fff; float: right; height: 44px; list-style: none; margin-right: 20px; padding: 10px; width: 44px; position: relative; }
ul.hover_block li a { color: #000; display: block; font: 1.6em/1.3 Helvetica, Arial, sans-serif; height: 48px; padding: 16px; position: relative; overflow: hidden; width: 48px; }
ul.hover_block li a { margin: 0 auto; text-decoration: none; }
ul.hover_block li img { background: #151515; border: 0; position: absolute; left: 0; top: 0; }

#content, .caddie { clear: both; height: auto; overflow: hidden; position: relative; left: 0px; top: 0px; text-align: left; }
#content fieldset { background-color: #DCDCDC; border: #565656 2px solid; color: #000000; padding: .5em .5em .5em .5em; }
#content legend { background-color: #565656; border: #565656 1px solid; color: #FFFFFF; font-size: 1em; font-weight: bold; padding: .1em .5em; }
#content a { background-color: inherit; color: #6A340C; }
#content legend a { background-color: inherit; color: #D6DFFF; }
#content a:hover { background-color: inherit; color: #25A800; }
#content img.imgborder { border: #F4F4F4 2px solid; }
#load { background: url(../images/ajaxLoader.gif); display: none; height: 11px; position: absolute; right: 10px; top: 10px; text-indent: -9999em; width: 43px; }

#photoInfo { background-color: #C8B69A; border: #565656 2px solid; color: #000000; font-size: 1.1em; font-weight: bold; text-align: left; }
#caddieInfo { background-color: #C8B69A; color: #000000; margin: .5em auto .5em auto; text-align: left; }
#photoInfo p, #caddieInfo p { padding: 5px 14px 7px 14px; }
#photoInfo strong, #caddieInfo strong { background-color: inherit; color: #4D4D4D; }
#photoInfo a { background-color: inherit; color: #6A340C; }
#photoInfo a:hover { background-color: inherit; color: #25A800; }
.toggleMenu { height: 12px; text-transform: capitalize; }

.captionRight, .captionCaddie { clear: both; float: right; }
.captionRight ul, .captionCaddie ul { font-size: 1.1em; font-weight: bold; list-style: none; margin-right: 10px }
.captionRight ul li, .captionCaddie ul li { display: inline; line-height: 36px; margin: 0 2px 0 8px; }
.captionRight ul li img, .captionCaddie ul li img  { border: none; height: 32px; margin: 0 3px -8px 0 !important; padding: 0; width: 32px;  }
.captionRight strong, .captionCaddie strong { position: relative; top: -8px; }
.captionCaddie ul li.actif { background-color: #4C4A44; border: #4C4A44 1px solid; color: #696969; padding: 8px 14px 8px 14px; }
.captionCaddie ul li { position: relative; top: -2px; }

#hmenu { position: absolute; left: 10px; top: 12px; }
#hmenu #a1 { width: 200px; }
#hmenu ul { list-style: none; }
#hmenu ul li { display: block; float: left; margin-right: 1px; }
#hmenu ul li a { cursor: pointer; display: block; height: 80px; overflow: hidden; width: 80px; }
#hmenu ul li a, #hmenu ul li a:visited { background-color: inherit; color: #FFFFFF; }
#hmenu ul li a:hover { background-color: inherit; color: #FFFFFF; }
#hmenu ul li img { border: #AB804F 1px solid; position: absolute; }
#hmenu ul li p { display: block; margin-left: 80px; text-align: center; width: 120px; }

div#nyroModalFull { color: #777777; font-family: Verdana; font-size: 12px; }
div#nyroModalLoading { background: #fff url(../images/ajaxLoader.gif) no-repeat; background-position: center; border: 4px solid #777; height: 150px; text-indent: -9999em; width: 150px; }
div#nyroModalLoading.error { background: #fff; border: 4px solid #f66; height: 100px; line-height: 20px; text-indent: 0; padding: 20px; width: 300px; }
div#nyroModalWrapper { background: #fff; border: 4px solid #777; }
div.wrapper div#nyroModalContent { padding: 5px; }
div.wrapperImg div#nyroModalContent { overflow: hidden; position: relative; text-align: center; }
div.wrapperImg img { vertical-align: baseline; }
div.wrapperImg div#nyroModalContent div { background: black; margin: 10px; opacity: 0.2; overflow: hidden; padding: 10px; position: absolute; bottom: 0; left: 0; border: 1px white dotted; }
div.wrapperImg div#nyroModalContent div:hover { cursor: help; opacity: 0.5; }
div.wrapperImg a { cursor: pointer; height: 100%; outline: none; position: absolute; top: 0; text-indent: -9999em; }
a.nyroModalPrev { left: 0; width: 40%; }
a.nyroModalPrev:hover { background: url(../images/prev.gif) left 20% no-repeat; }
a.nyroModalNext { right: 0; width: 40%; }
a.nyroModalNext:hover { background: url(../images/next.gif) right 20% no-repeat; }
a#closeBut { background: url(../images/close.gif) no-repeat; display: block; outline: 0; position: absolute; right: -13px; top: -13px; text-indent: -9999em; width: 12px; height: 12px; }