@charset "utf-8";
/* CSS Document */

.cf:before,
.cf:after	{ content:""; display:table; }
.cf:after	{ clear:both; }
.cf 	 	{ zoom:1; }

html,body{
	
	margin:0 auto;
	padding: 10px;
	font-family: 'Titillium Web', sans-serif;
	}
strong	{ font-weight: bold; }

/*MOD*/
.btn_delete {visibility:hidden;} 
.btn_upload {visibility:hidden;} 
#table_desktop{display:block;} 
#table_mobile{display:none;} 

.nice-table,
.TextBoxesGroup table	{ width: 100%; border-collapse: separate; margin-bottom: 10px; }
.group-founders table	{ width: 50%; }

.nice-table th,
.TextBoxesGroup th,
.nice-table td,
.TextBoxesGroup td		{  }

.nice-table th,
.TextBoxesGroup th		{ background: #008080; color: #fff; padding: 0 5px; position:relative; margin-left: 50%;}

.formulaire .nice-table td,
.formulaire .TextBoxesGroup td				{ border-left: 1px solid #9ba4b2; padding: 5px; }
.nice-table td:first-child,
.formulaire .TextBoxesGroup td:first-child	{ border: none; }

#conteneur{
	width:960px;
	margin:0 auto;
	height: auto;
	
	font-family: 'Titillium Web', sans-serif;
}
.TextBoxesGroup div{
	display:inline-block;

	
}
.error{
	background-color:#F00;
	color:#fff;
}
.instruction{
	background-color:#3d414a;
	color:#fff;
	text-align:center;
	min-height:1px;
}
input[type=text]{
		
}
div input[type=text]{
	

	
}


td, tr{
padding:0px 5px 0px 5px;



}

.table-date tbody tr td{
    width:200px!important;
    float: left;
    margin-top:5px;

}
tr{
	
	
}
td{
	font-size:14px;
	
}
td a{
	color:#000;
	
}
td a:hover{
	color:#0C9E16;
	
}


.contentTable tr:nth-child(even) { background-color:#f3f3f3; }
.contentTable tr:nth-child(odd) { background-color:#fff; }
.contentTable tr:first-child { background-color:#494d58; }
table.dataTable	{ border-collapse: collapse; }

.dataTables_length,
.dataTables_filter	{ margin-bottom: 10px; }

.formulaire2 tr:nth-child(odd){ background-color:#f3f3f3; }
.formulaire2 tr:nth-child(even){ background-color:#fff; }
.formulaire2 tr:first-child{ background-color:#494d58; }
.entete{
	color:#fafafa;
	 background-color:#494d58;
	
	font-size:16px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

}

.entete a	{ color: #fff; }

.separateur{
	border-left:1px solid #d5d5d5;
	border-right:1px solid #d5d5d5;
	text-align:center;
}
.menuAdmin{
	margin-top:15px;
	background-color:#494d58;
	padding:20px 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom:15px;
	
}
.menuAdmin .right{
	text-align:right;
	float: right;
	padding-right: 20px;
}
.menuAdmin a{
	color:#595858;

}
.menuAdmin a:hover{
	color:#0C9E16;

}
.right a:hover{
	color:#B40725;

}
.addCorporation{
	margin-top:15px;
	background-color:#494d58;
	padding:5px 0px 5px 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom:15px;
}
.addCorporation a{
	color:#fafafa;

}
.addCorporation a:hover{
	color:#0C9E16;

}
.leaveCorporation{
	margin-top:15px;
	background-color:#494d58;
	padding:5px 20px 5px 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom:15px;
	text-align:right;
}
.leaveCorporation p{
	/*color:#fafafa;*/
}
.leaveCorporation a{
	color:#595858;

}
.leaveCorporation a:hover{
	color:#B40725;

}
.liste td{
	border:0;	
}
.liste{
	width:500px;
	margin:0 auto;
	margin-top:300px;
	background-color:#494d58;
	padding:5px 0px 5px 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom:15px;
	color:#fafafa;
	
}
.liste td{
	
}
.liste h1{
	font-size:25px;
	padding:50px 50px;
	
}

.liste input[type=text],.liste input[type=password]{
	/*width:650px;*/
	margin:10px 20px;
	
}
.liste td p{
	padding-left:20px;
}
.liste select{
	margin:10px 20px;
}
.liste input[type=submit],.liste input[type=button]{
	
	margin:10px 20px;
	
}
.formulaire{
	width:960px;
	background-color:#FFF;
	margin-top:15px;
	line-height:30px;
}
.formulaire td{
	border:0;
}
.formulaire h1{
	font-size:25px;
	
	background-color:#494d58;
	padding:5px 0px 5px 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom:15px;
	color:#fafafa;
	
}

.formulaire2{
	border-top:1px solid #d5d5d5;
	background-color:#FFF;
	width:500px;
	margin:0 auto;
	margin-top:300px;
	line-height:30px;
}
.formulaire2 h1{
	font-size:20px;
	
	background-color:#494d58;
	padding:5px 0px 5px 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom:15px;
	color:#fafafa;
	
}
.formulaire2 td{
	border-top:1px solid #d5d5d5;
}

.formulaire2 a:hover{
	color:#B40725;
}

.login-page .contentTable	{ line-height: 50px; }

.contentTable, .contentTable2{
	width:100%;
	border:1px solid #d5d5d5;

}
.contentTable h1{
	font-size:2.5em;
	background-color:#494d58;
	padding:0px 0px 0px 0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	
	color:#fafafa;
}
.contentTable caption{
padding-bottom:10px;
}
.contentTable img, .contentTable2 img{
	text-align:center;
}
.btn{
	border:1px solid #d5d5d5;	
	padding:8px 6px 2px 6px;
	display:inline-block;
	-webkit-border-radius:2px;
	border-radius:2px;
	background:#fafafa;
	text-align:center;
	min-width:52px;	
	margin-left:5px;
}
.btn:hover{
	background:#f3f3f3;
}

.succes{
	font-weight:bold;
	background:#effeb9 ; 
	border:1px solid #c1d779;color:#3C5A01;
	padding:1em;margin-bottom:15px;
}

.succes p{
	display:inline-block;

}
button{
	border:0;	
	background:none;
}
button:hover {

 cursor:pointer;
 color:#B40725;
}
.logAs{
	color:#fafafa;
	float:left;
	padding-top:20px;
	
}
#prix{
	border:0;
	background-color:transparent;
	text-align:right;
	color:#fafafa;	
	font-family: 'Titillium Web', sans-serif;
	width:35px;
	font-size:15px
}
.language{
	text-align:right;
	font-size:1.5em;
	padding:15px;
	padding-top:0px;
	color:#999;
	font-weight:bold;
	
}
.language a{
	color:#333;
	font-weight:bold;
	
}
.language a:hover{
	color:#999;
	font-weight:bold;
	
}

.gs-logo	{ display: block; width: 48px; height: 48px; background: url(../images/logo-gs.jpg); float: right; margin-top: 7px; }

/* MOBILE
********************************************************************************/
@media only screen and (max-width : 1024px) {
    
    /*Search-show*/
    .page-admin label, .page-admin .dataTables_info, .page-admin #table_desktop_paginate {font-size:1.5em;}
    .page-admin label select{ height: 30px; top:-5px;} 
    .page-admin label input{ height: 30px;position: relative; top: -5px;left:0px;}
    .page-admin formulaire label input{width: 50px;}
  
    /*footer*/
    #logOut {font-size:0.7em!important;}
    #logOut p{margin-top:-15px!important;}
    #logOut {height: 50px;}

    
    .leaveCorporation{position:fixed!important; bottom:0px; left:2px;  height: 80px!important; width:95%!important;}
    .page-admin .leaveCorporation{bottom:50px!important;}
    .leaveCorporation .btn{margin-top:10px!important;}
    .leaveCorporation, .leaveCorporation p{font-size:1.5em!important;}
    #forgot_ps{margin-top:20px;}
    /*test*/
    td{height: 65px!important;  font-size: 1em;}
    td a{font-size:1.5em!important;}
    p{font-size:1.5em!important;}
    /*--------------------interface général*/
    .modifier-page input {height: 20px; width: auto; position: relative; top:5px;}
    select {height: 25px; width: auto; position: relative; top:5px;}
    #formIncorcoration input{margin-bottom: 10px;}
    #formIncorcoration input{min-height: 20px; width: 30px; left:4px;}
    #formIncorcoration .instruction{margin-bottom:20px;}
    .hidden {top:100px;}
    /* .CorporationForm .formulaire {margin-bottom: 100px;} */
    /*--ADMINSSION--*/
    #conteneur{ width:100%; }
    .login-page #form1{border:solid rgba(0,0,255,0.01) 4px; width: 100%;height: 289px; }
    
    
    .login-page tbody { margin-left:15%; width: 70%; text-align: center; }
    .login-page tbody tr td h1{ margin-left:-100%; background-color: rgba(0,0,255,0.01);}
    .login-page tbody td{color:#008080;}
     .ad #conteneur {height: 600px;}
    .login-page tbody tr td p{ margin-left:-100%;}
    .login-page tbody tr td input{ margin-left:-100%;}
    .login-page tbody tr td { height: 55px; }
    
    /*--ADMIN PANEL--*/
    /*MOD-----HEADER*/
     .menuAdmin .btn { margin-left:20px;  height: 50px; width: 80px; position: relative; margin-top:0px!important; } 
    .btn span{ font-size:1em;}
    
    .right{ position: relative; height: 65px; width: 50%; margin-top: 5px; margin-right: 1%;}
    .right .btn { margin-top: 0px!important; float:right; margin-right: -10px; font-size:16px;}
    .gs-logo {margin-top: 15px;}
    .language {text-align: center; margin:0, auto;}
    
    /*---search---*/
   .dataTables_filter {margin-right:4.5%;}
    /*---SHow---*/
    .dataTables_length {margin-left:4.5%;}
    /*--LOG-OUT--*/

    /*--Download--*/
    td select {width:100%;}
    
    /*--table--*/
    #del_desktop{display: none;}
    #upload_mobile{display: none;}
    .btn_delete {visibility:visible;}
    .btn_upload {visibility:visible;} 
    /*--your file --*/
    .entete .nosorting.sorting_disabled:last-child {display:none;} 
    /*--responsive test--*/
    .entete {margin-left:4%;}
    
	table, thead, tbody, th, td, tr { display: block; }
    table {border:0px solid white!important;}

	/*******************/
    #table_desktop{display:none;} 
    table {border:0px solid white!important;}
    #table_desktop{display:none;} 
    #table_mobile{display:block;} 
    #table_mobile tbody{ width: 90%!important;} 
    .table_member #more_info{width: 60%!important;}
    .table_member td{width: 90%!important;}
    .table_member td p{margin-left: 0%!important; }
    .table_member p,.table_member  a,.table_member  select{margin-left: 0%!important;}
    #mob_mem #more_info{margin-top:-80px;}
    #mob_mem .show_table p{margin-top:-2px;}
    

    .hidden_content{display:none;}
    .show_table {background-color:#008080; height: 40px;}
    .show_table #more_info{color:#008080;float: right; margin-top:-12px; margin-right:2%;}
    .show_table p {text-align:left; margin-left:2%;font-size:1.3em;color:white; font-weight:bold; position: relative;top:20px; width:100%!important;}
    #more_info {border: solid 2px white;width:150%;height: 100%; margin-top:-80px;opacity:0.001;}
     /*******************/
    #table_mobile tbody tr td {display: none;}
    #table_mobile tbody tr td:first-child {display:block!important;}
    .removebutton{display:none;}
    /*******************/


    #table_mobile tr {
    border-bottom: 1px solid #ddd;
  }
   margin: .5em 1em;
    @media (min-width: $breakpoint-alpha) { 
      padding: 1em !important; 
    }
 #table_mobile  th{display:none;}
 #table_mobile  {position: relative;top:20px; left: 0px;}
    @import 'http://fonts.googleapis.com/css?family=Montserrat:300,400,700';
    #table_mobile td {display:block;}
    #table_mobile  td:first-child{padding-top:.5em;}
    #table_mobile  td:last-child{padding-bottom:.5em;}
    #table_mobile  td:before{content:attr(data-th":";)font-weight:bold;width: 6.5em;display:inline-block;}
    #table_mobile td {text-align: left!important;color:green;}
    #table_mobile th {text-align: left!important;}
    #table_mobile {padding: 0 2em;font-family: Montserrat, sans-serif; -webkit-font-smoothing:   antialiased;text-rendering: optimizeLegibility;color: #444;background: pink;}
    #table_mobile h1{font-weight: normal;letter-spacing: -1px;color: #34495E;}
    #table_mobile td { margin: .5em 1em;}
    #table_mobile td a{margin-left:-100%;}
    #table_mobile td select{margin-left:-100%;}
    #table_mobile th { margin: .5em 1em;}
    #table_mobile .entete { display: none;}
    #table_mobile td p{margin-left:-100%; width: 250px!important;}
  
    
    
    
    
    /*******************/
    /*******************/
	thead tr { width:40%; float: left;}
    tbody  { width:50%;float: left;}
    tbody td{height: 29px; }
    tbody  {border-top:solid #eee 2px; border-bottom:solid #eee 2px; border-right:solid #eee 2px;}
	td { border: none;border-bottom: 1px solid #eee; position: relative;padding-left: 50%;}
    
    .btn_delete {background-color: white;height: 30px; width: 200px;margin-left:4%;border:solid 1px #eee;}
    .btn_delete h2{margin-left: 50px;color:black;}
    .btn_delete img{margin-top:-18px;margin-left:5px;}
    .btn_upload 
    {
    margin-top:-30px;
    margin-left:90%;
    background-color: white;
    border:solid 1px #eee;
    text-align: center;
    width:30px;
    height: 30px;
    }
    .btn_upload img
    {
    margin-top:5px;
    }
    
/*--test uploaded file error--*/
      
    #file
    {
        background-color: white;
        margin-right: -160px;
    }
    .yourFile_mobile
    {
    display: none; 
    }
    
    
/***********************************************************************/
     #conteneur{
        width:95%;
         background-color:#008080;
    }
    .modifier-page .formulaire {font-size:20px;}
    .modifier-page .formulaire p{margin-bottom: 20px;margin-top: 20px;}
    .modifier-page .formulaire h1{position: relative;left: -10px; bottom:-20px!important;}
    .modifier-page .gs-logo{margin-top:0%;}
    .modifier-page .formulaire tr:first-child{
        height: 50px; 
    }
    .modifier-page .formulaire{width: 100%; background-color:#008080;}
    .bg select{margin-left: 50%; width: 50%;}
   

    .modifier-page .instruction {/*-----------------------------------------mmmialmg*/
     margin-top:30px;   
        margin-bottom:10px; 
        border-bottom:#eee 1px solid;
        height: 10%;
    }
    .modifier-page .instruction:first-child {display: none;}
    .modifier-page tbody{;position:relative;width: 111.1%;  height: auto;border-right:none;border-top:none; border-bottom:none; margin-bottom: 25px; }
    .CorporationForm .formulaire{background-color: rgba(0,0,255,0.001); height: 1500px; }
    #formIncorcoration{ height: 500px;}
    .CorporationForm .formulaire tbody{ background-color: rgba(0,0,255,0.001);display: inline; }
    
     .CorporationForm span{margin-left:10px!important;}
     .modifier-page .table-date tbody {background-color:#008080;margin-bottom: 80px;margin-top:30px;height: 450px;}
    .table-date{margin-bottom: 0px;}
  
     .modifier-page tbody tr:last-child{   margin-bottom: 10px; }
    .table-qst tbody{border-bottom: #eee 1px solid;}
    .modifier-page table {  width: 90%;    max-width: 90%;  height: auto; }
    .modifier-page tr{margin-top:20px;     }
    .modifier-page td{height: 10px!important;}
    .modifier-page td input{margin-left: 5px!important;margin-top:10px;}
    .modifier-page .formulaire tr{margin-top:60px;width:150%;margin-left:-65%;}
    .modifier-page textarea{width: 100%; }
    .modifier-page input{max-width: 110%; }
    .modifier-page tbody tr td div{
    color:white;

    }
    .bg{height:2200px; background-color:#008080}
    .price{color:black!important;font-size: 24px!important; width: 60px!important; height: 60px!important;         margin-top: -20px;}
 
    .marge_exception{margin-bottom: 20px;}
    .logAs{margin-left:5%;}

    
/***********************************************************************/
 
    /*******************************AFFICHER***************************************/
    #form_afficher table tr{margin-left:0px!important;width: 100%!important;}
    #form_afficher table td{margin-left:0px!important;width: 100%!important;}
    #form_afficher table th{ width: 50%!important; margin-left:0%;}
     #form_afficher div {margin-right:0px!important;}
     #form_afficher table{bottom: -70px;}

}


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

   /*MOD-----HEADER*/
     .btn {margin-top: 5px; margin-bottom: 5px;}
    .btn span {font-size:0.8em;}
    .right{ position: relative; height: 65px; width: 120%; margin-top: 10px; margin-right:-3%;}
    .right .btn {width:90px; }
    .gs-logo {margin-top: -2%;}
    .language {text-align: center; margin:0, auto;}
    /*--LOG-OUT--*/

    /*--Page modifier---*/
       .modifier-page .formulaire tr:first-child{
        height: 80px; 
    }
    .modifier-page .instruction {margin-top:30px;   margin-bottom:10px; display:block;}
      
}
@media only screen and (max-width :410px) {
    /*--LOGIN--*/
    .logAs span { font-size: 22px; font-style: bold;}
    .logAs {width: 200px; height: 40px;  text-align: center; margin-top: -15px;}
     /*--Page modifier---*/
       .modifier-page .formulaire tr:first-child{
        height: 110px; 
    }
    /*--Page admission--*/
    .login-page button:last-child {position: relative; margin-top:-4%;} 
    
    /*--page modifier--*/
    .modifier-page .gs-logo { margin-right:-10px;}

    
 .modifier-page .table-date tbody {
         margin-bottom: 120px;
    }
    
    
}

@media only screen and (max-width :350px) {
 /* body {background-color: green;} */ 
    #conteneur{height: 480px!important;}
   /*MOD-----HEADER*/
    .login-page .menuAdmin img {width:100px;} 
    .menuAdmin input {width:30%!important;}
    
    .gs-logo {margin-top: -2%;  width:25px; height: 25px; background-size: cover;}
    .ch{width: 70%;height: 70%;}
    .right{ position: relative; height: 65px; width: 120%; margin-top: 5px; margin-right:2%;}
    .right .btn { margin-top: 0px!important; width:30%; margin-right: -10px;}
    .right .btn img {margin-bottom:-10px;}
    /*--LOG-OUT--*/

    .logAs {width: 150px; height: 40px;  text-align: center; margin-top: -15px;}
   
    /*--Page Modifier--*/

   .modifier-page .menuAdmin a img{margin-right:-1%;}

    
}