html
{
    height:100%;
}

body
{
    font-family:corbel,arial,verdana,sans-serif;
    font-size:85%;
    width:100%;
    min-height:100%;
    margin:auto;

    background-color:rgb(235, 235, 235);
}

.body_deco
{
    height:100%;
    background-color:rgb(240,240,240);
    background:url('img/fond_flou2-min.jpg') no-repeat center;
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
    background-size: cover; /* version standardisée */
    background-attachment:fixed;
}

.fond_bleu
{
    background-color:rgb(70,117,145);
}

.full_height
{
    height:100%;
}

/* Header ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

header
{
    width:100%;
    height:80px;
}

#logo
{
    width:240px;
    height:80px;
    float:left;
    margin-left:10px;

    background-image:url("img/logo_noir-min.png");
    background-size:100%;
}

#l_l
{
    display:block;
    width:240px;
    height:80px;
}

#menu
{
    display:block;
    position:relative;
    z-index:9997;
    width:110px;
    height:35px;
    float:right;
    padding:0px;
    padding-top:5px;
    margin-top:10px;
    margin-right:10px;

    background-color:rgb(90,90,90);
    border-radius:4px;
    -o-border-radius:4px;

    text-decoration:none;
    font-size:110%;
    color:rgb(240,240,240);
    cursor:default;
    transition:ease 200ms;
}

#menu h3
{
    font-weight:normal;
    margin:0px;
    padding-top:3px;
    padding-bottom:11px;
    padding-left:15px;
    border-bottom:4px solid transparent;
}

#menu:hover
{
   background-color:#3F77A0;
}

#menu:hover .menu_haut
{
   display:block;
}

.menu_haut
{
    display:none;
    width:200px;
    float:right;
    padding-top:5px;
    padding-bottom:5px;

    border:1px solid silver;
    border-radius:4px;
    background-color:rgb(240,240,240);
    cursor:pointer;
}

.menu_haut a
{
    display:block;
    height:15px;
    margin:5px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:0px;
    padding:10px;

    text-decoration:none;
    color:black;
}

.menu_haut a:hover
{
    background-color:#3F77A0;
    color:rgb(240,240,240);
}

.menu_haut img
{
    width:25px;
    height:25px;
    float:left;
    margin-right:20px;
    margin-top:-5px;
    border:none;
}

.img_menu
{
    float:right;
    margin-top:-40px;
}

.triangle1
{
    float:right;
    margin-right:15px;
    margin-top:-28px;
    width:0;
    height:0;
    border:10px solid transparent;
    border-top:10px solid rgb(240,240,240);
}

.triangle2
{
    float:right;
    margin-right:14px;
    margin-top:-25px;
    width:0;
    height:0;
    border:10px solid transparent;
    border-bottom:10px solid rgb(240,240,240);
}

.l_espm
{
    display:block;
    float:right;
    height:32px;
    margin-top:10px;
    margin-right:10px;
    padding:20px;
    padding-top:8px;
    padding-bottom:0px;

    background-color:rgb(90,90,90);
    background-image:url("img/param_transp.png");
    background-size:40px 40px;
    background-position:right;
    border-radius:4px 4px 4px 4px;

    text-decoration:none;
    font-size:130%;
    color:rgb(240,240,240);
    transition:ease 200ms;
}

.l_espm:hover
{
    background-color:#3F77A0;
}

.l_notifs
{
    display:block;
    position:relative;
    z-index:9999;
    float:right;
    width:34px;
    height:20px;
    margin-top:10px;
    margin-right:10px;
    padding-top:20px;
    padding-right:6px;

    background-image:url("img/cloche_transp.png");
    background-repeat:no-repeat;
    border-radius:4px 4px 4px 4px;

    text-decoration:none;
    text-align:right;
    font-size:15px;
    color:rgb(240,240,240);
    cursor:pointer;
    transition:ease 200ms;
}

.l_notifs_sans
{
    background-color:rgb(90,90,90);
    background-size:40px 40px;
}

.l_notifs_avec
{
    background-color:rgb(207,126,18);
    background-size:35px 35px;
}

.menu_notifs
{
    display:none;
    width:300px;
    float:right;
    margin-top:7px;
    margin-right:-7px;
    padding-top:5px;
    padding-bottom:5px;

    border:1px solid silver;
    border-radius:4px;
    background-color:rgb(240,240,240);

    font-size:85%;
    text-align:left;
    cursor:pointer;
}

.menu_notifs a
{
    display:block;
    margin:5px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:0px;
    padding:10px;
    padding-top:5px;

    text-decoration:none;
}

.menu_notifs img
{
    width:25px;
    height:25px;
    float:left;
    margin-right:20px;
    margin-top:-5px;
    border:none;
}

.notif_non_lue
{
    color:black;
    font-weight:bold;
    background-color:rgba(207,126,18,0.2);
}

.notif_non_lue:hover
{
    background-color:rgba(207,126,18,0.4);
}

.notif_lue
{
    color:rgb(120,120,120);
}

.notif_lue:hover
{
    background-color:rgb(246,246,246);
}

.img_nom
{
    float:left;
    width:60px;
    height:40px;
    margin-top:-8px;
    margin-left:-20px;
    margin-right:20px;

    border-radius:4px 0px 0px 4px;
}

.nots
{
    float:left;
}

.img_nots
{
    display:block;
    width:30px;
    height:20px;
    margin-top:5px;
    margin-left:10px;
    margin-right:10px;

    background-image:url("img/mess.png");
    background-size:100%;

    text-decoration:none;
}

.img_nots2
{
    display:block;
    width:20px;
    height:20px;
    margin-top:4px;
    margin-left:10px;
    margin-right:10px;

    background-image:url("img/amis.png");
    background-repeat:no-repeat;

    text-decoration:none;
}

.new_mess
{
    width:14px;
    padding:0px;
    padding-left:3px;
    padding-right:3px;
    background-color:rgb(191,56,32);
    border-radius:2px;

    position:relative;
    left:24px;
    top:7px;

    color:rgb(240,240,240);
    font-size:80%;
    font-family:arial;
}

.new_ami
{
    width:14px;
    padding:0px;
    padding-left:3px;
    padding-right:3px;
    background-color:rgb(191,56,32);
    border-radius:2px;

    position:relative;
    left:0px;
    top:-8px;

    color:rgb(240,240,240);
    font-size:80%;
    font-family:arial;
}

.deco
{
    display:block;
    float:right;
    width:40px;
    height:40px;
    margin-top:10px;
    margin-right:10px;

    background-color:rgb(90,90,90);
    background-image:url("img/cadenas_transp.png");
    background-size:40px 40px;
    border-radius:4px 4px 4px 4px;

    text-decoration:none;
    font-size:130%;
    transition:ease 200ms;
}

.deco:hover
{
    background-color:rgb(191,56,32);
}

#retours_beta
{
    width:200px;
    height:47px;
    padding:2px;

    background-color:#3F77A0;
    background-image:url("img/fleche2.png");
    background-repeat:no-repeat;
    border-radius:5px 0px 0px 5px;
    box-shadow: 2px 2px 8px rgb(20,20,20);

    position:fixed;
    top:320px;
    right:-150px;

    -webkit-transition-property:margin;
    -webkit-transition-duration:400ms;
    -moz-transition-property:margin;
    -moz-transition-duration:400ms;
    -o-transition-property:margin;
    -o-transition-duration:400ms;
    transition-property:margin;
    transition-duration:400ms;

    text-align:right;
}

#retours_beta:hover
{
    margin-right:150px;
}

#bordure_pointilles
{
    height:35px;
    background:none;
    padding:5px;
    padding-right:10px;
    border-radius:5px 0px 0px 5px;
    border:1px dashed silver;
    border-right:none;
}

#haut_bas
{
    width:40px;

    position:fixed;
    top:360px;
    right:3%;
}

#haut_bas a
{
    display:block;
    width:40px;

    opacity:0.4;
    filter:alpha(opacity=40);
}

#haut_bas a:hover
{
    opacity:1.0;
    filter:alpha(opacity=100);
}

.connect
{
    min-width:300px;
    float:right;
    margin-right:10px;
    height:40px;
    padding-top:10px;
}

.souv
{
    display:block;
    float:right;
    margin-top:5px;

    font-size:80%;
    color:rgb(245,245,245);
    text-align:right;
}

/* Page accueil -------------------------------------------------------------------------------------- */

.d_scroll_accueil
{
    width:50%;
    margin:auto;
    padding-top:30px;

    overflow:hidden;
}

.foot_scroll_accueil
{
    height:75px;
    width:100%;
    padding-top:25px;
	margin-top:-100px;
    background-color:rgba(240,240,240,0.8);
}

.img_screen_accueil
{
    display:block;
    width:80%;
    margin:auto;
    margin-top:30px;
    border-radius:10px;
}

.img_screen_accueil2
{
    display:block;
    width:40%;
    margin:auto;
    margin-top:30px;
    border-radius:10px;
}

#joueurs_stats
{
	min-height:100%;
    background-color:rgb(240,240,240);
    background-image:url('patterns/pattern13.png');
	overflow:hidden;
	padding-bottom:130px;
}

#joueurs_entrainements
{
	min-height:100%;
    background-image:url('img/fond1.jpg');
    background-attachment:fixed;
    background-size:cover;
	overflow:hidden;
	padding-bottom:130px;
}

#joueurs_coaching
{
	min-height:100%;
	overflow:hidden;
	padding-bottom:130px;
}

#joueurs_op
{
    background-color:rgb(240,240,240);
	min-height:100%;
	overflow:hidden;
	padding-bottom:130px;
}

#page_accueil
{
	overflow:hidden;
	padding-bottom:130px;
}

#c_agenda
{
    background-color:rgb(240,240,240);
    background-image:url('patterns/pattern13.png');
	overflow:hidden;
	padding-bottom:130px;
}

#c_eleves
{
    background-image:url('img/fond1.jpg');
    background-attachment:fixed;
    background-size:cover;
	overflow:hidden;
	padding-bottom:130px;
}

#c_suivi
{
    background-color:rgb(240,240,240);
	overflow:hidden;
	padding-bottom:130px;
}

#c_stats
{
	overflow:hidden;
	padding-bottom:130px;
}

#c_entrainements
{
    background-color:rgb(240,240,240);
	overflow:hidden;
	padding-bottom:130px;
}

.part_coach
{
    width:66%;
    float:right;
    background:rgba(255,255,255,0.5);
    border-radius:5px;
}

.box_pro
{
    display:block;
    width:28%;
    height:200px;
    float:left;
    margin-left:4%;
    margin-top:30px;
    margin-bottom:30px;
    text-decoration:none;
    color:black;
    overflow:hidden;
    border:1px solid silver;
    border-radius:5px;

    background-color:white;
    background-position:center;
    background-repeat:no-repeat;
    background-size: cover;
}

.box_pro:hover .texte_bp
{
    margin-top:0px;
}

.box_pro:hover .titre_bp
{
    height:38px;
    padding-top:20px;
}

.box_pro:hover .exos_lock
{
    visibility:visible;
}

.box_pro:hover .notifs3
{
    visibility:hidden;
}

.notifs1
{
    width:80px;
    height:27px;
    padding-top:3px;
    margin-top:150px;
    margin-bottom:-180px;
    margin-left:4%;
    background-color:rgb(207,126,18);
    border-radius:5px;

    text-align:center;
    color:white;
    font-size:120%;

    transform:rotate(-5deg);
}

.notifs2
{
    width:80px;
    height:27px;
    float:right;
    padding-top:3px;
    margin-top:10px;
    margin-bottom:-40px;
    margin-right:2%;
    background-color:rgb(207,126,18);
    border-radius:5px;

    text-align:center;
    color:white;
    font-size:120%;

    transform:rotate(-5deg);
}

.notifs3
{
    height:27px;
    float:right;
    padding-top:3px;
    padding-left:3px;
    padding-right:3px;
    margin-top:150px;
    margin-bottom:-180px;
    margin-right:2%;
    background-color:rgb(207,126,18);
    border-radius:5px;

    text-align:center;
    color:white;
    font-size:120%;

    transform:rotate(-5deg);
}

.bp2
{
    width:44%;
    margin-left:4%;
}

.titre_bp
{
    height:20px;
    padding-top:4px;
    padding-left:20px;

    background-color:rgba(30,30,30,0.8);

    font-size:100%;
    font-weight:bold;
    color:rgb(240,240,240);
    overflow:hidden;

    transition:all 300ms;
}

.texte_bp
{
    width:100%;
    height:170px;
    margin-top:178px;
    background-color:rgba(30,30,30,0.8);
    color:white;
    border-top:1px solid rgb(207,126,18);

    transition:margin 300ms;
}

.texte_bp p
{
   padding:10px;
}

.offres
{
    display:block;
    width:270px;
    height:40px;
    margin:auto;
    margin-top:20px;
    background-color:rgb(120,120,120);
    border-radius:4px;
    padding-top:15px;

    text-decoration:none;
    font-size:140%;
    text-align:center;
    color:rgb(245,245,245);
}

.offres2
{
    display:block;
    width:270px;
    height:40px;
    margin:auto;
    margin-top:20px;
    background-color:rgb(100,150,70);
    border-radius:4px;
    padding-top:15px;

    text-decoration:none;
    font-size:130%;
    text-align:center;
    color:rgb(245,245,245);
}

.d_info
{
    width:86%;
    max-width:800px;
    margin:auto;

    padding-top:0px;
    padding-bottom:15px;
    overflow:hidden;
}

.d_info_g
{
    width:67%;
    float:left;
}

.d_info_d
{
    width:33%;
    float:left;
}

.field_admin
{
    float:right;
    min-width:200px;
    margin-top:-22px;

    border:1px solid silver;
    background:white;
    border-radius:5px 10px 5px 5px;
}

.input_mod1
{
    margin:0px;
    width:100%;

    font-size:120%;
    color:rgb(80,150,70);
    font-weight:normal;
    text-align:left;
    border:none;
    background-color:transparent;
}

.input_mod2
{
    margin:0px;
    width:100%;

    text-align:left;
    border:none;
    background-color:transparent;
}

.input_mod3
{
    margin:0px;
    height:25px;
    width:100%;

    font-size:100%;
    color:black;
    text-align:center;
    border:none;
    background-color:transparent;
}

.input_mod4
{
    margin:0px;
    width:100%;

    text-align:left;
    font-size:120%;
    font-family:corbel, arial,verdana,serif;
    border:none;
    background-color:transparent;
}

.input_mod5
{
    margin:0px;
    width:48%;

    text-align:left;
    border:none;
    background-color:transparent;
}

.f_select
{
    background-color:#3F77A0;
    color:white;
}

.b_select
{
    height:60px;
    padding:5px;
    padding-left:20px;
    padding-right:20px;

    background-color:transparent;
    border:2px solid rgb(120,120,120);
    line-height:2;
    font-size:140%;
    color:rgb(70,70,70);
}

.sel_actif
{
    background-color:#3F77A0;
    color:white;
}

.sel_non_actif
{
    background-color:white;
    color:black;
}

#message_d_erreur
{
    visibility:hidden;
    float:right;
    width:100%;
    margin-top:10px;
    margin-bottom:10px;
}

#message_d_erreur p
{
    width:350px;
    float:right;
    margin:0px;
    padding:5px;
    text-align:center;

    border-radius:5px;
    background-color:rgba(191,56,32,0.7);
}

#message_d_erreur2
{
    visibility:hidden;
    display:block;
    width:300px;
    margin:auto;
    margin-top:10px;
    margin-bottom:10px;
    padding:10px;

    border:1px solid silver;
    border-radius:5px;
    background-color:rgba(240,240,240,0.8);
}

