@import url(https://fonts.googleapis.com/css?family=Dancing+Script:300,700);
@import url(https://fonts.googleapis.com/css?family=Merienda:300,400,500,600,700);
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,input,select,textarea,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
	border:0;
	font-size:100%;
	font:inherit;
	font-family:'Merienda', sans-serif;
	font-weight:normal;
	margin:0;padding:0;
	list-style-type:none
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display:block
}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0}

/*********** FIN CSS RESET **************/


body {
    margin: 0;
    text-align: center;
    font-size: 0.75rem;
    line-height: 1.25em;
    color: rgba(0, 0, 0, 1);
	/*background: rgb(103, 78, 167);*/
	background:rgb(103, 78, 167);
	word-break: break-word;
}

input,select,textarea{
	font-size: 0.75rem;
}

body.pop{
	background:rgba(255, 255, 255,1);
}

a, a:visited{
	color:rgba(103, 78, 167,1);
	text-decoration:none;
	font-weight: bold;
}

hr {
    display: block;
    clear: both;
    height: 1px;
    line-height: 1px;
    border: 0px;
    margin: 0;
}

hr.sep{
    height: 2px;
    background: linear-gradient(to right, rgba(255, 255, 255,1), rgba(0, 0, 0, 1), rgba(255, 255, 255,1));
}

.fa{
	margin-right:5px;
}

.maxit100p *{
	max-width:100%;
}

.t60p{box-sizing: border-box; width:60% !important;max-width: 100%;}
.t80p{box-sizing: border-box; width:80% !important;max-width: 100%;}
.t90p{box-sizing: border-box; width:90% !important;max-width: 100%;}
.t100p{box-sizing: border-box; width:100% !important;max-width: 100%;}
.t50{box-sizing: border-box; width:50px !important;max-width: 100%;}
.t60{box-sizing: border-box; width:60px !important;max-width: 100%;}
.t80{box-sizing: border-box; width:80px !important;max-width: 100%;}
.t90{box-sizing: border-box; width:90px !important;max-width: 100%;}
.t100{box-sizing: border-box; width:100px !important;max-width: 100%;}
.t110{box-sizing: border-box; width:110px !important;max-width: 100%;}
.t120{box-sizing: border-box; width:120px !important;max-width: 100%;}
.t130{box-sizing: border-box; width:130px !important;max-width: 100%;}
.t140{box-sizing: border-box; width:140px !important;max-width: 100%;}
.t145{box-sizing: border-box; width:145px !important;max-width: 100%;}
.t150{box-sizing: border-box; width:150px !important;max-width: 100%;}
.t160{box-sizing: border-box; width:160px !important;max-width: 100%;}
.t170{box-sizing: border-box; width:170px !important;max-width: 100%;}
.t180{box-sizing: border-box; width:180px !important;max-width: 100%;}
.t190{box-sizing: border-box; width:190px !important;max-width: 100%;}
.t200{box-sizing: border-box; width:200px !important;max-width: 100%;}
.t210{box-sizing: border-box; width:210px !important;max-width: 100%;}
.t220{box-sizing: border-box; width:220px !important;max-width: 100%;}
.t230{box-sizing: border-box; width:230px !important;max-width: 100%;}
.t240{box-sizing: border-box; width:240px !important;max-width: 100%;}
.t250{box-sizing: border-box; width:250px !important;max-width: 100%;}
.t260{box-sizing: border-box; width:260px !important;max-width: 100%;}
.t270{box-sizing: border-box; width:270px !important;max-width: 100%;}
.t280{box-sizing: border-box; width:280px !important;max-width: 100%;}
.t290{box-sizing: border-box; width:290px !important;max-width: 100%;}
.t295{box-sizing: border-box; width:295px !important;max-width: 100%;}
.t300{box-sizing: border-box; width:300px !important;max-width: 100%;}
.t310{box-sizing: border-box; width:310px !important;max-width: 100%;}
.t320{box-sizing: border-box; width:320px !important;max-width: 100%;}
.t322{box-sizing: border-box; width:322px !important;max-width: 100%;}
.t330{box-sizing: border-box; width:330px !important;max-width: 100%;}
.t340{box-sizing: border-box; width:340px !important;max-width: 100%;}
.t350{box-sizing: border-box; width:350px !important;max-width: 100%;}
.t360{box-sizing: border-box; width:360px !important;max-width: 100%;}
.t370{box-sizing: border-box; width:370px !important;max-width: 100%;}
.t380{box-sizing: border-box; width:380px !important;max-width: 100%;}
.t385{box-sizing: border-box; width:385px !important;max-width: 100%;}
.t390{box-sizing: border-box; width:390px !important;max-width: 100%;}
.t400{box-sizing: border-box; width:400px !important;max-width: 100%;}
.t410{box-sizing: border-box; width:410px !important;max-width: 100%;}
.t420{box-sizing: border-box; width:420px !important;max-width: 100%;}
.t430{box-sizing: border-box; width:430px !important;max-width: 100%;}
.t440{box-sizing: border-box; width:440px !important;max-width: 100%;}
.t450{box-sizing: border-box; width:450px !important;max-width: 100%;}
.t460{box-sizing: border-box; width:460px !important;max-width: 100%;}
.t470{box-sizing: border-box; width:470px !important;max-width: 100%;}
.t480{box-sizing: border-box; width:480px !important;max-width: 100%;}
.t490{box-sizing: border-box; width:490px !important;max-width: 100%;}
.t500{box-sizing: border-box; width:500px !important;max-width: 100%;}
.t510{box-sizing: border-box; width:510px !important;max-width: 100%;}
.t520{box-sizing: border-box; width:520px !important;max-width: 100%;}
.t530{box-sizing: border-box; width:530px !important;max-width: 100%;}
.t540{box-sizing: border-box; width:540px !important;max-width: 100%;}
.t550{box-sizing: border-box; width:550px !important;max-width: 100%;}
.t560{box-sizing: border-box; width:560px !important;max-width: 100%;}
.t570{box-sizing: border-box; width:570px !important;max-width: 100%;}
.t580{box-sizing: border-box; width:580px !important;max-width: 100%;}
.t590{box-sizing: border-box; width:590px !important;max-width: 100%;}
.t600{box-sizing: border-box; width:600px !important;max-width: 100%;}
.t620{box-sizing: border-box; width:620px !important;max-width: 100%;}
.t630{box-sizing: border-box; width:630px !important;max-width: 100%;}
.t640{box-sizing: border-box; width:640px !important;max-width: 100%;}
.t650{box-sizing: border-box; width:650px !important;max-width: 100%;}
.t680{box-sizing: border-box; width:680px !important;max-width: 100%;}
.t700{box-sizing: border-box; width:700px !important;max-width: 100%;}

