@media print {
.breadcrumb { display: none;}
#toppanel { display: none;}
#header { display: none;}
.menu_page_general { display: none;}
.bandeau_resume { display: none;}
.no_print { display: none;}
.situation_mensuelle{page-break-inside: avoid;font-size:0.9em;}
 #bt_update_mess{ display: none;}
}

@page {size:landscape;}

a {
text-decoration:none;
}

/*  BOUTONS */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
a.ovalbutton{
background: transparent url('/img/media/oval-gray-left.gif') no-repeat top left;
display: block;
float:left;
font: normal 12px Arial; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span img{
float: left;
padding:0 5px 0 0;  /* H D B G */
}

a.ovalbutton span{
background: transparent url('/img/media/oval-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position:  bottom right;
color: black;
}

.a_droite{
margin:2px;

float:right;
}
.a_droite img {
vertical-align:middle;
}

.alerte
{
background-color: #ffffff;
padding:5px;
width:250px;
margin-left:20px;

}

#amis{
left:2px;
position:relative;
top: 1px;
float:left;
height:20px;
background-color: #ffffff;
width: 844px;
padding:5px;
margin: 0px auto 0px auto;
text-align: left;
}

.avatar_min, .avatar_min img
{
max-height:25px;
max-width:30px;
}

.avatar48 img
{
max-height:48px;
max-width:48px;
}

.avatar
{
    float:left;
}

.add_This
{position:absolute;
top:5px;
left:300px;
height:25px;
z-index:10000;
}

.bas {
position:relative;
top: 10px;
clear:both;
color: white;
height:25px;
background: white url(../img/vert_degrade.png) repeat-x;
padding: 0px;
font-size: 16px;
font-weight: bold;
border-bottom:1px solid #25496b;
margin: 0px auto 0px auto; /* H  D  B  G */
}

body {
height: 100%;
padding: 0px;
font-size: 75%;
margin: 0px auto 0px auto;
}

.accueil_bloc_title
{
   position:relative;
   width:98.8%;
   margin-top:5px;
   margin-left: 0.2%;
   background-color: white;
   padding: 0.5%;
}

.accueil_bloc50pourcent
{
   position:relative;
   width:48.8%; 
   margin-left:0.2%;
   margin-top:0.2%;
   background-color: white;
   height:140px; 
   padding: 0.5%;
    min-width:390px;  
}

.accueil_bloc50pourcent img, .accueil_bloc50pourcent_right img
{
   padding: 10px;
}

.accueil_bloc50pourcent_right
{
   position:relative;
   width:48.8%; 
   margin-left:0.2%;
   margin-top:0.2%;
   background-color: white;
   height:140px; 
   padding: 0.5%;
   min-width:390px; 
    
}

.accueil_blocpub_50pourcent
{
   position:relative;
   width:48.8%; 
   margin-left:0.2%;
   margin-top:0.2%;
   background-color: white;
   padding: 0.5%;
   height:292px; 
   text-align:center;
   min-width:390px;
   
}

.bloc90 {
position:relative;
margin: 0px auto 0px auto;
overflow:auto;
width:90%;
/*border:1px solid red;*/
min-width:800px;
max-width:1024px;
padding:0;
border:2px solid #A9B7E5;
background-color:white;
}

.bloc250x250 {
position:absolute;
left:480px;
top:40px;
text-align:center;
width:260px;
height:260px;
margin: 0px auto 0px auto;
}

.bloc400x600 {
position:absolute;
left:420px;
top:17px;
text-align:center;
width:400px;
height:620px;
margin: 0px auto 0px auto;
/*border:1px solid red;*/
}

.bloc_graph {
display:block;
float:left;
position:relative;
text-align:center;
width:68.3%;
/*border:1px solid red;*/
height:300px;
padding: 0;
margin: 0.5% auto 0px 0.5%;
background: white;
border: 1px solid #dedede;
}

.boutons
{
  position : relative;
  top: 5px;
  left: 5px;
  width: 85%;
  height:20px;
  text-align:left;
}

.boutons a
{
    margin-bottom:2px;
    margin-left: 10px;
    float:left;
}

.bloc_graph .content
{
    height:270px;
    width:100%;
}

.bloc100 {
display:block;
position:relative;
text-align:left;
width:100%;
float:left;
min-height:300px;
padding: 0;
margin: 0.5% auto 0px 0.5%;
background: white;
border: 1px solid #dedede;
}

.boite{border: 1px solid red;}

.bordure{border:1px solid #f89015;}

.bouton_onglet
{
position:relative;
margin: 2px 0 0 2px;
width:60px;
height:60px;
border: 1px solid #F4EAEA;
float:left;
}

.bouton_onglet a
{width:58px;}

.bouton_onglet a span
{
width:58px;
margin:2px 0 0 0;
display:block;
}

.bouton_onglet:hover, .bouton_onglet .active
{
border: 1px solid orange;
background:#FFF7ED;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
}

.camenbert {
text-align:center;
float:left;
width:210px;
height:75px;
border-spacing: 0px;
padding:0;
background: white url(/img/wait2.gif) center center no-repeat;
border: 1px solid #dedede;
margin: 0 4px 0 0;
}

.carre_general {
display:block;
position:relative;
text-align:center;
width:24.5%;
float:left;
height:260px;
margin: 0.5% 0px 0px 0.5%;
background: white;
border: 1px solid #dedede;
padding: 0;
}

.centrer{
text-align: center;
margin: 0px auto 0px auto;
}



.classement {
position:relative;
float:left;
width:30%;
max-width: 450px;
/*min-width:340px;*/
height:550px;
margin: 0.5% auto 0px 0.5%;
padding: 1px;
border: 1px solid #dedede;
background-color:#FFFFFF;
}

.classement p {
font-size: 14px;
font-weight: bold;
}

.classement_amis {
display:block;
position:relative;
float:left;
width:43.1%;
height:260px;
margin: 0.5% 0px 0px 0.5%;
padding: 0;
border: 1px solid #dedede;
background: white;
}

.classement_amis p {
font-size: 14px;
font-weight: bold;
}


#connex
{
float:left;
background: transparent url(/img/gris_degrade.png) repeat-x;
min-width:200px;
height:35px;
margin-left:100px;
padding-left:5px;
padding-right:5px;
}

.contact {
float:left;
left:2px;
height:80px;
position:relative;
padding: 10px;
margin: 5px;
background-color: #BBFFAB;
}

.contactsuppr
{
position:absolute;
right:5px;
bottom:5px;
height:17px;
width:17px;
}

.contactphoto
{
position:relative;
float:left;
height:52px;
width:52px;
text-align:center;
}

.contactphoto img
{
max-height:50px;
max-width:50px;
}

.contactinfos
{
float:left;
font-weight:bold;
height:52px;
width:160px;
}

.contactnom
{
font-size: 1.1em;
position:relative;
left:5px;
font-weight:bold;
width:158px;
}

.contactpseudo
{
font-size: 0.9em;
position:relative;
width:150px;
left:5px;
color:#ec6929;
font-weight:bold;
}

.contactdivers
{
font-size: 0.6em;
clear:both;
width:180px;
}


#contenu {
position:relative;
width:99%;
min-height:600px;
/*background-color: #C7C5CC;*/
/*border: 1px solid red;*/
padding:2px;
margin: 0px auto 2px auto;
text-align: left;
overflow:auto;
font-size: 1.6em;

}

.couleur_orange
{
color: #FB651A;
}
.couleur_bleue
{
color: #2F76DF;
}
.couleur_rouge
{
color: #E62222;
}
.couleur_vert
{
color: #3AAC34;
}

.creercompte
{
    position:relative;
    top:20px;
    width:650px;
    background-color: white;
    margin: 0px auto 0px auto; /* H  D  B  G */
    height:480px;
    padding:10px;
}
.creercompte table
{
    /*border:1px solid red;*/
    background-color:white;
    width: 600px;
}


.datatable {
display:block;
clear:both;
position:relative;
width:100%;
}


.decale {
position:relative;
left:10px;
top: 2px;
overflow:auto;
width:820px;
}

/*  GESTION DE LA BULLE D'AIDE */
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: #FDFADC;
visibility: hidden;
z-index: 100;
font-size:10px;
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#dialog
{
    display:none;
}

/* header */
div#header{
background:#FFF url(/img/page_bg.png) 50% 0 repeat-x;
position:relative;
height:60px;
margin:0;
}



