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

body{margin: 0; padding: 0; font-size: 62.8%; font-family: arial; background: url(../images/bg.png) repeat; color: #000; text-align: center;}
img{border: 0;}
#container{margin: 20px auto 10px auto; width: 700px; text-align: justify; font-size: 1.28em;}

#flash_news {border: 2px solid #b60; color: #b60; background-color: #fff; padding: 1em; margin: 6px 0 0 0; text-align: center;}
#top, #card {border: 1px solid #333;}
#card {background-color: #fff;}

#top {background: #fff url(../images/background.jpg) repeat-x;}

#top .right{float: right; text-align: right;}
#top .right .head{background-color: #000; color: #fff; text-align: center; font-size: .9em;}
#top .right .head a:link{color: #fff; text-decoration: none;}
#top .right .head a:visited{color: #fff; text-decoration: none;}
#top .right .head a:hover{color: #fff; text-decoration: underline;}
#top .right .head a:active{color: #fff; text-decoration: none;}
#top .right .contact {margin: 18px 10px;}
#top .left {margin: 0 10px;}
#top h1{margin: 0; padding: 0; font-size: 3em;}
#top .right .contact h1{font-size: 1.3em; font-weight: bold; text-align: center;}
#top h2{margin: 0; margin-bottom: 10px; padding: 0; font-size: 2.4em; color: #999; text-align: center;}
#top .right .contact h2 { font-size: 1.3em; text-align: right;}

#links, #card .companies{margin: 6px 0; font-size: 1.4em;}
#card .companies{margin: 40px; font-size: 1.3em;}
#links table, #card .companies table{width: 100%; margin: 0; padding: 0; border-spacing: 2px 0px;}
#card #content .companies table{width: 100%; margin: 0; padding: 0; border-spacing: 20px 0px;}
#links table tr, #card #content .companies table tr{margin: 0; padding: 0;}
#links table td{text-align: center; background: #000 url(../images/background_tabs.jpg) repeat-x; color: #fff;}
#links table td.current{background: #fff url(../images/background_cur_tab.jpg) repeat-x; color: #000;}
#card #content .companies table td{text-align: center; background: url(../images/bg.png) repeat; padding: 40px 0;}
#links a:link{text-decoration: none; color: #fff;}
#links a:visited{text-decoration: none; color: #fff;}
#links a:hover{text-decoration: underline; color: #fff;}
#card #content .companies a:link{color: #fff; text-decoration: underline;}
#card #content .companies a:visited{color: #fff; text-decoration: underline;}
#card #content .companies a:hover{color: #fff; text-decoration: overline;}
#card #content .companies .current{background: url(../images/bgw.png) repeat;}

#card {margin: 0; min-height: 374px;}
#card .right{float: right; margin-left: 10px; height: 374px; margin-top: 0px;}
#card  .left{margin: 0 10px 0 10px;/*border: 1px solid #fff;*/}/* border: hack pour IE */
#card #content #print{ float: right;}

#card #content h1{margin: 16px 0; padding: 0; font-size: 2em;}
#card #content a:link{color: #000;}
#card #content a:visited{color: #000;}
#card #content a:hover{color: #b60;}
#card #content a:active{color: #000;}
#card #content dl {margin: 0; padding: 0; margin-top: 20px;}
#card #content dl dt {font-weight: bold;}
#card #content dl dd {margin: 0; padding: 0; margin-bottom: 20px; color: #777;}
body.portfolio #card #content dl dd {color: #000;}
#card #content table{font-size: 1em;}
#card #content p{padding: 0; margin: 0; margin-bottom: 10px; font-size: 1em; text-align: justify;}
body.portfolio #card #content p {padding: 0 1em;}
#card #content #scroll {height: 260px; overflow: auto; padding: 0 1em;}
#card #content p#remarques span{font-weight: bold;}
#card #content h3{margin: 0; padding: 0; font-size: 1.2em; font-weight: bold;}
#card #content label{font-size: 1em;}
#card #content .widget{margin: 10px auto; text-align: center;}
#card #content object{border: 1px solid #999;}
body.cv #card #content object{border: 0; margin-top: 10px;}
#card #content .mandatory{color: #b60; 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;}
#card #content ul{font-size: 1em; font-weight: bold;}
#card #content li, #card #content ul ul{font-weight: normal;}
#card #content ul li ul, #card #content ul label{font-size: 1em;}
#card #content li{list-style: none; margin: 16px 0;}
#card #content li span{font-weight: bold;}
#card #content ul li ul{margin-top: -18px;} /* hack pour IE */
html>/**/body #card #content ul li ul{margin-top: 0px;} /* hack pour IE puisqu'il ne comprend pas cette instruction */
#card #content li span{font-weight: bold; margin-right: 0;}
#card #content ul ul li{margin-left: 20px;}
#card #content #contact {margin-top: 10px;}

#card #content dl.images {text-align: center}
#card #content .right {float: right; margin-right: 10px; height: 300px; margin-top: 0px; margin-bottom: 40px;}
#card #content .maxwidth {max-width: 300px; margin-bottom: 0;}
#card #content .left {margin: 10px;}
#card #content .text {padding-top: 10px;}
#card #content .companies{clear: both;}

/*temp => to delete */
body.portfolio #card #content h1, body.portfolio #card #content h2 {text-align: center;}

#card #signature{text-align: right; margin-right: 237px; margin-bottom: 10px;}

#card #details{margin-top: 1em; margin-right: 237px; text-align: right; font-size: 1.3em;}
#card #details p{text-align: center;}
#card #details span{font-weight: bold;}
#card #details span a:link{text-decoration: none;}
#card #details span a:visited{text-decoration: none;}
#card #details span a:hover{text-decoration: none;}
#card #details span a:active{text-decoration: none;}

#footer{clear: both; margin-top: 5px; text-align: center; height: 15px; background-color: #000;}
#footer #xhtml{float: left;}
#footer #css{float: right;}
#footer #copyright{padding: 2px 0; color: #fff; margin: 0; font-size: 9px;}

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

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

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

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