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

html {font-size:100%}
body {text-align:center;margin:0;font:0.8em sans-serif,arial,sans-serif;background:#FFF url("/template/v2/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 {text-shadow:0px 1px 2px #999;font:26px sans-serif,verdana,Georgia,"Lucida Sans Unicode","trebuchet MS";margin:-5px 0 2px}


#sidebar h2 {font:20px sans-serif,verdana,Georgia,"Lucida Sans Unicode","trebuchet MS";margin:5px 0 5px 10px;color:#0C0A21}
#contenu h2 {text-shadow:0px 1px 2px #999;font:24px sans-serif,verdana,Georgia,"Lucida Sans Unicode","trebuchet MS";margin:0px 0 0px 0;letter-spacing:-0.5px;padding:0 0 3px;color:#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:990px}


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


/********** Header ************/
#entete {width:990px;height:128px;z-index:2;margin-bottom:50px;}
#logo {z-index:2;float:left;margin:0px 0  0 -37px}
#banniere{position:absolute;right:3px; top:33px;}

/********** Menu horizontal ************/
#menu {position:absolute;z-index:10;display:block;top:109px;left:0;background:url('/template/v2/images/menu.jpg') no-repeat ;width:731px; }
#menu li.menu-li {float:left;height:52px;text-indent:-9000em;display:block;outline:none;}

#menu li.menu-li a{outline:none;background:url('/template/v2/images/menu.jpg') no-repeat; width:100%; height:100%; display:block;}
#menu li.home{width:87px;}
#menu li.home a{background-position:0px 0px;}


#menu li.home{width:87px;}
#menu li.home a{background-position:0px -52px;}
#menu li.home a:hover,#menu li.home a.selected{background-position:0px 0px;}

#menu li.tutorial{width:114px;}
#menu li.tutorial a{background-position:-87px -52px;}
#menu li.tutorial a:hover,#menu li.tutorial a.selected{background-position:-87px 0px;}

#menu li.brush{width:107px;}
#menu li.brush a{background-position:-201px -52px;}
#menu li.brush a:hover{background-position:-201px 0px;}

#menu li.contact{width:107px;}
#menu li.contact a{background-position:-308px -52px;}
#menu li.contact a:hover,#menu li.contact a.selected{background-position:-308px 0px;}

#menu li.rss{width:87px;}
#menu li.rss a{background-position:-415px -52px;}
#menu li.rss a:hover{background-position:-415px 0px;}

#tutorial_dropdown,#tutorial_dropdown ul,#tutorial_dropdown li,#tutorial_dropdown a{text-indent:0px;}
#tutorial_dropdown a{background:none!important;}
#tutorial_dropdown{display:none;padding:0px;background:#DDDAF5;border:1px #FFF solid;position:absolute;top:50px;left:100px;overflow:hidden;clear:both;}
#tutorial_dropdown{-webkit-box-shadow:0px 0px 4px #000;-moz-box-shadow:0px 0px 4px #000;-webkit-border-radius:5px;-moz-border-radius:5px;}


#tutorial_dropdown .part{padding:5px;display:block;overflow:hidden;}
#tutorial_dropdown .part a{font: 12px sans-serif,Georgia,"Lucida Sans Unicode", "trebuchet MS";width:auto!important;margin:1px; padding:5px 15px 5px 8px;display:block;-webkit-border-radius:5px;-moz-border-radius:5px;}
#tutorial_dropdown .part a:hover{background:#CCCAF5 !important;text-decoration:none;}
#tutorial_dropdown .part h2{border-bottom:1px #BBBAF5 solid;margin:0px 0 0px 0px;padding:1px 0 10px 0;font: 18px sans-serif,Georgia,"Lucida Sans Unicode", "trebuchet MS";}
#tutorial_dropdown .part .cat-icon{float:left;margin:0px 5px 0 0;}
#tutorial_dropdown .part .cat-zone ul{display:block;float:left;width:360px;border-top:1px #FFF solid;padding:5px 0;}
#tutorial_dropdown .part .cat-zone ul li{float:left;width:180px;}

#rss_dropdown,#rss_dropdown ul,#rss_dropdown li,#rss_dropdown a{text-indent:0px;}
#rss_dropdown a{background:none!important;}
#rss_dropdown{display:none;padding:0px;background:#DDDAF5;border:1px #FFF solid;position:absolute;top:50px;left:430px;overflow:hidden;clear:both;}
#rss_dropdown{-webkit-box-shadow:0px 0px 4px #000;-moz-box-shadow:0px 0px 4px #000;-webkit-border-radius:5px;-moz-border-radius:5px;}

#rss_dropdown .part{float:left;padding:5px;display:block;overflow:hidden;border-left:1px #CCCAF5 solid;}
#rss_dropdown .part a{font: 12px sans-serif,Georgia,"Lucida Sans Unicode", "trebuchet MS";width:auto!important;margin:0px 0px; padding:5px 15px 5px 8px;display:block;-webkit-border-radius:5px;-moz-border-radius:5px;}
#rss_dropdown .part a:hover{background:#CCCAF5 !important;text-decoration:none;}
#rss_dropdown .part h2{border-bottom:1px #BBBAF5 solid;margin:0px 0 0px 0px;padding:1px 0 10px 0;font: 18px sans-serif,Georgia,"Lucida Sans Unicode", "trebuchet MS";}
#rss_dropdown .part .cat-icon{float:left;margin:0px 5px 0 0;}
#rss_dropdown .part .cat-zone ul{display:block;border-top:1px #FFF solid;padding:5px 0;}
#rss_dropdown .part .cat-zone ul li{float:left;width:180px;}
/********** Social ************/

.social {z-index:15;position:absolute;display:block;top:3px;right:0px;width:66px;}
.social li{float:left;margin:0 3px;}

/********** Search ************/
#search {position:absolute;display:block;top:109px;right:0;width:246px;height:30px;z-index:2;display:block;margin-top:4px;}
#s-input {background:url('/template/v2/images/search-input.png') no-repeat;z-index:3;height:30px;width:197px;padding:0px 5px;margin:0 1px 0 0;font:18px sans-serif,verdana,Georgia,"Lucida Sans Unicode","trebuchet MS";color:#FFF;float:left;border:none;}
#s-bouton {background:url('/template/v2/images/search-btn.jpg') no-repeat;z-index:3;height:30px;width:35px;float:left;border:none;cursor:pointer;margin:1px 3px 0 0;}


div.search-sublink{position:absolute;display:block;right:0;margin:115px 5px 0 0;}
div.search-sublink .link-text{text-align:right;float:left;width:117px;letter-spacing:-0.1px;text-transform:uppercase;font:10px sans-serif,sans-serif,Georgia,"Lucida Sans Unicode","trebuchet MS";}
div.search-sublink .link-text a{color:#999;letter-spacing:-0.1px;text-transform:uppercase;font:10px sans-serif,sans-serif,Georgia,"Lucida Sans Unicode","trebuchet MS";}
div.search-sublink .link-image{float:left;}

ul.gr-search{margin:20px 3px 50px 3px;display:block;overflow:hidden;}
ul.gr-search li{float:left;margin:0px  3px;}
ul.gr-search li img{border:3px #DDDAF5 solid;-webkit-border-radius:5px;-moz-border-radius:5px;}


/********** Corps ************/
#corps {position:relative;width:990px;margin:-15px 0 0;padding:0}
#contenu {position:relative;width:650px;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:0px;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}


/********** Index ************/
.jcarousel{margin:20px 0 0 0px;overflow:hidden;width:645px!important;height:232px;padding:5px 0 0 3px;}
ul.featured{display:block;padding:0px 0px;overflow:hidden;}
/*padding:9px 3px;background:#FFF;border:1px #CCCAF5 solid;-webkit-border-radius:5px;-moz-border-radius:5px;*/
ul.featured li{float:left;width:306px;margin:3px 5px;border:4px #0C0A21 solid;-webkit-border-radius:5px;-moz-border-radius:5px}
ul.featured li .featimg img{border:0px #0C0A21 solid;}
ul.featured li .featinfo{display:none;position:absolute;background:#0C0A21;margin:-50px 0 0 0;padding:5px;max-width:300px}
ul.featured li .featinfo a{color:#FFF;font:14px sans-serif,verdana,Georgia,"Lucida Sans Unicode";}
.slide-control{position:absolute;right:2px;top:306px}
.slide-control li{float:left;margin:0 0 0 0px;text-indent:-9000px}
.slide-control li a{outline:none;width:50px;height:20px;display:block;background:url('/template/v2/images/tk-next-btn.png') no-repeat;}
.img-featured{position:absolute;margin:-12px 0 0 -13px;z-index:1000;}

.btn-control{position:absolute;left:0;top:312px}
.btn-control li{outline:none;float:left;margin:0 0 0 10px;text-indent:-9000px}
.btn-control li a{outline:none;width:10px;height:10px;display:block;background:url('/template/v2/images/feat-puce.png') no-repeat bottom;}
.btn-control li a:hover{background:url('/template/v2/images/feat-puce.png') no-repeat top;}
.btn-control li.active a{background:url('/template/v2/images/feat-puce.png') no-repeat top;}

div.separateur{overflow:hidden;display:block;width:650px;height:3px;margin:30px 0 15px 0px;border-top:4px solid #DDDAF5;border-bottom:1px solid #DDDAF5;}

.img-last{position:absolute;left:145px;margin:-2px 0 0 0;}

/********** Archive / Category ************/
#contenu .cat-header{min-height:38px;border:1px #CCCAF5 solid;padding:5px;overflow:hidden;background:#FFF;-webkit-border-radius:5px;-moz-border-radius:5px;}
#contenu .cat-title{width:500px;float:left;}
#contenu .cat-title h1{padding:0;margin:3px 0 0 5px;}
#contenu .cat-header form.filter{float:right;margin:2px 5px 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:320px;float:left;margin:0 0 3px 20px; border-bottom:1px solid #DDDAF5;}

#sidebar h2{text-shadow:0px 1px 2px #999;font:22px sans-serif,sans-serif,Georgia,"Lucida Sans Unicode","trebuchet MS";margin:10px 0 10px 0;padding:0;border-bottom:0px #090063 double;}
#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}


#sidebar .widget{overflow:hidden;display:block;padding:5px 0 30px 0;margin:2px 0 3px 0px;border-bottom:4px solid #DDDAF5;border-top:1px solid #DDDAF5;}

#sidebar .widget ul{display:block;overflow:hidden;margin:0;padding:0;}
#sidebar ul li {font:12px sans-serif,verdana,Georgia,"Lucida Sans Unicode","trebuchet MS";padding:0 3px 0 0;text-align:left;}




#sponsor{margin: 0 15px}
#sponsor a{margin:5px;border:5px #DDDAF5 solid;-webkit-border-radius:5px;-moz-border-radius:5px;}
a.advertise-here{position:absolute;margin:4px 0 0 0;display:block;right:118px;}



#sidebar .friends{ }
#sidebar .friends ul{display:block;overflow:hidden;width:320px;margin :0px;}
#sidebar .friends li{float:left; width:150px;margin:3px 0 2px 7px;}
#sidebar .friends a{letter-spacing: 0px;font: 11px sans-serif, sans-serif,Georgia,"Lucida Sans Unicode", "trebuchet MS";
	}
#sidebar .category{display:block;overflow:hidden;width:320px;margin :0px; }
#sidebar .category li{float:left; width:150px;margin:5px 0 5px 7px;}
#sidebar .category a{font: 12px sans-serif,Georgia,"Lucida Sans Unicode", "trebuchet MS";}

/********** Graphic River ************/

#sidebar div.sublink{position:absolute;margin:-35px 0 0 177px;display:block;}
#sidebar div.sublink .link-text{text-align:right;float:left;width:97px;letter-spacing:-0.1px;text-transform:uppercase;font:10px sans-serif,sans-serif,Georgia,"Lucida Sans Unicode","trebuchet MS";}
#sidebar div.sublink .link-text a{color:#999;letter-spacing:-0.1px;text-transform:uppercase;font:10px sans-serif,sans-serif,Georgia,"Lucida Sans Unicode","trebuchet MS";}
#sidebar div.sublink .link-image{float:left;}

#sidebar ul.graphicriver{margin:15px 0 0 5px;display:block;overflow:hidden;}
#sidebar ul.graphicriver li{float:left;margin:5px;}
#sidebar ul.graphicriver li img{border:5px #DDDAF5 solid;-webkit-border-radius:5px;-moz-border-radius:5px;}

/********** 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:640px;padding: 0 10px 10px 0;margin:10px 0 0px 0px;display:block;}
div.tuto .tutoimg {position:relative;width:212px;height:142px;margin:5px 0px 10px 0;padding:0;float:left;}
div.tuto .tutoimg2 {position:relative;width:212px;height:142px;margin:5px 15px 20px 0px;padding:0;float:left;}
.tuto-date{width:100%;overflow:hidden;padding:0;margin:0 5px;color:#555;font: 12px sans-serif,Georgia,"Lucida Sans Unicode", "trebuchet MS";font-style:italic;}

.tuto-description{margin:0 0 0 0;overflow:hidden;color:#000;font: 12px sans-serif,Georgia,"Lucida Sans Unicode", "trebuchet MS";}
.tuto-description p{margin:8px 0 0 0!important;}


div.tag,div.date{float:left;padding:2px 0 0 0;}
div.tag{color:#0C0A21;}
ul.tag{float:right;}
ul.tag li{float:left;margin:-2px 2px 0 3px;}

ul.tag li a{border:1px #CCCAF5 solid;color:#0C0A21;display:block;font: 10px sans-serif,Georgia,"Lucida Sans Unicode", "trebuchet MS";background:#FFF;padding:2px 7px;-webkit-border-radius:7px;-moz-border-radius:7px;}
ul.tag li a:hover{text-decoration:none;border:1px #0C0A21 solid;}


.tuto-list .tuto .info {float:left;width:418px;margin:-3px 0 0 10px;overflow:hidden; }
.tuto-list .tuto {border-bottom:1px #DDDAF5 solid;}
div.tuto .tuto-info{float:left;padding: 0px 10px 17px 10px!important;color:#0C0A21;margin: 0px 0 0px 0px!important;}
div.tuto .tuto-info ul{padding:0!important;margin:0!important;}
div.tuto .tuto-info ul li{padding:0!important;margin:0!important;}

a.button{display:block;float:left;background:url('/template/v2/images/btn-view.png') no-repeat ;width:152px;height:31px;outline:none;text-indent:-9000px;}
.tuto a {color:#090063;text-decoration:none}
.tuto a:hover {color:#090063;text-decoration:underline}
.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{text-shadow:0px 1px 2px #999;float:left;overflow:hidden;width:418px;padding:0px;font:20px sans-serif,verdana;color:#090063;text-decoration:none;margin:5px 0 5px 5px;}
.info h3 a:hover{text-decoration:underline;color:#090063;}

#contenu .info .metadata{ background:#FFF; padding:5px;margin:5px 0 0px 5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
#contenu .info .metadata p{padding:0px;margin:0px 0 0px 0px;color:#555;font:11px sans-serif,verdana;min-height:0;}


.tuto-description ul{margin:25px 0px!important;}
.tuto-description ul li{margin:3px 0px 0 10px!important;list-style-type:none;}

div.tuto_line{min-height:50px!important;position:relative;clear:both;width:650px;padding: 0 0 5px 0;margin:5px 0 0px 0px;display:block;border-bottom:1px solid #DDDAF5;}
div.tuto_line .tutoimg{width:40px;margin:5px;border:1px #000 solid;padding:0;float:left;-webkit-border-radius:2px;-moz-border-radius:2px;}
div.tuto_line .info {float:left;display:block;width:590px; padding:0px 0 0 0px;border-bottom:0 solid #f09;}
div.tuto_line .info h3 a{text-shadow:0px 1px 2px #999;width:600px!important;}
#contenu div.tuto_line .info p.date{min-height:5px!important;float:left;background:transparent;padding:0px 2px;margin:0px 0 0px 3px;}






/********** 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"}