/********** Default ************/

html {font-size:100%}
body {text-align:center;margin:0;font:0.8em sans-serif,arial,sans-serif;background:#FFF url("/template/v1/images/bg.png") repeat-x}
img {border:0}
.hide-me {display:none}
ul,li {margin:0;padding:0;list-style-type:none}
a {font:1.0em sans-serif,sans-serif,Georgia,"Lucida Sans Unicode","trebuchet MS";color:#090063;text-decoration:none}
a:hover {font:1.0em sans-serif,sans-serif,Georgia,"Lucida Sans Unicode","trebuchet MS";color:#0C0A21;text-decoration:underline}

h1,h2,h3,h4 {padding:0;margin:0;color:#0C0A21}
h1 {font:2em sans-serif,verdana,Georgia,"Lucida Sans Unicode","trebuchet MS";margin:-5px 0 2px}


#sidebar h2 {font:1.5em sans-serif,verdana,Georgia,"Lucida Sans Unicode","trebuchet MS";margin:5px 0 5px 10px;color:#0C0A21}
#contenu h2 {font:1.8em sans-serif,verdana,Georgia,"Lucida Sans Unicode","trebuchet MS";margin:5px 0;padding:0 0 3px;color:#0C0A21;border-bottom:1px solid #0C0A21}
h3 {font:1.5em sans-serif,verdana,Georgia,"Lucida Sans Unicode","trebuchet MS";color:#0C0A21}

/********** Page ************/
#ensemble {position:relative;margin-left:auto;margin-right:auto;text-align:left}
#page {position:relative;margin-left:auto;margin-right:auto;text-align:left;width:972px}


/********** Footer ************/
#footer {margin:0;margin-top:0;padding:10px 0 0 0px;width:100%;background:url("/template/v1/images/bg-footer.png") repeat-x}
#footer p {font:18px sans-serif,verdana;text-align:left;width:970px;height:75px;color:#FFF;margin:0 auto;padding:30px 0 0 0;background: url("/template/v1/images/footer_degrade.png") no-repeat left 2px;}
#footer a {color:#FFF;text-decoration:underline}
#footer a:hover {color:#FFF;text-decoration:none}


/********** Header ************/
#entete {width:972px;height:128px;z-index:2;margin-bottom:50px;background:url("/template/v1/images/bg-entete.gif")}
#banniere {position:relative;float:right;top:25px;margin-left:-50px}
#logo {z-index:2;float:left;margin-left:-80px}


/********** Menu horizontal ************/
#menu {position:absolute;display:block;top:105px;right:0}
#menu li {float:left;height:43px}
#menu a {text-indent:-900em;display:block;outline:none;height:43px}
#menu a:hover {display:block}
#menu .home {width:76px;background:url("/template/v1/images/home.png")}
#menu .home:hover,#menu .home_c:hover {background:url("/template/v1/images/home_c.png")}
#menu .home_c {width:76px;z-index:5;background:url("/template/v1/images/home_a.png")}

#menu .tutorial {width:107px;background:url("/template/v1/images/tutorials.png")}
#menu .tutorial:hover {background:url("/template/v1/images/tutorials_c.png")}
#menu .tutorial_c {width:107px;z-index:5;background:url("/template/v1/images/tutorials_a.png")}

#menu .news {width:82px;background:url("/template/v1/images/news.gif")}
#menu .news_c {width:82px;background:url("/template/v1/images/news_a.gif")}
#menu .news:hover,#menu .news_c:hover {background:url("/template/v1/images/news_h.gif")}

#menu .brush {width:98px;background:url("/template/v1/images/brushes.png")}
#menu .brush_c {width:98px;background:url("/template/v1/images/brushes_a.png")}
#menu .brush:hover,#menu .brush_c:hover {background:url("/template/v1/images/brushes_c.png")}

#menu .tou {width:151px;background:url("/template/v1/images/tou.gif")}
#menu .tou_c {width:151px;background:url("/template/v1/images/tou_a.gif")}
#menu .tou:hover,#menu .tou_c:hover {background:url("/template/v1/images/tou_h.gif")}

#menu .contact {width:100px;background:url("/template/v1/images/contact.png")}
#menu .contact_c {width:100px;background:url("/template/v1/images/contact_a.png")}
#menu .contact:hover,#menu .contact_c:hover {background:url("/template/v1/images/contact_c.png")}

#menu .rss {width:82px;background:url("/template/v1/images/rss.gif")}
#menu .rss:hover {background:url("/template/v1/images/rss_h.gif")}


/********** Corps ************/
#corps {position:relative;width:980px;margin:-20px 0 0;padding:0}
#contenu {position:relative;width:705px;float:left;display:block}
#contenu p {margin:0 0 10px 10px}
#contenu li {font:1.0em sans-serif,verdana,Georgia,"Lucida Sans Unicode","trebuchet MS";color:#0C0A21;}
#contenu p img {padding:px;border:5px #0C0A21 solid;-webkit-border-radius:5px;-moz-border-radius:5px;}
#contenu p span img {padding:0;border:0 #0C0A21 solid}
.brush_list ul {display:block}



/********** Archive / Category ************/
#contenu .cat-header{border:1px #CCCAF5 solid;padding:5px;overflow:hidden;background:#FFF;-webkit-border-radius:5px;-moz-border-radius:5px;}
#contenu .cat-title{width:565px;float:left;}
#contenu .cat-title h1{padding:0;margin:3px 0 0 0;}
#contenu .cat-header form.filter{float:right;margin:2px 0 2px 0;}
#contenu .cat-header .label{float:left;padding:2px 2px;font:11px sans-serif,verdana,Georgia,"Lucida Sans Unicode","trebuchet MS";}
#contenu .cat-header select{width:90px;float:left;border:#DDDAF5 1px solid;margin:0;padding:1px;font:11px sans-serif,verdana,Georgia,"Lucida Sans Unicode","trebuchet MS";-webkit-border-radius:5px;-moz-border-radius:5px;}
#contenu .cat-header p.subtitle{color:#777;padding:0;margin:0px 2px 2px 2px;font:11px sans-serif,verdana,Georgia,"Lucida Sans Unicode","trebuchet MS";}


/********** Sidebar ************/
#sidebar {position:relative;width:265px;float:left;margin:0 0 0 10px}
#sidebar a {font:1.0em sans-serif,sans-serif,Georgia,"Lucida Sans Unicode","trebuchet MS";color:#0C0A21;text-decoration:none}
#sidebar a:hover {font:1.0em sans-serif,sans-serif,Georgia,"Lucida Sans Unicode","trebuchet MS";color:#0C0A21;text-decoration:underline}
.sb_spacer {padding:0 10px 10px 20px;border-bottom:1px solid #DDDAF5;text-align:center;}
#sidebar ul li {font:1.25em sans-serif,verdana,Georgia,"Lucida Sans Unicode","trebuchet MS";padding:0 3px 0 0;text-align:left;}
.sb_spacer p{text-align:left;}

div#sponsor {padding:0;margin:0 0 0 -15px;float:left;width:265px}
#sidebar div.sponsor_block {background:transparent}

#sidebar .friends{ }
#sidebar .friends ul{display:block;overflow:hidden;width:265px;margin : 0 0 0 -10px;}
#sidebar .friends li{float:left; width:129px;}
#sidebar .friends a{letter-spacing: -0.01em;font: 0.8em sans-serif, sans-serif,Georgia,"Lucida Sans Unicode", "trebuchet MS";
	}
#sidebar .category{display:block;overflow:hidden;width:275px;margin : 0 0 0 -15px; }
#sidebar .category li{float:left; width:129px;margin-left:5px;}
#sidebar .category a{font: 0.9em sans-serif,Georgia,"Lucida Sans Unicode", "trebuchet MS";}

/********** Formulaire ************/
#contenu fieldset {margin:0 20px 8px 0;border:0 solid #AC2A18;padding:18px 10px 27px;text-align:center}
#contenu fieldset.affiliate {margin-top:21px}
#contenu fieldset.affiliate img {margin-top:10px}
#contenu fieldset.sub {padding:1em;text-align:center}
#contenu fieldset.sub .alt {margin-left:.5em;font-size:.87em}
#contenu legend {margin:10px 0 10px 3px;border:1px solid #0C0A21;padding:3px 8px;font-size:1em;letter-spacing:1px;text-transform:uppercase;color:#0C0A21}
#contenu label {float:left;clear:both;width:25%;margin:3px 2% 0;padding-top:5px;text-align:right;font:1.3em sans-serif,verdana,Georgia,"Lucida Sans Unicode","trebuchet MS";color:#0C0A21}
#contenu fieldset p.example {clear:both;margin:0 0 5px 29%;font-size:.87em;color:#999;width:65%;padding:0}
#contenu input.text,#contenu input.url,#contenu textarea,#contenu select {float:left;display:block;width:64%;margin:5px 15px 5px 0;border:1px solid #0C0A21;padding:3px;background:#FFF;font:1.3em sans-serif,verdana,Georgia,"Lucida Sans Unicode","trebuchet MS";color:#0C0A21}
#contenu textarea#apidesc {height:100px}
#contenu input.button {width:10em;padding:2px 0;background:#FFF;font:1.3em sans-serif,verdana,Georgia,"Lucida Sans Unicode","trebuchet MS";color:#0C0A21;border:1px solid #0C0A21;cursor:pointer}


/********** Tutorial ************/


div.tuto {position:relative;width:690px;padding: 0 0 10px 0;margin:10px 0 0px 0px;display:block;border-bottom:1px solid #DDDAF5;}
div.tuto .tutoimg {position:relative;width:212px;height:142px;margin:5px;padding:0;float:left;}
div.tuto .info {position:relative;float:left;width:445px; margin-left:10px;padding:5px;border-bottom:0 solid #f09;}

div.tuto .tuto-info{float:left;width:450px;padding: 5px 0 0px 5px;color:#0C0A21;margin: 0px 0 0px 10px;}

a.button{display:block;float:left;margin:20px 5px 5px 20px;padding:8px 8px 8px 8px;background:#FFF;border:1px solid #DDDAF5; }
.tuto a {color:#090063;text-decoration:underline}
.tuto a:hover {color:#090063;text-decoration:none}
.tutoimg2 {position:relative;width:212px;height:142px;margin:5px 5px 20px 0px;padding:0;float:left;}
.tuto img {width:210px;height:140px;border:5px #0C0A21 solid;padding:0px;float:left;-webkit-border-radius:5px;-moz-border-radius:5px;}

.info h3 a{padding:0 0 0 0px;font:20px sans-serif,verdana;color:#090063;text-decoration:none;}
.info h3 a:hover{text-decoration:underline;color:#090063;}

#contenu .info p{font:13px sans-serif,verdana; color:#555; padding:0 0 0 0;margin:5px 0 0px 5px;}
#contenu .info p.date{background:#FFF;padding:2px 2px 2px 2px;margin:10px 0 0px 0px;}
#contenu .info p.source{background:#FFF;padding:2px 2px 2px 2px;margin:0 0 10px 0px;}


div.tuto_line{position:relative;clear:both;width:690px;padding: 0 0 5px 0;margin:5px 0 0px 0px;display:block;border-bottom:1px solid #DDDAF5;}
div.tuto_line .tutoimg{position:relative;width:40px;margin:5px;border:1px #000 solid;padding:0;float:left;-webkit-border-radius:2px;-moz-border-radius:2px;}
div.tuto_line .info {position:relative;width:630px;float:left; padding:5px 0 0 0px;border-bottom:0 solid #f09;}
#contenu div.tuto_line .info p.date{background:transparent;padding:2px 2px 2px 2px;margin:0px 0 0px 3px;}


.head-body {position:relative;height:103px;width:700px;background:url("/template/v1/images/body-top.gif")}
.large-body {position:relative;width:700px;background:url("/template/v1/images/body-bg.gif")}
#contenu div.large-body p {position:relative;top:-93px;margin:0 0 0 10px}
.foot-body {position:relative;height:6px;width:700px;background:url("/template/v1/images/body-foot.gif")}

/********** Search ************/
#search {width:250px;height:35px;z-index:2;display:block;margin-top:5px;}
#s-input {position:relative;background:#FFF;left:5px;z-index:3;height:26px;width:190px;padding:4px 0 0 6px;margin:0 10px 0 0;font:1.3em sans-serif,verdana,Georgia,"Lucida Sans Unicode","trebuchet MS";color:#090063;border:1px solid #0C0A21;float:left}
#s-bouton {position:relative;background:#FFF;font:1.3em sans-serif,verdana,Georgia,"Lucida Sans Unicode","trebuchet MS";color:#090063;border:1px solid #0C0A21;z-index:3;height:32px;float:left}



/********** Commentaire ************/
.commentaire {position:relative;left:0;margin:10px 0 0 0px;min-height:54px}
.com-top {height:5px;width:696px;z-index:5;background-repeat:no-repeat}
.com {width:696px;z-index:1}
.com img {position:absolute;top:0px;width:50px;height:50px;padding:0;margin:0 5px 0 0;border:1px #000 solid}
.com p {position:relative;top:0px;min-height:50px;padding:0 5px 0 50px;margin:0;z-index:6}
.com-foot {height:0px;width:696px;z-index:5;background-repeat:no-repeat;border-bottom:1px solid #DDDAF5;}


/********** News ************/
ul.news li {border:1px solid #0C0A21;padding:0;margin:4px 0 5px -15px;width:250px;background:#962515}
p.news {font:0.8em sans-serif,verdana,Georgia,"Lucida Sans Unicode","trebuchet MS";padding:2px 1px 4px 5px;border-bottom:0 solid #4A120A}
#sidebar div.sb_spacer ul.news li p.news a {font:1.2em sans-serif,verdana,Georgia,"Lucida Sans Unicode","trebuchet MS"}
#news p.news {font:1.1em sans-serif,verdana,Georgia,"Lucida Sans Unicode","trebuchet MS";padding:4px 0 5px 8px;border-bottom:0 solid #4A120A}
#news ul.news li {padding:0;margin:0;border:0 solid #0C0A21;width:100%;background:transparent}
#news p.tagged {margin:5px 0 20px}
.tagged {padding:10px;font-size:1.2em;line-height:1em;clear:both;border:1px solid #CD321D;background:#AC2A18}
#news_details {font:1.2em sans-serif,verdana,Georgia,"Lucida Sans Unicode","trebuchet MS"}