.h100p{box-sizing: border-box; height:100%;}
.h25{box-sizing: border-box; height:25px;}
.h30{box-sizing: border-box; height:30px;}
.h75{box-sizing: border-box; height:75px;}
.h100{box-sizing: border-box; height:100px;}
.h120{box-sizing: border-box; height:120px;}
.h125{box-sizing: border-box; height:125px;}
.h150{box-sizing: border-box; height:150px;}
.h175{box-sizing: border-box; height:175px;}
.h200{box-sizing: border-box; height:200px;}
.h225{box-sizing: border-box; height:225px;}
.h250{box-sizing: border-box; height:250px;}
.h275{box-sizing: border-box; height:275px;}
.h300{box-sizing: border-box; height:300px;}
.h320{box-sizing: border-box; height:320px;}
.h325{box-sizing: border-box; height:325px;}
.h330{box-sizing: border-box; height:330px;}
.h350{box-sizing: border-box; height:350px;}
.h375{box-sizing: border-box; height:375px;}
.h400{box-sizing: border-box; height:400px;}

.center	{text-align:center !important;}
.left	{text-align:left !important;}
.right	{text-align:right !important;}
.justify{text-align:justify !important;}

header,
.Contenu,
footer{
	display:block;
	clear:both;
	width:100%;
	max-width:988px;
	margin:0 auto;
	padding:0;
	box-shadow: 10px 0px 10px rgba(0, 0, 0, 0.4),  -10px 0px 10px rgba(0, 0, 0, 0.4);
}

.Contenu{
	background:rgba(245, 245, 245,0.7);
	z-index: 10;
}

header{
	position:relative;
	background:url('img/body/header/woodland-656969.jpg') no-repeat center top;
    height: 250px;
	z-index: 100;
}

header ._h1{
    position: absolute;
    top: 50px;
    left:0px;
	text-align: left;
	width:100%;
	max-height:160px;
	overflow:hidden;
	padding:0 10px;
}

header ._h1 h1{
	display:block;
	font-family: 'Dancing Script', sans-serif;
    color: rgb(255, 255, 255);
    font-weight: bold;
    font-size: 2.4615384615385rem;
	line-height: 1em;
	text-shadow: 2px 2px 5px rgb(0, 0, 0);
	margin:0;
	padding:0;
	font-style: italic;
	text-align:center;
}

header ._h1 h1 a{
    color: rgb(255, 255, 255);
	font-family: inherit;
	font-weight:inherit;
}

@media screen and (max-width:650px){
	header ._h1 h1{
		font-size: 1.8461538461538rem;
	}
}

.h_url{
    color: rgba(255, 255, 255,1);
    font-weight: normal;
    font-size: 0.65769230769231rem;
    text-align: left;
    margin-top: 5px;
}

.h_url a{
	color:rgba(255, 255, 255,1);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	font-weight: normal;
}

.h_st{
	position: absolute;
    top: 5px;
    left: 10px;
    color: rgba(255, 255, 255,1);
    font-size: 0.65769230769231rem;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}

.h_lo{
	position: absolute;
    bottom: 50px;
    right: 10px;
    color: rgb(255, 255, 255);
	text-align: right;}

.h_lo._w{
	background: rgba(255, 255, 255, 0.8);
	padding: 3px 10px;
	border-radius: 10px;
	border:2px solid rgba(255, 255, 255,1);
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
}

.h_lo._b{
	background: rgba(0, 0, 0, 0.4);
	padding: 3px 10px;
	border-radius: 10px;
	border:2px solid rgba(0, 0, 0, 1);
	box-shadow: 2px 2px 3px rgba(255, 255, 255, 0.2);
}

.h_lo._n{
	background:none;
	padding:0;
	border-radius:0;
	border:0;
	box-shadow:none;
}

.h_lo li{
	display:block;
	list-style-type:none;
}

.h_lo li._t{
	margin-top:8px;
}

.h_lo b{
	font-weight: bolder;
}

.h_lo img{
	vertical-align: text-bottom;
    margin-left: 5px;
    border: 1px solid #FFF;
    box-shadow: 1px 1px 5px #000;
    width: 22px;
    height: 15px;
}

.h_fo{
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: rgba(103, 78, 167,1);
    padding: 5px 10px;
    border-radius: 10px;
	border:2px solid rgba(240, 240, 240, 1);
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
	width: 150px;
    text-align: center;
}

.h_fo a{
	color:rgba(255, 255, 255,1);
	font-weight:normal;
}

.h_fo:hover{
	border:2px solid rgba(255, 255, 255,1);
}

.h_m_lr{
    position: absolute;
    top:85px;
    left: 10px;
    font-size: 0.78461538461538rem;
    background: rgba(255, 255, 255, 1);
    padding: 2px;
    border-radius: 0px;
    border: 2px solid rgba(0, 0, 0, 0.4);
    cursor: pointer;
    line-height: 1.6em;
	width: 30px;
	height: 2rem;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
	box-sizing: border-box;
	text-align:center;
}

.h_m_lr .fa{
    margin:0;
}

.h_lr{
	position: absolute;
    top:85px;
    left: 50px;
    font-size: 0.78461538461538rem;
    background: rgba(255, 255, 255,1);
    padding: 2px 10px;
    border-radius: 0px;
    border: 2px solid rgba(0, 0, 0, 0.4);
	z-index: 100;
	cursor:pointer;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
	height: 2rem;
	box-sizing: border-box;
}

.h_lr:hover{
    border: 2px solid rgba(0, 0, 0, 0.8);
	height:auto;
}

.h_lr li{
	text-align:right;
	line-height:25px;
	display:none;
	background: rgba(255, 255, 255,1);
	padding:0 10px;
}

.h_lr li:hover{
	background: rgba(0, 0, 0, 0.1);
}

.h_lr li a{
	color:rgba(0, 0, 0, 0.6);
	font-weight: normal;
}

.h_lr li.off{
	text-align:left;
}

.h_lr li.on{
	text-align:left;
	display:block;
}

.h_lr li.on a{
	color:rgba(0, 0, 0, 1);
}

.h_id{
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgba(255, 255, 255, 0.6);
    padding: 3px 10px;
    border-radius: 10px;
	border:2px solid rgba(255, 255, 255,1);
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
	width: 150px;
    text-align: center;
	cursor:pointer;
	opacity:0.6;
	line-height: 1.3em;
	font-weight: normal;
	color:rgba(0, 0, 0, 1);
}

.h_id span{
	display: block;
}
.h_id span._to:hover{
	background: rgba(255, 255, 255,1);
}

.h_id span._par{
	margin-bottom:10px;
}

.h_id:hover{
	background: rgba(255, 255, 255, 0.8);
	opacity:1;
}

.h_id a{
	font-weight: normal;
	color:rgba(0, 0, 0, 1);
}

footer{
	background:url('img/body/header/woodland-656969-2.jpg') no-repeat center top;
	height:200px;
	position: relative;
}

footer section{
	display:block;
	clear:both;
	width:100%;
	margin:0 auto;
	padding:20px 10px;
	color:rgba(255, 255, 255,1);
	box-sizing: border-box;
}

footer section a{
	color:rgba(255, 255, 255,1) !important;
}

footer #f_st{
	display:none;
	width:1px;
	height:1px;
}

.Contenu{
	display:block;
	min-height: 500px;
	position: relative;
}

