@CHARSET "UTF-8";

/* A little bit of make up ! */
* {
	font-size: 62.5%/ 1.2;
	font-family: Verdana, Arial, Helvetica, "Nimbus Sans L", sans-serif;
}

.important {
	border : 1px solid #ffff33;
	background : #ffffcc;
	padding : 10px;	
}

a.aweb {
	background : url("./img/globe-green.png") no-repeat;
	padding-left : 20px;	
	}
	
a.apdf {
	background : url("./img/document-pdf.png") no-repeat;
	padding-left : 20px;
}

a.aweb, a.apdf {
	
	}
	
a.aemail {
	display : block;
	width : 25px;
	height : 25px;
	background : url("./img/mail_edit.png") no-repeat;	
}

a.aemail span {
	display : none;
	}

.info {
	font-size : 0.8em;
	padding : 5px;	
}

.info img {
	border : none;
	vertical-align : middle;
	padding : 0 5px;
	}

*.clear {
 border : 0px;
 visibility : hidden;
 clear : both;	
}

span.search_item {
background : yellow;
font-weight : bold;
}

*.red {
 color : red;	
}

*.positif {
 text-align : center;
 line-height : 30px;
 color : green;
 font-weight : bold;	
}
*.negatif {

 color : red;
 font-weight : bold;	 	
}
/* Global page design */
body, html {
background:url("./img/bg-alpha-grey.png") repeat;
height : 100%;
}
#strip {
	position : absolute;
	display : block;
	width : 100%;
	height:39px;
	background-image : url('./img/nav-stripe.png') ;
	top : 100px;
	
	}
html {
	background-color : #fff;
		
	}

h1 {
 font-size : 1.4em;
 letter-spacing : -1px;
 font-weight : normal;
 margin : 0 0 30px 0;
 color : #65BE62	
}
h3.title_mailbox {
 background : url('./img/ico_mailbox.png') no-repeat left bottom;
 padding-left : 52px;
 height : 48px;
 line-height : 35px;	
}
h3 a {
 color : inherit;
 text-decoration :none;	
}
h3.title_whoswho {
 background : url('./img/ico_catalog.png') no-repeat;
 padding-left : 52px;
 height : 48px;
 line-height : 35px;	
}

h3.title_f2f {
 background : url('./img/ico_f2f.png') no-repeat left bottom;
 padding-left : 52px;
 height : 48px;
 line-height : 35px;	
}

h3.title_team {
 background : url('./img/ico_group.png') no-repeat left bottom;
 padding-left : 52px;
 height : 48px;
 line-height : 35px;	
}

h3.title_athens {
 background : url('./img/ico_info.png') no-repeat;
 padding-left : 52px;
 height : 48px;
 line-height : 35px;	
}

span.sub_title {
 float : left;
 margin-left : 52px;
 font-size : 0.8em;
 margin-top : -28px;	
}

h2 {
 font-size : 1.4em;
 letter-spacing : -1px;
 font-weight : normal;
 margin : 10px 0;
 color : #616161;
}
h3 {
	text-transform : uppercase;
 font-size : 1em;
 font-weight : normal; 
 margin : 10px 0 10px 0; 
 color : #2c5daf;
}

h3.link {
 background : url('./img/puce.png') no-repeat left center;
 padding-left : 20px;	
}

h4  {
 margin : 10px 0;	
}

h4 a {
 color : #000;
 text-decoration : none;	
}

.explain p {
 font-size : 0.8em;
 margin : 20px 0;	

}
.admin p.explain {
margin-bottom : 0px;	
}

ul.info {
 list-style : none;	
}

.buttonsweet-inner {
-moz-border-radius:5px 5px 5px 5px;
background:url("./img/bg-alpha-grey.png") repeat scroll 0 0 transparent;
padding : 5px 10px;
float : left;
color : #fff;
margin : 10px 0;
}

.buttonsweet {
-moz-border-radius:5px 5px 5px 5px;
background:url("./img/bg-alpha-grey.png") repeat scroll 0 0 transparent;
padding : 5px 10px;
margin : 10px ;
float : right;
color : #fff;
font-size : 0.8em;

}
.buttonsweet a, .buttonsweet-inner a  {
		text-decoration : none;
			color : #fff;
}
.buttonsweet a.user {
	background : url('./img/user-silhouette.png') no-repeat;
	padding-left : 20px;

	}
	
.buttonsweet-inner a.email, .buttonsweet a.email  {
	background : url('./img/mail_edit.png') no-repeat;
	padding-left : 20px;	
}	
	
.buttonsweet a.hotel {
	background : url('./img/home.png') no-repeat;


	padding-left : 20px;

	}	



a.back {
 font-size : 0.8em;

 text-decoration : none;
 background : url('./img/back.png') no-repeat left center;
 padding-left : 25px;
 color : #000;
 padding : 20px 0 20px 25px;
 display : block;
 	
}
/* Design the header */
#header {


