@charset "UTF-8";
/* CSS Document */

body {
	background-color:#EEE;
	/*background-image:url(../img/ev-mainbacketoile.jpg);*/
    color:#000;
    margin:0 auto;
    max-width:1000px;
	min-width:1000px;
    padding:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

#page {
    background:#fff;
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    padding:5px 5px 5px 5px;
}

#headermenu {
	padding: 0px 0px 0px 0px;
	height:31px;
	border-bottom:1px solid #fff;
    background-color:#2D2D2D;}


#membremenu {
	padding: 0px 0px 0px 0px;
	height:31px;
	border-bottom:1px solid #fff;
    background-color:#F1F1F1;}

#footermenu {
	padding: 0px 0px 0px 0px;
	height:31px;
	border-top:1px solid #fff;
    background-color:#C9C9C9;}


#header {
	padding:10px 10px 10px 10px;
	border-bottom:2px solid #146BB5;
	height:50px;
	background-color:#0CBADF;}

#header-logo a {
  	height: 50px;
  	width: 200px;
  	background-image:url(../img/ev-logo.gif);
  	display: block;
	float: left;
  	text-indent: -9999px
}
/*---->     HEAD SEARCH FORM  <----*/
#header div.search {float:right;clear:right;margin:12px 50px 0px 0px;}
form.search {margin:0;padding:0;}
table.search {
    border:1px solid #146BB5;
	background-color:#FFF;
    border-collapse:collapse;
    width:350px;
}
table.search td.filter {
    border-right:1px solid gray;
    cursor:default;
    vertical-align:bottom;
    padding:0 12px 3px 3px;
	background-image:url(../img/ev-selection.png);
	background-repeat:no-repeat;
	background-position:right;
	background-attachment: scroll;
}
table.search td {padding:0 0px;}
table.search td.query {padding:0 3px;}
table.search #search_q {
    border:0;
    font-size:16px;
	color:#666;
}
table.search #search_s {
    border:0;
    font-size:10px;
	color:#666;
}
table.search #search_filter {
    color:gray;
    white-space:nowrap;
    font-size:11px;
}
table.search #search_submit {
    cursor:pointer;
    margin:0;
    padding:3px 2px 2px;
    height:25px;
    width:90px;
    background:#82D02F;
	color:#FFF;
    border:0;
    font-size:12px;
    font-weight:bold;
    font-family:Verdana, Geneva, sans-serif;
}

table.cdp_tab {
    border:1px solid #CCC;
	background-color:#FFF;
    border-collapse:collapse;
    width:240px;
}
table.cdp_tab td {padding:0 0px;}

#tabnormal 	 {background-color:#FFFFFF;}
#tabselected {background-color:#F1F1F1;}

.picann{ 
  background-color:#FFFFFF; 
}

#cdp_val {
    border:0;
    font-size:14px;
	color:#666;
	width:130px;
}

#cdp_submit {
    cursor:pointer;
    margin:0;
    padding:3px 2px 2px;
    height:25px;
    width:90px;
    background:#82D02F;
	color:#FFF;
    border:0;
    font-size:12px;
    font-weight:bold;
    font-family:Verdana, Geneva, sans-serif;
}

table.cdp_tab_q {
    border:Opx solid #CCC;
	background-color:#FFF;
    border-collapse:collapse;
    width:240px;
}
table.cdp_tab_q td {padding:0 0px;}

