/*************************************************************************************************************/
/************************** Creation : GweNa (http://www.twix-compote.com) ***********************************/
/*************************************************************************************************************/

body{margin: 0; padding: 0; font-size: 62.8%; font-family: arial; background-color: #fff; color: #000; text-align: center;}
img{border: 0;}
#container{margin: 20px auto 10px auto; width: 700px; background-color: #fff; text-align: justify; font-size: 1.28em;}
a:link{color: #000;}
a:visited{color: #000;}
a:hover{color: #f71;}
a:active{color: #000;}

#top {min-height: 140px; background-color: #2a1414; color: #fff; border: 1px solid #2a1414;}
#top img{float: left; margin: 10px 0 30px 30px;}
#top #title h1{margin: 0; margin-top: 30px; margin-left: 254px; padding: 0; font-size: 3em; text-align: left;}
#top #title h2{margin: 0; padding: 0; margin-right: 20px; font-size: 1em; text-align: right; font-weight: normal;}
#top #orange {margin-top: 4px; background-color: #f71;}
#top #orange h1{float: left; font-size: 1.5em; font-weight: normal; margin: 0; padding: 0; margin-top: 2px; padding-left: 10px; }
#top #orange h2{text-align: right; font-size: 1.7em; margin: 0; padding: 0; color: #2a1414; padding-right: 22px;}

#flash_news {border: 2px solid #e82; color: #2a1414; background-color: #ffe; padding: 1em; margin: 0; margin-top: 16px;}

#links{margin: 0; margin-top: 24px; font-size: 1.4em;}
#links table{width: 100%; margin: 0; padding: 0; background-color: #fff; border-spacing: 10px 0px; border-collapse: separate;}
#links table tr{margin: 0; padding: 0;}
#links table td{text-align: center; border: 2px solid #fff; border-top-width: 0; border-left-width: 0; padding: 0; margin: 0;}
#links table td.current, #links table td:hover {border: 2px solid #f71; border-top-width: 0; border-left-width: 0;}
#links a:link{color: #2a1414; text-decoration: none;}
#links a:visited{color: #2a1414; text-decoration: none;}
#links a:hover{color: #2a1414; text-decoration: none;}
#links a:active{color: #2a1414; text-decoration: none;}

#links table td img {float: left;}


#card {border-bottom: 0; background-color: #fff;}
#card .right{float: right; margin-left: 10px; height: 376px; margin-top: 14px;}
#card .left{margin: 10px 10px 0 10px; border: 1px solid #fff;} /* border: hack for IE */
#card #dummy{clear: right; margin: 0; padding: 0; border: 0; margin-top: -4px;}

#card #content table{font-size: 1em;}
#card #content p{padding: 0; margin: 0; margin-bottom: 10px; font-size: 1em; text-align: justify;}
#card #content #details p{text-align: center;}
#card #content p#remarques span{font-weight: bold;}
#card #content h3{margin: 0; margin-top: 15px; padding: 0; font-size: 1.2em; font-weight: bold;}
#card #content label{font-size: 1em;}
#card #content .mandatory {color: #f71; font-weight: normal;}
#card #content form{margin: 0; padding: 0; font-size: 1em;}
#card #content table, #card #content table td{margin: 0; padding: 0; vertical-align: middle;}
#card #content table input, #card #content input#email_addr{border:1px solid #777; font-size: 1em;}
#card #content div.mandatory, #card #content #submit{ margin-top: -1em; margin-bottom: 3px;}
#card #content #submit{margin-left: 38px;}
#card #content  .button{padding: 2px; margin: 0; width: 22em; border: 1px solid #777;}
#card #content textarea{margin: 0; padding: 0; font-size: 1em; font-family: arial; border: 1px solid #777;}
#card #content select{border: 1px solid #777; font-size: 1em;}
#card #content #submit{width: 300px; text-align: right;}

#card #content ul, #card #content li{margin: 0; padding: 0; margin-left: 10px;}
#card #content li{list-style: disc outside; margin: 32px 0 0 0; color: #f71; font-weight: bold;}
#card #content li span{color: #000; font-weight: normal; font-size: 1.2em;}

#card #details{margin-top: 10px; margin-right: 237px;}
#card #details a:link{color: #f71;}
#card #details a:visited{color: #f71;}
#card #details a:hover{color: #f71;}
#card #details a:active{color: #f71;}
#card #details div {font-size: 1.4em;}
#card #details #address{text-align: center; font-weight: bold; padding: 2px; background-color: #2a1414; margin-bottom: 20px; font-size: 1em;}
#card #details  #address a:link{xcolor: #f71;color: #fff; text-decoration: none;}
#card #details  #address a:visited{xcolor: #f71;color: #fff; text-decoration: none;} 
#card #details  #address a:hover{xcolor: #f71;color: #fff; text-decoration: underline;}
#card #details  #address a:active{xcolor: #f71;color: #fff; text-decoration: none;}

#footer{clear: both; text-align: center; height: 15px; border-top: 3px solid #f71; margin-top: 30px; padding-top: 10px;}
#footer #xhtml{float: left;}
#footer #css{float: right;}
#footer #copyright{padding: 2px 0; color: #2a1414; margin: 0; font-size: 10px;}

#design {text-align: left; font-size: .8em; color: #2a1414;}
#design #photo{float: right;}
#design #photo a:link, #design #creation a:link{color: #2a1414;}
#design #photo a:visited, #design #creation a:visited{color: #2a1414;}
#design #photo a:hover, #design #creation a:hover{color: #f71;}
#design #photo a:active, #design #creation a:active{color: #2a1414;}

#bottom_links{text-align: center; font-size: .8em; color: #f71;}
#bottom_links a:link{color: #2a1414;}
#bottom_links a:visited{color: #2a1414;}
#bottom_links a:hover{color: #f71;}
#bottom_links a:active{color: #2a1414;}

#legal{margin: 30px 0 10px 0; font-size: 1em; text-align: center;}

.error{font-size: 2em; color: #f71; text-align: center;}