@-webkit-viewport{
    width: device-width;
    zoom:1;
    min-zoom:1;
    max-zoom:auto;
    user-zoom:zoom;
    orientation:auto;
    
}
@-moz-viewport{	
    width: device-width;
    zoom:1;
    min-zoom:1;
    max-zoom:auto;
    user-zoom:zoom;
    orientation:auto;
}
@-ms-viewport{
    width: device-width;
    zoom:1;
    min-zoom:1;
    max-zoom:auto;
    user-zoom:zoom;
    orientation:auto;
}
@-o-viewport{
    width: device-width;
    zoom:1;
    min-zoom:1;
    max-zoom:auto;
    user-zoom:zoom;
    orientation:auto;
}
@viewport{
    width:device-width;
    zoom:1;
    min-zoom:1;
    max-zoom:auto;
    user-zoom:zoom;
    orientation:auto;
} 



/* BASIC RESET */
/* ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;} */
li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}

html {
height: 100%;
overflow-x: hidden;
overflow-y: auto;

}


/* HTML ELEMENTS */
body {

height: 100%; 
background-color: #ffffff;
text-align:center;
background-repeat: no-repeat;
background-size: contain;
background-attachment: fixed;
/* background-size: cover; */

}

#zipzad_wrapper {

display:inline;

}

#zipzad_wrapper p{
/* text-align: left; */

}

/* COMMON CLASSES */
#zipzad_wrapper .break { clear:both; }




/* LOGO */
#zipzad_wrapper #header_logo { 
display:block;
text-align: left;

		}	



		
		
/* HEADER */
#zipzad_wrapper #header { 

position:fixed;
top:0px;
left:0px;
z-index:1000;
height:100px;
width:100%; 

-webkit-box-shadow: 0 8px 6px -6px #888888;
-moz-box-shadow: 0 8px 6px -6px #888888;
box-shadow: 0 8px 6px -6px #888888;

/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#888888')";
/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#888888');
		
-webkit-transition: height .5s, line-height .5s; /* Safari */
    transition: height .5s, line-height .5s;

}


#zipzad_wrapper #td_search_container_header {

width: 100%; 
bottom: -5px;
position: absolute;
height:100px;
	
}


#zipzad_wrapper .select_search_div{
display:inline;
font-family: Arial;
font-size:12px;
vertical-align: middle;	
}

#zipzad_wrapper .search_string_limit_text {
height: 30px;
line-height: 30px;
font-family: Arial;
background-color:#dfdfdf;
border-top-color: #747474;
border-top-width: 3px;
border-top-style:solid;


}

#zipzad_wrapper .search_string_limit_text a { text-decoration: none; color:#000000;}

#zipzad_wrapper #label_search {
display:block-inline;
text-align:left;
margin-left:12%;
margin-bottom:5px;
}


#zipzad_wrapper #label_search1,
#zipzad_wrapper #label_search2 {
margin-left:20px;

}

#zipzad_wrapper .select_search {
vertical-align: middle;	
}





#zipzad_wrapper .search_form_ajax {
	display:block;
	
	}
	


#zipzad_wrapper .search_dating_select {
   
   vertical-align:top;
   width:260px;
	height:30px;
	background: #fff;
	font-size: 13px;
	line-height: 30px;
	margin-top: 1px;
	padding: 5px 3px;
	box-shadow: inset 0 1px 2px #eee;
	border:0px solid #CCC;
	
	
			
} 	
	


#zipzad_wrapper .search_form_ajax input#search {
	width:70%;
	display:inline-block;
	vertical-align:middle;
	height: 20px;
	padding: 5px;
	margin-top: 0px;
	margin-bottom: 3px;
	-webkit-border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
	outline: none;
	border: 1px solid #000000;
	font-size: 14px;
	box-shadow: inset 0px 0px 0px 0px;
	color: #7c7c7c;
	
	
            
}



#zipzad_wrapper input#searchSubmit {

