body {
margin:0; 
padding:0; 
height: 100%; 
width: 100%; 
}


A.lien_texte, label.lien_texte, .Evenements A  {
text-decoration: underline;
line-height:25px;
padding:5px;
border:1px solid #CFCFCF;
}

A.lien_texte_ext {
text-decoration: underline;
line-height:25px;
padding:5px 18px 5px 5px;
border:1px solid #FFAFAF;
background:#FFEFEF url("https://img.dailyfriends.com/icones_menu/world_go.png") right center no-repeat;
}

A:link {
	COLOR: #006DB1; 
}
A:visited {
	COLOR: #006DB1; 
}
A:active, label.lien_texte:active  {
	COLOR: #F00; background-color:#CFCFCF;
}
A:hover {
	COLOR: #F00; 
}

#page_wrapper {
  margin-left: auto; 
  margin-right: auto;
  width: 100%;
  text-align: left;
  background: #FFF;
  border: 0px solid #CCC;
  font: normal normal 12px Arial, Helvetica, sans-serif; 
}

/*
DEBUT ENTETE
*/

#header_wrapper {
  margin:0; 
  padding:0;
}

#header {
  height: 65px;
  padding:0px;
  background-color: #FFF;
  margin:0px;

}

#header #logo{
	position:absolute; 
	font: italic normal 10px verdana, arial, sans-serif;
	padding:5px 0px 0px 5px;
	margin:0;
	color:#44AAFF;
}

#header #logo #Ville
	{
	position:absolute; 
	font: bold normal 13px Arial, Helvetica, sans-serif; 
	color:#CFCFCF;
	display:block;
	top:47px;
	left:10px;
	z-index:20;
	width:250px;
	}

#Karma{font: normal normal 12px Arial, Helvetica, sans-serif; z-index:21; }

#Karma2 {display:inline-block;z-index:21;font-size:15px;color:#344b68;}

#Barre_karma {
height:6px;
display:inline-block;
}

#Barre_karma_wrapper {
display:inline-block;
margin:5px 0px;
padding:0px 0px;
background-color:#E0E0E0;
width:120px;
height:6px;
}

#header #logo #deconnexion a
	{
	position:absolute; 
	font: bold normal 11px Arial, Helvetica, sans-serif; 
	text-decoration: underline;
	top:10px;
	left:230px;
	z-index:21;
	color:#933;
	line-height:18px;
	}

#header #logo #deconnexion a:active
	{
	color:#FFF;
	background-color:#933;
	}




#header #logo h1 {
  margin:0px;
  font-size: 25px;
  color:#fff;
  letter-spacing: -1px;
}

#header #logo h2 {
  position:absolute; 
  font: bold normal 10px verdana, arial, sans-serif;
  margin:0px;
  font-size: 9px;
  color:#333333;
  letter-spacing: 1px;
  top:30px;
  width:300px;
}

#header #logo .ville{
  position:absolute; 
  font-size:12px;
  font-weight:bold;
  color:#FFFFFF;
  padding:10px 0px 0px 0px;
  margin:0;
	}


/*
FIN ENTETE
*/

/*
DEBUT Menu Gauche
*/

/* Capture video */
.video {
  border: 1px solid black;
  box-shadow: 2px 2px 3px black;
  width:320px;
  height:240px;
}

.photo {
 	 border: 1px dotted black;
 // box-shadow: 2px 2px 3px black;
  width:100%;
	margin-top:65px;
  
}

.canvas {
  display:none;
}

.camera {
  width: 340px;
  display:inline-block;
}

.output {
  width: 340px;
  display:inline-block;
}

.startbutton {
  display:block;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  background-color:#777;
  border: 1px solid rgba(255, 255, 255, 0.7);
  box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  font-family: "Arial", sans-serif;
  color: rgba(255, 255, 255, 1.0);
}

.contentarea {
  font-size: 16px;
  font-family: "Lucida Grande", "Arial", sans-serif;
  width: 760px;
}


/* FIN Capture video */

#content {
  margin:0;
}


#content .content_title {
  color:#000000;
  position:relative;
  font-family: verdana, arial, sans-serif;
  font-size: 14px;
  padding:5px 0px 0px 5px;
  margin:0px 0px 0px 0px;
  line-height: 15px;
	}

/*
	background-image: url('https://img.dailyfriends.com/design/cal_48r.png');
	background-repeat: no-repeat;
*/
#content .content_title .date {
  position:absolute;
  margin:0px 0px 0px 2px;
  right:5px;
  width:1px;
  height:1px;
}

#content .content_title .image {
  position:absolute;
  margin:0;
  left:0px;
  text-align:center;
  width:100px;
  height:66px;
}

#content .content_title .central {
  position:absolute;
  margin:0px 0px 0px 100px;
}


.commande_mob {
  position:relative;
  background-color:transparent;
  height:50px;
}

.commande_mob .inscription{
  position:absolute;
  font: normal normal 10px verdana, arial, sans-serif;
  color:#FFFFFF;
    -moz-border-radius : 10px;
    -webkit-border-radius : 10px;
  left:5px;
  width:180px;  
  padding:5px;

}

.commande_mob .inscription > select{
  font: normal normal 9px verdana, arial, sans-serif;
}

.commande_mob .Ion_LP{
	border:2px #79C9EC solid;
	text-align:center;
  padding:2px 10px;
  font: bold normal 10px verdana, arial, sans-serif;
  color:#333;
  background-color:#ABFB9B;	
}

.commande_mob .Ion_LA{
	border:2px #79C9EC solid;
	text-align:center;
  padding:2px 10px;
  font: bold normal 10px verdana, arial, sans-serif;
  color:#777;
  background-color:#FFD19D;	
}


.commande_mob .desincription{
  position:absolute;
  display:block;
  text-align:center;
  font: bold normal 10px verdana, arial, sans-serif;
    -moz-border-radius : 10px;
    -webkit-border-radius : 10px;
	border:2px #79C9EC solid;
 padding:5px;
  left:230px;
  width:70px;
  height:25px;
  color:#CCC;
  background-color:#C22;	
}


.commande_mob .surveillance{
  position:absolute;
  display:block;
  text-align:center;
  font: bold normal 10px verdana, arial, sans-serif;
  color:#FFF;
  padding:5px;
    -moz-border-radius : 10px;
    -webkit-border-radius : 10px;
  left:230px;
  width:70px;
  height:25px;
}

.commande_mob .Sinactif{
	border:2px #CCC solid;
	text-align:center;
  font: bold normal 10px verdana, arial, sans-serif;
  color:#CCCCCC;
  background-color:#777;	
}

.commande_mob .Son{
	border:2px #79C9EC solid;
	text-align:center;
  font: bold normal 10px verdana, arial, sans-serif;
  color:#FAC2E1;
  background-color:#777;	
}

.commande_mob .Soff{
	border:2px #79C9EC solid;
	text-align:center;
  padding:10px 5px;
  font: bold normal 10px verdana, arial, sans-serif;
  color:#FFEFEF;
  background-color:#C22;	
}


 .statut_membre{
  text-align:center;
  font: bold normal 11px verdana, arial, sans-serif;
  background-color:#79C9EC;
  color:#333333;
  padding:5px 0 0 0;
  margin:0px;
	border:2px #CFCFCF solid;
	-moz-border-radius : 10px;
    -webkit-border-radius : 10px;
 left:220px;
 width:74px;
  height:36px;
}

.commande_mob .statut_sortie{
  position:absolute;
  text-align:center;
  font: bold normal 11px verdana, arial, sans-serif;
  background-color:#79C9EC;
  color:#333333;
  padding:5px 0px 0px 0px;
  margin:0;
border-left:0px #79C9EC solid;
border-right:2px #79C9EC solid;
border-bottom:2px #79C9EC solid;
    -moz-border-radius-topleft : 20px;
    -webkit-border-top-left-radius : 20px;
    -moz-border-radius-bottomright : 10px;
    -webkit-border-bottom-right-radius : 10px;
  left:-1px;
  width:74px;
  height:36px;
}


#content .content_title .comment{
  color:#FF9F00;
  font: bold normal 11px verdana, arial, sans-serif;
  margin:2px 0px;
	}

#footer {
clear:both;
position:relative;
margin-left:auto;
margin-right:auto;
width: 100%;
  color: #dcdcdc;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
line-height: 30px;
text-align: center;
color: #dcdcdc;
background-color: #344B68;
background-image: -webkit-gradient(linear,left top,left bottom,from(#30455f),to(#344B68));
background-image: -moz-linear-gradient(top,#30455f,#344B68);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr='#30455f',endColorstr='#344B68');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#30455f',endColorstr='#344B68')";
}
}

#footer .footerSection {
font-weight:bold;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 0 10px;
padding:0 0 0 10px;
}

