/*--------------------------------------------------------------------------------------- Propriétés générales ------------------------------------------------------------------------------  */


@font-face{	/* J'importe tous les fichiers pour la police Cantarell */
	font-family : 'cantarell';
	src :
		url('../fonts/cantarell/cantarell-regular-webfont.woff') format('woff'),
		url('../fonts/cantarell/cantarell-regular-webfont.woff2') format('woff2'),
		url('../fonts/cantarell/cantarell-bold-webfont.woff') format('woff'),
		url('../fonts/cantarell/cantarell-bold-webfont.woff2') format('woff2'),
		url('../fonts/cantarell/cantarell-boldoblique-webfont.woff') format('woff'),
		url('../fonts/cantarell/cantarell-boldoblique-webfont.woff2') format('woff2'),
		url('../fonts/cantarell/cantarell-oblique-webfont.woff') format('woff'),
		url('../fonts/cantarell/cantarell-oblique-webfont.woff2') format('woff2');
}

body{	/* toutes la page HTML */
	background-color : #eee; /* couleur background */
}

p,h1,h2,h3,a{			/* texte + titre + soustitre + sousoutitre + lien */
	font-family: 'cantarell',Arial, Helvetica, sans-serif;	/* police : cantarell */
}

.container-fluid {		/* Conteneur de toute la page html */
	max-width: none;	/* Pas de largeur maximum */
}

h1{		/* Les Titre */
	margin-top : 0;	/* pas de marge externe en haut */
	margin-bottom : 0.8em;	/* marge qui fait 0,8% de l'écran */
	color : white;	/* couleur de la police */
	background-color: #a0a0a0;	/* couleur du background */
	padding-left : 10px;	/* petite marge a gauche */
	text-align : left;	/* texte centré */
	text-transform: uppercase; /*TEXTE EN MAJUSCULE*/
	border-top-right-radius: 2px;	/* arrondi de 4px en haut a droite */
	border-top-left-radius: 2px; /* arrondi de 4px en haut a gauche */
	font-size: 16px;	/* taille de la police */
	line-height: 27px;	/* hauteur de ligne */
	padding-top : 2px;	/* marge en haut */
	padding-bottom : 2px;	/* marge en bas */
}

h2{ /*les sous titres */
	color : #4197ee; 	/*couleur*/
	padding-left : 10px;	/* petite marge a gauche */
	font-size: 15px;	/* taille de la police */
	line-height: 20px;	/* hauteur de ligne */
}

h3{	/* sous sous titre */
	margin : 0;	/* pas de marge */
}

a{	/* Tous les liens */
	color : #4197EE;	/*couleur de la police */
}

a:hover{	/* liens hover */
	text-decoration: none; /* enleve la deco ( souligner ... )*/
	color : #3280C9;	/* couleur */
}

a span:hover{	
	text-decoration : none;	/* pas de deco */
	background-color: #3280C9;	/* background */
	border-radius : 2px;	/* bord arrondi */
}

p{	/*tout les paragraphes*/
	font-size: 1.2em;	/* Taille de la police */
}

p img{	/* image dans du texte, du coup dans le contenu */
	text-align : center; /* aligné au centre */
}

.button, button, button.btn, input.btn, .btn, .btn-group > .btn.active{	/* Tous les boutons */
	background : #4197EE;	/* Couleur du background */
}

.button:hover, button:hover, button.btn:hover, input.btn:hover, .btn:hover{	/* Tous les hovers des boutons */
	background : #3280C9;	/* couleur du background */
}

.column.main{	/* la colonne principale */
	width : 81.5%;	/* 81.5% de la colo */
}

.column.column1{	/* la colonne de gauche*/
	width : 18.5%; /* 18.5% */
}

#blocks1 + #contenu > div > #main{	/* Si on est pas sur la page d'accueil, et qu'il n'y a pas de colonne a gauche, la colonne principale fait */
	width : 100%;	/* 100% de la largeur */
}
#blocks1 + #contenu > div > #main #center{	/* colonne des articles */
	width : 80%;	/* 80% de la colonne principale */
}
#blocks1 + #contenu aside#right{ /* colonne des modules */
	width : 20%; /* 20% de la colonne principale */
}
#blocks2 + #contenu > div > #main{	/* Si on est sur la page d'accueil, et qu'il n'y a pas de colonne a gauche, la colonne principale fait */
	width : 100%;	/* 100% de la largeur */
}
#blocks2 + #contenu > div > #main #center{	/* colonne des articles */
	width : 80%;	/* 80% de la colonne principale */
}
#blocks2 + #contenu aside#right{	/* colonne des modules */
	width : 20%;	/* 20% de la colonne principale */
}
#blocks3 + #contenu > div > #main{	/* Si on est sur la page d'accueil, et qu'il n'y a pas de colonne a gauche, la colonne principale fait */
	width : 100%;	/* 100% de la largeur */
}
#blocks3 + #contenu > div > #main #center{	/* colonne des articles */
	width : 80%;	/* 80% de la colonne principale */
}
#blocks3 + #contenu aside#right{	/* colonne des modules */
	width : 20%;	/* 20% de la colonne principale */
}

#blocks1 + #contenu div  #left + #main{	/* Si on est pas sur la page d'accueil, et qu'il y a la colonne a gauche, la colonne principale fait */
	width : 81.5%;	/* 81.5% de la largeur */
}
#blocks1 + #contenu div  #left + #main #center{	/* colonne des articles */
	width : 75%;	/* 75% de la colonne principale */
}
#blocks1 + #contenu div  #left + #main aside#right{	/* colonne des modules */
	width : 25%;	/* 25% de la colonne principale */
}
#blocks2 + #contenu div  #left + #main{	/* Si on est sur la page d'accueil, et qu'il y a la colonne a gauche, la colonne principale fait */
	width : 81.5%;	/* 81.5% de la largeur */
}
#blocks2 + #contenu div  #left + #main #center{	/* colonne des articles */
	width : 75%;	/* 75% de la colonne principale */
}
#blocks2 + #contenu div  #left + #main aside#right{	/* colonne des modules */
	width : 25%;	/* 25% de la colonne principale */
}
#blocks3 + #contenu div  #left + #main{	/* Si on est sur la page d'accueil, et qu'il y a la colonne a gauche, la colonne principale fait */
	width : 81.5%;	/* 81.5% de la largeur */
}
#blocks3 + #contenu div  #left + #main #center{	/* colonne des articles */
	width : 75%;	/* 75% de la colonne principale */
}
#blocks3 + #contenu div  #left + #main aside#right{	/* colonne des modules */
	width : 25%;	/* 25% de la colonne principale */
}
#mailto-window{	/* fenetre email */
	margin-left : 15px;	/* marge a gauche */
}
/* enleve tous les petites signatures des plugins */

#content > div:nth-child(1) > div:nth-child(4){
	display : none !important;
}
div.blog-featured2col + div > a:first-child{
	display : none !important;
}
div#system-message-container + div.item-page + div > a:first-child{
	display : none !important;
}
div#system-message-container + div.blog + div > a:first-child{
	display : none !important;
}
div#system-message-container + div#phoca-dl-category-box + div.pd-cb + div{
display : none !important;
}
div#system-message-container + div#phoca-dl-category-box + div.pd-cb + div + div{
	display : none !important;
}

.addthis_toolbox{ /* je cache partage des réseaux sociaux dans icalendar */
	display : none;	/* ne pas l'afficher */
}

.btn:hover{
	color : white; /* couleur */
}

/*---------------------------------------------------------------------------------------- BANNIERE ------------------------------------------------------------------------------------------ */


