/* ################### 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:#28386b url(/img/noisy-texture-200x200-o2-d10-c-28386b-t1.png);  /* background : #2B3D75 url('/background.jpg') repeat-x top center fixed;  */ }

html, body, p, td { font-family :  Verdana, Arial, sans-serif ; font-size : 13px; }
html, body, td { color:white; }

body {  margin:0px; }


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


html { 
  margin:0;
  padding:0;

}


header { text-align:center; }
header img { max-width:100%; }
	

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




#conteneurprincipal {  margin:0 auto;  }

#conteneurpage { max-width:1060px; margin:0 auto; padding:0; }




/* 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: 30em) {
.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%;}

	

	
.blocactutype-2 { padding:20px; background-color:#425ba8; }	
	
	
	
	
	
	
.vigimg img { display:block; max-width:100%;height:auto; }






.photosrama img { width:100%; height:auto; }
	
	
	
.specasso { font-size:1.4em;  background-color:#cee0f0; color:#20476a; border-radius:10px; text-shadow:1px 1px 2px rgba(0,0,0,0.3); padding:15px; margin:0 0 15px 0; }


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

a    {color :#496270;text-decoration:none;}
a:hover   {color :#000000;text-decoration:underline;}



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.linkmenu { display:block; margin:5px; padding:5px;font-size:16px; background-color:#FCF2BE; border:solid #D3A54D 1px; text-decoration:none; }
a.linkmenu:hover,a.linkmenu:active  { background-color:#FFE1A2; border:solid #000 1px; }

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.comlink { display:block; background-color:#435fb8; border-radius:5px; padding:3px; margin:5px 0 15px 0; font-size:15px; color:white; }
a.comlink:hover { background-color:#5c83ff;  box-shadow:0 0 5px #fff;}



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


a.discretlink { color :#ACACAC; text-decoration:none; font-size:9px;}
a.discretlink:hover   { color :#7A7A7A;  }

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;  }






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

h1, h2, h3, h4 { text-align:left; font-weight:normal; }

h1 { font-size:28px; margin: 4px 4px 8px 4px;  }
h2 { font-size:22px;   }
h3 { font-size:14px; }
h4 { font-size:12px; }

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

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









header a { display:block; text-align:center; margin-bottom:15px; text-decoration:none; }
header a:hover { text-decoration:none; }

header a:hover span { text-shadow:0 0 5px rgba(255,255,255,0.5); }

header a img  { max-width:100%; }
header span { display:block; }

header span.pagesstitre1 { display:none; }
header span.pagesstitre2 { display:none; }





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




/* NAVIGATION
=============================================================*/
#nav {     margin:0 auto; position:relative; margin-bottom:15px;   	max-width: 1100px; background: rgba(0,0,0,0.2); }
	  				
a.togglemenu { padding:5px; text-decoration:none; display:block; font-size:2em; }
a.togglemenu:hover  { background-color:#3a4f94; color:white;  }



.nav.deroule { display:block; }	

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

			
		
		
		
@media only screen and (min-width: 50em) 
	{
	.nav { display:block; }
	.nav.deroule { display:block; }	
	#nav .togglemenu { display:none; background-color:#444; }	
	.nav a { display:inline-block; font-size:14px;	 vertical-align:top; width: 120px; text-align: center;	border-right: 1px solid #576979;  padding:4px 8px;  }
	
	.nav a:last-child {	border-right: 0;}
	
	
	#conteneurpage {  padding:15px; }
	
	header span.pagesstitre1 { display:block; font-family:georgia;font-size:20px; color: #B6D1E9;text-align:center;}
header span.pagesstitre2 {display:block;  font-family:georgia;font-size:16px; font-weight:bold;  color: #FFE89B; font-style:italic;text-align:center; }

	}		


nav a {	padding:4px 8px; color: #fff;	display:inline-block; width: 120px;	text-align: center;	text-decoration: none;}

nav a:hover, nav a:active {	text-decoration: none; }
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('/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 : 450px) {
	nav li {
		display: block;
		width: 100%;
	}
	nav li a {
		border-bottom: 1px solid #fff;
	}
}









.sociallinks a { display:block; font-size:13px;  }
.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-size:11px; font-weight:normal; }

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


.coldisque { display:inline-block;width:250px; vertical-align:top; text-align:center; margin:0 10px 10px 0; padding:10px;  }


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:70px; text-align:right; font-size:25px; color:#f0eb8e; margin-right:15px; }

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

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

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


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

ul.rps li { 

float: left;
width: 150px;
height: 250px; 
margin: 5px; 
padding: 10px;
text-align:center;
} 




.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 ####################################### */

form {  margin: 0;  padding: 0;  }

.inputstyle { border: 1px solid black;background-color:#C3E3EE}
.inputstyle2 { border: 1px solid black;background-color:#FFF}
.inpstyl01 { border: 1px solid black;COLOR: blue; font-weight:bold}

.inputstyle3 { margin-left: auto; margin-right: auto;  width:160px; padding:3px;margin:3px; background-color:#EC2B20; color:white; font-weight:bold; text-align:center; }

.inputstylebig { font-size:18px;font-weight:bold;border: 1px solid black;background-color:#FFECD9; }

.smallselect { font-size:11px; }


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

#admincontainer { text-align:left; width:900px; background-color:white; color:black; }
#admincontainer td { color:black; }

#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;  }