#footer .footerSection a {
color: #dcdcdc;
text-decoration:none;

}
.arrondi_haut{
	 border-top:2px #79C9EC solid;
	 border-left:2px #79C9EC solid;
	 border-right:2px #79C9EC solid;
	 border-bottom:0px;
	 margin-top:5px;
	-moz-border-radius-topleft : 20px;
	-webkit-border-top-left-radius : 20px;
    -moz-border-radius-topright : 20px;
    -webkit-border-top-right-radius : 20px;
}

.arrondi_bas{
	border-bottom:2px #79C9EC solid;
	border-left:2px #79C9EC solid;
	border-right:2px #79C9EC solid;
	padding-left:5px;
	padding-right:5px;
	background-color:#F1F6FE;
    -moz-border-radius-bottomleft : 20px;
    -webkit-border-bottom-left-radius : 20px;
    -moz-border-radius-bottomright : 20px;
    -webkit-border-bottom-right-radius : 20px;
}

.arrondi_bas_blanc{
padding-left:5px;
padding-right:5px;
background-color:#F5F5F5;
    -moz-border-radius-bottomleft : 20px;
    -webkit-border-bottom-left-radius : 20px;
    -moz-border-radius-bottomright : 20px;
    -webkit-border-bottom-right-radius : 20px;
}

h3  {
	margin:15px 0px 2px 0px;
	padding:3px 0px 3px 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #6F6F6F;
	background-color:#EFEFEF;
	border-top:1px #CFCFCF solid;
}


h3 .color-second {
  color: #FF9F00;

}
.etoile {
  color: #ff9f00;
}

.orange_fonce	{
 color:#CC9933;
}


#content h4 {
  margin-top:0px;margin-bottom:0px;
  font-family: verdana, arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 12px;
  color: #2153AA;
}


.diffuse_lien {
  background-color: #fff5e3;
  margin:0px;
  padding:0px;
  border: 1px solid #DFE8F7;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 18px;
  color: #333333;
}

.featurebox_center {
  background-color: #FCFCFC;
  margin:0px;
  padding:5px;
  border: 1px solid #DFE8F7;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 18px;
  color: #333333;
}

.featurebox_center_journal {
  background-color: #FFF8C9;
  width:250px;
  margin:0px;
  padding:5px;
  border: 1px solid #DFE8F7;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 18px;
  color: #333333;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
}
.featurebox_center_adv {
  background-color: #ffc0b6;
  margin:0px;
  padding:0px 10px 10px 10px;
  border: 1px solid #DFE8F7;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 18px;
  color: #333333;
}

.featurebox_center_adv_admin {
  background-color: #cc6060;
  margin:0px;
  padding:0px 10px 10px 10px;
  border: 1px solid #DFE8F7;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 18px;
  color: #333333;
}

/*  background-color: #fffff6;
*/
.featurebox_side {
  background-color: #fffff6;
  margin:0px 1px 0px 1px;
  padding:10px;
  border-top: 1px solid #DFE8F7;
  border-right: 1px solid #DFE8F7;
  border-bottom: 1px solid #DFE8F7;
  border-left: 1px solid #DFE8F7;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 14px;
  color: #333333;
}


.featurebox_side_title {

  margin:0px 1px 0px 1px;
  padding:8px;
  font-weight:bold;
  border-top: 1px solid #DFE8F7;
  border-right: 1px solid #DFE8F7;
  border-bottom: 0px solid #DFE8F7;
  border-left: 1px solid #DFE8F7;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #000000;
  background: #CCCCCC url('https://img.dailyfriends.com/design/side_header_bg.png') top left repeat-x;

}

#DL9_journal {position:relative; top:0px;font-size:10px; height:32px; width:316px; background:transparent; padding-left:2px;
}

#DL9_journal ul {padding:0; margin:0; list-style:none; width:316px; height:32px;
}

#DL9_journal table {border-collapse:collapse; margin:1px -20px; 0 0; padding:0; width:0; height:0; font-size:1em;}

#DL9_journal li {text-align:center;float:left; height:32px; background-color:none;padding:0px 2px 0px 2px;}
#DL9_journal li a {width:65px;float:left;
-moz-border-radius:10px;
    -webkit-border-bottom-left-radius : 10px;
    -webkit-border-top-left-radius : 10px;
    -webkit-border-bottom-right-radius : 10px;
    -webkit-border-top-right-radius : 10px;
display:block; padding:0 0 0 2px; height:32px; line-height:32px; border:2px solid #79C9EC;background-color:#FFFFFF;color:#333333; text-decoration:none; font-family:arial, verdana, sans-serif;
}
#DL9_journal li a:active {background-color:#FFF8C9}
#DL9_journal li.current a {background-position:0 -32px; border:2px solid #79C9EC;background-color:#277799;color:#FFFFFF;}

.link_block > a.text
	{
	font: normal normal 11px Arial, Helvetica, sans-serif; 
	line-height:16px;
	padding:0px 5px 2px 5px;
	}

.link_block > a.text:active
	{
	background-color:#a7a7a7;
	color:#FFFFFF;
	}

.color-second { color:#FFDF8C;

		}

.form_en_rouge {border:1px solid #CC6666;
	background-color:#FCC;
	margin:5px;
	padding:5px;
	}

.mal, a.mal {	color:#3050C8;
	font-family:verdana;
	font-weight: bold;
	}

.eff, a.eff {	color:#CFCFCF;
	font-family:verdana;
	font-weight: bold;
	}

.fem, a.fem {	color:#F105B6;
	font-family:verdana;
	font-weight: bold;
	}

.par, a.par {	color:#AAFFAA;
	font-family:verdana;
	font-weight: bold;
	}

.mod, a.mod {	color:#CC9966;
	font-family:verdana;
	font-weight: bold;
	}

.adm, a.adm {	color:#EF8F00;
	font-family:verdana;
	font-weight: bold;
	}
	
.ami_m, a.ami_m {padding-right:20px;
	background: transparent url('https://img.dailyfriends.com/design/ami_m.png') right 0px no-repeat;
	}

.ami_f, a.ami_f {padding-right:20px;
	background: transparent url('https://img.dailyfriends.com/design/ami_f.png') right 0px no-repeat;
	}

.connaissance_m, a.connaissance_m {padding-right:20px;
	background: transparent url('https://img.dailyfriends.com/design/connaissance_m.png') right 0px no-repeat;
	}

.connaissance_f, a.connaissance_f {padding-right:20px;
	background: transparent url('https://img.dailyfriends.com/design/connaissance_f.png') right 0px no-repeat;
	}

.blacklist, a.blacklist {background-color:#000;
	color:#999;
	}
font.v_adm, a.v_adm, span.v_adm	
	{
	font-weight: bold;
	color: #3A3;
	}

font.nv_adm, a.nv_adm, span.nv_adm
	{
	font-weight: bold;
	color: #F33;
	}

.blanc_adm, a.blanc_adm
	{
	font-weight: bold;
	color: #FFF;
	}

.gris_adm 	
	{
	color: #666;
	}

.grisleger_adm	
	{
	font: normal normal 11px Arial, Helvetica, sans-serif; 
	color: #aaa;
	}

.petit_grisleger
	{
	font: normal normal 9px Arial, Helvetica, sans-serif; 
	color: #aaa;
	}

.actualite_jour
{  
  background-color: #fffff6;
  margin:0px;
  padding:10px 10px 3px 10px;
  border: 1px solid #DFE8F7;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  color: #333333;
}

.actualite
	{  
	font: normal normal 11px Arial, Helvetica, sans-serif; 
	width:550px; 
	display:inline;
	text-align:left;
	padding:5px;
	margin:10px 5px;
    border:0px solid;
	color: #000040;
	z-index:1;
	}

.actualite div.details
{  
	font: normal normal 11px Arial, Helvetica, sans-serif; 
	width:520px; 
	text-align:left;
	padding:5px;
	margin:10px 20px;
    border:1px solid #C0C0C0;
	background-color:#F5F5F5;
	color: #000000;
	letter-spacing: 1px;
	z-index:1;
	}

.actualite div.nouveau
	{  
	font: normal normal 11px Arial, Helvetica, sans-serif; 
	display:block;
	text-align:left;
	padding:2px 2px 2px 22px;
	margin:2px 5px 2px 15px;
	border:1px solid #90e090;
	background-color:#f0fff0;
	color: #606060;
	letter-spacing: 1px;
	z-index:1;
	}

.actualite div.ancien
	{  
	font: normal normal 11px Arial, Helvetica, sans-serif; 
	Text-decoration: line-through;
	display:block;
	text-align:left;
	padding:2px 2px 2px 22px;
	margin:2px 5px 2px 15px;
	border:1px solid #f0c0c0;
	background-color:#f0e0e0;
	color: #606060;
	letter-spacing: 1px;
	z-index:1;
	}

.petit img
{
border:0px;
}

.petit
{
font: normal normal 9px Arial, Helvetica, sans-serif; 
}


/*
//////////////////////////
//		Liste princpale de membres pour une sortie
*/
table.liste_principale_membres_une_sortie, table.liste_principale_membres_une_sortie2	{
	width:100%;
	background-color:#FFF;
	margin: 0px;
	padding:1px;
}