display:inline-block;
vertical-align:middle;
cursor:pointer;
background-image:url(../zipzad/images/loupe.gif);
background-repeat: no-repeat;
background-position: center;
	width: 32px; 
	height: 32px;
	padding: 5px;
	margin-top: 0px;
	margin-bottom: 3px;
	
	-webkit-border-radius: 0px 5px 5px 0px;
	-moz-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
	
	border: 1px solid #000000;
	font-size: 14px;
	/* line-height: 25px; */
	color: #7c7c7c;
	margin-left: 1px;
}


#zipzad_wrapper .search_form_ajax  ul#results {

   width:73%;
   display:none;
	position:relative;
	z-index: 10;
	margin-left:auto;
	margin-right:auto;
	top:-20px;
   border: 1px solid #ababab;
	background-color:#ffffff;
	padding: 0;
   list-style-type: none;

}

#zipzad_wrapper .search_form_ajax ul#results li {
	
	padding: 4px;
	cursor: pointer;
	border-top: 1px solid #cdcdcd;
	transition: background-color .3s ease-in-out;
	font-family: Arial;
	font-size:12px;
	

}


#zipzad_wrapper .search_form_ajax ul li a { text-decoration: none; color:#000000;}

#zipzad_wrapper .search_form_ajax ul#results li:hover {
	background-color: #F7F7F7;

}

#zipzad_wrapper .search_form_ajax ul#results li:first-child {
	border-top: none;
}






#zipzad_wrapper .search_form_ajax ul#results li h3{

font-weight: normal;
-webkit-font-smoothing: antialiased;

	transition: color .3s ease-in-out;
	-moz-transition: color .3s ease-in-out;
	-webkit-transition: color .3s ease-in-out;
	color: #616161;
	line-height: 1.2em;
}

#zipzad_wrapper .search_form_ajax ul#results li:hover h3 {
	color: #3b3b3b;
	font-weight: bold;
}


#zipzad_wrapper #header_news { height:175px; }


/* NAVIGATION */

@media all and (min-width:901px) {


#zipzad_wrapper .header-scroll {
  height: 0px !important;
  line-height: 0px !important;
  
}



#zipzad_wrapper .right_sub_content-scroll {
position: fixed !important;
top:5px !important;
}


#zipzad_wrapper .right_sub_content-fixe {
position: fixed !important;
top:100px !important;
}


#zipzad_wrapper #menu {

width: 100%; 
position: absolute;
font-family: Arial;
text-align:center;
margin-left: auto;
margin-right: auto;
height:30px; 
line-height:34px; 
bottom: 5px;
 }
 

#zipzad_wrapper #menu ul { list-style:none; margin:0; padding:0;} 

#zipzad_wrapper #menu li {

	list-style: none;
	display: inline-block;
	*display:inline; /* ie7 */
	font-size:12px;
	margin: 0px;

}

#zipzad_wrapper #menu li + li:before {
content: "|";
color:#ffffff; /* overide in header.php */
padding-left:1px; padding-right:5px;
}




#zipzad_wrapper #menu a {
	
	color:#ffffff; /* overide in header.php */
	text-decoration:none; 
	font-weight:bold; 
	
		
}
#zipzad_wrapper #menu a:hover {
text-decoration:underline; 
}


}


@media all and (max-width:900px) {



#zipzad_wrapper #content_container { 
top:115px !important;

}


#zipzad_wrapper #td_search_container_header {
position: relative;
top:2px;
height:85px;
}



#zipzad_wrapper #label_search1,
#zipzad_wrapper #label_search2 {
margin-left:0px;
display:block;
}



#zipzad_wrapper #menu {

display:block;
position: relative;
font-family: Arial;
margin-left: auto;
margin-right: auto;

height:17px;
line-height:17px;
bottom:5px;

 }
 


#zipzad_wrapper #menu a {
	
	
	color:#ffffff; 
	text-decoration:none; 
	font-weight:bold; 
	
	
}
#zipzad_wrapper #menu a:hover {
text-decoration:underline; 
}


#zipzad_wrapper #menu ul:before {
position: absolute;
display: inline;
text-align: left;
content: 'MENU PRINCIPAL';
color: #ffffff;
font-weight:bold;
top:11px;
left:30px;
font-size: 15px;

}