.box_info
{
    width:220px;
    padding:5px;
    background-color:rgb(230,230,230);
    border-radius:5px;
    margin-right:5px;

    font-size:90%;
    color:rgb(130,130,130);
    text-align:justify;
}

.box_info2
{
    padding:5px;
    background-color:rgb(250,250,250);
    border:1px solid silver;
    border-radius:2px;

    font-size:90%;
    text-align:justify;
}

#i_alias
{
    visibility:hidden;
    margin-top:-100px;
}

#i_region
{
    visibility:hidden;
    margin-top:-200px;
}

.textarea1
{
    width:90%;
    height:70px;
    border:1px solid silver;
    border-radius:3px 7px 3px 3px;

    font-family:arial;
}

.textarea2
{
    width:90%;
    height:150px;
    padding:10px;

    border:1px solid silver;
    border-radius:3px 7px 3px 3px;
    box-shadow: 2px 2px 8px black;

    font-family:arial;
    font-size:90%;
}

.textarea3
{
    width:98%;
    margin:auto;
    height:200px;
    padding:10px;

    border:1px solid silver;
    border-radius:3px 7px 3px 3px;

    font-family:arial;
    font-size:90%;
}

.textarea4
{
    width:97%;
    margin:auto;
    margin-top:4px;
    height:45px;
    padding:3px;

    border:1px solid silver;
    border-radius:3px 7px 3px 3px;

    font-family:arial;
    font-size:90%;
}

.textarea7
{
    width:96%;
    margin:auto;
    height:150px;
    padding:1%;

    border:1px solid silver;
    border-radius:5px;

    font-family:arial;
    font-size:90%;
}

.textarea_mod1
{
    display:block;
    margin:0px;
    padding:0px;
    padding-bottom:15px;
    width:70%;
    height:300px;

    font-size:90%;
    font-family:arial;
    border:none;
    background-color:transparent;
}

.img_mod
{
    cursor:pointer;
    width:100%;
    float:left;
    margin:0px;
    margin-right:8px;
    padding:0px;
    border:none;
    border-radius:10%;
    text-decoration:none;
    overflow:hidden;
}

.img_mod img
{
    width:100%;
}

.img_mod span
{
    display:none;
    width:100%;
    height:18px;
    margin-top:-21px;
    margin-bottom:3px;

    text-align:center;
    color:black;
    background-color:white;
    opacity:0.7;
    filter:alpha(opacity=70);
}

.img_mod:hover span
{
    display:block;
}

.d_wild
{
    width:100%;
    margin-top:30px;
    margin-bottom:20px;

    overflow:auto;
}

.d_large
{
    width:90%;
    margin:auto;
    margin-top:30px;
    margin-bottom:20px;

    overflow:auto;
}

.d_mid
{
    width:50%;
    float:left;
    margin-top:30px;
}

.d_mid_center
{
    width:50%;
    margin:auto;
    margin-top:30px;
    margin-bottom:20px;

    overflow:auto;
}

.d_mid_center2
{
    width:50%;
    margin:auto;
    margin-top:30px;
    margin-bottom:20px;

    overflow:auto;
}

.d_mid_center2 p
{
    padding:10px;
}

.d_little_center
{
    width:250px;
    margin:auto;
}

.d_wild_center
{
    width:75%;
    margin:auto;
    margin-top:30px;
    margin-bottom:20px;

    overflow:auto;
}

.d_espace_coach
{
    width:60%;
    padding:5%;
    padding-top:10px;
    padding-bottom:10px;

    margin:auto;
    margin-bottom:100px;
    font-size:130%;

    background-color:rgb(250,250,250);
    border-radius:20px;
}

.div_agenda
{
    width:100%;
    padding:0px;
}

.d_mid_center_agenda
{
    width:50%;
    margin:auto;
    margin-bottom:20px;

    overflow:auto;
}

#flux_infos
{
    width:56%;
    min-height:351px;
    float:left;
    margin-top:10px;
    border:1px solid silver;
    background-color:white;

    overflow:hidden;
}

.bandeau_titre
{
    height:38px;
    padding-top:12px;
    padding-left:20px;

    background-color:rgba(30,30,30,0.8);

    font-size:150%;
    color:rgb(240,240,240);
    overflow:hidden;
}

.bandeau_titre img
{
    width:80px;
    height:30px;
    margin-top:-2px;
    margin-bottom:-9px;
    margin-left:20px;
}

.bandeau_titre2
{
    width:48%;
    height:38px;
    float:left;
    padding-top:12px;
    padding-left:2%;

    background-color:rgba(30,30,30,0.8);

    font-size:150%;
    color:rgb(240,240,240);
    overflow:hidden;
}

.bandeau_titre3
{
    height:38px;
    padding-top:12px;
    padding-left:20px;

    background-color:rgba(30,30,30,0.8);

    font-size:100%;
    color:rgb(240,240,240);
    overflow:hidden;
}

.bandeau_titre4
{
    width:98%;
    height:38px;
    float:left;
    margin-top:-70px;
    padding-top:12px;
    padding-left:2%;

    font-size:150%;
    text-align:left;
    color:rgb(240,240,240);
    overflow:hidden;
}

.bt_flux
{
    margin-bottom:1px;
}

.select_actu
{
    float:right;
    margin-top:-24px;
    margin-right:15px;
}

.titre_flux
{
    font-size:130%;
    font-weight:normal;
    margin:0px;
}

.mini_flux
{
    display:block;
    width:92%;
    height:59px;
    float:right;
    margin:1px;
    margin-top:0px;
    margin-right:1px;
    padding-top:5px;
    padding-bottom:10px;
    padding-right:4%;
    padding-left:4%;
    background-color:rgb(225,225,225);

    text-align:right;
    text-decoration:none;
    overflow:hidden;

    -webkit-transition:all ease 600ms;      /* Transition lorsque la souris quitte l'élément */
    -moz-transition:all ease 600ms;
    -o-transition:all ease 600ms;
    transition:all ease 600ms;
}

.mini_flux:hover
{
    background-color:white;
}

.mini_img_ffgolf
{
    width:120px;
    float:left;
    margin-right:5px;
    margin-top:-5px;
    margin-left:-13px;
}

.fleche_active
{
    display:none;
    width:18px;
    float:left;
    margin-top:17px;
}

.g_flux
{
    width:96%;
    padding-left:2%;
    padding-right:2%;
    padding-top:5px;
    cursor:default;

    -webkit-transition:all ease 600ms;      /* Transition lorsque la souris quitte l'élément */
    -moz-transition:all ease 600ms;
    -o-transition:all ease 600ms;
    transition:all ease 600ms;
    overflow:hidden;
}

.g_flux .img_ffgolf
{
    width:50%;
    max-height:239px;
    float:left;
    margin-right:5px;
}

#infos_coaching
{
    width:42%;
    height:351px;
    float:right;
    margin-top:10px;

    border:1px solid silver;
    background-color:white;
    overflow:hidden;
}

#infos_parties
{
    width:58%;
    float:right;
    margin-top:30px;
    margin-bottom:30px;

    overflow:hidden;
}

#infos_parties2
{
    width:100%;
    float:left;
    margin-top:30px;
    margin-bottom:30px;

    overflow:hidden;
}

.pointeur
{
    cursor:pointer;
}

.img_profil4
{
    width:20%;
    float:right;
    margin-right:10px;
    border:none;
    border-radius:4px;
}

#infos_stats
{
    width:40%;
    float:left;
    margin-top:30px;
    margin-bottom:30px;

    background-color:white;
    overflow:hidden;
}

/* Section ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

section
{
    width:100%;
    min-height:700px;
    margin:auto;
}

.section_deco
{
    border-bottom:none;
    background-color:transparent;
    min-height:100%;
}

#bandeau_page
{
    width:100%;
    height:30px;
}

#titre_page
{
    width:240px;
    height:30px;
    margin:0px;
    padding-top:0px;

    text-align:center;
    font-weight:normal;
    font-size:150%;
    color:rgb(120,120,120);
}

#titre_page2
{
    width:240px;
    height:30px;
    margin:0px;
    padding-top:0px;

    text-align:center;
    font-weight:normal;
    font-size:150%;
    color:rgb(120,120,120);
}

#g_page
{
    min-height:300px;
}

#p_page
{
    width:980px;
    margin:auto;
    overflow:auto;
}

.menu_page
{
    width:19%;
    float:left;
    padding-top:30px;
    padding-left:10px;
}

.l_menu_page
{
    display:block;
    margin-bottom:10px;
    margin-right:15px;
    padding:10px;

    font-size:120%;
    text-decoration:none;
    color:rgb(30,30,30);

    transition:background 200ms ease;
}

.l_menu_page_ok
{
    display:block;
    margin-bottom:8px;
    margin-right:15px;
    padding:10px;
    padding-top:8px;
    padding-left:8px;

    font-size:120%;
    text-decoration:none;
    color:rgb(30,30,30);

    border:2px solid rgb(120,120,120);
    border-radius:4px;
    background-color:rgba(250,250,250,0.8);
}

.l_menu_page:hover
{
    padding-top:8px;
    padding-left:8px;
    margin-bottom:8px;

    border:2px solid rgb(120,120,120);
    background-color:rgba(250,250,250,0.8);
    border-radius:4px;
}

.l_menu_page:active
{
    border:2px solid silver;
}

.corps
{
    width:75%;
    float:right;
    padding-top:30px;
    padding-bottom:30px;
    padding-left:2%;
    padding-right:1%;
}

.corps_g
{
    width:739px;
    float:left;
    padding-top:30px;
    padding-bottom:30px;
    padding-right:30px;
    padding-left:10px;

    border-right:1px solid silver;
    background-image:linear-gradient(to left, rgba(250,250,250,0.4), rgba(255,255,255,0));
    background-image:-moz-linear-gradient(to left, rgba(250,250,250,0.4), rgba(255,255,255,0));
}

.corps_w
{
    width:960px;
    padding-top:30px;
    padding-bottom:30px;
    padding-left:10px;
    padding-right:10px;
    overflow:hidden;
}

.corps_b
{
    padding:10px;
    padding-top:30px;
    padding-bottom:30px;

    overflow:hidden;
}

.corps_b_stats
{
    padding-top:30px;
    padding-bottom:30px;
    padding-left:10px;
    padding-right:10px;

    overflow:hidden;
}

.corps_admin
{
    min-height:800px;
    padding-top:30px;
    padding-bottom:30px;
    padding-left:10px;
    padding-right:10px;

    overflow:hidden;
}

.corps_b_parties
{
    min-height:610px;
    padding-top:30px;
    padding-bottom:30px;
    padding-left:10px;
    padding-right:10px;

    overflow:hidden;
}

.corps_aide
{
    margin-top:50px;
    width:66%;
    float:right;
    padding-top:30px;
    padding-bottom:30px;
    padding-left:2%;
    padding-right:1%;
    background-color:rgba(250,250,250,0.9);
    border-radius:10px;
}

.d_sommaire_aide
{
    position:fixed;
    margin-top:90px;
    clear:both;
    width:30%;
    float:left;
    padding-top:30px;
    padding-bottom:30px;
    padding-right:1%;
}

#haut_bas_aide
{
    width:40px;

    position:fixed;
    top:270px;
    left:23%;
}

#haut_bas_aide a
{
    display:block;
    width:40px;

    opacity:0.4;
    filter:alpha(opacity=40);
}

#haut_bas_aide a:hover
{
    opacity:1.0;
    filter:alpha(opacity=100);
}

.g_screen_aide
{
    display:block;
    width:90%;
    margin:auto;
    border:1px solid silver;
    border-radius:10px;
}

.m_screen_aide
{
    display:block;
    width:60%;
    margin:auto;
    border:1px solid silver;
    border-radius:10px;
}

.p_screen_aide_g
{
    display:block;
    float:left;
    width:43%;
    margin-left:1%;
    border:1px solid silver;
    border-radius:10px;
}

.p_screen_aide_d
{
    display:block;
    float:right;
    width:43%;
    margin-right:1%;
    border:1px solid silver;
    border-radius:10px;
}

.p_screen_aide_center
{
    display:block;
    width:45%;
    margin:auto;
    border:1px solid silver;
    border-radius:10px;
}

.bandeau_gauche
{
    width:30%;
    float:left;
}

.bandeau_droite
{
    width:170px;
    padding-left:20px;
    padding-right:10px;
    float:right;
}

.box_droite
{
    width:70%;
    float:left;
}

.wild_box
{
    width:100%;
    margin-top:30px;

    clear:both;
}

.img_profil
{
    width:100%;
}

.img_profil2
{
    width:70%;

    border:1px solid silver;
    border-radius:100px;
}

.img_profil3
{
    width:30%;
    border:1px solid silver;
}

.img_profil4
{
    width:20%;
    border:1px solid silver;
}

.img_profil5
{
    width:40%;
    border:1px solid silver;
	border-radius:5px;
	float:left;
	margin-left:6%;
	margin-right:20px;
}

.table_profil
{
    display:block;
    float:right;
    width:61%;
    padding-left:20px;
    border:1px solid silver;
    background-color:rgb(250,250,250);
}

#message
{
    height:30px;
    float:right;
    border-radius:5px;

    position:fixed;
    top:55px;
    right:10px;
    padding-right:30px;
    padding-left:30px;
    padding-top:10px;
}

#message p
{
    padding:0px;
    margin:0px;
}

#message2
{
    padding:10px;
    padding-right:30px;
    padding-left:30px;
    border-radius:4px;

    position:absolute;
    top:130px;
    right:10px;

    background-color:rgba(255,255,255,0.7);
    color:black;
}

#message2 p
{
    padding:0px;
    margin:0px;
}

#message_fixed
{
    display:none;
    float:right;
    padding:10px;
    border-radius:4px;

    position:fixed;
    top:55px;
    right:10px;

    background-color:rgba(255,255,255,0.9);
    color:white;
    z-index:9900;
}

.fond_message_rouge
{
    background-color:rgb(191,56,32);
    color:white;
}

.fond_message_vert
{
    background-color:rgb(100,150,70);
    color:white;
}

.fond_message_gris
{
    background-color:rgb(240,240,240);
}

.d_tiers
{
    width:33%;
    float:left;
}

.d_tiers2
{
    width:66%;
    float:left;
}

.d_haut
{
    min-height:250px;
}

.box_membres
{
    display:block;
    width:90%;
    height:200px;
    margin:auto;
    margin-top:0px;
    margin-bottom:30px;
    border:1px solid silver;

    background-color:white;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    overflow:hidden;

    text-decoration:none;
    color:black;
}

.box_membres:hover p
{
    margin-left:20px;
}

.box_membres p
{
    display:block;
    width:90px;
    margin-left:-160px;
    margin-top:100px;

    transition:margin 300ms ease;

    border:1px solid silver;
    box-shadow:4px 3px 12px rgba(30,30,30,1.8);
    background-color:white;

    text-align:center;
}

.box_membres img
{
    width:45%;
    float:left;
    margin-right:10px;
}

.table_alertes
{
    width:100%;
    margin-top:30px;

    border:1px solid silver;
    border-collapse:collapse;
    font-weight:normal;

    background-color:white;
}

.table_alertes caption
{
    min-height:38px;
    padding-top:12px;
    padding-left:20px;

    text-align:left;
    font-size:150%;
    color:rgb(240,240,240);

    border:1px solid silver;
    border-bottom:none;
    background-color:rgba(30,30,30,0.8);
}

.table_alertes tr
{
    height:40px;
}

.table_alertes th
{
    border:1px solid silver;
    text-align:left;
    padding-left:20px;

    background-color:rgb(240,240,240);
}

.table_alertes td
{
    border:1px solid silver;
    text-align:center;
}


/* Mise en page texte ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

sup
{
    font-size:70%;
}

.clear
{
    clear:both;
}

.clear_d
{
    clear:right;
}

.clear_g
{
    clear:left;
}

.clear_efface
{
    clear:both;
}

hr
{
    border-top:1px solid rgba(30,30,30,0.8);
    border-bottom:1px solid silver;
}

.cadre
{
    padding:20px;
    background-color:rgba(255,255,255,0.8);
    border-radius:5px;
}

.cadre2
{
    width:50%;
    padding:20px;
    border:1px solid silver;
    background-color:rgba(255,255,255,0.8);
    border-radius:5px;
}

.cadre3
{
    display:block;
    width:80%;
    margin:auto;
    background-color:rgba(255,255,255,0.3);
    border-radius:5px;
    overflow:hidden;
}

.field_cadre
{
    border:1px solid silver;
    background-color:rgba(255,255,255,0.8);
    border-radius:5px;
}

.gauche
{
    text-align:left;
}

.droite
{
    text-align:right;
}

.centre
{
    text-align:center;
}

.center
{
    display:block;
    margin:auto;
}

.gris
{
    color:silver;
}

.encadre
{
    border:1px solid silver;
    background:white;
    padding-left:10px;
    padding-right:10px;
}

.encadre_fonce
{
    border:1px solid rgb(170,170,170);
    background:rgb(120,120,120);
    color:white;
    padding-left:10px;
    padding-right:10px;
}

.petit
{
    font-size:80%;
}

.t_petit
{
    font-size:60%;
}

.moyen
{
    font-size:100%;
}

.grand
{
    font-size:120%;
}

.t_grand
{
    font-size:150%;
}

.e_grand
{
    font-size:400%;
}

.if_grand
{
    font-size:120%;
}

.if_t_grand
{
    font-size:150%;
}

.gras
{
    font-weight:bold;
}

.grey
{
    background-color:rgb(240,240,240);
}

.normal
{
    font-weight:normal;
}

.italique
{
    font-style:italic;
}

.souligne
{
    text-decoration:underline;
}

.no_border
{
    border:none;
}

.arial
{
    font-family:arial;
}

.lien
{
    text-decoration:none;
}

.lien:hover
{
    text-decoration:underline;
}

.lien_c
{
    text-decoration:none;
    color:black;
}

.lien_retour
{
    display:block;
    width:80px;
    height:30px;
    padding-top:5px;
    margin:auto;
    margin-bottom:30px;
    border-radius:5px;

    background-color:rgba(250,250,250,0.8);
    color:black;
    text-decoration:none;
}

.lien_retour:hover
{
   background-color:rgb(250,250,250);
}

.blanc
{
    color:white;
}

.vert
{
    color:rgb(100,150,70);
}

.bleu
{
    color:#3F77A0;
}

.gris
{
    color:silver;
}

.gris_clair
{
    color:rgb(245,245,245);
}

.gris_fonce
{
    color:rgb(120,120,120);
}

.rouge
{
    color:rgb(191,56,32);
}

.noir
{
    color:black;
}

.blanc
{
    color:white;
}

.orange
{
    color:rgb(207,126,18);
}

.margin_haut
{
    margin-top:50px;
}

.margin_haut_neg
{
    margin-top:-50px;
}

.margin_bas
{
    margin-bottom:50px;
}

.margin_droite
{
    margin-right:30px;
}

.margin_gauche
{
    margin-left:30px;
}

.f_droite
{
    float:right;
}

.f_gauche
{
    float:left;
}

.if_f_droite
{
    float:right;
}

.affiche
{
    display:none;
}

.efface_mg
{
    margin-left:10px;
}

.m_g
{
    margin-left:10px;
}

.if_m_g
{
    margin-left:10px;
}

.m_d
{
    margin-right:10px;
}

.pm_h
{
    margin-top:2px;
}

.m_h
{
    margin-top:10px;
}

.if_m_h
{
    margin-top:10px;
}

.m_b
{
    margin-bottom:10px;
}

.mm_h
{
    margin-top:2px;
}

.m_h_neg
{
    display:block;
    margin-top:-3px;
}

.top_t1
{
    font-size:130%;
    font-weight:normal;
}

.top_t2
{
    font-size:150%;
    font-weight:normal;
    text-align:center;
    margin-bottom:30px;
}

.top_t3
{
    font-size:150%;
    font-weight:normal;
    margin-top:0px;
}

.top_t4
{
    font-size:130%;
    font-weight:normal;
    margin-top:5px;
    margin-bottom:3px;
}

.top_t5
{
    display:block;
    height:35px;
    font-size:150%;
    font-weight:normal;
    padding-top:10px;
    padding-left:10px;
    margin-top:0px;
    margin-bottom:3px;
    color:rgb(250,250,250);
    background-color:rgba(30,30,30,0.8);
}

.top_t6
{
    width:98%;
    font-size:150%;
    font-weight:normal;
    text-align:left;
    padding-left:2%;
    margin-bottom:30px;
}

.top_t7
{
    width:100%;
    font-size:150%;
    font-weight:normal;
    padding-left:20px;
}

.top_t8
{
    width:100%;
    font-size:120%;
    font-weight:normal;
    color:rgb(207,126,18);
    text-align:left;
    margin-bottom:10px;
}

.lien_titre
{
    display:block;
    width:400px;
    margin:auto;
    font-size:150%;
    font-weight:normal;
    text-align:center;
    margin-bottom:30px;
    color:black;
    text-decoration:none;
}

.citation
{
    display:block;
    margin-left:20px;
    padding-left:10px;
    border-left:5px solid rgb(207,126,18);
    border-radius:10px;
    font-style:italic;
    color:rgb(180, 110, 16);
}

.invisible
{
    display:none;
}

.invisible2
{
    visibility:hidden;
}

.fond_blanc
{
    background-color:white;
}

.fond_gris
{
    background-color:rgb(240,240,240);
}

.fond_noir
{
    background-color:black;
}

.fond_jaune
{
    background-color:rgb(227,208,72);
}

.fond_bleu
{
    background-color:#3F77A0;
}

.fond_rouge
{
    background-color:rgb(191,56,32);
}

.p_form
{
    width:50%;
    margin:auto;
    border:1px solid silver;
    background-color:white;
}

.tab_photo
{
    width:100%;
}

.img_radio
{
    width:100%;
    border:1px solid silver;
    cursor:pointer;
}

.cadre_aide
{
    display:block;
    height:40px;
    width:40px;
    border:5px solid rgb(150,150,150);
    border-radius:100px;

    text-align:center;
    font-size:34px;
    font-weight:bold;
    color:rgb(150,150,150);
    text-decoration:none;
}

.cadre_aide:hover
{
    border:5px solid rgb(100,100,100);
    color:rgb(100,100,100);
}

.p_cadre_aide
{
    display:block;
    height:36px;
    width:36px;
    border:2px solid rgb(150,150,150);
    border-radius:50px;

    text-align:center;
    font-size:28px;
    color:rgb(150,150,150);
    text-decoration:none;
    cursor:pointer;
}

.cadre_info
{
    display:block;
    height:40px;
    width:40px;
    border:5px solid rgb(150,150,150);
    border-radius:100px;

    text-align:center;
    font-size:34px;
    font-weight:bold;
    color:rgb(150,150,150);
    text-decoration:none;
}

.img_mini
{
    height:30px;
    border-radius:5px;
}

.img_petit
{
    height:50px;
    border-radius:5px;
}

/* Aide -------------------------------------------------------------------------------------- */