table.liste_principale_membres_une_sortie tr td.header, table.liste_principale_membres_une_sortie2 tr td.header {
	text-align:center;
	border-left:1px solid #F0F0F0;
	font-weight:bold;
	background-color:#cbf9bf;
	color: #333;
	letter-spacing: 1px;
	z-index:1;
	}

table.liste_principale_membres_une_sortie tr > td {
	text-align:center;
	padding:2px 0px;
	margin:2px 0px;
	border:0px solid #C0C0C0;
	background-color:#FFF;
	font: normal normal 12px Arial, Helvetica, sans-serif; 
	z-index:1;
	}

table.liste_principale_membres_une_sortie2 tr > td {
	text-align:center;
	padding:1px 0px;
	margin:1px 0px;
	border:0px solid #C0C0C0;
	font: normal normal 12px Arial, Helvetica, sans-serif; 
	z-index:1;
	}

table.liste_principale_membres_une_sortie2 tr.a > td {
	background-color:#F5F5F5;
	}

table.liste_principale_membres_une_sortie2 tr.b > td {
	background-color:#FBFBFB;
	}

table.liste_principale_membres_une_sortie2 tr.a > td.clair {
	background-color:#F9F9F9;
	}

table.liste_principale_membres_une_sortie2 tr.b > td.clair {
	background-color:#FEFEFE;
	}

/*
//////////////////////////
//		Liste attente de membres pour une sortie
*/
table.liste_attente_membres_une_sortie, table.liste_attente_membres_une_sortie2	{
	width:100%;
	background-color:#F5F5F5;
	margin: 0px;
	padding:1px;
	}

table.liste_attente_membres_une_sortie tr td.header, table.liste_attente_membres_une_sortie2 tr td.header {
	text-align:center;
	border-left:1px solid #F0F0F0;
	background-color:#e7d58d;
	color: #333;
	letter-spacing: 1px;
	z-index:1;
	}

table.liste_attente_membres_une_sortie tr > td {
	text-align:center;
	padding:5px 15px;
	margin:5px 15px;
	border:0px solid #F0F0F0;
	background-color:#F5F5F5;
	font: normal normal 12px Arial, Helvetica, sans-serif; 
	letter-spacing: 1px;
	z-index:1;
	filter: alpha(opacity=80); -moz-opacity: .80; opacity: .80;
	}

table.liste_attente_membres_une_sortie2 tr > td {
	text-align:center;
	padding:1px 10px 1px 15px;
	margin:1px 0px;
	border:0px solid #C0C0C0;
	font: normal normal 12px Arial, Helvetica, sans-serif; 
	z-index:1;
	filter: alpha(opacity=80); -moz-opacity: .80; opacity: .80;
	}

table.liste_attente_membres_une_sortie2 tr.a > td {
	background-color:#F5F5F5;
	}

table.liste_attente_membres_une_sortie2 tr.b > td {
	background-color:#FBFBFB;
	}

table.liste_attente_membres_une_sortie2 tr.a > td.clair {
background-color:#F9F9F9;
}

table.liste_attente_membres_une_sortie2 tr.b > td.clair {
	background-color:#FEFEFE;
	}

/*
//////////////////////////
//		Sorties
*/
table.list_sorties	{width:100%;
	background-color:#E0E0E0;
	margin: 0px;
	padding:0px 1px 1px 1px;
	border:0px solid;
	}

table.list_sorties tr.header {  
	text-align:center;
	height:30px;
	border:0px solid #C0C0C0;
	background: #DFDFDF url('https://img.dailyfriends.com/design/side_header_bg.png') left -15px repeat-x;
	color: #303030;
	letter-spacing: 1px;
	z-index:1;
	}

table.list_sorties tr.corps1 > td {
	text-align:left;
	border:0px solid #C0C0C0;
	background-color:#F5F5F5;
	font: normal normal 12px Arial, Helvetica, sans-serif; 
	color: #303030;
	z-index:1;
	}

table.list_sorties tr.corps2 > td {
	text-align:left;
	border:0px solid #C0C0C0;
	font: normal normal 12px Arial, Helvetica, sans-serif; 
	background-color:#F0F0F0;
	color: #303030;
	z-index:1;
	}

table.list_sorties tr.liste_organisateur > td {
	text-align:left;
	border:0px solid #C0C0C0;
	background-color:#53D089;
	font: normal normal 12px Arial, Helvetica, sans-serif; 
	color: #303030;
	z-index:1;
	}

table.list_sorties tr.liste_principale > td {
text-align:left;
	border:0px solid #C0C0C0;
	background-color:#cbf9bf;
	font: normal normal 12px Arial, Helvetica, sans-serif; 
	color: #303030;
	z-index:1;
	}

table.list_sorties tr.liste_attente> td {
	text-align:left;
	border:0px solid #C0C0C0;
	font: normal normal 12px Arial, Helvetica, sans-serif; 
	background-color:#e7d58d;
	color: #303030;
	z-index:1;
	}

table.list_sorties tr.liste_surveille> td {
text-align:left;
	border:0px solid #C0C0C0;
	font: normal normal 12px Arial, Helvetica, sans-serif; 
	background-color:#FAC2E1;
	color: #303030;
	z-index:1;
	}


table.list_sorties tr.corps1 > td.heure, 
table.list_sorties tr.corps2 > td.heure,
table.list_sorties tr.liste_principale > td.heure, 
table.list_sorties tr.liste_attente> td.heure{
	padding:0px 1px 0px 10px;
	text-align:left;
	font-weight:bold;
	width:55px;
	}

table.list_sorties tr > td.connaissances, 
table.list_sorties tr > td.connaissances,
table.list_sorties tr.liste_principale > td.connaissances, 
table.list_sorties tr.liste_attente> td.connaissances{
background-image: url('https://img.dailyfriends.com/design/Journal_connaissances.png');
	background-position:bottom left;
	background-repeat: no-repeat;
	}

table.list_sorties tr > td.amis, 
table.list_sorties tr > td.amis,
table.list_sorties tr.liste_principale > td.amis, 
table.list_sorties tr.liste_attente> td.amis{
	background-image: url('https://img.dailyfriends.com/design/Journal_amis.png');
	background-position:bottom left;
	background-repeat: no-repeat;
	}

table.list_sorties tr.jour > td {
	text-align:left;
	height:48px;
	padding:0px;
	border:0px;
	color:#333;
	border-top:0px solid #BFBFBF;
	font: normal bold 11px Arial, Helvetica, sans-serif; 
	}

table.list_sorties tr.jour > td.o {
	background-image: url('https://img.dailyfriends.com/design/cal_48o.png');
	background-position:top left;
	background-repeat: no-repeat;
	}

table.list_sorties tr.jour > td.r {
	background-image: url('https://img.dailyfriends.com/design/cal_48r.png');
	background-position:top left;
	background-repeat: no-repeat;
	}

table.list_sorties tr.jour > td div.j {
	top:-5px;
	left:12px;
	font-size:11px;
	color:#FFF;
	font-weight:bold;
	position:relative;
	}

table.list_sorties tr.jour > td div.n {
	top:-1px;
	left:12px;
	font-size:20px;
	font-weight:bold;
	position:relative;
	}

table.list_sorties tr.mois > td {
text-align:center;
	padding:5px 0px 2px 0px;
	border:0px;
	font: normal bold 12px Arial, Helvetica, sans-serif; 
	background-color:#277799;
	height:30px;
	color: #FFF;
	letter-spacing: 2px;
	z-index:1;
	}

table.list_sorties tr.mois2 > td {
text-align:center;
	padding:5px 0px 2px 0px;
	border:0px;
	font: normal bold 12px Arial, Helvetica, sans-serif; 
	background-color:#7F7F7F;
	height:30px;
	color: #FFF;
	letter-spacing: 2px;
	z-index:1;
}

table.list_sorties tr.engras > td 
	{
	font-weight: bold;
	background-color:#ffe9cc;
	}

a.type_sorties {
font: normal normal 11px Arial, Helvetica, sans-serif; 
	display:inline;
text-align:left;
	padding:5px 12px 2px 12px;
margin:2px 0px 2px 0px;
    border:1px solid #C0C0C0;
	background:#FCFCFC url('https://img.dailyfriends.com/design/doubledegrade_orange.png') bottom left repeat-x;
	color: #303030;
	letter-spacing: 0px;
	z-index:1;
	}

a.type_sorties_selected {
font: bold normal 11px Arial, Helvetica, sans-serif; 
	display:inline;
text-align:left;
	padding:12px 12px 3px 12px;
	margin:2px 0px 2px 0px;
    border:1px solid #C0C0C0;
	border-bottom:0px solid #C0C0C0;
	background:#E0E0E0;
	color: #303030;
	letter-spacing: 0px;
	z-index:1;
	}