#zipzad_wrapper #menu ul {
margin:0; padding:0;

	width: 100%;
	height:35px;
	background: #000000 url(../../../css_responsive/icon-menu2.gif) no-repeat 10px 12px;
	border: solid;
	border-color: #000000;
	border-width: 1px 0px 1px 0px;
	padding-top: 10px;
	
	font-family: Arial;
	font-size: 18px;

	box-sizing:border-box; 
		
			}
			
#zipzad_wrapper #menu li {
		display: none; /* hide all <li> items */
		margin: 0;
		content: "";
		text-align: left;
		padding-bottom: 13px;
		padding-left:32px;
	}

	#zipzad_wrapper .h2_headerJYB  {
font-size:18px !important;
}

	
#zipzad_wrapper #menu a {
		display: inline;
		text-align: left;
}


/* jquery interaction start */

#zipzad_wrapper #menu ul.changed1:before {
content:"";
}

	
#zipzad_wrapper #menu ul li.changed2 {

		display: block;
		margin: 0 0 5px;
}

	
#zipzad_wrapper #menu ul.changed3 {
		background-image: none;
		
}

/* jquery interaction end */



  }


#zipzad_wrapper #avantages ul,
#zipzad_wrapper .li_arrow ul {
margin:0; padding:0;
text-align:left;
margin-left:30px; margin-top:10px; margin-bottom:10px;
}

#zipzad_wrapper #avantages ul li,
#zipzad_wrapper .li_arrow ul li {
list-style-type: none;
list-style-image:url(../../../images/arrow.gif);
font-size:13px; 
line-height: 17px;
font-family:Arial, Helvetica, sans-serif;
padding: 2px; }

#zipzad_wrapper #avantages ul li a { color:#000000; text-decoration: underline;}
#zipzad_wrapper #avantages ul li a:hover { text-decoration:none; }




#zipzad_wrapper .li_list ul {
margin:0; padding:0;
text-align:left;
margin-left:30px; margin-top:10px; margin-bottom:10px;
}

#zipzad_wrapper .li_list ul li {
list-style-type: none;
list-style-image:url(../../../images/arrow.gif);
font-family:Arial, Helvetica, sans-serif;
padding: 2px; }

#zipzad_wrapper .li_list ul li a { color:#000000; text-decoration: underline;}
#zipzad_wrapper .li_list ul li a:hover { text-decoration:none; }





/* CONTENT */


#zipzad_wrapper #content_container { 
position:relative;
top:100px;
}

#zipzad_wrapper #content_print_container {
position:relative;
top:-100px;
min-height:100%;
/* background: #000000 url(../images/body-bg4.gif) top; center; */
/* background-repeat: repeat-y; */

}

#zipzad_wrapper #content {

/* new dec 2017 */
display: inline-block;
width:100%;
height: 100%;
text-align:left;	

}







	

#zipzad_wrapper #sub_content {
position:relative;
}


#zipzad_wrapper #right_sub_content {
display:none; /* set by header.js*/
position:absolute;
top:0px; /* set by header.js*/
width:250px;
max-height: 500px;
text-align:left;
left: 50%;
margin-left: 335px;

  }
  
  #zipzad_wrapper #left_sub_content {

width: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;

}






@media all and (max-width:999px) {



#zipzad_wrapper #footer {display:none !important;}


  
}


@media all and (max-width:1199px) {
#zipzad_wrapper #right_sub_content {
display:none !important;

  }
 
 } 
  
  
#zipzad_wrapper #left_sub_content_logoff {
width:100%;
border: solid; 
border-color: black; 
border-width: 0px; 



}



#zipzad_wrapper #left_sub_content .titre,
#zipzad_wrapper #left_sub_content_logoff .titre {


width:100%;
height: 12px;
border-bottom:solid 1px; 
border-left: solid 1px; 
border-color: black;
padding-left:5px;
padding-bottom:15px;
padding-top:2px;
font: bold 18px Arial;
margin-top: 15px;
margin-bottom: 10px;
text-transform: uppercase;

  

}




  
  

