/* ################### BASE ############################ */
/* ################### BASE ############################ */
/* ################### BASE ############################ */


*, *:before, *:after {  box-sizing: inherit;}



.cf:before,.cf:after {    content: " "; display: table; }
.cf:after {    clear: both;}
.cf {    *zoom: 1; }





html { font-size:100%; box-sizing: border-box; background : #2B3D75 url('../img/background.jpg') repeat-x top center fixed;   }


html, body, p, td, input, button { font-family :  'Lato', Arial, sans-serif ; font-size : 16px; }
html, body, td { color:white; }


body {  margin:0px;  }


p { margin: 0px 0px 13px 0px; line-height:1.5em;padding:4px; text-align:justify; }


p.bg { font-size:1.7em; }
.overlay-textintro p.bg { font-size:2em; }

p.bg2 { color: #FFE89B; font-size:2em; }

form { margin:0px; padding:0px; }



.xosp { height:0px; overflow:hidden; }

.success-message { background-color:#45c95c; padding:15px; margin: 15px 0; color:white; font-size:2em; text-align:center; }
.error-message { background-color:#e02e32; padding:15px; margin: 15px 0; color:white; font-size:2em; text-align:center; }


@font-face {
font-family: 'TwCenMT';
font-style: normal;
font-weight: normal;
src: local('Tw Cen MT'), url('../fonts/TwCenMT.woff') format('woff');
}




/* ################### GENERIQUES ############################ */
/* ################### GENERIQUES ############################ */
/* ################### GENERIQUES ############################ */

h1, h2, h3, h4 { font-family: 'Spectral SC', serif;padding:0px; margin: 0px; text-align:left; font-weight:normal; }

h1 { font-size:3em; margin: 4px 4px 8px 4px;  }
h2 { font-size:2em; color: #FFE89B; }
h3 { font-size:1.5em; color: #FFE89B; }
h4 { font-size:1.2em; }

ul { margin:0px; padding:0px; }

.bleu1 { color: #B6D1E9;}
.jaune1 { color: #FFE89B;}

h2.bg { font-size:2.5em; font-style:italic; }



.vigimg img { max-width:300px;height:auto; }
.img-fw { width:100%;  display:block; max-width:100%;height:auto; }
.img-rs {  max-width:100%;height:auto; }
.img-fleft { float:left;margin-right:15px; }

hr { margin:25px 0; border:solide #cacaca 1px; }





	/*html {  margin:0; padding:0; background: url(/background-new.jpg) no-repeat center fixed;  -webkit-background-size: cover; background-size: cover; }  */

html {   margin:0;  padding:0;  background: url('../img/img/navy_blue.png') center fixed;  }


header { text-align:center; margin:0 0 15px 0; }
header img { max-width:100%; }
header span.pagesstitre1 { display:none; }
header span.pagesstitre2 { display:none; }

header h1 { text-align:center;  }

footer {   }
footer div.content { margin:20px auto 0; max-width:960px;  padding:15px; color:#fff; }

#audioplayer { width:100%; display:block; }


.blocimagefades { width:100%; min-height: 80vh; position:relative;   }

.blocimagefades {  }


.background-splashes { transition:all ease 3s;
width:100%; min-height: 80vh;  position:absolute;
top:0; left:0; right:0; bottom:0; background: no-repeat center ;   -webkit-background-size: cover;  -moz-background-size: cover;   -o-background-size: cover;
		  background-size: cover;  }




.overlay-dots {  z-index:2; position:absolute; top:0; left:0; right:0; bottom:0;}

.overlay-dates { z-index:3; position:relative; max-width:1200px; margin:0 auto; } /*  max-width:300px; margin:0 200px 0 200px; */

.overlay-dates h2,.overlay-dates h3 { text-align:center; color:#FFE89B;   }

.overlay-textintro  { text-align:center; padding:15px; margin:15px;}
.overlay-textintro h2 { font-size:3em; margin: 4px 4px 8px 4px;  text-shadow:2px 2px 2px rgba(0,0,0,0.5);  }
.overlay-textintro p { text-align:center; text-shadow:2px 2px 2px rgba(0,0,0,0.5); font-size:1.4em; }



.agenda { position:relative; padding:15px; margin:15px; }
.agenda .bgtransp { position:absolute; z-index:-5; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); }

.agenda .line { margin:0 ; border-bottom:dotted #577fe9 1px; padding:10px 0; }
.agenda .line:last-child { border-bottom:0 none;padding:10px 0 0; }
.agenda .line .date { float:left; width:50px; text-align:center;margin:0 10px 0 0;padding:6px;background-color:#577FE9; }

.agenda .line .date .mois { display:block; font-weight:bold;color:#FFE89B;font-size:16px; }
.agenda .line .date .jour { display:block; line-height:0.8em;font-weight:bold;color:white;font-size:25px; }
.agenda .line .date .heure { display:block; font-weight:regular;line-height:1.2em;font-size:14px; }
.agenda .line .details { margin:0 0 0 10px; }

@media only screen
	{

	}




div.highlight { background-color:rgba(0,0,0,0.5); padding:25px; }



div.highlight-success { background:#24ad21; }



	div.my-gallery { text-align:center; }

	div.pic { 	    display: inline-block;
    vertical-align: top;
    margin: 0 15px 15px 0;
 }

 div.pic img { height:100px;width:auto; }





/* NAVIGATION
=============================================================*/
#nav {    font-family: 'Spectral SC', serif;  margin:0 auto; position:relative; margin-bottom:15px;    background: rgba(0,0,0,0.2); text-align:center; }

a.togglemenu { padding:5px; text-decoration:none; display:block; font-size:2em; }
a.togglemenu:hover  { background-color:#3a4f94; color:white;  text-decoration:none; }



.nav.deroule { display:block; }

.nav,.nav * {  margin:0;padding:0;}

.nav { max-width:100%; display:none;   }
.nav a {  width:100%;	cursor:pointer; font-size:17px;	text-decoration:none;	display:block;	 padding:7px 10px; color: #fff; }
.nav a:hover,.nav a:focus {color:#fff; background-color: #8c99a4;text-decoration:none; }
.nav  a.active {color:#666; background:#fff; cursor:pointer; }


.regular-content {  max-width:100%; margin:0 auto; padding:20px;  }

@media only screen and (min-width: 30em)
	{
	a.togglemenu {  }
	.nav a { display:inline-block; width:50%;   }

	}


@media only screen and (min-width: 50em)
	{
	.nav { display:block; }
	.nav.deroule { display:block; }
	#nav a.togglemenu { display:none; background-color:#444; }
	.nav a { display:inline-block; 	 vertical-align:top; width: auto; text-align: center;	border-right: 1px solid #576979;  padding:7px 9px;  }
	.nav a:last-child {	border-right: 0;}

	.regular-content {  max-width:1280px; margin:0 auto; padding:20px;  }

	header span.pagesstitre1 { display:block;  font-family: 'Spectral SC', serif; font-size:20px; color: #FFE89B;text-align:center;}
	header span.pagesstitre2 {display:block;   font-family: 'Spectral SC', serif; font-size:16px;   color: #FFE89B; text-align:center; }
	}



@media only screen and (min-width: 70em)
	{
	.nav a {   font-size:20px; width: auto;  padding:12px 14px;}
	header span.pagesstitre1 { font-size:30px;}
	header span.pagesstitre2 { font-size:22px;    }
	}

@media only screen and (min-width: 90em)
	{
	.nav a {   font-size:24px; width: auto;  padding:14px 18px;}
	header span.pagesstitre1 { font-size:30px;}
	header span.pagesstitre2 { font-size:22px;    }
	}




#conteneurprincipal {  margin:0 auto;  }

#conteneurpage {  }




img.social-logo  { vertical-align:middle; margin-right:7px; }




@media only screen and (min-width: 50em)
	{





	}






/* GRID
==============================*/


.col {padding: 0 1.5em; }
.row .row {margin: 0 -1.5em;}
.row:before, .row:after {content: "";display: table;}
.row:after {clear: both;}


@media only screen
	{
	.col {	float: left;	width: 100%;	}
	}


@media only screen and (min-width: 40em) {
.col-1-1 { width: 100%; }
.col-1-2 { width: 50%; }
.col-1-3 { width: 33.33%; }
.col-2-3 { width: 66.66%; }

.col-1-4 { width:25%; }
.col-2-4 { width:50%; }
.col-3-4 { width:75%; }
}




.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}
.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}


.vidcontainer  { position:relative; transition:all ease 0.5s; display:inline-block; width:100%; max-width:300px; }
.vidcontainer  img { display:block; width:100%;  transition:all ease 0.5s; }

.vidcontainer span.titre { position:absolute; bottom:10%; left:0; right:0; background-color:rgba(0,0,0,0.5); padding:15px; text-align:center;  }


.vidcontainer.small { width:200px; margin:0 15px 15px  0;  }

.vidcontainer:hover {  }
.vidcontainer:hover img {opacity:.5; }

.vidcontainer:after { transition:all ease 0.5s; position:absolute; opacity:0; top:0; left:0; right:0; text-align:center; content:'Lire la vidéo'; font-size:2em; text-shadow: 0 0 5px rgba(0,0,0,0.5);  }
.vidcontainer:hover:after { opacity:1; top:15px;  }

.vidcontainer.small:after { font-size:1em; }



.photosrama img { width:100%; height:auto; }


/* ################### LIENS ############################ */
/* ################### LIENS ############################ */
/* ################### LIENS ############################ */

a    { color :#f0eb8e;text-decoration:none;}
a:hover   {color :#fff;text-decoration:underline;}
a:active  {color :#fff;text-decoration:none;}



a.yel:link    {color :#f0eb8e;text-decoration:none;}
a.yel:visited {color :#f0eb8e;text-decoration:none;}
a.yel:hover   {color :#fff;text-decoration:underline;}
a.yel:active  {color :#fff;text-decoration:none;}

a.imagelink { text-decoration:none; }
a.imagelink img {border:0px;  }
a.imagelink:hover img {border:0px;  opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;   }
a.imagelink:active img {border:0px; }


a.whitelink:link { color:white; }
a.whitelink:visited { color:white; }
a.whitelink:hover { color:white; }
a.whitelink:active { color:white; }




a.hidlink img {border:0px; text-decoration:none; }


a.onlink:link, a.onlink:visited, a.onlink:hover, a.onlink:active { color:green; text-decoration:none; }
a.offlink:link, a.offlink:visited, a.offlink:hover, a.offlink:active  { color:red; text-decoration:none; }



a.flatbtn { color:white; text-decoration:none; transition:all ease 0.7s; background-color:#4763bd; padding:9px 15px; border-radius:3px; margin:10px; display:inline-block; }
a.flatbtn:hover { background-color:#6c82ca; padding:9px 25px;  }








/* MENU
======================== */


nav {		width: 100%;	background: rgba(0,0,0,0.2);	position: relative;	}
nav ul {	padding: 0;	margin: 0 auto;	max-width: 1100px;}
nav li {	display: inline-block; vertical-align:top; }
nav a {	padding:4px 8px; color: #fff;	display: block;	width: 100px;	text-align: center;	text-decoration: none;}
nav li a {	border-right: 1px solid #576979;}
nav li:last-child a {	border-right: 0;}
nav a:hover, nav a:active {	text-decoration: none; background-color: #8c99a4;}
nav a#pull {	display: none;}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
  	nav li {
  		width: 50%;
  	}
  	nav li a {
		border-bottom: 1px solid #fff;
		border-right: 1px solid #fff;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
  	}
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
	nav {
		border-bottom: 0;
	}
	nav ul {

	}
	nav a#pull {
		display: block;
		background-color: #283744;
		width: 100%;
		position: relative;
	}
	nav a#pull:after {
		content:"";
		background: url('../img/images/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
}

/*Smartphone*/
@media only screen and (max-width : 320px) {
	nav li {
		display: block;
		width: 100%;
	}
	nav li a {
		border-bottom: 1px solid #fff;
	}
}



















#menubar { text-align:center; }
#menubar a { display:inline;  float:left; }
#menubar a:hover{ background-color:#4F73D3; }




.sociallinks a { display:block;   }
.sociallinks a img { vertical-align:middle;  }
.sociallinks a:link,.sociallinks a:visited { color:white; text-decoration:none; }
.sociallinks a:active,.sociallinks a:hover { background-color: #22305d; color:#577fe9; text-decoration:none; }

.sociallinks a:hover img { opacity:.5; }

.hidbox { display:none; }   .showbox { display:block; }
.padbox { padding:5px;  }
.padbox2 { padding:10px;  }

.overflowbox {  overflow:hidden; }
.redbox { background-color:red; }

.centerbox { text-align:center; }

.transpimage {  opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5; }

.rightfloatbox { float:right; }
.cursorbox { cursor:pointer; }

.aggbox { display:none; }

.spacer {	clear: both; }
.floleft { float:left; }   .floright { float:right; }


#buttons { vertical-align:top; text-align:center;  }
#buttons a { display:inline-block; }
#buttons a {text-decoration:none;  color:white; font-weight:bold; background-color:#3D59A3; padding:3px; margin:3px; white-space:nowrap;}

#buttons a:hover{ background-color:#4F73D3; }

#buttons a.select{ background-color:#577FE9; }


.dateshist { color:#DFCB88; font-weight:bold; }







table.generictable { border:solid #C8C8C8 1px; border-collapse: collapse; width:100%;   }
table.generictable td { vertical-align:top; padding:4px; border:solid #C8C8C8 1px; }
table.generictable tr.separate td { border-bottom:solid black 1px; }

table.generictable tr.header { background-color:#696969; color:white; }
table.generictable tr.header th { vertical-align:top;  font-weight:normal; }

table.generictable tr.altrow { background-color:#EEEEEE; }
table.generictable td.admactions { background-color:#dadada; width:15px; }




.coldisque { display:inline-block; max-width:220px; vertical-align:top; text-align:center; margin:0 10px 10px 0; padding:10px;  }
.coldisque img { max-width:100%; }

.colscontainer { text-align:center; display:flex; flex-flow: row wrap; align-items: center; justify-content: center;}




div.danslapresse { margin:10px;padding:10px; background-color:#243260; }
div.danslapresse h2 { color: #ffaad0; }
div.danslapresse ul  { margin:0 0 0 15px; padding:0; }
div.danslapresse ul li { margin:0 0 8px;  }


/* ################# historique ################ */
/* ################# historique ################ */
/* ################# historique ################ */


div.hist-1ereannee { float:left; width:20%; text-align:right; font-size:25px; color:#f0eb8e; margin-right:15px; }
div.hist-1ertexte { float:left; width:75%; border-bottom:dotted #f0eb8e 1px; margin-bottom:10px; padding:0 0 10px 0;}

div.hist-annee { float:left; width:20%; text-align:right; font-size:16px; color:#f0eb8e; margin-right:15px; }

div.hist-texte { float:left; width:75%; border-bottom:dotted #f0eb8e 1px; margin-bottom:10px; padding:0 0 10px 0;}




div.rpcitationyear { font-size:2em; font-weight:bold; }

div.rpcitation { padding:20px;  }
div.rpcitation span.titre {  font-size:1.7em; color:#f0eb8e; }
div.rpcitation span.source {  font-size:1.2em; color:#fff; display:block;}
div.rpcitation.alt { text-align:right; }




a.coupurepresse { display:inline-block; max-width:150px;  vertical-align:top;margin: 5px;padding: 10px;text-align:center; }
a.coupurepresse img { max-width:100%; }
a.coupurepresse:hover { background-color: #243260; }



ul.rps {

  margin: 10px 0;
  padding: 0;
  list-style: none;
  display: block;
  clear: both;
  float: left;
  width: auto;
  }



ul.rps li {
display:inline-block; vertical-align:top;
width: 150px;

margin: 5px;
padding: 10px;
text-align:center;
}

div.logosrp {   }
div.logosrp img { background-color:white; display:inline-block; vertical-align:top; height:105px; width:auto; margin:10px; padding:10px; }




.ajax-loading {	padding: 66px 0;	background: url('./images/ajax-loader.gif') no-repeat center;  }
.ajax-loading2 {	height:100px; 	background: url('./images/ajax-loader2.gif') no-repeat center;  }

/* ################################### FORMULAIRES ####################################### */
/* ################################### FORMULAIRES ####################################### */
/* ################################### FORMULAIRES ####################################### */


input[type=text], input[type=email] { transition:all ease 0.3s; border:solid white 1px; padding:4px; border-radius:4px; background-color:#444; color:white; margin:0 10px 10px 0; }
input[type=text]:focus, input[type=email]:focus { background-color:black; border-color:#FFE89B; }

.nxtform button { transition:all ease 0.3s; border:0 none; cursor:pointer; background-color:#2f94df; padding:4px; color:white; border-radius:4px; margin:0 10px 10px 0; }
.nxtform button:hover { background-color:#73b7ea; }
.nxtform label { display:block; }

form {  margin: 0;  padding: 0;  }



/* ########################### ADMIN CREA STYLES ################## */
/* ########################### ADMIN CREA STYLES ################## */
/* ########################### ADMIN CREA STYLES ################## */


#pagination_bottom { padding:5px; background-color:#387CA2; font-weight:bold; }
#pagination_bottom ul {  list-style: none ; padding:0px; margin:0px; }

#pagination_bottom li  { 				display: inline;     }
#pagination_bottom li.currentpage  { 	padding: 4px 8px 4px 8px;  background-color:white; color:red;     }
#pagination_bottom li.noliens { 		font-style: italic; color:#489FD0; }
#pagination_bottom li a { 				text-decoration:none; color:#fff; padding: 4px 8px 4px 8px; text-align: center; cursor: pointer; }
#pagination_bottom li a:hover { 		background-color: #4CA8DB; }
#pagination_bottom li a.liens:hover {   background-color: #408DB8;   }


.arborescenceadmin ul { padding: 10px; }
.arborescenceadmin ul li { padding:5px; }


#sortable-list2				{ padding:0; }
div.sortme2 		 			{ padding:4px 4px; color:#000; cursor:move;  margin:2px 0; border-bottom:1px solid #dc9656; }
#message-box				{  }


.sortablemoving { background-color:#FFEC88; border-left:solid #C79322 20px;}



.menubaradmincrea { font-size:13px;background-color:#C4FDEC;margin-bottom:5px;padding:3px; border-bottom:solid black 1px; }
div.menubaradmincrea a { color:#1D8877; font-weight:bold; text-decoration:none; }
div.menubaradmincrea a:hover, div.menubaradmincrea a:active { color:#EB808A;  }

div.menubaradmincrea a.selected { color:red;  }

.systemmsg { background-color:#CA0000; color:white; font-size:16px; padding:10px; }
.systemmsg a {  color:#FFEC88; }


.navibarstyle { padding:5px;background-color:#FFEDE1;font-weight:bold;font-size:11px; }

.tableadm { border-collapse:collapse; background-color:#FBE0DE; width:100% }
.tableadm TD {  }
.tableadmheader { background-color:#fafafa; }
.tableadmactions { background-color:#fff; font-size:9px; }

.admcreabox { background-color:#FFF0C3;margin:10px;border:solid black 1px; }
.admcreamodifbox { font-size:20px;background-color:#FC9F43;padding:5px;  }
.admcreaaddbox  { font-size:20px;background-color:#CEDB86;padding:5px;  }