@charset"iso-8859-15";
html {
	background-color: #FFFFFF;   /*#E6EAF2; */
	background-image: url(../images/fond_site_ama.jpg);
	background-repeat: repeat-y;
	background-position: center;
	height: 100%;
}
body {
	margin: 0px;
	font-family: 'Alegreya Sans', Verdana, Geneva, sans-serif; font-weight: 400;
	color: #494c52;
	font-size: 15px;
	height: 100%;
}
ul {
    list-style-type: none;
}
ul li {
    background-color: blue;
    opacity: .5;
}
ul li:hover {
    opacity: 1;
}
.Header {
	background-color: #FFFFFF;
    background-image: url(../images/header_survey.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%; /* version standardisée */        
    -webkit-background-size: 100%; /* pour anciens Chrome et Safari */    
	width: 1400px;
	min-height: 160px;
    height: auto;
	margin-right: auto;
	margin-left: auto;
    margin-top:0;
    margin-bottom:0;    
}
.PageFooter img {
    border-radius:25px;
    min-height: 50px ;
}
.Footer {
	background-color: #ffffff; /*#a9a9a9;*/
	width: 1400px;
	min-height: 50px;
    height: auto;
	margin-right: auto;
	margin-left: auto;
    margin-top: 50px;
    margin-bottom:20px;
    clear: left;
	font-style: italic;
	padding: 10px;
	-moz-border-bottom-left-radius:10px;
    -webkit-border-bottom-left-radius:10px;
    border-bottom-left-radius:10px;
    -moz-border-bottom-right-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    border-bottom-right-radius:10px;
	text-align: center;
}
.Content {
	background-color: #FFFFFF;
	background-position: center;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:0px;    
	width: 1400px;
    min-height: 500px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
.BtnCentered {
    background-color: #486699;
	background-position: center;
    -moz-radius:5px;
    -webkit-radius:5px;
    border-radius:5px; 
    width: auto;
	height: auto;
    padding: 15px;
    margin-top: 40px;
    margin-left: 40%;
    margin-right: 40%;
    vertical-align: central;
    text-align: center;
	font-size: 13px;
}
.BtnCentered:hover{
	background-color: #97abce;
}
.DivDescription {
    border: 1px none#000000;
	background-position: center;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;    
	width: auto;
    min-height: 50px;
	height: auto;
	margin: 20px;
    padding: 10px;
    text-align:justify;
}
.DivStartSurvey {
	background-color: #E6EAF2;
	background-position: center;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;    
	width: 400px;
	height: auto;
	margin: 20px;
    padding: 10px;
	border: 1px solid #a9a9a9;
	text-align: center;
}
.SurveyHeaderLogo{
    font-family: Alegreya Sans, Verdana, Geneva, sans-serif; font-weight: 100;
    width: auto;
	max-height: 200px;
    padding: 5px;
    text-align:  center;
	font-size: 42px;
	color: white;
}
.SurveyImageLogo{
    max-height: 200px;
}
.SurveyTitle{
	font-family: Alegreya Sans, Verdana, Geneva, sans-serif; font-weight: 100;
    width: auto;
	height: auto;
    padding: 15px;
    text-align:  center;
	font-size: 42px;
	background: #494c52 center;
	color: white;
	margin-bottom: 25px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.SurveyRecurence{
    background-position: center;
	width: auto;
	height: auto;
    text-align: right;
    margin-bottom: 10px;
    clear: left;
}
.PageTitle{
	background-position: center;
	width: auto;
	height: auto;
    padding: 10px;
    text-align:  center;
    clear: left;
    font-size: 35px;
    color: #7d7d7d;
}
.PageContent{
	width: auto;
    min-height: 400px;
	height: auto;
    margin-bottom: 50px;
}
.PageFooter{
	width: auto;
	height: auto;
	text-align: center;
	font-size: 13px;
    clear:left;
}
.PageFooterLeft{
	float:left;
}
.PageFooterMiddle{
    display: inline-block;
	text-align: center;
	float: none;
}
.PageFooterRight{
	float:right;
}
.PageFooterFlecheGauche{
	float:left;
}
.PageFooterFlecheDroite{
	float: left;
}
.PageFooterBetweenFleche{
    float:left;
	margin-right: 25px;
	margin-left: 25px;
    min-width: 50px;
}
.SectionTitle{
	width: auto;
	height: auto;
    text-align: left;
    clear: left;
	font-size: 20px;
	padding-left: 100px;
	background-position: center;
	color: #7d7d7d;
	border-top: 1px dashed #b9c1cf;
	padding-top: 15px;
}
.EndMessageDescription{
	width: 800px;
	height: auto;
    text-align: left;
    clear: left;
	font-size: 20px;
	padding-left: 200px;
	background-position: center;
	color: #7d7d7d;
    text-align:justify; 
}
.SectionDescription{
	width: 800px;
	height: auto;
    text-align: left;
    clear: left;
	font-size: 15px;
	padding-left: 200px;
	background-position: center;
	color: #7d7d7d;
    text-align:justify;
}
._GRIDNUM{
    width: 1000px;
    padding-left: 150px;
    padding-bottom: 20px;
} 
._GRIDNUM_TBLCOL1{
    width: 250px;
    margin-bottom:15px;
    float: left;
} 
._GRIDNUM_TBLCOL2{
    width: 700px;
    margin-bottom:15px;
    float: left;
} 
._GRIDNUM_TBLROW1{
    float: left;
} 
._GRIDNUM_TBLROW2{
    clear:left;
}
._Q_GRIDNUM_VAL{
    width: 80px;
    float: left;
    text-align:center;
}
._Q_GRIDNUM_TOT{
    width: 80px;
    float: right;
    text-align:center;
}
._Q_GRIDNUM_LABEL{
    width: 230px;
    float: left;
    padding-top:0px;
    padding-bottom:0px;
	margin-bottom: 0px;
    margin-right: 20px;
    text-align: right;
}
._Q_GRIDNUM_LABEL_INFO{
    width: 530px;
    float: left;
    padding-top:0px;
    padding-bottom:0px;
	margin-bottom: 0px;
    margin-right: 20px;
    text-align: left;
} 
._P_Q_GRIDNUM_LABEL{
    background-color: #E6E6E6;
    width: 230px;
    float: left;
    padding-top:0px;
    padding-bottom:0px;
	margin-bottom: 0px;
    margin-right: 20px;
    text-align: right;
}
._Q_GRIDNUM_RESP{
    width: 700px;
    float: left;
    padding-top:0px;
    padding-bottom:0px;
	margin-bottom: 0px;
}  
._Q_GRIDNUM_RESP_INFO{
    width: 400px;
    float: left;
    padding-top:0px;
    padding-bottom:0px;
	margin-bottom: 0px;
}  
._P_Q_GRIDNUM_RESP{
    background-color: #E6E6E6;
    width: 700px;
    float: left;
    padding-top:0px;
    padding-bottom:0px;
	margin-bottom: 0px;
}  
._Q_GRIDNUM_EXEMPLE{
    width: 20px;
    float: right;
}  
._GRIDNUM_QUESTIONS{
    clear:left;
} 
._GRID{
    width: 1000px;
    padding-left: 150px;
    padding-bottom: 20px;
} 
._TBLCOL1{
    width: 450px;
    margin-bottom:15px;
    float: left;
} 
._TBLCOL2{
    width: 400px;
    margin-bottom:15px;
    float: left;
} 
._TBLROW1{
    float: left;
} 
._TBLROW2{
    clear:left;
}
._Q_GRID_VAL{
    width: 80px;
    float: left;
    text-align:center;
}
._Q_GRID_LABEL{
    width: 430px;
    float: left;
    padding-top:0px;
    padding-bottom:0px;
	margin-bottom: 0px;
    margin-right: 20px;
    text-align: right;
    clear:left;
} 
._P_Q_GRID_LABEL{
    background-color: #E6E6E6;
    width: 430px;
    float: left;
    padding-top:0px;
    padding-bottom:0px;
	margin-bottom: 0px;
    margin-right: 20px;
    text-align: right;
    clear:left;
} 
._Q_GRID_RESP{
    width: 400px;
    float: left;
    padding-top:0px;
    padding-bottom:0px;
	margin-bottom: 0px;
}  
._P_Q_GRID_RESP{
    background-color: #E6E6E6;
    width: 400px;
    float: left;
    padding-top:0px;
    padding-bottom:0px;
	margin-bottom: 0px;
}  
._Q_GRID_EXEMPLE{
    width: 20px;
    float: right;
}  
._GRIDQUESTIONS{
    clear:left;
} 
._LIST{
    width: 1000px;
    padding-left: 150px;
    padding-top: 20px;
    height:auto;
}    
._TABLE{
    width: 1000px;
    padding-left: 150px;
}
._LINE{
    clear: left;
    height: auto;
}
.AMOUNT_LINE {
    clear: left;
    padding-top: 50px;
}
.AMOUNT_LINE_LABEL{
    float:left;
    width: auto;
    font-size: 20px;
    padding-left: 100px;
}
.AMOUNT_LINE_VALUE{
    padding-left: 10px;
    font-size: 20px;
    float:  left;
}
.AlignRight_QuestionLABEL{
    width: 30%;
    float: left;
    padding-top:0px;
    padding-bottom:5px;
	margin-bottom: 0px;
    padding-right: 10px;
    text-align: right;
}
.AlignRight_QuestionRESP{
    width: 50%;
    float: left;
    padding-top:0px;
    padding-bottom:5px;
	margin-bottom: 0px;
}
.AlignRight_QuestionAMOUNT{
    width: 15%;
    float: left;
    padding-top:0px;
    padding-bottom:5px;
	margin-bottom: 0px;
}
.AlignRight_QuestionINFO{
    padding-top:0px;
    width: 20px;
    float: left;
}
.AlignRight_QuestionEXEMPLE{
    width: 20px;
    float: right;
}
._QuestionLABEL{
    width: 30%;
    float: left;
    padding-top:15px;
    padding-bottom:5px;
	margin-bottom: 5px;
    text-align: left;
    padding-right: 10px;    
}
._QuestionINFO_TEXT{
    padding-top:10px;
    width: 100%;
    float: left;
}
._QuestionRESP{
    width: 50%;
    float: left;
    padding-top:15px;
    padding-bottom:5px;
	margin-bottom: 5px;
}
._QuestionAMOUNT{
    width: 15%;
    float: left;
    padding-top:15px;
    padding-bottom:5px;
	margin-bottom: 5px;
}
._QuestionINFO{
    padding-top:15px;
    width: 20px;
    float: left;
}
._QuestionEXEMPLE{
    width: 20px;
    float: left;
}
.AlignLeft {
	float: left;
}
.AlignRight {
	float: right;
}
.H_RED{
    color: red;
}
._RED{
    color: red;
    float:left;
}
._GRID_RED{
    color: red;
    float: right;
}
.AlignLeft_RED {
	float: left;
    color: red;
}
.AlignRight_RED {
	float: right;
    color: red;
}
.Div_Survey{
    width:  1400px;
    float: left;
    margin-top:  10px;
}
.Div_SurveyIcones{
    width:  30px;
    float: left;
    padding-top: 10px;
    padding-left: 10px;
}
.Div_SurveyMenu{
    border: 1px solid black;
    border-radius:15px; 
    -moz-border-radius:15px;
    -webkit-border-radius:15px; 
    width:  480px;
    float: left;
    margin-left:5px;
}
.Div_SurveyContent{
    border: 1px solid black;
    border-radius:15px; 
    -moz-border-radius:15px;
    -webkit-border-radius:15px; 
    width: 600px;
    min-height: 400px;
    float: right;
    margin-right:30px;
    margin-bottom:30px;
    padding: 10px;
}
.Div_ThreeNotUpdatable{
    float: left;
    font-size: large;
}
.Div_ListScreen{
    margin: 5px;
    float: left;
    min-width: 400px;
}
.Div_ListScreen:hover {
    background-color: #CF0053;
}
.Div_ListScreen_0{
    margin: 5px;
    float: left;
    min-width: 400px;
}
.Div_ListScreen_0:hover {
    background-color: #CF0053;
}
.Div_ListScreen_1{
    margin: 5px;
    float: left;
    min-width: 400px;
}
.Div_ListScreen_1:hover {
    background-color: #CF0053;
}
.Div_ListQuestion:hover {
    background-color: #CF0053;
    margin-bottom:10px;
}
.expandbutton{
    float: left;
}
.SectionContent{
    margin-left:60px;
    clear: left;
}
.SectionContentBTN{
    float: inside;
}
#MenuLabel {
	text-align: left;
	font-size: 14px;
	position: absolute;
	min-height: 18px;
    max-width: 200px;
	background-color: #b9c1cf;
	visibility: hidden;
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	font-style: italic;
	padding: 5px 10px;
}
#Popuphide {color: #660033;cursor: pointer;
}
#Popuphide:hover {color: #FFFFCC;}
#PopupEtiquette { /* barre haut des popup */
    color: #FFFFCC;
    background-color: #CC0066;
    -webkit-box-shadow: #999 2px 2px 4px 2px;
    -webkit-border-top-left-radius: 12px;
    -webkit-border-top-right-radius: 12px;
    -moz-box-shadow: #999 2px 2px 4px 2px;
    -moz-border-top-radius: 12px;
    -moz-border-top-radius: 12px;
    box-shadow: #999 2px 2px 4px 2px;
    border-top-left-radius: 12px;    
    border-top-right-radius:12px;
    padding: 4px 0px 0px 15px;
    font-size: 16px;
    margin-top: -26px -1px -1px -1px;
    height: 26px;
}
#PopupContent {
    float: right;
    background-color: #FFFFFC;
    -webkit-box-shadow: #999 2px 2px 4px 2px;
    -webkit-border-bottom-left-radius: 12px;
    -webkit-border-bottom-right-radius: 12px;
    -moz-box-shadow: #999 2px 2px 4px 2px;
    -moz-border-bottom-left-radius: 12px;
    -moz-border-bottom-right-radius: 12px;    
    box-shadow: #999 2px 2px 4px 2px;
    border-bottom-left-radius: 12px;    
    border-bottom-right-radius:12px;    
    padding-bottom: 10px;
}
#InfoBox {
	text-align: left;
	font-size: 14px;
	position: absolute;
	min-height: 18px;
    /*max-width: 300px;*/
    min-width: 150px;
	padding: 0px 10px;
    width: auto;
}
#InfoBoxHide {color: #660033;cursor: pointer;
}
#InfoBoxHide:hover {color: #FFFFCC;}
#InfoBoxEtiquette { /* barre haut des popup */
    color: #FFFFCC;
    background-color: #CC0066;
    -webkit-box-shadow: #999 2px 2px 4px 2px;
    -webkit-border-top-left-radius: 12px;
    -webkit-border-top-right-radius: 12px;
    -moz-box-shadow: #999 2px 2px 4px 2px;
    -moz-border-top-radius: 12px;
    -moz-border-top-radius: 12px;
    box-shadow: #999 2px 2px 4px 2px;
    border-top-left-radius: 12px;    
    border-top-right-radius:12px;
    padding: 4px 0px 0px 15px;
    font-size: 12px;
    margin-top: -26px -1px -1px -1px;
    height: 15px;
}
#InfoBoxContent {
    background-color: #FFFFFC;
    -webkit-box-shadow: #999 2px 2px 4px 2px;
    -webkit-border-bottom-left-radius: 12px;
    -webkit-border-bottom-right-radius: 12px;
    -moz-box-shadow: #999 2px 2px 4px 2px;
    -moz-border-bottom-left-radius: 12px;
    -moz-border-bottom-right-radius: 12px;    
    box-shadow: #999 2px 2px 4px 2px;
    border-bottom-left-radius: 12px;    
    border-bottom-right-radius:12px;    
    padding-bottom: 10px;
    width: 100%;
    max-height: 800px;
    overflow-x: hidden;
    overflow-y: auto;
}
.InfoBoxData {
    margin-left: 10px;
}



