/*
Theme Name: WordPress-MU ENSFEA
Theme URI: http://www.ensfea.fr/
Description: Thème Wordpress pour les sites disciplinaires ENSFEA.
Version: 2
Author: Xavier CALLE
Author URI: http://www.ensfea.fr/
Tags: blue, green, custom header, fixed width, three columns
*/

body {
margin: 0pt;
padding: 0pt;
/* background-image: url(img/back_general.png); */
background-repeat: repeat-x;
background-position: 0 50px;
font-family: TitilliumWeb,sans-serif;
text-align: center;
font-size: 11px;
/*line-height: 11px; */
background-color: #FFFFFF;
color: #111; }

strong {
font-family: TitilliumWebBold,sans-serif;
}

a {
color: #007A77;
text-decoration: none;
}

a:hover {
color: #008EBE;
text-decoration: underline;
}

h1 {
color: #A1BF36;
/* font-family: Arial,Helvetica,sans-serif; */
font-weight: lighter;
font-size: 21px;
margin-bottom: 15px;
line-height: 30px; 
}

h1.titre {
color: #222;
/*font-family: Arial,Helvetica,sans-serif;  */
font-weight: lighter;
font-size: 21px;
margin-bottom: 15px;
line-height: 20px; 
border-bottom: 1px #007A77 solid;
}



h2 {
font-family: TitilliumWeb,sans-serif;
font-size: 16px;
font-weight: bold;
color: #007A77;
padding-top:10px;
line-height: 15px; 
}

h2.index {
font-family: Arial,Helvetica,sans-serif;
font-size: 15px;
font-weight: bold;
color: #007A77;
padding-top:10px;
line-height: 14px; 
}

h2.titre {
/* font-family: Arial,Helvetica,sans-serif;*/
font-size: 2em;
font-weight: normal;
color: #007A77;
border-bottom: 1px #007A77 solid;
padding-bottom: 10px;
line-height: 1em; 

}

h2.titre a{
	text-decoration:none;
}

h3{
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
color: #007A77;
font-weight: normal;
}

h3.titre{
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
color: #007A77;
font-weight: normal;
border-bottom: 1px #007A77 solid;
padding-bottom: 5px;
}


h4 {
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
color: #007A77;
font-weight: bold;
margin-left: 8px;
}

h5{
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
color: #007A77;
font-weight: bold;
margin-top:0;
margin-left:0;
margin-bottom: 10px;
padding-left: 10px;
/*background-image: url(pictos_site/puce_verte.gif);
background-repeat: no-repeat;
background-position: left center; */}

.postmetadata a {
color: #007A77;
}

.pm_date {
background-color:#EEEEEE }



img {
	border: 0;
}

#centre {
/* float: left; */
text-align: left;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px; 
padding: 15px;
background-color: #f3f3f3;
box-sizing: border-box;
width: -moz-available;
/*line-height: 1.4em;


		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
		border: 1px solid #111;
*/
}


#centre2CD {
float: left;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px; 
text-align: left;
padding-bottom: 15px;
background-color: #f3f3f3;

}

#centre2CG {
margin-left: 224px;
margin-right: 10px;
margin-top: 70px; 
text-align: left;
padding-bottom: 15px;
line-height: 1.4em;

background-color: #fff;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
		border: 1px solid #111;

}


#centre3C {
margin-left: 224px;
margin-right: 224px;
margin-top: 70px; 
text-align: left;
padding-bottom: 15px;
line-height: 1.4em;

background-color: #fff;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
		border: 1px solid #111;

}


#centre a{
/* text-decoration: underline; */
}

#centre a:hover{
text-decoration: none;
}



#conteneur {
margin: auto;
position: relative;
width: 99%;
max-width: 1200px;
}

#sous-conteneur {
margin: 0px;
padding: 0px;
}

#header {
padding: 0px;
height: 300px;
/*opacity: 70%;*/
}

#header-logo {
margin: 0px;
padding: 0px;
height: 110px;
width: 680px;}

#header-search {
float: right;
margin: 0px;
padding: 0px;
height:96px;
width: 190px;
text-align: left;

}

#position-header-search {
/*padding-left: 18px;
padding-top: 21px;*/
}

.form-header-search {
font-size:14px;
font-family: TitilliumWeb, sans-serif;
color: #555;
height:35px;
vertical-align:bottom;
}

#searchsubmit{
vertical-align:bottom;
}