.tabquartier {border-bottom:#CCC 1px solid;}
.imgquartier {border:#CCC 2px solid;}

#cdp_submit_q {
    border:1px solid #CCC;
	cursor:pointer;
    margin:0;
    padding:3px 2px 2px;
    height:25px;
    width:240px;
    background:#82D02F;
	color:#FFF;
    font-size:12px;
    font-weight:bold;
    font-family:Verdana, Geneva, sans-serif;
}

/*---->     HEAD SUBSCRIBE FORM  <----*/
.subscribe {
	height: 100px;
  	width: 990px;
  	background-image:url(../img/ev-subscribe.jpg);
  	background-repeat:no-repeat;
  	margin: 20px 0px 20px 0px;
}

.subscribe a.button {
  float:right;
  -moz-border-radius:12px;-webkit-border-radius:12px;
  background: #82D02F;
  color: #fff;
  font-size:12pt;
  font-family:Verdana, Geneva, sans-serif;
  font-weight:bold;
  display: block;
  padding: 10px;
  margin: 30px;
  text-decoration: none;
}

/*---->     HEAD SUBSCRIBE FORM  <----*/

.subscribemenu a.button {
  float:center;
  -moz-border-radius:12px;-webkit-border-radius:12px;
  background: #82D02F;
  color: #fff;
  font-size:12pt;
  font-family:Verdana, Geneva, sans-serif;
  font-weight:bold;
  display: block;
  padding: 10px;
  margin: 5px;
  text-decoration: none;
}

#connexion {
  float:center;
  -moz-border-radius:12px;-webkit-border-radius:12px;
  width: 175px;
  background: #82D02F;
  color: #fff;
  font-size:12pt;
  font-family:Verdana, Geneva, sans-serif;
  font-weight:bold;
  display: block;
  padding: 10px;
  margin: 5px;
  text-decoration: none;
}

/*---->     HEAD CATEGORIES FORM  <----*/

#categories {
  margin: .7em 0;
}
#categories td.categories_onglet {
  text-align:center;
  width:10%;
  margin: 0;
  padding: 0;
}
#categories td.categories_onglet a {
  color:#000;
  display:block;
  text-decoration:none;
  border:1px solid #a9a9a9;
  /*-moz-border-radius:5px;-webkit-border-radius:5px;*/
  font-weight:bold;
  font-family:Verdana, Geneva, sans-serif;
  font-size:12px;
  line-height:2em;
}
#categories td.categories_onglet a.selected {
  background: #80c442;
  color:#fff;
}
#categories td.categories_onglet a:hover {
  background:#EFEFEF;
}

#ongletchoix {
  margin: 0;
}
#ongletchoix td.ongletchoix_onglet {
  text-align:center;
  margin: 0;
  padding: 0;
}
#ongletchoix td.ongletchoix_onglet a {
  color:#000;
  display:block;
  text-decoration:none;
  /*border-top:1px solid #a9a9a9;
  border-right:1px solid #a9a9a9;
  border-left:1px solid #a9a9a9;*/
  /*-moz-border-radius:5px;-webkit-border-radius:5px;*/
  font-weight:bold;
  font-family:Verdana, Geneva, sans-serif;
  font-size:12px;
  line-height:2em;
}
#ongletchoix td.ongletchoix_onglet a.selected {
  background: #0CBADF;
  color:#fff;
}
#ongletchoix td.ongletchoix_onglet a:hover {
  background:#EFEFEF;
}

/*---->     CORPS  <----*/

.corps_gauche_Pub {
	margin-top:30px;
	margin-bottom:30px;
	margin-left:3px;
	margin-right:3px;
	height:150px;
	width:180px;
	text-align:center;
	vertical-align:middle;
	clear:both;
	border:1px dotted #666;
}

.corps_droite_Pub {
	margin: 2px;
	height:200px;
	width:200px;
	text-align:center;
	vertical-align:middle;
	clear:both;
	border:4px dotted #FAFAFA;
}