-moz-border-radius:13px 13px 13px 13px;
background:url('./img/header.jpg') no-repeat #fff left 10px;
margin-bottom : 20px;
}
#header h1 {
 padding-top : 30px;	
}
.lang_manager {
float : right;
margin-top : 140px;
margin-right: 20px;
}
	
	.lang_manager img {
	 border : none;
	
	}
	
	.lang_manager a {
	 margin : 10px 0;
	 font-size : 0.8em;
	 color : #000;
	 text-decoration : none;
	}
.logout {
	position : absolute ;
	top : 50px;
 padding-left : 5px;
 font-size : 0.8em;
 font-weight : bold;	
}

#header_admin {
 border-bottom : 4px solid black;	
}
 #header_admin p {
  font-size : 1.2em;
 letter-spacing : -1px;
 margin : 20px 0;
}
#adminbox {
	
}
.logout a {
 color : #000;
	
}
.vcard {

 
 margin : 20px 0 5px 0;	
 
}

.vcard a img {
 border : none;	
}

table.tbl_home td{
 	vertical-align : top;
}

.vcard li {
 list-style : none;

}
.vcard .fn {
font-weight : bold;
}
.vcard li {
 font-size : 0.8em;	
}
.vcard li ul li {
 font-size : 1em;	
}

table.athens {
 font-size : 0.8em;	
}
 table.athens .time  {
  text-align : center;
  width : 300px;
 }
 table.athens td {
  vertical-align : top;
 }
 table.athens .link {
 
 }

 table.athens .link ul{
  
  padding-left : 20px;
  }
  table.athens .link ul li{
   line-height : 25px;
  }

/* log page */
table.login {
 margin-top : 70px;
 font-size : 0.8em;
 width : 650px;
 margin : 70px auto 0 auto;	
}
table.login .logo {
 padding : 0 20px 50px 20px;
 vertical-align : top;	
}
table.login .title {
 font-weight : bold;	
}
table.login .start {
 padding : 10px 0;	
 font-weight : bold;
}
table.login ul li {
    padding-left : 20px;
    list-style-position : inside;
    margin : 5px;	
}
table.login ul {
    margin-bottom : 20px;	
}
/* Menu account */
#menu {
-moz-border-radius:13px 13px 13px 13px;
	background : #fff;
	
 height : 39px;
margin-bottom : 20px
}

p#menu a {
 color : #fff;	
}
 ul#menu li {
  float : left;
  line-height : 39px;
  list-style : none;
  margin : 0 2px;
  color : #000;

 }
 #registercontent p {
 font-size : 0.8em;
 margin : 10px 0;
 }

 ul#menu li.active {
    
 }
 ul#menu li.active a {
  color : #265A9A;
  
  

 }
 ul#menu li a {
 font-weight : bold;
  padding : 0 10px;
  
  color : #777777;
  text-decoration : none;
  line-height : 39px;
  float : left;

font-size:12px;
text-align:center;
text-decoration:none;

text-transform:uppercase;  

 }

  ul#menu li div.autocomplete {
      position:absolute;
width : 250px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
    }
  ul#menu li  div.autocomplete ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
    }
  ul#menu  div.autocomplete ul li.selected { background-color: #ffb;}
  ul#menu li  div.autocomplete ul li {
      list-style-type:none;
      display:block;
      margin:0;
      padding:2px;
      height:32px;
      cursor:pointer;
      font-size : 0.8em;
      background : none;
    }

 ul#menu li.loged_tab {
  font-size:  0.8em;
  background : none;
  float : right;
  font-weight : bold;
 } 
 
  ul#menu li.loged_tab a{
  float:  none;
  font-size : 1em;
  background : none;
 } 
/* recherche */
ul#menu li.reset {
 background : none;
 border : none;
margin-left :20px;
background : url('./img/form_search.jpg') no-repeat left -9px;
height : 35px;
width : 266px
}

form.search {
	width : 100%;
}
form.search .type_search {
 font-size : 0.8em;
}

form.search .radio {
	margin : 0 5px 0 10px;
	}

 form.search input.text {
  font-size : 0.8em;
  padding : 10px;
  width : 200px;
 }
 form.search input.submit {
  background : url('./img/search.png') no-repeat;
  width : 24px;
  height : 24px;
  border : none;
  margin-left : 2px;
 }

/* Meteo element */
#meteo {
}

#meteo .time {
	font-size: 1.4em;
	display: block;
	font-weight: bold;
}

#meteo .temp {
	font-size: 1.2em;
	display: block;
	font-weight: bold;
}

/* Login */
div.login {
	margin: 40px 120px;
	padding-left: 80px;
	background: url('./img/lock_disabled.png') no-repeat 10px 10px;
}

