/*
Theme Name: TCTF
Theme URI: http://www.tctf.fr/
Description: Theme officiel du site TCTF (v5)
Author: Matthieu VIDEAUD
Version: 1.0
License: GNU General Public License
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/

/*BASICS RULES*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background:transparent; border:0; margin:0; padding:0; vertical-align:baseline; outline:none; }
@font-face { font-family:DEJAVUSANSMONO; src:url('font/DEJAVUSANSMONO.TTF'); }
body { line-height:1; margin:auto; font-family:DEJAVUSANSMONO, "Dancing Script", Verdana, Geneva, sans-serif; font-size:12px; }
h1, h2, h3, h4, h5, h6 { clear:both; font-weight:normal; }
ol, ul { list-style:none; }
blockquote { quotes:none; }
blockquote:before, blockquote:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }
a img { border:none; }
.clearfloat { clear:both; height:0; font-size:1px; line-height:0px; }

.body_container { margin:auto; width:1000px; }

#back_to_top{ width:32px; height:32px; position:fixed; cursor:pointer; bottom:10px; right:10px; -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); background:#555 url(img/static.png) no-repeat -286px -177px; width:32px; height:32px; text-indent:-9999px; display:block; -moz-border-radius:3em; -webkit-border-radius:3em; -o-border-radius:3em; -ms-border-radius:3em; border-radius:3em; border:1px solid #444; -moz-box-shadow:0 0 1em #999; -webkit-box-shadow:0 0 1em #999; -o-box-shadow:0 0 1em #999; box-shadow:0 0 1em #999; opacity:0.5; -moz-transition:all 0.4s ease-out 0s; -webkit-transition:all 0.4s ease-out 0s; -o-transition:all 0.4s ease-out 0s; -ms-transition:all 0.4s ease-out 0s; }
#back_to_top:hover{ opacity:1; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); }

/* HABILLAGE IMAGE PRESS */
.img_sweat, .img_sweat2 { position:relative; display:inline-block; padding:6px; }
.img_sweat { width:250px; height:150px; }
.img_sweat2 { float:left; margin-bottom:20px; }
.img_sweat:after, .img_sweat:before { content:" "; position:absolute; width:50%; height:52px; z-index:-10; }
.img_sweat2:after, .img_sweat2:before { content:" "; position:absolute; width:50%; height:16%; z-index:-10; }
.curve:before, .curve2:before { -moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); -o-transform:rotate(-5deg); -ms-transform:rotate(-5deg); transform:rotate(-5deg); }
.curve:after, .curve2:after { -moz-transform:rotate(5deg); -webkit-transform:rotate(5deg); -o-transform:rotate(5deg); -ms-transform:rotate(5deg); transform:rotate(5deg); }
.curve:before, .curve:after { top:62%; }
.curve2:before, .curve2:after { top:80%; }
.curve:before { left:6px; }
.curve2:before { left:2px; }
.curve:after { right:6px; }
.curve2:after { right:2px; }

/* TOP & MENU */
#top { height:155px; position:relative; }
#logo { width:400px; height:127px; float:left; margin-top:8px; }
#topmenu { width:530px; height:27px; float:right; text-align:right; }
.skin_sun, .skin_moon { width:25px; height:25px; margin-top:2px; display:inline-block; cursor:pointer; }
.skin_moon { margin-right:10px; }
#menu { padding:40px 0px 10px; position:absolute; text-align:center; z-index:10; margin:0 25px 0 490px; font-family: 'Oswald', Arial; text-transform:uppercase; }
#menu li a { text-decoration:none; }
#menu li { width:65px; display:inline-block; padding:20px 5px; text-decoration:none; cursor:pointer; }
#menu li a.actif, #menu li a.actif:hover { display:block; width:75px; height:42px; display:block; margin:-80px 0px 0px -6px; position:absolute; padding-top:88px; cursor:pointer; z-index:10; }
#menu li span.hover { width:75px; height:40px; display:block; margin:-240px 0px 0px -6px; position:absolute; padding-top:100px; cursor:pointer; }
#menu li .hoverlink a { position:absolute; width:65px; height:40px; display:block; margin-top:-12px; font-weight:normal; z-index:5; }