div#conteneur_boutons_onglet
{
width:100%;
min-height:66px;
background: white;
border-bottom:1px solid #9a9895;
}

.droite{
text-align: right;
margin: 0px 0px 0px auto;
}

.float_left
{float:left;}

.float_right
{float:right;}

.font07
{font-size: 0.7em;}

.font08
{font-size: 0.8em;}

.font11
{font-size: 1.1em;}

.font12
{font-size: 1.2em;}

.fonctions{
float:left;
width:auto;
height:40px;
border-spacing: 0px;
padding:2px;
}

form input.login {
width:150px;
}

.gauche{
text-align: left;
margin: 0px auto 0px 0px;
}


h1 {
    font-size: 1.8em;
    line-height: 1.4em; /* interligne */
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
    }

h2 {
    font-size: 1.4em;
    line-height: 1.4em;
    font-weight: bold;
	font-style:italic;
    margin-top: 0;
    margin-bottom: 0;
    }

h3 {
    font-size: 1.4em;
    line-height: 1.4em;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;

    }

h4 {
    font-size: 1.3em;
    line-height: 1.3em;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
    }

h5 {
    font-size: 1.2em;
    line-height: 1.2em;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
    }

h6 {
    font-size: 1.1em;
    line-height: 1.1em;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0;
	}
	