/*
//		Listing sorties
//////////////////////////
*/


/*
//////////////////////////
//		Nouveau Titre de menu
*/

div.fieldset2 {
	border-top: 2px solid #DFDFDF;
	border-bottom: 2px solid #DFDFDF;
	margin: 0px;
	background-color: #FFFFFF;
	padding:5px;
	width:260px;
}

div.fieldset2_mobile {
	border: 1px solid #DFDFDF;
	margin: 0px;
	background-color: #FFF;
	padding:0px;
	width:300px;
}

div.fieldset {
	border-top: 2px solid #DFDFDF;
	border-bottom: 2px solid #DFDFDF;
	margin: 0px;
	background-color: #EFEFEF;
	padding:10px;
	width:100%;
	}

div.fieldset_ng {
	border: 2px solid #DFDFDF;
	margin: 0px;
	background-color: #EFEFEF;
	padding: 10px 10px;
	width:100%;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	}

div.fieldset_LP {
	border-top: 2px solid #DFDFDF;
	border-bottom: 2px solid #DFDFDF;
	margin: 0px;
	background-color: #FFFFFF;
	width:100%;
}

div.fieldset_LP span.legend{
	position: relative;
	border:1px #DFDFDF solid;
	background-color: #FFF;
	padding: 3px 7px 3px 3px;
	top: -10px;
	left:10px;
	font: 700 13px Arial, Helvetica, sans-serif;
	color: #112366;
}


div.fieldset span.legend,
div.fieldset_ng span.legend {
	position: relative;
	border:1px #DFDFDF solid;
	background-color: #F1F6FE;
	padding: 3px 7px 3px 3px;
	top: -20px;
	font: 700 13px Arial, Helvetica, sans-serif;
	color: #112366;
}


div.fieldset span.legend_fr,
div.fieldset_ng span.legend_fr {
	position: relative;
	border:1px #DFDFDF solid;
	background-color: #FFFFFF;
	padding: 3px 7px 3px 3px;
	top: -20px;
	font: 700 13px Arial, Helvetica, sans-serif;
	color: #112366;
	float:right;
}

div.fieldset_mobile {
	border: 2px solid #DFDFDF;
	margin: 10px 0px;
	background-color: #EFEFEF;
	padding: 10px 10px;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
}

div.fieldset_agenda {
	border: 2px solid #DFDFDF;
	margin: 10px 0px;
	background-color: #9FD2EC;
	padding: 10px 0px;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
}

div.menu_mobile_div span.legend,
div.fieldset_agenda span.legend{
	border:  1px solid #FFD19D;
	position: relative;
	background-color:#FFf8c9;
	top: -20px;
	font: 700 13px Arial, Helvetica, sans-serif;
	color: #112366;
	padding: 3px;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
}

div.menu_mobile_div span.qrcode,
div.fieldset_agenda span.qrcode{
	position: relative;
	padding: 1px;
	top:-30px;
	float:right;
	padding: 3px;
	}

table.tab_index tr.zozo > td
	{
	border-top:1px solid #CFCFCF;
	}

table.tab_index tr.LP > td
	{
	background-color:#ABFB9B;
	}

table.tab_index tr.LA > td
	{
	background-color:#FFD19D;
	}

table.tab_index tr.Surv > td
	{
	background-color:#FAC2E1;
	}

table.tab_index tr.zozo:active > td, 
table.tab_index tr.zozo2:active > td
	{
	background-color:#FFF8C9;
	}

div.fieldset_left  {
	border:  2px solid #DFDFDF;
	background-color: #EFEFEF;
	padding: 5px 2px;
	text-align:center;
}
div.fieldset_left  span.legend {
	position: relative;
	background-color: #FFF;
	padding: 3px;
	top: -13px;
	font: 700 13px Arial, Helvetica, sans-serif;
	color: #112366;
}

div.fieldset_left span.legend2 {
	border:  2px solid #DFDFDF;
	position: relative;
	background-color: #9FD2EC;
	padding: 3px;
	top: -20px;
	font: 700 13px Arial, Helvetica, sans-serif;
	color: #112366;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
}

div.flash_left {
	width: 150px;
	margin: 0px 0px;
	border-color: #DFDFDF;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
}

div.fieldset_right {
	border:  2px solid #DFDFDF;
	background-color: #EFEFEF;
	padding: 5px 2px;
}
div.fieldset_right p {
color:#666666;
margin:10px auto;
text-align:right;
width:215px;
}
div.fieldset_right  span.legend {
	position: relative;
	background-color: #FFFFFF;
	padding: 3px;
	top: -13px;
	font: 700 13px Arial, Helvetica, sans-serif;
	color: #112366;
}

div.fieldset_right span.legend2 {
	border:  2px solid #DFDFDF;
	position: relative;
	background-color: #9FD2EC;
	padding: 3px;
	top: -20px;
	font: 700 13px Arial, Helvetica, sans-serif;
	color: #112366;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
}

div.flash_right {
	width: 240px;
	margin: 0px 0px;
	border-color: #DFDFDF;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
}

div.flash_right2 {
	width: 225px;
	margin: 0px 0px;
	border-color: #DFDFDF;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
}

div.flash_right3 {
	width: 282px;
	margin: 0px 0px;
	border-color: #DFDFDF;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
}
/*
//		Nouveau Titre de menu
//////////////////////////
*/


/*
//////////////////////////
//		Les Membres
*/

table.list_membres	{width:100%;
		background-color:#C0C0C0;
		margin: 0px;
		padding:0px;
		border:0px solid;
	 	}

table.list_membres tr.header {
	text-align:left;
	height:30px;
	border:1px solid #C0C0C0;
	background: #277799;
	color: #FFF;
	letter-spacing: 1px;
	z-index:1;
	}

table.list_membres tr.header > td	{
	padding-left:5px;
	font: bold normal 11px Arial, Helvetica, sans-serif; 
	}

table.list_membres tr.corps1 > td {
	text-align:left;
	border-top:1px solid #C0C0C0;
	padding-left:7px;
	padding-top:2px;
	padding-bottom:2px;
	background-color:#F5F5F5;
	color: #303030
	letter-spacing: 1px;
	z-index:1;
	}

table.list_membres tr.corps2 > td {
	text-align:left;
	border-top:1px solid #C0C0C0;
	padding-left:7px;
	padding-top:2px;
	padding-bottom:2px;
	background-color:#F0F0F0;
	color: #303030
	letter-spacing: 1px;
	z-index:1;
	}

table.list_membres tr.engras > td 
	{
	font-weight: bold;
	}

/*
//		FIN Les membres
//////////////////////////
*/

/*
//////////////////////////
//		Liste groupes
*/

table.list_groups	{width:100%;
	background-color:#C0C0C0;
	margin: 0px;
	padding:0px;
	border:0px solid;
 	}

table.list_groups tr.header {
	text-align:left;
	height:30px;
	border:1px solid #C0C0C0;
	background-color: #277799;
	color: #303030
	letter-spacing: 1px;
	z-index:1;
	}

table.list_groups tr.header > td	{
	font: bold normal 11px Arial, Helvetica, sans-serif; 
	color:#FFFFFF;
	padding-left:5px;
	}

table.list_groups tr.corps1 > td {
	text-align:left;
	border-top:1px solid #C0C0C0;
	padding-left:5px;
	background-color:#F5F5F5;
	color: #303030
	letter-spacing: 1px;
	z-index:1;
	}

table.list_groups tr.corps2 > td {
	text-align:left;
	border-top:1px solid #C0C0C0;
	padding-left:5px;
	background-color:#F0F0F0;
	color: #303030
	letter-spacing: 1px;
	z-index:1;
	}

table.list_groups tr.engras > td 
	{
	font-weight: bold;
	}


/*
//		FIN Liste groupes
//////////////////////////
*/


/*
//////////////////////////
//		Messagerie
*/
a.type_message {
	font: normal normal 11px Arial, Helvetica, sans-serif; 
	display:inline;
	text-align:left;
	padding:5px 12px 2px 12px;
	margin:2px 0px;
	border:1px solid #C0C0C0;
	background-color:#FCFCFC; 
	color: #303030;
	letter-spacing: 0px;
	z-index:1;
	}


a.type_message_selected {
	font: bold normal 11px Arial, Helvetica, sans-serif; 
	display:inline;
	text-align:left;
	padding:12px 12px 3px 12px;
	margin:2px 0px 2px 0px;
	border:1px solid #C0C0C0;
	border-bottom:0px solid #C0C0C0;
	background:#FCFCFC;
	color: #303030;
	letter-spacing: 0px;
	z-index:1;
}


table.messagerie	{width:100%;
	background-color:#C0C0C0;
	margin: 0;
	padding:0px 1px 1px 1px;
	border:0px solid;
	font:normal normal 11px Arial, Helvetica, sans-serif; 
 	}