.Lateral{
	display:block;
	float:left;
	width:26.31578947368421%;
	padding:0;
	margin:0;
	padding-top:10px;
	min-width: 260px;
	z-index:10;
	transition: left 0.5s;
}

.Lateral:hover {
	left:0px;
	transition: left 0.5s;
}

.Page{
	display:block;
	padding:10px;
	box-sizing:border-box;
	text-align:center;
	font-weight: normal;
	font-size:1.1em;
	line-height: 1.5em;
}

.Page h1,
.Page h2,
.Page h3{
    font-size: 1.2rem;
    font-weight: bold;
    color: rgba(103, 78, 167,1);
	margin-bottom:5px;
	text-align: left;
	line-height:1.25em;
}


@media screen and (max-width:380px){
	.Page h1,
	.Page h2,
	.Page h3{
		font-size: 0.92307692307692rem;
		font-weight: bold;
		color: rgba(103, 78, 167,1);
		margin-bottom:5px;
		text-align: left;
		line-height:1.25em;
	}
}


.Page h2{
	margin-top: 10px;
    font-size: 1.0615384615385rem;
}

.Page h3{
	margin-top: 10px;
    font-size: 0.92307692307692rem;
}

.Page p{
	margin:10px 0px;
	text-align: justify;
	line-height: 1.6em;
	margin-bottom: 20px;
}

.Page img,
.Page iframe{
	max-width:100%!important;
	height: auto!important;
}

.Page b{
	margin:10px 0px;
	text-align: justify;
	font-weight: bold;
}

.Page h1 + p:first-child,
.Page h2 + p:first-child{
	margin-top:30px;
}

.Texte ol,
.Texte ul{
    margin: 10px 20px;
	list-style-type:decimal;
	line-height: 1.5em;
}

.Texte ol li,
.Texte ul li{
    display:list-item;
	list-style-type:decimal;
	padding-left:15px;
	margin-left:10px;
}

.Texte ul li{
	list-style-type:none;
	position:relative;
	margin-bottom: 5px;
}

.Texte ul li:after{
	position: absolute;
    content: ' ';
    background: rgba(103, 78, 167,1);
    top: 0.5em;
    left: -10px;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    border: 1px solid rgba(103, 78, 167,1);
    box-sizing: border-box;
    box-shadow: 1px 1px 3px rgba(255, 255, 255, 0.8) inset, 1px 1px 1px rgba(0, 0, 0, 1);
}

.Texte .attention {
    background: rgba(103, 78, 167, 0.4);
    padding: 10px;
    border-radius: 10px;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4);
}

.Texte .attention p,
.Texte .attention li{
    font-weight: bold;
}

.Page .Nav{
	display:block;
	clear:both;
	text-align:center;
	margin:0px;
	margin-top:20px;
	margin-bottom:10px;
}

.Page .Nav li{
    display: inline-block;
    min-width: 22px;
    min-height: 22px;
    font-size: 0.83076923076923rem;
    line-height: 22px;
    padding: 3px;
    margin: 2px;
    border-radius: 4px;
	border:1px solid rgba(255, 255, 255,1);
    background: rgba(0, 0, 0, 0.2);
	cursor:pointer;
	box-shadow:2px 2px 5px rgba(0, 0, 0, 0.2);
}

.Page .Nav li.on{
    background: rgba(0, 0, 0, 0.6);
}

.Page .Nav li:hover{
    background: rgba(0, 0, 0, 0.4);
	box-shadow:5px 5px 5px rgba(0, 0, 0, 0.2);
}

.Page .Nav li.on a{
	color:rgba(255, 255, 255,1);
}

.Page .Nav li a{
	color:rgba(125, 125, 125, 1);
}

.Page .Nav li:hover a{
	color:rgba(75, 75, 75, 1);
}

.Page .Nav li.page,
.Page .Nav li.page:hover{
	background-color: transparent;
    border: 0;
    display: block;
    font-size: 0.675rem;
    line-height: 1em;
	min-height:initial;
	padding:0px;
    color: rgba(96, 125, 139, 1);
    font-weight: 300;
    color: rgba(96, 125, 139, 1);
    cursor: default;
    margin: 2px;
    height: initial;
	box-shadow:none;
}

.Lateral ~ .Page{
	display:block;
	float:right;
	width:73.68421052631579%;
	text-align:justify;
}

.Conteneur{
	width:100%;
	padding:20px;
	text-align:justify;
	box-sizing:border-box;
	margin: auto;
}

.Conteneur.center{
	text-align:center;
}

.Conteneur:after{
    content: '';
    display: block;
    clear: both;
}

.Menu h1{
	background: rgba(103, 78, 167,1);
    padding: 5px;
    font-size: 0.83076923076923rem;
    text-align: left;
    margin: 0;
    font-weight:bold;
    color: rgba(255, 255, 255,1);
	/*border-radius: 6px 0px 0px 0px;*/
}

.Menu h1 a{
    color: rgba(255, 255, 255,1);
}

.Menu > ul{
    display: block;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    /*border: 2px solid rgba(103, 78, 167, 0.5);*/
    width: calc(100% - 10px);
    box-sizing: border-box;
    text-align: left;
    background:rgba(255, 255, 255,1);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6);
	margin-left:2px;
}

.Menu > ul:hover{
    /*border: 2px solid rgba(103, 78, 167,1);*/
    background:rgba(255, 255, 255,1);
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
}

.Menu > ul li:not([id^=Actu]){
	padding:5px 0px 5px 5px;
	-webkit-transition: all 0.2s; /* Safari */
    transition: all 0.2s;
	cursor:pointer;
}

.Menu > ul ul.list{
	cursor:pointer;
	position:relative;
}

.Menu > ul ul li.list{
	cursor:pointer;
}

.Menu > ul ul.list ol{
	display:block;
	width:100%;
    background: rgba(240, 240, 240, 1);
    max-height: 250px;
    overflow: auto;
	padding: 10px;
	box-sizing: border-box;
}

.Menu > ul ul li{
	color:rgba(0, 0, 0, 1);
}

.Menu > ul ul li:not([id^=Actu]):hover{
	/* color:rgba(255, 255, 255,1); */
}

.Menu > ul li a{
	color:rgba(0, 0, 0, 1);
	font-weight: normal;
}

.Menu > ul li._mark:hover::before{
	background:rgba(103, 78, 167, 0.8);
	-webkit-transition: all 0.2s; /* Safari */
    transition: all 0.2s;
}

.Menu > ul li._mark2:hover::before{
	border-color:rgba(103, 78, 167, 0.8);
	-webkit-transition: all 0.2s; /* Safari */
    transition: all 0.2s;
}

.f_s{
	display: inline-block;
	float:right;
    text-align: right;
	margin-bottom:20px;
}

.f_eo{
    position: absolute;
    display: block;
    text-align: center;
    padding: 10px;
    bottom: 0px;
    margin: 0px auto;
    width: 550px;
    left: 50%;
    margin-left: -275px;
}