.sommaire_aide a
{
    color:rgb(207,126,18);
    text-decoration:none;
}

.sommaire_aide a:hover
{
    text-decoration:underline;
}

.sommaire_aide ul, li
{
    list-style-type:none;
}

/* Videos -------------------------------------------------------------------------------------- */

.top_vid
{
    width:720px;
    height:405px;
    margin:auto;
    margin-top:40px;

    box-shadow: 2px 2px 8px rgb(20,20,20);
}

.frame_vid
{
    width:720px;
    height:405px;
}

.top_vid2
{
    width:560px;
    height:315px;
    margin:auto;
    margin-top:40px;

    box-shadow: 2px 2px 8px rgb(20,20,20);
}

.frame_vid2
{
    width:560px;
    height:315px;
}

.mini_vid
{
    display:block;
    width:15%;
    float:left;
    margin-left:5%;
    margin-top:10px;
    margin-bottom:10px;

    text-align:center;
    text-decoration:none;
    color:#3F77A0;
}

.mini_vid:hover
{
    box-shadow: 2px 2px 8px rgb(20,20,20);
    -webkit-transition-property:box-shadow;
    -webkit-transition-duration:600ms;
    -moz-transition-property:box-shadow;
    -moz-transition-duration:600ms;
    -o-transition-property:box-shadow;
    -o-transition-duration:600ms;
    transition-property:box-shadow;
    transition-duration:600ms;

    border-radius:6px 6px 6px 6px;
}

.mini_vid p:hover
{
    text-decoration:underline;
}

.mini_vid:active
{
    box-shadow: 0px 0px 4px rgb(20,20,20);
}

.mini_vid img
{
    width:100%;
    box-shadow: 2px 2px 8px rgb(20,20,20);
}

.mini_vid h1
{
    margin:0px;
    margin-top:5px;
    padding:0px;
    font-size:100%;
    font-weight:bold;
    color:black;
}

.mini_vid p
{
    margin:0px;
    margin-bottom:10px;
    padding:0px;
}

.tiny_vid
{
    width:50px;
    margin-top:5px;
}


/* Fiches joueurs ----------------------------------------------------------------------------------------- */

.fiche_joueur_photo
{
	width:29%;
	float:left;
	margin-left:3%;
	margin-right:20px;
	margin-top:20px;
}

.fiche_joueur_photo img
{
	width:100%;
	border-radius:5px;
}

.fiche_joueur_infos
{
	float:left;
	margin-top:20px;
}

.fiche_joueur_infos p
{
	margin:0px;
}

.fiche_joueur_notes
{
	height:110px;
	padding:20px;
	background-color:rgba(250,250,250,0.8);
	border:1px solid silver;
    border-radius:5px;
    overflow:auto;
}

.fiche_joueur_comms2
{
    width:85%;
    float:left;
    margin-top:10px;

	background-color:rgba(250,250,250,0.8);
	border:1px solid silver;
    border-radius:5px;
    overflow:hidden;
}

.fiche_joueur_comms3
{
    width:85%;
    float:right;
    margin-top:10px;

	background-color:rgba(250,250,250,0.8);
	border:1px solid silver;
    border-radius:5px;
    overflow:hidden;
}

.img_comms_eleve
{
    width:72px;
    float:left;
    margin-right:10px;
}

.p_comms_eleve
{
    padding-left:82px;
    padding-right:10px;
    margin-top:0px;
}

.textarea_comms_eleve
{
	width:98%;
    height:20px;
    float:left;
    padding:10px;
    padding-left:1%;
    padding-right:1%;
    border:1px solid silver;
    border-radius:5px;

    font-size:90%;
    font-family:arial;
    color:silver;
}


