html, body { margin:0; padding:0; font:normal 12px Arial, Helvetica, sans-serif; 
	background: #eeeeee; /* For browsers that do not support gradients */
	height: 100%;}

form {margin:0; padding:0;}
.clear {clear:both;}
img {border:0;}

a, a:active, a:visited { color:#bc280d; }
a:hover { color:#ef4526; }

/* FORM PART */

.form_error {
	background-color:red;
	width:auto;
	padding:10px;
	/*box-sizing: border-box;
	border: 1px solid darkred;*/
	display: block;
	text-align:center;
/*	margin-top:10px;
	margin-bottom:10px;*/
	color: white;
}
.form_accept {
	background-color:#719a04;
	width:auto;
	padding:10px;
	/*box-sizing: border-box;
	border: 1px solid darkred;*/
	display: block;
	text-align:center;
/*	margin-top:10px;
	margin-bottom:10px;*/
	color: white;
}
.form_error span,.form_accept span {
	display: inline-block;
    font-weight: bold;
    margin-right: 10px;
} 

/* LOGIN */

.login_box {width:auto; padding:5px; background:#6D042D; color:white; font-weight: bold;margin-bottom:20px;}
.login_input, #contact_form input[type=text],#contact_form select, #contact_form textarea, #profile_form input[type=text], #profile_form input[type=password] {
	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	width:100%; box-sizing: border-box; margin-bottom:2px; 
	font-size:14px;
	height:30px;
	line-height: 30px;
	padding:0;
	padding-left:6px;
	padding-right:6px;
	border:1px solid #333333;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#contact_form label {
	width:15%; display: inline-block;
}
#profile_form label {
	width:20%; display: inline-block;
}
#contact_form input[type=text],#profile_form input[type=text],#profile_form input[type=password]  {
	width:40%;
}
#contact_form select{
	width:40%;
	background-image: url(../img/bottom.png);
	background-position: 95% 50%;
	background-repeat: no-repeat;
}
#contact_form input[type=text].spam_field {
	width:23%; margin-right:10px;
}
#contact_form label.label_spam_image {
	float:left; line-height:35px; height:30px;
}
#contact_form div.container_spam_image {
	float:left;background:url(../img/secret.jpg); width:120px; height: 30px; line-height:30px; overflow:hidden; text-align:center;font: bold 20px 'Courier New', Courier, monospace; margin-bottom:3px; margin-top: 3px;
}
#contact_form input[type=text].topic_field {
	width:85%;
}
#profile_form input[type=text].mem_extra_newsletter {
	width:80%;
}

#contact_form textarea {
	height:200px;
}
.mandatory_field {
	background-color: red;
	animation: mandatory_field_anim 1.5s ease-out;
	-moz-animation: mandatory_field_anim 1.5s ease-out;
	-webkit-animation: mandatory_field_anim 1.5s ease-out;
	-o-animation: mandatory_field_anim 1.5s ease-out;

	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
	-moz-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
	-o-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
}
@keyframes mandatory_field_anim {
  0% {
    background-color: red;
  }
  100% {
    background-color: pink;
  }
}

@-webkit-keyframes mandatory_field_anim {
  0% {
    background-color: red;
  }
  100% {
    background-color: pink;
  }
}

@-moz-keyframes mandatory_field_anim {
  0% {
    background-color: red;
  }
  100% {
    background-color: pink;
  }
}

@-o-keyframes mandatory_field_anim {
  0% {
    background-color: red;
  }
  100% {
    background-color: pink;
  }
}

#contact_form input[type=submit], #profile_form input[type=submit] {
	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	width:auto; box-sizing: border-box; border:0; background-color: #ef4526;
	color:#ffffff;
	font-size:14px;
	height:30px;
	/*line-height: 30px;*/
	padding:0;
	margin:0;
	padding-left:6px;
	padding-right:6px;
	border:1px solid #ef4526;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer
}

#contact_form input[type=submit] {
	background-image: url(../img/go.png); 
	background-size: 20px;
	background-position: 90% 50%; 
	background-repeat: no-repeat;padding-right:30px;
}


 #contact_form input[type="submit"]:hover, #profile_form input[type="submit"]:hover, #search_go:hover {background-color: #a11f18 !important;}


/* STRUCTURE PAGE*/

.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -50px; 
}
.page-wrap:after {
  content: "";
  display: block;
}
.site-footer, .page-wrap:after {
  height: 50px; 
}
.site-footer {
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.16);
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.16);
}

.page_title {
	clear:both;font-size: 20px; font-weight: bold; margin-bottom:10px; text-align: left;
}