/*NOT NEEDED ?*/


#MainMenu {
	background-color: #E6EAF2;
    background-position: center;
	width: 1400px;
    min-height: 50px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
.MenuLeft{
    background-color: #FFFFFF;
    float: left;
    width: 250px;
    height:auto;
    margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}
.WarningMessage{
    color: #FF0000;
}
.FormRight {
	background-color: #FFFFFF;
    float: left;
	width: auto;
	height: auto;
    margin-top: 20px;
}
.FormFull {
	background-color: #FFFFFF;
	background-position: center;
	width: 800px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
    padding: 50px;
}
.FormFullTable {
	border: 1px;
}
.FormFullRow {
	height: 35px;
}
.FormFullTitle {
	width: 100px;
    text-align: right;
}
.FormFullData {
	padding-left: 50px;
    text-align: left;
}
.BtnEntete {
    background-color: #FFFE2F;
	background-position: center;
    -moz-border-bottom-radius:3px;
    -webkit-border-bottom-radius:3px;
    border-bottom-left-radius:3px;    
    border-bottom-right-radius:3px;   
    width: auto;
	height: 30px;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-right: 5px;
    float: left;
    vertical-align: central;
}
.BtnEntete:hover {
    opacity: 0.7;
}
.BtnEntete a {
    color: #FFFFFF;
    text-decoration: none;
}
.BtnEnteteOff {
    background-color: #FFFE2F;
	background-position: center;
    -moz-border-bottom-radius:10px;
    -webkit-border-bottom-radius:10px;
    border-bottom-left-radius:10px;    
    border-bottom-right-radius:10px;   
    width: auto;
	height: 30px;
    padding: 5px;
    margin-right: 5px;
    float: left;
    vertical-align: central;
    opacity: 0.4;
}
.BtnEntete_Txt {
    color: #FFFFFF;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    line-height: 25px;
}
.BtnEntete_Txt:hover{
    opacity: 0.7;
}
.BtnEntete_TxtOff {
    color: #FFFFFF;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    line-height: 25px;
}
#BtnEntete_Last {
    background-color: #E6EAF2; 
    padding-top: 5px;
    float: right;
}
#BtnEntete_1 {
    background-color: #486699	;
    text-decoration-color: #FFFFFF;
}
#BtnEntete_2 {
    background-color: #944c7a	;
    text-decoration-color: #FFFFFF;
}
#BtnEntete_3 {
    background-color: #ca361b;
    text-decoration-color: #FFFFFF;
}
#BtnEntete_4 {
    background-color: #f39300;
    text-decoration-color: #FFFFFF;
}
#BtnEntete_5 {
    background-color: #FCCB31;
    text-decoration-color: #FFFFFF;
}
#BtnEntete_6 {
    background-color: #96b523;
    text-decoration-color: #FFFFFF;
}
#BtnEntete_7 {
    background-color: #6B6B6B;
    text-decoration-color: #FFFFFF;
}
#BtnEntete_8 {
    background-color: #008f8a;
    text-decoration-color: #FFFFFF;
}
.ListOnglet {
    background-color: #FFFFFF;
	background-position: center;
	width: 1400px;
	height: auto;
	margin-right: auto;
	margin-left: auto;   
}
.ListOngletButtons {
    background-color: #FFFFFF;
	background-position: center;
	width: auto;
	height: auto;
	margin-right: 10px;
	margin-left: 10px;
    margin-top: 15px;
    float: left;
}
.ListOnglet .OngletSel {
    background-color: #f2f2f2;
	background-position: center;
    width: auto;
    float: left;
    vertical-align: middle;
	text-transform: uppercase;
	color: gray;
	font: bold 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border: 1px solid silver;
	margin: 10px 10px 10px;
	padding-left: 10px;
	padding-right: 10px;
	height: 30px;
    padding-top: 5px;
}
.ListOnglet .OngletNoSel {
    background-color: #fff;
	background-position: center;
    width: auto;
    float: left;
    vertical-align: middle;
	text-transform: uppercase;
	color: gray;
	font: bold 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border: 1px solid silver;
	margin: 10px 10px 10px;
	padding-left: 10px;
	padding-right: 10px;
	height: 30px;
	padding-top: 5px;
}
.ListOnglet .OngletNoSel:hover{
    opacity: 0.7;
}
.MainOnglet {
    background-color: #FFFFFF;
	background-position: center;
	width: auto;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
.MainOnglet .OngletSel {
    background-color: #f2f2f2;
	background-position: center;
    width: auto;
    float: left;
    vertical-align: middle;
	text-transform: uppercase;
	color: gray;
	font: bold 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border: 1px solid silver;
	margin: 10px 10px 10px;
	padding-left: 10px;
	padding-right: 10px;
    height: 25px;
	max-height: 30px;
    padding-top: 10px;
}
.MainOnglet .OngletNoSel {
    background-color: #fff;
	background-position: center;
    width: auto;
    float: left;
    vertical-align: middle;
	text-transform: uppercase;
	color: gray;
	font: bold 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border: 1px solid silver;
	margin: 10px 10px 10px;
	padding-left: 10px;
	padding-right: 10px;
    height: 25px;
	max-height: 30px;
	padding-top: 10px;
}
.MainOnglet .OngletNoSel:hover{
    opacity: 0.7;
}
.OngletContent {
    background-color: #FFFFFF;
	background-position: center;
	width: auto;   /*800px*/
	height: auto;
    float: left;
	margin-right: auto;
	margin-left: auto;
    clear: left;   
}
.BlocSort{
    float: left;
    text-align: left;
    padding-right:5px;    
}
.ImgOnglet {
    height: 13px;
    padding-left:10px;
    padding-top:5px;
}

.ListSubOnglet {
    background-color: #FFFFFF;
	background-position: center;
	width: auto;   /*800px*/
	height: auto;
	margin-right: auto;
	margin-left: auto;   
}
.ListSubOnglet .OngletSel {
    background-color: #36814E;
	background-position: center;
    width: 150px;
	height: 20px;
    margin-left: 60px;
    padding-right: 10px;
    padding-left: 10px;
    float: left;
    vertical-align: central; 
}
.ListSubOnglet .OngletNoSel {
    background-color: #4DB870;
	background-position: center;   
    width: 150px;
	height: 20px;
    margin-left: 60px;
    padding-right: 10px;
    padding-left: 10px;
    float: left;
    vertical-align: central;
}
.ListSubOnglet .OngletNoSel:hover{
    opacity: 0.7;
}
.SubOngletContent {
    background-color: #FFFFFF;
	background-position: center;
	width: auto; /*800px;*/
	height: auto;
    float: left;
	margin-right: auto;
	margin-left: auto;
    max-height: 500px;
    overflow-x: auto;
    overflow-y: auto;
}
.SummarySection {
    background-color: #FFFFFF;
	background-position: center;
    width: auto;
	/*height: 150px;*/
    /*margin-top:20px;*/
    float: left;
    vertical-align: central; 
}
.SummaryTbl {
    width: 100%;
}
.SummaryTbl th {
font-family: Alegreya Sans, Verdana, Geneva, sans-serif;
font-weight: 100;
width: auto;
height: auto;
padding: 15px;
text-align: center;
font-size: 42px;
background: #494c52 center;
color: white;
margin-bottom: 25px;
}
.SummaryTbl td{
    font-size: small;
    padding-top:5px;
}
.SummaryTbl .GrandText {
    font-size: medium;
}
.DispTbl_AlignRight {
    text-align: right;
    padding-right: 5px;
}
.DispTbl_AlignCenter {
    text-align: center;
    padding-right: 5px;
    padding-left: 5px;
}
.DispTbl_AlignLeft {
    text-align: left;
    padding-left: 5px;
}
.MainTbl {
    width: 100%;
}
.MainTbl th {
font-family: Alegreya Sans, Verdana, Geneva, sans-serif;
font-weight: 100;
width: auto;
height: auto;
padding: 7px;
text-align: center;
font-size: 18px;
background: #494c52 center;
color: white;
margin-bottom: 25px;

}
.MainTbl td{
	padding: 7px;
}
.MainTbl .GrandText {
    font-size: medium;
}
.MainTbl .Line_1 td {
    vertical-align: middle;
    background-color: #D5D1D5;
}
.MainTbl .Line_2 td {
    vertical-align: middle;
    background-color: #CAC6CB;
}
.MainTbl tr:hover{
    background-color: #CAC6CB;
}
.MainTbl .NoHover:hover{
    background-color: #FFFFFF;
}
.MainTbl .FondActif_1 {
    background-color: #fafafa;
}
.MainTbl .FondActif_2 {
    background-color: #f2f2f2;
}
.DivDataTbl {
    border-color: #CF0053;
    border-width: 1px;
    border-radius:5px; 
    border-style:solid;
}
.DivDataTblInfo{
}
.DataTbl .FondActif_1 {
    background-color: #FFE3D1;
}
.DataTbl .FondActif_2 {
    background-color: #FFE3D1;
}
.MessageEnAttente {
    color: red;
    font-size: 24px;
}
.DivToSendOneMail{
    position:fixed;
    top: 200px;
    left: 40%;
    width: auto;
    height: auto;
    margin: 5% auto;
    padding: 10px;
    padding-bottom: 20px;
    padding-top: 20px;
    border: 1px solid #ccc;
    background-color: #f3f3f3;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    z-index: 500;
}
._TABLEAU_DYN {
    width:  1400px;
    vertical-align: center;
}
._TABLEAU_DYN_TABLE {
    max-width: 100%;
    display: flex;
    flex-direction: column; /* Pour empiler les lignes */
}
._TABLEAU_ROW {
    display: flex; /* Pour que les cellules s'alignent sur la même ligne */
    width: 100%;
}
._Q_TABLEAU_COL {
    flex: 1;  /* Les cellules peuvent s'étendre pour occuper l'espace disponible */
    border: 1px solid #000; /* Bordure des cellules */
    min-width: 25px;
    max-width: 120px;
    padding: 5px; /* Espacement intérieur */
    text-align: center; /* Centrer le texte */
}
._Q_TABLEAU_DEL{
    max-width: 30px;
}
._TABLEAU_DYN input { 
    width: 95%;
    max-width: 95%; /* Évite que l'input dépasse la cellule */
    box-sizing: border-box; 
}
._TABLEAU_DYN select { 
    width: 95%;
    max-width: 95%; /* Évite que l'input dépasse la cellule */
    box-sizing: border-box; 
}
._TABLEAU_DYN textarea { 
    width: 95%;
    max-width: 95%; /* Évite que l'input dépasse la cellule */
    box-sizing: border-box; 
}
/* Media queries pour le mode responsive */
@media (max-width: 600px) {
    .row {
        flex-direction: column; /* Change la direction des lignes en colonne */
    }
    
    .cell {
        max-width: none; /* Permet à chaque cellule de prendre toute la largeur disponible */
        width: 100%; /* Les cellules prennent toute la largeur */
    }
}