/* Boutons ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.bouton
{
    display:block;
    height:23px;
    padding:10px;
    padding-top:7px;
    padding-bottom:0px;
    margin-bottom:10px;
    background-color:rgba(250,250,250,0.7);
    border:2px solid rgb(120,120,120);
    border-radius:4px;

    color:rgb(120,120,120);
    text-decoration:none;
    text-align:center;
    font-weight:bold;
    font-family:arial;
    font-size:13px;

    transition:all 200ms ease;
}

.bouton:hover
{
    background-color:rgba(250,250,250,0.9);
}

.g_bouton
{
    display:block;
    height:34px;
    padding:10px;
    padding-top:16px;
    padding-bottom:0px;
    margin-bottom:10px;
    background-color:rgba(250,250,250,0.7);
    border:2px solid rgb(120,120,120);
    border-radius:4px;

    font-size:110%;
    color:rgb(120,120,120);
    text-decoration:none;
    text-align:center;
    font-weight:bold;
    font-family:arial;

    transition:all 200ms ease;
}

.g_bouton:hover
{
    background-color:rgba(250,250,250,0.9);
}

.bouton_form
{
    display:block;
    height:34px;
    margin:auto;
    margin-bottom:10px;
    background-color:rgba(250,250,250,0.7);
    border:2px solid rgb(120,120,120);
    border-radius:4px;

    color:rgb(120,120,120);
    text-decoration:none;
    text-align:center;
    cursor:pointer;
    font-weight:bold;

    transition:all 200ms ease;
}

.bouton_form:hover
{
    background-color:rgba(250,250,250,0.9);
}

.g_bouton_form
{
    display:block;
    height:48px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
    padding-top:9px;
    margin:auto;
    margin-bottom:10px;
    background-color:rgba(250,250,250,0.7);
    border:2px solid rgb(120,120,120);
    border-radius:4px;

    font-size:18px;
    font-weight:bold;
    color:rgb(120,120,120);
    text-decoration:none;
    text-align:center;
    cursor:pointer;

    transition:all 200ms ease;
}

.g_bouton_form:hover
{
    background-color:rgba(250,250,250,0.9);
}

.img_bouton_paypal
{
    width:184px;
    margin:auto;
}

.img_bouton_paypal2
{
    margin-top:30px;
    width:220px;
    margin:auto;
}

.base_input
{
    height:26px;
    padding-left:10px;
    border:1px solid rgba(30,30,30,0.8);
    border-radius:4px;
}

.taille_input_tp
{
    width:40px;
}

.taille_input_p
{
    width:200px;
}

.taille_input_g
{
    width:400px;
}

.taille_input_b
{
    width:100%;
}

.big_input
{
    height:40px;
    padding-left:10px;
    border:1px solid rgba(30,30,30,0.8);
    border-radius:4px;

    font-size:130%;
}

.input_silver
{
    border:1px solid silver;
    color:silver;
}

.text_input_form
{
    margin:0px;
    color:transparent;
    transition:ease 200ms;
}

select
{
    height:26px;
    border:1px solid rgba(30,30,30,0.8);
    border-radius:4px;
}

.p_select
{
    width:100%;
}

.rad_g
{
    border-radius:20px 4px 4px 20px;
    padding-left:10px;
}

.rad_d
{
    border-radius:4px 20px 20px 4px;
    padding-right:10px;
}

.b_inactif
{
    border:2px solid rgb(220,220,220);
    color:rgb(220,220,220);
}

.b_vert
{
    border:2px solid rgb(100,150,70);
    color:rgb(100,150,70);
}

.b_bleu
{
    border:2px solid #3F77A0;
    color:#3F77A0;
}

.b_rouge
{
    border:2px solid rgb(191,56,32);
    color:rgb(191,56,32);
}

.b_orange
{
    border:2px solid rgb(207,126,18);
    color:rgb(207,126,18);
}

.b_orange_pastel
{
    border:2px solid rgba(207,126,18,0.1);
    color:rgba(207,126,18,0.1);
}

.b_vert_pastel
{
    border:2px solid rgba(100,150,70,0.1);
    color:rgba(100,150,70,0.1);
}

.b_white
{
    border:2px solid white;
    color:white;
    background-color:transparent;
}

.b_noir
{
    border:2px solid rgb(50,50,50);
    color:rgb(50,50,50);
    background-color:transparent;
}

.b_gris
{
    border:2px solid rgb(190,190,190);
    color:rgb(190,190,190);
    background-color:transparent;
}

.crop_box
{
    width:600px;
    margin:auto;
}

#img_patientez
{
    visibility:hidden;
}

.load
{
    background:url('img/img_load.gif') no-repeat center;
}

#img_load
{
    display:none;
    width:24px;
    height:24px;
    float:right;
    margin-right:20px;

    border:none;
}

#img_load2
{
    visibility:hidden;
    width:20px;
    height:20px;
    margin:auto;
    margin-top:3px;

    border:none;
}

.bouton_partage_facebook
{
    padding:8px;
    padding-left:40px;

    text-decoration:none;
    color:white;

    background-image:url('img/f.jpg');
    background-repeat:no-repeat;
    background-color:rgb(96,121,171);
    border-radius:8px;
}

.bouton_partage_facebook_centre
{
    display:block;
    width:170px;
    margin:auto;
    padding:8px;
    padding-left:40px;

    text-decoration:none;
    color:white;

    background-image:url('img/f.jpg');
    background-repeat:no-repeat;
    background-color:rgb(96,121,171);
    border-radius:8px;
}

.logo_pga
{
    display:block;
    margin:auto;
    width:150px;
}

.b_new_dispo
{
    margin-left:10px;
}

.b_centre_t
{
    width:50px;
    margin:auto;
}

.b_centre_p
{
    width:110px;
    margin:auto;
}

.b_centre_m
{
    width:160px;
    margin:auto;
}

.b_centre_g
{
    width:200px;
    margin:auto;
}

.b_centre_tg
{
    width:250px;
    margin:auto;
}

.b_centre_ttg
{
    width:300px;
    margin:auto;
}


/* Tableaux ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.table_infos_compte
{
    width:100%;
}

.table_infos_compte tr
{
    height:50px;
}

.table_infos_compte th
{
    width:26%;
    text-align:left;
}

.table_infos_compte td
{
    width:6%;
    text-align:right;
}

.table_form
{
    margin:auto;
    margin-bottom:5px;
    width:100%;
    padding:3%;
    font-size:120%;
    background:white;
    border-radius:10px;
    color:rgb(80,80,80);
}

form hr
{
    border:1px solid silver;
}

.table_form td:first-child
{
    width:40%;
}

.input_form
{
    height:36px;
    padding-left:3%;
    padding-right:3%;
    border:2px solid silver;
    border-radius:5px;
    font-family: inherit;
    font-size: inherit;
}

.input_form:focus
{
    border:2px solid rgb(120,120,120);
    outline:none;
    color:black;
    transition:ease 400ms;
}

.text_form
{
    height:100px;
    padding-top:10px;
    padding-bottom:10px;
    overflow:auto;
    font-family: inherit;
    font-size: inherit;
}

.text_form2
{
    height:250px;
    padding-top:10px;
    padding-bottom:10px;
    overflow:auto;
    font-family: inherit;
    font-size: inherit;
}

.input_file
{
    width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.input_file + label {
    padding:10px;
    border-radius:5px;
    color: black;
    background-color: silver;
    display: inline-block;
    cursor:pointer;
}

.input_file:focus + label,
.input_file + label:hover {
    background-color: rgb(120,120,120);
}

.input_size_100
{
    width:94%;
}

.input_size_70
{
    width:64%;
}

.input_size_50
{
    width:44%;
}

.input_size_30
{
    width:24%;
}

.input_size_tp
{
    width:50px;
}

.table_res
{
    width:100%;
}

.table_res tr
{
    border-bottom:1px solid silver;
}

.table_res th
{
    width:140px;
}

.tr_2
{
    width:80%;
    margin:auto;
}

.t_carte_score
{
    width:60%;
	margin-left:20%;
    font-size:150%;
    border-collapse:collapse;
    text-align:center;
}

.t_cs_border
{
    width:18px;
    height:26px;
    font-size:70%;
    color:rgb(130,130,130);
}

.t_cs_border:hover
{
    background-color:rgb(240,240,240);
}

.table_donnees_trous
{
    width:100%;
    margin-top:30px;
    border:1px solid silver;
    border-collapse:collapse;
    background:rgb(240,240,240);
}

.table_donnees_trous tr
{
    height:32px;
}

.table_donnees_trous td
{
    text-align:center;
    border-bottom:1px solid silver;
    padding:5px;
}

.table_donnees_trous th
{
    text-align:left;
    padding-left:10px;
    border-right:1px solid silver;
}

.table_donnees_trous .sep
{
    width:10px;
}

.table_donnees_trous .td_haut
{
    border:none;
}

.td_totaux
{
    width:50px;
    background-color:rgb(240,240,240);
}

.carre_depart
{
    margin:auto;
    border:1px solid silver;
    width:25px;
    height:25px;
    border-radius:30px;
}

.table_score
{
    margin:auto;
    margin-top:30px;
	margin-bottom:30px;
    border-collapse:collapse;

    text-align:center;
}

.table_score .t
{
    width:70px;
    text-align:left;
    border:1px solid silver;
    background-color:rgb(235,235,235);
}

.table_score td
{
    border:1px solid silver;
    height:20px;
}

.table_score .t2
{
    width:35px;
    background-color:rgb(235,235,235);
}

.table_score .t3
{
    background-color:rgb(235,235,235);
    border-bottom:none;
    text-align:left;
}

.table_score .t4
{
    background-color:rgb(235,235,235);
    border-top:none;
    text-align:left;
}

.table_score .t5
{
    background-color:#3F77A0;
}

.table_score .t6
{
    background-color:rgb(153,186,202);
}

.table_score .t7
{
    width:35px;
    background-color:rgb(235,235,235);
}

.table_score .t8
{
    width:45px;
    background-color:rgb(235,235,235);
}

.table_score .t9
{
    width:35px;
    background-color:rgb(235,235,235);
}

.table_score .t10
{
    background-color:rgb(229, 214, 187);
}

.table_score .t11
{
    background-color:rgb(161, 138, 97);
}

.table_score2
{
    width:100%;
    margin-top:30px;
    border-collapse:collapse;

    text-align:center;
}

.table_score2 .t
{
    width:70px;
    text-align:left;
    border:1px solid silver;
    background-color:rgb(235,235,235);
}

.table_score2 td
{
    border:1px solid silver;
    height:20px;
    min-width:40px;
}

.table_score2 .t2
{
    background-color:rgb(235,235,235);
}

.table_score2 .t3
{
    background-color:rgb(235,235,235);
    border-bottom:none;
    text-align:left;
}

.table_score2 .t4
{
    background-color:rgb(235,235,235);
    border-top:none;
    text-align:left;
}

.table_score2 .t5
{
    background-color:#3F77A0;
}

.table_score2 .t6
{
    background-color:rgb(153,186,202);
}

.table_score3
{
	width:90%;
    margin:auto;
    margin-top:30px;
    border-collapse:collapse;

    text-align:center;
	font-size:100%;
}

.table_score3 .t
{
    width:70px;
    text-align:left;
    border:1px solid silver;
    background-color:rgb(235,235,235);
}

.table_score3 td
{
    border:1px solid silver;
    height:15px;
}

.table_score3 .t2
{
    width:35px;
    background-color:rgb(235,235,235);
}

.table_score3 .t3
{
    background-color:rgb(235,235,235);
    border-bottom:none;
    text-align:left;
}

.table_score3 .t4
{
    background-color:rgb(235,235,235);
    border-top:none;
    text-align:left;
}

.table_score3 .t5
{
    background-color:#3F77A0;
}

.table_score3 .t6
{
    background-color:rgb(153,186,202);
}

.table_score3 .t7
{
    width:35px;
    background-color:rgb(235,235,235);
}

.table_score3 .t8
{
    width:45px;
    background-color:rgb(235,235,235);
}

.table_score3 .t9
{
    width:35px;
    background-color:rgb(235,235,235);
}

.table_score3 .t10
{
    background-color:rgb(229, 214, 187);
}

.table_score3 .t11
{
    background-color:rgb(161, 138, 97);
}

.g_form
{
    display:block;
    border:none;
}

.textarea3
{
    width:60%;
    margin:auto;
    margin-top:4px;
    height:80px;
    padding:3px;

    border:1px solid silver;

    font-family:arial;
    font-size:90%;
}

.textarea4
{
    width:97%;
    margin:auto;
    margin-top:4px;
    height:45px;
    padding:3px;

    border:1px solid silver;

    font-family:arial;
    font-size:90%;
}

.textarea5
{
    width:99%;
    margin-top:4px;
    margin-bottom:20px;
    height:100px;
    padding:3px;

    border:1px solid silver;

    font-family:arial;
    font-size:90%;
}

.textarea6
{
    width:80%;
    margin-top:4px;
    margin-bottom:20px;
    height:200px;
    padding:3px;

    border:1px solid silver;

    font-family:arial;
    font-size:90%;
}

.input3
{
    display:block;
    width:96%;
    margin:auto;
    height:30px;
    border:none;
    background-color:white;
    border-radius:20px;

    color:black;
    text-align:center;
}

.input4
{
    display:block;
    width:96%;
    margin:auto;
    height:30px;
    border:none;
    background-color:rgb(245,245,245);

    text-align:center;
    color:black;
    font-family:corbel;
    font-size:100%;
}

.input5
{
    display:block;
    width:96%;
    height:30px;
    border:none;
    background-color:white;

    text-align:center;
    color:black;
    font-family:corbel;
    font-size:100%;
}

.input7
{
    display:block;
    width:96%;
    margin:auto;
    height:15px;
    border:none;
    background-color:white;
    border-radius:20px;

    color:black;
    text-align:center;
}

.input8
{
    display:block;
    width:96%;
    margin:auto;
    height:15px;
    border:none;
    background-color:rgb(245,245,245);

    text-align:center;
    color:black;
    font-family:corbel;
    font-size:100%;
}

.input15
{
    border:2px solid silver;
    border-radius:5px;
    outline:none;
    transition:ease 400ms;
    color:rgb(80,80,80);
    font-family: inherit;
    font-size: inherit;
    width:140px;
    height:36px;
    float:left;
    padding-left:10px;
    cursor:pointer;
}

.input15:focus
{
    border:2px solid rgb(120,120,120);
    outline:none;
    color:black;
}

.input16
{
    display:block;
    width:30px;
    height:28px;
    border:none;
    background-color:rgb(245,243,234);

    text-align:center;
    color:black;
    font-family:corbel;
    font-size:100%;
}

.input17
{
    width:80%;
    height:28px;
    border:none;

    text-align:center;
    color:black;
}

.sel_par
{
    border:1px solid silver;
    height:100%;
}

.label_100
{
    display:block;
    width:100%;
    height:25px;
    padding-top:5px;
}

.img_calendar
{
    display:block;
    float:left;
    width:36px;
    height:41px;
    margin-left:-36px;
}

.table_insert
{
    width:90%;
    margin-bottom:20px;
    border-collapse:collapse;
}

.table_insert caption
{
    font-size:130%;
    margin-bottom:20px;
}

.table_insert .grey
{
    background-color:rgb(235,235,235);
}

.table_insert .grey_clair
{
    background-color:rgb(243,240,235);
}

.table_insert tr
{
    height:30px;
}

.table_insert th
{
    text-align:left;
    padding-left:5px;
    font-weight:normal;
    border:1px solid silver;
    border-left:none;
    border-right:none;
}

.table_insert td
{
    text-align:center;
    font-family:arial;
    border:1px solid silver;
    border-left:1px solid white;
    border-right:1px solid white;
    font-size:80%;
}

.table_res_recherche
{
    width:99%;
    border:1px solid silver;
    border-collapse:collapse;
    background-color:white;
    margin-top:50px;
    text-align:left;
}

.table_res_recherche td
{
    height:75px;
   font-size:120%;
   border:1px solid silver;
   text-align:center;
}

.table_res_recherche td:first-child
{
   border-right:none;
}

.table_res_recherche th
{
   border:1px solid silver;
}

.table_upload_galeries
{
    width:99%;
}

.table_upload_galeries td
{
    width:29%;
    padding-left:2%;
    padding-right:2%;
}

/* Coaching ----------------------------------------------------------------------------------------------------------------------------------------- */


#menu_pros_aff
{
    display:block;
    position:relative;
    z-index:8000;
    width:210px;
    height:40px;
    float:right;
    padding-top:10px;

    background-color:rgba(30,30,30,0.8);
    border-radius:4px;
    -o-border-radius:4px;

    background-image:linear-gradient(to top, rgba(0,0,0,0.2), rgba(0,0,0,0));
    background-image:-moz-linear-gradient(to top, rgba(0,0,0,0.2), rgba(0,0,0,0));

    text-decoration:none;
    font-size:110%;
    color:rgb(240,240,240);
    cursor:default;
}

#menu_pros_aff h3
{
    font-size:normal;
    font-weight:normal;
    margin:0px;
    padding-top:3px;
    padding-bottom:21px;
    padding-left:20px;
    border-bottom:4px solid transparent;
}

#menu_pros_aff:hover .menu_pros_aff_haut
{
   display:block;
}

.menu_pros_aff_haut
{
    display:none;
    width:270px;
    float:right;
    padding-top:5px;
    padding-bottom:5px;

    border:1px solid silver;
    border-radius:4px;
    background-color:rgb(240,240,240);
    cursor:pointer;
}

.menu_pros_aff_haut a
{
    display:block;
    height:15px;
    margin:5px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:0px;
    padding:10px;
    padding-left:15px;

    text-decoration:none;
}

.menu_pros_aff_haut a:hover
{
    background-color:#3F77A0;
    color:rgb(240,240,240);
}

.ban_marge_neg
{

}

.box_coaching
{
    display:block;
    width:39%;
    height:300px;
    float:left;
    margin-left:7%;
    margin-top:30px;
    margin-bottom:30px;
    border:1px solid silver;
    background-color:white;
    background-repeat:no-repeat;
    text-decoration:none;
    color:black;
    overflow:hidden;
}

.mini_bc1
{
    width:45%;
    margin-top:30px;
    margin-left:-47%;
    background-color:white;
    border:1px solid silver;
    box-shadow:4px 3px 12px rgba(30,30,30,1.8);

    transition:margin 300ms ease;
}

.resas_box
{
    display:block;
    width:60%;
    height:220px;
    margin:auto;
    margin-bottom:30px;
    border:1px solid silver;
    text-decoration:none;
    color:black;

    background-color:white;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    overflow:hidden;
}

.resas_box p
{
    width:55%;
    float:left;
    margin-left:20px;
    margin-top:100px;
    padding:10px;
    border:1px solid silver;
    background-color:white;
    box-shadow:4px 3px 12px rgba(30,30,30,1.8);
}

.box_coaching:hover .mini_bc1
{
    margin-top:30px;
    margin-left:30px;
}

.mini_bc2
{
    width:45%;
    float:right;
    margin-top:30px;
    margin-right:-46%;
    background-color:white;
    border:1px solid silver;
    box-shadow:4px 3px 12px rgba(30,30,30,1.8);

    transition:margin 300ms ease;
}

.box_coaching:hover .mini_bc2
{
    margin-top:30px;
    margin-right:30px;
}

.mini_bc_p
{
    padding-left:10px;
    padding-right:10px;
}

.box_agenda_coaching
{
	display:block;
	width:29%;
	height:200px;

	margin-left:3%;
    margin-bottom:30px;
	float:left;

    background-size:cover;
	border:1px solid silver;
	border-radius:5px;
	text-decoration:none;
}

.bac_inactive
{
    opacity:0.7;
    filter:alpha(opacity=70);
}

.titre_bac
{
	width:100%;
	height:30px;

	background:rgba(30,30,30,0.8);
	border-radius:5px 5px 0px 0px;
	color:white;
	text-align:center;
	padding-top:5px;
	font-size:120%;
}

.cont_select_coach
{
    width:96%;
    height:60px;
    padding-top:20px;
    margin:auto;
    margin-bottom:30px;
    overflow:hidden;
}

