@charset "utf-8";
/* -------------------------- */
/* ---------- TYPO ---------- */
/* -------------------------- */
@import url(https://fonts.googleapis.com/css?family=Alegreya+Sans:500&subset=latin,latin-ext);


* {margin: 0; padding: 0; list-style: none;}
html, body {width: 100%; height: 100%;}
html {font-size: 100%;}
fieldset, img, abbr, acronym {border: 0;}
body {
	text-align: center;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:0.8em;
  background:#fff;
}

/* titres */
h1, h2, h3,
h4, h5, h6 {
  font-family: 'Alegreya Sans', sans-serif;
}
#texte h1, #texte h2, #texte h3,
#texte h4, #texte h5, #texte h6 {
  color:#004071;
  font-weight:400;
}
#texte h1, #texte h2 {
  font-size:1.9em;
}
#texte h3, #texte h4 {
  font-size:1.6em;
}
#texte h5, #texte h6 {
  font-size:1.3em;
}

#texte h4 {
  font-style:italic;
}
#texte h6 {
  font-weight:bold;
}

#page_container {
	position: relative;
	left: 10px;
	margin: 0 auto 10px auto;
	text-align: left;
}
#header {}
#logo {
	height: 153px;
	width: 216px;
	position: relative;
	z-index: 510;
}
p {
	font-size: 0.86em;
	margin: 0 0 10px 0;
}
a {
	text-decoration: none;
}
#texte .bouton_actu a:hover {
	text-decoration:none;
}
/* =================================================== */
/* blocs specifiques au site*/
/* =================================================== */
.clearall {
	display: block;
	clear: both;
	float: none;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
}
#ariane {
	clear: both;
	padding: 13px 0 13px 0;
	font-size: 0.78em;
}
#ariane,
#ariane a {
	width: 675px;
}
.page_full_width #ariane,
.page_full_width #ariane a,
.not_front #ariane,
.not_front #ariane a {
	width: 700px;
}
/* =================================================== */
/* structuration des colonnes */
/* =================================================== */
#container_colonnes {
	clear: both;
}
#conteneur {
	width: 100%;
	float: right;
	min-height: 250px;
	position: relative;
/*	z-index: 400;*/
}
* html #conteneur {
	height: 250px;
}
#contenu {
	margin: 0 0 0 255px;
	padding: 0 0 20px 0;
}

#content {
	float: left;
	width: 100%;
	margin: 0 -294px 0 0;
}
* html #content {
	margin: 0 -588px 0 0;/* doubler la marge negative pour ie6 */
}
#content_seul, /* remplace #content_aside dans le site ub pour contenu sans aside */
.page_full_width #content_seul,
.not_front #content_seul { /* remplace #content_aside dans le site ub pour contenu sans aside */
	margin: 0;
}
.ecran_1280 #content_seul {
	float: left;
	width: 676px;
}
#texte {
	margin: 0 314px 0 0;
	padding: 0 0 30px 0;
}
#content_seul #texte {
	margin: 0;
}
#nav {
	width: 216px;
	float: left;
	margin: 0 0 80px 0;
	position: relative;
	top:-30px;
	z-index: 521;
}
#aside {
	float: right;
	width: 275px;
	padding: 0 0 0 19px;
}
.container {
	position: absolute;
	top: 0;
	left: 235px;
/*	z-index: 400;*/
}
/* =================================================== */
h1, .componentheading {
	padding: 8px 0;
	font-weight: 400;
	font-size: 1.64em;
	line-height: 110%;
}
h1 span {display: none;}
#toolbar-box h2,
#texte .intertitre,
h2 {
	font-weight: 400;
	font-size: 1.406em;
	line-height: 110%;
}
#texte span.intertitre{font-size:18px;	}
h3,
#texte .sous_intertitre{
	font-weight: 400;
  font-size:1.15em;
  font-style:italic;
}
h4 {
	font-weight: 800;
	font-size: 0.86em;
}
#texte h4 {
	font-size: 1.015em;
	font-weight: 400;
	font-style: italic;
}
#texte .results h4 {font-weight: 800;font-style: normal;}
#texte .results h4 a {text-decoration: underline;}
#texte .results h4 a:hover {text-decoration: none}
#aside h2 {
	font-size: 0.938em;
	min-height: 30px;
}
#aside h2 span {
	display: block;
	padding: 8px 8px 8px 49px;
}
#texte .module_actu h2 a,
#texte .module_actu h2 {
	float: left;
}
#texte .module_actu p.date {
	float: left;
	padding: 5px 0 0 5px;
	clear: right;
}
div.titre {
	padding: 4px 0 0 72px;
	position: relative;
	top: -333px;
	top: 19px;
	left: -20px;
	margin-right: -20px;
	min-height: 28px;
}
.page_full_width div.titre {
	top: -35px;
}
.not_front.page_full_width div.titre,
.not_front div.titre {
	top: -147px;
}

#texte p {
	font-size: 1em;
  line-height:1.3em;
  text-align:left;
}
#texte h2,
#texte h3 {
	line-height: 1.1em;
}
#texte .module {
	padding-top: 8px;
	cursor: pointer;
}
#texte ul ,
#texte ol {
	margin:4px 0;
}
#texte ul li {
	padding:0px 15px 5px 10px;
	line-height: 1.5em;
	font-size: 0.938em;
	list-style-position:inside;
}
#texte ul li.liste_actualite{
	display: block;
	padding: 5px 5px 6px 10px;
}