.search_res_item { border-bottom:1px dotted #000000; padding-top:5px; padding-bottom:5px; }

/* jquery box photo doc video etc.. */

/* GALLERY PHOTO */
#gallery {margin-left:-0px; margin-top:-0px;}

.photo_in_gallery { border:2px solid #eeeeee; box-sizing: border-box;  margin:2px; background:#eeeeee; width:98px;height:100px;float:left; background-repeat: no-repeat; background-position: center; background-size: cover}
/* DOCS */
.doc_box_item {padding-top:4px; padding-bottom:4px; background: #ffffff; border-bottom:0px solid #cccccc; box-sizing: border-box; line-height:normal; text-align: left; min-height:41px;}
#box_doc_inserted_in_body .doc_box_item {background: #eeeeee; border:0; margin-bottom:3px;}
.doc_box_item_ico {float:left; width:40px; height:40px;  background-repeat:no-repeat; background-position: center}
.doc_box_item_txt {margin-left: 40px; width:auto;padding-top:5px;padding-bottom:5px;margin-right: 10px;}

.subpages_header {margin-top:20px; margin-bottom:20px;}

.multimediabox {
display:inline-block; 
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
background: #2a61df;
text-decoration:none;  color : #ffffff;
height:35px; line-height: 35px;
}

/* NEWS and LINKS */

.news_title {text-align: right; font-weight:bold; color:#ffffff;width:auto; padding:5px;font-size:14px;}
.news_items {background: #ffffff; margin:3px; width: auto; padding:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.news_photo {background-color: #eeeeee; width:60px; height:60px; background-size: cover; background-position: center; margin-right:5px; float:left;}
.news_label_margin {margin-left: 65px;}

/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:308px;
		height:200px;
		overflow:hidden; 
		}
	div#prevBtn{}
	div#nextBtn{}


/* MENU(s) */

.ddsmoothmenu{
background: #ffffff; 
width: 100%;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background: transparent; /*background of menu items (default state)*/
color: #000000;
padding: 17px 20px;
border-right: 0px solid #666666;
border-left: 0px solid #666666;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: #000000;
}

.ddsmoothmenu ul li a:hover{
background: #ef4526 !important; /*background of menu items during onmouseover (hover state)*/
color: white !important;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.16);
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.16);
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
width: 180px; /*width of sub menus*/
padding: 10px;
background-color:#ffffff;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid #cccccc;
}



/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 16px;
right: 10px;
width:17px;
height: 17px;
background-image: url(../img/down_conf.png);
background-position: center;
background-repeat: no-repeat;
background-color: #ef4526;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}


.rightarrowclass{
position: absolute;
top: 9px;
right: 10px;
width:17px;
height: 17px;
background-image: url(../img/right_conf.png);
background-position: 60% 50%;
background-repeat: no-repeat;
background-color: #ef4526;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}	


/* MENU SECU */

/* Side barre menu secu */

.sidebarmenu2 { 
margin-bottom: 0px;
}

.sidebarmenu2 ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 240px; /* Main Menu Item widths */
border-bottom: 0px solid #2d61db;
}
 
.sidebarmenu2 ul li{
position: relative;
}


/* Top level menu links style */
.sidebarmenu2 ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #2d61db;
border-right: 0px solid #2d61db;
}

.sidebarmenu2 ul li a:link, .sidebarmenu2 ul li a:visited, .sidebarmenu2 ul li a:active{
background-color: #5486ff; /*background of tabs (default state)*/
color: white;
text-decoration: none;
}

.sidebarmenu2 ul li a:visited{
background-color: #5486ff; /*background of tabs (default state)*/
color: white;
text-decoration: none;
}

.sidebarmenu2 ul li a:hover{
background: #2a61df; /*background of menu items during onmouseover (hover state)*/
color: white;
text-decoration: underline;
}

/*Sub level menu items */
.sidebarmenu2 ul li ul{
position: absolute;
border-top:1px solid #bbbbbb;
width: 200px; /*Sub Menu Items width */
top: -1px;
visibility: hidden;
z-index: 1000;
}



.sidebarmenu2 a.subfolderstyle{
background:   url(../img/right_zopa.gif) no-repeat 97% 50%;
}

.sidebarmenu2 a.subfolderstyle:hover{
background: #2a61df url(../img/right_zopa.gif) no-repeat 97% 50%;
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu2 ul li { float: left; height: 1%; }
* html .sidebarmenu2 ul li a { height: 1%; }
/* End */

.reg_style_btn {
	display:-inline-block;
	padding-left:20px;
	padding-right:20px;
	padding-top:4px;
	padding-bottom:4px;
	background-color: #ef4526;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color:#ffffff;
	text-decoration: none;
	white-space: nowrap;
}

.reg_style_btn:hover {
	color:#ffffff;
	text-decoration: none;
	background-color: #a11f18;
}