#header-menu {
float: right;
text-align: left;
margin: 0px;
margin-top: 5px;
padding: 0px;
width: 266px;
height: 41px;
z-index: 999;
}

#header-menu ul{
list-style: none;
margin-top: 15px;
margin-left: 15px;
margin-bottom: 0px;
padding: 0px;
}

#header-menu li {
list-style-type: none;
margin: 0px;
padding-left: 15px;
padding-right: 14px;
padding-bottom: 5px;
padding-top: 0px;
}


li.li-menu {
background-image: url(img/picto-menu.png);
background-repeat: no-repeat;
background-position: left 0px;
}

p.li-menu-rss {
background-image: url(img/picto_rss_orange-menu.png);
background-repeat: no-repeat;
background-position: left 0px;
padding-left: 15px;
font-size: 13px;
color: #007A77;
font-weight: bold;
}



#header-menu li a{
font-size: 11px;
color: #007A77;
font-weight: bold;
}

#header-menu li a:hover{
color: #007A77;
}

#position-header-menu {
text-align: left;
margin-top:110px;
}

a.mega-menu-link { font-family: TitilliumWeb, sans-serif !important;}

/**************************************************************************/

#barre-outils {
float: right;
margin-top: -10px;
padding: 0px;
}

#breadcrumbs {
font-size: 10px;
font-family: Arial, Helvetica, Verdana, sans-serif;
margin-bottom: 10px;
padding: 0px;
padding-top: 5px;
padding-bottom: 5px;
/* border-bottom: 1px #008EBE dotted;
border-top: 1px #008EBE dotted; */
text-align: left;
}

.breadcrumbs-content-text {
color: #007A77;
font-size: 1.4em;
}



#breadcrumbs-content a, #breadcrumbs-content a:visited {
margin: 0pt;
padding: 0pt;
background: transparent none repeat scroll 0%;
color: #007A77;
text-decoration: none;
}

#breadcrumbs-content a:hover, #breadcrumbs-content a:visited:hover {
color: #007A77;
text-decoration: underline;
}

/***Pour la page d'accueil seulement **/
#actu{
	display: none;
float: left;
margin-right: 0px;
padding: 0px;
width: 310px;
background-color: #fff;
text-align: left;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
		border: 1px solid #111;
}

#inbloc-actu {
padding-left: 16px;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 16px;
}

#inbloc-zoom1 {
float: right;
width: 630px;
text-align: left;
background-color: #fff;
margin-bottom: 10px; 
padding-left:10px; 
line-height:1.6em;
font-size:12px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
		border: 1px solid #111;
}

#inbloc-zoom2 {
float: right;
width: 630px;
text-align: left;
color: #007A77;
margin-bottom: 10px;
}

#zoom{
float: left;
/* margin-right: 8px; */
width: 100%;
text-align: left;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px; 
/* padding: 15px; */
/*line-height: 1.4em;*/
background-color: #f3f3f3;
 }
 
 
#inbloc1 {
float: left;
width: 70%;
text-align: left;
background-color: #FFF;
height: 450px;
margin: 15px;
}

#inbloc1-2CD {
float: left;
width: 70%;
text-align: left;
background-color: #FFF;
/* height: 450px; */
margin: 15px;
}


#inbloc2 {
float: right;
width: 24%;
text-align: right;
background-color:#E2F1F1;
margin: 15px;
}

a.ib2 {
font-family: 'TitilliumWeb', sans-serif;
font-size:25px;
/*font-variant:small-caps;*/
text-transform: uppercase;
padding:2px;
}

hr.ib2 {
	 border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); 
}
	

#inbloc3 {
float: left;
width: 70%;
text-align: left;
background-color: #FFF;
margin:15px;
}

h1.ib3 {
font-family: 'TitilliumWeb', sans-serif;
font-size:3em;
/*font-variant:small-caps;*/
/*text-transform: uppercase;*/
padding:2px;
color:#007A77;
margin-top:0px;
}

#inbloc3 img{
	vertical-align: text-top;
}


#inbloc4 {
float: right;
width: 24%;
text-align: left;
background-color:#007A77;
margin: 15px;
height: 300px;
}

h1.ib4 {
font-family: 'TitilliumWeb', sans-serif;
font-size:2em;
/*font-variant:small-caps;*/
/*text-transform: uppercase;*/
padding:5px;
color:#fff;
}

#inbloc4 a {
font-family: 'TitilliumWebBold', sans-serif;
font-size:1.5em;
color: #fff;}