#texte .blog.liste_actualites h2,
.liste_actualite h2 a {
  font-size: 18px;
  font-weight:normal;
}
#texte ol li {
	list-style-type:decimal;
	list-style-position:inside;
	padding: 0 0 5px 10px;
	line-height: 1.5em;
	font-size: 0.938em;
}
/* =================================================== */
/* les pages suivantes precedentes */
/* =================================================== */
#texte p.pages {
	padding: 10px 0 0 0;
	font-size: 10px;
}
.pages {
	padding: 10px 0 0 0;
	clear: both;
	font-size: 10px;
	overflow: hidden;
}
.pages a,
.pages b {
	text-align: center;
	font-size: 11px;
	padding: 2px 8px 2px 3px;
	line-height: 23px;
	text-decoration: none;
}
.pages b {
	font-weight: 800;
	font-size: 13px;
}
b.sans {
	font-size: 15px;
}
/* =================================================== */
/* =================================================== */
/* le plan du site */
/* =================================================== */
#texte ul.plansite {
	display: block;
	padding: 0 0 10px 0;
	width: 100%;
}
#texte ul.plansite a {
	text-decoration: none;
	padding: 0;
	margin: 0;
}
#texte ul.plansite li {
	margin: 0;
	padding: 0;
}
* html #texte ul.plansite li ul li {
	display: block;
	float: left;
	width: 90%;
}
#texte ul.plansite li.colonne {
	width: 23%;
	float: left;
	margin: 10px 2% 0 0;
	padding: 0;
}
#texte ul.plansite li.colonne strong a {
	display: block;
	padding: 4px 14px;
	margin: 0 0 4px 0;
	position: relative;
	font-size: 13px;
	font-weight: 400;
}
#texte ul.plansite li ul li {
	padding: 5px 0 0 12px;
	width: auto;
}
#texte ul.plansite li ul li strong {
	display: inline;
	padding: 0;
	font-size: 11px;
	font-weight: 400;
}
#texte ul.plansite li ul li ul li a {
	padding: 0;
}
/* =================================================== */
/* =================================================== */
/* les formulaires */
/* =================================================== */
form {
	display: block;
}
input,
select {
	/*font-size: 0.71em;*/
	font-size: 1em;
}
/* =================================================== */
/* =================================================== */
/* le diaporama */
/* =================================================== */
.diaporama p {
	padding: 5px;
	font-size: 0.78em;
}
/* =================================================== */
/* =================================================== */
/* les outils */
/* =================================================== */
#outils {
	position: absolute;
	top: 17px;
	right: 0;
	z-index:400
}
#menu_shortcuts,
#un_clic,
#annuaire,
#ub_lien,
#search {
	float: left;
	width: 16%;
	height: 40px;
	margin: 0 0 0 0;
}
#un_clic {
	text-align: center;
}
#annuaire {
	text-align: center;
	margin: 0 1% 0 0;
}
#menu_shortcuts h2,
#un_clic a,
#annuaire a {
	display: block;
	height: 28px;
	margin: 0;
	padding: 12px 0 0
}
#menu_shortcuts h2{
	font-size:1em;
	text-align:center;
}
#ub_lien {
	width: 1px;
	float: right;
	margin: -8px 0 0
}
#ub_lien a {
	display: block;
	float: right;
	position: absolute;
	top: 8px;
	right:0;
	width: 80px;
	height: 50px;
	text-align: right;
}
#search {
	width: 49%;
	margin: 0 1% 0 0;
}
#search form {
	display: block;
	padding: 12px 0 0 0;
	text-align: center;
	float: left;
	width: 100%;
}
* html #search form {
	display: block;
	padding: 12px 0 0 0;
	text-align: center;
	float: left;
	width: 100%;
}
#search label {
	display: none;
}
#search input {
	text-align: center;
	padding: 1px 0 3px 0;
	width: 70%;
}
#search input#mod_search_searchword {
	font-size: 12px;
}
#search input.searchButton {
	padding: 1px;
	width: auto;
	font-size: 9px;
	cursor:pointer;
}
* html #search input.searchButton {
	position: absolute;
}
/**/
#search input.button {
	padding: 0;
	margin-left: 5px;
	width: 50px;
	height: 25px;
	cursor:pointer;
	display: inline;
	vertical-align: middle;
}
#search a.avancee {
	display: none;
}
/* =================================================== */
.module_actu .module {
	clear: both;
}
#texte .module {
	margin: 0 0 8px 0;
}
#texte .module.mis_en_avant {
	padding: 10px 8px;
}
#texte .module.mis_en_avant.mis_en_avant_over {
	padding: 10px 8px;
}
#texte .module.mis_en_avant strong {
	font-weight: 400;
}
#texte .module .photo {
	width: 120px;
	float: left;
	margin: 0;
}
#texte .module.mis_en_avant .photo {
	width: 112px;
}
#texte .module .description {
	float: right;
	margin: 0 0 0 -125px;
	width: 100%;
}
#texte .module.mis_en_avant .description {
	margin: 0 0 0 -113px;
}
#texte .module .description h2,
#texte .module .description p {
	margin: 0 0 10px 125px;
}
#texte h2.chapo {
	font-size: 1.17em;
	margin: 10px 0 4px 0;
	padding: 0;
}
#texte .module.mis_en_avant .description h2,
#texte .module.mis_en_avant .description p {
	margin: 0 0 0 113px;
}
/* =================================================== */
#aside .moduletable {
	margin: 0 0 14px 0;
	width: 275px;
}
#aside .encadre {
	padding: 12px;
	margin: 3px 0 0 0;
}
#aside div.voir.mod_random_image div.encadre,
#aside .iframe .encadre {
	padding:0;
	margin:0;
}
.encadre.fond .article_anywhere p{
 margin : 0
}
#aside .images .encadre,
#aside .video .encadre{
	padding:0;
}
#aside .encadre ul li {
	padding: 0 0 0 20px;
	margin: 5px 0;
}
#aside .encadre .liste_actualite h3,
#aside .encadre h4 {
	font-size: 0.86em;
	font-size: 1em;
	font-weight:400;
}
#aside .actualite {
	padding: 12px;
	margin: 3px 0 0 0;
}
#aside .actualite ul li {
	margin: 5px 0;
	text-transform: uppercase;
	font-size: 0.86em;
}
#texte a:hover,
.liste_actualite a:hover,
#aside ul li a:hover {
	text-decoration: underline;
}

/* =================================================== */
/* le footer */
/* =================================================== */
#footer {
	clear: both;
	position: relative;
	width: 100%;
	left: 0;
	top: 0;
	font-size: 0.78em;
	z-index: 520;
	text-align: center;
}
#pied {
	padding: 8px 0 0 0;
	text-align: center;
	min-height: 22px;
	width: 100%;
	margin:0 auto 36px;/* enlever 36px pour mise en prod (ne sert que pour le menu vers les autres templates) */
	position:relative;
	left:10px;
}
#pied a {
	padding: 8px 8px 6px 8px;
}
#pied li {display:inline;}
#foot {
	clear: both;
	position: relative;
	bottom: 30px;
	left: 10px;
	margin: 30px auto -30px auto;
	width: 1200px;
	text-align: left;
}
/* =================================================== */
.abecedaire {
	text-align: center;
	width: 98%;
	padding: 7px 1%;
	height: 18px;
	text-align: center;
}
* html .abecedaire span.clearall {
	clear: none;
}
.abecedaire a {
	text-transform: uppercase;
	margin: auto;
	text-align: center;
	display: block;
	float: left;
	width: 3.5%;
	height: 12px;
}
.abecedaire a:hover {
	text-decoration: none;
}