.f_eo a{
	padding: 3px 10px;
    background: rgba(0, 0, 0, 0.6);
    font-weight: normal;
    border-radius: 8px;
	font-size:0.65769230769231rem;
}

.f_url{
	display: inline-block;
	float:left;
    font-size: 0.65769230769231rem;
    font-weight: normal;
    text-align: left;
	margin-bottom:5px;
}

.f_url a{
	color:rgba(255, 255, 255,1);
    font-weight: normal;
	font-size: 0.65769230769231rem;
}

div.f_lr{
	display:inline-block;
	float: left;
    text-align: left;
	padding:5px;
	background: rgba(0, 0, 0, 0.6);
	box-shadow:2px 2px 10px rgba(0, 0, 0, 0.6);
	max-width: calc(100% - 10px);
}

p.f_lr{
	display: inline-block;
    float: left;
    text-align: left;
	padding-right:10px;
	font-size: 0.65769230769231rem;
}

ul.f_lr{
	display: inline-block;
    float: left;
    text-align: left;
	padding-right:10px;
	font-size: 0.65769230769231rem;
	max-height: 100px;
    overflow-y: auto;
	width: 300px;
	max-width:100%;
}

.f_lr li a{
	font-weight: normal;
}

#f_con{
	text-align:center;
}

#f_con h1{
    margin-top: -32px;
    font-size: 0.92307692307692rem;
    margin-bottom: 20px;
}

#f_con li{
    display:block;
	margin:2px auto;
	position:relative;
}

#f_con input[type=button]{
    margin-top:10px;
	margin-bottom:20px;
}

#f_con .fa-eye,
#f_con .fa-eye-slash{
	position:absolute;
    display: block;
	width:30px;
	height:28px;
	line-height:30px;
	margin:0;
	padding:0;
	text-align:center;
	color:rgba(255, 255, 255,1);
	font-size: 0.92307692307692rem;
	top:0;
    right:80px;
    cursor: pointer;
	background:rgba(103, 78, 167,1);
}

#f_con p{
	text-align:justify;
	padding:5px;
	line-height: 1.6em;
}

#f_con p._e{
	background:rgba(103, 78, 167, 0.4);
	border-radius:10px;
}

#f_con p._g{
	background:rgba(0, 0, 0, 0.3);
	border-radius:10px;
}

#f_con p a{
	color:rgba(255, 255, 255,1);
}

.Actu{
    display: block;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    /*border: 1px solid rgba(103, 78, 167,1);*/
    width: 100%;
    box-sizing: border-box;
}

.Actu ul{
	display:block;
	position:relative;
	height:205px;
	min-height:150px;
	overflow:hidden;
}

.Menu .Actu ul li{
	position:absolute;
	top:0;
	left:0;
	display:none;
	margin:0;
	padding: 5px;
    width: 100%;
    box-sizing: border-box;
	text-align:justify;
	font-size: 0.65769230769231rem;
    line-height: 1.2em;
}

.Actu ul li.On{
	display:block;
}

.Actu ul li span{
    display: block;
    margin: 0;
    padding: 2px 5px;
    text-align: right;
    font-size: 0.65769230769231rem;
    font-weight: normal;
    float: right;
	background: rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    text-align: right;
}

.Actu ul li span + hr + p{
	display:block;
	clear:both;
	line-height:1.5em;
	margin-top:15px;
}

.Actu ul li img{
	display: block;
	clear:both;
    margin: 5px auto 10px auto;
    max-height: 100px;
	width: auto;
	box-shadow: 5px 5px 5px rgba(175, 175, 175, 1);
}

input[type=text],
input[type=password],
input[type=file],
input[type=button],
input[type=range],
input.cal,
textarea,
select{
	padding:1px 3px;
	margin:0;
	height:28px;
	background:rgba(255, 255, 255, 0.7)!important;
	border: 1px solid rgba(103, 78, 167,1);
	border-radius:0 !important;
	color:rgba(0, 0, 0, 1);
	font-weight: normal;
	box-sizing: border-box;
	vertical-align: bottom;
}

input:focus,
textarea:focus,
select:focus{
	outline:none;
}

textarea{
	height:initial;
}

input[type=button]{
	background:rgba(103, 78, 167,1)!important;
	margin: 0;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
    padding: 2px 10px;
    border: 2px solid rgba(255, 255, 255, 0.7);
	font-weight:normal;
	color:rgba(255, 255, 255,1);
	cursor:pointer;
}

input[type=button].close{
	background:rgba(0, 0, 0, 0.7)!important;
}

input[type=button]:not(.disabled):not(:disabled):hover{
	font-weight: normal;
	border: 2px solid rgba(255, 255, 255,1);
}

input[type=text].fail,
input[type=password].fail,
textarea.fail{
	background:rgba(190, 11, 30, 0.10)!important;
	border: 2px solid rgba(190, 11, 30, 1)!important;
	padding:0px 2px;
}


input[type=text].gone,
input[type=password].gone,
textarea.gone{
	background:rgba(116, 167, 14, 0.10)!important;
	border: 2px solid rgba(116, 167, 14, 1)!important;
}

input[type=button]:disabled,
input[type=button].disabled{
	background:rgba(175, 175, 175, 1)!important;
	color:rgba(255, 255, 255,1);
	text-shadow:1px 1px 1px rgba(75, 75, 75, 1);
	font-style:italic;
}

input[type=checkbox],
input[type=radio]{
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
	border:1px solid rgba(103, 78, 167,1);
    background:rgba(255, 255, 255,1);
    -webkit-appearance: none !important;
	padding:0;
}

input[type=checkbox]:hover,
input[type=radio]:hover{
    background:rgba(103, 78, 167, 0.3);
	box-shadow: 1px 1px 1px #fff inset, -1px -1px 1px #fff inset;
}

input[type=checkbox]:checked,
input[type=radio]:checked{
    background:rgba(103, 78, 167,1);
	box-shadow: 1px 1px 1px #fff inset, -1px -1px 1px #fff inset;
}

input[type=radio]{
	width: 15px;
    height: 15px;
    border-radius: 6px;
    line-height: 1em;
    vertical-align: text-bottom;
}

input[type=radio]:hover,
input[type=radio]:checked{
	box-shadow: 2px 2px 1px #fff inset,
	-2px -2px 1px #fff inset,
	-2px 2px 1px #fff inset,
	2px -2px 1px #fff inset
}

input[type=range]{
	-webkit-appearance: none;
	background:rgba(255, 255, 255, 0.6) !important;
	border:1px solid rgba(103, 78, 167,1);
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background:rgba(103, 78, 167,1);
    opacity: 1;
    width: 16px;
    height: 16px;
	border-radius:8px;
	box-shadow:1px 1px 3px rgba(0, 0, 0, 0.6);
}

.fa.fail{
	color:rgba(190, 11, 30, 1);
}

.fa.gray{
	color:rgba(125, 125, 125, 1);
}

.fa.input{
    line-height: 26px;
    background: rgba(103, 78, 167, 0.8);
    color: rgba(255, 255, 255,1);
    width: 28px;
    text-align: center;
    margin-right: 0;
    padding-left: 2px;
    box-sizing: border-box;
	border:1px solid rgba(103, 78, 167, 0.8);
	border-right-width:0;
}

