@charset "utf-8";
/* CSS Document */
div.thebuttons{vertical-align:middle;}

.btn-1,.thebuttons
 {   
    -ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	background-color: #F4F4F4;
    border-width: 1px;
    border-style: solid;
    border-color: #dedede #bababa #aaa #bababa;
    box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;
    border-radius: 10px;    
    background-image: linear-gradient(to top, #f6f6f6, #eae8e8);
	margin-bottom:10px;	padding:5px;vertical-align:middle;
	box-sizing: border-box;font-variant: small-caps;	font-weight: bold;
	text-align:center;margin-left:auto;margin-right:auto;
	
}

.css_nominis{font-variant:normal;text-align:center;margin-left:auto;margin-right:auto;width:100%;padding:0;}

p.nominis_lien,nominis_lien .p{text-align:center!important;margin-left:auto!important;margin-right:auto;margin-bottom:0;width:100%;padding:0;line-height:inherit}
.thebuttons:before
{
	float: left;
/*	width: 0.6em;*/
	text-align: center;
	vertical-align:middle;text-align:left;
	font-size: 1.7em;
	margin: 0 0.5em 0 -0.3em;
	padding: 0 .2em;line-height:0.9;
	pointer-events: none;
	
}
.btn-1:hover,.thebuttons:hover
{ 	      box-shadow: 0 3px 3px #d35400, 0 3px 0 #d35400, 0 4px 0 #d35400, 0 5px 5px #d35400;
		  color:#d35400!important;
   }
.btn-1 a :hover,.thebuttons a :hover{ color:#d35400!important;}

.thebuttons:hover:before  {color:#F96900;}
.btn-1 h2,.thebuttons h2{  font-size:12px;  }
.red {
	background: -moz-linear-gradient(top,  rgba(249,116,88,1) 0%, rgba(215,35,18,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(249,116,88,1) 0%,rgba(215,35,18,1) 100%);
	background: linear-gradient(top,  rgba(249,116,88,1) 0%,rgba(215,35,18,1) 100%);
}
.croix:before                    { content: "\2020"; }
.croix:hover:before              { content: "\2764"; }
.next:hover:before              { content: "\2629"; }
.like:hover:before              { content: "\2020"; }
.jerusalem:before               { content: "\2629"; }
.jerusalem:hover:before         { content: "\2629"; }
.paix:before                    { content: "\262e"; }
/*Fleches*/
.next:before             { content: "\279C"; }
.left_arrow:before       { content: "\2190"; }
.up_arrow:before         { content: "\2191"; }
.right_arrow:before      { content: "\2192"; }
.down_arrow:before       { content: "\2193"; }
.up_left_arrow:before    { content: "\2196"; }
.up_right_arrow:before   { content: "\2197"; }
.down_left_arrow:before  { content: "\2199"; }
.down_right_arrow:before { content: "\2198"; }

/*Symboles*/
.like:before               { content: "\2764"; }
.star:before               { content: "\2605"; }
.spark:before              { content: "\2737"; }
.play:before               { content: "\25B6"; }
.watch:before              { content: "\231A"; }
.blacksun:before           { content: "\2600"; }
.cloud:before              { content: "\2601"; }
.umbrella:before           { content: "\2602"; }
.snowman:before            { content: "\2603"; }
.blackstar:before          { content: "\2605"; }
.whitestar:before          { content: "\2606"; }
.blackphone:before         { content: "\260E"; } 
.whitephone:before         { content: "\260F"; }
.saltire:before            { content: "\2613"; }
.hot_drink:before          { content: "\2615"; }
.skull:before              { content: "\2620"; }
.radioactive:before        { content: "\2622"; }
.biohazard:before          { content: "\2623"; }
.peace:before              { content: "\262E"; }
.yingyang:before           { content: "\262F"; }
.frowning_face:before      { content: "\2639"; }
.smiling_face:before       { content: "\263A"; }
.first_quarter_moon:before { content: "\263D"; }
.last_quarter_moon:before  { content: "\263E"; }
.wheelchair:before         { content: "\267F"; }
.recycle:before            { content: "\267D"; }
.recycle2:before           { content: "\267C"; }
.music_note:before         { content: "\266C"; }
.warning:before            { content: "\26A0"; }
.male_and_female:before    { content: "\26A4"; }
.scissors:before           { content: "\2701"; }
.airplane:before           { content: "\2708"; }
.snow:before               { content: "\2042"; }
.euro:before   { content:"\20AC"; }
.carreau:before   { content:"\2666"; }
/*Math*/
.pi:before            { content: "\213C"; }
.one_thrid:before     { content: "\2153"; }
.two_thrid:before     { content: "\2154"; }
.one_fifth:before     { content: "\2155"; }
.two_fifth:before     { content: "\2156"; }
.three_fifth:before   { content: "\2157"; }
.four_fifth:before    { content: "\2158"; }
.one_sixth:before     { content: "\2159"; }
.five_sixth:before    { content: "\215A"; }
.one_eighth:before    { content: "\215B"; }
.three_eighth:before  { content: "\215C"; }
.five_eighth:before   { content: "\215D"; }
.seven_eighth:before  { content: "\215E"; }
.quarter:before       { content: "\00BC"; }
.half:before          { content: "\00BD"; }
.three_quarter:before { content: "\00BE"; }
/*Formulaires*/
.add:before    { content: "\271A"; }
.edit:before   { content: "\270E"; }
.delete:before { content: "\2718";}
.save:before   { content: "\2714";}
.email:before  { content: "\2709";}
.cross:before  { content: "\2716"; }




/*********************************************/

[class^="btn-"], [class*=" btn-"] {
    display: inline-block;max-width:100%;overflow:hidden;box-sizing:border-box;
    padding: 6px 12px;
    margin:10px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: wrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
	
}

[class^="btn-"] a , [class*=" btn-"] a {opacity:1;}
[class^="btn-"] :hover , [class*=" btn-"] :hover {opacity:0.5;}
.stbouton{width:400px;max-width:100%;padding: 6px 12px;}
.stbouton a:hover{color: #333333;}
.btn-primary {
    background-color: transparent!important;
    border: 1px solid #FFFFFF;
    transition: all .2s ease-in-out;
}
.btn-block {
    display: block;
    width: 100%;
}

.btn-transparent{background-color: transparent!important; border: 1px solid #FFFFFF;color: #FFFFFF}
.btn-transparent:hover,
.btn-transparent:active{background-color: transparent!important;color:#000000!important; border: 2px solid #EA614B;transition: all .2s ease-in-out; }

.btn-second{color:#666666;border-color:#EBEBEB;background-color:#EBEBEB;font-size:14px; font-weight: bold;transition: all .2s ease-in-out;}
.btn-second:hover,
.btn-second:active{color: #595959;border-color: #d7d7d7;background-color: #d7d7d7;}

.btn-simple{ border: 1px solid ;}
.btn-simple:hover,
.btn-simple:active{ border: 1px solid ;transition: all .2s ease-in-out;  }




.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus{background-color: rgba(255,255,255,0.2); border: 1px solid #FFFFFF;color: #FFFFFF;}

.btn-arrondis{ border-radius: 20px;padding:10px}

/*************************************/
.btn-2
{   width:100%;
	display: inline-block;
	font-weight: bold;
	font-variant: small-caps;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	white-space: nowrap;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-image-source: none;
	border-image-slice: 100% 100% 100% 100%;
	border-image-width: 1 1 1 1;
	border-image-outset: 0 0 0 0;
	border-image-repeat: stretch stretch;
	text-decoration-line: none;
	text-decoration-style: solid;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	padding-top: 0.8em;
	padding-right: 0.2em;
	padding-bottom: 0.6em;
	padding-left: 0.2em;
	line-height: 1em;
	color: #FFFFFF;
	margin-top: 0px;margin-bottom:5px;
	vertical-align:middle;
	background-color: #666;text-align: center;
	text-align: center;margin-left:auto;margin-right:auto;
}
.btn-2 a,.btn-2 a h2,.btn-2 h2
{
	color: #000;
	text-decoration-line:none;
	font-style: normal;
	font-weight: bold;font-size:90%;padding-bottom:3px;display:block;
}
.btn-2 a:hover,.btn-2 a:hover h2
{
	color: #CCC!important;
	text-decoration-line: none;
}
.btn-3 
{   width:100%;
	box-sizing:border-box;
	color:#000;
	font-size:90%;
	line-height:1;
	margin:0;
	position:relative;
	text-align:center;
	display:inline-block;
	overflow: auto;
	background-color:#F4F4F4;
	padding:10px;	
	margin-top:3px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	text-shadow: none;
	-moz-border-radius:19px;
	-webkit-border-radius:19px;
	border-radius:19px;
	-moz-box-shadow:0px 0px 11px #000000;
	-webkit-box-shadow:0px 0px 11px #000000;
	box-shadow:0px 0px 11px #000000;
	font-variant: small-caps;	
	text-align: center;margin-left:auto;margin-right:auto;
}
.btn-3 a:hover,.btn-3 a:hover h2
{	
    color: #333333!important;
    text-decoration-line: none;
}



@media only screen and (min-width:641px)and (max-width: 1024px) {
.lbouton{float:left;width:45%;margin-left:auto;margin-right:auto;}

 
}


.button {
  background: #e5ac8e;
  color: #fff;
  font-size: 14px;
  border-radius: 0.5em;
  padding: 0 1em;
  position: relative;
  overflow: hidden;
  line-height: 32px;    
    -webkit-transition: all .5s cubic-bezier(.67,-.51,.42,1.43);
    transition: all .5s cubic-bezier(.67,-.51,.42,1.43);
}
.button::after {
  content: '';
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  background: -webkit-gradient(linear,left top,left bottom,from(rgba(209,112,60,0)),color-stop(50%,rgba(255,255,255,0.5)),to(rgba(209,112,60,0)));
  background: linear-gradient(to bottom, rgba(229, 172, 142, 0), rgba(255,255,255,0.5) 50%, rgba(229, 172, 142, 0));
  transform: rotateZ(60deg) translate(-5em, 7.5em);
   -webkit-transform: rotateZ(60deg) translate(-5em,7.5em);
   
}

.button:hover::after, button:focus::after {
  animation: sheen 1s forwards;
}


@keyframes sheen {
  100% {
    transform: rotateZ(60deg) translate(1em, -9em);
  }
}
/* bouton  de stcleophas ?*/
.pboutons
{  display: inline-block;
	font-weight: bold;
	font-variant: small-caps;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	white-space: nowrap;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-image-source: none;
	border-image-slice: 100% 100% 100% 100%;
	border-image-width: 1 1 1 1;
	border-image-outset: 0 0 0 0;
	border-image-repeat: stretch stretch;
	text-decoration-line: none;
	text-decoration-style: solid;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	padding-top: 0.8em;
	padding-right: 0.2em;
	padding-bottom: 0.6em;
	padding-left: 0.2em;
	line-height: 1em;
	color: #FFFFFF;
	margin-top: 0px;margin-bottom:5px;
	vertical-align:middle;
	background-color: #666;text-align: center;
	text-align: center;margin-left:auto;margin-right:auto;
}
.pboutons a
{
	color: #000;
	text-decoration-line:none;
	font-style: normal;
	font-weight: bold;font-size:90%;padding-bottom:3px;display:block;
}
.pboutons a:hover
{
	color: #CCC!important;
	text-decoration-line: none;
}