#zipzad_wrapper #right_sub_content .titre {padding-top: 0px;  font-size: 14px;  font-weight: bold;  text-align: center;     }

#zipzad_wrapper #right_sub_content #news {padding-top:0px; padding-bottom:0px; font-family: Arial;  font-size: 12px; min-height:60px;}

#zipzad_wrapper #right_sub_content #zipzad_monitor {padding-top:5px; font-family: Arial;  font-size: 11px; line-height: 15px;  }





#zipzad_wrapper #left_sub_content .listing,
#zipzad_wrapper #left_sub_content_logoff .listing {
padding-left:20px; padding-top:5px;  font-family: Arial;  font-size: 14px;   
}

#zipzad_wrapper #left_sub_content .listing li,
#zipzad_wrapper #left_sub_content_logoff .listing li {
padding-top:5px;
}


#zipzad_wrapper #left_sub_content .px11,
#zipzad_wrapper #left_sub_content_logoff .px11  {
font-family: Arial; font-size: 11px; line-height:12px;
}

#zipzad_wrapper #left_sub_content .px12,
#zipzad_wrapper #left_sub_content_logoff .px12   {
font-family: Arial; font-size: 12px; clear:both; margin:1px;
}

#zipzad_wrapper #left_sub_content .px13,
#zipzad_wrapper #left_sub_content_logoff .px13  {
font-family: Arial; font-size: 13px; line-height:18px;
padding-left: 5px;
padding-right: 5px;

}

#zipzad_wrapper #left_sub_content .px14,
#zipzad_wrapper #left_sub_content_logoff .px14  {
font-family: Arial; font-size: 14px; line-height:18px;
padding-left: 5px;
padding-right: 5px;

}
#zipzad_wrapper #left_sub_content .px16,
#zipzad_wrapper #left_sub_content_logoff .px16  {
font-family: Arial; font-size: 116px; line-height:20px;
padding-left: 5px;
padding-right: 5px;

}


#zipzad_wrapper #left_sub_content .px18,
#zipzad_wrapper #left_sub_content_logoff .px18  {
font-family: Arial; font-size: 18px; line-height:24px;
padding-left: 5px;
padding-right: 5px;
}

#zipzad_wrapper #left_sub_content .px24,
#zipzad_wrapper #left_sub_content_logoff .px24  {
font-family: Arial; font-size: 24px; line-height:30px;
padding-left: 5px;
padding-right: 5px;
}


#zipzad_wrapper #left_sub_content p,
#zipzad_wrapper #left_sub_content_logoff p {
padding-top: 15px; font-family: Arial; font-size: 14px;
}

#zipzad_wrapper #left_sub_content .image_centre,
#zipzad_wrapper #left_sub_content_logoff .image_centre {
display: block;
margin-left: auto;
margin-right: auto;
}



#zipzad_wrapper #right_sub_content p {padding-top: 15px; font-family: Arial; font-size: 12px;}








#zipzad_wrapper #footerJY {
position:relative;
top:30px;
color: #000000; 
text-align: center; 
padding-top:20px;
padding-bottom:15px;

}




#zipzad_wrapper #footer {
position: absolute;
bottom: -150px;
width: 100%;
padding-top:20px;
padding-bottom:15px;
padding-top:20px;
}




		


/* Social Media Icons
----------------------------------------------- */

#zipzad_wrapper #footer #social_footer {
margin-left:20px;
	
}
#zipzad_wrapper #footer #social_footer a.socialIcons {
	margin-right: 20px; /* Increase the number to increase the space between the icons */
}


#zipzad_wrapper #footer #social_footer a.socialIcons:hover {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
}





/* Font and style
----------------------------------------------- */


#zipzad_wrapper #mark_main_active_container {
width:100%;
text-align:center;

}


#zipzad_wrapper .mark_main_active_td {
display: inline-block;
width:30%;

box-sizing: border-box;
vertical-align: middle;
margin-bottom:30px;
margin-left:10px;
margin-right:10px;
border: none;
border-color: #4e4e4e;
border-width: 1px 1px 1px 1px;


}