#inbloc4 ul     	     {
		list-style: none;
	     }

#inbloc4 ul li:before {
		content: "\00BB \0020";
		color: #fff;
		font-size:1.5em;

	     }

.imgib4 {
padding: 5px;
    margin-right: 20px;
    float: right;
}


#inbloc4-gallery {
	width: 200px;
	height: 200px;
	overflow: hidden;
	background-color: red;

}
 
blockquote.faq {
		padding: 3px 0px 0px 15px;
		margin: 10px;
		background-color:#fff;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
		border: 1px solid #111;
} 


/**************************************/


#menu-gauche {
margin-bottom: 50px;
padding: 0pt;
float: right;
width: 200px;
text-align: left;
background-color: rgb(0, 122, 119, 0.1);
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
		border: 1px solid #007A77;
}

#menu-droite ul {
margin-top: 0px;
margin-left: 15px;
margin-right: 15px;
padding: 0pt;
font-size: 17px;
list-style: none;
}

#menu-droite li {
margin: 0pt;
/*padding: 0pt;*/
display: block;
border-bottom: 1px solid;
border-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

#menu-droite a {
margin: 0pt;
display: block;
text-decoration: none;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 15px;
padding-right: 0px;
line-height: 1.4em;
text-transform: uppercase;
color:#555;
font-family: 'TitilliumWebBold', sans-serif;
}

.menu-droite-titre {
margin: 0pt;
display: block;
text-decoration: none;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 15px;
padding-right: 0px;
line-height: 1.4em;
text-transform: uppercase;
color:#FFF;
font-family: 'TitilliumWebBold', sans-serif;
background-color: #007A77;
}


#menu-droite a:hover {
color: #007A77;
text-decoration: none;
}

#menu-droite a.current {
color: #007A77;
text-decoration: none;
}

#menu-droite a.current:hover {
color: #007A77;
text-decoration: none;
}



#sidebar-droite {
float: right;
margin-right: 0px;
padding: 0px;
text-align: left;
}


#sidebar-actu {
margin-top: 10px;
margin-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 15px;
text-align: left;
background-color: #FFFFFF; /*
background-image:url(img/back-bd.png);
background-position:bottom right;
background-repeat:no-repeat; */}



#sidebar-actu ul {
list-style: none;
margin: 0pt;
padding: 0pt;
font-size: 10px;
text-align: left;
}

#sidebar-actu li {
margin: 0px;
padding-left: 10px;
margin-top: 5px;
}

#sidebar-actu a {
margin: 0pt;
color: #007A77;
text-decoration: none;
line-height: 12px;
padding: 0px;
}

#sidebar-actu a:hover {
text-decoration: underline;
}

.sidebar-actu-all {
margin: 0px;
padding-top: 10px;
padding-bottom: 5px;
text-align: right;
}

#sidebar-actu-all a{
text-decoration: underline;
}

#sidebar-actu-all a:hover{
text-decoration: none;
}

#sidebar-attachements-archives {
	display: none;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 15px;
text-align: left;
background-color: #fff;/*
background-image:url(img/back-bd.png);
background-position:bottom right;
background-repeat:no-repeat;*/ }

#sidebar-attachements-archives ul {
list-style: none;
margin: 0pt;
padding: 0pt;
font-size: 10px;
text-align: left;
}

#sidebar-attachements-archives li {
margin: 0px;
padding-left: 10px;
margin-top: 5px;
}

#sidebar-attachements-archives a {
margin: 0pt;
color: #007A77;
text-decoration: none;
line-height: 12px;
padding: 0px;
}

#sidebar-attachements-archives a:hover {
text-decoration: underline;
}

#sidebar-attachements-archives a.current {
color: #000000;
text-decoration: none;
}

#sidebar-attachements-archives span {
display:block;/*
background-image:url(img/documents.png);*/
width:180px;
height:30px}


#sidebar-contact {
	display: none;
text-align: left;
margin: 0pt;
padding: 0pt;
background-color: #fff;
line-height: 1.2em;
/* background-image:url(img/back-bd.png);
background-position:bottom right;
background-repeat:no-repeat; */}

.titre-contact {
margin-left: 17px;
margin-top: 16px;
text-align: left;
padding: 0pt;
}

#sidebar-contact p {
margin: 0pt;
font-size: 10px;
color: #007A77;
padding-top: 8px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 17px;
}