#texte span.encadre_horizontal {display:block}
#texte .encadre_horizontal {
	margin: 10px 0;
	padding: 10px;
	clear: both;
}
#texte .encadre_vertical {
	margin: 10px 0 10px 10px;
	width: 25%;
	float: right;
	padding: 10px;
	clear: both;
}
#texte .encadre_vertical h2 {
	font-size: 1.095em;
	text-align: center;
}
.separateur {
	width: 100%;
	height: 30px;
	padding: 7px 0 0;
	clear: both;
}
* html .separateur {
	padding: 7px 0 7px 0;
	white-space: nowrap;
}
.g {
	float: left;
}
.d {
	float: right;
}
div.actu img{margin:5px;}
.article_column img{margin:5px}
ul li ul li.current{font-weight:bold;}
/* =================================================== */
	.hidden, .accessible {display:none}
	.show{display:block}
	.next , .previous{cursor:pointer;}
/* =================================================== */
/* Bandeau	*/
/* =================================================== */
#bandeau {
	height: 330px;
	margin: 22px 0 0 -20px;
	float:left;
    width: 695px;
}
.page_full_width #bandeau,
.not_front #bandeau {
    width: 990px;
	height: 152px;
	float:none;
	margin: 95px 0 0;
}
.page_full_width #bandeau {
	margin: -32px 0 0 -20px;
}
.not_front.page_full_width #bandeau {
	margin: 95px 0 0;
}

/* =================================================== */
/* public_cible */
/* =================================================== */
#container_public_cible {
	clear: both;
}
#public_cible {
	margin: 95px 0 0;
}
#public_cible h3 {
	display: none;
}
.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	float: left;
}
.kwicks li {
	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;	/* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks #kwick_5 {
	margin-right: 0; /* cancel margin on last kiwck (if you set a margin above) */
}
.kwicks #kwick_5 {
	margin-bottom: 0; /* cancel margin on last kiwck (if you set a margin above) */
}
/* =================================================== */
/* pour resolution ecran superieure ou egale a 1280 */
/* =================================================== */
/* cas general inutile d ajouter .ecran_1280 */
#page_container,
#container_colonnes,
#foot,
#pied {
	width: 1225px;
}
#content {
	width: 970px;
}
#outils,
.container {
	width: 990px;
}
/* =================================================== */
/* pour resolution ecran inferieure a 1280 */
/* =================================================== */
.ecran_1024 #page_container,
.ecran_1024 #container_colonnes,
.ecran_1024 #foot,
.ecran_1024 #pied {
	width: 985px;
}
.ecran_1024 #bandeau_encart {
  margin: -37px 0 10px;
}
.ecran_1024 #bandeau {
	margin-left:-35px
}
.page_full_width.ecran_1024 #bandeau {
	width: 765px;
	overflow:hidden;
}
.not_front.page_full_width.ecran_1024 #bandeau,
.not_front.ecran_1024 #bandeau {
	width: 765px;
	margin-left:0;
}
.ecran_1024 ul.lang-block {
	float: right;
	margin-top:12px;
}
/*
.ecran_1024 #pied {
	min-width: 995px;
}
*/
* html .ecran_1024 #pied {
	width: 100%;
}
.ecran_1024 #content,
.ecran_1024 #ariane {
	width: 730px;
}
.ecran_1024 #content_seul {
	width: 730px;
}
.ecran_1024 .container {
	width: 765px;
	left: 220px;
}
.ecran_1024 #outils {
	width: 765px;
}
.ecran_1024 div.titre {
	left: -35px;
	margin-right: -35px;
}
.ecran_1024 .liste_actualite.liste_actualite_2c_droite {
  float:left;
}

#conteneur {
	margin: -112px 0 0 -220px;
}
.page_full_width #conteneur {
	margin: -58px 0 0 -220px;
}
.not_front.page_full_width #conteneur,
.not_front #conteneur {
	margin: 54px 0 0 -220px;
}
* html #conteneur {
	margin: 54px 0 0 -440px;/* doubler la marge negative pour ie6 */
}
p.buttonheading{
	position: absolute;
	top: 40px;
	right: 200px;
}
.reseaux a {
margin-left: 4px;
}
.suivez-nous {
 position: relative;
	top: -5px;
 font-size: 12px;
}
sub,
sup {
	vertical-align: super;
	font-size: 0.75em;
	line-height: 0;
}
/* =================================================== */
/* Le menu */
/* =================================================== */
#nav ul {
	width: 213px;
	margin: 0;
	padding: 0;
	font-size: 0.938em;
}
#nav ul li {
	display: block;
	float: left;
	width: 100%;
	margin: 15px 0 0 0;
}
#nav ul li a {
	display: block;
	text-transform: uppercase;
}
#nav ul li ul li,
.page_menu #nav ul li ul li {
	display: inline;
	width: auto;
	margin: 0;
}
.page_menu #nav ul li ul li {
	display: block;
	float: none;
}
#nav ul li ul li span {
	display: inline;
	padding: 0 8px 0 0;
}
#nav ul li ul li span.last {
	padding:0;
}
.page_menu #nav ul li.active ul li span {
	padding: 0;
}
#nav ul li ul li a {
	display: inline;
	width: auto;
	padding: 0;
	text-transform: none;
}
#nav ul.menu li ul li a:hover,
#nav ul.menu_accueil li ul li a:hover{
	font-weight: 800;
}
/* Correction VL */
.page_menu #nav ul li{position:relative;}
/* >>> Attente correction bug .page_menu #nav ul li ul{display:none;}*/
.page_menu #nav ul li.active ul{display:block;}
.survol_menu {
	position:absolute;
	left:213px;
	top:0px;
}
.page_menu #nav ul li ul li a {
	display:block;
	font-size: 0.95em;
	padding: 2px	0 2px 5px;
	text-transform: none;
}
#bandeau {overflow:hidden;}
/* =================================================== */
/* La pagination */
/* =================================================== */
 #texte ul.pagination li {
	display: inline;
	font-style: normal;
	padding: 2px 18px 10px 3px;
	margin: 0;
	font-size: 1em;
	list-style:none;
}
 #texte ul.pagination {
	padding: 10px 0 0 0;
	text-align: center;
	overflow: hidden;
	margin: 5px 0 10px 0;
}
 #texte ul.pagination li strong a {
	text-align: center;
	padding: 2px 0 2px 0;
	line-height: 23px;
	text-decoration: none;
}
 #texte ul.pagination li strong a:hover {
	text-decoration: none;
}
#texte .results ol li{margin:5px 0px;}
/* =================================================== */
/* Les tool tips */
/* =================================================== */
.tip-wrap{
	float: left;
	padding: 5px;
	max-width: 200px;
	z-index:900;
}
.tip-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: 800;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
}
.tip-text {
	font-size: 100%;
	margin: 0;
}
/* =================================================== */
/* JCE editor */
/* =================================================== */
form.editor fieldset{margin-bottom:10px;margin-right:40px}
form.editor legend{margin-left:10px;padding:0px 10px;font-weight:bold;font-size:1.4em;}
form.editor div.save{text-align:right;}
form.editor div.button2-left{
	float:left;
	margin: 3px 10px;
	padding: 0 0;
	height:22px;
}
form.editor fieldset.publishing{padding:10px;}
form.editor fieldset.publishing label {display: block; width: 160px; float: left; margin: 0 10px 5px 0;}
/*form.editor fieldset.publishing table,*/
form.editor fieldset.publishing .wrap,
form.editor fieldset.publishing .radio {clear: both;}
form.editor fieldset.publishing .radio label {display: inline; float: none; width: auto; margin: 0;}
form.editor fieldset.publishing .radio label span {display: block; width: 160px; float: left; margin: 0 10px 5px 0;}
form.editor fieldset.metadata {padding:10px;}
form.editor fieldset.metadata label{display:block;}
form.editor fieldset.metadata textarea{margin-left:30px;}
.ecran_1024 #fiche_formation{width:440px}
#texte span.reseaux{position:absolute;top:394px;right:300px;z-index:9999}
#texte ul li a span {
	display: block;
	padding: 3px 10px 5px;
	margin-top: -3px;
}
.page_menu #nav ul li ul li ul li a {
	padding-left:10px;
}
#aside .srfrContainer ul h3 a{font-size:11px;}
#aside .encadre ul li {padding-bottom:4px}
#aside .aside_formation h2 {font-size: 1em;}
#aside .aside_formation .encadre ul li {font-size: 1em;}
#aside .aside_formation .encadre h4 {font-size: 1em;}
#aside .aside_formation .actualite ul li {font-size: 1em;}
p.retrait{padding-left:7px;}
.rss .srfrPostTextLink{text-align:right;}
.page_menu #nav ul li ul li ul li a {font-size:1em;}
#texte .liste_actualite	p.chapo{
	font-weight: 400;
  margin-left: 7px;
  padding-right:7px;
  width:296px;
}

