@charset "utf-8"
/* PARAMETRE GENERALE */
*{
    margin: 0px;
    padding: 0px;
    font-family: 'Roboto', sans-serif;
}
/*LG*/
#entete_left{ 
	position: relative;
	clear: both;
	float:left;
	margin-top:1%;
	width : 100%;
    text-align: center;
}
#entete_left img{ 
	border-width:0px;
}
#middle{
    margin-top: 3%;
    font-size: 18px;
    color: #38537f;
}
label{
	width:80px;
 	font-size : 15px;
 	text-align:left;
}
input.inscription{
    padding: 6px;
    width: 250px;
    font-size: 18px;
    text-align: center;
    border-radius: 48px 10px 48px 10px;
    border-style: none;
    text-decoration: none;
    color: #38537f;
    margin-top: 5%;
    margin-bottom: 5%;
    background: #52cea0;
}
input.inscription:hover{
	background: White;
	color: #52cea0;
}
#video{
	float:left;
	clear: both;
	margin-top:14%;
	width : 100%;
    text-align: center;
 	font-family: "Gouldy old Style" ;
	font-size: 20px;
}
#video.bkg{
    background : #FFFFF0;
}

    /*formulaire confcall*/
    #entete_left_confcall {
        position: relative;
        clear: both;
        float: left;
        margin-top: 1%;
        width: 100%;
        text-align: center;
        margin: 40px 0 40px 0;
    }
    #formulaire_confcall{
        background-color : #2a87a2;
        /*height: 320px;*/
    }
    #titre_confcall{
        padding: 12px 0px 12px 0px;
        font-size: 30px;
        color: #ffffff;
        background: #38537f;
    }
    input.confcall{
        padding: 6px;
        width: 250px;
        font-size: 18px;
        text-align: center;
        border-radius: 5px 5px 5px 5px;
        border-style: none;
        text-decoration: none;
        color: #38537f;
        margin-top: 5%;
        margin-bottom: 5%;
        background: White;
    }
    input.confcall-error{
        padding: 6px;
        width: 250px;
        font-size: 18px;
        text-align: center;
        border-radius: 5px 5px 5px 5px;
        border-style: none;
        text-decoration: none;
        color: darkred;
        margin-top: 5%;
        margin-bottom: 5%;
        background: #f9cbcb;
    }
    button.login_confcall{
        padding: 6px;
        width: 200px;
        font-size: 18px;
        text-align: center;
        border-radius: 5px 5px 5px 5px;
        border-style: outset;
        border-color: #38537f;
        text-decoration: none;
        color: White;
        margin-top: 10%;
        margin-bottom: 5%;
        background: #38537f;
    }
    button.login_confcall:hover{
        padding: 6px;
        width: 200px;
        font-size: 18px;
        text-align: center;
        border-radius: 5px 5px 5px 5px;
        border-style: outset;
        border-color: #38537f;
        text-decoration: none;
        color: #38537f;
        margin-top: 10%;
        margin-bottom: 5%;
        background: White;
    }
    .texte_confcall{
        font-size : 14px;
        color :White;
    }
    .fond{
        width: 100%;
    }
    .norme{
        width: 50%;
        margin-top: 35px;
    }
    .espace{
        width: 200px;
        font-size: 13px;
        text-align: left;
        color: white;
        padding: 10px 0;
    }
    .change{
        width:190px;
        color:Black;
        font-size: 11px;
    }
    .change_error{
        width:190px;
        color:Darkred;
        font-size: 11px;
    }
    .individu{
        color: White;
        text-align: center;
        font-size: 22px;
    }

        /*formulaire dashboard*/
        #entete_left_dashboard {
            position: relative;
            clear: both;
            float: left;
            margin-top: 1%;
            width: 100%;
            text-align: center;
            margin: 15% 0 0 0;
            background-color: #38537f;
        }
        #formulaire_dashboard{
            background-color : #ffffff;
            height: 320px;
        }
        #titre_dashboard{
            padding: 12px 0px 12px 0px;
            font-size: 30px;
            color: #ffffff;
            background: #38537f;
            text-align: left;
        }
        input.dashboard{
            padding: 6px;
            width: 300px;
            font-size: 18px;
            text-align: left;
            border-radius: 5px 5px 5px 5px;
            border-style: none;
            text-decoration: none;
            color: #38537f;
            margin-top: 36px;
            background: White;
        }
        input.dashboard-error{
            padding: 6px;
            width: 300px;
            font-size: 18px;
            text-align: left;
            border-radius: 5px 5px 5px 5px;
            border-style: none;
            text-decoration: none;
            color: darkred;
            margin-top: 36px;
            background: #f9cbcb;
        }
        button.login_dashboard{
            padding: 6px;
            width: 250px;
            font-size: 18px;
            text-align: center;
            border-radius: 5px 5px 5px 5px;
            border-style: outset;
            border-color: #38537f;
            text-decoration: none;
            color: White;
            margin-top: 60px;
            background: #38537f;
        }
        button.login_dashboard:hover{
            padding: 6px;
            width: 250px;
            font-size: 18px;
            text-align: center;
            border-radius: 5px 5px 5px 5px;
            border-style: outset;
            border-color: #38537f;
            text-decoration: none;
            color: #38537f;
            margin-top: 60px;
            background: White;
        }
        #menu_left_dashboard{
            background-color : #ffffff;
            min-height: 960px;
        }
        .identite{
            margin: 5px 0px 5px 0px;
            color: White;
        }
        .miniature{
            width: 70%;
            margin: 5px 0 0 0;
        }
        input.menu_dashboard{
            padding: 3px;
            width: 100%;
            font-size: 15px;
            text-align: center;
            border-radius: 5px 5px 5px 5px;
            border-style: outset;
            border-color: #2a87a2;
            text-decoration: none;
            color: White;
            margin-top: 30px;
            background: #ffffff;
        }
        input.menu_dashboard:hover{
            padding: 3px;
            width: 100%;
            font-size: 15px;
            text-align: center;
            border-radius: 5px 5px 5px 5px;
            border-style: outset;
            border-color: #2a87a2;
            text-decoration: none;
            color: #ffffff;
            margin-top: 30px;
            background: White;
        }
        .mois_dashboard{
            padding: 3px;
            width: 100%;
            font-size: 15px;
            border-radius: 5px 5px 5px 5px;
            border-style: none;
            text-decoration: none;
            color: White;
            margin-top: 30px;
            background: #38537f;
        }
        #corps_dashboard{
            background-color : #38537f;
            min-height: 106px;
        }
        label.label_dashboard{
            width: 290px;
            font-size: 15px;
            font-weight: 100;
            margin: 5px 0 0px 30px;
            color: White;
        }
        .texte_dashboard{
            color: white;
            font-size: 15px;
            font-weight: 100;
            float: right;
        }
        .logo_nolimit{
            width: 100px;
            margin: 20px 20px 15px 20px;
        }
        .mailing_dashboard{
            background-color : White;
            height: 750px;
        }
        .texte_mailing_dashboard{
            font-size: 15px;
            font-weight: 100;
            color: #38537f;
        }
        .texte_mailing_dashboard_darkred{
            font-size: 15px;
            font-weight: 100;
            color: darkred;
        }
        .texte_mailing_dashboard_darkgreen{
            font-size: 15px;
            font-weight: 100;
            color: darkgreen;
        }
        .texte_mailing_dashboard_steelblue{
            font-size: 15px;
            font-weight: 100;
            color: steelblue;
        }
        .menu_dashboard{
            padding: 3px;
            width: 100%;
            font-size: 15px;
            border-radius: 5px 5px 5px 5px;
            border-style: none;
            text-decoration: none;
            color: White;
            margin-top: 10px;
            background: #38537f;
        }
        input.menu_mailing_dashboard{
            padding: 3px;
            width: 100%;
            font-size: 15px;
            text-align: center;
            border-radius: 5px 5px 5px 5px;
            border-style: outset;
            border-color: #2a87a2;
            text-decoration: none;
            color: White;
            margin-top: 10px;
            background: #ffffff;
        }
        input.menu_mailing_dashboard:hover{
            padding: 3px;
            width: 100%;
            font-size: 15px;
            text-align: center;
            border-radius: 5px 5px 5px 5px;
            border-style: outset;
            border-color: #2a87a2;
            text-decoration: none;
            color: #ffffff;
            margin-top: 10px;
            background: White;
        }
        label.case_dashboard{
            margin: 15px 0px 0px 0px;
            width: 25px;
        }
        .tableau_dashboard{
            overflow: auto; 
            height: 455px;
        }
        .message_dashboard{
            width: 100%;
        }
        input.envoye_dashboard{
            padding: 3px;
            width: 200px;
            font-size: 15px;
            text-align: center;
            border-radius: 5px 5px 5px 5px;
            border-style: outset;
            border-color: #2a87a2;
            text-decoration: none;
            color: White;
            margin-top: 10px;
            background: #ffffff;
            float: right;
        }
        input.envoye_dashboard:hover{
            padding: 3px;
            width: 200px;
            font-size: 15px;
            text-align: center;
            border-radius: 5px 5px 5px 5px;
            border-style: outset;
            border-color: #2a87a2;
            text-decoration: none;
            color: #ffffff;
            margin-top: 10px;
            background: White;
            float: right;
        }
        .auto_dashboard{
            padding: 3px;
            width: 100%;
            font-size: 15px;
            border-radius: 5px 5px 5px 5px;
            border-style: none;
            text-decoration: none;
            color: White;
            margin-top: 10px;
            background: #ffffff;
        }