#sidebar-contact a {
color: #007A77;
text-decoration: underline; }

#sidebar-contact a:hover {
color: #007A77;
text-decoration: none;
}


#footer {
margin-top: 15px;
padding: 0px;
text-align: center;
clear: both;
height: 250px;
background-position: bottom; 
background-color: #007A77;}

#footer-content {
margin-top: 30px;
text-align: center;
font-size: 10px;
color: #fff;
}

#footer a{
text-decoration: none;
color: #fff;
font-family: TitilliumWebBold, sans-serif;
}

#footer-content a:hover{
text-decoration: underline;
color: #8f8f8f;
}

.espace{
margin-left: 10px;
margin-right: 10px;
}

/*** Proprietes pour chaque post  ***/

.entry {
font-size:1.4em;
padding-left:10px;
padding-right:10px;}

.navigation { }

.one-post {
	margin:10px;
	background-color:#fff;
	font-size:14px;
	}

.one-post-cartouche {
text-align: left;
font-size:1.4em;
margin-bottom: 20px;
padding-bottom: 10px;
	clear: both;
border-bottom: 1px #007A77 solid; }

/****  Alignement Images Wordpress *****/

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #388DBD;
	text-align: center;
	background-color: #F6F8F0;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */



	
/*****************************/


#header-title {
	font-size: 32px;
	color: #007A77;
	margin: 0px;
	padding: 0px;
	padding-top: 12px;
	text-align: center;	
background-color:rgb(0, 122, 119, 0.25);
z-index: 50;
}



#index-liens {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;

    width: 550px;
    float: left;
    padding: 15px;
    margin-left: 40px;
}

#index-liens a div {
	margin-bottom: 15px;
	clear:both;
	padding: 5px;
}

#index-liens a div p {
	margin-top: 3px;
	font-size: 14px;
	font-weight: bold;
}

#index-liens a:hover {
	text-decoration: none;
}

#index-liens a div:hover {
	background-color: #FFF;
	border: 1px solid #111;
	padding: 4px 5px;
}


#sidebar-liens {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	text-align: left;
	background-color: #FFFFFF;
	background-image:url(img/back-bd.png);
	background-position:bottom right;
	background-repeat:no-repeat;
}

#sidebar-liens ul {
	list-style: none;
	margin: 0pt;
	margin-top: 15px;
	padding: 0pt;
	font-size: 10px;
	text-align: left;
}

#sidebar-liens ul li {
	margin: 0px;
	padding-left: 5px;
	margin-top: 5px;
}

#sidebar-liens ul li a {
	margin: 0pt;
	color: #007A77;
	text-decoration: none;
	line-height: 12px;
	padding: 0px;
}

#sidebar-liens ul li a:hover {
	text-decoration: underline;
}

#sidebar-liens #nav_menu-2 .widgettitle {
	display: none;
}


.image-cdi {
	width: 502px;
	height: auto;
	margin-left: 50px;
}


.cdi-liens {
	list-style: none;
	margin: 40px 0 40px 50px;
}

.cdi-liens li {
	margin: 10px 0;
}

.cdi-liens li a {
	font-size: 20px;
	color: #76A000;
}


.menu-cache {
	display: none;
}

/***************************/
/* NEW */
/*****************************/

.picto {
	z-index: 999;
	margin-top: 0;
	position: relative;
	background-color:#007A77;
	height: 40px;
	width: 40px;
	float:left;
	transition: width 1s ;
	overflow:hidden;
	font-family: 'TitilliumWeb', sans-serif;
	}
	
.pictolib a{
	line-height:40px;
	color:#FFF;
	text-transform:uppercase;
	font-size:14px;
	text-decoration:none;
}

.pictolib2l a{
	line-height:15px;
	color:#FFF;
	text-transform:uppercase;
	font-size:11px;
	text-decoration:none;
}


.picto-neutre {
	z-index: 999;
	margin-top: 0;
	position: relative;
	height: 40px;
	width: 40px;
	float:left;
	}

.picto:hover {
	width:120px;	
}


.soustitre1
{
	font-family: 'TitilliumWeb', sans-serif;
font-size:2em;
color: #333;
float: right;
margin-left:0px;
}
		
#ib1tabs { 
    background: transparent; 
    border: none; 
} 

#ib1tabs li a{
font-family: 'TitilliumWeb', sans-serif;
font-size:22px;
/*font-variant:small-caps;*/
text-transform: uppercase;
padding:2px;
}