.cont_select_coach2
{
    width:100%;
    height:60px;
    padding-top:20px;
    margin-bottom:30px;
    overflow:hidden;
}

.select_coach
{
    display:block;
    float:left;
    width:270px;
    height:60px;
    margin-right:-10px;
    border-radius:10px 10px 0px 0px;
    overflow:hidden;
    text-decoration:none;
    color:black;
    font-size:120%;
}

.select_coach img
{
    height:100%;
    margin-right:10px;
    float:left;
}

.select_coach p
{
    margin-top:20px;
}

.c_inactif
{
    background:rgba(250,250,250,0.7);
    border:1px solid silver;
    border-top:1px solid silver;
    border-right:1px solid silver;
    margin-top:5px;
}

.c_actif
{
    border-left:1px solid silver;
    border-top:1px solid silver;
    border-right:1px solid silver;
    background-color:rgb(235, 235, 235);
    position:relative;
}

#bc_training
{
    background-image:url("img_coaching/training.jpg");
    background-position:center;
}

#bc_exercices
{
    background-image:url("img_coaching/exercices2.jpg");
    background-position:center;
}

#bc_exercices2
{
    background-image:url("img_coaching/exercices4.jpg");
    background-position:center;
}

#bc_parties
{
    background-image:url("img_coaching/organisation_parties.jpg");
    background-position:center;
}

#bc_espace_reserve
{
    background-color:rgba(207,126,18,0.5);
    background-image:url("img/cadenas_transp.png");
    background-position:center;
    background-size:50%;
}

#bc_stages
{
    background-image:url("img_coaching/stages.jpg");
    background-position:center;
}

#bc_stats
{
    background-image:url("img_coaching/stats.jpg");
    background-position:center;
}

#bc_videos
{
    background-image:url("img_coaching/videos.jpg");
    background-position:center;
}

#bc_photos
{
    background-image:url("img_coaching/photos.jpg");
    background-position:center;
}

#bc_agenda
{
    background-image:url("img_coaching/agenda.jpg");
    background-position:center;
}

#bc_agenda_pros
{
    background-image:url("img/pros_agenda.jpg");
    background-position:center;
}

#bc_eleves
{
    background-image:url("img/pros_eleves.jpg");
    background-position:center;
}

#bc_notes
{
    background-image:url("img/pros_notes.jpg");
    background-position:center;
}

#bc_choix_pro
{
    background-image:url("img_coaching/coaching.jpg");
    background-position:center;
}

.cadre_ct
{
    width:98%;
    height:150px;
    padding-left:1%;
    padding-right:1%;

    border:1px solid silver;
    background-color:rgba(255,255,255,0.8);
    border-radius:5px;
}

.cadre_ct img
{
    height:100%;
    float:right;
    margin-right:-1%;
}

.jauge_progression
{
    width:100%;
    height:50px;

    border:1px solid silver;
    background-color:rgba(110,110,110,1.8);
    box-shadow:2px 2px 10px rgb(30,30,30) inset;
    overflow:hidden;

    text-align:center;
}

.jauge_progression2
{
    width:50%;
    height:20px;
    margin:auto;
    margin-top:-20px;

    border:1px solid silver;
    background-color:rgba(110,110,110,1.8);
    box-shadow:1px 1px 10px rgb(40,40,40) inset;
    overflow:hidden;

    text-align:center;
}

.niveau_progression
{
    height:50px;
    background-color:rgb(100,150,70);
    box-shadow:2px 2px 10px rgb(30,30,30);
}

.niveau_progression2
{
    height:20px;
    background-color:rgb(207,126,18);
    box-shadow:1px 1px 10px rgb(40,40,40);
}

.ct_overlay
{
    width:300px;
    height:80px;
    padding:15px;
    margin:auto;
    margin-top:200px;

    border:1ps solid silver;
    border-radius:20px;
    background-color:white;

    text-align:center;
}

.exos_ex
{
    display:block;
    width:25%;
    height:250px;
    float:left;
    margin-left:6%;
    margin-top:30px;
    margin-bottom:30px;

    border:1px solid silver;
    background-color:white;
    background-position:center;
    background-repeat:no-repeat;
    background-size: cover;
    overflow:hidden;

    text-decoration:none;
    color:black;
}

.exos_ex:hover .p_exo
{
    margin-left:30px;
}

.exos_lock
{
    visibility:hidden;
    width:30px;
    float:right;
    margin-top:-45px;
    margin-right:10px;
}

.exos_lock_red
{
    width:30px;
    float:right;
    margin-top:-45px;
    margin-right:10px;
}

.p_exo
{
    display:block;
    width:130px;
    margin-left:-160px;
    margin-top:110px;

    transition:margin 300ms ease;

    border:1px solid silver;
    box-shadow:4px 3px 12px rgba(30,30,30,1.8);
    background-color:white;
}

.num_ex
{
    display:block;
    margin-top:30px;
    margin-bottom:-49px;

    font-size:150%;
    font-family:Arial;
    color:rgb(207,126,18);
}

.niv_no_valid
{
    opacity:0.7;
    filter:alpha(opacity=70);
}

.img_training1
{
    width:50%;
    float:left;
    margin-right:2%;
    margin-bottom:30px;
    border:1px solid silver;
}

.b_exo_droite
{
    float:left;
    width:47%;
}

.d_coach
{
    width:49%;      /* Pour compenser le padding */
    float:left;
    padding-left:1%;
}

.lien_stages_accueil
{
    display:block;
    width:98%;
    height:50px;
    padding-top:10px;
    padding-left:2%;

    text-decoration:none;
}

.lien_stages_accueil:hover
{
   background-color:rgb(250,250,250);
}

.img_stages_accueil
{
    height:60px;
    float:right;
    margin-top:-10px;
    margin-right:1px;
}

.lien_exos_accueil
{
    display:block;
    height:20px;
    padding-top:4px;
    margin-left:10%;
    margin-right:10%;
    margin-top:11px;

    text-decoration:none;
    color:black;
    border-bottom:1px solid silver;
}

.lien_exos_accueil:hover
{
    font-weight:bold;
}

.img_exos_accueil
{
    height:25px;
    float:right;
    margin-top:-5px;
    margin-left:10px;
}

.consignes
{
    width:48%;
    padding:1%;
    overflow:hidden;

    border:1px solid silver;
    background-color:white;

    text-align:justify;
}

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

.tab_liste_pros tr:hover
{
    background-color:rgba(250,250,250, 0.3);
}

.tab_liste_pros td
{
    width:30%;
    height:66px;
    text-align:center;
}

.tab_liste_pros td:first-child
{
    width:10%;
    border-radius:50px 0px 0px 50px;
}

.tab_liste_pros td:last-child
{
    border-radius:0px 5px 5px 0px;
}

.tab_liste_pros img
{
    width:100%;
    border-radius:10px;
}

/* Fiches exercices ----------------------------------------------------------------------------------------------------------------------------------------- */

.box_list_exos
{
    display:none;
    width:52%;
    float:right;
    margin-top:-155px;

    background-color:white;
    border:1px solid silver;
    border-radius:5px;
    overflow:hidden;
}

.list_exos
{
    width:45%;
    height:100px;
    padding-top:50px;
    margin-bottom:5px;

    background-color:rgb(250,250,250);
    overflow:hidden;
    cursor:pointer;
    border-radius:5px;
}

.list_exos:hover
{
    background-color:rgb(245,245,245);
}

.img_list_exos
{
    height:150px;
    float:left;
    margin-top:-50px;
    margin-right:20px;
}

.fleche_list_exos
{
    width:10%;
    height:100%;

    float:right;

    font-size:300%;
    text-align:center;
    color:rgb(130,130,130);
}

.nom_exos
{
    display:block;
    width:98%;
    height:29px;
    padding-left:2%;
    padding-top:6px;

    background-color:rgba(30,30,30,0.8);
    color:white;
    font-size:130%;
    position:relative;
}

.img_exos
{
    width:20%;
    height:100px;
    float:left;
    background-size:cover;
}

.d_exos
{
    width:76%;
    height:100px;
    padding:0px;
    padding-left:2%;
    padding-right:2%;
    float:left;
    border-top:1px solid white;
}

.bloc_photo_fiche_exos
{
    margin:auto;
    margin-bottom:20px;
    margin-top:20px;

    text-align:center;
}

.photo_exos2
{
    width:98%;
    margin-bottom:20px;
    border-radius:5px;
}

/* Parties ----------------------------------------------------------------------------------------------------------------------------------------- */

#d_parties
{
    width:58%;
    float:left;
    margin-top:30px;

    overflow:hidden;
    clear:both;
}

#d_parties_disp
{
    width:38%;
    float:right;
    margin-top:30px;

    overflow:hidden;
}

#menu_regions
{
    display:block;
    position:relative;
    width:210px;
    height:40px;
    float:left;
    margin-right:10px;
    padding-top:10px;

    background-color:rgba(250,250,250,0.7);
    border:2px solid #3F77A0;
    border-radius:4px;
    -o-border-radius:4px;

    text-decoration:none;
    font-size:110%;
    color:#3F77A0;
    cursor:default;
}

#menu_regions h3
{
    font-weight:bold;
    margin:0px;
    padding-top:3px;
    padding-bottom:21px;
    padding-left:20px;
    border-bottom:4px solid transparent;
}

#menu_regions:hover .menu_regions_haut
{
   display:block;
}

.menu_regions_haut
{
    display:none;
    width:208px;
    float:right;
    padding-top:5px;
    padding-bottom:5px;

    border-radius:4px;
    background-color:rgb(240,240,240);
    border:2px solid #3F77A0;
    cursor:pointer;
    position:relative;
    z-index:10000;
}

.menu_regions_haut a
{
    display:block;
    padding-left:15px;

    text-decoration:none;
    color:#3F77A0;
}

.menu_regions_haut a:hover
{
    background-color:#3F77A0;
    color:rgb(240,240,240);
}

.triangle5
{
    float:right;
    margin-right:13px;
    margin-top:-25px;
    width:0;
    height:0;
    border:10px solid transparent;
    border-bottom:10px solid #3F77A0;
}

#affiche_parties
{
    width:100%;
    clear:both;
}

.cadre_no_partie
{
    margin-top:30px;
    padding-left:20px;
    padding-bottom:10px;
    clear:both;
    overflow:hidden;

    background-color:rgba(255,255,255,0.8);
    border-radius:5px;
}

.bloc_partie
{
    margin-top:30px;
    clear:both;
    overflow:hidden;

    background-color:rgba(255,255,255,0.8);
    border-radius:5px;
}

.bp_index
{
    margin-top:0px;
    border-top:none;
}

.bloc_partie .img1
{
    max-width:30%;
    max-height:150px;
    margin-bottom:-10px;            /* Pour compenser le padding bottom du contenant */
    float:right;
    border:none;
}

.bloc_partie .img2
{
    height:40px;
    float:left;
    margin-right:20px;

    border-radius:5px;
}

.img_nom_parties
{
    float:left;
    clear:left;
    margin-top:15px;
}

.infos_parties
{
    float:left;
    margin-left:20px;
}

.participants_parties
{
    float:right;
    margin-right:8%;
    margin-top:10px;
}

.boutons_parties
{
    width:100%;
    float:left;
    overflow:hidden;
    margin-top:20px;
}

.recherche_parcours
{
    width:300px;
    height:26px;
    margin:auto;
    padding:12px;
}

.cont_rech
{
    height:80px;
    width:258px;
    margin:auto;
}

.cont_rech1
{
    height:80px;
    width:258px;
    float:left;
}

.cont_rech2
{
    height:80px;
    width:258px;
    float:right;
}

.input_rech
{
    width:200px;
    height:35px;
    float:left;
    padding-left:10px;
    padding-right:10px;
    border:none;
    border-radius:5px 0px 0px 5px;
    box-shadow:1px 1px 4px rgb(90,90,90) inset;

    background-color:white;
    line-height : 27px;
    color:silver;
}

.bout_rech
{
    width:40px;
    height:37px;
    float:left;
    margin-left:-2px;
    padding-left:5px;
    padding-right:10px;
    border:none;
    border-radius:0px 5px 5px 0px;
    box-shadow:0px 1px 4px rgb(90,90,90) inset;

    background-color:rgb(220,220,220);
    line-height : 27px;
    font-size:100%;
    color:rgb(130,130,130);
}

.img_rech
{
    width:120px;
    margin:0px;
    margin-bottom:-4px;
}

.img_partie
{
    width:50px;
    float:right;
    border:1px solid silver;
    border-radius:20px;
}

.img_partie2
{
    height:150px;
    float:right;
    margin-left:20px;
    margin-right:-11px;
    margin-top:-11px;
    margin-bottom:-9px;
    border-radius:0px 8px 8px 0px;
}

.d_part
{
    width:500px;
    min-height:20px;
    float:left;
    margin-top:50px;
}

.l_parcours
{
    font-size:120%;
}

.table_part
{
    width:98%;
    margin:auto;

    border:1px solid silver;
    border-collapse:collapse;
    font-weight:normal;

    background-color:white;
}

.table_part caption
{
    min-height:38px;
    padding-top:12px;
    padding-left:20px;

    text-align:left;
    font-size:150%;
    color:rgb(240,240,240);

    border:1px solid silver;
    border-bottom:none;
    background-color:rgba(30,30,30,0.8);
}

.table_part tr
{
    height:40px;
}

.table_part th
{
    border:1px solid silver;
    text-align:left;
    padding-left:20px;

    background-color:rgb(240,240,240);
}

.table_part td:last-child
{
    min-width:120px;
}

.table_part td
{
    border:1px solid silver;
    text-align:center;
}

/* Stages -------------------------------------------------------------------------------------- */

.d_stages
{
    width:80%;
    margin:auto;
    margin-bottom:30px;
    overflow:hidden;
    clear:both;
}

.d_stages_box
{
    display:block;
    width:80%;
    float:left;
    height:400px;
    border:1px solid silver;
    text-decoration:none;
    color:black;

    background-color:white;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    overflow:hidden;
}

.d_stages_box:hover .p_stages
{
    margin-left:2%;
}

.p_stages
{
    width:45%;
    float:left;
    margin-left:-58%;
    margin-top:10px;
    padding:10px;
    border:1px solid silver;
    background-color:white;
    box-shadow:4px 3px 12px rgba(30,30,30,1.8);

    transition:margin 300ms ease;
}

.p_stages2
{
    width:120px;
    height:25px;
    float:right;
    margin-right:20px;
    margin-top:285px;
    padding:10px;
    border:1px solid silver;
    background-color:white;
    box-shadow:4px 3px 12px rgba(30,30,30,1.8);

    font-size:150%;
    text-align:center;
}

.d_stages_droite
{
    width:19%;
    height:196px;
    float:right;
    margin-bottom:5px;

    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    overflow:hidden;
}

.img_stages
{
    width:20%;
    float:right;
}

.img_stages_pays
{
    width:30%;
    float:right;
    margin-right:5px;
}

.dates_stages
{
    display:block;
    margin:auto;
    margin-top:10px;
    text-align:center;
}

.titre_stages
{
    margin:0px;
    margin-top:10px;
    font-size:130%;
}

.liste_stages
{
    float:left;
    list-style-type:circle;
}

.b_stages
{
    width:200px;
    margin:auto;
}

/* Vidéos élèves ----------------------------------------------------------------------------------------------------------------------------------------- */

.d_vids
{
    display:block;
    width:50%;
    margin:auto;
    margin-top:30px;
    background-color:rgb(250,250,250);
    border-radius:5px;
    overflow:hidden;
    text-decoration:none;
    color:black;

    transition:200ms ease;
}