/*FIN LG*/

/*MD*/
#entete_left-md{ 
	position: relative;
	clear: both;
	float:left;
	margin-top:1%;
	width : 100%;
    text-align: center;
}
#entete_left-md img{ 
	border-width:0px;
}
#middle-md{
    margin-top: 3%;
    font-size: 18px;
    color: #38537f;
}
label.md{
	width:70px;
 	font-size : 10px;
 	text-align:left;
}
input.inscription-md{
    padding: 6px;
    width: 220px;
    font-size: 16px;
    text-align: center;
    border-radius: 48px 10px 48px 10px;
    text-decoration: none;
    border-style: none;
    color: #38537f;
    margin-top: 5%;
    margin-bottom: 5%;
    background: #52cea0;
}
input.inscription-md:hover{
	background: White;
	color: #52cea0;
}
#video-md{
	float:left;
	margin-top:14%;
	width : 100%;
    text-align: center;
	font-size: 18px;
}
#video-md.bkg{
    background : #FFFFF0;
}

    /*formulaire confcall*/
    #entete_left_confcall-md {
        position: relative;
        clear: both;
        float: left;
        margin-top: 1%;
        width: 100%;
        text-align: center;
        margin: 125px 0 0 0;
    }
    #formulaire_confcall-md{
        background-color : #2a87a2;
        /*height: 300px;*/
    }
    #titre_confcall-md{
        padding: 12px 0px 12px 0px;
        font-size: 26px;
        color: #ffffff;
        background: #38537f;
    }
    .texte_confcall-md{
        font-size : 13px;
        color :White;
    }

        /*formulaire dashboard*/
        #entete_left_dashboard-md {
            position: relative;
            clear: both;
            float: left;
            margin-top: 1%;
            width: 100%;
            text-align: center;
            margin: 20% 0 0 0;
            background-color: #38537f;
        }
        #formulaire_dashboard-md{
            background-color : #ffffff;
            height: 300px;
        }
        #titre_dashboard-md{
            padding: 12px 0px 12px 0px;
            font-size: 26px;
            color: #ffffff;
            background: #38537f;
            text-align: left;
        }
