/*************************************************************************************************************/
/************************** Création : GweNa (http://www.twix-compote.com) ***********************************/
/*************************************************************************************************************/

body{margin: 0; padding: 0; font-size: 62.8%; font-family: arial; color: #336; background-color:  #fff; text-align: center;}
img{border: 0; margin: 0;}
a:link{color: #00f;}
a:visited{color: #00f;} 
a:hover{color: #00f;}
a:active{color: #00f;}
#right #content p a:link{color: #00f;}
#right #content p a:visited{color: #00f;} 
#right #content p a:hover{color: #00f;}
#right #content p a:active{color: #00f;}

#container{margin: 0 auto; width: 1000px; background: #fff url(../images/background.jpg) repeat-y 0 0; text-align: left; font-size: 1.2em;}

#left{width: 230px; height: 740px;}
#right{margin-top: -740px; margin-left: 230px; min-height: 740px; height:auto !important; height: 740px;}
body.letter #right{margin: 0 auto; width: 736px; font-size: 1.2em; min-height: 10px; height:auto !important; height: 10px; margin-bottom: 30px;}

#left {text-align: center; }

#left #sub_menu{height: 400px; width: 170px; position: relative; top: 100px; left: 135px; z-index: 12; text-align: left;}
#left #sub_menu #close{width: 170px; text-align: right; background: url(../images/sub_menu_top.gif) no-repeat 0 0;}
#left #sub_menu #close img{cursor: pointer; margin-right: 10px; margin-top: 8px;}
#left #sub_menu #sub_menu_head{background: url(../images/sub_menu_background.jpg) repeat-y 0 0; font-size: 1.2em; font-weight: bold; text-align: center;}
#left  #sub_menu #sub_menu_links{text-align: left; padding: 10px 10px 0 10px; background: url(../images/sub_menu_background.jpg) repeat-y 0 0;}
#left  #sub_menu #sub_menu_links :link{color: #336;}
#left  #sub_menu #sub_menu_links :visited{color: #336;}
#left  #sub_menu #sub_menu_links :hover{color: #336; font-weight: bold;}
#left  #sub_menu #sub_menu_links :active{color: #336;}


#left #menu{z-index: 11; margin-top: -400px;}
#left #menu #current {display: block; position: relative; height: 140px;}
#left #menu #text_current{position: relative; top: -44px; left: -5px; font-size: 1.4em; font-weight: bold;}
#left #menu a.menu {display: block; margin: 10px 0;}
#left #menu a.text{position: relative; top: -34px; left: -5px;}
#left #menu a:link{color: #336; text-decoration: none;}
#left #menu a:visited{color: #336; text-decoration: none;} 
#left #menu a:hover{color: #00f; text-decoration: underline;}
#left #menu a:active{color: #336; text-decoration: none;}


#right #title {height: 140px; background: url(../images/title.jpg) no-repeat 0 0; text-align: center;}
body.letter #right #title {background: url(../images/title_letter.jpg) no-repeat 0 0; text-align: center; margin-left: 20px;}
#right #title h1{margin: 0; margin-top: 40px; margin-right: 20px; font-size: 2.2em; color: #336;}
#right #title h2{margin: 0; margin-right: 20px; font-size: 1.3em; font-weight: normal; color: #999;}

#right #chroniques {height: 34px; margin-right: 0px; padding-right: 16px; position: relative; top: -130px; text-align: right; z-index: 8; background: url(../images/chroniques_background.gif) no-repeat right 0;}
#right #chroniques form{margin: 0; padding: 0;}
#right #chroniques form span{color: #fff; text-decoration: underline; font-size: 1.2em;}
#right #chroniques form input{margin-top: 6px;}
#right #chroniques form #email_addr{width: 14em;}
#right #chroniques form #sub{border: 1px solid #fff; background-color: #fff; color: #336; width: 3em; cursor: pointer;}

#right #contact {width: 770px; position: relative; top: -128px; text-align: right; z-index: 11;} 
#right #here {position: relative; top: -106px; margin-left: 90px; color: #88a; z-index: 10;}
#right #here a:link{color: #88a;}
#right #here a:visited {color: #88a;}
#right #here a:hover {color: #00f;}
#right #here a:active {color: #88a;}
#right #here span{font-weight: bold;}

#right #big_content{position: relative; top: -110px; z-index: 2;}
body.letter #right #big_content{top: 10px;}

#right #content {margin-top: -4px; padding: 0 50px 0 30px; background: url(../images/content_background.jpg) repeat-y 0 0; text-align: justify;}
#right #content table{font-size: 1em;}
body.letter #right #content table {width: 690px;}
body.letter #right #content table td{text-align: right;}
body.letter #right #content table td p {text-align: justify;}
#right #content p{margin:1.4em 10px 0 10px; padding: 0;}
#right #content p.first{margin-top: 0;}
#right #content p.content{margin: 10px 10px 2px 10px; font-family: papyrus, arial; color: #069; font-size: 1.4em;}
#right #content p#island {margin-right: 40px; margin-left: 40px;}
#right #content object{margin-bottom: 20px; margin-top: 20px; text-align: center; margin-left: 20px;}
body.newsletter #right #content object{margin-left: 0;}
#right #content textarea {font-family: arial;}

#right #content #hat{font-size: 1.2em; margin-bottom: 0;}
#right #content h3{margin: 0; margin-bottom: 16px; padding: 0; font-size: 1.6em; font-weight: bold; color: #069; text-align: center;}
#right #content h4 {margin: 0; padding: 0; margin-top: 40px; font-family: papyrus, arial; color: #099; font-size: 2.3em; font-weight: bold;}
#right #content table h3{text-align: left;}
#right #content table h4{font-size: 1.4em; margin-top: 10px;}
body.index #right #content h4 {margin-top: 0;}
#right #content .img{text-align: center;}
#right #content .img span {font-style: italic; color: #09c;}
#right #content .block h5 {margin: 0; padding: 0; margin-top: 30px; color: #09c; font-size: 1.4em;}
#right #content .block h6 {margin: 0; padding: 0; margin-top: 10px; margin-left: 10px; color: #09c; font-size: 1.2em;}
#right #content .block #sites span, #right #content .block #note span{color: #069; font-size: 1.3em; font-weight: bold;}
#right #content .block ul {margin: 0; padding: 0; margin-top: 1.4em;}
#right #content .block ul li {margin: 0; padding: 0; list-style: square; margin-left: 40px; margin-top: 10px;}
#right #content .bold {font-weight: bold;}
#right #content #bref {color: #069; font-size: 1.3em;}

#right #content a.title{font-size: 1.4em; font-weight: bold;}
#right #content a.title:link {color: #069;}
#right #content a.title:visited {color: #069;}
#right #content a.title:hover {color: #069;}
#right #content a.title:active {color: #069;}
#right #content .sitemap {margin: 0; padding: 0; margin-top: 20px; border-collapse: separate; border-spacing: 8px 8px;}
#right #content .sitemap td{margin: 0; padding: 0; padding-left: 20px;}
#right #content ul{margin: 0; padding: 0; margin-top: 40px;}
#right #content ul li{margin: 0; padding: 0; list-style: none; margin-top: 20px;}
#right #content ul li span {font-weight: bold;}
#right #content ul li form{margin-top: 20px; text-align: center;}
#right #content ul li form table{margin: 0 auto 10px auto; text-align: left;}

#right #content #signature{text-align: right; margin-top: 10px;}

#quotation {margin: 0 20px 0 130px; color: #448; position: relative; top: -109px; z-index: 3; text-align: center;}
#quotation #author {font-weight: bold;}
#quotation_bottom {position: relative; top: -110px; z-index: 2;}


#bottom {position: relative; top: -113px; text-align: center; background-color: #fff; margin: 0 6px -113px 104px;} /* hack pour IE   */
html>/**/body #bottom {position: relative; top: -110px;}/* hack pour IE puisqu'il ne comprend pas cette instruction */
#dummy {display: none;} /* hack pour IE   */
html>/**/body #dummy {display: block; background-color: #fff;}/* hack pour IE puisqu'il ne comprend pas cette instruction */

#bottom  #footer #xhtml{position: relative; left: -444px;}
#bottom  #footer #css{position: relative; left: 444px;}
#bottom  #footer #copyright{margin: 0; margin-top: -14px; font-size: .9em;}
#bottom  #bottom_links {margin-top: 10px; font-size: .8em; text-align: center;}
#bottom_links a:link{color: #336;}
#bottom_links a:visited{color: #336;}
#bottom_links a:hover{color: #00f;}
#bottom_links a:active{color: #336;}


body.newsletter #container #right #content form{margin: 0; margin-top: 20px; text-align: left;}

body.popup #container {width: 500px; background: #fff;}
body.popup #container #right{margin-top: 0;}
body.popup #container #right {background-image: none; margin-left: 0; width: 500px; padding-right: 0;}
body.popup #right #big_content{position: relative; top: 0px;}
body.popup #container #right #content h1{margin: 0; padding: 4px; font-size: 1.4em; background-color: #069; color: #fff; text-align: center;}
body.popup #container #right #content p.error
{
	background-color: #ffabab; color: #444;
	background-image: url("../pages/chroniques/img/button_cancel.png");
	background-repeat: no-repeat;
	background-position: right;
	text-align: left;
	margin-right: 10px;
	margin-left: 10px;
	padding-bottom : 6px;
}
body.popup #container #right #content p.ok
{
	background-color: #cff5a6; color: #444;
	background-image: url("../pages/chroniques/img/button_ok.png");
	background-repeat: no-repeat;
	background-position: right;
	text-align: left;
	margin-right: 10px;
	margin-left: 10px;
	padding-bottom : 6px;
}