#ib1tabs ul{
			margin-top: 0px;
			padding-left: 0px;
}

#ib1tabs li{
			display: inline-block;
			padding: 10px 15px;
		}


#ib1tabs .ui-widget-header { 
    background-color: #E2F1F1; 
    border: none; 
} 
#ib1tabs .ui-tabs-nav .ui-state-default { 
    background: transparent; 
    border: none; 
} 
#ib1tabs .ui-tabs-nav .ui-state-active { 
    background-color: #FFF; 
    border: none; 

} 
#ib1tabs .ui-tabs-nav .ui-state-default a { 
    /* color: #c0c0c0; */ 
} 
#ib1tabs .ui-tabs-nav .ui-state-active a { 
    color: #459e00; 
}

#tab-1 {
	padding-right: 30px;
	padding-left: 30px;
}

#tab-2 {
	padding-right: 30px;
	padding-left: 30px;
	overflow: auto;
	font-size: 15px;
	height: 380px;
}


.carousel-slider__post-title {
    margin: -50px 0px 0 !important; 
    height: 50px;
background-color: rgb(0, 122, 119, 0.75);
padding-left: 2px;
padding-right: 2px;
}

.carousel-slider__post-title h1 {
    color: #ddd !important;
    font-family: 'TitilliumWebBold', sans-serif !important;
	font-weight: bold;
}

.carousel-slider__post-author .carousel-slider__post-author-link .carousel-slider__post-excerpt-overlay{
	visibility: hidden;
}

.carousel-slider__post-author {
	line-height: 0px !important;
}

.carousel-slider__post-category {
	top: 4px !important;
}

.carousel-slider__post-excerpt-overlay 
{
	height: 0px !important;
}

.carousel-slider__post-publication-meta {
	padding-top: 0px !important;
}

.carousel-slider__post-meta {
	bottom: auto !important;
	padding-right: 0 !important;
}

.carousel-slider__post-excerpt {
	top: 220px !important;
	padding-left: 0px !important;
}

.carousel-slider .owl-nav [class*="owl-"] {
	opacity: 1 !important;
}


/* Blocs footer */

#fb1 {
float: left;
width: 20%;
    color: #ddd;
    font-family: 'TitilliumWeb', sans-serif;
	font-size: 1.4em;
text-align: center;
}

#fb1 img {
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}


#fb2{
	float: left;
	width: 30%;
	text-align: left;
    color: #ddd;
    font-family: 'TitilliumWeb', sans-serif;
	font-size: 1.4em;

	}

#fb3{
	float: left;
	width: 30%;
	text-align: left;
    color: #ddd;
    font-family: 'TitilliumWeb', sans-serif;
	font-size: 1.4em;

	}

#fb4{
	float: left;
	width: 20%;
	text-align: left;
    color: #ddd;
    font-family: 'TitilliumWeb', sans-serif;
	font-size: 1.4em;
	}

 /* MEDIA QUERIES */
@media handheld, only screen and (max-width: 721px), only screen and (max-device-width: 721px) {
#inbloc1 {
float: left;
width: 90%;
text-align: left;
background-color: #FFF;
margin: 15px;
}

#inbloc2 {
position:relative;
width: 90%;
text-align: right;
background-color:#E2F1F1;
margin: 15px;
}

#inbloc3 {
float: left;
width: 90%;
text-align: center;
background-color: #FFF;
margin: 15px;
}

 #inbloc4 {
float: left;
width: 90%;
text-align: left;
background-color: #007A77;
margin: 15px;
} 



#fb1 {
		visibility: hidden;
float: left;
width: 1%;
    color: #ddd;
    font-family: 'TitilliumWeb', sans-serif;
	font-size: 1.4em;
text-align: center;
}


#fb2{
	float: left;
	width: 80%;
	text-align: left;
    color: #ddd;
    font-family: 'TitilliumWeb', sans-serif;
	font-size: 1.4em;
	margin: 5px;

	}


#fb3{
	visibility: hidden;
	float: left;
	width: 1%;
	text-align: left;
    color: #ddd;
    font-family: 'TitilliumWeb', sans-serif;
	font-size: 1.4em;
	}


#fb4{
	visibility: hidden;
	float: left;
	width: 1%;
	text-align: left;
    color: #ddd;
    font-family: 'TitilliumWeb', sans-serif;
	font-size: 1.4em;
	}

.breadcrumbs-content-text {
	display:none;
}


}