div.login a {
	font-size: 0.8em;
	line-height: 30px;
}



#container div.login h1 {
	border: none;
	text-align: left;
	font-size: 1.6em;
	font-weight: normal;
	letter-spacing: -1px;
	color: #6f6f6f;
	padding: 0;
	margin: 20px 0 20px 0;
	
}

#container {

	color : #000;
	}

#container div.login p {
	font-size: 0.9em;
}

#container .login input.text {
	font-size: 1.2em;
	padding: 2px;
}

#container .login label {
	display: block;
	font-size: 0.9em;
}

#container .login .row {
	margin: 10px 0;
}

.left-column {
-moz-border-radius:13px 13px 13px 13px;
	background : #fff;	
	
}

#content {

}

.left-column h2 {
	text-transform : uppercase;	
}

/* home */
.item_home {
 font-size : 0.8em;
  margin-left : 55px; 	
}

div#the_result {
 height : 500px;
 overflow : scroll;	
 background : #fff;
}
 div#the_result .list_select {
  font-size : 0.8em;
 }
 div#the_result .list_select a{
  color : #000;
  text-decoration : none;
  line-height : 25px;
  border-bottom : 1px dotted #dedede;
 }
 div#the_result .list_select a:hover{
  background-color : #ffffe7;
 }
	
.mailbox {
  height : 60px;	
}
.item_home img {
 float : left;
 margin : 0 10px 20px 0;
 border : none;	
}
.item_home p.title {
 font-size : 1em;
 font-weight : bold;	
}
.item_home a {
 color : #000;	
}

/* Design the footer */
#footer {
	margin-top : 20px;

	padding: 20px 0;



}
#footer table {
 margin-left : 55px;	
 width : 100%;
}
#footer table td.powered {
 width : 250px;
 	
}
.item_footer img {
 float : left;
 margin : 0 10px 20px 0;
 border : none;		
}
.item_footer p.title {
 font-size : 1em;
 font-weight : bold;
 	
}
#footer td.copy {
 font-size : 0.8em;
 text-align : left;
 width : 230px;	
 vertical-align : middle;
}

.item_footer p.title a {
 color : #000;	
}
#footer img {
 vertical-align : top;
}
#footer .logo {
 line-height : 70px;	
}
#footer_container {
	background-color : #fff;
-moz-border-radius:13px 13px 13px 13px;
}

#footer_container p {
	font-size: 0.8em;

}

/* Error & info box */
#msgbox .error {
	border-top: 2px solid;
	border-bottom: 2px solid;
	border-color: #d23149;
	background: #ffced5;
	color: #545454;
	line-height: 40px;
	text-align: center;
	font-size: 0.9em;
	font-weight: bold;
	margin: 20px 120px;
	list-style : none;	
}

#msgbox  .info {
	border-top: 2px solid;
	border-bottom: 2px solid;
	border-color: #299423;
	background: #a4e2a1;
	color: #545454;
	line-height: 40px;
	text-align: center;
	font-size: 0.9em;
	font-weight: bold;
	margin: 20px 120px;
	list-style : none;
}

#adminbox .error {
	color: #545454;
	line-height: 40px;
	text-align: center;
	font-size: 0.9em;
	font-weight: bold;
	list-style : none;	
}

#adminbox  .info {
	color: #545454;
	line-height: 40px;
	text-align: center;
	font-size: 0.9em;
	font-weight: bold;
	list-style : none;
}

/* mailbox */

 #tab_mailbox {
  line-height : 34px;
  list-style : none;
  margin : 0 2px;
  background : url('./img/onglet_inactif_gauche.jpg') no-repeat -3px top;
  margin-left : 252px;
  width : 300px;
 }
 
 #tab_mailbox img {
  border : none;
 }

 #tab_mailbox span.tab {
  font-size : 0.8em;
  text-align : center;
  color : #000;
  text-decoration : none;
  color : #0d8abc;
  line-height : 34px;
  background : url('./img/onglet_inactif_droite.jpg') no-repeat 290px top;
 font-weight : bold;
 display : block;
 width : 100%;
}


div#sms_box {
 background : #fff;
 padding : 10px;	
}
 div#sms_box p, div#sms_box li {
     font-size : 0.8em;
 }
 div#sms_box li {
  margin : 5px 0;
  list-style : square;
  padding-left : 20px;
  list-style-position : inside;
 }
div#mailbox .mailbox_contact {
 background : #fff;
 padding : 5px;	
}
div#mailbox .mailbox_contact ul {
	list-style : none;
	} 
div#mailbox .mailbox_contact ul li a{
 font-size : 0.8em;
 color : #000;
 text-decoration : none;	
}