#bannerlogo{	/* banière */
	background: url(../../../images/test/banniere_cdg_3.3.png) fixed;	/* background + sa position */
	background-size : contain;	/* Taille de la bannière (totalité de la place) */
	background-repeat: no-repeat;	/* Pas de répétition du background */
}


/*--------------------------------------------------------------------------------------- MENU PRINCIPAL ------------------------------------------------------------------------------------  */


#nav ul.menu a{			/* les liens du menu principal */
	font-family : helvetica; /* police : helvetica */
}

#nav ul li a{		/*tous les liens du menus*/
	font-size : 15px;	/* taille de la police : 16.8px */
}

#nav img{	/* icone Accueil */
	padding-bottom: 5px;	/* marge en bas */
}

#nav ul.menu > li{		/* Liens du menu (Accueil --> SJ) */
	line-height : 38px;	/* Hauteur de ligne */
}

#nav > div.inner{	/* conteneur du menu */
	background : #00357d;	/* couleur du background */
}

ul.nav.menu{	/* le menu principal */
	border-bottom : solid 1px white; /* bordure blanche en bas */
}

#nav ul.menu > li > a{	/* Les liens du menu principal */
	background : #00357d;	/* couleur du background */
}

#nav ul.menu li:nth-child(7) ul li ul{ /* les sous-sous menu du 7e lien du menu */ 
	right : 228px;	/* décalage de 270px ( pour que les sous menu s'ouvrent a gauche ) */
}

#nav ul li ul li a{	/* Les liens de sous menu */
	padding-left : 10px;	/* marge interne a gauche */
	padding-right : 10px;	/* marge interne a droite */
	/*border-top : solid 1px white; /* bordure continu blanche de 1px */
}

#nav ul.menu > li:nth-child(1):hover > a{ 	/* hover ACCUEIL */
	background: #3280c9;	/* couleur du background */
	color: #ffffff;			/* couleur de la police */
}

#nav ul.menu > li:nth-child(2):hover > a{ 	/* hover CDG08 */
	background: #3280c9;	/* couleur du background */
	color: #ffffff;			/* couleur de la police */	
}

#nav ul.menu li:nth-child(2) ul{ /* sous menu AET */
	background: #3280c9;	/*couleur background*/
}

#nav ul.menu > li:nth-child(2) li:hover > a{	/* hover sous menu AET */
	background: #2a73b7;	/* couleur du background */
}

#nav ul.menu > li:nth-child(3):hover > a{	/* hover AET */
	background: #e47979;	/* couleur du background */
	color: #ffffff;			/* couleur de la police */
}

#nav ul.menu li:nth-child(3) ul{ /* sous menu AET */
	background: #e47979;	/*couleur background*/
}

#nav ul.menu li:nth-child(3):hover ul li:hover ul{ /* sous-sous menu */
	background : #e47979; /*couleur background */
}

#nav ul.menu > li:nth-child(3) li:hover > a{	/* hover sous menu AET */
	background: #d66d6d;	/* couleur du background */
}

#nav ul.menu > li:nth-child(3) ul li ul li a:hover{ /*hover sous-sous menu AET*/
	background : #d66d6d;	/* background */
}

#nav ul.menu > li:nth-child(4):hover > a{	/* hover CS */
	background: #b58ed1;	/* couleur du background */
	color: #ffffff;			/* couleur de la police */
}

#nav ul.menu > li:nth-child(4) ul{ /*sous menu CS*/
	background: #b58ed1; /*couleur background */
}

#nav ul.menu > li:nth-child(4):hover ul li:hover ul{ /* sous sous menu CS */
	background-color : #b58ed1; /*couleur background*/
}

#nav ul.menu > li:nth-child(4) li:hover > a{	/* hover sous menu CS */
	background: #ab87c6;	/* couleur du background */
}


#nav ul.menu > li:nth-child(5):hover > a{	/* hover SST */
	background: #a9d18e;	/* couleur du background */
	color: #ffffff;			/* couleur de la police */
}

#nav ul.menu li:nth-child(5) ul{	/*sous menu SST*/
	background: #a9d18e;	/* couleur du background */
}

#nav ul.menu li:nth-child(5):hover ul li:hover ul{	/*sous sous menu CS*/
	background-color : #a9d18e;	/* couleur du background */
}

#nav ul.menu > li:nth-child(5) li:hover > a{	/* hover sous menu (SST) */
	background: #a1c984;	/* couleur du background */
}

#nav ul.menu > li:nth-child(5) ul li ul li a:hover{
	background : #a1c984;	/* couleur du background */
}

#nav ul.menu > li:nth-child(6):hover > a{	/* hover RP */
	background: #f4b183;	/* couleur du background */
	color: #ffffff;			/* couleur de la police */
}

#nav ul.menu li:nth-child(6) ul{	/* sous menu RP */
	background: #f4b183;	/* couleur background */
}

#nav ul.menu > li:nth-child(6) ul li{	/* sous menu (RP) */
background: #f4b183;	/* couleur du background */
}

#nav ul.menu li:nth-child(6):hover ul li:hover ul{	/* sous sous menu RP */
	background-color : #eaa97e;	/* couleur background */
}

#nav ul.menu > li:nth-child(6) li:hover > a{	/* hover sous menu (RP) */
	background: #eaa97e;	/* couleur du background */
}

#nav ul.menu > li:nth-child(7):hover > a{	/* hover RP */
	background: #f4b183;	/* couleur du background */
	color: #ffffff;			/* couleur de la police */
}

#nav ul.menu li:nth-child(7) ul{	/* sous menu RP */
	background: #f4b183;	/* couleur background */
}

#nav ul.menu > li:nth-child(7) ul li{	/* sous menu (RP) */
background: #f4b183;	/* couleur du background */
}

#nav ul.menu li:nth-child(7):hover ul li:hover ul{	/* sous sous menu RP */
	background-color : #eaa97e;	/* couleur background */
}

#nav ul.menu > li:nth-child(7) li:hover > a{	/* hover sous menu (RP) */
  background: #eaa97e;	/* couleur du background */
}
#nav ul.menu > li:nth-child(8):hover > a{	/* hover CS */
	background: #b58ed1;	/* couleur du background */
	color: #ffffff;			/* couleur de la police */
}

#nav ul.menu > li:nth-child(8) ul{ /*sous menu CS*/
	background: #b58ed1; /*couleur background */
}

#nav ul.menu > li:nth-child(8):hover ul li:hover ul{ /* sous sous menu CS */
	background-color : #b58ed1; /*couleur background*/
}

#nav ul.menu > li:nth-child(8) li:hover > a{	/* hover sous menu CS */
	background: #ab87c6;	/* couleur du background */
}


#nav ul.menu > li:nth-child(9):hover > a{	/* hover SST */
	background: #a9d18e;	/* couleur du background */
	color: #ffffff;			/* couleur de la police */
}

#nav ul.menu li:nth-child(9) ul{	/*sous menu SST*/
	background: #a9d18e;	/* couleur du background */
}

#nav ul.menu li:nth-child(9):hover ul li:hover ul{	/*sous sous menu CS*/
	background-color : #a9d18e;	/* couleur du background */
}

#nav ul.menu > li:nth-child(9) li:hover > a{	/* hover sous menu (SST) */
	background: #a1c984;	/* couleur du background */
}

#nav ul.menu > li:nth-child(9) ul li ul li a:hover{
	background : #a1c984;	/* couleur du background */
}




/*----------------------------------------------------------------------------------------- PREMIERE LIGNE DE MODULE (blocks1) ------------------------------------------------------------------------------------------ */


