.euroj_cadre {

	box-sizing: content-box;
	width: 98%;
	margin: 15px auto;
	padding: 0 !important;
	position: relative !important;
	float: none !important;
    
    border: 1px solid #99acbd;
    background: linear-gradient(to bottom, rgba(224,240,255,0.3), rgba(224,240,255,1));
    box-shadow: 3px 3px 13px -1px #8496a8;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    
	
	-webkit-transition:  background linear 0.2s, background-color linear 0.2s, box-shadow linear 0.2s, border linear 0.2s;
	-moz-transition: background linear 0.2s, background-color linear 0.2s, box-shadow linear 0.2s, border linear 0.2s;
	-o-transition: background linear 0.2s, background-color linear 0.2s, box-shadow linear 0.2s, border linear 0.2s;
	transition: background linear 0.2s, background-color linear 0.2s, box-shadow linear 0.2s, border linear 0.2s;
}
.euroj_cadre:hover
{
	-moz-box-shadow:  0px 0px 10px 1px  #000000;
	-webkit-box-shadow:  0px 0px 10px 1px  #000000;
	box-shadow:  0px 0px 10px 1px  #000000;
}
.euroj_contenant {
  position: relative !important;
}

.euroj_form ,.euroj_contenant {
  padding: 17px 17px 10px 17px;
}
.euroj_titre {
     color: #333333;
    font-size: 2.1em; /* 28px; */
    font-style: italic;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    text-shadow: 1px 1px 3px #ffffff;
    margin: 0 0 0 0 !important;
    font-family: inherit !important;
    padding: 0 !important;
    line-height: 0.9em; !important;  /* 25px */
    border-bottom: 1px inset #292929;
}
.euroj_soustitre {
  font-weight: 300;
  color: inherit;
  text-rendering: optimizelegibility;
  display: inline-block;
  font-size: 1.4em; /* 18px; */
  line-height: 1em; /* 20px; */
  margin: 0.7em 0;/* 12px 0; */
  word-wrap: break-word;
}

