/* Font Awesome by Dave Gandy - http://fontawesome.io */

@charset "utf-8";
body{
	width : 100%;
	margin : 0;
	padding : 0;
	font-family : Calibri, sans-serif;
	font-size : 16px;
	line-height : 25px;
	color : #666666;
}

/* div contenant tous les éléments de la page */
.container{
	width : 100%;
}

header{
	background-color : #CBA55C;
	padding : 1%;
}

/* div contenant le corps de la page (header + articles) */
/*.content article:nth-child(even) {
    background-color: #DEDEDE;
}*/

.content article, footer, body {
	background-color : #F6E2BA;
}


/* Message d'erreur */
.msgerreur{
	background-color : #BF3F37 !important;
	color : #FFFFFF !important;
}

/* Message d'info */
.msginfo{
	background-color : #94E67B !important;
}

header, article, footer, .pagination, aside{
	width : 78%;
	float : right;
	position : relative;
}

.row{
	position : relative;
	width : 98%;
	padding : 1%;
	/*text-align : center;*/
}

article{
	padding : 1%;
}

footer{
	padding : 1%;
	border-top : 1px solid #CBA55C;
}

section{
	width : 100%;
}

#logo{
	text-align : center;
	width : 90%;
}

a:hover, h3, h5{
	color : #CBA55C;
	margin : 0;
}

h3{
	font-size : 32px;
	margin-top : 2%;
}

h5{
	font-size : 18px;
}

a{
	font-size : 16px;
	text-decoration : none;
	color : #666666;
}

header a:hover {
	color : #FFFFFF;
}

.activepage{
	font-weight : bold;
}

article form{
	margin : 1%;
}

.span2{
	width : 20%;
	display : inline-block;
	vertical-align : top;
	margin : 0.5%;
	text-align : left;
}

.coord{
	text-align : left;
	margin : 1%;
}

#co{
	float : right;
}

header a{
	display : inline-block;
	padding : 5px;
	color : #222222;
}

nav i{
	margin-left : 5%;
	margin-right : 2%;
}

.span5
{
	display : inline-block;
}

#directeur{
	font-style : italic;
}

#org{
	padding : 0px;
	border-spacing : 0;
	border-collapse: collapse;
}

#org td{
	margin : 0;
	border : 1px solid #666666;
}

.portrait {
	float : left;
	margin : 0 2% 0 2%;
}

/************* NAVBAR ***************/
nav{
	width : 20%;
	float : left;
	background-color : #E5BA68;
	position : fixed;
	top : 0;
	bottom : 0;
	left : 0;
	z-index : 98;
}

#menu, #menu ul /* Liste */     
{
	padding : 0;
	margin : 0;
    list-style : none; /* on supprime le style par défaut de la liste */
    text-align : left; /* on centre le texte qui se trouve dans la liste */
}

#menu li{
	display : inline-block;
	width : 100%;
}

#menu a /* Contenu des listes */
{
    display : inline-block; /* on change le type d'élément, les liens deviennent des balises de type block */
    width : 94%;
    padding : 3%;
	color : #222222;
    text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
}

#menu ul{
	display : inline-block;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menu li a{
	display : inline-block;
}

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        /* width: 116px; Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
        display : inline-block;
        vertical-align : top;
}

#menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid white; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
        background-color : #E5BA68;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}


#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #180F0E; /* On passe le texte en noir... */
        background: white; /* ... et au contraire, le fond en blanc */
}


#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste
{
		display : inline-block;
		vertical-align : top;
		width : 100%;
        left : 100%;
        z-index : 99;
}

.mceNoEditor{
	width : 100% !important;
}

.mceEditor, .mceLayout{
	width : 90% !important;
}

/*************** CSS RESPONSIVE *****************/
@media all and (max-width: 780px){
	.libelle{
		display : none;
	}
	
	nav{
		width : 100%;
		height : 30px;
		float : left;
		background-color : #E5BA68;
		left : 0;
		top : auto;
		right : 0;
		bottom : auto;
		z-index : 98;
		text-align : center;
	}
	
	#menu, #menu ul{
		text-align : center;
	}
	
	#menu li{
		width : 10%;
		margin-left : auto;
		margin-right : auto;
	}
	
	nav a{
		text-align : center;
	}
	
	nav img{
		display : none;
	}
	
	header, article, footer, .pagination{
		width : 98%;
		float : right;
		position : relative;
	}
	
	header{
		margin-top : 30px;
	}
	
	.accueil{
	background-image: url('');
    background-repeat: no-repeat;
    background-position: 95%; 
}

	footer{
		display : none;
	}
}
/* CSS Document */