/*
Theme Name: Eurofans
Author URI:
Description: Thème du site eurofans.fr construit par Ethan Marchand sur la base du thème Sight de WPSHOWER (http://www.wpshower.com).
Author: Ethan MARCHAND pour Eurofans
Version: 1.0
License:
Copyright: (c) 2011 EUROFANS
*/

/*
couleur logo : #FF2479couleur fond : #514454couleur slide : #514454couleur police sur fond : #8B929Ccouleur police normal : #000000couleur police titre : #FF2479couleur police menu : #3B313Dcouleur police sur fond grid : #8B929Ccouleur police slide : #8B929Ccouleur formulaires : #514454couleur police formulaires : #8B929Ccouleur lignes fines : #3B313Dcouleur police blockquote : #3B313D*/

/*** Chargement polices ***/

@font-face {
    font-family: 'MuliRegular';
    src: url('fonts/muli/Muli-Regular-webfont.eot');
    src: url('fonts/muli/Muli-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/muli/Muli-Regular-webfont.woff') format('woff'),
         url('fonts/muli/Muli-Regular-webfont.ttf') format('truetype'),
         url('fonts/muli/Muli-Regular-webfont.svg#MuliRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*** Reset ***/

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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;text-align:left;color: #000000;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus {outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/*** Main ***/

body {font: 0.8em MuliRegular, sans-serif; line-height: 1.4; color:#000000}
h1, h2, h3, h4, h5, h6 {color:#FF2479; font-weight:normal;}
a {color:#FF2479;}
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.left {float: left;}
.right {float: right;}

/*** Header ***/

.wrapper_menu {background-color: #FF2479;}
.top_menu_bandes {background: url("images/logo_eurofans_fond.png") repeat-x; height:255px;}
.top_menu_975 {width: 975px; background-color: #FF2479; height: 113px; margin: 0 auto 0 auto;}
.top_menu_logo {background: url("images/logo_eurofans.png") no-repeat; margin: 0 auto;}

.wrapper {position:relative; width: 1125px; margin: 0 auto;}

.top_description_deco {background-color: #514454; color:#8B929C; margin-top:33px; width:184px; height:65px;}
.top_description_deco p {padding:10px 10px 10px 10px; font-size: 11px; line-height: 1.3;}
.top_description {background-color: #514454; color:#8B929C; margin-top:33px; width:184px; height:117px;}
.top_description p {padding:10px 10px 10px 10px; font-size: 11.5px; line-height: 1.3;}
.top_deco {background-color: #FF2479; margin-top: 18px; width:184px; height:117px; overflow: hidden;}

.wrapper_contenu_975 {width: 975px; position:absolute; top:75px; left: 75px;}
#container {padding: 30px 0 45px;}


/*** Menu ***/
.menu {position: absolute; top: 140px; height:60px; font:12px MuliRegular, serif; color:#000000;}
.menu, .menu ul {padding:0; margin:0; list-style:none; width:975px;}
.menu table {border-collapse:collapse; margin:-1px -10px 0 0; padding:0; width:0; height:0;}

.menu li {float:left; height:38px; margin-right:1px;}
.menu li.menu-item a {color:#000000; font-size:13px; float:left; display:block; height:38px; line-height:38px; padding:0 20px 0 10px; text-decoration:none;}
.menu li.menu-item a:hover {font-size:13px; white-space:nowrap; margin-top: 20px;}
.menu li.menu-item:hover > a {font-size:13px; margin-top: 20px;}

.menu li ul {position:absolute; top:38px; left:-9999px; z-index:10; color: #3B313D ; margin-top: 3px;}
.menu li ul.sub-menu li a, .menu li ul.sub-menu li a:hover,.menu li ul.sub-menu li:hover > a {color:#3B313D; font-size:12px; white-space:nowrap; margin-top: 3px;}

.menu li ul.sub-menu li ul.sub-menu li a {color:#000000; margin-top:-13px;}

.menu :hover ul,
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul {left:0;}

.menu :hover ul ul,
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {left:-9999px; top:38px; background:transparent;}

ul.menua {position: absolute; top:88px; font:11px MuliRegular, serif; color:#000000;}
ul.menua {padding:0; margin:0; list-style:none; width:975px;}
ul.menua li {float:right; display:block; height:38px; padding:0 0 0 20px;}
ul.menua li a {color:#000000; text-decoration:none;}

/*** Slideshow ***/

#slideshow, .slideshow {height: 350px; width: 975px;}
.slide {height: 350px; width: 975px; background: #514454;}
.slide img {display: block; float: left; width: 640px; height: 350px; position: relative; top: -20px; left: -30px;}
.slide .slide_content {padding: 20px 30px 0; color:#8B929C; text-align: left;}
.slide .slide_content h2 {margin-bottom: 20px; font: 2em MuliRegular, sans-serif; color:#8B929C;}
.slide .slide_content h2 a {text-decoration:none; color:#8B929C;}
.slide .slide_content h2 a:hover {text-decoration: underline; color:#8B929C;}
.slide .slide_content p {margin-bottom: 15px; margin-right: 30px;}
.slide .slide_content a, .slide .slide_content a:hover {text-decoration: underline; color:#8B929C;}
#larr, #rarr {display: block; width: 32px; height: 53px; position: absolute; top: 149px !important; opacity: 0.2; z-index: 99 !important;}
#larr {background: #000 url("images/larr.png") 8px 50% no-repeat; left: 0 !important;}
#rarr {background: #000 url("images/rarr.png") 11px 50% no-repeat; right: 0 !important;}
#larr:hover, #rarr:hover {opacity: 1;}

/*** Content ***/

#content {width: 975px; float: left; color: #000000;}

.index {padding:70px 0 20px 0;}
.index h2 {font-size: 2em; padding: 0 0 15px 0; border-bottom: 1px solid #3B313D;}
.index a {color: #000000; text-decoration: underline;}
.index .contenubloc {margin-top:28px;}
.index .contenubloc a {text-decoration:none;}
.index .contenubloc a:hover {text-decoration:underline; cursor: pointer;}
.index .contenubloc_maj {margin-top:28px;font-size:0.8em; line-height:1.5;}
.index .contenubloc_maj ul li a {text-decoration:none;}
.index .contenubloc_maj ul li a:hover {text-decoration:underline; cursor: pointer;}

.formulaire {width: 300px; margin-top: 28px; float: right;}
.formulaire fieldset {width: 300px; height: 31px; background: #514454;}
.formulaire input {width: 250px; border: none; background: none; padding: 8px; color: #000000; font-size: 11px; vertical-align: middle;}
.formulaire .validation {padding-top:10px;}
.formulaire .validation input {width:auto; cursor: pointer;}
.formulaire .validation .button {float: left; border: none; background: #514454; color: #8B929C; font-weight:bold; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.formulaire .validation .button:hover {background: #514454;cursor: pointer;}
.formulaire .search input {text-transform: uppercase;}
.formulaire .search button {width: 16px; height: 16px; background: url("images/search.png") 50% 50% no-repeat; cursor: pointer; border: none; vertical-align: middle;}

.grid270 .espace {width: 270px; height: 270px; overflow:hidden; margin-top: 80px;}
.grid270 .post {width: 270px; height: 270px; color: #8B929C; background-color: #514454; float: left; position: relative; overflow: hidden; cursor: pointer;}
.grid270 .post .thumb {width: 270px; height: 270px; position: absolute; z-index: 1;}
.grid270 .post .thumb img {width: 270px; height: 270px;}
.grid270 .post h3, .grid270 .post h3 a {color: #8B929C; font-size: 18px; font-weight: normal; text-decoration: none;}
.grid270 .post h3 {margin: 15px 20px 15px 20px;}
.grid270 .post p {margin:15px 20px 15px 20px; font-size: 10px;}

.grid190 .espace {width: 190px; height: 190px; overflow:hidden; margin: 10px 0 0 0; }
.grid190 .post {width: 190px; height: 190px; color: #8B929C; background-color: #514454; float: left; position: relative; overflow: hidden; cursor: pointer;}
.grid190 .post .thumb {width: 190px; height: 190px; position: absolute; z-index: 1;}
.grid190 .post .thumb img {width: 190px; height: 190px;}
.grid190 .post ul {margin:15px 20px 15px 20px; font-size: 10px;}
.grid190 .post ul h3, .grid190 .post ul h3 a {color: #8B929C; font-size: 16px; font-weight: normal; text-decoration: none;}

.grid150 .espace {width: 150px; height: 150px; overflow:hidden; margin: 22px 22px 22px 22px; float: left;}
.sideleft-150 .grid150 .espace {width: 150px; height: 150px; overflow:hidden; margin: 0 22px 22px 0; float: left;}
.grid150 .post {width: 150px; height: 150px; color: #8B929C; background-color: #514454; float: left; position: relative; overflow: hidden; cursor: pointer;}
.grid150 .post .thumb {width: 150px; height: 150px; position: absolute; z-index: 1;}
.grid150 .post .thumb img {width: 150px; height: 150px;}
.grid150 .post h3, .grid150 .post h3 a {color: #8B929C; font-size: 12px; font-weight: normal; text-decoration: none;}
.grid150 .post h3 {margin: 10px 15px 10px 15px;}
.grid150 .post p {margin: 10px 15px 10px 15px; font-size: 10px;}

.entry {margin-bottom: 50px; color: #000000}
.entry .illustration {margin-top: 40px; margin-bottom: 40px;}
.entry h2 {font-size: 3.5em; border-bottom: 1px solid #3B313D; margin-bottom: 40px;}
.entry p {margin-bottom: 5px;}

.body600 {width: 600px; float: left;}
.body735 {width: 735px; float: right;}
.body775 {width: 775px; float: right;}
.sideright {width: 270px; float: right;}
.sideleft {width: 190px; float: left;}
.sideleft-150 {width: 150px; float: left;}
.annonce {padding:40px 0 40px 0;} 
.annonce p {font-size:0.8em;}
.entry .sideleft-150 .annonce h3 {font-size:1.2em;}

.entry h1, .body600 h1, .body735 h1, .body775 h1, .sideleft h1, .sideright h1 {font-size: 3em;margin-bottom: 21px;}
.entry h2, .body600 h2, .body735 h3, .body775 h2, .sideleft h2, .sideright h2  {font-size: 2.5em;margin-bottom: 18px;}
.entry h3, .body600 h3, .body735 h3, .body775 h3, .sideleft h3, .sideright h3  {font-size: 2em;margin-bottom: 15px;}
.entry h4, .body600 h4, .body735 h4, .body775 h4, .sideleft h4, .sideright h4  {font-size: 1.5em;margin-bottom: 12px;}

.bottom_archives {background-color: #514454; float: right;}
.bottom_archives a {display: block; height: 45px; width: 184px; padding: 10px 10px 10px 10px; font-size: 10.5px; line-height: 1.3; color:#8B929C; text-decoration: none;}

blockquote.bq1 {display: block; font-family: Georgia, serif; font-style: italic; line-height: 1.1; margin: 15px 0 10px 65px; padding-left: 15px; border-left:4px solid #514454; color: #3B313D;}
blockquote.bq1 strong {font-weight:bold;}

blockquote.bq2 {margin: 15px 0 10px 0;}
blockquote.bq2 .fond {background-color: #514454;width:55px; height:43px;float:left;}
blockquote.bq2 .fond .img {background: url('images/quote.png') no-repeat;width:55px; height:43px;}
blockquote.bq2 .content {padding-left:65px; font-family: Georgia, serif; font-style: italic; color: #3B313D;}
blockquote.bq2 .content strong {font-weight:bold; font-style: italic;}

.line {width: 1px; height: 100%; background: #3B313D; position: absolute; top: 0; right: 305px;}

/*** Images ***/

.post-content img {margin: 0 0 15px; height: auto; max-width: 610px;}
.post-content h6 {position: relative; left: -30px;}
.post-content .attachment img {max-width: 610px;}
.post-content .alignnone, .post-content img.alignnone {clear: both; display: block; margin-bottom: 15px;}
.post-content .alignleft, .post-content img.alignleft {display: inline; float: left; margin-right: 15px; margin-top: 4px;}
.post-content .alignright, .post-content img.alignright {display: inline; float: right; margin-left: 15px; margin-top: 4px;}
.post-content .aligncenter, .post-content img.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;}
.post-content img.alignleft, .post-content img.alignright, .post-content img.aligncenter {margin-bottom: 15px;}
.post-content .wp-caption {background: #514454; line-height: 18px; margin-bottom: 20px; padding: 4px; text-align: center;}
.post-content .wp-caption img {margin: 5px 5px 0;}
.post-content .wp-caption p.wp-caption-text {color: #8B929C; font-size: 12px; margin: 5px;}
.post-content .wp-smiley {margin: 0;}
.post-content .gallery {margin: 0 auto 18px;}
.post-content .gallery .gallery-item {float: left; margin-top: 0; text-align: center; width: 190px;}
.post-content .gallery .gallery-item img {max-width: 190px; border: none !important; margin-bottom: 0;}
.post-content .gallery .gallery-caption {color: #000000; font-size: 12px; margin: 0 0 12px;}
.post-content .gallery dl {margin: 0;}
.post-content .gallery br+br {display: none;}
.post-content .attachment img {display: block; margin: 0 auto;}

/*** Comments ***/

.comments h3 {font-size: 2em; font-weight: normal; color: #000000; padding: 15px 0 10px 30px; border-bottom: 1px solid #3B313D;}
.comments a {color: #000000;}
#comments {margin-bottom: 30px;}
.comment {padding: 15px 0 15px 30px; border-bottom: 1px dotted #3B313D;}
.comment td {vertical-align: top;}
.comment-meta {position: relative; min-height: 70px; font-size: 11px; margin-right: 30px;}
.avatar {display: block; margin-right: 10px;}
.comment-author {color: #000000;}
.comment-author span {color: #000000;}
.comment-author a, .comment-author span {text-decoration: none;}
.comment-author a:hover {text-decoration: underline;}
.comment-author, .comment-date {white-space: nowrap;}
.comment-reply-link {position: absolute; bottom: 1px; text-decoration: none;}
.comment-reply-link:hover {text-decoration: underline;}
.comment-text p {color: #000000; margin-bottom: 15px;}
.children {margin-left: 80px;}
.children .children {margin-left: 50px;}
.children .comment {padding-left: 0;}

#respond p, .nopassword {margin: 10px 0; font-size: 11px;}
.nopassword {padding-left: 30px;}
#respond p a {text-decoration: none;}
#respond p a:hover {text-decoration: underline;}
#commentform {padding: 30px 0 0 30px;}
#commentform table {width: 100%; margin-bottom: 15px;}
#commentform td {vertical-align: top; width: 33.33%;}
#commentform td p {margin-bottom: 5px;}
#commentform td p span {color: #000000; font-size: 11px; font-style:italic; }
.commform-textarea {border: 1px solid #3B313D; padding: 10px; margin-bottom: 10px;}
#comment {width: 100%; height: 120px; padding: 0; margin: 0; border: none; border-color: #fff; overflow: auto;}
.commform-author div {margin-right: 15px; border: 1px solid #3B313D; padding: 5px;}
.commform-email div {border: 1px solid #3B313D; padding: 5px;}
.commform-url p {margin-left: 15px !important;}
.commform-url div {margin-left: 15px; border: 1px solid #3B313D; padding: 5px;}
#author, #email, #url {width: 100%; margin: 0; padding: 0; border: none; color: #000000;}
#submit {float: left; border: none; background: #514454; color: #8B929C; font-weight:bold; cursor: pointer; padding: 5px 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
#submit:hover {background: #000000;}
p#cancel-comment-reply {float: right; line-height: 28px; margin: 0;}

/*** Footer ***/

.footer {height: 60px; border-top: 1px solid #3B313D; padding: 20px 0 0 0;}
.footer p {font-size: 12px; color: #3B313D;}
.footer a {color: #000000; text-decoration: none;}
.footer a:hover {text-decoration: underline;}
p.copyright {float: left; color: #3B313D;}
p.copyright span {color: #3B313D;}
.credits {float: right;}