#texte .liste_actualite p {
  margin-left: 7px;
  padding-right:7px;
  /*width:296px;*/
}
#texte .liste_actualite h2 {
  margin-left: 7px;
  padding-bottom: 0px;
  line-height: 20px;
}

#texte .liste_actualite h2 a{
  width: 296px;
}

.boutons_partage{float:left;}

/* cote front end */


.edit #adminForm label{
	display: inline-block;
	width: 150px;
}
#jform_access-lbl,#jform_access,#jform_created_by_alias-lbl,
#jform_created_by_alias,#jform_featured-lbl,
#jform_featured,.edit #adminForm fieldset:nth-child(3),
.edit #adminForm fieldset:nth-child(4){
	display : none !important;
}

.edit #adminForm fieldset legend{
	font-size : 18px;
	font-weight : 800;
}

.edit #adminForm fieldset{
	margin-bottom: 10px;
	margin-right: 40px;
	padding: 10px;
}

.edit #adminForm .formelm{
	margin-bottom : 15px;
}
.edit #adminForm #editor-xtd-buttons .button2-left{
	display: inline-block;
	padding: 10px 30px;
}



/* ======================================================================================================*/
/* ------------------------------------- START TEMPLATE.CSS --------------------------------------------*/
/* ======================================================================================================*/



a.lien_externe {
	padding-right:10px;
}
/*#texte a:focus,*/
#texte a:hover {
	text-decoration: underline;
}

#texte a.lien_externe {
	text-decoration: underline;
}
a.lien_externe:hover {
	padding-right:10px;
}
/* ajouter pour containers elements floatants */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
/* =================================================== */

h2.titre {
	clear: both;
	font-size: 0.938em;
	margin: 5px 0 0;
}
h2.titre span {
	display: block;
	padding: 5px 5px 6px 20px;
	font-weight: 800;
}
#texte span.chapo,
#texte div.chapo,
#texte p.chapo {
	font-weight: 800;
}
#texte div.chapo {
	margin-bottom:10px;
}
#aside .flash .encadre.fond {
	padding:0;
}
.voir ul li,
.voir div ul li {
	padding:0 0 0 16px;
	margin:2px 0 0;
}
#texte .aside_formation .agenda ul li li,
#texte .aside_formation .agenda div ul li li,
.agenda ul li li,
#aside .agenda .encadre ul li li,
.agenda div ul li li {
padding:0;
font-size:11px;
}
#aside .encadre ul li.evenement li{margin:0;}
#aside .chiffres .encadre div ul li {
	padding-left: 0;
}
#aside .actualites .encadre div ul li {
	padding-left: 0;
}

/* =================================================== */
/* les colonnes */
/* =================================================== */

.colonne75 {
	width: 72%;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 3% 0 0 ;
}
.colonne66 {
	width: 63%;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 3% 0 0 ;
}
.colonne50 {
	width: 47%;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 3% 0 0 ;
}
.colonne33 {
	width: 30%;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 3% 0 0 ;
}
.colonne25 {
	width: 20%;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 5% 0 0 ;
}
.colonne25 ul li,
.colonne25 ul li a,
.colonne33 ul li,
.colonne33 ul li a,
.colonne50 ul li,
.colonne50 ul li a {
	text-decoration: underline;
	display: block;
	padding-bottom: 8px;
	font-style: normal;
	font-size: 0.86em;
}
/* =================================================== */

div.titre h1,
div.titre h2 {
	text-transform: uppercase;
	padding: 0;
	font-size: 1.6em !important;
	text-shadow: 1px 1px 0 #6b6b6b;
}
.gauche {
	float: left;
	margin: 0 10px 5px 0;
}
.droite {
	float: right;
	margin: 0 0 5px 10px;
}

#texte {
	padding: 0 0 30px 0;
}
.bouton {
	display: block;
	float: right;
	margin: 0 0 10px 0;
	padding: 3px 0;
}
.mod-jevloc-link a,
a.btn,
.bouton a {
	padding: 3px 20px;
}
.bouton_actu .bouton {
	position: relative;
	top: -26px;
	margin-bottom: -26px;
}
a.pdf {
	display: block;
	clear: both;
	padding: 20px 0 20px 50px;
	text-decoration: underline;
}
/* =================================================== */

#content table.glossaire {width:100%;padding:0;
}
#content table td.glossaire_lettre {width:200px;text-align:center;}

/* =================================================== */



#content div.xmap ul li,
#content div.xmap ul li ul li {
	font-style: normal;
		list-style:none;
}

li.active {font-weight:bold;}
li.active li {font-weight: 400;}

/* modifs VL */

.center{text-align:center;}
.survol_actu{
	cursor:pointer;
}
#actualite a.readon{display:none}
#actualite h2.titre {margin-top:10px;}
/*
// "AllVideos" Plugin by JoomlaWorks for Joomla! 1.5.x - Version 3.1
// Copyright (c) 2006 - 2009 JoomlaWorks Ltd. All rights reserved.
// Released under the GNU/GPL license: http://www.gnu.org/copyleft/gpl.html
// More info at http://www.joomlaworks.gr
// Designed and developed by the JoomlaWorks team
// *** Last update: September 14th, 2009 ***
*/