#blocks1{	/* barre en dessous du menu principale */
	background-color : #4197EE;	/* couleur background */
	color :white;	/* couleur : blanc */
	line-height: 2px;	/* hauteur de ligne */
	margin-bottom : 7px;	/* marge en bas */
	margin-left : 16.5%;	/* marge a gauche */
	margin-right : 16.5%; /* marge a droite */
	border-bottom-left-radius : 7px; /* bordure arrondi */
	border-bottom-right-radius : 7px;	/* bordure arrondi */
}


/*-----------------------------Chemin du site---------------------------*/


div ul.breadcrumb{		/* Chemin de navigation */
	margin : 0;		/* pas de marge interne */
	padding : 0;	/* pas de marge externe */
	margin-top : 5px;	/* marge externe en haut */
	margin-bottom : 5px;	/* marge externe en bas */
	text-align: left; 		/* texte centré */
	padding-left : 10px;	/* marge interne a gauche */
}

.breadcrumb .active span{	/* chemin du site */
	color : white;	/* couleur : blanc */
}

.breadcrumb a{	/* lien du chemin du site */
	color : white;	/* couleur blanc */
}


/*-----------------------------Accéssibilité---------------------------*/


.jfontsize-button{ /* bouton accéssibilité */
	color : white; /* couleur */
	border : none; /* pas de bordure */
	border-radius : 2px;	/* bord arrondi */
}

.jfontsize-button:hover{	/* bouton accéssibilité survolé*/
	color : white; /* couleur */
	border : none;	/* pas de bordure */
	background-color : #3280C9;	/* couleur background */
}

.jfontsize{	/* module accésibilité */
	margin-top : 5px;	/* petite marge */
}


/*-----------------------------Barre de Recherche---------------------------*/


#mod-search-searchword{	/* module recherche */
	line-height : 10px;	/* hauteur de ligne */
	margin-top : 2px;	/* marge en haut */
}

#blocks1 .form-inline{	/* barre de recherche */
	margin-bottom : 0;	/* pas de marge */
	padding-right : 10px;	/* marge a droite */
	text-align : right;	/* aligné a droite */
}

.search .search-results{	/* résultats de la recherche */
	text-align : right;	/* texte aligné a gauche */
}

fieldset.phrases{	/* options de recherche */
display : none;	/* on ne l'affiche pas */
}

fieldset.only{	/* options de recherche */
display : none;	/* on ne l'affiche pas */
}

#mod-search-searchword40{ /* je ne sais plus c'est quoi comme truc de recherche */
	margin-top : 2px;	/* petite marge */
	height : 13px;	/* hauteur */
	margin-bottom : 2px;	/* marge en bas */
	width : 90%;
}


/*----------------------------------------------------------------------------------------- DEUXIEME LIGNE DE MODULE (blocks3) ------------------------------------------------------------------------------------------ */

#blocks3 a{
	font-size : 11px;	/* taille de police */
    font-weight: bold;	/* texte en gras */
    color:#494949;	/* couleur */
    text-decoration:none;	/* pas de deco */
    border-radius:2px; 	/* bord arrondi */
    background:white;	/* background */
    text-align:center;	/* texte centré */
    padding:2px 4px;	/* marge */
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-box-shadow: 1px 1px 2px 1px #aaa; /* ombres */
    -moz-box-shadow: 1px 1px 2px 1px #aaa; /* ombres */
    box-shadow: 1px 1px 2px 1px #aaa; /* ombres */
}

#blocks3 a:active{
    -webkit-box-shadow: 0px 0px 1px 0px #aaa; /* ombres */
    -moz-box-shadow: 0px 0px 1px 0px #aaa; /* ombres */
    box-shadow: 0px 0px 1px 0px #aaa; /* ombres */
    position:relative;
    top:1px;
    left : 1px;
}

#blocks3 a:hover{	/* liens du blocks 3 survolés */
    background : #ededed;	/* background */
}

#blocks3 p{	/* texte dans blocks 3 */
	text-align : center;	/* texte centré */
	color : black !important;	/* couleur */
}

#blocks3 p{
	background-color: rgba( 255,255,255,0);	/* background */
}



/*----------------------------------------------------------------------------------------- CONTENU (contenu) ------------------------------------------------------------------------------------------ */


#contenu > div:nth-child(1){ /*remonter les 2 colonnes*/
	margin-top : 0;	/* pas de marge en haut */
}
.accordeonck ul li:hover{
	background-color: rgba(0,0,0,0.2);	/* background */
}

/*--------------------------------------------------------- CENTER TOP ----------------------------------------------------------------- */



#centertopmodule .moduletable{
	width : 25%;	/* largeur */
	margin-top : 0;	/* pas de marge en haut */
	margin-bottom : 10px;	/* petite marge en bas */
	box-shadow: 1px 1px 2px 1px #aaa;	/* ombre */
	background : white;	/* background */
	border-radius: 2px;	/* bordure arrondi */
}

#centertopmodule div.inner{
	padding : 0;	/* enleve les marge */
}

.moduletable strong{
	color : white;	/*couleur */
	font-size: 11px;	/* taille de police */
	padding-top : 2px;	/* marge en haut */
	padding-bottom : 2px;	/* marge en bas */
}

#centertopmodule .moduletable p:first-child{
	padding-right : 20px;	/* marge a droite */
	padding-left : 20px;	/* marge a gauche */
}

#centertopmodule .moduletable p:nth-child(2){ /* modules centré de la page d'accueil */
	text-align: center;	/* texte centré */
}

#centertopmodule .moduletable p:last-child{
	padding-right : 10px;	/* marge a droite */
}



/*--------------------------------------------------------- COLONNE GAUCHE (left) ----------------------------------------------------------- */



#left div.moduletable{  /* Tous les modules dans la colonne gauche */
	margin : 0;	/* pas de marge externe */
	padding-bottom : 5px;	/* marge interne en bas */
	border-radius : 2px;	/* bord arrondi */
	box-shadow: 1px 1px 2px 1px #aaa;	/* ombres */
}

#left > div.inner {	/* Conteneur colonne gauche */
	padding-left : 0;	/* pas de marge interne a gauche */
	padding-top : 0;	/* pas de marge interne en haut */
	margin-right : 0;	/* pas de marge externe a droite */
}

#left div div div img{	/* les icones du modules contact */
	margin-right : 10px;	/* marges externes a droite */
}

#left > div:nth-child(1) > div:nth-child(1){ /* enlever le padding des menu accordeon */
	padding-bottom : 0;	/* marge en bas */
}

#left .moduletable:first-child{	/* premier module de la colonne de gauche */
	margin-bottom : 10px;	/* marge en bas */
}

#left .moduletable .custom{	/*	modules dans la colonne de gauche	*/
	margin-top : 10px;	/* marge en haut de 10px	*/
}

#left > div > div > div:nth-child(1) > p:nth-child(1){	/* quelque chose (du texte) dans la colonne de gauche */
	color : white;	/* couleur de police : blanc */
	background-color: #4197EE; /*couleur du background*/
}

#left > div:nth-child(1) > div:nth-child(1) > div:nth-child(1){ /*  remonter la colonne de gauche */
	margin-top : 0;	/* pas de marge */
	padding : 0;	/* pas de marge */
}


/*------------------------------- les menus accordeons ------------------------------------*/


ul#accordeonck165, ul#accordeonck164, ul#accordeonck120,ul#accordeonck166, ul#accordeonck167,
ul#accordeonck243, ul#accordeonck244, ul#accordeonck245,ul#accordeonck246, ul#accordeonck247, ul#accordeonck248{ /* tous les menus accordeon */
	padding : 0;	/* pas de marge interne */
	color : white;	/* couleur de la police */
	box-shadow: none;	/* pas d'ombre */
}