table.messagerie tr.header {
	font:bold normal 11px Arial, Helvetica, sans-serif; 
	text-align:left;
	height:30px;
	border:1px solid #C0C0C0;
	background-color: #277799 ;
	color: #FFFFFF;
	letter-spacing: 1px;
	z-index:1;
	}

table.messagerie tr.corps > td {
	text-align:left;
	border-top:1px solid #C0C0C0;
	color: #303030;
	z-index:1;
	}

table.messagerie tr.corps1 > td {
	text-align:left;
	border-top:0px solid #C0C0C0;
	background-color:#F5F5F5;
	color: #303030;
	z-index:1;
	}

table.messagerie tr.corps2 > td {
	text-align:left;
	border-top:0px solid #C0C0C0;
	background-color:#F0F0F0;
	color: #303030;
	z-index:1;
	}

table.messagerie tr.engras > td 
{
font-weight: bold;
	background-color:#FFEE77;
	}



table.fil	{		width:100%;
	background-color:#F0F0F0;
	margin:0;
	padding:0;
	border:0px;
line-height:18px;
	font-size:11px;
	font-family:verdana,arial,sans-serif;
}

table.fil tr	{
		}

div.forum_ecrire_message {
	font: bold normal 13px Arial, Helvetica, sans-serif; 
	text-align:center;
	margin:0;
	padding:5px;
	background-color:#277799;
	color: #FFFFFF;
	letter-spacing: 1px;
	z-index:1;
	}


table.fil tr.header td {
	font: bold normal 13px Arial, Helvetica, sans-serif; 
	text-align:center;
	margin:10px;
	padding:5px;
	background-color:#277799;
	color: #FFF;
	letter-spacing: 1px;
	z-index:1;
	}

table.fil tr.corps1 > td {
	text-align:center;
	vertical-align:top;
	border:0px solid #C0C0C0;
	background-color:#F5F5F5;
	color: #303030;
	}

table.fil tr.corps2 > td {
	text-align:center;
	vertical-align:top;
	border:0px solid #C0C0C0;
	background-color:#F0F0F0;
	color: #303030;
	}

table.fil tr.corps3_cache > td {
	text-align:center;
	vertical-align:top;
	border:0px solid #C0C0C0;
	background-color:#777777;
	color: #303030;
	}
table.fil tr.new > td {
	text-align:center;
	vertical-align:top;
	font-weight:bold;
	border:0px solid #C0C0C0;
	background-color:#ffff99;
	color: #303030;
	}

table.fil tr.corps1 > td.profil {
	width:80px;
	text-align:center;
	vertical-align:top;
border:0px solid #C0C0C0;
	background-color:#F5F5F5;
	color: #303030;
	padding:5px;
	}

table.fil tr.corps2 > td.profil {
	width:80px;
	text-align:center;
	vertical-align:top;
	border:0px solid #C0C0C0;
	background-color:#F0F0F0;
	color: #303030;
	padding:5px;
	}

table.fil tr.corps1 > td.message {
	text-align:left;
	vertical-align:top;
	border:0px solid #C0C0C0;
	background-color:#F5F5F5;
	color: #303030;
	padding:0px 5px 5px 5px;
	}

table.fil tr.corps2 > td.message {
	text-align:left;
	vertical-align:top;
	border:0px solid #C0C0C0;
	background-color:#F0F0F0;
	color: #303030;
	padding:0px 5px 5px 5px;
	}

table.fil tr.corps3_cache > td.message {
	text-align:left;
	vertical-align:top;
	border:0px solid #C0C0C0;
	background-color:#777777;
	color: #303030;
	padding:0px 5px 5px 5px;
	}

table.fil tr td p.info_message
	{
	color: #000;
	margin:2px 5px 10px 0px;
	font-weight: bold;
	}

a.img_transparent_bord_limite > img, a.img_transparent_bord_limite_hover_effect > img
	{
	margin:0px 2px;
	padding:0px 2px;
	border:0px;
	text-decoration:none;
	vertical-align:middle;
	}

a.img_transparent_bord_limite2 > img
	{
	margin:0;
padding:0;
	border:0;
	text-decoration:none;
	vertical-align:middle;
	}

a.img_transparent > img, b.img_transparent > img, div.img_transparent > img, span.img_transparent > img
	{
margin:2px;
	padding:2px;
	border:0px;
	text-decoration:none;
	vertical-align:middle;
	}

a.img_transparent_fort > img
{
	margin:2px;
	padding:2px;
	border:1px #C0C0C0 solid;
	text-decoration:none;
	vertical-align:middle;
	}
a.img_transparent:active > img, 
b.img_transparent:active > img, 
a.img_transparent_bord_limite_hover_effect:active > img, 
div.img_transparent:active > img
		{filter: alpha(opacity=50); -moz-opacity: .50; opacity: .50;}

a.img_transparent_fort:active  > img
			{border-color:#F33;filter: alpha(opacity=75); -moz-opacity: .75; opacity: .75;}

a.img_transparent_bord_limite2:active > img
		{filter: alpha(opacity=50); -moz-opacity: .50; opacity: .50;}

.fleche_gauche
	{
	margin:0;
	padding:2px;
	border:0px;
	text-decoration:none;
	vertical-align:middle;
	}

img.discret
	{
	margin:0px 2px;
	padding:0px 2px;
	border:0px;
	text-decoration:none;
	vertical-align:middle;
	}

img.discret2
	{
	margin:0;
	padding:0;
	border:0;
	text-decoration:none;
	vertical-align:middle;
	}

.div_transparent 	{filter: alpha(opacity=20); -moz-opacity: .20; opacity: .20;}


img.haut_droite {
	position:relative;
	top:10px;
	right:10px;
	}

.groupe_normal {
	font-weight:bold;
	}

.groupe_valide {
	font-weight:bold;
	}


#page_central {
  margin:10px 190px 0px 190px ;
  background-color:#FEFEFE;
}


#page_central_root {
 margin:0px 300px 0px 0px ;
 padding:0px 0px 0px 6px ;
 background: #FFF url('https://img.dailyfriends.com/design/simple_degrade_gris.png') top left repeat-x;
}

#page_central h4, #page_droite_root h4 {
  margin-top:2px;
  margin-bottom:2px;
	font: bold normal 12px Arial,Helvetica,sans-serif; 
  text-align:center;
  line-height: 15px;
  color: #AA2121;
}

.gros_nb  {
  margin-top:2px;
  margin-bottom:2px;
	font: bold normal 11px Verdana, Arial,sans-serif; 
  text-align:center;
  line-height: 15px;
  color: #FF9F00;
}


#page_droite_root {
  margin-top: 0px;
  padding:5px;
  float: right;
  width: 290px;
  background: #FFFFFF url('https://img.dailyfriends.com/design/simple_degrade_gris.png') top left repeat-x;
}


#page_gauche {
  margin-top: 10px;
  padding:5px;
  float: left;
  width: 180px;
  background: #FFFFFF url('https://img.dailyfriends.com/design/simple_degrade_gris.png') top left repeat-x;
}

#page_droite_root font.q 
	{
	font: normal bold 10px Verdana, sans-serif;
	color:#ff9f00;
	}

#page_droite_root font.r 
	{
	 font: normal normal 10px Verdana, sans-serif;
	color:#000000;
	}


#page_droite {
  margin-top: 10px;
  padding:5px;
  float: right;
  width: 180px;
  background: #FFFFFF url('https://img.dailyfriends.com/design/simple_degrade_gris.png') top left repeat-x;
	}

#page_droite a {
  color:#FF9400;
  float: right;
  width: 180px;
  font-weight:bold;
}

div.carte{
	position:relative;
	width:548px;
	background: #FEFEFE 0px 0px repeat-x; 
	}

a.Carte_nom_ville, div.Carte_nom_ville, 
a.Carte_nom_ville_groupe, span.Carte_nom_ville_groupe, div.Carte_nom_ville_groupe
{
	top:0px;
	left:0px;
	position:absolute;
	float:left;
	display:inline;
	padding:0px 1px;
	margin:0px;
	background-color: #FFF8E9;
	border:1px solid #94EFE1;
	color:#006DB1;
	font: normal normal 11px Verdana, sans-serif;
	z-index:1;
	}

a.Carte_nom_ville:hover, div.Carte_nom_ville:hover
	{
	color:#FFFFFF;
	padding:0px 1px;
	font: normal normal 11px Verdana, sans-serif;
	background:#ff9f00;
	text-decoration:none;
	cursor:pointer;
	z-index:2;
	}

a.Carte_nom_ville_gris, div.Carte_nom_ville_gris
	{
	top:0px;
	left:0px;
	position:absolute;
	float:left;
	display:inline;
	padding:0px 1px;
	margin:0px;
	background-color: #CCC;
	border:1px solid #AAA;
	color:#333;
	font: normal normal 11px Verdana, sans-serif;
	 z-index:1;
	}