h7 {
    font-size: 1em;
    line-height: 1em;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0;
    }

h8 {
    font-size: 0.8em;
    line-height: 0.8em;
	font-weight: lighter;
	margin-top: 0;
	margin-bottom: 0;
}

.hauteur5{
position:relative;
clear: both;
height:10px;
}

.hauteur10{
position:relative;
clear: both;
height:10px;
}

.hauteur20{
position:relative;
clear: both;
height:20px;
}

.hidden
{display:none;}

.histogramme {
position:relative;
left:20px;
width:802px;
height:602px;
background: url(/img/wait2.gif) center center no-repeat;
}

hr
{height:1px;
color:#97A0A9;
border: 0;
background-color: #97A0A9;}

html {
height: 100%;
width:100%;
font-size: 75%;
background-color: #000000;
}

hr {height:1px;}


img{border:none;}

input#bedata
{background-color:#E8F7E4;
color:green;
}


.imageprofil {
position:relative;
float:left;
width:60px;
height:60px;
padding:1px 1px 1px 1px;
text-align:center;
vertical-align:middle;
}

.imageprofil img {
margin: 2px 10px 10px 2px; 
display: block; 
max-width:60px;
max-height:60px;
}

label{font-size: 1.3em;}

#lang {
position:absolute;
top:1px;
right:5px;
width:80px;
height:40px;
border: 1px solid #989898;
background-color:#C7C7C7;
}

.left
{float:left;}

#logo {
margin-left:10px;
font-size: 1.1em;
font-weight: bold;
color:white;
background: transparent url(/img/logo.png) no-repeat;
width:265px;
height:30px;
float:left;
}

.menu_page_general{
border: 1px solid #dedede;
font-size:0.9em;
background-color:#FFFFFF;
margin: 0.3% auto 0px auto;
}

.menu_page_general a
{
margin-left:10px;
}

.menu_page_general a.active
{
color:#FF4F4F;
}

.bandeau_resume{
/*border: 1px solid #dedede;*/
font-size:0.9em;
background-color:#FFFFFF;
margin: 0.3% auto 0px auto;
height: 60px;
padding:5px 10px 5px 10px;
}

.item
{
    padding:4px;
    float:left;
    margin-right: 5px;
    background-color:#E7E7E7;
    border:1px solid #BCBFCC;
}

.item.active
{background-color:#F2F4F7;
font-weight:bold;}