/* Layout */
span.avPlayerContainer {display:block;text-align:center;clear:both;position:relative;z-index:999;}
span.avPlayerContainer span.avPlayerSubContainer {
	display:block;text-align:center;margin:4px auto;
text-align:right;}
span.avPlayerContainer span.avPlayerSubContainer span.avPlayerBlock {display:block;}

/* Font styling */
span.avPlayerContainer span.avPlayerSubContainer,
span.avPlayerContainer span.avPlayerSubContainer span,
span.avPlayerContainer span.avPlayerSubContainer input {
	font-family:Tahoma, Geneva, sans-serif;font-size:10px;}
span.avPlayerContainer span.avPlayerSubContainer a {
	font-family:Tahoma, Geneva, sans-serif;font-size:10px;font-weight:800;outline:0;}
span.avPlayerContainer span.avPlayerSubContainer a:hover {
text-decoration:none;
}

/* AllVideos LightBox */
a.avLightbox,
a.avLightbox:hover {padding:0 8px 0 0;margin:0 4px 0 0;
}

div#AVLBOverlay {position:absolute;margin:0;padding:0;top:0;left:0;width:100%;height:100%;z-index:1000100;}
div#AVLBOverlay div#AVLBExternalContainer {
	position:fixed;z-index:1000110;top:0;left:0;width:100%;height:100%;
	opacity:0.8;
	filter:alpha(opacity=80);
}
div#AVLBOverlay div#AVLBExternalContainer a#AVLBExternalContainerClose,
div#AVLBOverlay div#AVLBExternalContainer a#AVLBExternalContainerClose:hover {display:block;width:100%;height:100%;
text-decoration:none;margin:0;padding:0;
}
div#AVLBOverlay div#AVLBContainer {
	position:fixed;z-index:1000120;top:50%;left:50%;padding:8px;
}
div#AVLBOverlay div#AVLBContainer a#AVLBContainerClose,
div#AVLBOverlay div#AVLBContainer a#AVLBContainerClose:hover {}

/* AllVideos Download */
a.avDownload,
a.avDownload:hover {
	padding:0 8px 0 0;margin:0 4px 0 0;
}

/* AllVideos Embed */
span.avEmbed input.embedInput {
	width:150px;height:14px;line-height:14px;font-size:10px;margin:0 0 0 4px;padding:1px;height:12px;
}
span.avEmbed input.embedInput b {display:none;}


/* End */
/* =================================================== */
/* Les tableaux */
/* =================================================== */
#content table.tableau,
#content_seul table.tableau
{
	width: 100%;
	border-collapse:collapse;
	margin: 10px 0;
}
#content table.tableau td,
#content_seul table.tableau td {
	margin: 1px;
	padding: 13px;
	text-align: center;
}
#content table.tableau th,
#content_seul table.tableau th {
	margin: 1px;
	padding: 13px;
	text-align: center;
	font-size: 0.938em;
}
#content table.tableau caption,
#content_seul table.tableau caption {
	margin: 0px;
	padding: 5px;
	font-weight: 800;
	text-align: center;
	margin-top: 10px;
}
#ub_lien .logo_partenaire {
	display: block;
	padding: 0 80px 0 0;
}
#ub_lien .logo_partenaire a {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	position: static;
	width: auto;
	height: auto;
	text-align: left;
}

#login .name,#login .pass,#login .remember,#login	p,#login .login-fields
{
	padding:10px;
}
#login p{
	float:left;
}
#login	label{
	float:left;
	width:150px;
	text-align:right;
	padding-right:4px;
	font-weight:800;
}
#login input, select {
	font-size:1em;
}
#login input.button {
	margin-left:40px;
	padding:0 4px;
}

/* Formulaire */
input.button-form{
	margin-left:98px;
	font-size:0.9em;
	width:100px;
}

.jfsecurimage{
	margin-left:98px;}

.jform h2{
	padding-bottom:10px;
}
.jform input,
.jform textarea{
	font-size:13px;
}
div.jform div.error-message{float:none;padding-left:260px;}
.content_descriptif {
	overflow: hidden;
}

.tool-text {
	text-align:left;
}

#cas-connexion{
	margin-top:10px;
	padding-top:10px;
}
.forgot_password{padding-left:165px;margin-top:4px;}
#login input.button,#login button{margin-left:160px;}
#cas-connexion input.button{
font-size: 1em;
margin-left:160px;
padding:0 4px;
}
#aside .flash .encadre{
	padding: 0;margin:0;
}
#aside .flash .encadre iframe{
	border:0;
}

.items-leading .article-info .article-info-term ,.items-leading .article-info .published {
	display: none;
}


.article-info .published {
	float:left;
	/*margin-left: 10px;*/
}
#texte .liste_actualite h2 {
	padding: 5px 0;
}
.liste_actualite .iteminfo{display:none}
.boutons_partage,
.articleinfo{
	margin-bottom: 10px;
	font-size: 12px;
}

body.page_menu.not_front #nav ul li > ul {display:none;}
body.page_menu.not_front #nav ul li.active > ul {display:block;}


/* login */
.reset #user-registration fieldset{ display : inline-block;}
.reset #user-registration div{ display : inline-block;}

.addthis_toolbox.addthis_default_style + .actions + .article-info
{
display: inline-block;
margin-top: -27px;
margin-left: 250px;
float: left;
}

body.front #nav ul ul ul {
	display:none;
}
.liste-article-img-intro{height:90px; width:84px; margin:0 5px 5px 0; float: left;}

.encadre .avPlayerContainer{
	width:auto !important;
}

#texte	.avPlayerContainer{
	width:auto !important;
}

.liste_actualite .readmore{
	display:none;
}
/* drapeaux */
div.mod-languages ul.lang-block li {
  float:left;
  margin-left: 5px;
  margin-right: 5px;
}
div.mod-languages li a img{
	display:inline-block;
	width:22px;
	height:15px;
}
/* layer title sur image jcetooltip */
div.jcemediabox-tooltip,
div.jcemediabox-tooltip-simple{
opacity:1 !important;
}
/* menu_vous_etes */
#menu_shortcuts ul {
	display: none;
	position: absolute;
	text-align: left;
	top: 40px;
}
#menu_shortcuts ul li {
	display: block;
}
#menu_shortcuts ul li a {
	display: block;
	height: auto;
	padding: 8px 4px;
	text-align: left;
	vertical-align: middle;
	min-width:200px;
}
#menu_shortcuts:hover ul {
	display: block;
}
/* tabs */
/* Caroussel accueil */
.djslider-loader {
	float: left;
	margin-bottom: 10px;
	overflow: hidden;
	position: relative;
}