a.Carte_nom_ville_gris:hover, div.Carte_nom_ville_gris:hover
	{
	color:#FFF;
	padding:0px 1px 0px 1px;
	font: normal normal 11px Verdana, sans-serif;
	background-color:#FF9F00;
	text-decoration:none;
	cursor:pointer;
	z-index:2;
	}

a.Carte_nom_pays, div.Carte_nom_pays 
	{
	top:0px;
	left:0px;
	position:absolute;
	float:left;
	line-height:16px;
	display:inline;
	padding:2px;
	margin:0px;
	background-color: #F0F0F0;
	border:1px solid #E0E0E0;
	color:#66CC33;
	 font: bold normal 13px Verdana, sans-serif;
	 z-index:1;
	}

a.Carte_nom_pays:hover, div.Carte_nom_pays:hover
	{
	color:#FFF;
	padding:2px;
 font: bold normal 13px Verdana, sans-serif;
	background:#81FF00;
	text-decoration:none;
	cursor:pointer;
	 z-index:2;
	}

div.carte > a.Carte_nom_ville_groupe_no_membres
	{
	top:0px;
	left:0px;
	position:absolute;
	float:left;
	display:inline;
	padding:0px 1px;
	margin:0;
	background-color: #F0F0F0;
	border:1px solid #CFCFCF;
	color:#999999;
	font: normal normal 11px Verdana, sans-serif;
	z-index:1;
	filter: alpha(opacity=0); -moz-opacity: .0; opacity: .0;
	}

div.carte:hover > a.Carte_nom_ville_groupe_no_membres
	{
	z-index:1;
	filter: alpha(opacity=50); -moz-opacity: .50; opacity: .50;
	}


a.Carte_nom_ville_groupe:hover, div.Carte_nom_ville_groupe:hover
	{
	color:#FFFFFF;
	background:#ff9f00;
	text-decoration:none;
	cursor:pointer;
	z-index:2;
	}

div.carte:hover a.Carte_nom_ville_groupe_no_membres:hover, div.Carte_nom_ville_groupe_no_membres:hover
	{
	color:#FFFFFF;
	background:#999999;
	text-decoration:none;
	cursor:pointer;
	filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;
	 z-index:2;
	}

/*	
				padding:1px 2px 1px 2px;
//////////////////  BULLE PSEUDO /////////////// 
	//////////
	//////////
*/


table.BullePseudo {
	width:211px; 
	position:relative;
	background: #FFFFFF url("https://img.dailyfriends.com/design/simple_degrade_orange.png") repeat-x top left;
	z-index:10000;
	display:block;
	border:1px #CCC solid;
	margin:2px 0px;
	padding:2px 2px 0px 2px;
	-moz-border-radius:10px;
	}

table.BullePseudo div.Entete {
	width:211px; 
	position:relative;
	border-bottom:1px #EFEFEF solid;
	margin:2px;
	padding:4px 2px;
	color:#666633;
	font: bold normal 12px Arial,Helvetica,sans-serif; 
	text-align:center;
	}

table.BullePseudo table tr td.MilieuGauche {
	width:100px;
	position:relative;
	border-top:1px #CCC solid;
	border-bottom:1px #CCC solid;
	background-color:#FFF;
	margin:2px;
	padding:2px;
	vertical-align:top;
	color:#666666;
	font: normal normal 11px Arial,Helvetica,sans-serif; 
	text-align:center;
	}

table.BullePseudo table tr td.MilieuGauche img {
	margin:2px;
	padding:2px;
	border:0px;
	}


table.BullePseudo table tr td.MilieuDroite {
	width:83px;
	position:relative;
	border-top:1px #CCC solid;
	border-bottom:1px #CCC solid;
	background-color:#FFF;
	margin:2px;
	padding:2px;
	vertical-align:top;
	text-align:center;
	}

td.MilieuDroite div.Titre
	{
	font: normal 11px Arial,Helvetica,sans-serif; 
	color:#333;
	margin:0px;
	position:relative;
	padding:0px 0px 2px 0px;
	border-bottom:#CCC 1px solid;
	}

td.MilieuDroite div.Prix
	{
	font: normal 11px Arial,Helvetica,sans-serif; 
	color:#333;
	position:relative;
	margin:0px;
	padding:0px 0px 2px 0px;
	border-bottom:#CCC 1px solid;
	}

td.MilieuDroite div.Prix font.prix
	{
	display:block;
	position:relative;
	text-decoration:none;
	font:bold normal 14px Arial,Helvetica,sans-serif; 
	color:#906000;
	margin:2px 0px 2px 0px;
	text-align:center;
}

td.MilieuDroite div.Prix font.en_ligne
	{
		display:block;
		position:relative;
	text-decoration:none;
	font:normal normal 9px Arial,Helvetica,sans-serif; 
	color:#66CC66;
	}

td.MilieuDroite div.Prix font.hors_ligne
	{
	display:block;
position:relative;
	text-decoration:none;
	font:normal normal 9px Arial,Helvetica,sans-serif; 
color:#CC6666;
	}



table.BullePseudo div.Footer {
	width:197px; 
	height:35px; 
		background: #FCFCFC url("https://img.dailyfriends.com/design/BP_deg_gris.jpg") 0 8px repeat-x; 
	position:relative;
	border-bottom:0px #CCC solid;
	margin:0px;
	padding:0px;
	color:#666;
font: normal normal 11px Arial,Helvetica,sans-serif; 
	text-align:left;
	}

input.button, div.fieldset_right input.button	{
	color:#fff;
	padding:0px 5px;
	font-weight:bold;
	border-top:1px solid #CCC; 
	border-right:1px solid #666; 
	border-bottom:1px solid #666; 
	border-left:1px solid #CCC; 
	background:#068EFF;
	-moz-border-radius:0px;-khtml-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;
								}

input.button:hover,
input.button:focus, 
div.fieldset_right input.button:hover,
div.fieldset_right input.button:focus
		{
	color:#fff;
	border-top:1px solid #666; 
	border-right:1px solid #CCC; 
	border-bottom:1px solid #CCC; 
	border-left:1px solid #666; 
	background:#44AAFF;
	-moz-border-radius:0px;-khtml-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;
	cursor:pointer;
}

.a_approuve	{
		padding:0px 5px;
		}

.DF_explication		{
	position:relative;
	top:0px;
	padding:5px 10px 10px 35px;
	color:#FFFFFF;
	font: bold normal 15px Arial,Helvetica,sans-serif; 
	}


/*	//////////
	Overlay.js
	//////////
*/
.overlay {
	width: 100%;
	height: 100%;
	background: black;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 98;
}
.dialog {
	width: 465px;
	min-height: 1px;
	background: white;
	position: fixed;
	top: 25%;
	left: 25%;
	z-index: 99;
}

a.page_suivante { font-family: Arial, Helvetica, sans-serif; 
  	display:inline;
	color: #0F5482;
	position:relative;
	width:20px;
	height:20px;
	border:1px #CCC solid;
	background-color:#EFEFEF;
	padding:2px 5px;
	margin:5px;
	font-size: 12px; 
	text-decoration: none;
	text-align:justify;
	font-weight: bold;
	}

a.page_suivante:hover {font-family: Arial, Helvetica, sans-serif; 
  	font-size: 12px;  
  	color: #0F5482; 
	background-color:#FCFCFC;
  	text-decoration: underline;
  	font-weight: bold;}

a.page_suivante_selected {font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;  
	width:20px;
	height:20px;
  	color: #FFF; 
	border:1px #CCC solid;
	padding:2px 5px;
	margin:2px 5px;
	background-color:#03C7FF;
  	text-decoration: underline;
  	font-weight: bold;}

font.sortie_annulee {
	color:#666;
	text-decoration: line-through;
}

		#RM_multiple_two {
		width:180px;
	}

		#RM_two_container {
		position:relative;
		left:-214px;
		top:-107px;
		}


		.RM_multiple_container {
			width:200px;
			position:absolute;
			top:0;
			left:0;
			z-index:500;
			border:1px solid #CFCFCF;
		}

		.RM_multiple_container .RM_multiple_header {
  margin:0px;
  padding:8px 0 9px 10px;
  font-weight:bold;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #000;
  background: #CCC url('https://img.dailyfriends.com/design/side_header_bg.png') top left repeat-x;
		}

table.RM_multiple_table td {
	height:17px;
	border-bottom:1px solid #ddd;
	font-family:"Lucida Grande",Verdana;
	color:#333;
	font-size:11px;
	}

table.RM_multiple_table tr.even {
	background-color:#FCFCFC;
	}

table.RM_multiple_table tr.odd {
	background-color:#F7F7F7;
	}

table.RM_multiple_table tr.even:hover > td {
	background-color:#FF9636;
	cursor:pointer;
}

table.RM_multiple_table tr.odd:hover > td  {
	background-color:#FF9636;
	cursor:pointer;
}

table.RM_multiple_table tr.selected {
	background-image:none;
	background-color:#D9E9FE;
	}

.RM_multiple_name {
	padding-left:15px;
	font-weight:bold;
}