.fa.input + input{
	border-left-width:0;
	padding-left:8px;
}

/************************* CONTACT **************/

._co_i{
	box-sizing:border-box;
	width:100%;
	margin:20px auto;
	margin-top:0;
	font-size: 0.83076923076923rem;
}

@media screen and (max-width:380px){
	._co_i{
		font-size: 0.69230769230769rem;
	}
}

._co_i li{
	margin-bottom:6px;
}

._co_i li img{
	width:22px;
	height:16px;
	vertical-align:text-bottom;
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.8);
	margin-right:5px;
}

._co_i li u{
	display:inline-block;
	width:150px;
	text-decoration:none;
}

._co_f input[type=text]{
	width:300px;
	max-width:100%;
}

._co_f textarea{
	width:600px;
	max-width:100%;
	height:200px;
}

._co_f input[type=button]{
	width:200px;
}

._co_info{
	width:100%;
	margin:20px auto;
	font-size:0.65769230769231rem;
}

._Message{
	margin: 30px auto;
    padding: 30px;
    border: 2px solid rgba(103, 78, 167,1);
	background:rgba(0, 0, 0, 0.1);
}

._Message h1{
    font-size: 1.1076923076923rem !important;
    margin-bottom: 20px !important;
}

._photo,
._video{
	display: inline-block;
	width: 33.33333333333333333%;
    float: left;
	padding: 5px;
    box-sizing: border-box;
	margin-bottom: 10px;
}

._photo:nth-child(3n + 4){
	clear:both;
}

._photo ._t,
._video ._t{
    color: rgba(0, 0, 0, 1);
    
    margin-bottom: 3px;
    font-weight: normal;
	height:2rem;
}

._photo ._g,
._photo ._te,
._photo ._s,
._photo ._a,
._video ._a{
    display:none;
}

._photo ._v,
._video ._v{
    display:block;
	height:112px;
}

._photo a,
._video a{
    display:block;
	text-align:center;
}

._photo a img,
._video a img{
    max-width:165px;
	max-height:110px;
	box-shadow: 10px 10px 10px rgba(175, 175, 175, 1);
    border: 1px solid rgba(255, 255, 255,1);
}

._ph_img{
	max-width:600px;
	max-width: 100%;
	margin:10px auto;
	box-shadow: 10px 10px 10px rgba(175, 175, 175, 1);
    border: 1px solid rgba(255, 255, 255,1);
}

._ph_p{
	width:600px;
	max-width: 100%;
	margin:10px auto !important;
	text-align:justify;
	line-height:1.5em;
}

._animal{
	display:block;
	width:100%;
	margin-bottom:20px;
	clear:both;
}

._animal:after{
    content: '';
    display: block;
    clear: both;
}

._animal h2{
    font-weight: bolder;
    font-size: 0.92307692307692rem;
}

._animal h2 a{
	color:rgba(0, 0, 0, 1);
}

._animal ._p{
	display:inline-block;
	float:left;
	clear: right;
	width:152px;
	max-height:152px;
	margin-right:15px;
	margin-bottom:15px;
}

._animal ._p img{
	max-width:150px;
	max-height:150px;
	box-shadow: 10px 10px 10px rgba(175, 175, 175, 1);
    border: 1px solid rgba(255, 255, 255,1);
}

._animal li{
	margin-bottom:5px;
	clear: right;
}

._animal li img{
	width:22px;
	height:16px;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(255, 255, 255,1);
	vertical-align:text-bottom;
	margin-right: 5px;
}

._animal li u{
	text-decoration:none;
	font-weight: bolder;
	margin-right:5px;
}

._animal li b a{
	display:inline-block;
	float:right;
	background:rgba(75, 75, 75, 1);
	padding:2px 10px;
	color:rgba(255, 255, 255,1);
	text-decoration:none;
	font-weight: normal;
	border-radius:8px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

._animal li._t{
    line-height: 1.6em;
    height: 100px;
    overflow-y: auto;
}

._animal li._d{
    display: inline-block;
    float: right;
    font-size: 0.65769230769231rem;
    padding: 2px 10px;
    background: rgba(103, 78, 167, 0.5);
    color: rgba(255, 255, 255,1);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
}

._videoL{
	display: block;
    clear:both;
	margin:10px auto;
    width: 600px;
	max-width: 100%;
    height: 340px;
	box-shadow: 10px 10px 10px rgba(175, 175, 175, 1);
}

nav.NavAjax {
    display: block;
    clear: both;
    text-align: center;
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
	height:26px;
}

.Next{
    float: right;
    background: rgba(103, 78, 167,1);
    color: #FFF;
    cursor: pointer;
    padding: 5px 15px;
    border-radius: 12px;
    font-weight: bold;
    font-style: normal;
	box-shadow: 2px 2px 5px rgba(103, 78, 167, 0.6);
}

.Previous{
    float: left;
    background: rgba(103, 78, 167,1);
    color: rgba(255, 255, 255,1);
    cursor: pointer;
    padding: 5px 15px;
    border-radius: 12px;
    font-weight: bold;
    font-style: normal;
	opacity:1;
	box-shadow: 2px 2px 5px rgba(103, 78, 167, 0.6);
}

.Next.disabled,
.Previous.disabled{
    opacity: 0.5;
    font-style: italic;
    font-weight: normal;
}

.Next.Hide,
.Previous.Hide{
    display:none;
	opacity:0;
}

[id^=backImage]{
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:2000;
	background:rgba(0, 0, 0, 0.8);
	text-align:center;
}


[id^=backImage] .backConteneur{
    position: absolute;
    background: rgb(230, 230 ,230);
    top: 50%;
    left: 50%;
    display: none;
	max-width:80%;
	max-height:80%;
	overflow:auto;
	box-shadow: 5px 5px 10px #000;
}

[id^=backImage] .backConteneur > h1{
	display:block;
    text-align: left;
    font-size: 0.75rem;
    font-weight: 600;
    color: rgba(255, 255, 255,1);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
    margin: 0;
	padding:8px 8px 5px;
	background:linear-gradient(rgba(103, 78, 167, 0) 3%, rgba(103, 78, 167, 0.2) 6%, rgba(103, 78, 167, 0.4) 9%, rgba(103, 78, 167, 0.6) 12%, rgba(103, 78, 167,1) 25%);
	border-bottom: 1px solid rgba(0, 0, 0, 1);
}

[id^=backImage] .backConteneur > div{
	padding:10px;
}

/**********************************************************/
/* Utilisé avec putDialog								  */
/**********************************************************/

[id^=backImage] .backConteneur.dialog{
	width:400px;
}

[id^=backImage] .backConteneur.dialog p{
	margin: 20px;
    text-align: justify;
    min-height: 40px;
}

[id^=backImage] .backConteneur.dialog p.info{
    font-size: 0.65769230769231rem;
    margin: 20px 20px 10px;
}

[id^=backImage] .backConteneur.dialog .button{
	margin: 20px auto;
	padding:0;
}

[id^=backImage] .backConteneur.dialog .button .true{background:rgba(103, 78, 167,1) !important;}
[id^=backImage] .backConteneur.dialog .button .false{background:rgba(0, 0, 0, 0.7) !important;}

[id^=backImage] .backConteneur.dialog .button input[type=button]{
	margin: 0 10px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
    padding: 2px 10px;
    border: 2px solid rgba(255, 255, 255, 0.7);
	font-weight:normal;
}

[id^=backImage] .backConteneur.dialog .button input[type=button]:hover{
    border: 2px solid rgba(255, 255, 255,1);
	font-weight:normal;
}

._wait{
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    color: rgba(255, 255, 255,1);
    font-size: 4rem;
    margin-top: -15px;
    margin-left: -16px;
	margin-right:initial;
    width: 30px;
    height: 32px;
    padding: 0;
}

._wait.fa{
	font-size:2rem;
}

[id^=backImage] .backImageC{
	display: none;
	position: absolute;
	border: 2px solid rgba(255, 255, 255,1);
	background:rgba(0, 0, 0, 1);
	left: 50%;
    top: 50%;
	z-index:2005;
}

[id^=backImage] ._img{
	position: absolute;
    display: block;
    border: 2px solid rgba(255, 255, 255,1);
	opacity:0;
	left: 50%;
    top: 50%;
	z-index:2010;
}

[id^=backImage] ._close,
[id^=backImage] ._right,
[id^=backImage] ._left,
[id^=backImage] ._info{
	position: absolute;
    display: block;
    border: 2px solid rgba(255, 255, 255,1);
	opacity:0;
	left: 50%;
    top: 50%;
	color:rgba(255, 255, 255,1);
	background:rgba(0, 0, 0, 1);
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    line-height: 28px;
    font-size: 0.92307692307692rem;
    text-align: center;
    cursor: pointer;
    border-radius: 15px;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, .6);
	z-index:2020;
}

