/**
 *  Theme Name:     FCPE95
 *  Theme URI:      http://www.fcpe95.net
 *  Description:    Le thème du site de la FCPE 95
 *  Version:        1.0
 *  Author:         Olivier Vilaspasa / Dominique Radisson
 *  Author URI:     http://www.domradisson.net
 */
 
/* Header */
#header {position: relative}
#head-content h1 {display:none}
#head-content {padding:0px 0px 5px 0px}
#sitetitle .title a:link{display:block; width:100%; max-width:960px}
#sitetitle {position:relative}
#sitetitle .title {text-indent:-9999px}
#sitetitle .description {position:absolute; top:70px; left:202px; font-family: Helvetica, Verdana, Arial, sans-serif!important; font-size: 1.45em!important; color:#2d68a7; font-weight:100!important}

/* Fonctions haut de page */
#topnav{background-color: white; border-bottom:1px solid #eee; display:none}
#topnav a:hover{color:#333!important}
a.etiquette {display:block;width:125px; height:39px;position:absolute; left:320px; top:87px; z-index:100; background: url(images/bg-topnav-adherer.png) no-repeat center bottom}

/* Navigation supérieure */
#catnav li.colored1,
#catnav li.colored1 a:hover {background:url(images/bg-menu-1.png) bottom left repeat-x}
#catnav li.colored13,
#catnav li.colored13 a:hover {background:url(images/bg-menu-2.png) bottom left repeat-x}
#catnav li.colored18,
#catnav li.colored18 a:hover {background:url(images/bg-menu-3.png) bottom left repeat-x}
#catnav li.colored27,
#catnav li.colored27 a:hover {background:url(images/bg-menu-4.png) bottom left repeat-x}
#catnav li.colored28,
#catnav li.colored28 a:hover {background:url(images/bg-menu-5.png) bottom left repeat-x}
#catnav li.colored31,
#catnav li.colored31 a:hover {background:url(images/bg-menu-6.png) bottom left repeat-x}
#catnav li.colored34,
#catnav li.colored34 a:hover {background:url(images/bg-menu-7.png) bottom left repeat-x}

/* Navigation supérieure : focus */
#catnav li.colored1.current-menu-ancestor,
#catnav li.colored1.current-menu-parent,
#catnav li.colored1.current_page_item {background:url(images/bg-menu-1-focus.png) bottom left repeat-x}
#catnav li.colored13.current-menu-ancestor,
#catnav li.colored13.current-menu-parent,
#catnav li.colored13.current_page_item {background:url(images/bg-menu-2-focus.png) bottom left repeat-x}
#catnav li.colored18.current-menu-ancestor,
#catnav li.colored18.current-menu-parent,
#catnav li.colored18.current_page_item {background:url(images/bg-menu-3-focus.png) bottom left repeat-x}
#catnav li.colored27.current-menu-ancestor,
#catnav li.colored27.current-menu-parent,
#catnav li.colored27.current_page_item {background:url(images/bg-menu-4-focus.png) bottom left repeat-x}
#catnav li.colored28.current-menu-ancestor,
#catnav li.colored28.current-menu-parent,
#catnav li.colored28.current_page_item {background:url(images/bg-menu-5-focus.png) bottom left repeat-x}
#catnav li.colored31.current-menu-ancestor,
#catnav li.colored31.current-menu-parent,
#catnav li.colored31.current_page_item {background:url(images/bg-menu-6-focus.png) bottom left repeat-x}
#catnav li.colored34.current-menu-ancestor,
#catnav li.colored34.current-menu-parent,
#catnav li.colored34.current_page_item {background:url(images/bg-menu-7-focus.png) bottom left repeat-x}


/* Widgets */
div.home-debats{min-height:240px; background: url(images/bg-home-debats.jpg) no-repeat center bottom}
div.home-maternelleaulycee{min-height:150px; background: url(images/bg-home-maternelleaulycee.jpg) no-repeat center bottom}

/* Styles */
h2 span {letter-spacing:normal; font-size:1.15em}
h2.edito {color:#2e77c9}
p.readmore {margin-top:12px}

/* Slide Show Home */
div#featured {}
img.home_feature {}
div.flex-caption{float:left}

.flexslider .feature-image {
	width:94%;
	float:left;
	margin:15px 15px 0px 15px;
	padding:0.5%;
	background:#fff;
	border:1px solid #ebebeb;
	max-height:290px!important
	}

.flexslider .slides img {
	float:none;
	width:100%;
	margin:0;
	max-height:290px!important
	}
	
/* Footer */
#footer {background-color: #fff	; color:#aaa; border-top:1px solid #ddd}
#footer a {display:none}

/* Divers */
/* 	Masque le menu de navigation
	pour les articles affichés en fin de page */
body.page div.navigation {display:none}

/* Picto 'En construction */
.construction {display:block; position:absolute; top:0px; left:0px; width:66px; height:69px; background:url(images/bg-en-construction.png) center center no-repeat}

/* WP popular posts en footer */
img.wpp-thumbnail {border:1px solid #cacaca; position:relative; top:3px; margin-right:4px}
										
/* Media queries */
@media screen and (min-width: 961px) {
	#sitetitle .title a:link{height:126px; background:url(images/bg-header-960x126.png) top left no-repeat}
}

@media only screen and (min-width: 771px) and (max-width: 960px) {
	#sitetitle .description {top:57px; left:162px}
	#sitetitle .title a:link{height:101px; background:url(images/bg-header-768x101.png) top left no-repeat}
}

@media only screen and (min-width: 481px) and (max-width: 770px) {
	#sitetitle .description {top:42px; left:112px; font-size: 1.25em!important}
	#sitetitle .title a:link{height:79px; background:url(images/bg-header-640x79.png) top left no-repeat}
}

@media only screen and (max-width: 480px) {
	#sitetitle .description {top:37px; left:117px; font-size:1.15em!important}
	#sitetitle .title a:link{height:79px; background:url(images/bg-header-480x79.png) top left no-repeat}
}

@media only screen and (max-width: 380px) {
	#sitetitle .description {top:27px; left:83px; font-size:0.95em!important}
	#sitetitle .title a:link{height:50px; background:url(images/bg-header-380x50.png) top left no-repeat}
}