/* Mailbox */
div#mailbox_menu {
 float : left;
 width : 230px;
 font-size : 0.8em;
 }
 div#mailbox_menu ul {
 margin-left : 50px;  
 }
 div#mailbox_menu li {
  list-style : none;
  padding : 5px 5px 5px 0;
 }
 div#mailbox_menu li.active {
  /*background : #ede9ea;*/

 }
 
 div#mailbox_menu h3 img {
  border : none;
 }
 
  div#mailbox_menu li a {
   color : #000;
   text-decoration : none;
  }

div#mailbox {
 margin-left : 252px;
 background : #ede9ea;
 padding : 10px;
 min-height : 300px;
 border : 1px solid #b2c6e1;
 border-top : none;
}

div#mailbox table {
	border-collapse : collapse;
	width : 100%;
	}
	
div#mailbox th {
 font-size : 0.8em;	
}

div#mailbox_menu h3 {
 font-weight : bold;	
}
div#mailbox_menu .num {
 padding : 0 0 10px 0;
 font-weight : bold;

}
div#mailbox_menu ul.num_style li {
 list-style : decimal outside;	
}

div#mailbox_menu .sms {
 background : url('./img/sms.png') no-repeat left center;
 padding-left : 20px;	
}
div#mailbox_menu li  {
 background : url('./img/puce.png') no-repeat left 8px;
 padding-left : 20px;	
}
ul.last_visit_item li.puce{
 background : url('./img/puce.png') no-repeat left 5px;
	
}


div#mailbox td {
  background : #fff;
  border-top : 1px solid #dedede;
  list-style : none;
  font-size : 0.8em;
  line-height : 20px;
  clear : left;
 }
 div#mailbox td input {
  vertical-align: middle;
  margin : 0 5px 0 5px;
 }
 
 div#mailbox td a {
  text-decoration : none;
  color : #000;
 }
  div#mailbox td.check {
    width : 4%;
    text-align : center;
   }
  div#mailbox td.subject {
   width : 40%;
   overflow : hidden;
  }
  div#mailbox td.from {
   width : 30%;
  }
  div#mailbox td.date {
   width : 26%;
   text-align : left;
  }
  
  div#mailbox tr:hover td{
   
   cursor : pointer;
  }
  
 div#mailbox span.meta {
  font-size : 0.8em;
  border-bottom : 1px solid black;
  width : 100%;
  display : block;
  margin-bottom : 10px;
 }
  
 .mailbox_form label {
  width : 100px;
  float: left;
  font-size : 0.8em;
}
.mailbox_form  .row {
 margin : 2px 0;	
}
.mailbox_form input, .mailbox_form textarea {
 font-size : 0.8em;	
}
.mailbox_form .the_id {
 font-size:  0.7em;	
}
 .mailbox_form .submit {
  padding : 10px;
  margin : 5px 0;
 }
  
  div#mailbox .toolbar a {
   font-size : 0.8em;
   color : #000;
  }
  
 div#mailbox .content {
  font-size : 0.8em;
 } 
 div#mailbox div.mail_item {
  background : #fff;
  height : 100%;
  display : block;
  min-height : 290px;
  padding : 5px;
 }  
 
/* Catalog */
.ww-table {
	width:100%;
	border-collapse : collapse;
	}
	
.ww-table .odd {
	background : #FEF0C1;
	}	

.list_item_content {
 margin : 5px 0;

 

}

.list_item_content a {
 color : #000;	
}

.list_item_content td {
	 padding : 4px 2px;
	}
.list_item_content:hover {
	background-color :#fffcde;
}
.list_item_content img {
	border : none;
	vertical-align : middle;
}
.list_item_content .job {
 font-size : 0.8em;	
}
.list_item_content .link-profile {
/* 	width: 50px; */
}
.list_item_content .link-profile a {
  background : url('./img/user_silhouette.png') no-repeat left center;
/*   padding-left : 20px;	 */
  font-size : 0.8em;
}