.Marqueurs {
	display:block;
	margin:2px 15px 2px 2px;
	line-height:16px;
	background-color: #F0F0F0;
	border:1px solid #CFCFCF;
	color:#000000;
	font: normal normal 11px Verdana, sans-serif;
	}

.Marqueurs a > img  {

				position:relative;
				top:-16px;
				margin:0 0 0 0;
				padding:0 0 0 0; 
				border:0px;
				text-decoration:none;
				vertical-align:middle;
				}

.Marqueurs a > img:hover  {filter: alpha(opacity=50); -moz-opacity: .50; opacity: .50;}


.Marqueurs .text  {	padding:3px 3px 3px 3px;
					width:178px;
					background-color:#e0e0e0;
				}

.Marqueurs .text2  {padding:3px 3px 3px 3px;
					width:178px;
					background-color:#E7E7E7;
				}

.Evenements {
			display:block;
			margin:0px 0px 2px 0px;
			line-height:16px;
			background-color: #CFCFCF;
			border:0px solid #F1F6FE;
			color:#000000;
			font: normal normal 11px Verdana, sans-serif;

		}


.Evenements a > img  {

				position:relative;
				top:-16px;
				margin:0 0 0 0;
				padding:0 0 0 0; 
				border:0px;
				text-decoration:none;
				vertical-align:middle;
				}

.Evenements a > img:hover  {filter: alpha(opacity=50); -moz-opacity: .50; opacity: .50;} 

.Evenements .text1  {	padding:3px 3px 3px 0px;
	margin:2px 0px 2px 0px ;
	width:315px;
	background-color: #F0F0F0;
	}

.Evenements .header, .bandeau_header  {	font: bold normal 12px Arial, Helvetica, sans-serif; 
	padding:7px 3px 7px 0px;
	margin:0px 0px 2px 0px ;
	background-color:#277799;
	color: #FFFFFF;
	letter-spacing: 1px;
	width:315px;
	}

 .bandeau_header_arrondi  {	font: bold normal 12px Arial, Helvetica, sans-serif; 
	padding:7px 3px 7px 0px;
	margin:0px 0px 2px 0px ;
	background-color:#277799;
	color: #FFF;
	letter-spacing: 1px;
	width:315px;
	-moz-border-radius-topright : 20px;
	-webkit-border-top-right-radius : 20px;
	-moz-border-radius-topleft : 20px;
	-webkit-border-top-left-radius : 20px;
	}
		
.Evenements .text2  {	padding:3px 3px 3px 0px;
			margin:2px 0px;
			width:315px;
		background-color:#F5F5F5;
		}



.Option_ajax_ok
	{
	width: 15px;
	text-align: center;
	background: #33BB33;
	border: 1px solid #CCC;
	}

.Option_ajax_1avert
	{
	width: 15px;
	text-align: center;
	background: #d0c409;
	border: 1px solid #CCC;
	}

.Option_ajax_2avert
	{
	width: 15px;
	text-align: center;
	background: #e1850e;
	border: 1px solid #CCCCCC;
	}



.Option_ajax_ko
	{
	width: 15px;
	text-align: center;
	background: #BB3333;
	border: 1px solid #CCCCCC;
	}

.Option_ajax_gris
	{
	width: 15px;
	text-align: center;
	background: #999999;
	border: 1px solid #CCCCCC;
	}

.Option_ajax_vide
	{
	width: 15px;
	text-align: center;
	background: transparent;
	border: 1px solid #CCC;

	}

.cursor_pointer
	{
	cursor:pointer;
	}

.Journal_etiquette
	{
	padding:3px 5px;
	margin:1px;					
	}

.no_photos_public
	{
	display:none;
	}

.bloc-creation-sortie input, 
.bloc-creation-sortie textarea, 
.bloc-creation-sortie checkbox,
.bloc-creation-sortie select
	{	margin-left:10px;
	border:1px solid #669; 
	margin:1px;
	padding:3px; 
	font-weight:bold;
	font-size:17px; 
color:#333;
background:#F4FBFD url("https://img.dailyfriends.com/input-topfade2.gif") repeat-x scroll center top;
	-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
}

.input_libre
{	margin-left:10px;
	border:1px solid #8F8F8F; 
	margin:1px;
	padding:3px; 
	font-weight:bold;
	font-size:17px; 
	color:#333;
	background-color:#DFEFFF ;
	-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
}



.bloc-creation-sortie textarea.button, 
.bloc-creation-sortie textarea.button:hover,
.bloc-creation-sortie textarea.button:focus
	{
	color:#000;
	border:1px solid #333; 
	background:#999 url("https://img.dailyfriends.com/input-topfadeg.gif") repeat-x scroll center top;
-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
	}

.bloc-creation-sortie input.button
	{
	color:#fff;
	padding:2px 5px;
	font-weight:bold;
	border-top:1px solid #CCC; 
	border-right:1px solid #666; 
	border-bottom:1px solid #666; 
	border-left:1px solid #CCC; 
	background:#068EFF;
	-moz-border-radius:0px;-khtml-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;
	}

.bloc-creation-sortie input.button:hover,
.bloc-creation-sortie input.button:focus
	{
	color:#fff;
	border-top:1px solid #666; 
	border-right:1px solid #CCC; 
	border-bottom:1px solid #CCC; 
	border-left:1px solid #666; 
	background:#4AF;
-moz-border-radius:0px;-khtml-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;
	cursor:pointer;
	}

.bloc-creation-sortie input:hover, 
.bloc-creation-sortie textarea:hover, 
.bloc-creation-sortie checkbox:hover,
.bloc-creation-sortie select:hover, 
.bloc-creation-sortie input:focus, 
.bloc-creation-sortie textarea:focus, 
.bloc-creation-sortie checkbox:focus,
.bloc-creation-sortie select:focus
	{
	border:1px solid #ED7043;
	background:#FFfaef url("https://img.dailyfriends.com/input-topfadej.gif") repeat-x scroll center top;
	}

.bloc-creation-sortie input.form_en_rouge,
.bloc-creation-sortie textarea.form_en_rouge,
.bloc-creation-sortie checkbox.form_en_rouge,
.bloc-creation-sortie select.form_en_rouge
{border:1px solid #C66;
background:#FCC url("https://img.dailyfriends.com/input-topfader.gif") repeat-x scroll center top;
margin:5px;
padding:5px;
}


.menu_mobile_div
		{
		width:100%;
		font: normal normal 10px verdana, arial, sans-serif;
		z-index:20;
		text-align:left;
		vertical-align:middle;
		background-color:#EFEFEF;
		padding:10px 2px 10px 2px;
    -moz-border-radius : 10px;
    -webkit-border-radius : 10px;
	color:#000;
		}

#menu_mobile2
		{
		width:100%;
		font: bold normal 13px verdana, arial, sans-serif;
		z-index:20;
		text-align:center;
		vertical-align:middle;
		}

#menu_mobile2 tr td 
{
width:33%;
}

#menu_mobile2 tr td a {

display:block; 
padding:0 0 0 0px; 
height:55px; 
line-height:55px;   
  	border:1px #277799 solid;
    -moz-border-radius : 10px;
    -webkit-border-radius : 10px;
background-color:#277799;	
color:#FFF; 
text-decoration:none; 
}

#menu_mobile2 tr td a:hover, #menu_mobile2 tr td a:active{
text-decoration:underline;
background-color:#FFF8C9;
border:1px solid #FFCE7D;
cursor:pointer;
z-index:25;
color:#333; 
}

#menu_mobile2 tr td > img {
position:relative;
top:-20px;
text-decoration:none;
}


#menu_mobile_relation
	{
	width:300px;
	font: bold normal 12px verdana, arial, sans-serif;
	z-index:20;
text-align:center;
	vertical-align:middle;
	}

#menu_mobile_relation tr td 
{
width:25%;
}

#menu_mobile_relation tr td a {

display:block; 
padding:0 0 0 0px; 
height:55px; 
line-height:55px;   
	border:2px #277799 solid;
    -moz-border-radius : 10px;
    -webkit-border-radius : 10px;
background-color:#FFF;	
color:#666; 
text-decoration:none; 
}

#menu_mobile_relation tr td a.MMR_ami{
text-decoration:underline;
background-color:#3A3;
cursor:pointer;
z-index:25;
color:#FFF; 
}

#menu_mobile_relation tr td a.MMR_connaissance{
text-decoration:underline;
background-color:#C93;
cursor:pointer;
z-index:25;
color:#FFF; 
}

#menu_mobile_relation tr td a.MMR_neutre{
text-decoration:underline;
background-color:#999;
cursor:pointer;
z-index:25;
color:#FFF; 
}

#menu_mobile_relation tr td a.MMR_blacklist{
text-decoration:underline;
background-color:#000;
cursor:pointer;
z-index:25;
color:#CCC; 
}

#menu_mobile_relation tr td > img {
position:relative;
top:-20px;
text-decoration:none;
}