.item_menu_coach
{
    margin-bottom:5px;
    background-color: #C9D3DA;
    font-size:1.2em;
    height:30px;
    padding:5px;
    background: white url(/img/degrade_gris.png) top left repeat-x;
}


.item_menu_coach img
{float:left;width: 30px;max-height: 30px;}

.item_menu_coach .nom
{float:left;margin-left:5px;}

.item_resume
{
   min-width:120px;
   float:left;
   /*border:1px solid red;*/
}

.item_resume .titre_resume
{font-size:0.8em;
}

.item_resume .value_resume
{font-size:1.8em;
font-weight: bold;
width:100%;
text-align:center;
color: #5CC549;
}

.item_separator
{
    float:left;
    width:20px;
    height:100%;
    background: url(/img/separator.gif) center center no-repeat;
}

.message_coach
{
    float:left;
    background: transparent url(/img/fleche_message.png) no-repeat 0px 10px;
    padding:0;
    font-size:1.3em;
    margin-left: 5px;
    height:60px;
    width:800px;
   /* border:1px solid blue;*/
}

.message_bandeau_coach
{
    float:left;
    background: transparent url(/img/fleche_message.png) no-repeat 0px 10px;
    padding:0;
    font-size:1.3em;
    margin-left: 5px;
    height:60px;
    width:500px;
}


.texte_coach
{
    float:left;
    margin: 0 10px 0 10px;
    padding:10px;
    background-color: #fff0b3;
    width:90%;
    height:40px;
    overflow:auto;
}

#texte_coach textarea
{
    background-color: white;
}


.bouton_message_coach
{
    position:relative;
    float:left;
    width:30px;
    left:-50px;
    top:15px;
}

#valeur_text
{
    background-color: #fff0b3;
}


.menupubgoogle {
margin: 0px auto 0px auto;
width:130px;
padding: 0px;
}

.minigraph {
text-align:left;
float:left;
min-width:290px;
min-height:75px;
border-spacing: 0px;
padding:2px;
background: url(/img/wait2.gif) center center no-repeat;
/*border: 1px solid red;*/
}

.coach_menu
{
width:15%;
min-width: 200px;
min-height:574px;
float:left;
background-color:#FFFFFF;
margin:5px 5px 0 0;
padding: 8px;
border: 1px solid #dedede;
}

.mon_menu
{
width:15%;
min-width: 200px;
float:left;
background-color:#FFFFFF;
margin:5px 5px 0 0;
padding: 8px;
border: 1px solid #dedede;
}

.mon_menu span
{margin-left:5px;}

.mon_menu div.active
{
     background: white url(/img/degrade_gris.png) top left repeat-x;
     padding:5px;
/*background-color:#C8C0FF;*/
font-size:1.1em;
}

.mon_menu ul
{
padding-left:15px;
}

.mon_menu li
{list-style:none;
margin-left:0px;
}


.nomprofil {
float:left;
position:relative;
font-size: 1.6em;
margin-top:10px;
margin-left:10px;
font-weight: bold;
}



.noms_jours td
{
    font-weight:bold;
    text-align:center;
    background: white url(/img/bleu_degrade.png) top left repeat-x;
}

.profil {
position:relative;
width:300px;
text-align:left;
}


.pub {
text-align:center;
float:left;
width:260px;
height:70px;
border-spacing: 0px;
padding:10px 0 0 5px;
/*border: 1px solid red;*/
}

.pubgoogle728x90 {
position:relative;
margin: 0px auto 0px auto;
text-align:center;
bottom: 3px;
}

.pubyoutube400x415 {
position:absolute;
top:0px;
left:420px;
text-align:center;
width:405px;
height:420px;
margin: 0px auto 0px auto;
}

.pubgoogle336x280 {
position:absolute;
top:0px;
left:420px;
text-align:center;
width:340px;
height:285px;
margin: 0px auto 0px auto;
}

.right
{float:right;}

.rem_coach
{color:#F85454;}


select{
background: white url(../img/degrade_form.jpg) top left repeat-x;
}

#select_user{
margin-left:10px;
line-height:30px;
color:white;
}