.list_item_content  .organisation {
 font-size : 0.8em;
 
}
.list_item_content  a.sendmail {
font-size : 0.8em;
}


 .list_item_content a.theprofile {
  text-decoration : none;
  color : #000;
  font-size : 0.8em;
  border-bottom : 1px dotted #dedede;
  line-height : 25px;
 }
 
 .list_item_content a.details {
  font-size : 0.8em;
 }
  .list_item_content a.theprofile .orga {
   
  }
  .list_item_content a.theprofile .orga img, .list_item_content .people a.sendmail img {
   border : none;
   margin : 0 5px;
   vertical-align: middle;
  }
  .list_item_content .id {
   margin : 0 5px;
   font-size : 0.8em;
  }
  .list_item_content .del_id {
   font-size : 0.6em;
   margin : 0 5px;
  }
  
  .list_item_content .orga {
   font-weight : bold;
   margin : 0 5px;
  }
  
  .list_item_content .instant_green_msg {
  	display : block;
	font-size : 0.8em;
	font-style : italic;
	color : #2aff1f;
     padding-left : 58px;
	}
	  .list_item_content .instant_red_msg {
  	display : block;
	font-size : 0.8em;
	font-style : italic;
	color : red;
	 padding-left : 58px;
  }  
  .list_item_content .link_cancel {
  	display : none;
	margin-left : 58px;
	font-size : 0.8em; 
	color : #2aff1f;	
  } 
  .list_item_content form.cancel_form {
  	margin-left : 58px;
	display  :block;
	padding : 10px 0;
  }
  
   .list_item_content form.cancel_form span  {
   	font-size : 0.8em;
   } 
  
   .list_item_content form.cancel_form textarea {
   	font-size : 0.8em;
   }
  
  	  .list_item_content .accept_f2f{
  	display : block;
	font-size : 0.8em;
     font-style : italic;
	 color : blue;
	 
	 padding-left : 58px;
  }  
  
  .list_item_content .bookmark_on  span,  .list_item_content .bookmark_off  span{
	display : none;
  }
  
  .list_item_content .bookmark_off {
	background : url('./img/star_empty.png') no-repeat;
display : block;
	width : 100%;
	height : 100%;
  }

  .list_item_content .bookmark_on {
	background : url('./img/star.png') no-repeat;
display : block;
	width : 20px;
	height : 20px;
  }


.add_profil {
 font-size : 0.8em;
 text-decoration : none;
 color : #000;
 font-style : italic;	
}
.remove_profil {

 font-size : 0.8em;
 text-decoration : none;
 color : #000;	
font-style : italic;
}

/* Home */
p.last_visit {
 font-size : 0.8em;

}
ul.last_visit_item {
 list-style-type : none;
 font-size : 0.8em;

 line-height : 20px;
}
ul.last_visit_item img {
 border : none;	
}
/* f2f account */



table.account {
 border-collapse : collapse;
 margin : 20px 0;
 background : #eaeaea;
 margin-left : 230px;
}

p.f2f_close {
 font-size : 0.9em;
 text-align : center;
 padding : 10px;
 background : #dedede;
 margin-bottom : 20px;
 font-weight : bold;	
}

div.close_f2f {
 position : absolute;
 width : 950px;
 margin-left : -475px;
 left : 50%;
 height : 290px;
 background : #fff;
 -moz-opacity:0.5;

opacity: 0.5;

filter:alpha(opacity=50);
}

#content .account .the_title {
 font-weight : bold;
 padding-right : 10px;
 font-size : 1.1em;	
}

table.account tr {
 background : #eaeaea;
 border : 2px solid #fff;	
}
 table.account .puce {
  background : url('./img/puce_vierge.jpg') no-repeat center;
  color : #fff;
  height : 50px;
  width : 50px;
  text-align : center;
  font-size : 1.4em;
 }
 
 table.account .puce a {
  color : #fff;
  text-decoration : none;
}
 
 .account {
  font-size : 0.9em;
 }
 
 .account .no_link {
  font-style : italic;
  color : #585858;
 }
 
 .account thead th {
  text-align : left;
  font-size : 1.4em;
  letter-spacing : -1px;
  
  line-height : 35px;
  background : #fff;
  
 }
 
 .account .orange {
  color : #ff8315;
  font-weight : bold;
 }
 
 .account .green {
  font-weight : bold;
  color : #44a933;
 }
 
 .account .action {
  text-align : left;
  padding : 0 20px;
 }
 .account .the_date {
  text-align : left;
  padding-right : 20px;
 }
 .account .ok {
  background : url('./img/ok.jpg') no-repeat center;
  width : 50px;
 }
 .account .comeback {
  background : url('./img/cal.png') no-repeat center;
  width : 50px;
 }
 .account .todo {
  background : url('./img/warning.png') no-repeat center;
  width : 50px;
 }
ul.account_menu {
 width : 100%;
 margin-bottom : 10px;
}

/*----------------------------------*\
              SCHEDULE
\*----------------------------------*/
#mailbox .schedule {
 border-collapse : collapse;
 width : 100%;	
}
#mailbox .schedule td.day {
 border-top : 4px solid #b4d0d2;
  
}

#mailbox .schedule .the_day {
 vertical-align: top;
 padding : 5px 30px 0 0;
 border-right : 1px solid #b4d0d2;
 
 font-size : 0.8em;
 font-weight : bold;
 width : 150px;

}
#mailbox .schedule .the_day a{
 
 font-weight : normal;
 color : blue;
 text-decoration : underline;

}
#mailbox .schedule .f2f {
 padding-left : 20px;
 line-height : 30px;
 border-right : 1px solid #b4d0d2;	
}
#mailbox .schedule .fill {