[id^=backImage] ._titre,
[id^=backImage] ._texte{
position: absolute;
    display: block;
    opacity: 0;
    left: 50%;
    top: 50%;
    color: rgba(255, 255, 255,1);
    background: rgba(0, 0, 0, 0.6);
    box-sizing: border-box;
    width: 100%;
    line-height: 1.4em;
    text-align: justify;
    padding: 5px;
    z-index: 2015;
    font-weight: normal;
	max-height: 150px;
    overflow: auto;
}

[id^=backImage] ._close:hover,
[id^=backImage] ._right:hover,
[id^=backImage] ._left:hover,
[id^=backImage] ._info:hover{
	background:rgba(103, 78, 167,1);
}

._zoom{
	cursor:pointer;
}

._zoom_{
	position:relative;
	display:inline-block;
}

._zoom_ .fa{
    position: absolute;
    top: 1px;
    left: 1px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.8);
    margin-right: 0px;
    padding-left: 4px;
    border-radius: 0px 0px 8px 0px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 1);
}

._zoom_ .fa b{
    display:none
}

._zoom:hover + .fa{
	color: rgba(0, 0, 0, 1);
}

/**********************************************************/
/* Utilisé avec la fonction _zoom sur les annonces		  */
/**********************************************************/

._zoom_._pa{
	display: inline-block;
    float: left;
    max-width: 200px;
    max-height: 200px;
    text-align: center;
    margin: 0;
    padding: 0;
    margin-right: 15px;
    margin-bottom: 5px;
}

._zoom_._pa img{
	max-width:100%;
	max-height:200px;
	box-shadow: 10px 10px 10px rgba(175, 175, 175, 1);
    border: 1px solid rgba(255, 255, 255,1);
}



/********************************************/
/*											*/
/*			PEDIGREE						*/
/*											*/
/********************************************/

.TablePedigree {
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  width: 99%;
  max-width: 1100px;
  border: 0px;
  font-size: 1px;
  text-align: left;
}

.TablePedigree td {
  height: 5px;
  border: 0px;
}
.TablePedigree .border {
  border: 2px solid #000;
}
.TablePedigree .border0 {
  border: 2px solid #85D8F7;
}
.TablePedigree .border1 {
  border: 2px solid #F69C84;
}
.TablePedigree .borderL {
  border-left: 1px solid #000;
}
.TablePedigree .borderR {
  border-right: 1px solid #000;
}
.TablePedigree .borderB {
  border-bottom: 1px solid #000;
}
.TablePedigree .borderT {
  border-top: 1px solid #000;
}
.TablePedigree .borderL0 {
  border-left: 1px solid #85D8F7;
}
.TablePedigree .borderR0 {
  border-right: 1px solid #85D8F7;
}
.TablePedigree .borderB0 {
  border-bottom: 1px solid #85D8F7;
}
.TablePedigree .borderT0 {
  border-top: 1px solid #85D8F7;
}
.TablePedigree .borderL1 {
  border-left: 1px solid #F69C84;
}
.TablePedigree .borderR1 {
  border-right: 1px solid #F69C84;
}
.TablePedigree .borderB1 {
  border-bottom: 1px solid #F69C84;
}
.TablePedigree .borderT1 {
  border-top: 1px solid #F69C84;
}
.TablePedigree .r1 {
  font-size: 0.75rem;
  padding: 3px;
}
.TablePedigree .r2 {
  font-size: 0.65769230769231rem;
  padding: 3px;
}
.TablePedigree .r3 {
  font-size: 0.51923076923077rem;
  padding: 2px;
}
.TablePedigree img {
  border: 1px solid #FFF;
  box-shadow: 1px 1px 3px #000;
}
.TablePedigree .r1 img {
  max-width: 100px;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}
.TablePedigree .r2 img {
  max-width: 100px;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}
.TablePedigree .r3 img {
  max-width: 50px;
  float: left;
  margin-right: 3px;
  margin-bottom: 3px;
}
.TablePedigree ul {
  display: table-row;
  table-layout: fixed;
  margin: 0px;
  padding: 0px;
}
.TablePedigree ul li {
  margin: 2px;
  padding: 0px;
  display: table-cell;
  list-style-type: none;
  background-image: none;
}
.TablePedigree .r1 ul li:first-child {
  width: 50px;
  font-weight: bold;
}
.TablePedigree .r2 ul li:first-child {
  width: 40px;
  font-weight: bold;
}
.TablePedigree .r3 ul li:first-child {
  width: 30px;
  font-weight: bold;
}

/**********************************************************/
/* Utilisé avec la fonction PHP affiche_info de librairie */
/**********************************************************/

.affiche_info{
	border:2px solid rgba(103, 78, 167,1);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);
}

.affiche_info td{
	padding:5px;
}

.affiche_info h1{
	font-size: 1.1076923076923rem;
}

/**********************************************************/
/* 					Utilisé  sur les annonces			  */
/**********************************************************/
._pa_des {
    margin: 0;
    padding: 10px 100px 20px;
    line-height: 1.6em;
    font-weight: normal;
}

._pa_des li{
    display:block;
	clear:both;
}