/* BOTTOM */
#bottom { width:985px; margin:auto; margin-top:20px; padding:15px 0 5px 15px; background:#646464; color:#d2d2d2; -moz-border-top-left-radius:25px; -webkit-border-top-left-radius:25px; -o-border-top-left-radius:25px; -ms-border-top-left-radius:25px; border-top-left-radius:25px; -moz-border-top-right-radius:25px; -webkit-border-top-right-radius:25px; -o-border-top-right-radius:25px; -ms-border-top-right-radius:25px; border-top-right-radius:25px; font-family:Verdana, Geneva, sans-serif; }
#bottom_content { position:relative; height:250px; }
#bottom p { margin-bottom:0px; }
#bottom>#bottom_content>ul>.textwidget>p { margin-bottom:10px; }

#bottom ul { width:305px; display:inline-block; margin-right:18px; vertical-align:text-top; line-height:17px; margin-bottom:8px; }
#bottom ul.widget_text { float:right; }
#bottom ul li { margin-bottom:10px; }
#bottom h3 { font-size:18px; line-height:18px; margin-bottom:10px; font-family: 'Oswald', Arial; text-transform:uppercase; }
#bottom iframe { width:320px; height:245px; position:absolute; }
#bottom a, #bottom a:hover { text-decoration:underline; }
#copyright { text-align:center; font-size:10px; }