.euroj_form {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* pour smartphones = 767px et moins */
@media only screen and (max-width: 767px) {
  .euroj_form input[type="text"], 
  .euroj_form textarea, 
  .euroj_form input[type="email"]
  {
        width: calc(100% - 14px);
  }
  .euroj_form select 
  {
        width: 100%;
  }
}
/* pour tablettes en mode portrait = 768px à 959 px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .euroj_form input[type="text"], 
  .euroj_form textarea, 
  .euroj_form input[type="email"]
  {
        width: calc(100% - 14px);
  }
  .euroj_form select 
  {
        width: 100%;
  }
}

/* ordinateurs et tablettes en mode paysage = 960px à 1599px */
@media (min-width: 960px) and (max-width: 1599px) {
  .euroj_form input[type="text"], 
  .euroj_form textarea, 
  .euroj_form input[type="email"]
  {
        width: calc(25vw - 14px);
  }
  .euroj_form select 
  {
        width: 25vw;
  }
}

/* ordinateurs avec grans écrans = 1600px et plus = valeur par défaut */
@media (min-width: 1600px) {
  .euroj_form input[type="text"], 
  .euroj_form textarea, 
  .euroj_form input[type="email"]
  {
        width: calc(25vw - 14px);
  }
  .euroj_form select 
  {
        width: 25vw;
  }
}

.euroj_form input[type="text"], 
.euroj_form input[type="email"],
.euroj_form textarea,
.euroj_form select
{
  /* width: 25vw; */
  border-color: #333333 !important;
  -webkit-border-top-left-radius: 4px !important;
  -moz-border-radius-topleft: 4px !important;
  border-top-left-radius: 4px !important;
  -webkit-border-top-right-radius: 4px !important;
  -moz-border-radius-topright: 4px !important;
  border-top-right-radius: 4px !important;
  -webkit-border-bottom-left-radius: 4px !important;
  -moz-border-radius-bottomleft: 4px !important;
  border-bottom-left-radius: 4px !important;
  -webkit-border-bottom-right-radius: 4px !important;
  -moz-border-radius-bottomright: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.euroj_form input[type="text"]:hover, 
.euroj_form textarea:hover, 
.euroj_form input[type="checkbox"] span:hover, 
.euroj_form select:hover,
.euroj_form input[type="email"]:hover
{
	cursor: pointer !important;
	outline: none !important;
    background-color: #F0F0F0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0', endColorstr='#B6D5F2');
    background: -webkit-gradient(radial, 0% 0%, 0% 100%, from(#F0F0F0), to(#B6D5F2));
    background: -webkit-radial-gradient(ellipse 100% 100%, #F0F0F0, #B6D5F2);
    background: -moz-radial-gradient(ellipse 100% 100%, #F0F0F0, #B6D5F2);
    background: -ms-radial-gradient(ellipse 100% 100%, #F0F0F0, #B6D5F2);
    background: -o-radial-gradient(ellipse 100% 100%, #F0F0F0, #B6D5F2);
    -moz-box-shadow: inset 0px 0px 3px 0px #99acbd;
    -webkit-box-shadow: inset 0px 0px 3px 0px #99acbd;
    background: radial-gradient(ellipse 100% 100%, #F0F0F0,#B6D5F2 );
  }
  
.invalid {
  color: #9d261d !important;
  /* font-weight: normal !important; */
}

/* input[type="radio"] { */
.claccept input  {
    margin-right: 15px !important;
}

input.invalid, textarea.invalid {
  border: 1px solid #9d261d;
    border-top-color: rgb(157, 38, 29);
    border-right-color: rgb(157, 38, 29);
    border-bottom-color: rgb(157, 38, 29);
    border-left-color: rgb(157, 38, 29);
  background: #f2dede;
}

.lien {
    color: #3366ff;;
}
.classacc {
    float:left;
    transform : scale(1.6); 
    margin-left : 3px !important;
    color : #515151;
    //width: 400px;
}
input#jform_accept.classacc.invalid {
/* .classacc.invalid { */
    color: red !important;
    border-color : red !important;
	background-color: red !important;
}
#jform_accept-lbl {
    display:none;
}
button.euroj_send:hover,
button.euroj_send:active,
button.euroj_send:focus
{
    /*
	padding: 6px 25px;
	font-size: 14px;
ÿ�  ?
	background-color: #1300e6;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1300e6', endColorstr='#aeaecc'); /* for IE */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1300e6), to(#aeaecc));/* Safari 4-5, Chrome 1-9 */
	background: -webkit-linear-gradient(top, #1300e6, #aeaecc); /* Safari 5.1, Chrome 10+ */
	background: -moz-linear-gradient(top, #1300e6, #aeaecc);/* Firefox 3.6+ */
	background: -ms-linear-gradient(top, #1300e6, #aeaecc);/* IE 10 */
	background: -o-linear-gradient(top, #1300e6, #aeaecc);/* Opera 11.10+ */

	color: #fafafa;
	text-shadow: 1px -1px 1px #000000;
	-moz-box-shadow: inset -2px -2px 3px -1px  #5c5c5c;
	-webkit-box-shadow: inset -2px -2px 3px -1px  #5c5c5c;
	box-shadow: inset -2px -2px 3px -1px  #5c5c5c;
    /*
	border-style: solid;
	border-width: 1px;
	border-color: #141414;
    */
}
button.euroj_send {
	background-color: #aeaecc;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aeaecc', endColorstr='#1300e6'); /* for IE */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aeaecc), to(#1300e6));/* Safari 4-5, Chrome 1-9 */
	background: -webkit-linear-gradient(top, #aeaecc, #1300e6); /* Safari 5.1, Chrome 10+ */
	background: -moz-linear-gradient(top, #aeaecc, #1300e6);/* Firefox 3.6+ */
	background: -ms-linear-gradient(top, #aeaecc, #1300e6);/* IE 10 */
	background: -o-linear-gradient(top, #aeaecc, #1300e6);/* Opera 11.10+ */

	padding: 6px 25px;
	-moz-box-shadow: inset 2px 2px 3px -1px  #cccbf2;
	-webkit-box-shadow: inset 2px 2px 3px -1px  #cccbf2;
	box-shadow: inset 2px 2px 3px -1px  #cccbf2;
	border-style: solid;
	border-width: 1px;
	border-color: #040273;

	-webkit-border-top-left-radius: 7px;
	-moz-border-radius-topleft: 7px;
	border-top-left-radius: 7px;

	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	border-top-right-radius: 7px;

	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
	border-bottom-left-radius: 7px;

	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	border-bottom-right-radius: 7px;
	float: left;

	font-size: 14px;
	color: #ffffff;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	font-family: inherit;
	text-shadow: 1px -1px 1px #000000;
}

.hasPopover:before {
    /* content: url('/components/com_euro_newsl/assets/images/icon_info.png'); */
    content: url('../../assets/images/icon_info.png');
    margin: 0px;
}
#btncontact {
    border: medium none;
    border-radius: 3px;
    box-sizing: border-box;
    height: 50px;
    line-height: 50px;
    padding: 0 5px;
	text-align: right;
    font-size: 0px !important;
    background-image: url("../../../../images/logos/envoyer-50-transp1.png") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin: auto !important;
    width: 70px !important;
    background-color: #83AFEC ;
}
#btncontact:hover{
	background:#236a8e;
}


/*
https://ensweb.users.info.unicaen.fr/TW1/pres/resp/
https://academy.lotincorp.biz/lessentiel-du-responsive-design-la-gestion-des-ecrans/
https://lehollandaisvolant.net/tuto/responsive-css/
*/


/*
ordinateurs avec grans écrans = 1600px et plus = valeur par défaut
//@media (min-width: 200px) {
height: 2em;
padding: 0px 0px 4px 6px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 4px;
  padding-left: 6px;
margin-bottom: 9px;
font-size: 13px;
line-height: 18px;
*/

/* fin */