/*
Theme Name: Eurofans v2
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: 2.0
License:
Copyright: (c) 2013 EUROFANS 
*/

color logo : color fond : color slide : color police sur fond : color police normal : color police titre : color police menu : color police sur fond grid : color police slide : color formulaires : color police formulaires : color lignes fines : color police blockquote : 
/*** 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;vertical-align:baseline;background:transparent;}
body{font:0.8em MuliRegular, sans-serif;line-height:1.4;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 ***/

h1, h2, h3, h4, h5, h6 {color:#006aa7; font-weight:normal;}
a {color:#006aa7;}
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.left {float: left;}
.right {float: right;}

/* RESPONSIVE THEME */

.resp_wrapper_logomenu {background-color: #006aa7;position:fixed;width:100%;z-index:999;}
.resp_logo_string {background-image: url("images/resp_logo_eurofans_fond.png");background-size:100% 100%;}
.resp_wrapper_menu, .resp_menu, .resp_wrapper {margin:0 auto;}
.resp_wrapper_logo {background-color: #006aa7;float:left;}
.resp_logo {background: url("images/resp_logo_eurofans.png") no-repeat left/100%; margin: 0 auto;}

@media all and (min-width: 1240px)
{
	.resp_wrapper_menu, .resp_wrapper, .resp_menu {max-width:1200px;}
	.resp_logo_string, .resp_wrapper_logo, .resp_logo {height:101px;} /* height=113*90% tronqué */
	.resp_wrapper_logo {width:267px;} /* height=113*90% width=297*90% tronqué */
	.resp_logo {width: auto;} /* height=113*90% tronqué */
	.resp_menu {position:sticky;top:66px;z-index:1000;} /* top=113*90%+10 tronqué */
	.resp_nav {float:right;margin-top:65px;} /* margin-top=113*80%-40 tronqué */
	.resp_wrapper .bloc60 {width:55%;margin-right:5%;float:left;}
	.resp_wrapper .bloc40 {width:35%;margin-right:5%;float:left;}
}
@media all and (min-width: 900px) and (max-width: 1240px)
{
	.resp_wrapper_menu, .resp_wrapper, .resp_menu {max-width:90%;}
	.resp_logo_string, .resp_wrapper_logo, .resp_logo {height:90px;} /* height=113*80% tronqué */
	.resp_wrapper_logo {width:237px;} /* width=297*80% tronqué */
	.resp_logo {width: auto;}
	.resp_menu {position:sticky;top:100px} /* top=113*80%+10 tronqué */
	.resp_nav {float:right;margin-top:55px;} /* margin-top=113*80%-40 tronqué */
	.resp_wrapper .bloc60 {width:55%;margin-right:5%;float:left;}
	.resp_wrapper .bloc40 {width:35%;margin-right:5%;float:left;}
}
@media all and (max-width: 900px)
{
	.resp_wrapper_menu, .resp_wrapper, .resp_menu {max-width:95%;}
	.resp_logo_string, .resp_wrapper_logo, .resp_logo {height:79px;} /* height=113*70% tronqué */
	.resp_wrapper_logo {width:207px;} /* width=297*70% tronqué */
	.resp_logo {width: auto;}
	.resp_menu {position:sticky;top:89px;} /* top=113*70%+10 tronqué */
	.resp_nav {float:right;margin-top:46px;} /* margin-top=113*70%-40 tronqué */
	.resp_wrapper .bloc60 {width:100%;margin-bottom:30px;}
	.resp_wrapper .bloc40 {width:100%;margin-bottom:30px;}
}


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

/* HEADER BLEU BLANC ROUGE */
/* couleurs : police et police formulaires=#000 - titres et fond images=#031695 - autres polices=#FFF - autres zones=#EE0200 */
/* .wrapper_menu {background-image: url("images/fond_BBR.jpg");}
.top_menu_bandes {background: url("images/logo_eurofans_fond.png") repeat-x; height:255px;}
.top_menu_975 {width: 975px; background-image: url("images/fond_BBR.jpg"); 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: #fecc00; color:#ffffff; 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: #fecc00; color:#ffffff; 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: #006aa7; 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-size:12px; font-family: MuliRegular, sans-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: #FFFFFF ; 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:#FFFFFF; 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-size:11px; font-family: MuliRegular, sans-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: #fecc00;}
.slide img {display: block; float: left; width: 640px; height: 350px; position: relative; top: -20px; left: -30px;}
.slide .slide_content {padding: 20px 30px 0; color:#ffffff; text-align: left;}
.slide .slide_content h2 {margin-bottom: 20px; font: 2em MuliRegular, sans-serif; color:#ffffff;}
.slide .slide_content h2 a {text-decoration:none; color:#ffffff;}
.slide .slide_content h2 a:hover {text-decoration: underline; color:#ffffff;}
.slide .slide_content p {margin-bottom: 15px; margin-right: 30px;}
.slide .slide_content a, .slide .slide_content a:hover {text-decoration: underline; color:#ffffff;}
#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;}

.home-bottom-widget {width:300px;line-height:20px;padding:70px 0 20px 0;}
.hbw-left {float:left;}
.hbw-center {float:left;padding-left:37px;}
.hbw-right {float:right;}
.home-bottom-widget h2 {font-size: 2em; padding: 0 0 15px 0; border-bottom: 1px solid #006aa7;}
.home-bottom-widget a {color: #000000; text-decoration: underline;}
.home-bottom-widget .contenubloc {margin-top:28px;}
.home-bottom-widget .contenubloc a {text-decoration:none;}
.home-bottom-widget .contenubloc a:hover {text-decoration:underline; cursor: pointer;}
.home-bottom-widget .contenubloc_maj {margin-top:28px;font-size:0.9em; line-height:1.5;}
.home-bottom-widget .contenubloc_maj ul li a, .home-bottom-widget .contenubloc_clndr ul li a {text-decoration:none;}
.home-bottom-widget .contenubloc_maj ul li a:hover, .home-bottom-widget .contenubloc_clndr ul li a:hover {text-decoration:underline; cursor: pointer;}
.home-bottom-widget .contenubloc_clndr {margin-top:28px;font-size:0.9em;}
.home-bottom-widget .contenubloc_clndr ul li {margin-bottom:5px;}
.home-bottom-widget .contenubloc_clndr .eventdate {float:left;width:70px;}
.home-bottom-widget .contenubloc_clndr .eventtitre {float:right;width:230px;}
.home-bottom-widget .contenubloc_clndr .eventdesc {float:right;width:230px;line-height:1.3;font-size:0.9em;}

.links a {color: #000; text-decoration:underline;}

.formulaire {width: 300px; margin-top: 28px; float: right;}
.formulaire fieldset {width: 300px; height: 31px; background: #fecc00;}
.formulaire input {width: 250px; border: none; background: none; padding: 8px; color: #ffffff; 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: #fecc00; color: #ffffff; font-weight:bold; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.formulaire .validation .button:hover {background: #fecc00;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: #ffffff; background-color: #fecc00; 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: #ffffff; font-size: 18px; font-weight: normal; text-decoration: none;}
.grid270 .post h3 {margin: 15px 20px 15px 20px; color:red;}
.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: #ffffff; background-color: #fecc00; 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: #ffffff; 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: #ffffff; background-color: #fecc00; 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: #ffffff; 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 #006aa7; 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;}
h1.invisible-title {line-height:0.1em;color:transparent;}
h1.visible-title {font-size: 3.5em; border-bottom: 1px solid #006aa7; margin-bottom: 40px;}

.bottom_archives {background-color: #fecc00; 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:#ffffff; 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 #fecc00; color: #006aa7;}
blockquote.bq1 strong {font-weight:bold;}

blockquote.bq2 {margin: 15px 0 10px 0;}
blockquote.bq2 .fond {background-color: #fecc00;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: #006aa7;}
blockquote.bq2 .content strong {font-weight:bold; font-style: italic;}

.line {width: 1px; height: 100%; background: #006aa7; 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: #fecc00; 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: #ffffff; 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;}

a.picasa-thumb-link {display: block; float: left; width: 118px; height: 118px; margin: 5px;}
a img.picasa-thumb {background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	display:block;  
	margin:5px;
	padding:5px;
	position:relative;width: 108px; height: 108px; }
a:hover img.picasa-thumb {background-color: #A9A9A9;border:1px solid #A9A9A9;}

/*** Comments ***/

.bloccomments {margin-top: 20px;}
#comments {margin-bottom: 30px;}
.comments h3 {font-size: 1.2em; font-weight: normal; color: #000000; padding: 15px 0 10px 0; border-bottom: 1px solid #006aa7;}
.comments a {color: #000000;}
.comment {padding: 15px 0 15px 0; border-bottom: 1px dotted #006aa7;}
.comment td {vertical-align: top;}
.comment-meta {position: relative; min-height: 70px; font-size: 11px; margin: 0 20px 0 20px;}
.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: 0 0 0 0;}
#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 #006aa7; 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 #006aa7; padding: 5px;}
.commform-email div {border: 1px solid #006aa7; padding: 5px;}
.commform-url p {margin-left: 15px !important;}
.commform-url div {margin-left: 15px; border: 1px solid #006aa7; padding: 5px;}
#author, #email, #url {width: 100%; margin: 0; padding: 0; border: none; color: #000000;}
#submit {float: left; border: none; background: #fecc00; color: #ffffff; 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 #006aa7; padding: 20px 0 0 0;}
.footer p {font-size: 12px; color: #006aa7;}
.footer a {color: #000000; text-decoration: none;}
.footer a:hover {text-decoration: underline;}
p.copyright {float: left; color: #006aa7;}
p.copyright span {color: #006aa7;}
.credits {float: right;}