/* tous les liens des menus accordeons */
ul#accordeonck165 li, ul#accordeonck164 li, ul#accordeonck120 li, ul#accordeonck166 li, ul#accordeonck167 li,
ul#accordeonck165 li ul li, ul#accordeonck164 li ul li, ul#accordeonck120 li ul li, ul#accordeonck166 li ul li, ul#accordeonck167 li ul li,
ul#accordeonck243 li, ul#accordeonck244 li, ul#accordeonck245 li, ul#accordeonck246 li, ul#accordeonck247 li, ul#accordeonck248 li,
ul#accordeonck243 li ul li, ul#accordeonck244 li ul li, ul#accordeonck245 li ul li, ul#accordeonck246 li ul li, ul#accordeonck247 li ul li, ul#accordeonck248 li ul li{
	border-color : white; /* couleur de bordure */
	color : white;	/* couleur de police */
}
ul#accordeonck233 li:hover, ul#accordeonck248 li:hover{
	background-color : #3280C9;
	border-radius : 2px;
}
ul#accordeonck233 li:hover a, ul#accordeonck248 li:hover a{
	color : white;
}

ul#accordeonck120 li:hover, ul#accordeonck211 li:hover, ul#accordeonck243 li:hover{	/* liens survolées */
	background-color : #D66D6D;
	border-radius : 2px;
}
ul#accordeonck120 li:hover a, ul#accordeonck211 li:hover a, ul#accordeonck243 li:hover a{
	color : white;
}
ul#accordeonck164 li:hover,  ul#accordeonck216 li:hover, ul#accordeonck245 li:hover{
	background-color : #99BF7C;
	border-radius : 2px;
}
ul#accordeonck164 li:hover a,  ul#accordeonck216 li:hover a, ul#accordeonck245 li:hover a{
	color : white;
}
ul#accordeonck165 li:hover, ul#accordeonck213 li:hover, ul#accordeonck244 li:hover{
	background-color : #ab87c6;
	border-radius : 2px;
}
ul#accordeonck165 li:hover a, ul#accordeonck213 li:hover a, ul#accordeonck244 li:hover a{
	color : white;
}
ul#accordeonck166 li:hover, ul#accordeonck214 li:hover, ul#accordeonck246 li:hover{
	background-color : #EAA97E;
	border-radius : 2px;
}
ul#accordeonck166 li:hover a, ul#accordeonck214 li:hover a, ul#accordeonck246 li:hover a{
	color : white;
}
ul#accordeonck167 li:hover, ul#accordeonck215 li:hover, ul#accordeonck247 li:hover{
	background-color : #83A0D1;
	border-radius : 2px;
}
ul#accordeonck167 li:hover a, ul#accordeonck215 li:hover a, ul#accordeonck247 li:hover a{
	color : white;
}

.moduletable .accordeonck .toggler_icon{	/* les + et - des menus accordeons */
	margin-right : 5px;	/* marge externe a droite */
}

ul#accordeonck165 li a, ul#accordeonck164 li a, ul#accordeonck120 li a, ul#accordeonck166 li a,  ul#accordeonck167 li a{ /* les liens des menus accordeons */
	color : white;	/* couleur de la police */
}
ul#accordeonck243 li a, ul#accordeonck244 li a, ul#accordeonck245 li a, ul#accordeonck246 li a,  ul#accordeonck247 li a,  ul#accordeonck248 li a{ /* les liens des menus accordeons */
	color : white;	/* couleur de la police */
}
ul#accordeonck120 li:last-child, ul#accordeonck164 li:last-child,ul#accordeonck165 li:last-child,ul#accordeonck166 li:last-child,ul#accordeonck167 li:last-child{	/* tous les menu accordeon */
	border : none;	/* pas de bordure */
}
ul#accordeonck243 li:last-child, ul#accordeonck244 li:last-child,ul#accordeonck245 li:last-child,ul#accordeonck246 li:last-child,ul#accordeonck247 li:last-child, ul#accordeonck248 li:last-child{	/* tous les menu accordeon */
	border : none;	/* pas de bordure */
}


/*----------------------------- les modules coordonées -----------------------------*/


.moduletablecontactaet ,.moduletablecontactcs ,.moduletablecontactsst,.moduletablecontactrp, .moduletablecontactsj{	/* les modules coordonnées */
	background-color : white ;	/* background */
	box-shadow: 1px 1px 2px 1px #aaa; /* ombres */
	border-radius : 2px; /* bords arrondi */
	padding-bottom : 2px;	/* marge en bas */
}

.moduletablecontactaet p:first-child,.moduletablecontactcs p:first-child,.moduletablecontactsst p:first-child,.moduletablecontactrp p:first-child, .moduletablecontactsj p:first-child{
	text-align: center;	/* texte centré */
	border-top-right-radius: 2px;	/* bord arrondi */
	border-top-left-radius: 2px;
}

.moduletablecontactaet p:last-child,.moduletablecontactcs p:last-child,.moduletablecontactsst p:last-child,.moduletablecontactrp p:last-child, .moduletablecontactsj p:last-child{
	padding-bottom : 5px;	/* marge en bas */
}


/*------------------------------------------------------------ CONTENT (content)------------------------------------------------------------------ */


#center > div.inner{	/* conteneur du contenu */
	border : none;	/* pas de bordure */
}

#center > div:nth-child(1){    /* remonter la colonne principale */
	padding-top : 0;	/* pas de marge en haut */
}


/*------------------------------------------------les articles-------------------------------------------------*/

.item-page div > p{	/* Tous les paragraphes du contenu*/
	text-align: justify;	/*alignement justifié*/
}

.item-page div > h3{
	padding-right : 1%;	/* petite marge a droite */
	padding-left : 1%;	/* petite marge a gauche */
}

.item-page p{
	padding-right : 1%;	/* petite marge */
	padding-left : 1%;	/* petite marge */
}

.item-page{ /* les articles de la page d'accueil */
	background-color : ;	/* background */
	box-shadow: 1px 1px 2px 1px #aaa;	/* ombres */
	border-radius : 2px;	/* bord arrondi */
}

.items-leading > div{	/*derniers articles*/
	background-color : 	/* background */
}

#content .leading-0, #content .leading-1, #content .leading-2, #content .leading-3, #content .leading-4, #content .leading-5{	/* dernier article*/
	margin-bottom : 10px;	/* marge en bas */
	box-shadow: 1px 1px 2px 1px #aaa;	/* ombres */
	border-radius : 2px;	/* bordure arrondi */
}

.leading-0 p, .leading-1 p, .leading-2 p, .leading-3 p, .leading-4 p, .leading-5 p{	/* texte du dernier article accueil */
	margin-right : 7px;	/* marge a droite */
	margin-left : 7px;	/* marge a gauche */
	padding-bottom : 0; /* enleve marge en bas */
	margin-bottom : 0;	/* enleve marge en bas */
}

div.blog p{		/* texte des articles des blogs */
	margin-right : 5px; /* marge a droite */
	margin-left : 5px;	/* marge a gauche */
}

p.readmore a{	/* Lien lire la suite */
	background-color: rgba(0, 0, 0, 0);	/* enleve le background */
	color : #4197EE;	/* couleur de police */
}

p.readmore a.btn:hover{	/* hover lien lire la suite */
	background-color: rgba(0, 0, 0, 0);	/* enleve le background */
	color : #3280C9;	/* couleur de police */
}
.items-leading .clearfix > p > a > span:hover{
	background : none;
}
.items-more a{	/* je ne sais plus quel lien */
	background-color : #eee; /* couleur background */
}

