/** Reset **/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,p,blockquote,th,td,hr{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
body,fieldset,img,abbr,acronym,hr{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:normal}
q:before,q:after{content:''}
hr{display:block;height:1px;_margin:-7px 0;color:#808080;background-color:#808080;clear:both}
body *{line-height:1.22em}
input[type=submit],input[type=button]{overflow:visible;_width:1px}
button,input.button{overflow:visible;_width:1px}
textarea{height:58px;overflow-y:scroll}
body{background-color:#fff}
div{text-align:left;background-color:transparent}
:focus{outline:0}
a,a *{cursor:pointer}

/** Font - absolute 13 px **/
body{font:13px arial,verdana,helvetica,"Bitstream Vera Sans",clean,sans-serif; background: #f00 url("images/pat_body.gif") repeat-y center 124px}
table{font-size:inherit;font:13px}
select,input,button,textarea{font:99% arial,verdana,helvetica,"Bitstream Vera Sans",clean,sans-serif}
pre,code,kbd{font:115% monospace;_word-spacing:1px;_letter-spacing:1px;_font-size:100%}
h1,h2,h3,h4,h5,h6{font-size:13px}

/** Utils **/
html{height:101%;overflow-y:scroll;/**//**//*overflow:auto*/}
.gras,.bold{font-weight:bold}
.error,.erreur,.required,.requis{color:red;font-weight:bold}
.message{color:#393;font-weight:bold}
br.spacer{clear:both;font-size:0;line-height:0}

/** Liens **/
a{text-decoration:none;color:#009ee0}
a:hover{text-decoration:underline}
a.chevron:hover,a.chevrons:hover{text-decoration:none;background-color:transparent}
a.chevron:hover span,a.chevrons:hover span{text-decoration:underline}

/** layout **/
#page{width:100%;text-align:center}
    #site{width:1000px;margin:0 auto;background:transparent url("images/fond_page.jpg") no-repeat 40px 124px}
        #header{width:1000px;clear:both}
            #flashheader{width:1000px;height:124px;overflow:hidden;float:left}
            /*#search{width:164px;height:200px;margin-left:59px;float:left;border-bottom:1px #bbb solid}*/
            #search{display:none}
        .colonne1{width:200px;padding-top:210px;margin-right:15px;padding-left:40px;float:left;background:transparent url("images/coin_gauche.jpg") no-repeat 0 0}
        .colonne2{width:526px;padding-top:240px;float:left}
        .colonne3{width:170px;padding-top:240px;margin-left:15px;padding-right:34px;float:left}
        #footer{width:1000px;height:291px;position:relative;clear:both;background:transparent url(images/footer_fond.gif) no-repeat scroll left top;}

/** Formulaire de recherche **/
#searchform{margin:100px 0 20px 0}
#rechercher{font-weight:bold;line-height:1.8em;font-size:12px}
#s{width:130px;border:1px black solid;vertical-align:middle}
#searchsubmit{vertical-align:middle;border:0;background:#fff url('images/bt_ok.gif') no-repeat left top;height:19px;width:21px}



/** colonne 3 **/
#sidebar h2{font-weight:bold;font-size:12px;padding-bottom:10px}

#rss{padding-bottom:30px}

#archives div{background-color:white;padding:15px 5px 15px 12px;font-size:12px}
#archives div div{float:right}
#archives div img{display:block;float:right}
#archives div a,
#archives div a:active,
#archives div a:visited{color:#000!important}
#archives div a:hover{color:#000!important;text-decoration:none}

#tags div{background-color:#D90000;padding:15px 5px 15px 12px}
#tags div div{float:right}
#tags div img{display:block;float:right}
#tags a{}
#tags a,
#tags a:active,
#tags a:visited{color:#FFE217!important}
#tags a:hover{color:#FFE217!important;text-decoration:none}

#liens div{background-color:#393;padding:15px 5px 15px 12px;font-size:12px}
#liens div div{float:right}
#liens div img{display:block;float:right}
#liens div a,
#liens div a:active,
#liens div a:visited{color:#fff!important}
#liens div a:hover{color:#fff!important;text-decoration:none}

#metas{padding:30px 0 30px 0;border-bottom:1px solid #bbb}
#metas li{text-transform:uppercase;font-size:12px}
#metas li a,
#metas li a:active,
#metas li a:visited{color:#666!important;font-weight:bold!important}
#metas li a:hover{color:#009ee0!important;font-weight:bold!important;text-decoration:none}

/** colonne 2 **/

.narrowcolumn,.widecolumn{text-align:right}
.pages{/*text-align:right;padding-top:40px*/}

div.erreur{text-align:right;padding:10px 0}
#form-les-remix{text-align:right}

#retour{margin:15px 0}

h1.pagetitle{padding-right:25px}
h1.titlepage{}
h2.pagetitle{text-transform:uppercase;font-weight:bold;font-size:26px;color:#FFE217;padding-right:53px}
h2.erreur404{font-weight:bold;font-size:26px;color:#FFE217;margin-top:100px}
#mentions{padding:15px 0}
#mentions h2{padding:15px 53px 15px 7px;font-weight:bold;clear:both;font-size:14px;color:#000;background-color:#FFE217}
#mentions .mentions{font-size:9px}
div.post #news_title{margin-right:25px}
div.post h2,
div.post h3{padding-bottom:10px}
div.post h2 a,
div.post h2 a:active,
div.post h2 a:visited,
div.post h3 a,
div.post h3 a:active,
div.post h3 a:visited{color:black!important;font-weight:bold!important;font-size:20px!important;padding-bottom:10px}
div.post h2 a:hover,
div.post h3 a:hover{color:black!important;font-weight:bold!important;text-decoration:none}
div.post{padding:15px 5px;border:4px solid #FFE217;background-color:#FFF9D1;margin-bottom:12px}

div.pages h2,
div.pages h3{padding-bottom:10px}
div.pages h2 a,
div.pages h2 a:active,
div.pages h2 a:visited,
div.pages h3 a,
div.pages h3 a:active,
div.pages h3 a:visited{color:black!important;font-weight:bold!important;font-size:20px!important;padding-bottom:10px}
div.pages h2 a:hover,
div.pages h3 a:hover{color:black!important;font-weight:bold!important;text-decoration:none}

div.navigation{padding:10px 0;clear:both}
div.alignleft{text-align:left;color:#009ee0;width:40%;float:left;padding-bottom:10px}
div.alignright{text-align:right;color:#009ee0;width:40%;float:right;padding-bottom:10px}
p{margin:10px 0}

.colonne2 .tags a,.more-link,.comments-link{color:red!important}

#content h2.center{font-weight:bold;text-align:center;padding:10px 0}

/**  **/
#footer-nav {left:488px;position:absolute;top:250px}
#footer-nav a {color:white;text-decoration:none}
#footer-zona-pro {left:890px;position:absolute;top:120px}
#footer-contact {left:890px;position:absolute;top:175px}
#footer-rss {left:825px;position:absolute;top:212px}

/** commentaires **/

ol.commentlist li{border:2px solid #393;padding:10px 5px;margin-bottom:10px;clear:both;background-color:#FFF9D1}
ol.commentlist li.alt{border-color:#D90000!important}
.commentlist a{color:red!important}
#comments{padding:15px 53px 15px 7px;margin-bottom:10px;font-weight:bold;clear:both;font-size:14px;color:#FFE217;background-color:#D90000}
#respond{padding:15px 53px 15px 7px;font-weight:bold;clear:both;font-size:14px;color:#000;background-color:#FFE217}
#commentform{}
#comment{border:1px solid #bbb;width:500px!important;height:200px!important}
#comment_title{border-top:1px solid #ddd;padding-top:10px;font-weight:bold;clear:both;font-size:14px}
.separateur{color:#ddd!important}
#submit{border:1px solid white;background-color:#393;cursor:pointer;width:80px;height:20px;color:white;font-weight:bold;padding-bottom:2px}
#content ol,#commentform{text-align:left}