.sexeprofil {
position:relative;
width:20px;
height:20px;
text-align:left;
}

#site
{
width: 100%;
min-width:900px;
padding: 0px;
text-align: center;
margin: 0px auto 0px auto; /* H  D  B  G */
background: black url(../img/degrade_gris.png) top left repeat-x;

}


.situation_mensuelle 
{width:100%;}

.situation_mensuelle th
{background: white url(../img/degrade_form.jpg) top left repeat-x;}

.situation_mensuelle td
{
border:1px solid #CBD5E3;
background-color:white;
vertical-align:top;
width:100px;
}

.situation_mensuelle .data
{
height:80px;
font-size:0.9em;
color:#364732;
}


.situation_mensuelle .data .training
{
background-color: #E0E8F4;
padding:5px;
margin:  2px;
}


.data_vide 
{
height:80px;
background-color: white;
}


.situation_mensuelle .grise
{

/*background-color:gray;*/
background: white url(../img/gradient-gray-grayish.jpg) top left repeat-x;
}


.spacer {
position:relative;
clear: both;
}


.stats {
text-align:left;
float:left;
min-width:300px;
border-spacing: 0px;
padding:2px;
background-color:white;
border: 1px solid #dedede;
margin: 4px 0 4px 0;
}

.stats table {
border-color:#E6E6E6;
}

/*.stats tr {background-color:#efefef;}*/

.stats img {vertical-align: middle;}

.stats th  {
font-size: 0.8em;
vertical-align: middle;
background-color:#F5F5F5;
/*border-left:1px solid #DEDEDE;*/

padding:1px;
}

.stats tr:hover
{
background-color:red;

}

.stats td {
font-size: 0.8em;
text-align:right;
/*border-left:1px solid #DEDEDE;*/

background-color:white;
padding:0 4px 0 0;
}

table {
border-spacing: 0px;
border-collapse: collapse;
}

#tableau_situation {
margin-top:5px;
min-height:460px;
background-color:white;
}

.tablestyle {
border:1px solid #A020F0;
}

.tablestyle th {
background-color:#2D2D2D;
color:#FFFFFF;
}

.tablestyle td {
background-color:#F3F3FF;

}


textarea{
background-position:  top left;
background: white url(../img/degrade_form.jpg) top left repeat-x;
}

#textarea-message
{
    width: 270px;
    height:100px;
}


.textprofil {
position:relative;
font-size: 1.2em;
text-align:left;
}

th {
font-size: 0.9em;
border:0px;
border-spacing: 0px;
padding: 5px;
text-align:left;
}

.margintop10
{
    margin-top:10px;
}

.training_content
 {
 margin:5px 5px 0 0;
 width:78%;
 float:left;
 background-color: white;
 border: 1px solid #dedede;
 min-height:590px;
 padding-left:5px;
 min-width: 860px;
 }


.ui-datepicker {z-index:1200;}

#view_train
{
float:left;
max-width: 400px;
height:25px;
color:black;
}

/* publicité */

.pub_160x200
{
width:160px;
height:200px;
background-color: white;    
margin:0 auto 0 auto;
}

.pub_160x600
{
width:160px;
height:600px;
background-color: white;
margin:0 auto 0 auto;
}

.pub_180x150
{
width:180px;
height:150px;
background-color: white;
margin:0 auto 0 auto;
}


.pub_728x90
{
width:728px;
height:90px;
background-color: white;

}

.pub_250x250
{
width:250px;
height:250px;
background-color: white;
margin:0 auto 0 auto;
}

.pub_234x60
{
width:234px;
height:60px;
background-color: white;
margin:0 auto 0 auto;
}

.pub_468x60
{
width:468px;
height:60px;
background-color: white;
margin:0 auto 0 auto;
}

.pub_300x600
{
width:300px;
height:600px;
background-color: white;
margin:0 auto 0 auto;   
}


.pub_300x250
{
width:300px;
height:250px;
background-color: white;
margin:0 auto 0 auto;    
}