._pa_des li span{
    display:block;
	float:right;
	font-weight: bold;
}

._pa_res{
    margin: 15px 0px;
    text-align: justify;
    font-weight: normal;
    background: rgba(190,11,30,0.25);
    padding: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
}

._curs{
	cursor:pointer;
}

/**********************************************************/
/*	Utilisé  sur les accueils (principal et race)		  */
/**********************************************************/

._home{
	display:block;
	margin:0px auto 30px;
	width:400px;
	max-width: 100%;
	text-align:center;
}

._home img{
	max-width:100%;
	max-height:300px;
	border:2px solid rgba(255, 255, 255,1);
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.6);
}

/**********************************************************/
/*		Page personnalisation - choix header			  */
/**********************************************************/

._dpd{
	margin: 10px;
    text-align: center;
	font-weight: normal;
}

._dpd b{
	font-weight: bolder;
}

._dme{
    display:inline-block;
	float:left;
	width:160px;
	margin-right:5px;
}

._dme li{
    display:block;
	margin:5px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow:5px 5px 5px rgba(0, 0, 0, 0.5);
	background:rgba(255, 255, 255,1);
	width:100%;
	text-align:center;
	padding:5px;
	cursor:pointer;
	border-radius: 6px;
	box-sizing: border-box;
}

._dme li.on, ._dme li.on:hover{
	background:rgba(103, 78, 167,1);
	color:rgba(255, 255, 255,1);
}

._dme li:hover{
	background:rgba(103, 78, 167, 0.2);
}

._dme._sm{
	display:none;
}

._dp{
    display:inline-block;
	float:right;
    width: 300px;
    height: 200px;
    border: 0;
    margin: 0 auto;
	position:relative;
	box-shadow:5px 5px 5px rgba(0, 0, 0, 0.5);
	background:rgba(255, 255, 255,1);
	z-index:1;
	cursor:pointer;
	overflow: hidden;
}

._dp .body{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
	z-index:2;
	cursor:pointer;
	background-size:100% !important;
}

._dp .header{
    position: absolute;
    top: -1px;
    left: 20%;
    width: 60%;
    height: 45px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
	z-index:4;
	background: rgba(255, 255, 255, 0.8);
	cursor:pointer;
	box-shadow: 1px 0px 3px #000, -1px 0px 3px #000;
}

._dp .header h1{
    font-size: 0.7rem;
    margin: 3px;
	max-width:128px;
	font-family: 'Dancing Script', sans-serif;
}

._dp .header #h_loc{
	position: absolute;
    right: 3px;
    bottom: 10px;
    font-size: 3px;
	text-align:right;
}

._dp .header #h_loc._w{
	background: rgba(255, 255, 255, 0.8);
	padding: 1px;
	border-radius: 1px;
	border:1px solid rgba(255, 255, 255,1);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

._dp .header #h_loc._b{
	background: rgba(0, 0, 0, 0.4);
	padding: 1px;
	border-radius: 1px;
	border:1px solid rgba(0, 0, 0, 1);
	box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2);
}

._dp .header #h_loc._n{
	background:none;
	padding:0;
	border-radius:0;
	border:0;
	box-shadow:none;
}

._dp .header #h_loc li{
	display:block;
	line-height:1.1em;
	list-style-type: none;
}

._dp .contenup{
    position: absolute;
    top: 43px;
    left: 20%;
    width: 60%;
    height: 119px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
	z-index:5;
	background: rgba(255, 255, 255, 0.8);
	box-shadow: 1px 0px 3px #000, -1px 0px 3px #000;
}

._dp .footer{
    position: absolute;
    bottom: -1px;
    left: 20%;
    width: 60%;
    height: 40px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
	z-index:4;
	background: rgba(255, 255, 255, 0.8);
	cursor:pointer;
	box-shadow: 1px 0px 3px #000, -1px 0px 3px #000;
}

._dp .menuL{
    display: block;
    float: left;
    width: 30%;
    height: 100%
}

._dp .menuL .menu{
	display: block;
    width: 90%;
	height:50px;
    margin: 2px auto;
    border: 1px solid rgba(103, 78, 167,1);
	background:rgba(255, 255, 255, 0.7);
}

._dp .menuL .menu div{
    font-size: 0.41538461538462rem;
	background:rgba(103, 78, 167,1);
	color:rgba(255, 255, 255,1);
	padding:2px;
	font-weight: bold;
    line-height: 0.8em;
	margin:0;
}

._dp .page{
    display: block;
    float: right;
    width: 70%;
    height: 100%
}

._dp .page h1{
	font-size: 0.7rem;
    margin: 2px;
}

._p_c_h{
	display:block;
	max-height: 550px;
    overflow: auto;
}

._p_c_h li{
	display:inline-block;
	vertical-align:middle;
	width:24%;
	margin:3px 0.5%;
	min-height:48px;
}

._p_c_h li._b{
	min-height:116px;
}

._p_c_h li#add{
	text-align: center;
    background: rgba(255, 255, 255, 0.8);
    cursor: pointer;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 1);
    border: 2px solid rgba(255, 255, 255, 0.1);
    box-sizing: border-box;
    min-height: initial;
	padding: 2px;
    margin-top: -2px;
    height: 40px;
}

._p_c_h li._b#add{
    padding:25px;
    height: 136px;
	margin-top: 0px;
}

._p_c_h li._p{
	position:relative;
}

._p_c_h li img{
	width: 100%;
	cursor:pointer;
    box-shadow: 1px 1px 3px #000;
    border: 1px solid rgba(255, 255, 255,1);
    box-sizing: border-box;	
}

._p_c_h li.on{
	margin:1px 0.5%;
}

._p_c_h li.on img{
	border: 5px solid rgba(103, 78, 167,1);
}

._p_c_h li._p:after{
    position: absolute;
    display: block;
    height: 16px;
    background: rgba(255, 255, 255, 0.5);
    top: 1px;
    right: 1px;
    content: 'personnel';
    padding: 1px 5px;
    font-size:0.46153846153846rem;
	cursor:pointer;
	border-radius:0px 0px 0px 5px;
}

._p_c_h li.on._p:after{
    top: 5px;
    right: 5px;
}

.sp-replacer.li_head{
	box-sizing:border-box;
	width: 100%;
	height: 41px;
    padding: 9px;
}

._p_c_h li.on .li_head{
	border: 5px solid rgba(103, 78, 167,1);
	padding:5px;
}

.sp-replacer.on{
	border:5px solid rgba(103, 78, 167,1);
	margin:1px !important;
}

._p_c_ap{
	display: block;
    vertical-align: middle;
    margin: 3px;
    text-align: left;
    font-weight: bolder;
}

._p_c_ap .fa{
	cursor:pointer;
}

._p_c_ap .disabled{
	opacity:0.25;
	cursor:none;
}

._p_c_ap span{
	display: inline-block;
	width:300px;
}

._p_c_ul{
	margin-left:30px;
	margin-bottom:30px;
}

._p_c_ul li{
	margin:3px
}