.items-more a:hover{	/* hover de je ne sais plus quel lien */
	background-color : #3280C9;	/* couleur du background */
}

.article-info{ /* enleve la marge en dessous d'un article */
	margin : 0;	/* pas de marge */
}

.blog-featured h1{ /* titre des articles des blogs */
	font-size : 18px;	/* taille de la police */
	text-align : left;	/* texte aligné a guache */
	padding-left : 4%;	/* petite marge */
	line-height: 22px;	/* hauteur de ligne */
	padding-top : 5px;	/* petite marge */
	padding-bottom : 9px;	/*petite marge */
}

.article-info .published{		/* Infos en dessous d'un article */
	text-align : right;		/* texte aligné a droite */
}

.published{	/* je ne sais plus ce que c'est */
	margin-right : 1%; /* petite marge */
	margin-left : 1%;	/* petite marge */
}

.print-icon2  img{	/* icone imprimer */
	margin-right : 5px;	/*	marge externe a droite */
	margin-top : 2px;	/* marge externe en haut */
	padding : 2px;	/* marge */
	border-radius : 2px;	/* bord arrondi */
}

.print-icon2 img:hover{	/* icone imprimer */
	text-decoration: none;	/* pas de deco */
	background-color: rgba(0,0,0,0.2);	/* background */
}

.email-icon img{	/* icone email	*/
	margin-right : 5px;	/*	marge externe a droite */
	margin-top : 2px;	/* marge externe en haut */
	border-radius : 2px;	/* bord arrondi */
	padding : 2px;	/* marge */
}

.email-icon img:hover{	/* icone imprimer */
	text-decoration: none;	/* pas de deco */
	background-color: rgba(0,0,0,0.2);	/* background */
}

.edit-icon{ /* icone editer */
	padding-right : 5px; /* marge */
}

#pop-print a{	/*	je ne sais plus quel lien c'est	*/
	color : white;	/* couleur de police blanc */
}


/*-------------------------------------------------Phocadownload----------------------------------------------------*/


.phocadownloadfile32{	/* icone telecharger de phocadownload	*/
	background :url("../images/download.png") 5px center no-repeat;	/* url de l'image */
	border : none;	/* pas de bordure */
	margin : 0;	/* pas de marge */
}

.phocadownloadpreview32{	/* icone telecharger de phocadownload	*/
	background :url("../images/preview.png") 5px center no-repeat;	/* url de l'image */
	border : none;	/* pas de bordure */
	margin : 0;	/* pas de marge */
}

.phocadownloadfilelist32{	/* icone telecharger de phocadownload	*/
	background :url("../images/download.png") 5px center no-repeat;	/* url de l'image */
	border : none;	/* pas de bordure */
	margin : 0;	/* pas de marge */
}

.phocadownloadpreview32 u{	/* icone telecharger de phocadownload	*/
	text-decoration: none;	/* pas de deco */
}

.apercu .phocadownloadfile32{
	width : 50%;	/* largeur */
}

.apercu .phocadownloadpreview32{
	width : 50%;	/* largeur */
}

.apercu{	/* conteneur apercu */
	display : flex;	/* affichage sur une ligne */
}



div.items-row div  div  h1{		/* Je ne sais plus quel titre */
	margin : 0;	/* enleve toute les marges */
	margin-bottom : 0.8em;	/* marge en bas 0.8% de l'ecran */
}

div.items-row{	/* je ne sais plus ce que c'est */
	margin-bottom : 3%;	/* marge en bas */
}

.controls textarea{ /* textarea dans formulaire */
	border: #bebebe 1px solid;	/* bordure */
}

.pd-image > img:nth-child(1){ /* détails des fichiers */
	max-width : 250px;	/* l'image dans les détails faits 250px maximum */
}

/*.cat28 h1,.cat29 h1,.cat30 h1,.cat31 h1,.cat32 h1,.cat33 h1,.cat34 h1,.cat35 h1{		/* Les Titre des catégories ... */
	/*margin-top : 0;	/* pas de marge externe en haut */
/*	margin-bottom : 0.8em;	/* marge en bas */
	/*color : white;	/* couleur de la police */
	/*background-color: #E47979;	/* couleur background */

	/*text-align : center;	/* texte centré */
	/*text-transform: uppercase; /*TEXTE EN MAJUSCULE*/
	/*border-top-right-radius: 8px;	/* bordure arrondi */
	/*border-top-left-radius: 8px;	/* bordure arrondi */
	/*line-height: 22px;	/* hauteur de ligne */
	/*padding-top : 5px;	/* marge en haut */
	/*padding-bottom : 5px;	/* marge en bas */
	/*padding-left : 5%;	/* marge a gauche */
	/*padding-right : 5%;	/* marge a droite */

/*}
.cat28 p.readmore a,.cat29 p.readmore a,.cat30 p.readmore a,.cat31 p.readmore a,.cat32 p.readmore a,.cat33 p.readmore a,.cat34 p.readmore a,.cat35 p.readmore a{
	color : #E47979; /* couleur du lien lire la suite */
/*}
.cat11 h1,.cat12 h1,.cat13 h1,.cat14 h1,.cat15 h1,.cat16 h1,.cat17 h1,.cat18 h1.cat19 h1,.cat20 h1,.cat21 h1,.cat22 h1,.cat23 h1,.cat24 h1{		/* Les Titre */
	/*margin-top : 0;	/* pas de marge externe en haut */
	/*margin-bottom : 0.8em;	/* marge en bas */
	/*color : white;	/* couleur de la police */
	/*background-color: #A1C984;	/* background color */
	
	/*text-align : center;	/* texte centré */
	/*text-transform: uppercase; /*TEXTE EN MAJUSCULE*/
	/*border-top-right-radius: 8px;	/* bordure arrondi */
	/*border-top-left-radius: 8px;	/* bordure arrondi */
	/*line-height: 22px;	/* hauteur de ligne */
	/*padding-top : 5px;	/* marge en haut */
	/*padding-bottom : 5px;	/* marge en bas */
	/*padding-left : 5%;	/* marge a gauche */
	/*padding-right : 5%;	/* marge a droite */
/*}
.cat11 p.readmore a,.cat12 p.readmore a,.cat13 p.readmore a,.cat14 p.readmore a,.cat15 p.readmore a,.cat16 p.readmore a,.cat17 p.readmore a,.cat18 p.readmore a.cat19 p.readmore a,.cat20 p.readmore a,.cat21 p.readmore a,.cat22 p.readmore a,.cat23 p.readmore a,.cat24 p.readmore a{
	color : #A1C984;	/* couleur du lien lire la suite */
/*}*/

/*----------------------------------------------------------------------------------------- COLONNE DROITE ------------------------------------------------------------------------------------ */



#right .moduletable{	/* les modules a droite */
	background-color : white; /* background */
	box-shadow: 1px 1px 2px 1px #aaa;	/* ombres */
	border-radius : 2px;	/* bords arrondi */
	padding-bottom : 2px;	/* marge en bas */
}

#right > div:nth-child(1){ /*  remonter la colonne de droite */
	padding-top : 0;	/*	pas de marge en haut */
}

#right div.moduletable{	/* les modules de la colonne de droite */
	margin-bottom : 10px;	/* marge en bas */
}

.moduletable .custom p:first-child{
	background-color:#4197ee; /* background */
	text-align : center;	/* texte centré */
	border-top-right-radius: 2px;	/* bord arrondi */
	border-top-left-radius: 2px;	/* bord arrondi */
}