border-bottom : 1px solid #b4d0d2;
}
#mailbox .schedule tr:hover td {
 background : 	inherit;
}
#mailbox .schedule .f2f input {
 margin : 0 10px 0 0;
 vertical-align: middle;
}
#mailbox .schedule .label {
 padding : 0 0 0 10px;
 font-weight : bold;
 	
}
#mailbox .schedule td.hour {

 border : 1px solid #b4d0d2;
 text-align : center;	
}
#mailbox .schedule td.lunch {
background-color : #ccff66;
padding : 10px;
 border : 1px solid #b4d0d2;
 text-align : center;	

}
#mailbox .schedule td.official {
background-color : #ff6633;
padding : 10px;
 border : 1px solid #b4d0d2;
 text-align : center;	
}
#mailbox .schedule td.color {
 width: 100px;
 border : none;	
 
}
#mailbox #legend {
 margin : 10px auto;
 border-collapse : 5px;	
}
#mailbox #legend td{
 border : 4px solid #fff;
 padding : 5px;
}
/* Request table */
.tab_request {
 width : 100%;	
 background : #fff;
 padding : 10px;
}

.tab_request a img {
 border : none;	
}
 .tab_request th {
  background : #e8eeef;
  padding : 5px;

 }
 div#mailbox .tab_request td  a.details {
  text-decoration : underline;
  color : blue;
 }
  .tab_request th.move {
   width : 40px;
  }
 div#mailbox .tab_request td {
  padding : 5px;
  border-top : 1px solid black;
 }
 .tab_request td.radio {
  text-align : center;
 }
 .tab_request td.subject {
  vertical-align : middle;
 }
 .tab_request td.subject form {
  vertical-align : top;
 }
 .tab_request td textarea {
  font-size : 1em;
  background : #fff;
  vertical-align : middle;
 }
  .tab_request td input {
   padding : 5px;
   vertical-align : middle;
  }
.f2f_available {
 background : #fff;
 padding : 10px;	
}
 .f2f_available p {
  font-size : 0.8em;
  font-weight : bold;
  margin  : 0 0 10px 0;
 }
 
 /* whos who */
 
#whoswho_content {
 margin : 5px;
 background : #fff;
 padding : 5px;	
}
#whoswho_content h4 {
 font-size : 0.8em;
 margin : 10px 0;	
}

#whoswho_content li {
 list-style : none;
 font-size : 0.8em;	
}
#whoswho_content p {
 font-size : 0.8em;	
}

/* whoswho special menu */
ul.whoswho_menu {
  line-height : 34px;
  list-style : none;
  margin : 20px 2px;
  height : 34px;
  background : #777777;

}
 ul.whoswho_menu  li {
  float : left;
  line-height : 34px;
  list-style : none;
  margin : 0;
 }
 
 ul.whoswho_menu  li.active {
  background : #275A9A;
 }
 ul.whoswho_menu  li.active a {
  color : #FFF;
  font-weight : bold;
 }
 ul.whoswho_menu  li a {
  padding : 0 10px;
  font-size : 0.8em;
  text-decoration : none;
  color : #fff;
  line-height : 34px;
  float : left;
    font-weight : bold;
 }

/* photo */
div.the_img {
 width : 200px;
 text-align : center;
 float : left;	
 height : 160px;
 margin-top : 40px;
}
div.the_upload {
 	margin-left : 210px;
 	height : 160px;
 	font-weight : bold;
}
div.the_upload p {
 font-size : 0.8em;
 text-align : left;
 margin : 5px 0;	
}

div.the_upload form input.submit {
 margin : 10px auto;
 padding : 5px;
 font-weight : normal;	
}

