/* ******************************************************************************************/
/*-----DECOUPAGE RESPONSIVE DESIGN-----*/
/* ******************************************************************************************/

body { background-color:#FFF;}
.page { position: relative; width: 100%; margin: 0 auto;}
.arbo {padding-right: 5px}

img {width:auto; height:auto; max-width:100%; margin:0; padding:0; border:none; line-height:normal; vertical-align:middle;}

.icone {float: left; margin: 0 10px 20px 40px;}
.marginLeft {margin-left:15px;}
.floatLeft  {float:left; padding-right:10px; padding-bottom:10px;}
.floatRight {float:right; padding-left:10px; padding-bottom:10px;}
.spip_documents_center {display:block;clear:both;width:100%;margin:1.385em auto}
.spip_documents_left img {float:left;margin-right:15px;margin-bottom:1.385em;
max-width: 278px !important; height: auto;}
.spip_documents_right img {float:right;margin-left:15px;margin-bottom:1.385em;
max-width: 278px !important; height: auto;}
.bordure_top {clear:both; padding-top: 10px; border-top: 10px solid #3084E0; }
.bordure_bottom {clear:both; padding-bottom: 10px; border-bottom: 10px solid #3084E0} /* voir aussi jeux_couleurs pour adaptation selon rub en cours */

.nav {}
.nav li {display:inline;}
.nav li a { display: inline-block; padding: 0.25em 0.5em; margin: 0 0.25em 0.5em 0;border-radius: 0.25em;  text-decoration: none;  background: #f0f0f0; color: #db1762; }
.nav li.on a { background:#3084E0; color:#fff; font-weight: normal; }
.nav li a:focus,
.nav li a:hover,
.nav li a:active { background: #3084E0; color:#fff; }

/* Pagination */
.pagination .pagination-items {list-style: none;display: flex;flex-direction: row; justify-content: center}
.pagination .pagination-item {  margin: 0em; flex-basis: 7.5%; display: flex;align-items: center;}
.pagination .pagination_precedent_suivant .pagination-item { flex-basis: auto;}
.pagination .pagination-item + .pagination-item {  margin-left: 0.5em }
.pagination .pagination-item-label { display:block; flex-basis: 100%; background: #f0f0f0; text-decoration: none; padding:.5em; border-radius:.25em; text-align: center;}
.pagination .on .pagination-item-label,
.pagination a.pagination-item-label:hover,
.pagination a.pagination-item-label:focus,
.pagination a.pagination-item-label:active { background: #3084E0; color: #fff; }
.pagination .on .pagination-item-label {font-weight: bold;}
.pagination .pagination_precedent_suivant .disabled {visibility: hidden}
.pagination .pagination-item.disabled {}
.pagination .pagination-item.disabled .pagination-item-label {color:#888; font-weight: normal;}
.menu_articles .pagination strong {font-size:1em;}

.logo_colonne { max-width: 100%; height: auto; padding-bottom: 1em;}

/*-----lignes -----*/
/* ******************************************************************************************/
.row { width: 100%; max-width: 1280px; margin: 0 auto; /*border:1px solid blue;*/}
/* To fix the grid into a different size, set max-width to your desired width */
.row .row { min-width: 0px; }

/*-----les dimensions des blocs-----*/
.row .one.column 		{ width: 7.105%; }
.row .two.column 		{ width: 11.578% }
.row .three.column 		{ width: 17.894%; }
.row .four.column 		{ width: 24%; min-width:210px; }/* pour colonnes latérales*/
.row .five.column 		{ width: 31%; }
.row .six.column 		{ width: 36.842%; }
.row .seven.column 		{ width: 43.157%; }
.row .eight.column 		{ width: 47.5%; }/* pour colonne centrale  si 3 colonnes*/
.row .nine.column		{ width: 55.789%; }
.row .ten.column 		{ width: 62.105%; }
.row .eleven.column 	{ width: 68.421%; }/* pour colonne principale */
.row .twelve.column 	{ width: 73%; }
.row .thirteen.column	{ width: 81.052%; }
.row .fourteen.column	{ width: 87.368%; }
.row .fifteen.column	{ width: 93.684%; }
.row .sixteen.column	{ width: 100%; }

/* exception pour menu*/
.row .navigation .columnRight { width: auto; }
.columnRight { margin-right: 1.5%; float: right; min-height: 1px; position: relative;}

.un-tiers {width: 24%; float: left;}
.deux-tiers {width: 73%; float: left; }

/* Nicolas Gallagher's micro clearfix */
.row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
.row:after, .clearfix:after { clear: both; }

/*-----colonnes-----*/
/* ******************************************************************************************/
.column { margin-left: 1.5%; float: left; min-height: 1px; position: relative;}
.alpha, column-1 { margin-left: 0px; }
.omega { float: right; }

/* ******************************************************************************************/
/*-----1ERE LIGNE = HEADER : NOM DU SITE LOGO ET NAVIGATION -----*/
/* ******************************************************************************************/

/* STYLES DU MENU */
/*--------------------------------------------------------*/
.menu-nav{
text-align:left;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; /*Si vous modifier la  hauteur du menu pensez a modifier la position du sous-menu .menu-nav ul{top: */
font: 1em/1.8em 'Fertigo_PRO', Verdana, Geneva, sans-serif;
text-transform: uppercase;
}

/**********Pour ne pas exposer l'element en cours supprimer les lignes suivantes*************/
/*Element expose*/
.babbin{
font-style:normal;
/* color externalisé dans couleur dominante */
color: #FFF !important;
}
/*Element non expose*/
.babbout{
font-style:normal;
} 
/*Pour les pages écrites en "dur" dans le menu (contact) */
.onglet {background:#fff url(images/nav-bg.png) top left no-repeat;
border-bottom: 1px solid #AEAEAE; border-right: 1px solid #AEAEAE;
-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
/*****************************************/
ul.menu-nav {
margin: 0 !important;
}
.menu-nav a{
display:block;
padding: 0.5em 1em;
text-decoration:none;
z-index:900;
}
.menu-nav li{
float:left;
position:relative;
margin-right: 12px;
}
.menu-nav li.omega{
margin-right: 0;
}
.menu-nav li ul li{
margin: 0;
}
/*---------sous-menu-----------------*/
.menu-nav li ul {
position:absolute;
display:none;
width:19em; 		/*Largeur du sous menu; pensez a modifier le .menu-nav li ul a {width: } et .menu-nav li ul ul {left: } */
/*top:2.5em; 			Position du sous menu par rapport au menu*/
z-index:1000;		/*Si le menu se cache sous un autre element de la page, augmenter cette valeur*/
padding: 16px 0px 1px; 
margin: 0px; 
line-height:1.85em; /*hauteur des lignes du sous menu*/
background-color: #3F3E40;
}
.menu-nav li ul a{
position:relative;
width:17em; /*doit etre egale au .menu-nav ul {width: }*/
height:auto;
margin: 0px; 
float:left;
color:#444; /*couleur de police des sous menus*/
font-size: 0.9em;
background:none;
border:none;
-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}

.menu-nav ul ul{
top:auto;
line-height:1.85em; /*hauteur des lignes du sous sous menu*/
z-index:1000;		/*Si le menu se cache sous un autre element de la page, augmenter cette valeur*/
margin: 0px; 
}	
.menu-nav li ul ul {
left:19em; /*positionne le sous sous menu par rapport au sous menu; doit etre egale au .menu-nav ul {width:   */
top:0 !important;
margin: 0px; 
}
.menu-nav li:hover ul ul, .menu-nav li:hover ul ul ul, .menu-nav li:hover ul ul ul ul{
display:none;
}
.menu-nav li:hover ul, .menu-nav li li:hover ul, .menu-nav li li li:hover ul, .menu-nav li li li li:hover ul{
display:block;
}

/* STYLES DU HEADER : voir feuilles de styles-couleur dans dossier css */
.header {padding: 10px 0 4px 0; background-color:#3084E0; }
/* aspect de la ligne contenant le menu */
#menu {background-color: #3F3E40; padding-top:4px; padding-bottom:4px; }
#menu-normal a, #menu-mobiles a {color: #ffffff !important;}

/* Menu de navigation (inc-menuBoutique)
********************************************************************/

#logo {display:inline; float:left; list-style:none; width:30%;}

/* ******************************************************************************************/
/*-----2EME LIGNE = CONTENU  -----*/
/* ******************************************************************************************/

.bloc-central { 
	/*border-top: 10px solid #3F3E40;*/ background: #ffffff url(../images/content-bg.png) repeat-x; padding: 10px 0px; 
}

/* les bordures */
/* encadreColonne = les pavés de contenus en colonne */
/* encadreContenu = les pavés de contenu en colonne principale */

.encadreColonne, .encadreContenu {
	float: left;  
	width: 98.948%;	
	/*border: 1px solid #b3b3b3; */
	margin:  0 auto 1em; 
	/*box-shadow: 0 1px 10px #a7a7a7, inset 0 1px 0 #fff; 
	background:transparent url(../images/encadre-bg.png) top left repeat-x;*/
}
.encadre-content { padding: 1.5em;}

/* Le contenu des encadrés */
.encadreColonne .encadre-content #calendar h2.menu-titre, 
.encadreColonne .encadre-content h4 {text-align:center;}
.encadreContenu .encadre-content {margin:0px; border-left: 4px solid #3084E0;}

/* Bloc FB qui déborde */
span #u_0_6 {display: none !important}

/* Entête */
#logoencolonne {text-align:center;}
	
.LogoDansHeader /* zone dans l'entête pour logo+identité du site */
	{display: block; height:auto;text-align:center; padding-top:8px; margin-bottom:8px; /*border-left: 1px solid #DBDBDB; border-top: 1px solid #DBDBDB; border-bottom: 1px solid #AEAEAE; border-right: 1px solid #AEAEAE; -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); background:transparent url(../images/encadre-bg.png) top left repeat-x;*/}

.LogoDansHeader p {margin:0; padding:0;}
.LogoDansHeader, .LogoDansHeader a {color:#fff;}
/* zone pour le diaporama*/

.dsjcycle 
	{padding:0;margin:auto;/*border-left: 1px solid #DBDBDB; border-top: 1px solid #DBDBDB; border-bottom: 1px solid #AEAEAE; border-right: 1px solid #AEAEAE; -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);*/}

.cycle-slideshow {
	margin-top:0 !important;
	margin-bottom:0.5em !important;
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.cycle-overlay {text-transform: uppercase; opacity: 0.65 !important ; padding:6px 10px !important; font-family: 'Fertigo_PRO' !important;}

/*Sous-rubriques en logos & Portfolio */
#ssRub, #documents_portfolio { /*padding: 0;margin-bottom:10px;*/  text-align: center; /* centrer le texte */}  
#ssRub { float:left;  list-style: none; padding-right:10px;padding-bottom:10px;}  
#documents_portfolio ul {margin-left: 0 !important;}
#documents_portfolio li {float:left; text-align:center; padding-right:10px; margin:0; list-style: none!important;}

#documents_portfolio .logos, .logos, .documents_portfolio .spip_logos { 
	border-left: 1px solid #DBDBDB; border-top: 1px solid #DBDBDB; border-bottom: 1px solid #AEAEAE; border-right: 1px solid #AEAEAE; -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}

/* lignes séparatrices */
div#separator {
	clear:left;
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
	border-bottom: 6px dotted #CDCDCD;
	padding: 0 0 10px 0;
}
div#separator-fin {
	clear:left;
	width:100%;
	background: url(../images/dots.gif) repeat-x left bottom;
	padding: 7px 5px;
	margin-bottom: 10px;		
}
hr, hr.spip { clear: both; height: 2px; margin: 20px auto; width: 100%; border: 0; /* couleur dans stylesCouleur */}

/* ******************************************************************************************/
/*-----3EME LIGNE = PIED DE PAGE  -----*/
/* ******************************************************************************************/
.footer {clear: both; background-color: #3F3E40; padding:20px 0;}
#bord-footer { padding: 5px 0px; background: #3084E0; border-bottom: 1px solid #fcfcfc;}
.footer ul {list-style-type:none; padding:0; margin:0;}
.footer .column{background: url(../images/pied-ligne.png) no-repeat scroll left transparent;
padding: 10px 0px 3px 10px; min-height:170px;
}
/* ******************************************************************************************/
/*-----FIN DECOUPAGE-----*/
/* ******************************************************************************************/