.d_vids:hover
{
    background-color:white;
}

.d_vids2
{
    display:block;
    width:50%;
    margin:auto;
    margin-top:30px;
    background-color:rgb(250,250,250);
    border-radius:5px;
    overflow:hidden;
    text-decoration:none;
    color:black;
}

.img_vids
{
    float:left;
    width:40%;
    border-radius:5px 0px 0px 5px;
}

.infos_vids
{
    width:59%;
    float:left;
    padding-left:1%;
    padding-bottom:10px;
    padding-top:10px;
}

.t_vids
{
    margin:0px;
    margin-bottom:20px;
    font-weight:normal;
}

.comms_vids
{
    width:59%;
    float:right;
    margin-top:30px;
    padding-left:1%;
}

.lien_recadrer_photo
{
    display:block;
    width:40%;
    height:28px;
    padding-top:7px;
    margin-bottom:-35px;
    background-color:rgba(70,70,70,0.8);
    position:relative;
    text-align:center;
    text-decoration:none;
    color:black;
    font-size:120%;
}

.img_gals1
{
    float:left;
    width:40%;
    border-radius:5px 0px 0px 0px;
    overflow:hidden;
}

.img_gals2
{
    float:left;
    width:32%;
    margin-right:1%;
    margin-bottom:5px;
    border-radius:5px 0px 0px 0px;
}

.img_gals3
{
    float:left;
    width:32%;
    margin-right:1%;
    margin-bottom:5px;
}

.img_gals4
{
    width:100%;
}

.img_gals5
{
    width:15%;
    float:left;
    margin-right:20px;
    border-radius:5px 0px 0px 5px;
    transition:ease 400ms;
}

.img_gals6
{
    display:block;
    width:40%;
    margin:auto;
}

.detail_photo
{
    display:block;
    width:42%;
    margin:auto;
    margin-bottom:20px;
    border:1px solid silver;
    background-color:white;
    border-radius:5px;
    cursor:pointer;
    overflow:hidden;
}

.detail_photo:hover .img_gals5
{
    width:50%;
}

.play_video
{
    display:block;
    width:800px;
    height:480px;
    margin:auto;
    margin-bottom:30px;
}

.videos_comms
{
    margin:auto;
    width:760px;
    min-height:120px;
    padding:20px;
    background:white;
    border:1px solid silver;
    border-radius:10px;
}

.boutons_vids_pros
{
    margin:auto;
    width:800px;
}

/* Bilans élèves ----------------------------------------------------------------------------------------------------------------------------------------- */

.d_bilans
{
    display:block;
    width:50%;
    margin:auto;
    margin-top:30px;
    background-color:rgb(250,250,250);
    border-radius:5px;
    overflow:hidden;
    text-decoration:none;
    color:black;

    transition:200ms ease;
}

.db_gauche
{
    width:28%;
    float:left;
    padding-top:10px;
    margin-left:2%;
}

.db_droite
{
    width:69%;
    float:left;
    padding-top:10px;
    margin-right:1%;
}

.p_bilans
{
    clear:both;
    padding:10px;
    min-height:75px;
    overflow:hidden;
    border-radius:5px;
    background-color:rgb(240,240,240);
}

.p_obj_bilans
{
    float:left;
    margin-left:2%;
    padding-top:6px;
    width:50%;
    color:rgb(120,120,120);
}

.img_obj_bilan
{
    float:left;
    width:10%;
    height: 0;
    padding-top:6%;
    border-radius:5px;
    background: no-repeat center center;
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
    background-size: cover; /* version standardisée */
}

.cont_assoc
{
    display:block;
    width:50%;
    margin:auto;
    margin-top:2px;
    background-color:rgb(245,245,245);
    border-radius:5px;
    overflow:hidden;
}


/* Statistiques ----------------------------------------------------------------------------------------------------------------------------------------- */



#menu_stats
{
    display:block;
    position:relative;
    z-index:9995;
    width:230px;
    height:40px;
    float:left;
    margin-right:10px;
    padding-top:10px;

    background-color:rgba(250,250,250,0.7);
    border:2px solid #3F77A0;
    border-radius:4px;
    -o-border-radius:4px;

    text-decoration:none;
    font-size:110%;
    color:#3F77A0;
    cursor:default;
    font-weight:bold;
}

#menu_stats h3
{
    font-size:normal;
    margin:0px;
    padding-top:3px;
    padding-bottom:21px;
    padding-left:20px;
    border-bottom:4px solid transparent;
}

#menu_stats:hover .menu_stats_haut
{
   display:block;
}

.menu_stats_haut
{
    display:none;
    width:270px;
    float:left;
    margin-left:-1px;
    padding-top:5px;
    padding-bottom:5px;

    border:2px solid #3F77A0;
    border-radius:4px;
    background-color:rgb(240,240,240);
    cursor:pointer;

    transition:all 200ms ease;
}

.menu_stats_haut a
{
    display:block;
    height:15px;
    margin:5px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:0px;
    padding:10px;
    padding-left:15px;

    text-decoration:none;
    color:#3F77A0;
}

.menu_stats_haut a:hover
{
    background-color:#3F77A0;
    color:rgb(240,240,240);
}

.triangle3
{
    float:right;
    margin-right:15px;
    margin-top:-38px;
    width:0;
    height:0;
    border:10px solid transparent;
    border-top:10px solid #3F77A0;
}

.triangle7
{
    float:right;
    margin-right:14px;
    margin-top:-25px;
    width:0;
    height:0;
    border:10px solid transparent;
    border-bottom:10px solid rgb(240,240,240);
}

.triangle4
{
    float:left;
    margin-left:194px;
    margin-top:-25px;
    width:0;
    height:0;
    border:10px solid transparent;
    border-bottom:10px solid #3F77A0;
}

.filtres
{
    height:30px;
    float:right;
    padding:30px;
    padding-top:12px;
    padding-bottom:8px;

    background-color:#3F77A0;
    border-radius:4px;

    background-image:linear-gradient(to top, rgba(0,0,0,0.2), rgba(0,0,0,0));
    background-image:-moz-linear-gradient(to top, rgba(0,0,0,0.2), rgba(0,0,0,0));
}

.filtres2
{
    overflow:hidden;
    clear:both;
    float:left;
    padding:10px;
    padding-top:12px;
    padding-bottom:2px;

    background-color:rgb(240,240,240);
    border:1px solid silver;
}

.img_refresh
{
    display:block;
    float:left;
    margin-top:4px;
    margin-right:5px;
}

.img_refresh img
{
    height:18px;
    border:none;
}

.table_stats2
{
    width:99%;
    border:1px solid silver;
    border-top:none;
    border-collapse:collapse;
    background-color:white;
}

.ts_gauche
{
    margin-right:1%;
}

.ts_droite
{
    margin-left:1%;
}

.ts_caption
{
    height:35px;
    padding-top:10px;
    padding-left:20px;
    font-size:150%;
    border-bottom:1px solid silver;
    text-align:left;
}

.table_stats2 th
{
    width:75%;
    height:30px;
    text-align:left;
    padding-left:20px;

    font-size:120%;
}

.table_stats2 td
{
    width:25%;
    height:30px;

    font-size:120%;
}

.td_stat
{
    font-family:arial;
    text-align:right;
    padding-right:20px;
}

.td_gris
{
    background-color:rgba(240,240,240,0.6);
}

.td_vert
{
    background-color:rgba(118, 183, 91,0.1);
}

.td_vert_fonce
{
    background-color:rgb(121, 199, 100);
}

.tr_b_bottom
{
    border-bottom:1px solid silver;
}

.th_centre
{
    text-align:center;
}

.scroll_table_stats3
{
    overflow:auto;
}

.message_info_stats
{
    padding-left:20px;
}

.table_stats3
{
    width:100%;
    border:1px solid silver;
    border-top:none;
    border-collapse:collapse;
    background-color:white;
}

.table_stats3 th
{
    width:14%;
    height:30px;
    text-align:center;

    font-size:120%;
}

.table_stats3 td
{
    height:30px;
    padding-left:20px;
    padding-right:20px;

    font-size:120%;
}

.table_stats4
{
    width:99%;
    border:1px solid silver;
    border-top:none;
    border-collapse:collapse;
    background-color:white;
}

.table_stats4 th
{
    width:39%;
    height:30px;
    text-align:left;
    padding-left:20px;

    font-size:120%;
}

.table_stats4 td
{
    width:11%;
    height:30px;

    font-size:120%;
}

.td_b_right
{
    border-right:1px solid silver;
}

#info_bulle
{
    display:none;
    position:absolute;
    width:60px;
    height:15px;
    padding:5px;

    background-color:rgb(255,248,233);
    border:1px solid silver;

    text-align:center;
    color:rgb(70,70,70);
}

#info_bulle p
{
    padding:0px;
    margin:0px;
}

.petit_plus
{
    float:right;
    cursor:pointer;
    font-family:arial;
    font-weight:normal;
    color:rgb(207,126,18);
}

.choix_affichage
{
    float:right;
}

.img_chx
{
    display:block;
    float:right;
    width:36px;
    height:30px;
    margin-right:20px;
    margin-top:10px;
}

.img_chx_opa
{
    opacity:0.4;
    filter:alpha(opacity=40);
}

.img_chx_opa:hover
{
    opacity:1;
    filter:alpha(opacity=100);
}

.box_graph1
{
    width:99%;
    height:350px;

    background-color:white;
    border:1px solid silver;
}

.box_graph2
{
    width:99%;
    height:350px;
}

.tooltip_box
{
    padding:5px;
}

.table_stats
{
    width:69%;
    float:left;
    margin-top:30px;

    border:none;
    border-collapse:collapse;
    font-weight:normal;

    background-color:white;
}

.table_stats caption
{
    min-height:38px;
    padding-top:12px;
    padding-left:20px;

    text-align:left;
    font-size:150%;
    color:rgb(240,240,240);

    border:1px solid silver;
    border-bottom:none;
    background-color:rgba(30,30,30,0.8);
}

.table_stats tr
{
    height:40px;
}

.table_stats th
{
    border:1px solid silver;
    text-align:left;
    padding-left:20px;

    background-color:rgb(240,240,240);
}

.table_stats td
{
    width:10%;
    border:1px solid silver;
    text-align:center;
}

.table_list_golfs
{
    width:100%;
    clear:both;
    margin-top:30px;

    border:none;
    border-collapse:collapse;
    font-weight:normal;

    background-color:white;
}

.table_list_golfs caption
{
    min-height:38px;
    padding-top:12px;
    padding-left:20px;

    text-align:left;
    font-size:150%;
    color:rgb(240,240,240);

    border:1px solid silver;
    border-bottom:none;
    background-color:rgba(30,30,30,0.8);
}

.table_list_golfs tr
{
    height:40px;
}

.table_list_golfs th
{
    border:1px solid silver;
    text-align:left;
    padding-left:20px;

    background-color:rgb(240,240,240);
}

.table_list_golfs td
{
    border:1px solid silver;
    text-align:center;
}

.table_scores_moyens
{
    width:50%;
    margin-top:30px;
    margin-bottom:50px;

    border:none;
    border-collapse:collapse;
    font-weight:normal;

    background-color:white;
}

.table_scores_moyens caption
{
    min-height:38px;
    padding-top:12px;
    padding-left:20px;

    text-align:left;
    font-size:150%;
    color:rgb(240,240,240);

    border:1px solid silver;
    border-bottom:none;
    background-color:rgba(30,30,30,0.8);
}

.table_scores_moyens tr
{
    height:40px;
}

.table_scores_moyens th
{
    border:1px solid silver;
    text-align:left;
    padding-left:20px;

    background-color:rgb(240,240,240);
}

.table_scores_moyens td
{
    border:1px solid silver;
    text-align:center;
}

.td_graph_sm
{
    width:50%;
    height:237px;
}

.tab_mini_graphs
{
    width:30%;
    float:right;
    margin-top:30px;

    border:none;
    border-collapse:collapse;
    font-weight:normal;

    background-color:white;
}

.tmg_index
{
    width:100%;
    float:none;
    margin:0px;
}

.tab_mini_graphs caption
{
    min-height:38px;
    padding-top:12px;
    padding-left:20px;

    text-align:left;
    font-size:150%;
    color:rgb(240,240,240);

    border:1px solid silver;
    border-bottom:none;
    background-color:rgba(30,30,30,0.8);
}

.tab_mini_graphs tr
{
    height:40px;
}

.tab_mini_graphs th
{
    width:140px;
    border:1px solid silver;
    text-align:left;
    padding-left:5px;

    background-color:rgb(240,240,240);
}

.tab_mini_graphs td
{
    padding:0px;

    border:1px solid silver;
    text-align:center;
}

.lien_mini_graphs
{
    display:block;
    width:96%;
    margin:auto;
}

.d_comp
{
    width:149px;
    float:left;
}

#ind_virtuel
{
    width:30%;
    float:left;
    margin-top:30px;
    margin-left:1%;
}

#chart_index
{
    height:300px;
    padding-left:7%;
    margin-bottom:70px;
}

#chart_scores_moyens
{
    height:200px;
}

.table_stats_partie
{
    width:60%;
    margin:auto;
    margin-top:30px;

    border:1px solid silver;
    border-collapse:collapse;
    font-weight:normal;

    background-color:white;
}

.table_stats_partie tr
{
    height:40px;
}

.table_stats_partie th
{
    border:1px solid silver;
    text-align:left;
    padding-left:20px;

    background-color:rgb(240,240,240);
}

.table_stats_partie td
{
    border:1px solid silver;
    text-align:center;
}

.table_stats_liste
{
    width:100%;
    margin:auto;
    margin-top:50px;

    border:1px solid silver;
    border-collapse:collapse;
    font-weight:normal;

    background-color:white;
}

.table_stats_liste tr
{
    height:60px;
}

.table_stats_liste th
{
    border:1px solid silver;
    text-align:left;
    padding-left:20px;
    font-weight:normal;

    background-color:rgb(240,240,240);
}

.table_stats_liste td
{
    border:1px solid silver;
    text-align:center;
}

.table_historique_forfaits
{
    width:100%;
    margin:auto;
    margin-top:20px;

    border:1px solid silver;
    border-collapse:collapse;
    font-weight:normal;

    background-color:white;
}

.table_historique_forfaits tr
{
    height:40px;
}

.table_historique_forfaits th
{
    border:1px solid silver;
    text-align:left;
    padding-left:20px;
    font-weight:normal;

    background-color:rgba(207,126,18,0.5);
}

.table_historique_forfaits td
{
    border:1px solid silver;
    text-align:center;
}

#chart_div
{
    width:100%;
}

.overlay
{
    display:none;
    width:100%;
    height:100%;
    background-color:rgba(30,30,30,0.8);
    position:fixed;
    z-index:10000;
}

.overlay2
{
    display:none;
    width:100%;
    height:100%;
    background-color:rgba(30,30,30,0.2);
    position:fixed;
    z-index:9998;
}

.stat_overlay
{
    width:900px;
    height:550px;
    margin:auto;
    margin-top:5%;

    border:1px solid silver;
    border-radius:12px;
    box-shadow:0 0 190px 10px black;
    overflow:hidden;

    background:white;
    z-index:10000;
    position:relative;
}

.stat_overlay2
{
    width:90%;
    height:550px;
    margin:auto;
    margin-top:5%;

    border:1px solid silver;
    border-radius:12px;
    overflow:hidden;

    background:white;
}

.close_overlay
{
    width:24px;
    height:24px;
    padding:5px;
    padding-right:6px;

    border:1px solid silver;
    border-radius:8px;
    background-color:rgb(30,30,30);

    font-size:150%;
    font-weight:bold;
    font-family:arial;
    color:silver;
    text-align:center;
    position:absolute;
    left:850px;
    top:7px;
    cursor:pointer;
}