.CB_pouce {

	padding:7px 10px;
	margin:10px 2px ;
  	border:1px #44AAFF solid;
    -moz-border-radius : 10px;
    -webkit-border-radius : 10px;
background-color:#4AF;	
width:20px;
}

.VP_paragraphe {
background-color:#CFCFCF;
font-weight:bold;
font-size:14px;
}

#resume {
	position:relative;
	margin:0;
	display:block;
	height:200px;
}

#resume .localite {
  position:absolute;
  background-image: url('https://img.dailyfriends.com/design/pancarte_sortie_mobile.png');
  background-repeat: no-repeat;
  margin:0px 0px 0px 2px;
  top:79px;
  right:50px;
  width:180px;
  height:102px;
}

#resume .localite .text{
  position:absolute;
  top:15px;
  line-height:13px;
  text-align:center;
  left:2px;
  font-size: 13px;
  width:150px;
  font-weight:bold;  
  margin:0px 0px 0px 2px;
}

#resume .localite .text_gros{
  position:absolute;
  top:12px;
  line-height:25px;
  text-align:center;
  left:2px;
  font-size: 18px;
  width:150px;
  font-weight:bold;  
  margin:0px 0px 0px 2px;
}

#resume .horloge {
  position:absolute;
  background-image: url('https://img.dailyfriends.com/design/horloge.png');
  background-repeat: no-repeat;
  margin:0px 0px 0px 2px;
  top:8px;
  right:58px;
  width:64px;
  height:64px;
}

#resume .horloge > div.heure {
	top:10px;
	left:0px;
	font-size:17px;
	color:#000;
	font-weight:bold;
	position:absolute;
	width:64px;
	text-align:center;
}

#resume .date2 {
  position:absolute;
  background-image: url('https://img.dailyfriends.com/design/cal-blank-64x64.png');
  background-repeat: no-repeat;
  margin:0px 0px 0px 2px;
  top:8px;
  right:172px;
  width:64px;
  height:64px;
}


#resume .date2 > div.j {
	top:2px;
	left:0px;
	font-size:11px;
	color:#FFF;
	font-weight:bold;
	position:absolute;
	width:64px;
	text-align:center;
	}

#resume .date2 > div.n {
	top:15px;
	left:0px;
	font-size:32px;
	font-weight:bold;
	position:absolute;
	width:64px;
	text-align:center;
}

#resume .date2 > div.m {
	top:48px;
	left:0px;
	font-size:9px;
	color:#000;
	font-weight:bold;
	position:absolute;
	width:64px;
	text-align:center;
}

#resume .date2 > div.a {
	top:63px;
	left:21px;
	font-size:9px;
	color:#000;
	font-weight:bold;
	position:absolute;
}

div.Idees_titre  {
	padding-bottom:5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFF8C9;
	background-color:#999;
}

div.Idees_titre2  {
	padding-bottom:5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFF8C9;
	background-color:#277799;
}

#Nouveaux_messages
{
position:relative;
top:0px;
left:35px;
padding:2px 4px;
font-size:10px;
-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;
background-color:#F33;
border:2px solid #F33;color:#FFF;
}

a.bouton_connexion {
display:inline-block;width:160px;padding:4px;
float:right;
font: normal normal 15px Arial, Helvetica, sans-serif;
text-align:center;
background:#44AAFF;
background-image: -webkit-gradient(linear,left top,left bottom,from(#44AAFF),to(#068EFF));
background-image: -moz-linear-gradient(top,#44AAFF,#068EFF);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr='#44AAFF',endColorstr='#068EFF');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#44AAFF',endColorstr='#068EFF')";
text-shadow: #E06666 0 0 3px;
border: 1px solid #44AAFF;
zoom: 1;
-moz-border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
color:#FFF;
}

.sprite_icones {
	width: 16px;
	height: 16px;
	display:inline-block;
	vertical-align:middle;
	background-color:transparent;
	background-image: url("https://img.dailyfriends.com/icones_menu/css_sprite_mobile.png");
	background-repeat: no-repeat;
}

.sprite_demi_icones {
	width: 8px;
	height: 16px;
	display:inline-block;
	vertical-align:middle;
	background-color:transparent;
	background-image: url("https://img.dailyfriends.com/icones_menu/css_sprite_mobile.png");
	background-repeat: no-repeat;
}

.icones_house { background-position: 0px 0px;}
.icones_photo { background-position: -20px 0px;}
.icones_help-browser { background-position: -40px 0px;}
.icones_rosette { background-position: -60px 0px;}
.icones_pencil { background-position: -80px 0px;}
.icones_arrow_right { background-position: -100px 0px;}
.icones_pdf { background-position: -120px 0px;}

.icones_cancel { background-position: 0px -20px;}
.icones_newspaper { background-position: -20px -20px;}
.icones_ruby { background-position: -40px -20px;}
.icones_email_open { background-position: -60px -20px;}
.icones_user_red { background-position: -80px -20px;}
.icones_page_white_go { background-position: -100px -20px;}
.icones_journal_no { background-position: -124px -20px;}

.icones_arrow_divide { background-position: -0px -40px;}
.icones_qrcode { background-position: -20px -40px;}
.icones_application_view_tile { background-position: -40px -40px;}
.icones_bullet_white { background-position: -60px -40px;}
.icones_user_orange { background-position: -80px -40px;}
.icones_email { background-position: -100px -40px;}
.icones_journal_amis { background-position: -124px -40px;}

.icones_SUM { background-position: -0px -60px;}
.icones_etoile { background-position: -20px -60px;}
.icones_fleche_repondre { background-position: -40px -60px;}
.icones_arrow_up { background-position: -60px -60px;}
.icones_user_green { background-position: -80px -60px;}
.icones_bullet_arrow_down { background-position: -100px -60px;}
.icones_journal_connaissances { background-position: -124px -60px;}

.icones_rainbow { background-position: -20px -80px;}
.icones_comment { background-position: -40px -80px;}
.icones_arrow_down { background-position: -60px -80px;}
.icones_user_gray { background-position: -80px -80px;}
.icones_lightbulb { background-position: -100px -80px;}
.icones_journal_toutlemonde { background-position: -124px -80px;}

a.g {color: #666666; font-size: 10pt; font-family: verdana; text-decoration: none;}
a.g:hover {color: #990000; font-size: 10pt; font-family: verdana; text-decoration: none;}

.action_OK {
color: #FFF; font-weight:bold;font-size: 11pt; font-family: verdana; text-decoration: none;border:solid 1px #64C989;background-color:#64C989;padding:20px; margin:10px; -moz-border-radius:7px;-khtml-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;
}

.action_KO {
color: #FFF; font-weight:bold;font-size: 11pt; font-family: verdana; text-decoration: none;border:solid 1px #FF9999;background-color:#FF9999;padding:20px; margin:10px; -moz-border-radius:7px;-khtml-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;
}

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

ul.listview_images li {background-color:none;margin:4px;padding:0;display: inline-block; position:relative;}

ul.listview_images li img.del {background-color:none;margin:0;padding:3px;right:-9px;top:-9px;display: inline-block; position:absolute;}
ul.listview_images li span.del {background-color:none;margin:0;padding:0px;right:0;bottom:0;display: inline-block; position:absolute;}

.fade-in {
animation: fadeIn ease 2s;
-webkit-animation: fadeIn ease 2s;
-moz-animation: fadeIn ease 2s;
-o-animation: fadeIn ease 2s;
-ms-animation: fadeIn ease 2s;
}

@keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;} }
@-moz-keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;} }
@-webkit-keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;} }
@-o-keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;} }
@-ms-keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;} }

.fade-out {
animation: fadeOut ease 2s;
-webkit-animation: fadeOut ease 2s;
-moz-animation: fadeOut ease 2s;
-o-animation: fadeOut ease 2s;
-ms-animation: fadeOut ease 2s;
}

@keyframes fadeOut { 100% {opacity:0;} 0% {opacity:1;} }
@-moz-keyframes fadeOut { 100% {opacity:0;} 0% {opacity:1;} }
@-webkit-keyframes fadeOut { 100% {opacity:0;} 0% {opacity:1;} }
@-o-keyframes fadeOut { 100% {opacity:0;} 0% {opacity:1;} }
@-ms-keyframes fadeOut { 100% {opacity:0;} 0% {opacity:1;} }

.modal {
    /* some styles to position the modal at the center of the page */
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height:100%;

    /* needed styles for the overlay */
    z-index: 10; /* keep on top of other elements on the page */
    outline: 9999px solid rgba(0,0,0,0.5);
}

.modal .photo_frame {
position:absolute;
top: 0%;
left: 0%;
width: 100%;
height:100%;
background-color: #efefef;
text-align: center;
z-index:11px;
}

.modal .button {
position:absolute;
bottom: 0%;
left: 0%;
width: 100%;
line-height: 100px;
height: 100px;
background-color: #EF8F00;
text-align: center;
z-index:12px;
}