/* SLIDER ARTICLES*/
#top_separate { min-height:60px; }
#slider { height:360px; margin-top:-90px; }
#slider_bg, #top_separate { margin:auto; margin-bottom:20px; min-height:60px; }
#slider_galerie { margin:auto; margin-top:15px; width:1000px; overflow:hidden; position:relative; }
#slider_container { width:5000px; position:relative; }
#slider_container a.dossier_lire_suite { display:block; width:210px; height:32px; margin-top:20px; padding-top:18px; font-family:"Dancing Script"; font-size:18px; text-align:center; color:#5C9AB2; text-decoration:none; }
#slider_container a:hover.dossier_lire_suite { text-decoration:none; }
.slide_title { font-size:16px; font-weight:bold; margin-bottom:8px; font-family: 'Oswald', Arial; text-transform:uppercase; }
.slide_move { float:left; width:920px; min-height:200px; padding:0px 40px 0; }
.slider_prev { width:25px; height:23px; margin-top:80px; position:absolute; z-index:5; left:0; cursor:pointer; }
.slider_next { width:25px; height:23px; margin-top:80px; position:absolute; z-index:5; right:0; cursor:pointer; }
.dossier_texte { margin-left:485px; font-size:14px; display:block; line-height:18px; }
.dossier_texte a, dossier_texte a:hover { color:#E3E3E4; text-decoration:underline; }
#slider_info_pos { width:50px; height:12px; margin:auto auto 15px; padding:5px 0 0 6px; }
#slider_info_pos span { width:16px; height:7px; display:block; }

/* NUMEROTATION PAGES */
.wp-pagenavi { text-align:right; }
.wp-pagenavi .current, .wp-pagenavi a { margin-left:2px; display:inline-block; padding:3px; }
.wp-pagenavi a { background:#ccc; color:#5c9ab2; text-decoration:none; }
.wp-pagenavi a:hover { text-decoration:none; color:#E68F12; background:#3f3f3f; }

/* PRESENTATION PAGES */
#content, #sidebar { display:inline-block; vertical-align:top; }
#content { width:75%; }
#sidebar { width:23%; margin-left:12px; }
#content_galerie { width:100%; display:block; }

/* ARTICLES */
.articles { display:block; }
.date, .title_img, .text_articles, .title_img_single { display:inline-block; vertical-align:text-top; }
.date h2 { font-size:30px; }
.title_img { width:265px; margin:0 4px; }
.title_img a, .title_img_single, .title_page, .galerie h3 { text-decoration:none; font-size:24px; line-height:30px; font-family: 'Oswald', Arial; text-transform:uppercase; }
.title_img span { margin-top:10px; }
.title_img a:hover { text-decoration:none; }
.text_articles { width:415px; line-height:22px; text-align:justify; }
.text_articles p { display:inline; }
.text_articles_single { margin-left:48px; margin-top:40px; line-height:20px; text-align:justify; }
.text_articles_single .wp-smiley {box-shadow:none;border:none;}
.date_cat_articles { margin-bottom:5px; text-align:right; font-size:9px; font-family: 'Oswald', Arial; text-transform:uppercase; }
.date_cat_articles_single { margin-top:15px; color:#3f3f3f; font-size:10px; text-shadow:none; }
.title_img_single { width:700px; height:120px; }
.title_page { width:700px; height:50px; }
.title_img_single img { float:right; vertical-align:text-top; border:6px solid #FFF; box-shadow:0 0 5px #999; }
.text_articles a, .text_articles a:hover, .date_cat_articles a, .date_cat_articles a:hover, .text_articles_single a, .text_articles_single a:hover, .date_cat_articles_single a, .date_cat_articles_single a:hover, #ipb_comments a, #ipb_comments a:hover, nav a, nav a:hover { text-decoration:underline; }
a.lire_la_suite { text-decoration:none; font-family:"Dancing Script"; padding-left:20px; font-size:14px; background:url(img/suite.png) no-repeat;  }
a:hover.lire_la_suite { text-decoration:none; }
a.comments { display:block; width:34px; height:21px; margin:0 5px 5px 0; padding:5px 0 0 11px; float:right; text-align:right; font-size:16px; text-decoration:none; color:#5c9ab2; }
a.comments:hover { text-decoration:none; }
.separate { width:93.5%; height:1px; margin:0 0 13px 48px; /*background:url(img/separate.gif);*/ clear:both; display:block; }
#ipb_comments .ipb_discussion a { display:block; width:210px; height:32px; margin:20px 0 0 315px; padding-top:16px; font-family:"Dancing Script"; font-size:18px; text-align:center; text-decoration:none; -moz-border-radius:3em; -webkit-border-radius:3em; -o-border-radius:3em; -ms-border-radius:3em; border-radius:3em; -moz-transition:all 0.4s ease-out 0s; -webkit-transition:all 0.4s ease-out 0s; -o-transition:all 0.4s ease-out 0s; -ms-transition:all 0.4s ease-out 0s; }
#ipb_comments .ipb_discussion a:hover { text-decoration:none; }
#ipb_comments { font-family:Verdana, Geneva, sans-serif; }
#ipb_comments h4 { margin:30px 0 20px 0; padding-bottom:5px; font-size:14px; }
#ipb_comments li { margin-bottom:20px; }
#ipb_comments strong { font-size:18px; }
#ipb_comments em { font-size:9px; }
#ipb_comments p { margin-top:20px; }
.ipb_comment_img, .ipb_comment_text { display:inline-block; vertical-align:text-top; }
.ipb_comment_text { width:78%; min-height:54px; margin:1px 0 0 40px; padding:8px 20px; -moz-border-radius:3em; -webkit-border-radius:3em; -o-border-radius:3em; -ms-border-radius:3em; border-radius:3em; }
.nocomments { display:none; } 

/* SIDEBAR */
#sidebar label { display:none; }
#sidebar h3 { margin:10px 0 5px 0; font-size:24px; font-family: 'Oswald', Arial; text-transform:uppercase; }
#sidebar li:last-child { border:none;}
#sidebar li a { display:block; line-height:24px; text-decoration:none; padding-left:10px; -moz-transition:padding-left 0.3s linear 0s; -webkit-transition:padding-left 0.3s linear 0s; -o-transition:padding-left 0.3s linear 0s; -ms-transition:padding-left 0.3s linear 0s;  }
#sidebar li a:hover { text-decoration:none; padding-left:20px; }
#searchsubmit { width:40px; height:25px; margin:0 0 0 170px; position:absolute; z-index:2; background:none; border:none; cursor:pointer; }
#searchform { width:215px; height:45px; padding:24px 0 0 15px; background:url(img/static.png) no-repeat -275px -108px; margin-top:-13px; position:relative; }
#searchform input[type=text] { width:170px; height:23px; line-height:23px; padding-right:20px; border:none; outline:none; position:absolute; -moz-transition:all 0.4s ease-out 0s; -webkit-transition:all 0.4s ease-out 0s; -o-transition:all 0.4s ease-out 0s; -ms-transition:all 0.4s ease-out 0s; }
.archives_accordeon { width:9px; height:6px; margin:5px; display:inline-block; cursor:pointer; }
#archives-3 li { display:none; }
.twitter-text { line-height:14px; }
.twitter-widget ul li { padding:5px 0; }
#sidebar .twitter-widget .twitter-text a, #sidebar .twitter-widget .twitter-text.twitter-text a:hover { text-decoration:underline; display:inline; background:none; padding:0; line-height:14px; }
#facebook, #twitter { width:23px; height:23px; margin-right:3px; display:inline-block; }
#logotwitter { width:75px; height:55px; display:block; float:left; }
#sidebar span a { text-decoration:underline; line-height:18px; padding-left:15px; -moz-transition:padding-left 0.2s linear 0s; -webkit-transition:padding-left 0.2s linear 0s; -o-transition:padding-left 0.2s linear 0s; -ms-transition:padding-left 0.2s linear 0s; }
#sidebar span a:hover { padding-left:18px; text-decoration:underline; }

#comments { display:none; }

/* TEAMSPEAK */
#teamspeak { position:relative; }
.connect_ts a { display:block; position:absolute; top:-15px; right:50px; width:150px; height:100px; font-family:"Dancing Script"; font-size:18px; text-align:center; padding-top:50px; text-decoration:none; -webkit-border-radius:75px; -moz-border-radius:75px; -o-border-radius:75px; border-radius:75px;-moz-transition:all 0.4s ease-out 0s; -webkit-transition:all 0.4s ease-out 0s; -o-transition:all 0.4s ease-out 0s; -ms-transition:all 0.4s ease-out 0s; }
.connect_ts a:hover { text-decoration:none; }
#teamspeak_lien { position:absolute; top:-15px; right:50px; }
#teamspeak_lien img { border:none; -moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none; box-shadow:none; vertical-align:middle;  }
#teamspeak_lien a { display:block; width:300px; height:56px; line-height:35px; margin-top:20px; font-family:"Dancing Script"; font-size:18px; text-align:center; text-decoration:none; -moz-border-radius:25px; -webkit-border-radius:25px; -o-border-radius:25px; -ms-border-radius:25px; border-radius:25px; -moz-box-shadow:0 0 1em #999; -webkit-box-shadow:0 0 1em #999; -o-box-shadow:0 0 1em #999; box-shadow:0 0 1em #999; -moz-transition:all 0.4s ease-out 0s; -webkit-transition:all 0.4s ease-out 0s; -o-transition:all 0.4s ease-out 0s; -ms-transition:all 0.4s ease-out 0s; }
#teamspeak_lien a:hover { text-decoration:none; }
#teamspeak .text_articles_single img { box-shadow:none; }

/* CONTACT */
#contact label, #contact input[type=text], #recaptcha_widget_div { display:inline-block; }
.form-field { width:100%; display:block; }
#contact label { width:150px; }
#contact input[type=text] { width:200px; height:20px; }
#contact textarea { width:300px; height:100px; }
#contact input[type=text], #contact textarea {  padding:0 3px; vertical-align:middle; margin:10px 0; background:#d9d9d9; outline:none; color:#333; border:1px solid #d9d9d9; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; border-radius:10px; }
#recaptcha_widget_div { vertical-align:middle; }
input[type=submit] { display:block; width:300px; height:30px; margin:20px 0 0 160px; font-family:"Dancing Script"; font-size:18px; text-align:center; text-decoration:none; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px;-moz-transition:all 0.4s ease-out 0s; -webkit-transition:all 0.4s ease-out 0s; -o-transition:all 0.4s ease-out 0s; -ms-transition:all 0.4s ease-out 0s; }
input[type=submit]:hover { text-decoration:none; }

/* GALERIE */
.galerie { display:inline-block; width:275px; margin:10px; padding-left:25px; }
.galerie p { margin:15px 0 0 10px; }
.galerieover { width:250px; height:150px; margin:6px 0 0 6px; display:block; opacity:0.5; position:absolute; z-index:20; cursor:pointer; }
#slider_lan { margin-top:-90px; }
#slider_bg_lan { margin:auto; margin-bottom:20px; min-height:60px; }


/* PAGE Navigateur  */
#body_navigateur { margin: auto; padding-top: 100px;  background:url(img/background_navigateur.jpg); font-family: Verdana,Arial; }
#navigateur_titre { width: 1000px; margin: auto; text-align: center; font-size: 18px; }
#navigateur { width: 100%; height: 320px; margin: 10px auto; border-top: 2px solid #666; border-bottom: 2px solid #666; background: url(img/navigateur.jpg) #FFF no-repeat center; }
#navigateur_infos { width: 1000px; margin: auto; font-size: 12px; text-align: center;  }
#navigateur_infos ul li { float: left; width: 330px; margin-right:3px; }
#navigateur_infos ul li span { font-size: 18px; display: block; }
#navigateur_infos ul li a, #navigateur_infos ul li a:hover { font-size: 14px; color: #4a74a3; text-decoration: underline; }

.text_articles_single #teamspeak img { box-shadow:none; border:0; }

/* Noyel */
#noyel_logo { position:absolute; top:40px; left:87px; width:264px; height:42px; background:url(http://www.tctf.fr/neige_noel.png) no-repeat;}
#noyel_bg { position:absolute; margin-top:20px; width:100%; height:135px; background:url(http://www.tctf.fr/bg_noel.png) bottom no-repeat; z-index:1; }