/*FIM MD*/

/*SM*/
#entete_left-sm{ 
	position: relative;
	clear: both;
	float:left;
	margin-top:0%;
	width : 100%;
    text-align: center;
}
#entete_left-sm img{ 
	border-width:0px;
}
#middle-sm{
    margin-top: 3%;
    font-size: 16px;
    color: #38537f;
}
label.sm{
	width:60px;
 	font-size : 10px;
 	text-align:left;
}
input.inscription-sm{
    padding: 6px;
    width: 210px;
    font-size: 16px;
    text-align: center;
    border-radius: 48px 10px 48px 10px;
    text-decoration: none;
    border-style: none;
    color: #38537f;
    margin-top: 5%;
    margin-bottom: 5%;
    background: #52cea0;
}
input.inscription-sm:hover{
	background: White;
	color: #52cea0;
}
#video-sm{
	float:left;
	margin-top:14%;
	width : 100%;
    text-align: center;
	font-size: 16px;
}
#video-sm.bkg{
    background : #FFFFF0;
}

    /*formulaire confcall*/
    #entete_left_confcall-sm {
        position: relative;
        clear: both;
        float: left;
        margin-top: 1%;
        width: 100%;
        text-align: center;
        margin: 50px 0 0 0;
    }
    #formulaire_confcall-sm{
        background-color : #2a87a2;
        /*height: 320px;*/
    }
    #titre_confcall-sm{
        padding: 12px 0px 12px 0px;
        font-size: 26px;
        color: #ffffff;
        background: #38537f;
    }
    .texte_confcall-sm{
        font-size : 14px;
        color :White;
    }

        /*formulaire dashboard*/
        #entete_left_dashboard-sm {
            position: relative;
            clear: both;
            float: left;
            margin-top: 1%;
            width: 100%;
            text-align: center;
            margin: 20% 0 0 0;
            background-color: #38537f;
        }
        #formulaire_dashboard-sm{
            background-color : #ffffff;
            height: 320px;
        }
        #titre_dashboard-sm{
            padding: 12px 0px 12px 0px;
            font-size: 26px;
            color: #ffffff;
            background: #191818;
            text-align: left;
        }
/*FIM SM*/