body.ecran_1024 .slider-container,
body.ecran_1024 .djslider,
body.ecran_1024 .djslider-loader {
	height: 300px;
	width: 760px;
}
.slider-container,
.djslider,
.djslider-loader,
.djslider ul.slider-container ul li,
.slider-container ul li img,
.djslider {
    height: 330px !important;
    max-width: 695px !important;
    width: 695px !important;
}
.slide-desc-bg {
	opacity: 0.6;
}
.slider-container ul .slide-desc{
	left: 0;
	min-height: 90px;
	padding: 10px 20px;
	position: absolute;
	top: 115px;
	width: 310px !important;
	z-index: 110;
}
.carrousel_accueil_texte h2.titre, .carrousel_accueil_texte h2.titre span {
	font-weight: 800;
	margin: 0;
}
.slide-desc-text .slide-title,
.slide-desc-text .slide-title a {
	display: block;
	font-weight: 800;
}
.slider-container ul li {
	z-index: 100;
}
.slider-container ul li img{
	height: 470px;
	width: 990px;
}
#carrousel_accueil ul, #carrousel_accueil li {
	list-style: none outside none;
	margin: 0;
	padding: 0;
	position: relative;
}
.djslider ul.slider-container ul li {
	height: 470px !important;
	width: 990px !important;
}
#prevBtn, #nextBtn {
	display: block;
	height: 77px;
	left: -30px;
	position: absolute;
	top: 71px;
	width: 30px;
	z-index: 1000;
}
#nextBtn {
	left: 696px;
}
#prevBtn a, #nextBtn a {
	display: block;
	height: 77px;
	position: relative;
	width: 30px;
}
span.load-button {
	border-radius: 0 !important;
	height: 28px !important;
	margin: 0 !important;
	opacity: 1 !important;
	width: 28px !important;
}
.navigation-container-custom {
	margin: 0;
	opacity: 0.8;
	padding: 0;
	top: 18px !important;
	width: 28px;
	z-index: 120;
}
.navigation-container-custom span.load-button {
	height: 28px;
	line-height: 28px;
	list-style: none outside none;
	padding: 0;
	width: 28px;
}
.navigation-container-custom span.load-button /* a */{
	float: left;
	height: 28px;
	line-height: 28px;
	margin-bottom: 1px;
	text-align: center;
	text-decoration: none;
}
.navigation-container-custom li a:focus, #prevBtn a:focus, #nextBtn a:focus {
	outline: medium none;
}
/* slider (mais pas accueil) */
#texte ul.liste_formations li,
.jwts_toggleControlContainer {
	font-size: 0.938em;
	padding: 0 0 0 20px;
}
div.jwts_toggleControlContainer a.jwts_toggleOff span.jwts_toggleControlTitle,
div.jwts_toggleControlContainer a.jwts_toggleOn span.jwts_toggleControlTitle {
  padding-left: 0;
}
#texte ul.liste_formations li a,
div.jwts_toggleControlContainer a.jwts_toggleControl{
	display: block;
	margin: 0 0 4px;
	padding: 2px 4px;
    text-decoration: none;
}
#texte ul.liste_formations li a span{
	display: inline;
	margin: 0;
	padding: 0;
}
#texte ul.liste_formations li a:hover,
#texte div.jwts_toggleControlContainer a.jwts_toggleControl:hover {
    text-decoration: none;
}
/* slider aside */
.sp-accordion.sp-accordion-style1 .toggler,
.sp-accordion.sp-accordion-style1 .toggler span,
.sp-accordion.sp-accordion-style1 .toggler span span {
	height:auto !important;
	min-height:30px !important;
	line-height:normal !important;
	margin:2px 0;
}
/* jevents */
.table-striped,
.export_form h3,
.acymodifybutton input.button,
.contentpaneopen input.button,
.mod-jevloc-link,
.ev_prevrepeat,
.ev_nextrepeat,
.ev_navigation,
.jev_catselect {
	margin-top:15px;
	margin-bottom:15px;
}
#texte #jevents_body ul.ev_ul li.ev_td_li {
display:block;
padding-left:15px !important;
}
td.mod_events_latest_first,
td.mod_events_latest {
padding:5px !important;
}
.adminform,
.ev_detail {
	display: inline-table;
	padding:5px 10px;
	margin:5px 0;
}
.adminform legend {
	padding:5px 10px;
}
/* panneau lateral droit accueil */
#bandeau_encart {
	float: right;
	margin:-368px 0 10px;
	width: 275px;
	height: auto;
	min-height: 354px;
}
#bandeau_encart h2 {
	padding:7px 0 7px 40px;
	font-weight:800;
}
#bandeau_encart table,
#bandeau_encart p{
	position:relative;
	z-index:999
}
#bandeau_encart table.mod_events_latest_table {
	margin: 3px 0 0;
	padding: 12px 10px 0;
}
#bandeau div[style="clear: both"] {
	display:none;
}
#aside {
	font-weight: 800;
	padding: 8px 0 8px 0;
	font-size: 1.3em;
	font-family: 'Alegreya Sans',sans-serif;
}
.page_full_width #aside {
	padding: 0 0 8px 0;
}
.not_front.page_full_width #aside {
	padding: 8px 0 8px 0;
}
/* encadres aside*/
#aside .encadre {
  margin: 3px 0 0;
  padding: 12px;
	font-size: 0.8em;
}
#aside .encadre,
#aside .encadre h4{  
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:100;
}
#aside .encadre h4{ 
  font-size: 1em;
}


#aside .img_large .encadre {
  padding:0;
  margin:0;
}
  


#aside .mod_jevlocations .encadre .mod-jevloc-image {
  margin:-12px 0 0 -12px;
}
#aside .mod_jevlocations .encadre .mod-jevloc-image img {
  max-width:273px !important;
}
#aside .jevfiltertable {
table-layout:fixed;
word-wrap: break-word;
}
#aside .jevfiltertable,
#aside .jevfiltertable td {
display:block;
width:100% !important;
max-width:249px !important;
}
#aside .jevfiltertable td {
float:left !important;
}
#aside .jevfiltertable td input,
#aside .jevfiltertable td select{
max-width:250px;
}
.mod_events_table {
  background-color: #fff;
}
.acysubbuttons {text-align:left !important}


body.debug #footer{
  height:100px;
}
.debugbar {
  position:fixed;left:0;bottom:0;width:100%;z-index:999;background:#FFF;
  padding:10px;
  opacity: 50%;
}
.debugbar li {
  display: inline;
  margin:0 10px;
}

#texte .pdf,
#texte ul li.pdf {
  background:transparent url('../charte/puce-pdf.gif') no-repeat 0 0;
  padding-left:20px;
  line-height:20px;
}