.moduletable p:first-child{
	background-color:#4197ee;/* background */
	text-align : center;	/* texte centré */
	border-top-right-radius: 2px;	/* bord arrondi */
	border-top-left-radius: 2px;	/* bord arrondi */
}


/*------------------------------Module IcCalendar----------------------------------------*/


.iccalendar{	/* module iccalendar */
	padding : 0 !important; 	/* enleve les marges */
}

.ic-event-div{	/* module evenement */
	background-color : white;	/* background */
	border-radius : 2px;	/* bords arrondi */
	padding-left : 5px;	/* marge a gauche */
	padding-right : 5px;	/* marge a droite */
	box-shadow: 1px 1px 2px 1px #aaa;	/* ombres */
}

.moduletableagendaaet{	/* module agenda aet */
	box-shadow: 1px 1px 2px 1px #aaa;	/* ombres */
	border-radius : 2px;	/* bords arrondi */
	padding-bottom : 2px;	/* marge */
}

#right .moduletableevenements{	/* module evenements */
	box-shadow: none;	/* pas d'ombres */
}

.ic_eventlist{	/* module agenda */
	margin-bottom : 20px;	/* marge en bas */
}


/*--------------------------------Module PhocaDownload-----------------------------------*/


.phocadownloadcategory32{	/* liens phocadownload */
	margin : 0;	/* pas de marge */
	border : none; 	/* pas de bordure */	
}

.phocadownloadcategory32 a{ /* liens phocadownload */
}
.moduletablearchive > h3{	/* sous sous titre module archive */
	color : white; /* couleur blanche */
	text-align: center; /* texte centré */
	background-color : #4197ee; /* couleur background */
	line-height : 21px;	/* hauteur de ligne */
}

.moduletablearchive{	/* module archive */
	box-shadow: 1px 1px 2px 1px #aaa;	/* ombres */
	border-radius : 2px;	/* bords arrondi */
	padding-bottom : 2px;	/* marge */
}

#right .moduletable h3{	/* Titre du module */
	color : white;	/* couleur blanche */
	background-color : #E47979;	/* couleur background */
	border-top-right-radius : 2px;	/* bord arrondi */
	border-top-left-radius : 2px;	/* bord arrondi */
	text-align : center;	/* texte centré */
	line-height: 20px;	/* hauteur de ligne */
	font-size : 11px;	/* taille de police */
}

.dtree{ /* module archive */
	padding-top : 3px;	/* marge en haut */
	padding-bottom : 3px;	/* marge en bas */
}

div.dtree:nth-child(2) > div:nth-child(1){ /* enleve catégorie dans module archive */
	display : none;	/* on ne l'affiche pas */
}

.moduletablearchivecs{
	text-transform: uppercase; /*TEXTE EN MAJUSCULE*/
	line-height : 21.5px;	/* hauteur de ligne */
	border-top-right-radius : 2px; /* bords arrondi */
	border-top-left-radius : 2px; /* bords arrondi */
	text-align : center;	/* texte centré */
	color : white; /* couleur */
	font-size: 11px; /* taille de la police */
	background-color : #B58ED1;	/* background */
}

.moduletablearchivescs h3{	/* titre du module archives */
	text-transform: uppercase; /*TEXTE EN MAJUSCULE*/
	line-height : 21.5px;	/* hauteur de ligne */
	border-top-right-radius : 2px; /* bords arrondi */
	border-top-left-radius : 2px; /* bords arrondi */
	text-align : center;	/* texte centré */
	color : white; /* couleur */
	font-size: 11px; /* taille de la police */
	background-color : #B58ED1;	/* background */
}

.moduletablearchivessj{	/* les 5 modules en haut */
	box-shadow: 1px 1px 2px 1px #aaa; /* ombres */
	border-radius : 2px; /* bords arrondi */
	padding-bottom : 2px;	/* marge en bas */
	background-color : white;	/* background */
}

.moduletablearchivessj h3{	/* titre du module archive */
	text-transform: uppercase; /*TEXTE EN MAJUSCULE*/
	line-height : 21.5px;	/* hauteur de ligne */
	border-top-right-radius : 2px; /* bords arrondi */
	border-top-left-radius : 2px; /* bords arrondi */
	text-align : center;	/* texte centré */
	color : white; /* couleur */
	font-size: 11px; /* taille de la police */
	background-color : #8FAADC;	/* background */
}

.moduletablearchivessst{	/* les 5 modules en haut */
	box-shadow: 1px 1px 2px 1px #aaa; /* ombres */
	border-radius : 2px; /* bords arrondi */
	padding-bottom : 2px;	/* marge en bas */
	background-color : white;	/* background */
}

.moduletablearchivessst h3{	/* titre du module archive */
	text-transform: uppercase; /*TEXTE EN MAJUSCULE*/
	line-height : 21.5px;	/* hauteur de ligne */
	border-top-right-radius : 2px; /* bords arrondi */
	border-top-left-radius : 2px; /* bords arrondi */
	text-align : center;	/* texte centré */
	color : white; /* couleur */
	font-size: 11px; /* taille de la police */
	background-color : #A9D18E;	/* background */
}

.moduletablearchivesrp{	/* les 5 modules en haut */
	box-shadow: 1px 1px 2px 1px #aaa; /* ombres */
	border-radius : 2px; /* bords arrondi */
	padding-bottom : 2px;	/* marge en bas */
	background-color : white;	/* background */
}

.moduletablearchivesrp h3{
	text-transform: uppercase; /*TEXTE EN MAJUSCULE*/
	line-height : 21.5px;	/* hauteur de ligne */
	border-top-right-radius : 2px; /* bords arrondi */
	border-top-left-radius : 2px; /* bords arrondi */
	text-align : center;	/* texte centré */
	color : white; /* couleur */
	font-size: 11px; /* taille de la police */
	background-color : #F4B183;	/* background */
}

.moduletableressdoc h3{	/* titre du module archives */
	text-transform: uppercase; /*TEXTE EN MAJUSCULE*/
	line-height : 21.5px;	/* hauteur de ligne */
	border-top-right-radius : 2px; /* bords arrondi */
	border-top-left-radius : 2px; /* bords arrondi */
	text-align : center;	/* texte centré */
	color : white; /* couleur */
	font-size: 11px; /* taille de la police */
	background-color :  #a9d18e;;	/* background */
}

/*------------------------------------Module Coordonnées-------------------------------*/


.moduletablecontactcdg{	/* module contact cdg */
	box-shadow: 1px 1px 2px 1px #aaa; /* ombres */
	border-radius : 2px;	/* bords arrondi */
	padding-bottom : 5px;	/* marge en bas */
}


/*------------------------------------Module DV-----------------------------------------*/


.moduletableoeil div div, .moduletableoeil div p{	/* module observer DV */
	background :  url("../images/oeilrouge.png") 5px center no-repeat;	/* url image oeil */
}

.moduletableoeil div p>a{
	margin-left: 8vh;
}

.moduletableoeil{	/* Module consulter DV */
	background-color : white;	/* background */
	box-shadow: 1px 1px 2px 1px #aaa;	/* ombres */
	border-radius : 2px;	/* bords arrondi */
	padding-bottom : 2px;	/* petite marge */
	margin-bottom : 15px;	/* petite marge */
}




.moduletableoeil p:first-child{	/* Module consulter DV */
	border-radius : 2px;	/* bords arrondi */
	text-align: center;	/* texte centré */
}






#right > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > p:nth-child(2) > span:nth-child(2) > span:nth-child(1) > a:nth-child(1){
	margin-left : 10%;	/* marge a gauche */
}