/* auto completer */
   div.autocomplete {
      position:absolute;
      width : 250px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
    }
    div.autocomplete ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
    }
    div.autocomplete ul li.selected { background-color: #ffb;}
    div.autocomplete ul li {
      list-style-type:none;
      display:block;
      margin:0;
      padding:2px;
      height:32px;
      cursor:pointer;
      font-size : 0.8em;
      overflow : auto;
      width : 96%;
    }
    
/* admin */
.admin ul{
 font-size : 0.8em;
 margin-left : 52px;
 margin-top : 0;

}
.admin ul.num_style li {
list-style-type : decimal;
list-position : inside;
}
/* profil */
div.profil {
	margin-left : 53px;
	}
div.profil p {
 font-size : 0.8em;	
}
 div.profil .id {
  font-size : 0.8em;
 }
div.profil ul li {
  font-size : 0.8em;
  list-style : none;	
}
table.team_item {
 margin : 10px 0;
 border-bottom : 1px dotted #dedede;	
 clear : left;
 height : 85px;
}
 td.photo {
  float  : left;
  margin : 0 10px;
 }
 td.identity ul li {

 }
 td.identity img {
  border : none;
 }
 
/* WEBMAIL */

form.opt_mail ul li{
	float: left;
	list-style : none;
	font-size : 0.8em;
	line-height : 25px;
	padding : 0 5px;
}


*.tick {
 background : url('./img/tick.png') no-repeat 5px center;	
 padding : 4px 25px;
 display : block;
 font-size : 0.8em;
 margin : 10px 0;
}

form.opt_mail input {
 vertical-align : middle;	
}

.mailbox {
	width : 100%;	
	border-collapse : collapse;
}

.mailbox th {
	font-size : 0.8em;
	background : #777;
	color  : #fff;	
	padding : 5px;
}

.mailbox .notread {
	font-weight : bold;	
}

.mailbox .lines td {
	font-size : 0.8em;
	padding : 5px;
	color : #000;
}
.mailbox .lines td a {
	text-decoration : none;
	color : #000;	
}
.mailbox .mailbox_odd  td {
	background : #fffcde;	
}

.mailbox .nomsg td {
	text-align : center;
	font-size : 0.8em;
	padding : 20px;
	}



.webmail li.new {
 padding-left : 25px;
 background : url('./img/pencil.png') no-repeat 5px center;	
}
.webmailu li.search {
 padding-left : 25px;
 background : url('./img/magnifier.png') no-repeat 5px center;
 float : right;	
}
.webmail li.reply {
 padding-left : 25px;
 background : url('./img/email_reply.png') no-repeat 5px center;	
}
.webmail li.forward {
 padding-left : 25px;
 background : url('./img/email_go.png') no-repeat 5px center;	
}
.webmail li.send {
 padding-left : 25px;
 background : url('./img/bullet_go.png') no-repeat 5px center;	
}


.webmail li.restore {
 padding-left : 25px;
 background : url('./img/bin_empty.png') no-repeat 5px center;	
}
.webmail li.delete {
 padding-left : 25px;
 background : url('./img/supprimer.gif') no-repeat 5px center;	
}

.webmail li.print {
 padding-left : 25px;
 background : url('./img/printer.png') no-repeat 5px center;
}

.webmail li.print_grey {
 padding-left : 25px;
 background : url('./img/printer_grey.png') no-repeat 5px center;
 color : grey;	
}

.webmail li.reply_grey {
 padding-left : 25px;
 background : url('./img/email_reply_grey.png') no-repeat 5px center;
 color : grey;	
}
.webmail li.forward_grey {
 padding-left : 25px;
 background : url('./img/email_go_grey.png') no-repeat 5px center;
 color : grey;	
}
.webmail li.restore_grey {
 padding-left : 25px;
 background : url('./img/bin_empty_grey.png') no-repeat 5px center;
 color : grey;	
}
.webmail li.delete_grey {
 padding-left : 25px;
 background : url('./img/supprimer_grey.png') no-repeat 5px center;	
 color : grey;
}
.webmail li.send_grey {
 padding-left : 25px;
 background : url('./img/bullet_go_grey.png') no-repeat 5px center;	
 color : grey;
}

.webmail li.inbox {
 padding-left : 25px;
 background : url('./img/box.png') no-repeat 5px center;		
}
.webmail  li.sent {
	 padding-left : 25px;
 background : url('./img/sent_item.png') no-repeat 5px center;		
}
.webmail  li.trash {
	 padding-left : 25px;
 background : url('./img/bin.png') no-repeat 5px center;		
}
.webmail  li.innerbox {
 background-color : #bccce5;	
}

.webmail_compose {
	width : 95%;
	border-collapse : collapse;
	}
	
.webmail_compose td {
	padding : 2px 0;
	}	
.webmail_compose .label {
	font-size : 0.8em;
	vertical-align : top;
	}
.webmail_compose input.text, .webmail_compose textarea {
	width : 95%;
	font-size : 0.8em;
	-moz-box-shadow : 0 1px 2px #888 inset;
	padding : 4px 0 4px 4px;
	}	

.mail_item ul.meta {
	list-style : none;
	font-size : 0.8em;
	color : #fff;
	background : #777;
	padding : 10px;
	margin : 10px;	
	}

.mail_item .the_item {
		font-size : 0.8em;
		margin : 10px;
		padding : 10px;
	}
/* Personal */
.personal_form .row {
 clear : left;
 margin : 5px 0;
}
.personal_form label {
 float : left;
 width : 190px;
 font-size : 0.8em;
 text-align : right;
 padding-right : 10px;
}
.personal_form textarea {
 width : 400px;
 height : 75px;
}

.perso_id {
 font-size : 0.8em;
 padding : 10px;
 background : #f3f3f3;
 width : 100%;
}
.perso_id_odd {
 background : none;	
}
.perso_id .perso_details {
	vertical-align : top;	
}
.perso_id img {
 border : none;
}
.perso_id .avatar {
 padding-right : 10px;
 vertical-align : top;
 width : 90px;
}
.perso_id ul {
	list-style : none;	
}


 /*----------------------------------*\
       MISE EN PAGE FORMULAIRE
\*----------------------------------*/
.inscription .row { clear : both; margin : 5px 0; }
.inscription .row *.Err, span.Err { color : #FF0000; font-weight : bold;}
.inscription .row label {float : left; width : 220px;line-height : 20px; padding-left : 5px; font-size : 0.8em}
.inscription .row dt { font-style : italic; margin : 5px 0;}
.inscription .row input { font-size : 0.8em;}
.inscription .fill { background-color : #efeeee; }
.inscription textarea { font-size : 0.8em;padding : 10px;width : 90%;
height : 200px; }
.inscription .explain {font-size : 0.8em;margin-bottom : 10px;}
.inscription li { font-size : 0.8em;list-style : none}

.respons {
	font-size : 0.8em;
	list-style : none;	
}

/* ----------- stylized ----------- */
#stylized{
}
#stylized h2 {
	clear : both;
	padding-top : 30px;
	}
#stylized h3 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
color : #000;
border-top:solid 1px #b7ddf2;
padding-top : 5px;
}
#stylized p{
font-size:0.8em;
color:#666666;
margin-bottom:20px;