#aside p.voir_agenda a,
.encadre.agenda p.voir_agenda a,
p.voir_agenda a {
	display: inline-block;
	float: right;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0;
	padding: 7px 0;
	text-align: center;
	white-space: normal;
	width: 154px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#aside p.voir_agenda a {
	font-size:0.7em;
	/*min-height:30px;*/
}
#aside p.voir_agenda {
	margin:0;
}
#aside p.voir_agenda a.enc_agen_gauche,
.encadre.agenda p.voir_agenda a.enc_agen_gauche,
p.voir_agenda a.enc_agen_gauche {
  float: left;
  width: 117px;
}

#aside p.voir_agenda a.enc_agen_full,
.encadre.agenda p.voir_agenda a.enc_agen_full,
p.voir_agenda a.enc_agen_full {
  width: 100%;
}

#texte ul.liste_formations li a,
div.jwts_toggleControlContainer a.jwts_toggleControl {
  font-size: 1em;
}
div.jwts_toggleContent {
  margin: 0 0 0 15px;
}
.jwts_tabberlive .jwts_tabbertab {
  border: 1px solid #fff;
}
a.jcepopup span.jcemediabox-zoom-link,
a.jcepopup span.jcemediabox-zoom-link.icon-right,
a.jcepopup span.jcemediabox-zoom-link.zoom-right {
  background: transparent;
  padding-right:6px;
}
.mod_events_latest_content {
	display:block;
	font-size: 1em;
	margin: 5px 0;
	padding: 0 0 5px;
}
.mod_events_latest_content a:hover {
	text-decoration:underline;
}
#bandeau_encart table.mod_events_latest_table {
	display:inline-table !important;
	height:297px !important;
	overflow:hidden;
}
td.mod_events_latest_first,
td.mod_events_latest,
#bandeau_encart td.mod_events_latest_first,
#bandeau_encart td.mod_events_latest {
  display: block;
  font-size: 10px;
  margin: 5px 0;
  padding: 0 0 0 20px !important;
  width:230px;
}
td.mod_events_latest_first .mod_events_latest_content,
td.mod_events_latest .mod_events_latest_content {
  font-size:14px;
  font-weight: bold;
}
.ub_event_encadre_lieu span,
.ub_event_label{font-weight:bold}

.ub_event_encadre {
	padding:10px;
	margin:15px auto;
}
.ub_event_encadre_lieu {
	width:48%;
	float:left;
	border-right: 1px dotted #000;
	padding-right:2%;
}
.ub_event_encadre_ligne {
  border-top: 1px dotted #000;
  padding:10px 0 0;
  margin:0 0 10px;
}
.ub_event_encadre_ligne.first {
  border-top: 0;
  padding:0 0 10px
}
.ub_event_encadre_ligne.last {
  margin-bottom:0;
}
.ub_event_encadre_lieu span {
  float:left;
  max-width:200px;
}

.ub_event_encadre_horaires {
	float:right;
	width:48%;
}
a.modal {
	display:inline-block;
	background: transparent url(../charte/icon-map.png) no-repeat 50% 50%;
	height:50px;
	width:100px;
	text-indent:-999em;
	border-radius:4px;
	float:right
}
a.modal:hover {
	background-color: #fff;
}
.mod_events_table,
.mod_events_monthyear {
	width:249px !important;
}
/**
ActualitÃÆ'©s sur deux colonnes
*/
.liste_actualite.liste_actualite_2c {
  border: 1px solid #CAD4DA;
  /*min-height: 200px;*/
  margin: 5px 0;
  width: 320px;
}
#texte ul li.liste_actualite.liste_actualite_2c {
  padding:0;
}
.liste_actualite.liste_actualite_2c_gauche {
  float:left;
}
.liste_actualite.liste_actualite_2c_droite {
  float:right;
}

.liste_actualite.liste_actualite_2c .liste-article-img-intro {
  float:none;
  display:block;
  width:auto;
  margin:0 auto 5px;
}
#texte .liste_actualite.liste_actualite_2c h2,
.liste_actualite.liste_actualite_2c .mod-articles-category-introtext {
  padding:0 5px; 
}
.liste_actualite_2c .mod-articles-category-category a{
  color:#fff;
}
.liste_actualite_2c .mod-articles-category-category {
  padding:5px;
}
#bandeau_encart .mod_events_latest_table {z-index:100;}

#texte ul li.ub_ev_li {
  background: none;
  border-bottom:1px solid #000; 
  margin-bottom:10px;
}
#texte ul li.ub_ev_li a.ev_link_row {
  font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
  font-size: 16px;
}
#texte ul li.ub_ev_li .ub_event_list_date {
font-weight: bold;
float:left;
margin-right:4px;
}
#jevents_header .actions {
  display:none;
}
.jev_pagination .limit,
.jev_pagination .counter{
  display:none;
}
div.icon-48-jevents {
	background:none;
	padding:0 !important
}
div#toolbar-box {
margin-right:-160px !important
}
div#toolbar-box h2{
text-align:left
}
div#jevents table.adminform {
	border: 0 !important
}
.jeventslight #toolbar-box,
.jeventsdark #toolbar-box{
	height: auto !important;
	min-height:50px !important
}
#texte #toolbar ul li {
	padding:0 2px 5px;
}

/**
 * Jevent : proposer un evenement
 */
#component_screen .accesslevel{
  display:none;
}

.jeventpageagenda_ub .ub_event_list_date,
.jeventpageagenda_ub .ub_event_list_location {
	float:left;
	margin-right:4px;
}
.jeventpageagenda_ub .ev_table {
	width:100%;
}
.jeventpageagenda_ub .ub_event_list_date {
font-weight:800;}
#texte .jeventpageagenda_ub .ev_table p.date {
	font-size:24px;
	font-family:"Arial Black", "Impact";
	padding:2px 5px;
	line-height:24px;
	font-weight:400;
	width:48px;
	height:49px;
	text-align:center;
}
a.ev_link_row:link,
a.ev_link_row:visited,
.jeventpageagenda_ub h2 {
	font-size:16px;
	margin:0 0 5px 0;
}
.jeventpageagenda_ub h2 {
	margin:0;
}
#texte ul li a.ev_link_row:hover {
	text-decoration:underline;
}
#texte #jevents_body ul.ev_ul li.ev_td_li {
  background: none;
  padding-left:0 !important;
}
.jeventpageagenda_ub ul.ev_ul li.ev_td_li,
.jeventpageagenda_ub .ev_table,
.jeventpageagenda_ub .ev_td_left,
.jeventpageagenda_ub .ev_td_right {
  border: 0;
}
.jeventpageagenda_ub .ev_td_left {
  width: 58px;
}
.jeventpageagenda_ub .ev_td_right {
  padding-top: 0;
}
.jeventpageagenda_ub td.ev_td_right ul.ev_ul {
  margin-top:0 !important
}
.ev_adminpanel {
	margin-top:10px;
}
#___gcse_0 .gsc-search-box{
 display:none;
}
.nav_bar_cell {padding:5px;}





