 /* mr */
/**************************************************\
			declarations des couleurs
\**************************************************/

:root
{
    --main-required-color		        : #fd0100;
    --main-bg-grey-color		        : #f6f6f6;
    --main-border-darker-grey-color		: #e1e1e1;
}

/**************************************************\
			defaut
\**************************************************/

html
{
    font-family         : roboto, 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    font-size           : 15px;
    min-width           : unset;
}
body
{
    margin             : 0;
    min-width           : unset;
}
#body
{
    min-width           : unset;
}
#content
{
    min-width           : unset;
}
#header_logo
{
    width               : unset;
}
a
{
	text-decoration		: none;
    color				: #fd0100;
}

/**************************************************\
			register_v2
\**************************************************/
#header
{
    height          : auto;
}

.title
{
    text-align      : center;
    padding         : 20px 0;
    font-size       : 22px;
    font-weight     : normal;
    border-bottom   : 1px solid #BCBCBC;
    margin          : 0;
}
#main
{
    width           : 100%;
    margin          : 10px auto 0 auto;
}
#form_register
{
    width           : 80%;
    margin          : 20px auto 0 auto;
}
.form_line , .form_select_combo
{
    line-height     : 20px;
    height          : 52px;
    margin          : 0 auto;
}

.form_combo_element
{
    padding         : 4px;
    margin-right    : 5px 0;
    background-color: white;
    border          : 1px solid #e1e1e1;
    border-radius   : 5px;
}

.required
{
    color           : #fd0100;
}
#form_upper_part , #form_lower_part , #form_bottom_part, #form_bottom_france_connect
{
    margin          : 20px 0;
    width           : 100%;
    padding         : 5px;
    background-color: #f6f6f6;
    border          : solid 1px #e1e1e1;
    display         : flex;
    flex-wrap       : wrap; 
    justify-content: center;
    
}
.form_line
{
    flex            : 1 1 48%;
    padding         : 3px;
}
.form_line > .form_input
{
    width           : 90%;
    padding         : 5px;
}
#form_lower_part > .passwords_indicators
{
    flex            : 1 1 48%;
    vertical-align  : top;
    width           : 49%;
    padding         : 2px;
    margin          : 2px auto;
    font-size       : 13px;
}
.passwords_indicators > .form_line
{
    width           : 98%;
}
#form_bottom_part
{
    text-align      : center;
}

#last_step
{
	width           : 60%;
	height          : 260px;
    margin          : 30px auto;
    padding         : 25px;
    background-color: #f6f6f6;
    border          : solid 1px #e1e1e1;
    text-align: center;
}

.valid 
{
    color           : green;
}
.invalid 
{
    color           :  #fd0100;
}
ul{list-style-position: inside;}

/**************************************************\
					Responsive
\**************************************************/

@media only screen and (max-width: 1024px)
{

    #form_register
    {
        width           : 100%;
    }
}

@media only screen and (max-width: 768px)
{
    #main
    {
        min-width       : 100%;
        max-width       : 100%;
    }

	#form_register
    {
        width           : 100%;
    }
    #form_upper_part
    {
        margin          : 10px 0;
        display         : flex;
        flex-direction  : column;
    }
    .form_line
    {
        width           : 95%;
        display         : block;
        padding         : 3px;
        margin          : 0;
    }
    #form_lower_part 
    {
        display         : flex;
        flex-direction  : column;
        margin          : 10px 0;
    }
    #form_bottom_part
    {
        margin          : 10px 0;
    }

    #form_lower_part > .passwords_indicators
    {
        display         : block;
        width           : 98%;
        padding         : 2px;
        margin          : 2px 0;
    }
}

@media only screen and (max-width: 360px)
{
    body
    {
        width           : auto;
        min-width       : 0;
    }
	#form_register
    {
        display         : flex;
        flex-direction  : column;
    }
    #form_upper_part , #form_lower_part , #form_bottom_part
    {
        padding         : 6px 0;
    }
    .form_line
    {
        display         : block;
        padding         : 2px;
        margin          : 0;
    }
    #form_bottom_part 
    {
        text-align      : unset;
        height          : auto;
    }
    #form_lower_part > .passwords_indicators
    {
        display         : block;
        width           : 95%;
        padding         : 2px;
        margin          : 2px 0;
    }
}

/* mrd */
/*
#header_bar.charenteportal.client {
	border-color: #0167b2;
}

#body.charenteportal.client #menu {
	background-color: #75B82B;
}

#body.charenteportal.client .menu_col {
	color: #fff;
	background-color: #75B82B;
}

#body.charenteportal.client .menu_col:focus, #body.charenteportal.client .menu_col.active {
	background-color: #0167B2;
}

#body.charenteportal.client .menu_col.active:hover {
    background-color: #0167b2!important;
}

#body.charenteportal.client .menu_col:hover {
    background-color: rgba(255,255,255,0.1)!important;
}

#body .charenteportal-header {
	position: relative;
	background-color: #fff;
	height: 100px;
}

#body .charenteportal-header img {
	position: absolute;
	top: 8px;
	width: 200px;
}

#body .charenteportal-header p {
	color: #707070;
	padding-top: 8px;
	font-size: 26px;
	text-align: center;
	font-family: 'myriad_regular', 'Tahoma';
}

#body .charenteportal-header p + p {
	text-align: center;
	padding-top: 0;
	font-size: 16px;
	letter-spacing: 1px;
	color: #A9D4CB;
}

#body .charenteportal-header div {
    background-color: #fed81f;
    border-bottom: 1px solid #d8bd3e;
    bottom: 0;
    height: 27px;
    position: absolute;
    width: 100%;
}

#body.tranquillidom41 .menu_col.active,
#body.tranquillidom41 .menu_col.active:hover {
	background-color: #008BD2!important;
	color: #fff!important;
}

#body.avasad .menu_col.active,
#body.avasad .menu_col.active:hover {
	background-color: #0057b8!important;
	color: #fff!important;
}

#body.paris .menu_col.active,
#body.paris .menu_col.active:hover {
	background-color: #1e3445!important;
	color: #fff!important;
}
*/
#header.nauth {
	height: 120px;
}



/* menu */

#menu {
	font-size: 16px;
	margin-top: 15px;
	height: 57px;
	background-color: #FFFFFF;
	border: 3px solid #E8E8E8;
	z-index: 1000;
}

#menu .menu_col {
	display: block;
	cursor: pointer;
	text-decoration: none;
	padding: 6px;
	color: #000000;
	background-color: #FFFFFF;
	float: left;
}

#menu .menu_col:hover {
	background-color: #FAFAFA!important;
}

#menu .menu_col:focus, #menu .menu_col.active {
	background-color: #F7F7F7;
}

#menu .img_col {
	width: 40px;
	float: left;
}

#menu .txt_col {
	position: relative;
	width: 105px;
	padding-left: 4px;
	float: left;
}

#menu .txt_col_one_xm {
	margin-top: 10px;
	width: 60px;
}

#menu .txt_col_one_sm {
	margin-top: 10px;
	width: 85px;
}

#menu .txt_col_one_md {
	margin-top: 10px;
	width: 94px;
}

#menu .txt_col_one_lg {
	margin-top: 10px;
	width: 100px;
}

#menu .txt_col_two_sm {
	width: 90px;
}

#menu .txt_col_two_md {
	width: 105px;
}

#menu .txt_col_two_lg {
	width: 115px;
}

#menu #m_deconnexion {
	float: right;
}