/*---------------------------------------------------------------------------------------------- FOOTER ------------------------------------------------------------------------------------------ */

#footer a:hover{	/* liens du footer survolés */
	text-decoration : none;	/* pas de deco */
	background-color: #3280C9;	/* background */
	border-radius : 2px;	/* bord arrondi */
}

#footer u:hover{	
	text-decoration : none;	/* pas de deco */
}

#footer a{ /*mentions légales*/
	color : white;	/* couleur */
}

hr{	/* je ne sais plus c'est quoi */
	border : none;	/* pas de bordure */
}

/*-------------------------------Administration---------------------------------------*/

#form-login-username > div:nth-child(1) > div:nth-child(1) > span:nth-child(1){	/* icone de login */
	background-color: #ccc; /* couleur de background */
	border-radius : none;	/* pas de border radius */
}

#form-login-password > div:nth-child(1) > div:nth-child(1) > span:nth-child(1){	/* icone de password */
	background-color: #ccc; /* couleur de background */
	border-radius : none;	/* pas de border radius */
}	

#form-login-remember{	/* case "se rappeler du mdp" */
	display : none;	/* on ne l'affiche pas */
}

ul.unstyled:nth-child(5){	/* mdp oublié id oublié */
	display : none;	/* on ne l'affiche pas */
}

ul.nav:nth-child(1) > li:nth-child(3) > a:nth-child(1){
	display : none;	/* on ne l'affiche pas */
}

#login-form{	/* formulaire login */
	margin : 0;	/* pas de marge externe */
}

.login-button{	/* bouton login */
	padding : 0 !important;	/* pas de marge */
	padding : 3px;	/* marge de 3px */
	border-radius : 2px;	/* bord arrondi */
}

.login-button a{	/* lien login */
	padding : 3px;	/* marge */
}




#sexy_tooltip > span:nth-child(1){ /* un truc que je ne voulais plus voir */
	display : none;	/* ne pas l'afficher */
}



/*--------------------------------------------------------------------------------- CODE SPECIFIQUE AUX PORTABLES----------------------------------------------------------------------------*/



@media screen and (min-width: 100px) and (max-width: 699px) {	/* pour les ecrans entre 100px et 699px : */

h1{
	font-size : 14px;	/* taille de police */
}

#nav #menup li ul li{ 	/* les sous menus */
	display : none;	/* on les affiche pas */
}

#contenu{	/* petite marge de chaque coté pour le contenu */
margin-right : 1%;	
margin-left : 1%;
}

#blocks2{ /* petite marge de chaque coté pour les modules, et une marge en dessous */
	margin-right : 3.5%;
	margin-left : 3.5%;
	margin-bottom : 5px;
}

#blocks2 .moduletable{	/* petite marge en bas pour les modules */
	margin-bottom : 7px;
}

#blocks2 .moduletable:first-child{	/* le premier module a une marge en haut */
	margin-top : 5px;
}

#footer > div.inner {		/* Conteneur du footer */
	background: #4197EE;  	/* couleur du background */
	color: white;			/* couleur de la police */
	margin-top : 10px;		/* marge interne en haut */
	padding: 10px;			/* marge externe des 4 cotés */
}

#centertopmodule > div:nth-child(1){
	display : block !important;	/* affichage en block */
}

#centertopmodule .moduletable:first-child, #centertopmodule .moduletable:nth-child(2), #centertopmodule .moduletable:nth-child(3), #centertopmodule .moduletable:last-child{
	margin : 0;	/* pas de marge */
	padding-bottom : 5px; /* marge en bas */
	margin-bottom : 10px;	/* marge en abs */
}

#centertopmodule .moduletable:first-child{
	margin-top : 10px;	/* marge en haut */
}

#footer .form-inline{ 	/* barre de recherche */
	text-align : center;	/* aligné a droite */
}

#footer .moduletable{ 	/* barre de recherche */
	text-align : center;	/* aligné a droite */
}

#footer .controls{
	text-align : center;	/* aligné a droite */
}

ul#accordeonck165, ul#accordeonck164, ul#accordeonck120,ul#accordeonck166, ul#accordeonck167{ /* tous les menus accordeon */
	display : none;	/* ne pas l'afficher */
}

.moduletableportable .accordeonck{
	margin-top : 10px;	/* marge en haut */
	margin-bottom : 10px;	/* marge en bas */
}

.moduletabletablette .accordeoncktablette{	/* menu accordeon pour tablette */
	margin-bottom : 10px;	/* marge en bas */
}

ul#accordeonck211.menuportable, ul#accordeonck213.menuportable, ul#accordeonck214.menuportable, ul#accordeonck215.menuportable, ul#accordeonck216.menuportable, ul#accordeonck233.menuportable{
	padding : 0;	/* pas de marge */
	box-shadow: 1px 1px 2px 1px #aaa; /* ombres */
}

ul#accordeonck211.menuportable a, ul#accordeonck213.menuportable a, ul#accordeonck214.menuportable a, ul#accordeonck215.menuportable a, ul#accordeonck216.menuportable a, ul#accordeonck233.menuportable a{
	color : white;	/* couleur */
}

ul#accordeonck211.menuportable li, ul#accordeonck213.menuportable li, ul#accordeonck214.menuportable li, ul#accordeonck215.menuportable li, ul#accordeonck216.menuportable li, ul#accordeonck233.menuportable li{
	padding-right : 10px;	/* marge a droite */
	list-style-type: none;	/* enlever les carrés des listes */
}

ul#accordeonck211.menuportable li:last-child,ul#accordeonck233.menuportable li:last-child, ul#accordeonck213.menuportable li:last-child, ul#accordeonck214.menuportable li:last-child, ul#accordeonck215.menuportable li:last-child, ul#accordeonck216.menuportable li:last-child{
	border-bottom : none;	/* pas de bordure en bas */
}

.item-page > div:nth-child(3){ /* marge au dessus des articles */
	margin-top : 10px;	/* marge en haut */
}

#menup.nav.menu a{
	font-size: 1.1em;	/* taille de police */
	padding-top : 2px;	/* marge en haut */
	padding-bottom : 2px;	/* marge en bas */
	line-height: 20px;	/* hauteur de ligne */
}

#blocks3{
	display : none; /* ne pas l'afficher */
}

.moduletabletablette{
	display : none;	/* ne pas l'afficher */
}

}




/*--------------------------------------------------------------------------------- CODE SPECIFIQUE AUX TABLETTES----------------------------------------------------------------------------*/


@media screen and (min-width: 700px) and (max-width: 999px) { /* pour les ecrans entre 700px et 1199px : */


h1{
	font-size : 16px;	/* taille de police */
}

#nav #menup li ul li{ 	/* les sous menus */
	display : none;	/* on les affiche pas */
}

#nav #menup li a{
	line-height: 15px;	/* hauteur de ligne */
	font-size: 15px;	/* taille de police */
}

#contenu{	/* petite marge de chaque coté pour le contenu */
margin-right : 1%;	
margin-left : 1%;
}

#blocks2{	/* petite marge de chaque coté pour les modules et une marge en dessous */
	margin-right : 1%;
	margin-left : 1%;
	margin-bottom : 5px;
}

#footer > div.inner {		/* Conteneur du footer */
	background: #4197EE;  	/* couleur du background */
	color: white;			/* couleur de la police */
	margin-top : 10px;		/* marge interne en haut */
	padding: 10px;			/* marge externe des 4 cotés */
}

#footer .form-inline{ 	/* barre de recherche */
	text-align : center;	/* aligné a droite */
}

#footer .moduletable{ 	/* barre de recherche */
	text-align : center;	/* aligné a droite */
}