/* REPRIS DANS CUSTOM */
#menu_shortcuts h2 {
    font-family : Verdana;
    font-size: 1.1em;
}
p.mod-articles-category-introtext {
  margin : 0 0 4px 0;
}
.item-page ul li {
  list-style-type:none;
}
#actualite ul li{
  list-style-type:none;
}
#texte ul li.liste_actualite {
  padding-bottom:4px;
}
.liste_actualite a {
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
code {
  font-size:1.2em;
}
.chapo,
.intertitre,
.sous_intertitre {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.chapo {
  font-weight:bold;
  line-height: 1.3em;
}
p.chapo {
  font-size:13px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  line-height: 1.3em;
}
.intertitre,
.sous_intertitre {
  display:block;
}
.intertitre {
  font-size:1.3em;
  font-weight:bold;
  line-height: 1.3em;
}
#texte blockquote {
  font-size: 1.2em;
  font-style: italic;
  line-height: normal;
}
blockquote {
  border-left: 8px solid #EEE;
  margin: 15px 0 15px 50px;
  padding: 10px 10px 0;
}
div.custom p{
  margin:0;
}
#page_container,
#foot {
  background-color:#fff;
  border:7px solid #fff;
}
#annuaire a,
#search .inputbox,
#search .button {
  font-size:1.1em;
}
/* barre et bouton recherche */
#search {
  width:485px;
}
#search .inputbox,
#search .button {
  position:relative;
  top:-3px;
}
#search .inputbox {
  text-align:left;
  padding-left:5px;
  width:250px;
  height:20px;
}
#search .button {
  width:50px;
  height:25px;
  margin-left:15px;
  text-transform:uppercase;
  background-color:#E2E2E2;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  font-family: 'Alegreya Sans', sans-serif;
  color:#838383;
}
#search .inputbox:focus {
  color:#838383;
}
#search .button:hover {
  background-color:#00ccff;
}
/* animation apparition bouton recherche */
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
#search .button {
  opacity:0;
  transition:all ease-in 200ms;
}
#search .inputbox:focus +input {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
   -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity:1;
}
#nav {
  font-size:1.1em;
}
#nav ul {
  font-size:none;
}
#nav ul li a,
.page_menu #nav ul li ul li a {
  padding-left:3px;
}
#nav ul li a {
  font-size:1.1em;
}
.page_menu #nav ul li ul li a {
  font-size:12px;
}
#nav ul li ul li.current a {
  font-weight:bold;
}
.print-icon {
position: absolute;
top: 40px;
right:500px;
}

.print-icon {
  right: 500px;
  top:397px;
  list-style:none;
}
/* home */
.page_full_width #texte span.reseaux{top:152px;right:0}
.page_full_width .print-icon {top: 157px;right:200px}

.not_front.page_full_width #texte span.reseaux,
.not_front #texte span.reseaux{top:40px;right:0}
.not_front.page_full_width .print-icon,
.not_front .print-icon {right:200px;top: 45px;}

.suivez-nous {
    top: 0px;
}
.reseaux img, .print-icon {
  opacity:0.8;
}
.reseaux img:hover, .print-icon:hover {
  opacity:1;
}
.reseaux a {
  text-decoration:none;
}
#aside h2 {
  font-size:1em;
  line-height:0.85em;
  text-shadow:1px 1px 0px rgba(0,0,0,0.2);
}
#aside h2 span {
  line-height: 1em;
}
#aside .moduletable {
  border-radius:3px 3px 0 0;
  transition:all ease-in 150ms;
}
#aside .voir ul {
  padding-left:12px;
}
#aside .encadre {
  margin:0;
  border:none;
}
#aside .encadre ul li,
#aside .encadre p {
  font-size:1em;
}
#aside .encadre p{
  margin: 0 0 0px 0;
}
#aside img{
  margin:0;
}
#aside .encadre a:hover {
  text-decoration:underline;
}
#pied {
  padding-bottom:4px;
}
#pied .menu {
  font-size:1.1em;
}
#pied .menu li {
  padding-right:10px;
}
#pied .menu li:last-of-type {
  padding-right:0px;
}
#pied .menu:before,
#pied .menu:after {
  content:" ";
  margin:0 auto;
  display:block;
  position:relative;
  width:700px;
  height:1px;
}
#pied .menu:before {
  top:-7px;
}
#pied .menu:after {
  bottom:-6px;
}
.blog .liste_actualite {
  width: 303px;
  height: 200px;
  float: left;
  margin: 13px 0px 13px 0px;
  padding: 0px 7px 2px 0px;
  overflow: hidden;/**/
}
.mod-articles-category-introtext {
  font-size:1em;
  margin-left:7px;
}
.blog .liste_actualite:nth-child(even) {
  float:right;
}
#texte ul li.liste_actualite {
  word-wrap:break-word;
}
.blog .liste_actualite .liste-article-img-intro {
  display: block;
  float: left;
  margin: 3px 10px 5px 7px;
  max-width: 310px;
  max-height: 100px;
  height: auto;
}
.blog .liste_actualite .mod-articles-category-title {
  font-size: 0.6em;
  line-height: 21px;
  padding-top: 2px;
  padding-right: 7px;
  padding-bottom: 2px;
  position: absolute;
  width: 296px;
  margin-top: 130px;
}
.blog .liste_actualite .mod-articles-category-title:after {
  content:" ";
  position:absolute;
  bottom:-8px;
  right:0px;
}
.blog .liste_actualite .mod-articles-category-title,
.blog .liste_actualite .survol_actu {
  transition:background ease-in 100ms;
  text-decoration:none;
}
.blog .liste_actualite .survol_actu {
  cursor:pointer;
}
.blog .liste_actualite .mod-articles-category-introtext img {
    display:none;
}
.blog .liste_actualite .img-fulltext-left img {
    max-width:200px;
  max-height:200px;
    float:left;
}
.blog .liste_actualite p.mod-articles-category-introtext{
  margin-top:25px;
  display:none;
}
#texte .liste_actualite_2c .mod-articles-category-category a,
#actualite .liste_actualite_2c .mod-articles-category-category a {
  font-size: 1.3em;
  font-family: 'Alegreya Sans',sans-serif;
}
#texte .liste_actualite_2c .mod-articles-category-introtext p{
  margin:0;
  padding:0;
}
.blog .liste_actualite.liste_actualite_2c .liste-article-img-intro {
    float: none;
    width: auto;
}
.blog .liste-article-img-intro {
    float: left;
    height: 90px;
    margin: 0 5px 5px 0;
    width: 84px;
}
#ariane a:hover {
  font-weight:800
}