padding-bottom:10px;
}

#stylized p.respons {
	margin-left : 270px;
	}

#stylized dt {
font-weight : normal;
font-style : italic;
margin-bottom : 5px;
              
}
#stylized img {
	border : none;
	}
#stylized input.code {
 width : 25px;	
}#stylized input.tel {
 width : 200px;	
}
#stylized label{
display:block;
font-weight:bold;
text-align:left;
width:250px;
float:left;

font-size : 0.8em;
padding-right : 10px;
}

#stylized .row ul {
	font-size : 0.8em;
	margin-left : 220px;
	color : #666666;	
	margin-bottom:20px;
}
#stylized label.repost{
 color : red;	
}
#stylized .final_form input, #stylized .final_form textarea,#stylized .final_form select {
	cursor : default;
	border : none;
	}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:100%;
}
#stylized input, #stylized textarea, #stylized select, .custom-select-box2{

font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:400px;
margin:0px 0 00px 0px;
}
.custom-select-box2 {
	height : 50px;
	overflow : auto;
	cursor : default;
	}
#stylized input.code {
 width : 25px;	
}#stylized input.tel {
 width : 200px;	
}
#stylized input.radio {
 width : 20px;
 float : none;	
}
#stylized .checkbox {
 width : 20px;	
 float : left;
 padding : 0;
}

#stylized input.submit {
 width : auto;
 border : auto;
 background : auto;	
}
#stylized .checkbox_list div {
	display : block;
	height : 20px;
	clear : left;
}
#stylized .checkbox_list th {
 padding : 10px 0;	
}
#stylized .checkbox_list .repost {
 color :red;	
}


#stylized .row {
	clear : left;
	margin : 5px 0;
}

.inner-col {
-moz-border-radius:13px 13px 13px 13px;
background: #fff;
overflow:hidden;
padding: 5px 14px;
margin : 0 0 10px 0;
font-size : 0.8em;
color : #777;
}

.inner-col a {
color : #777;
}

.inner-col a.red {
	color : red;
	}

.inner-col ul {
list-style : none;
}
.inner-col h2 {
	margin-top : 2px;
	padding-top : 2px;	
}
.inner-col h2, .inner-col h2 a {
	text-decoration : none;
	color : #777777;
	text-transform:uppercase;
	font-size : 12px;
	font-weight : bold;
	
}

/* pagination */
ul.pagination {
	display : block;
	margin : 0 auto;
	height : 50px;
	}

ul.pagination li {
float : left;
padding : 2px;
border : 1px solid  #265AA4;
background : #265AA4;
margin : 0 2px;
width : 15px;
text-align : center;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;	
}

ul.pagination li a {
	color : #fff;
	text-decoration : none;
	}
ul.pagination li.active a {
	color : #000;
	}
ul.pagination li.active {
border : none;
background : none;
}

/* PROJECT */

.projectform {

}

.projectform .row {
	clear : left;
	padding : 5px ;
}

.projectform dt {
	font-size : 0.8em;
	float : right;
	width : 120px;
	font-style : italic;
	}

.projectform dt.dtleft {
	position : absolute;
	width : 200px;
	
	margin-top : 25px;
	}

.projectform dt.small {
	width : 250px;
	}

.projectform label {
	float : left;
	width : 250px;
	font-size : 0.8em;
	line-height : 30px;
}

.projectform .odd {
	background : #e9e9e9;
	}
.projectform input, .projectform select, .projectform textarea {
	
	padding : 5px;
}

.projectform textarea {
	width : 300px;
	height : 100px;
	font-size : 0.8em;
}

.projectform select {
	width : 300px;
}

#newnext, #newprevious {
font-size : 0.8em;
background : url('./img/view.png') no-repeat left center;
padding-left : 20px;
color : #000;
}