/*XS*/
#entete_left-xs{ 
	position: relative;
	clear: both;
	float:left;
	margin-top:0%;
	width : 100%;
    text-align: center;
}
#entete_left-xs img{ 
	border-width:0px;
}
#middle-xs{
    margin-top: 2%;
    font-size: 15px;
    color: #38537f;
}
label.xs{
	width:80px;
 	font-size : 10px;
 	text-align:left;
}
input.nom-xs{
 	font-size : 10px;
 	color:#38537f;
	width:60%;
}
input.inscription-xs{
    padding: 6px;
    width: 179px;
    font-size: 13px;
    text-align: center;
    border-radius: 48px 10px 48px 10px;
    text-decoration: none;
    border-style: none;
    color: #38537f;
    margin-top: 7%;
    margin-bottom: 15%;
    background: #52cea0;
}
input.inscription-xs:hover{
	background: White;
	color: #52cea0;
}
#video-xs{
	float:left;
	margin-top:10%;
	width : 100%;
    text-align: center;
	font-size: 14px;
}
#video-xs.bkg{
    background : #FFFFF0;
}

    /*formulaire confcall*/
    #entete_left_confcall-xs {
        position: relative;
        clear: both;
        float: left;
        margin-top: 1%;
        width: 100%;
        text-align: center;
        margin: 20px 0 0 0;
    }
    #formulaire_confcall-xs{
        background-color : #2a87a2;
        /*height: 270px;*/
    }
    #titre_confcall-xs{
        padding: 12px 0px 12px 0px;
        font-size: 20px;
        color: #ffffff;
        background: #38537f;
    }
    .texte_confcall-xs{
        font-size : 14px;
        color :White;
    }
    input.confcall-xs{
        padding: 6px;
        width: 210px;
        font-size: 15px;
        text-align: center;
        border-radius: 5px 5px 5px 5px;
        border-style: none;
        text-decoration: none;
        color: #38537f;
        margin-top: 10px;
        margin-bottom: 10px;
        background: White;
    }
    input.confcall-xs-error{
        padding: 6px;
        width: 210px;
        font-size: 15px;
        text-align: center;
        border-radius: 5px 5px 5px 5px;
        border-style: none;
        text-decoration: none;
        color: darkred;
        margin-top: 10px;
        margin-bottom: 10px;
        background: #f9cbcb;
    }
    button.login_confcall-xs{
        padding: 6px;
        width: 210px;
        font-size: 16px;
        text-align: center;
        border-radius: 5px 5px 5px 5px;
        border-style: outset;
        border-color: #38537f;
        text-decoration: none;
        color: White;
        margin-top: 25px;
        margin-bottom: 10px;
        background: #38537f;
    }
    button.login_confcall-xs:hover{
        padding: 6px;
        width: 210px;
        font-size: 16px;
        text-align: center;
        border-radius: 5px 5px 5px 5px;
        border-style: outset;
        border-color: #38537f;
        text-decoration: none;
        color: #38537f;
        margin-top: 25px;
        margin-bottom: 10px;
        background: White;
    }
    .texte_confcall-xs{
        font-size : 13px;
        color :White;
    }

        /*formulaire dashboard*/
        #entete_left_dashboard-xs {
            position: relative;
            clear: both;
            float: left;
            width: 100%;
            text-align: left;
            margin: 10px 0 0 0;
            background-color: #38537f;
        }
        #formulaire_dashboard-xs{
            background-color : #ffffff;
            height: 320px;
        }
        #titre_dashboard-xs{
            padding: 12px 0px 12px 0px;
            font-size: 20px;
            color: #ffffff;
            background: #38537f;
            text-align: left;
        }
        input.dashboard-xs{
            padding: 6px;
            width: 210px;
            font-size: 15px;
            text-align: left;
            border-radius: 5px 5px 5px 5px;
            border-style: none;
            text-decoration: none;
            color: #38537f;
            margin-top: 24px;
            background: White;
        }
        input.dashboard-xs-error{
            padding: 6px;
            width: 210px;
            font-size: 15px;
            text-align: left;
            border-radius: 5px 5px 5px 5px;
            border-style: none;
            text-decoration: none;
            color: darkred;
            margin-top: 24px;
            background: #f9cbcb;
        }
        button.login_dashboard-xs{
            padding: 3px;
            width: 210px;
            font-size: 15px;
            text-align: center;
            border-radius: 5px 5px 5px 5px;
            border-style: outset;
            border-color: #38537f;
            text-decoration: none;
            color: White;
            margin-top: 22px;
            background: #38537f;
        }
        button.login_dashboard-xs:hover{
            padding: 3px;
            width: 210px;
            font-size: 15px;
            text-align: center;
            border-radius: 5px 5px 5px 5px;
            border-style: outset;
            border-color: #38537f;
            text-decoration: none;
            color: #38537f;
            margin-top: 22px;
            background: White;
        }
/*FIM XS*/