.bloc_stats
{
    width:20%;
    float:left;
    margin-top:10px;
}

.bloc_inner_stats
{
    display:block;
    width:98%;
    height:110px;
    margin:auto;
    padding-top:10px;

    border:1px solid silver;
    background-color:rgb(250,250,250);

    text-decoration:none;
    color:black;
    text-align:center;
    font-weight:bold;
}

#menu_gauche_stats
{
    clear:both;
    width:16%;
    float:left;
    padding-top:30px;
}

.l_menu_gs
{
    display:block;
    margin-bottom:10px;
    margin-right:15px;
    padding:10px;

    font-size:120%;
    text-decoration:none;
    color:rgb(30,30,30);
    cursor:pointer;

    transition:background 200ms ease;
}

.l_menu_gs_ok
{
    display:block;
    margin-bottom:8px;
    margin-right:15px;
    padding:10px;
    padding-top:8px;
    padding-left:8px;

    font-size:120%;
    text-decoration:none;
    color:rgb(30,30,30);

    border:2px solid rgb(120,120,120);
    background-color:rgba(250,250,250,0.8);
    border-radius:4px;
}

.l_menu_gs:hover
{
    padding-top:8px;
    padding-left:8px;
    margin-bottom:8px;

    border:2px solid rgb(120,120,120);
    background-color:rgba(250,250,250,0.8);
    border-radius:4px;
}

.l_menu_gs:active
{
    border:2px solid silver;
}

.sep_menu
{
    border-top:1px solid silver;
    border-bottom:none;
}

.droite_stats
{
    float:right;
    width:83%;
    min-height:293px;
    margin-top:30px;
}

.colonne_stats
{
    float:left;
    width:100%;
    border-collapse:collapse;
    background-color:rgb(252,252,252);
    border-top:1px solid silver;
}

.colonne_stats th
{
    height:30px;
    width:20%;
    border:1px solid silver;
}

.colonne_stats td
{
    height:30px;
    text-align:center;
    font-family:arial;
    border:1px solid silver;
}

.colonne_stats td:first-child
{
    text-align:right;
    padding-right:20px;
    font-family:corbel,arial,verdana,sans-serif;
}

.colonne_stats .td_corb
{
    text-align:right;
    padding-right:20px;
    font-family:corbel,arial,verdana,sans-serif;
}

td.col_gris
{
    background-color:rgb(240,240,240);
}

th.col_gris
{
    background-color:rgb(240,240,240);
}

.colonne_stats .td2
{
    width:10%;
    border-right:1px solid silver;
}

.stats_cubes
{
    float:left;
    width:20%;
    height:150px;
    border-radius:10px;
    margin-left:4%;
    text-decoration:none;
    color:black;
}

.stats_cubes h2
{
    text-align:center;
    font-size:100%;
    margin:0px;
}

.stats_cubes p
{
    text-align:center;
    font-family:arial;
    margin:0px;
    padding-top:30px;
}

.stats_cubes_solo
{
    float:left;
    width:20%;
    height:150px;
    border-radius:10px;
    margin-left:4%;
}

.stats_cubes_solo h2
{
    text-align:center;
    font-size:100%;
    margin:0px;
}

.stats_cubes_solo p
{
    text-align:center;
    font-family:arial;
    margin:0px;
    padding-top:30px;
}

.stats_cubes_solo_center
{
    width:20%;
    height:150px;
    border-radius:10px;
    margin:auto;
    margin-bottom:30px;
}

.stats_cubes_solo_center h2
{
    text-align:center;
    font-size:100%;
    margin:0px;
}

.stats_cubes_solo_center p
{
    text-align:center;
    font-family:arial;
    margin:0px;
    padding-top:30px;
}

.stats_mid_cubes
{
    float:left;
    width:20%;
    height:40px;
    border-radius:10px;
    margin-left:4%;
}

.stats_mid_cubes p
{
    text-align:center;
    font-size:200%;
    font-family:arial;
    margin:0px;
}

.sc_gris
{
    background-color:rgb(170,170,170);
}

.sc_rouge
{
    background-color:rgb(228, 81, 81);
}

.sc_vert
{
    background-color:rgb(121, 199, 100);
}

.sc_orange
{
    background-color:rgba(207,126,18,0.5);
}

.sc_bleu
{
    background-color:rgb(136,186,245);
}

.sc_putting
{
    background-color:rgb(124, 185, 92);
}

.sc_petit_jeu
{
    background-color:rgb(86, 141, 157);
}

.sc_long_jeu
{
    background-color:rgb(216, 138, 63);
}

.sc_driving
{
    background-color:rgb(212, 128, 106);
}

.cont_rep_scores
{
    width:90%;
    height:197px;
    margin-top:14px;
    margin-left:4%;
}

.crs
{
    border-radius:5px;
    width:98%;
    height:18%;
    margin:1%;
}

.crs p
{
    margin:0px;
    text-align:center;
    font-size:200%;
}

.d_stats_droite_cube
{
    width:76%;
    height:250px;
    float:right;

    overflow:hidden;
}

.d_stats_wild
{
    width:99%;
    height:250px;
    margin-bottom:30px;

    overflow:hidden;
}

.dsw_charg
{
    height:100%;
}

.dsw_charg p
{
    height:100%;
    text-align:center;
    font-size:120%;
    color:rgb(120,120,120);
}

.g_switch
{
    width:46%;
    float:left;
    padding-left:2%;
    padding-right:2%;
    text-decoration:none;
    transition:200ms all ease;
}

.g_switch:hover
{
    background-color:rgba(250,250,250,0.8);
}

.text_switch
{
    font-size:150%;
    text-align:center;
    margin-top:-10px;
    margin-bottom:-5px;
}

.switch
{
    width:50%;
    height:60px;
    margin:auto;
    margin-bottom:30px;
    padding:1%;
    padding-top:5px;
    padding-bottom:0px;

    border-radius:50px;
    box-shadow: 2px 2px 8px rgb(20,20,20) inset;
}

.int_switch
{
    display:block;
    width:40%;
    height:52px;

    background-color:rgb(207,126,18);
    border-radius:50px;
    box-shadow: 2px 2px 8px rgb(20,20,20);
    background-image:linear-gradient(to left, rgba(120,120,120,0.4), rgba(121,121,121,0));
    background-image:-moz-linear-gradient(to left, rgba(120,120,120,0.4), rgba(121,121,121,0));
}

.tab_dispersion
{
    display:block;
    width:100%;
    margin-bottom:30px;
    border-collapse:collapse;
}

.tab_dispersion caption
{
    height:30px;
    background-color:rgb(240,240,240);
    border:1px solid silver;
    border-bottom:none;

    font-size:150%;
}

.tab_dispersion th
{
    height:30px;
    min-width:90px;
    width:6%;
    background-color:white;
    border:1px solid silver;

    font-size:110%;
    text-align:center;
}

.tab_dispersion td
{
    height:30px;
    background-color:white;
    border:1px solid silver;

    font-size:120%;
    text-align:center;
}

.tab_dispersion .col_gris
{
    background-color:rgb(240,240,240);
}

.table_disp_putts
{
    width:100%;
    border:1px solid silver;
    border-collapse:collapse;
}

.table_disp_putts th
{
    width:22%;
    border:1px solid silver;
    background-color:rgb(252,252,252);
}

.table_disp_putts th:first-child
{
    width:12%;
}

.table_disp_putts td
{
    border:1px solid silver;
    background-color:rgb(240,240,240);
    height:200px;
}

.fenetre_choix
{
	display:block;
	width:500px;
    margin:auto;
    margin-top:10%;
    padding:10px;
    box-shadow:10px 10px 16px rgb(30,30,30);
    border:1px solid black;
    border-radius:5px;
	background:rgb(230,230,230);
    z-index:200;
    overflow:hidden;
}

.jauge_pourcent
{
    width:50%;
    height:20px;
    margin:auto;
    margin-top:-20px;

    border:1px solid silver;
    background-color:rgb(183, 122, 0);
    overflow:hidden;

    text-align:center;
}

.niveau_progression_pourcent
{
    float:left;
    height:20px;
    background-color:rgb(236, 157, 0);
}

.j_p2
{
    background-color:rgb(183, 59, 0);
}

.n_p2
{
    background-color:rgb(236, 77, 0);
}

.n_p3
{
    background-color:rgb(118, 183, 91);
}

.cont_stats
{
    height:200px;
    float:left;
    margin-top:30px;
    background:white;

    border-radius:5px;
}

.titre_cs
{
    height:20px;
    margin:0px;
    padding-left:20px;
    padding-top:10px;

    font-size:120%;
    font-weight:bold;
}

.in_cs
{
    height:198px;       /* Même hauteur que le conteneur - 2px pour les bordures hautes et basses */
    border:1px solid silver;
    border-radius:5px;
}

.cs_1
{
    width:23%;
    margin-right:2%;
}

.cs_2
{
    width:48%;
    margin-right:2%;
}

.cs_2-2
{
    width:48%;
    margin-right:2%;
    height:430px;
}

.in_cs_2-2
{
    height:428px;       /* Même hauteur que le conteneur - 2px pour les bordures hautes et basses */
    border:1px solid silver;
    border-radius:5px;
}

.chart_g_carre
{
    width:99%;
    height:396px;       /* Même hauteur que le conteneur - 30px pour le titre */
    margin:auto;
    margin-top:1px;
    border-radius:5px;
}

.chart_p_carre
{
    width:99%;
    height:166px;       /* Même hauteur que le conteneur - 30px pour le titre */
    margin:auto;
    margin-top:1px;
    border-radius:5px;
}

.box_aj_coup
{
	width:30%;
	height:150px;
	margin:auto;
	border:2px solid rgb(70,70,70);
	border-radius:5px;
	
	text-align:center;
	color:rgb(70,70,70);
	font-size:120%;
	font-weight:bold;
}

.box_coup
{
	width:98%;
	height:50px;
	margin:auto;
	margin-top:10px;
	padding-top:20px;
	padding-left:1%;
	padding-bottom:10px;
	border-radius:10px;
	overflow:hidden;
	
	background-color:rgb(250,250,250);
}

.box_coup_actif
{
	width:98%;
	height:260px;
	margin:auto;
	margin-top:10px;
	margin-bottom:30px;
	padding-top:20px;
	padding-left:1%;
	border-radius:10px;
}

.bc_info1
{
	display:block;
	width:10%;
	float:left;
	font-size:150%;
	margin-right:100px;
}

.bc_info2
{
	display:block;
	width:10%;
	float:left;
	margin-right:10%;
	margin-top:5px;
	
	font-size:120%;
	color:rgb(207,126,18);
}

.bc_actif1
{
	display:block;
	width:6%;
	float:left;
	margin-left:7%;
	margin-right:7%;
	margin-top:30px;
	
	border-radius:5px;
}

.bc_actif2
{
	display:block;
	width:16%;
	float:left;
	margin-left:2%;
	margin-right:2%;
	margin-top:30px;
	
	border-radius:5px;
}

.bc_intitule
{
	text-align:center;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:0px;
}

.bc_lie
{
	width:100%;
	border-collapse:collapse;
	background-color:white;
	
	font-size:120%;
	text-align:center;
	cursor:pointer;
}

.bc_lie_c
{
	width:50%;
	height:0;
	padding-top:8%;
	padding-bottom:8%;
	
	border:2px solid black;
}

.bc_lie_c label
{
	cursor:pointer;
}

.bc_dist
{
	display:block;
	width:80%;
	height:1%;
	padding-top:10%;
	padding-bottom:10%;
	margin:auto;
	
	font-size:150%;
	text-align:center;
	border:2px solid black;
	border-radius:5px;
}

.bci_m
{
	display:block;
	float:right;
	margin-top:-41px;
	margin-right:60px;
	color:rgb(120,120,120);
}

.bc_club
{
	display:block;
	width:80%;
	height:1%;
	padding-top:10%;
	padding-bottom:9%;
	margin:auto;
	
	font-size:150%;
	text-align:center;
	border:2px solid black;
	border-radius:5px;
}

.bc_res
{
	width:80%;
	margin-left:10%;
	
	font-size:120%;
	text-align:center;
}

.bc_res td
{
	border:none;
}

.bc_res_c
{
	width:33.3333333%;
	height:0;
	padding-top:1%;
	padding-bottom:1%;
}

.bc_res_cv
{
	width:33.3333333%;
}

.res_checkbox
{
	-webkit-appearance: none;
	background-color: white;
	border: 1px solid silver;
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
}

.res_checkbox:checked {
	background-color: rgb(240,240,240);
	border: 1px solid black;
	color: black;
}

.res_checkbox:checked:after {
	content: '\2714';
	font-size: 25px;
	position: absolute;
	top: -10px;
	left: 1px;
	color: rgb(130,130,130);
}

.label_bc_res
{
	width:100%;
	height:100%;
	cursor:pointer;
}

.label_bc_res input
{
	cursor:pointer;
}

.bc_lay
{
	width:100%;
	height:0;
	margin-top:10px;
	
	text-align:center;
	cursor:pointer;
}

/* Entrainements ----------------------------------------------------------------------------------------------------------------------------------------- */

.part_objectifs
{
    width:50%;
    height:170px;
    padding-top:20px;
    margin-top:-20px;
    float:left;
    background:rgba(255,255,255,0.5);
    border-radius:5px;
}

.part_objectifs h3
{
   font-size:100%;
   margin:0px;
   margin-top:-17px;
   margin-bottom:3px;
   text-align:center;
}

.x
{
    font-size:200%;
    color:rgb(130,130,130);
    cursor:pointer;
}

.x2
{
    width:40%;
    margin-left:6%;
}

.x3
{
    width:40%;
    margin-left:30%;
}

.cont_jauges_practice
{
    width:100%;
    clear:both;
}

.rep_practice
{
    float:left;
    width:24%;
    height:150px;
    margin-bottom:30px;
    margin-left:1%;

    background:rgba(250,250,250,0.8);
    border-radius:10px;
}

.rep_practice h3
{
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
}

.rep_practice h4
{
    width:15%;
    float:right;
    margin-top:0px;
    margin-bottom:0px;
    margin-right:10%;
    text-align:center;
    font-size:90%;
    color:rgb(70,70,70);
}

.jauge_practice
{
    width:15%;
    height:100px;
    float:right;
    margin-right:10%;

    border:1px solid silver;
    background-color:rgba(110,110,110,1.8);
    box-shadow:2px 2px 10px rgb(30,30,30) inset;
    overflow:hidden;

    text-align:center;
}

.niveau_practice
{
    width:100%;
    box-shadow:2px 2px 10px rgb(30,30,30);
}

.cote_jauge
{
    width:65%;
    float:left;
    margin-left:9%;
    padding:0px;

    font-size:120%;
}

.cont_timeline
{
    width:80%;
    max-width:1200px;
    height:35px;
    margin:auto;
}

.timeline
{
    width:94%;
    height:100%;
    margin:auto;
    padding-bottom:2px;
    border-bottom:2px solid silver;
    border-left:2px solid silver;
    border-right:2px solid silver;
    border-radius:0px 0px 5px 5px ;
}

.sem_timeline
{
    float:left;
    height:100%;
    margin-left:0.5%;
    margin-right:0.5%;
    border-radius:4px;
    cursor:pointer;
}

.sem_timeline p
{
    padding:0px;
    margin:0px;
    margin-top:-16px;
}

.timeline_prec_suiv
{
    display:block;
    width:2%;
    height:100%;
    margin-top:-39px;
    padding-bottom:4px;
    border-radius:4px;

    font-size:200%;
    text-align:center;
    cursor:pointer;
    background-color:rgba(250,250,250,0.8);
}