#zipzad_wrapper .mark_main_active_td img {
max-width:100%; 
height:auto;
/* display:block; 
margin-top:10px; 
margin-left:auto; 
margin-right:auto; */

}



#zipzad_wrapper #footer_main_active_container {
clear:both;
display: block;
text-align: center;
width:100%;
margin-left:auto;
margin-right:auto;


}


#zipzad_wrapper .footer_main_active_td {
opacity:1.0;
display: inline-block;
margin-top:0px;
width:33%;
min-width: 310px;
box-sizing: border-box;
vertical-align:top;
font-size:13px;
margin-bottom:0px;
border-width: 0px 0px 0px 0px;
padding:30px;

}

#zipzad_wrapper .footer_main_active_td:hover {
/* padding:0px; */
opacity:1.0;
animation: fadeIn ease 1s;
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
-ms-animation: fadeIn ease 1s;
}



#zipzad_wrapper .page_title {

width:100%;
min-height: 12px;
border-bottom:solid 1px; 
border-left: solid 0px; 
border-color: black;
padding-left:5px;
padding-bottom:5px;
padding-top:2px;
font: bold 24px Arial;
margin-top: 15px;
margin-bottom: 10px;
text-transform: uppercase;
box-sizing:border-box; 

-webkit-box-shadow: 0 8px 6px -6px #7a7a7a;
-moz-box-shadow: 0 8px 6px -6px #7a7a7a;
box-shadow: 0 8px 6px -6px #7a7a7a;

}

#zipzad_wrapper .page_padding {
padding: 5px;
padding-top: 0px;
	
}

#zipzad_wrapper #logo {
position: relative;
background-repeat:no-repeat;
background-size: cover;

-webkit-box-shadow: 0 8px 6px -6px #888888;
-moz-box-shadow: 0 8px 6px -6px #888888;
box-shadow: 0 8px 6px -6px #888888;
	        
	        
/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#888888')";
/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#888888');
}


#zipzad_wrapper #logo_animated_container,
#zipzad_wrapper #logo_animated_text { display:none; }


#zipzad_wrapper #logo_nav_menu_position {
    display: block;
    margin-top:0px;
       
}

#zipzad_wrapper #logo_nav_menu {
display: block;
margin-top:0px;
margin-bottom:0px;

}


#zipzad_wrapper #basket_header {
display:inline;
/* background-color: black; */
height: 25px;
line-height: 20px;
padding:0px;

}

#zipzad_wrapper #basket_header_span {
display:inline-block; 
color:#FF0000;
padding-left:0px; 
padding-right:5px;

}


#zipzad_wrapper .set_lang_container  {
	display: block;
	position: absolute;
	top:1px;
	right:10px;
	font-size:10px;
	font-weight:bold;
}


#zipzad_wrapper #page_header_form_lang  {
	display: block;
	position: absolute;
	top:2px;
	right:60px;
	font-size:18px;
	font-weight:bold;
}

#zipzad_wrapper #page_header_form  {
	display: block;
	position: absolute;
	top:2px;
	right:10px;
	font-size:18px;
	font-weight:bold;
}


#zipzad_wrapper .one_moment_please {
margin-top: 40px;
margin-left: 50px;
color: #cccccc;
font-size:40px;
}


#zipzad_wrapper .hide_seo {
position: absolute;
top: -9999px;
left: -9999px;	
}

#zipzad_wrapper .hide_seo_page {
position: absolute;
top: -19999px;
left: -19999px;	
}


@media all and (max-width:900px) {

#zipzad_wrapper .set_lang_container,
#zipzad_wrapper #page_header_form_lang,
#zipzad_wrapper #page_header_form  {
top:10px;
}

}


#zipzad_wrapper .ck-content {

padding-left:5px;	
}

#zipzad_wrapper .ck-content H1 {
padding-left:0px;	
}


#zipzad_wrapper .h2_headerJYB  {
font-size:12px;
display:inline;

}

#zipzad_wrapper .center_image_with_link  {
display:block;
text-align:center; 
}

#zipzad_wrapper .invisible_page {

font-size: 10px;
float:left; 
padding-right:10px;
	
}