/* ################### BASE ############################ */
/* ################### 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 : #fff;   }

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


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


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


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


p.catch { font-weight:bold; text-align:center; font-size:1.5em; }



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

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

h1 { font-size:3em; margin: 4px 4px 8px 4px;  }
h2 { font-size:1.8em;  }
h3 { font-size:1.5em;  }
h4 { font-size:1.2em; }

h2 {margin-bottom:20px; }


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


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


	.vigimg img { max-width:100%;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; }



header { text-align:center; }

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

header h1 { text-align:center;  font-size: 1.6em; }
header h2 { text-align:center;  font-size: 1.5em; }

header .logo img { width:400px; max-width:100%; }

footer { background-color:#f19683 ; padding:10px; text-align:center; color:black;  }
footer div.content { margin:20px auto 0; max-width:960px;  padding:15px; color:black; }

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


 .stickkk { position: -webkit-sticky;  position: sticky;  top: 0;  }




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





/* NAVIGATION
=============================================================*/
#nav {    font-family: 'Spectral SC', serif;  margin:0 auto; position:relative;     text-align:center; background-color:#fac5b9;  }

a.togglemenu { padding:5px; text-decoration:none; display:block; font-size:1.7em; }
a.togglemenu:hover  { background-color:#eee; color:black;  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: #000000; }
.nav a:hover,.nav a:focus {color:#555555; background-color: #d28372;text-decoration:none; }
.nav  a.active {color:#ffffff; background:#d28372; 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 h1 { text-align:center;  font-size: 2em; }
	h2 { font-size:2.1em; }

	#nav {  position: -webkit-sticky;  position: sticky;  top: 0; }


	}



@media only screen and (min-width: 70em)
	{
	.nav a {   font-size:20px; width: auto;  padding:12px 14px;}
	header h1 { text-align:center;  font-size: 2.8em; }
	h2 { font-size:2.2em; }
	}

@media only screen and (min-width: 90em)
	{
	.nav a {   font-size:24px; width: auto;  padding:14px 18px;}
	header h1 { text-align:center;  font-size: 4.2em; }
	header h2 { text-align:center;  font-size: 3.2em; }
	h2 { font-size:2.4em; }
	}




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





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

a    { color :#8897ac;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:#4771af; padding:9px 15px; border-radius:3px; margin:0px; display:inline-block; }
a.flatbtn:hover { background-color:#6b8ec2;   }



.btn, button.btn {
    background-color: #dce0d6;
    border-radius: 3px;
	border:0 none;
    color: #333333;
    display: inline-block;
    line-height: 18px;
    margin: 0 7px 0 0;
    padding: 4px 10px;
    text-align: center;
    vertical-align: middle;
	transition: all 0.3s;
	}

a.btn,button.btn { text-decoration:none;  cursor: pointer; }
a.btn:hover, button.btn:hover {     background-color: #E6E6E6;      color: #333333;    text-decoration: none;}

a.btn-primary, button.btn-primary {    background-color: #52A4EA;      color: #FFFFFF;   }
a.btn-primary:hover,  a.btn-primary:active, a.btn-primary.active, a.btn-primary.disabled, a.btn-primary[disabled],
button.btn-primary:hover, button.btn-primary:active, button.btn-primary.active, button.btn-primary.disabled, button.btn-primary[disabled] {    background-color: #318FE8;    color: #FFFFFF;}

a.btn-1, a.btn-success, span.btn-1  {  color:white; background-color:#758710;}
a.btn-1:link, a.btn-1:visited,a.btn-success:link, a.btn-success:visited {  color:white; }
a.btn-1:hover,a.btn-1:active,a.btn-success:hover,a.btn-success:active { background-color:#95ab14; }

a.btn-2 , span.btn-2 { background-color:#cd4f18; color:white;}
a.btn-2:link, a.btn-2:visited {  color:white; }
a.btn-2:hover,a.btn-2:active { background-color:#eb7e50; }

/* WARNING */
a.btn-3, a.btn-warning, button.btn-warning, span.btn-3 { background-color:#b61f35; color:white;}
a.btn-3:link, a.btn-3:visited,a.btn-warning:link, a.btn-warning:visited {  color:white; }
a.btn-3:hover,a.btn-3:active,a.btn-warning:hover,a.btn-warning:active,button.btn-warning:hover { background-color:#dd3c54; }

a.btn-danger, span.btn-danger { background-color:#b61f35; color:white;}
a.btn-danger:link, a.btn-danger:visited {  color:white; }
a.btn-danger:hover,a.btn-danger:active { background-color:#dd3c54; }


a.btn-small,.btn-small { font-size:0.8em;  padding:2px  6px; margin:0 3px 0 0;}

a.btn-big, button.btn-big ,a.btn-lg, button.btn-lg { font-size:1.5em;  padding:10px 15px; margin:0 15px 0 0;}
a.btn-xxxl, button.btn-xxxl { font-size:2em; line-height:35px; padding:20px 25px; margin:0 15px 0 0;}

a.btn-fullwidth, button.btn-fullwidth, a.btn-block, button.btn-block, span.btn-block {  width:100%; margin:0 0 7px 0; }

a.btn-blockcentered, button.btn-blockcentered { display:block; max-width:50%; margin:0 auto 15px; }

.btn-disabled { font-style:italic; background-color:#f4f5f3; color:#b6bdae; }



a.btn-flr { float:right; }
a.btn-fll { float:left; }

.btn-success { background-color:#b3cd18; color:white; }



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


nav {		width: 100%;	background: #ff265c; color:white;	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 span {	padding:4px 8px; color: #ffc926;	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('/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;
	}
}

















	.profil { width:50%; height:auto; float:left; margin-right:25px; }
		.insidetextright {  width:25%; height:auto; float:right; margin-left:25px; }

		.insidetextright2 {  width:50%; height:auto; float:right; margin-left:25px; }

.insidetextleft {  width:25%; height:auto; float:left; margin-right:25px; }

	@media only screen and (max-width : 600px) {
		.profil { width:100%;}
			.insidetextright {  width:50%;  }
			.insidetextright2 {  width:50%;  }
			.insidetextleft  { width:50%; }
	}








	.section { background: no-repeat center ;   -webkit-background-size: cover;  -moz-background-size: cover;   -o-background-size: cover;
		  background-size: cover;  }


	.section .content { max-width:1020px; margin:0 auto; padding:20px 0px; }


	.section-1 { } /* background-image:url(33706e73af584e15a966e1efb905f098.jpg); */


	.section-style-2 { background:url(/img/fondshiatsu.jpg)  #ffdfbf;  } /*  */
	.section-style-2 h2 {  }

  .section-style-3 { background: #ff794c; color:white;  } /*  */
	.section-style-3 h2 { color:white; }

	.section-3 { background-color:#fff; }
	.section-3 h2 {   }

	.section-4 {  #4880a1; color:white;  } /* background:url(/backgroundflowerdark.png) */
	.section-4 h2 {  color:white; }


	.fullcoverimg { max-width:100%;

 background: no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
		  background-size: cover; }




.bloccontent img { max-width:100%;height:auto; }



		 .fci-1 { height:170px;   }		 
		 .fci-2 { height:100px;   }


		 @media only screen and (min-width: 30em)
			{
				.section .content {  padding:20px 20px; }
				.fci-1 { height:250px;   }
				.fci-2 { height:150px;   }

			}


	 @media only screen and (min-width: 50em)
			{
				.section .content {  padding:20px 30px; }
				.fci-1 { height:350px;   }
				.fci-2 { height:200px;   }
			}


	 @media only screen and (min-width: 70em)
			{
				.fci-1 { height:450px;   }
				.fci-2 { height:270px;   }
			}





#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:200px; 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.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; }

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, textarea, button {  font: 1em/1.5 arial,sans-serif;  margin:0 10px 10px 0;  }

input:focus, textarea:focus, button:focus { outline:solid #9f9f60 1px; }


textarea {  width:100%; height:250px;   resize:vertical; }
textarea:focus  {   }

textarea.cke_source {border:solid 1px #696969; color:black; background-color:white; padding:10px; }
textarea.cke_source:focus  { color:black; }



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



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

form {  margin: 0;  padding: 0;  }


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











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



/* FORMULAIRES - FORMULAIRES - FORMULAIRES - FORMULAIRES - FORMULAIRES - FORMULAIRES - FORMULAIRES - FORMULAIRES - */
/* FORMULAIRES - FORMULAIRES - FORMULAIRES - FORMULAIRES - FORMULAIRES - FORMULAIRES - FORMULAIRES - FORMULAIRES - */
/* FORMULAIRES - FORMULAIRES - FORMULAIRES - FORMULAIRES - FORMULAIRES - FORMULAIRES - FORMULAIRES - FORMULAIRES - */
/* FORMULAIRES - FORMULAIRES - FORMULAIRES - FORMULAIRES - FORMULAIRES - FORMULAIRES - FORMULAIRES - FORMULAIRES - */






input {   border:solid  #eee 1px; background-color:#cfcfb0; color:white; border-radius:3px; padding:7px;  }
input:focus  { border:solid  #666 1px; color:#444;  }

input[type='submit'] { margin:20px auto;	padding: 3px 9px 4px;	background:#EEEEEE;   border-radius: 3px ;     color: #505050;    cursor: pointer;    display: inline;    font-size: 1.5em;    font-style: normal;    min-height: 10px;    min-width: 90px;    padding: 4px 9px;    white-space: nowrap;}
input[type='submit']:hover { background:#a9d44c; }


button[type='submit'] { border:none; margin:10px auto;	padding: 7px 10px;	background:#4771af;  color:white;  border-radius: 3px ;      cursor: pointer;    display: inline-block;     font-style: normal;    white-space: nowrap;}
button[type='submit']:hover { background:#698dc2; }










/* ADMIN */

.adm-section { padding:10px; background-color:#bfefff; border:solid #4cffd2 1px; margin:0 0 15px 0; }
.adm-contentbloc { padding:10px; background-color:#dfffbf; border:solid #d2ff4c 1px; margin:0 0 15px 0; }


.adm-section .actions { float:right; }
.delsectionlink { margin-left:20px; }