/* Version mobile ----------------------------------------------------------------------------------------------------------------------------------------- */



@media all and (max-width: 1350px)            /* Affichage mobile */
{

    .g_flux .img_ffgolf
    {
        width:40%;
    }

    .mini_img_ffgolf
    {
        display:none;
    }

    .if_gauche
    {
        float:left;
    }

    .d_stages
    {
        width:100%;
    }

    .box_coaching
    {
        width:47%;
        margin-left:2%;
    }

    .exos_ex
    {
        width:44%;
        margin-left:4%;
    }

    .d_tiers
    {
        width:49%;
    }

    .d_tiers2
    {
        width:50%;
    }

    .cont_jauges_practice
    {
        min-width:100%;
    }

    .rep_practice h4
    {
        width:15%;
        margin-right:5%;
        font-size:80%;
    }

    .jauge_practice
    {
        width:15%;
        margin-right:5%;
    }

    .img_screen_accueil
    {
        width:60%;
    }

    .img_screen_accueil2
    {
        width:20%;
    }

    .d_vids
    {
        width:70%;
    }

    .d_vids2
    {
        width:70%;
    }

    .d_bilans
    {
        width:70%;
    }

    .cont_assoc
    {
        width:70%;
    }

	.box_agenda_coaching
	{
		width:45%;
		margin-left:3%;
		margin-bottom:30px;
	}

    .cont_select_coach
    {
        height:40px;
    }

    .cont_select_coach2
    {
        height:40px;
    }

    .select_coach
    {
        width:60px;
        height:40px;
    }

    .select_coach p
    {
        margin-top:10px;
    }
}

@media all and (max-width: 1000px)            /* Affichage mobile */
{

    #menu
    {
        width:40px;
        color:transparent;
    }

    #menu img
    {
        float:right;
    }

    body
    {
        background-image:none;
    }

    .tab_dispersion
    {
        width:100%;
    }

    .efface2
    {
        display:none;
    }

    #flux_infos
    {
        width:99%;
        float:none;
    }

    #infos_coaching
    {
        width:99%;
        float:none;
    }

    #infos_parties
    {
        width:99%;
        float:none;
    }

    #infos_stats
    {
        width:99%;
        float:none;
    }

    .bandeau_titre
    {
        height:32px;
        font-size:120%;
    }

    .bandeau_titre2
    {
        height:32px;
        font-size:120%;
    }

    .filtres
    {
        float:left;
    }

    .filtres2
    {
        border:none;
        background-color:transparent;
    }

    header
    {
        height:100px;
    }

    #bandeau_page
    {
       height:40px;
       clear:both;
       margin-top:30px;
    }

    #titre_page
    {
       width:100%;
       margin:auto;
    }

    #titre_page2
    {
       width:100%;
       margin:auto;
    }

    #p_page
    {
        width:100%;
    }

    .corps_w
    {
        width:99%;
        margin:auto;
        padding-left:0px;
        padding-right:0px;
    }

    .corps
    {
        width:98%;
        padding-left:1%;
        padding-right:1%;
        border:none;
    }

    .table_stats
    {
        width:100%;
    }

    .table_stats2 th
    {
        font-size:100%;
    }

    .table_stats2 td
    {
        font-size:100%;
    }

    .table_stats3 th
    {
        font-size:100%;
    }

    .table_stats3 td
    {
        font-size:100%;
    }

    .table_stats4 th
    {
        font-size:85%;
    }

    .table_stats4 td
    {
        font-size:100%;
    }

    .tab_mini_graphs
    {
        width:100%;
    }

    #last_charts
    {
        width:100%;
    }

    #d_parties
    {
        width:100%;
    }

    #d_parties_disp
    {
        width:100%;
    }

    .lien_retour
    {
       margin:auto;
    }

    .recherche_parcours
    {
        float:left;
        clear:both;
        padding-left:0px;
    }

    .b_new_partie
    {
        clear:both;
        margin-top:10px;
    }

    .b_new_dispo
    {
        clear:both;
        margin-top:0px;
        margin-left:0px;
    }

    .menu_page
    {
        width:95%;
        margin-top:0px;
        font-size:85%;
    }

    .l_menu_page
    {
        float:left;
    }

    .l_menu_page_ok
    {
        float:left;
    }

    .l_menu_page:hover
    {
        margin-right:14px;
    }

    .l_menu_page:active
    {
        margin-right:13px;
    }

    .d_stages_gauche
    {
        width:74%;
    }

    .d_stages_box
    {
        width:100%;
    }

    .d_stages_droite
    {
        width:48%;
        margin-right:1%;
    }

    .img_stages_pays
    {
        display:none;
    }

    .box_coaching
    {
        width:80%;
        float:none;
        margin:auto;
        margin-top:30px;
    }

    .mini_bc1
    {
        margin-left:30px;
    }

    .mini_bc2
    {
        margin-right:30px;
    }

    .consignes
    {
        width:98%;
        clear:both;
        margin:auto;
        margin-top:20px;
    }

    #fenetre
    {
        margin-top:2%;
    }

    .d_mid_center_agenda
    {
        width:80%;
        clear:both;
    }

    .d_mid_center2
    {
        width:100%;
        margin-top:0px;
    }

    .d_large
    {
        width:94%;
    }

    .d_wild_center
    {
        width:100%;
        margin-top:0px;
    }

    .img_screen_accueil
    {
        display:block;
        width:50%;
    }

    .full_height
    {
        min-height:800px;
    }

    .d_mid
    {
        width:94%;
        padding-left:3%;
        padding-right:3%;
    }

    .d_tiers
    {
        clear:both;
        width:94%;
        float:none;
        margin:auto;
        margin-top:30px;
    }

    .d_tiers2
    {
        clear:both;
        width:94%;
        float:none;
        margin:auto;
        margin-top:30px;
    }

    .table_insert
    {
        width:80%;
        margin:auto;
    }

    .table_scores_moyens
    {
        width:100%;
        margin-bottom:20px;
    }

    #ind_virtuel
    {
        width:50%;
        margin-left:25%;
        margin-top:20px;
        margin-bottom:20px;
    }

    .part_coach
    {
        width:100%;
    }

    .box_pro
    {
        width:44%;
    }

    .box_pro:hover .titre_bp
    {
        height:20px;
        padding-top:4px;
    }

    .titre_bp
    {
        height:20px;
        padding-top:4px;
    }

    .texte_bp
    {
        display:none;
    }

    .bloc_stats
    {
        width:30%;
    }

    .corps_w
    {
        overflow-x:scroll;
    }

    .corps_b
    {
        overflow-x:scroll;
    }

    #menu_gauche_stats
    {
        width:100%;
        border-bottom:1px solid silver;
    }

    #menu_gauche_stats a
    {
        float:left;
    }

    #menu_gauche_stats a:hover
    {
        margin-right:14px;
    }

    #menu_gauche_stats a:active
    {
        margin-right:13px;
    }

    #menu_gauche_stats .l_menu_gs_ok
    {
        margin-right:14px;
    }

    .droite_stats
    {
        width:100%;
        border:none;
    }

    .stats_cubes_solo
    {
        width:25%;
        float:none;
        margin:auto;
        margin-bottom:30px;
    }

    .d_stats_droite_cube
    {
        width:100%;
    }

    .affiche
    {
        display:inline;
    }

    .if_grand
    {
        font-size:100%;
    }

    .if_t_grand
    {
        font-size:120%;
    }

    .e_grand
    {
        font-size:350%;
    }

    .rep_practice
    {
        width:49%;
    }

    .cote_jauge
    {
        width:60%;
    }

    .cont_timeline
    {
        width:100%;
    }

    .timeline
    {
        width:90%;
    }

    .timeline_prec_suiv
    {
        width:4%;
    }

	.img_profil5
	{
		width:30%;
		margin-left:3%;
	}

    .d_vids
    {
        width:80%;
    }

    .d_vids2
    {
        width:80%;
    }

    .d_bilans
    {
        width:80%;
    }

    .cont_assoc
    {
        width:80%;
    }

    .p_obj_bilans
    {
        width:40%;
    }

    .infos_vids
    {
        font-size:80%;
    }

    .play_video
    {
        width:500px;
        height:300px;
    }

    .videos_comms
    {
        width:460px;
    }

    .boutons_vids_pros
    {
        width:500px;
    }

    .detail_photo
    {
        width:80%;
    }

    .select_coach
    {
        width:60px;
        height:40px;
    }

    .select_coach p
    {
        margin-top:10px;
    }
}

@media all and (max-width: 520px)            /* Affichage mobile */
{

    #message
    {
        top:120px;
    }

    .clear_efface
    {
        clear:none;
    }

    .d_scroll_accueil
    {
        width:90%;
        margin-left:5%;
        margin-right:5%;
    }

    .menu_haut
    {
        width:290px;
        margin-right:-15px;
        border:none;
        border-radius:5px 0px 0px 5px;
    }

    .menu_notifs
    {
        width:290px;
        margin-right:-126px;
        border:none;
        border-radius:5px 0px 0px 5px;
    }

    .overlay2
    {
        background-color:transparent;
    }

    .e_grand
    {
        font-size:400%;
    }

    .efface_mg
    {
        margin-left:0px;
    }

    .resas_box
    {
        width:100%;
    }

    #message
    {
        margin-top:-8px;
        margin-right:2px;
        margin-bottom:-42px;
    }

    .participants_parties
    {
        float:none;
        margin:auto;
    }

    .infos_parties
    {
        margin-bottom:20px;
    }

    .efface
    {
        display:none;
    }

    #menu_stats
    {
        margin-bottom:10px;
    }

    .filtres
    {
        float:left;
        background:none;
        padding:0px;
    }

    header
    {
        height:130px;
    }

    #logo
    {
        width:150px;
        height:50px;
    }

    #l_l
    {
        width:150px;
        height:50px;
    }

    #titre_page
    {
        clear:both;
        font-size:120%;
        margin-top:10px;
    }

    #titre_page2
    {
        clear:both;
        font-size:120%;
        margin-top:10px;
    }

    #bandeau_page
    {
        height:40px;
    }

    .bandeau_gauche
    {
        width:68%;
        float:none;
        margin:auto;
    }

    .box_droite
    {
        width:100%;
    }

    .bloc_partie .img1
    {
        display:none;
    }

    .lien_retour
    {
       background-color:rgba(250,250,250,0.8);

        height:24px;
       margin:auto;
       margin-top:5px;
    }

    .img_profil3
    {
        display:none;
    }

    .table_profil
    {
        width:98%;
        margin:1%;
        margin:auto;
    }

    .box_coaching
    {
        width:95%;
    }

    .mini_bc1
    {
        display:none;
    }

    .mini_bc2
    {
        display:none;
    }

    #bc_training
    {
        background-position:right;
    }

    #bc_exercices
    {
        background-position:left;
    }

    #bc_exercices2
    {
        background-position:right;
    }

    #bc_stages
    {
        background-position:right;
    }

    #bc_videos
    {
        background-position:left;
    }

    .exos_ex
    {
        width:98%;
        margin:auto;
        margin-top:30px;
    }

    .img_training1
    {
        display:block;
        width:90%;
        float:none;
        margin:auto;
        margin-bottom:30px;
    }

    .table_score .t2
    {
        width:20px;
    }

    .table_score .t9
    {
        display:none;
    }

    .div_agenda
    {
        overflow-x:scroll;
    }

    #menu_pros_aff
    {
        float:left;
        margin-bottom:20px;
    }

    .l_inscr
    {
        clear:both;
    }

    .right_to_left
    {
        float:left;
    }

    .box_pro
    {
        width:92%;
    }

    .bloc_stats
    {
        width:47%;
    }

    .stats_cubes_solo
    {
        width:60%;
    }

    .stats_cubes
    {
        width:60%;
        margin-left:20%;
        margin-bottom:30px;
    }

    .stats_cubes_solo_center
    {
        width:60%;
        margin-left:20%;
        margin-bottom:30px;
    }

    .scroll_colonnes
    {
        overflow-x:scroll;
    }

    .part_objectifs
    {
        width:100%;
        height:350px;
        margin-bottom:30px;
    }

    .rep_practice
    {
        width:100%;
        margin-left:0px;
    }

    .timeline
    {
        width:80%;
    }

    .timeline_prec_suiv
    {
        width:8%;
    }

    .cont_rech2
    {
        float:left;
    }

    .img_screen_accueil
    {
        width:90%;
    }

	.box_agenda_coaching
	{
		float:none;
		width:94%;
		margin:auto;
		margin-top:30px;
	}

    .cadre2
    {
        width:87%;
    }

    .cont_stats
    {
        height:150px;
    }

    .in_cs
    {
        height:148px;
    }

    .cs_1
    {
        width:48%;
        margin-right:2%;
    }

    .cs_2
    {
        width:98%;
        margin-right:2%;
    }

    .cs_2-2
    {
        width:98%;
        margin-right:2%;
        height:330px;
    }

    .in_cs_2-2
    {
        height:328px;       /* Même hauteur que le conteneur - 2px pour les bordures hautes et basses */
        border:1px solid silver;
        border-radius:5px;
    }

    .chart_g_carre
    {
        height:296px;
    }

    .chart_p_carre
    {
        height:116px;
    }

    .d_vids
    {
        width:98%;
    }

    .d_vids2
    {
        width:98%;
    }

    .d_bilans
    {
        width:98%;
    }

    .cont_assoc
    {
        width:98%;
    }

    .db_gauche
    {
        width:98%;
    }

    .db_droite
    {
        width:99%;
    }

    .p_obj_bilans
    {
        width:98%;
    }

    .play_video
    {
        width:340px;
        height:204px;
    }

    .videos_comms
    {
        width:300px;
    }

    .boutons_vids_pros
    {
        width:340px;
    }

    .box_list_exos
    {
        width:100%;
        margin-right:-1px;
        margin-top:-6px;
        margin-bottom:20px;
        border-top:none;
    }

    .list_exos
    {
        width:99%;
        height:50px;
        padding-top:0px;
        padding-right:1%;
    }

    .img_list_exos
    {
        margin-top:-20px;
        height:70px;
    }

    .img_exos
    {
        display:none;
    }

    .nom_exos
    {
        display:none;
    }

    .d_exos
    {
        width:100%;
    }

    .detail_photo
    {
        width:100%;
    }

    .if_m_g
    {
        margin-left:0px;
    }

    .if_m_h
    {
        margin-top:0px;
    }

    .if_f_droite
    {
        float:left;
    }

    .d_espace_coach
    {
        width:90%;
        font-size:100%;
    }

    .corps_aide
    {
        margin-top:30px;
        width:100%;
        float:none;
        clear:both;
    }

    .d_sommaire_aide
    {
        position:relative;
        width:100%;
        float:none;
        margin:auto;
    }

    #haut_bas_aide
    {
        display:none;
    }
}

@media all and (max-width: 347px)            /* Affichage mobile */
{

    header
    {
        height:140px;
    }
}

@media all and (max-width: 342px)            /* Affichage mobile */
{

    header
    {
        height:180px;
    }
}

@media all and (max-width: 296px)            /* Affichage mobile */
{

    header
    {
        height:220px;
    }

    .play_video
    {
        width:250px;
        height:150px;
    }

    .videos_comms
    {
        width:210px;
    }

    .boutons_vids_pros
    {
        width:250px;
    }
}

/* Pied ----------------------------------------------------------------------------------------------------------------------------------------- */

footer
{
    background-color:transparent;
    margin-top:30px;
    margin-bottom:30px;
    text-align:center;
    font-size:120%;
}