._p_c_ul_h {
    display: inline-block;
    margin-left: 0;
    margin-bottom: 20px;
    vertical-align: top;
}

._p_c_ul_h li{
	margin:3px 0;
}

._p_c_pol{
	margin-left:30px;
	margin-bottom:30px;
	margin-top: 30px;
}

._p_c_pol li{
	display: block;
    height: 25px;
    vertical-align: middle;
}

._p_c_pol._h li{
    height: 35px;
}

._p_c_pol li input{
	margin-right:15px;
    vertical-align: middle;
}

/**********************************************************/
/*					JCROP								  */
/**********************************************************/

#CropClose{
	margin-left:20px;
}

/**********************************************************/
/*					MODE EDITEUR								  */
/**********************************************************/

div._edit{
    display: inline-block;
    float: right;
    clear: both;
    padding:2px 5px;
    background: rgba(103, 78, 167,1);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
	font-size: 0.75rem;
	color:rgba(255, 255, 255,1);
	font-weight:normal;
	margin-bottom: 5px;
	position:relative;
	height:20px;
	line-height:20px;
	cursor:pointer;
	border-radius: 10px;
}

div._edit .fa{
	margin: 2px 5px;
    font-size: 1rem;
    vertical-align: middle;
	cursor: pointer;
}

div._edit ul{
	position:absolute;
	top:24px;
	right:0;
	background: rgba(100, 100, 100, 1);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
	display:none;
	border-radius: 10px 0px 10px 10px;
}

div._edit:hover{
	display:block;
	border-radius: 10px 10px 0px 0px;
}

div._edit:hover ul{
	display:block;
}

div._edit li{
	margin: 0px;
    padding: 7px 5px;
    white-space: nowrap;
    width: auto;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

div._edit li:hover{
    background: rgba(103, 78, 167,1);
}

div._edit li:first-child{
	border-radius: 10px 0px 0px 0px;
}

div._edit li:last-child{
    border-bottom: 0px;
	border-radius: 0px 0px 10px 10px;
}

._edit_form{
	margin:0;
}

._edit_form li{
	display:block;
	text-align:left;
	margin-bottom: 3px;
}

._edit_form li._f{
	line-height:28px;
}

._edit_form li._f span{
	display:inline-block;
	width:200px;
}

._edit_form input[type=file]{
	display:none;
}

/**********************************************************/
/*					MESSAGE VIEWER						  */
/**********************************************************/

[id^=MessageViewer_]{
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	padding:25px;
	color:#FFF;
	background:rgba(116, 167, 14, 1);
	text-align:center;
	font-size: 0.92307692307692rem;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
	font-weight:bold;
}

[id^=MessageViewer_].error{
	background:rgba(190, 11, 30, 1);
}

[id^=MessageViewer_].error::before{
	content:'Erreur !';
	position: absolute;
	display: block;
	top:20px;
	left:20px;
	font-size:1.8461538461538rem;
	font-weight:bold;
}

[id^=MessageViewer_] .fa-times{
    position: fixed;
    display: none;
    right: 20px;
    top: 10px;
	cursor:pointer;
}

.divProgress{
    font-size: 0.9em;
    font-weight: normal;
    margin: 5px auto;
    border: 1px solid rgba(255, 255, 255,1);
    width: 50%;
    height: 30px;
    line-height: 30px;
    position: relative;
    box-shadow:5px 5px 10px rgba(0, 0, 0, 1),5px 5px 5px rgba(0, 0, 0, 0.3) inset;
    background: rgba(0, 0, 0, 0.3);
	overflow:hidden;
}


.divProgress span{
	display:block;
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    position: absolute;
	top:0px;
	left:0px;
	font-size: 0.9em;
    font-weight: normal;
}

.divProgress div{
    margin:0;
    padding:0;
    width:0%;
    height:100%;
    position: absolute;
	top:0px;
	left:0px;
    box-shadow:5px 0px 10px rgba(0, 0, 0, 1), 1px 1px 2px rgba(0, 0, 0, 0.3) inset, -1px 1px 2px rgba(0, 0, 0, 0.3) inset, -1px -1px 2px rgba(0, 0, 0, 0.3) inset, 1px -1px 2px rgba(0, 0, 0, 0.3) inset;
    background: rgba(190, 11, 30, 1);
	border-right: 1px solid rgba(255, 255, 255,1);
	box-sizing: border-box;
    border-radius: 0px 5px 5px 0px;
}

._abort_Upload{
	margin: 15px auto -5px;
    display: block;
    font-size: 0.8em;
    font-weight: normal;
    padding: 3px;
    width: 80px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
    cursor: pointer;
    background: rgba(190, 11, 30, 1);
}

._abort_Upload:hover{
	border: 1px solid rgba(255, 255, 255,1);
    padding: 2px;
}

._patience{
	font-size: 1rem;
    line-height: 2em;
}
._patience i{
	color:rgba(103, 78, 167,1);
}

/**********************************************************/
/*					BOUTONS ACTIONS	UPLOAD PHOTO		  */
/**********************************************************/
li._i{
	display: block;
	text-align:center;
	font-size:0.8em;
}

li._action{
	display: block;
}

li._action ._upload{
	display: inline-block;
	width:100px;
	height:80px;
	float: none;
    margin: 0;
    padding: 0;
    vertical-align:top;
	margin-right:10px;
}

li._action ._upload img{
	display: inline-block;
	max-width:100%;
	max-height:100%;
	margin:auto;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 1);
}

span._action{
	display: inline-block;
    height: 2.2rem;
    line-height: 2rem;
    vertical-align:top;
    padding: 2px 10px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 1);
    margin-right: 5px;
    background: rgba(255, 255, 255,1);
    cursor: pointer;
    font-size: 0.7125rem;
	box-sizing: border-box;
}

span._action._hide{
	display:none;
}

span._action span._action_texte{
	display:inline-block;
	height:2rem;
	line-height: 2rem;
	font-size: 0.8125rem;
	vertical-align: top;
	color:rgba(0, 0, 0, 1);
}

span._action.disabled{
	opacity:0.5;
}

span._action.disabled span._action_texte{
	font-style:italic;
}

span._action > .fa{
	line-height: 2rem;
}

span._action:not(.disabled):hover{
	border:1px solid rgba(0, 0, 0, 0.4);
	padding:1px 9px;
}

figure.alignleft,
figure.alignright,
figure.aligncenter {
    width: calc(50% - 1rem);
    margin-left: 0;
    margin-right: 0;
    padding: 8px 16px;
    border: 1px solid #d7d7d7;
    margin-top: .4em;
    margin-bottom: .75em;
}

figure.alignright {
    margin-left: 1rem;
	float:right;
    max-width: 60%;
    margin-top: .4em;
    margin-bottom: .75em;
}

figure.alignleft {
    margin-right: 1rem;
	float:left;
    max-width: 60%;
}

figure.aligncenter {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 8px 16px;
    border: 1px solid #d7d7d7;
}

figure img{
    display: block;
    max-width: 100%;
    height: auto;
    z-index: 2;
    margin: 0 auto;
	
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}