#footer .controls{
	text-align : center;	/* aligné a droite */
}

#footer > div:nth-child(1) > div:nth-child(2) > h3:nth-child(1){ /* petite marge pour le mot "administration" */
	margin-left : 0px;
}

ul#accordeonck211, ul#accordeonck213, ul#accordeonck214,ul#accordeonck215, ul#accordeonck216{ /* tous les menus accordeon */
	display : none;	/* ne pas l'afficher */
}

#centertopmodule .inner{
	display : flex;	/* affichage en ligne */
	justify-content: space-between;	/* espace entre chaque element */
}

#centertopmodule .moduletable:first-child{
	margin-right : 10px;	/* marge a droite */
}

#centertopmodule .moduletable:last-child{
	margin-left : 10px;	/* marge a gauche */
}

#centertopmodule .moduletable:nth-child(2),#centertopmodule .moduletable:nth-child(3){
	margin-right : 10px;	/* marge a droite */
	margin-left : 10px;	/* marge a gauche */
}

#blocks1mod1{
	display : none;	/* ne pas l'afficher */
}

#blocks1mod3{
	float : right;	/* aligné a drote */
}

#blocks3{	/* barre en dessous du menu principale */
	margin-left : 20%;	/* marge a gauche */
	margin-right : 20%; /* marge a droite */
	padding-bottom: 2px;	/* marge en bas */
	color : black !important;	/* couleur */
}

.moduletableportable{
	display : none;	/* ne pas l'afficher */
}

.moduletabletablette{
	margin-bottom : 10px;	/* marge en bas */
}

#main{	/* Si on est sur la page d'accueil, et qu'il y a la colonne a gauche, la colonne principale fait */
	width : 100% !important;	/* 81.5% de la largeur */
}

.moduletabletablette span strong{
	text-align : center;	/* texte centré */
	color : white;	/* couleur */
}

.moduletabletablette span strong{
	color : white;	/* couleur */
}

.moduletabletablette .customtablette p:first-child{
	text-align : center;	/* texte centré */
}

.moduletabletablette{
	background-color : white;	/* background */
	box-shadow: 1px 1px 2px 1px #aaa; /* ombres */
	border-radius : 2px; /* bords arrondi */
}
#right > div.inner{
	padding : 0;
}
#left {
	display : none;
}
}




/*--------------------------------------------------------------------------------- CODE SPECIFIQUE AUX ECRANS D'ORDINATEUR----------------------------------------------------------------------------*/



@media screen and (min-width: 1000px){ /* pour les ecrans de plus de 1200px : */

#contenu{	/* grosse marge de chaque coté du contenu */
margin-right : 16.5%;
margin-left : 16.5%;
}

#blocks1 #blocks1mod3{ /* le module "recherche" fait : */
width : 20%;	/* 20% de large */
}

#blocks1 #blocks1mod2{	/* le module "accésibilité" fait : */
	width : 7%;	/* 7% de large */
}

#blocks1 #blocks1mod1{	/* le module "chemin du site" fait : */
	width : 73%;
}

#blocks2{	/* la barre des 5 modules */
	margin-right : 16.5%; /* grosse marge a gauche */
	margin-left : 16.5%; /* grosse marge a droite */
	margin-bottom : 20px; /* marge en dessous */
}

#blocks2mod1, #blocks2mod2, #blocks2mod3, #blocks2mod4{ /* les 4 premiers modules */
	max-width: 16%;	/* largeur maximum : 16% de la page */
	margin-right : 5%;	/* marge de 5% a droite */
}

#blocks2mod5{ /* le dernier module */
	max-width: 16%;	/* largeur maximum : 16% de la page */
}

#center > div.inner{ /* colonne du centre */
	padding : 0;	/* enleve les marges */
}

#right > div.inner{	/* colonne de droite */
	padding : 0;	/* enleve les marges */
}

#footer > .inner { /* contenu du footer */
    display: flex;	/* maniere d'agencer les éléments ( ici sur la meme ligne ) */
}

#footer > div.inner {		/* Conteneur du footer */
	background: #4197EE;  	/* couleur du background */
	color: white;			/* couleur de la police */
	margin-top : 10px;		/* marge interne en haut */
	padding: 10px;			/* marge externe des 4 cotés */
}

.pretext{		/* je ne sais plus c'est quoi */
	text-align: center;	/* texte centré */
	font-weight: bold;	/* texte en gras */
}

#footer > div:nth-child(1) > div:nth-child(1){	/* Texte du footer */
	
	width : 100%;	/* largeur : 90% de l'écran; */
}

#footer > div:nth-child(1) > div:nth-child(2){	/* Administration */
	width : 10%;	/* largeur : 10% de l'écran; */
}

.moduletableportable{
	display : none;	/* ne pas l'afficher */
}

.menuportable{
	margin-top : 10px;	/* marge en haut */
	margin-bottom : 10px;	/* marge en bas */
	padding : 0;	/* pas de marge */
}

.menuportable li{
	padding-right : 10px;	/* marge a droite */
}

#centertopmodule .inner{
	display : flex;	/* affichage sur une ligne */
	justify-content: space-between;	/* espace entre chaque element */
}

#centertopmodule .moduletable:first-child{
	margin-right : 10px;	/* marge a droite */
}

#centertopmodule .moduletable:last-child{
	margin-left : 10px;	/* marge a gauche */
}

#centertopmodule .moduletable:nth-child(2),#centertopmodule .moduletable:nth-child(3){
	margin-right : 10px;	/* marge a droite */
	margin-left : 10px;	/* marge a gauche */
}

#blocks3{	/* barre en dessous du menu principale */
	margin-left : 30%;	/* marge a gauche */
	margin-right : 30%; /* marge a droite */
	padding-bottom: 2px;	/* marge en bas */
	color : black !important;	/* couleur */
}

.moduletabletablette{
	display : none;	/* ne pas l'afficher */
}

}

.pg-cv-box-mod-ri{
/*margin-left: 5vh;*/
}

#centertopmodule .moduletable .aet-calendrier {
    background-color: #d7391f;/* modification de la couleur des calendriers en rouge pour aet */
}


/*--------------------------------------------------------------------------------- CODE SPECIFIQUE AUX ECRANS DE PLUS DE 15"----------------------------------------------------------------------------*/


@media screen and (min-width: 1367px){	/* pour les ecrans de plus de 1367px : */
	
#blocks2 .flexiblemodule div div div p{	/* les titres des 5 modules */
	padding-right : 5px;	/*petite marge */
	padding-left : 5px;	/* petite marge */
	min-height : 42px;	/* hauteur minimum */
} 

#centertopmodule .inner{
	display : flex;	/* affichage sur une ligne */
	justify-content: space-between;	/* espace entre chaque element */
}

#blocks3{	/* barre en dessous du menu principale */
	margin-left : 30%;	/* marge a gauche */
	margin-right : 30%; /* marge a droite */
	padding-bottom: 2px;	/* marge en bas */
	color : black !important;	/* couleur */
}

.moduletabletablette{
	display : none;	/* ne pas l'afficher */
}
  /* Racourci page principal icônes des sites ,suppression de l'encadré bleu et centrage des icones dans chaque bloc position 6-7-8-9-10*/
}
#blocks2 { /* Cible le block N°2 qui contiens les icones */
  .inner { /* Permet d'aligner les items verticalement et horizontalement */
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .flexiblemodule > .inner > .moduletable > div { /* Supprime le carré bleu et les vides */
    p:first-child, div {
      display: none;
    }
  }

  .clr { /* Supprime le vide de fin qui n'est plus utile grâce au display flex */
    display: none;
  }
}