/*---->     TEXTE  <----*/
.txtn8  {font-size:8px; color:#000;}
.txtn8b {font-size:8px; color:#000; font-weight:bold;}
.txtn10  {font-size:10px; color:#000;}
.txtn10b {font-size:10px; color:#000; font-weight:bold;}
.txtn12  {font-size:12px; color:#000;}
.txtn12b {font-size:12px; color:#000; font-weight:bold;}
.txtn14  {font-size:14px; color:#000;}
.txtn14b {font-size:14px; color:#000; font-weight:bold;}
.txtn14bnu {text-decoration:none; font-size:14px; color:#000; font-weight:bold;}
.txtn18  {font-size:18px; color:#000;}
.txtn18b {font-size:18px; color:#000; font-weight:bold;}
.txtn24  {font-size:24px; color:#000;}
.txtn24b {font-size:24px; color:#000; font-weight:bold;}
.txtn24bnu {text-decoration:none; font-size:24px; color:#000; font-weight:bold;}

.txta8  {font-size:8px; color:#3E7291;}
.txta8b {font-size:8px; color:#3E7291; font-weight:bold;}
.txta10  {font-size:10px; color:#3E7291;}
.txta10b {font-size:10px; color:#3E7291; font-weight:bold;}
.txta12  {font-size:12px; color:#3E7291;}
.txta12b {font-size:12px; color:#3E7291; font-weight:bold;}
.txta14  {font-size:14px; color:#3E7291;}
.txta14b {font-size:14px; color:#3E7291; font-weight:bold;}
.txta14bnu {text-decoration:none; font-size:14px; color:#3E7291; font-weight:bold;}
.txta18  {font-size:18px; color:#3E7291;}
.txta18b {font-size:18px; color:#3E7291; font-weight:bold;}
.txta24  {font-size:24px; color:#3E7291;}
.txta24b {font-size:24px; color:#3E7291; font-weight:bold;}


.txtb10  {font-size:10px; color:#FFF;}
.txtb10b {font-size:10px; color:#FFF; font-weight:bold;}
.txtb12  {font-size:12px; color:#FFF;}
.txtb12b {font-size:12px; color:#FFF; font-weight:bold;}
.txtb14  {font-size:14px; color:#FFF;}
.txtb14b {font-size:14px; color:#FFF; font-weight:bold;}

.txtg10  {font-size:10px; color:#999;}
.txtg10b {font-size:10px; color:#999; font-weight:bold;}
.txtg10a {font-size:10px; color:#999; text-decoration:none;}
.txtg12  {font-size:12px; color:#999;}
.txtg12a {font-size:12px; color:#999; text-decoration:none;}
.txtg12b {font-size:12px; color:#999; font-weight:bold;}
.txtg14  {font-size:14px; color:#999;}
.txtg14b {font-size:14px; color:#999; font-weight:bold;}
.txtg20  {font-size:20px; color:#999;}
.txtg20b {font-size:20px; color:#999; font-weight:bold;}
.txtg30  {font-size:30px; color:#999;}
.txtg30b {font-size:30px; color:#999; font-weight:bold;}

.txtturq10  {font-size:10px; color:#0CBADF;}
.txtturq10b {font-size:10px; color:#0CBADF; font-weight:bold;}
.txtturq12  {font-size:12px; color:#0CBADF;}
.txtturq12b {font-size:12px; color:#0CBADF; font-weight:bold;}
.txtturq12nu  {text-decoration:none; font-size:12px; color:#0CBADF;}
.txtturq12bnu {text-decoration:none; font-size:12px; color:#0CBADF; font-weight:bold;}
.txtturq14  {font-size:14px; color:#0CBADF;}
.txtturq14b {font-size:14px; color:#0CBADF; font-weight:bold;}
.txtturq24b {font-size:24px; color:#0CBADF; font-weight:bold;}

.txtred14  {font-size:14px; color:#F00;}
.txtred14b {font-size:14px; color:#F00; font-weight:bold;}
.txtred16  {font-size:16px; color:#F00;}
.txtred16b {font-size:16px; color:#F00; font-weight:bold;}
.txtred12  {font-size:12px; color:#F00;}
.txtred12b {font-size:12px; color:#F00; font-weight:bold;}

.txtvoisins {text-decoration:none; color:#000; font-size:10px;}
.txtvoisins a:hover {text-decoration:underline;}
.txtpros {text-decoration:none; color:#000; font-size:10px;}
.txtpros a:hover {text-decoration:underline;}
.txtcateg {text-decoration:none; color:#000; font-size:12px;}
.txtcateg a:hover {text-decoration:underline;}


/*----------OLD------------*/

/*.annencadre ul.galerie li {
	float:left;
	margin:0px 0px;
	padding: 0px;
	border: 1px solid #FFF;
	list-style: none;
	}

.annencadre ul.galerie li a img {
	float:left;
	}
	
.annencadre ul.galerie li a:hover img {
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	-o-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: scale (2);
	-moz-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
	}*/

.annencadre {
	width:700px;
	margin:20px auto;
	padding:20px;
	background-color:#F6F6F6;
	-moz-border-radius: 10px;
	border-radius: 10px; 
}

.annlastencadre {
	width:150px;
	margin:5px;
	padding:5px;
	height:150px;
}

.annbestencadre {
	width:150px;
	margin:5px;
	padding:5px;
	background-color:#F1F1F1;
	-moz-border-radius: 10px;
	border-radius: 10px; 
	
}


.annzapencadre {
	width:180px;
	padding:10px;
	background-color:#FFFFFF;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:#CCCCCC 1px solid; 
	height:60px;
	font-size:12px;
	color:#333;
	text-decoration:none; 
}

.annminiencadre {
	width:300px;
	margin:20px auto;
	padding:20px;
	background-color:#F6F6F6;
	-moz-border-radius: 10px;
	border-radius: 10px; 
}

.annencadrebleu {
	width:700px;
	margin:20px auto;
	padding:20px;
	background-color:#0CBADF;
	-moz-border-radius: 10px;
	border-radius: 10px; 
}

.annencadre h1 {color:#333; font-size:24px;font-weight:bold;}

img.membre {border: 3px #82D02F solid;}

#MenuMembre {
	border-top:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
}

#MenuMembre td.MM_Sel {
  text-align:left;
  padding-left: 0px;
  vertical-align:top; 
}

#MenuMembre td.MM_Sel a {
  color:#000;
  display:block;
  text-decoration:none;
  font-family:Verdana, Geneva, sans-serif;
  font-size:10px;
  line-height:3em;
}

#MenuMembre td.MM_Sel a.selected {
  background: #0CBADF;
  font-weight:bold;
  color:#fff;
}
#MenuMembre td.MM_Sel a:hover {
  background:#EFEFEF;
  font-weight:bold;
}

#MenuTop td.MT_Sel {
  text-align:center;
  vertical-align:middle;
}

#MenuTop td.MT_Sel a {
  color:#C9C9C9;
  display:block;
  text-decoration:none;
  font-family:Verdana, Geneva, sans-serif;
  font-size:11px;
  line-height:29px;
  padding: 0px 10px 0px 10px;
}

#MenuTop td.MT_Sel a.selected {
  font-weight:bold;
  color:#fff;
  border-top:2px solid #0CBADF;
}
#MenuTop td.MT_Sel a:hover {
  background:#4C4C4C;
}

#MenuMb td.mb_Sel {
  text-align:center;
  vertical-align:middle;
}

#MenuMb td.mb_Sel a {
  color:#000;
  display:block;
  text-decoration:none;
  font-family:Verdana, Geneva, sans-serif;
  font-size:11px;
  line-height:29px;
  padding: 0px 10px 0px 10px;
}

#MenuMb td.mb_Sel a.selected {
  font-weight:bold;
  color: #000;
  border-top:2px solid #0CBADF;
}
#MenuMb td.mb_Sel a:hover {
  background:#CECECE;
  color:#fff;
}


#MenuBot td.MB_Sel {
  text-align:center;
  vertical-align:middle;
}

#MenuBot td.MB_Sel a {
  color:#000;
  display:block;
  text-decoration:none;
  font-family:Verdana, Geneva, sans-serif;
  font-size:9px;
  line-height:29px;
  padding: 0px 10px 0px 10px;
  border-bottom:2px solid #C9C9C9;
}

#MenuBot td.MB_Sel a:hover {
  color:#fff;
  border-bottom:2px solid #0CBADF;
  background:#4C4C4C;
}

.corps_gauche {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	/*margin: 5px 5px 5px 5px;
	border-right:1px solid #666;*/
}

.hidden {display: none;}
.visible {display: inline;}


#Tab_Voisins td {font-size:10px;}
#Tab_Com     td {font-size:10px;}


/*#InfoMembre {
	margin-bottom:20px;
	border-bottom:1px solid #CCCCCC;
}*/

#InfoMembre .pic img {
	float:none;
	margin-right:10px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	padding:5px;
}

#InfoMembre .nom {
	margin-top:10px;
	color:#000000;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

.textegrisespace {
	color:#666666;
	font-size:10px;
	padding-bottom:20px;
 	/*border-bottom:1px solid #EEE;*/
}

div.item {
        clear: both;
        font-size: 14px;
        padding: 10px 0 3px 0;
        border-bottom: 1px black dotted;
      }
      div.i_img {
        float: left;
        width: 51px;
        margin-right: 10px;
      }
      div.i_img img {
        padding: 2px;
        border: 1px #999999 solid;
      }
      div.i_con {
        float: left;
        width: 391px;
      }
      div.i_icn {
        float: left;
        width: 57px;
        margin-left: 10px;
      }

.Corps_Header
	{
	border-top: 1px #666666 solid;
	border-bottom: 1px #CCCCCC solid;
	margin-bottom:20px;
	text-decoration:none;
    font-family:Verdana, Geneva, sans-serif;
    font-size:10px;
	}

.Voisins {
width:180px;
clear: both;
height:50px;
}

div.VoisinsImg 
	{float: left;
     margin-top: 5px;
	}
div.VoisinsNom 
	{float: left;
	 width: 100px;
	 height:50px;
     padding: 10px;}

.Voisins2 {
width:58px;
float:left;
margin:2px;
}
	 
.Commercants {
width:180px;
clear: both;
height:50px;
}

div.ComImg 
	{float: left;
     height:50px;
     margin-top: 10px;
	}
div.ComNom 
	{float: left;
	 width: 100px;
	 height:50px;
     padding: 10px;}
	 
.Titrebleu {
	color:#0CBADF;
	font-weight:bold;}
	
/* Page connexion */
.mainconnexion {margin:10px; width:800px;float:left; }
.mainconnexion h1 {color:#333; font-size:24px;font-weight:bold;}
.mainconnexion .form input
						   {
							float:left;
							font-size:24px;
							margin-bottom:10px;
							padding:5px;
							width:300px;
							}
.mainconnexion .form .label {
							/*clear:both;*/
							color:#999;
							float:left;
							font-size:13px;
							margin-top:6px;
							padding-right:10px;
							text-align:right;
							width:250px;
							}							
/* Creation compte */
.inscription {margin:5px; width:700px;float:left; }
.inscription h1 {color:#333; font-size:24px;font-weight:bold;}
.inscription h2 {color:#666; font-size:16px;font-weight:normal;}
.inscription h3 {margin-left:100px;}
.inscription .form .label {
							/*clear:both;*/
							color:#999;
							float:left;
							font-size:13px;
							margin-top:6px;
							padding-right:10px;
							text-align:right;
							width:250px;
							}

.inscription .form .inputZone {
							float:left;
							position:relative;
							}
.inscription .form input,
.inscription .form select {
							float:left;
							font-size:13px;
							margin-bottom:10px;
							padding:5px;
							width:250px;
							}
							
.inscription .form input[type=radio] {       float:left;
							font-size:13px;
							margin-bottom:10px;
							padding:5px;
							width:20px;
							}
.inscription .form select.dateSelect { margin-right: 5px; }
.inscription .form select.dateSelect.day { width: 80px; }
.inscription .form select.dateSelect.month { width: 120px; }
.inscription .form select.dateSelect.year { width: 80px; }
	  


.inscription .helper {
color:#777777;
font-size:11px;
float:left;
margin-top:7px;
padding-left:10px;
font-style:italic}

.clear {
clear: both;
}

option.bleu{background-color:#0CBADF; color:white; font-weight:bold; font-size:14px;}
option.blanc{background-color:#FFFFFF; color:black; font-size:12px;}

.css-arrow-right {
    border-color:transparent transparent transparent #EFEFEF;
    border-style:solid;
    border-width:10px 0 10px 20px;
    height:0;
    width:0;
}

.g-recaptcha {
    display: inline-block;
}