header{
	width:90%; 
	margin:0 auto;
}

#logo{
	width:200px; 
	padding:10px;
}

#content{
	width:90%; 
	margin:0 auto;
}

#menu-gauche{
	background-color:#3b8995;
	padding:5px;
} 

#menu-haut{	
	background-color:#3b8995;
}

#formulaire{
	border:2px solid #3b8995;
	min-height: 744px; 
	padding:5px;
}

.cdg{
	display: block;
    padding: 15px;
	text-align:center;
    border: 2px solid white;
    border-radius: 4px;
    margin-bottom: 15px;
    text-decoration: none;
	cursor:pointer;
}

li < .complete{
    background: gray;
}

.lienCdg{
	color:white !important;
	font-weight: 700;
	cursor:pointer;
}
ul{
	padding-left:0; 
}

.sousmodule{
	color: #fff;
	background-color:#9dbdda;
	text-align: center;
}

#form-login{
	max-width: 370px;
	margin: 0 auto;
}

.input-login{
	padding:10px
}

.image-input{
    position: initial !important;
}

#message{
	color : red;
}
.ico25{
	width:25px;
}

.iconeTraitement{
	width:32px;
}

.consulterForm{
	display:inline;
}

.hidden{
	display:none;
}

.titreV{
margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
    border-bottom: 3px solid #3b8995;
    border-top: 3px solid #3b8995;
    color: #3b8995;
    max-width: 240px;
    margin-top: 63px;
    text-transform: uppercase;
}

.abutton{
text-decoration: none;
    font-size: 16px;
    /* border: 1px solid; */
    color: black;
    -webkit-appearance: button;
    padding: 8px;
    padding-left: 20px;
    /* width: 30px; */
    padding-right: 20px;
    /* border-radius: 8px; */
}

a.abutton:hover {
    text-decoration: none;
    color: black;
}

.titreForm{
    border-bottom: 2px solid;
    border-top: 2px solid;
    color: #3b8995;
    max-width: 859px;
    text-transform: uppercase;
    margin: 0 auto;
    margin-top: 20px;
    text-align: center;
}

input[type=checkbox]{
    -webkit-appearance: none;
    border: 2px solid #356699;
    transition: .2s all linear;
    outline: none;
    margin-right: 5px;
    color: #000;
    padding: 7px !important;
    margin-top: 2px;
    font-size: 14px;
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
}
input[type=checkbox]:checked{
    -webkit-appearance: none;
    border: 2px solid #356699;
	background-color:#356699;
    transition: .2s all linear;
    outline: none;
    margin-right: 5px;
    color: #000;
    padding: 7px;
    margin-top: 2px;
    font-size: 14px;
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
}


.radioOKat, .radioNOKat{
    -webkit-appearance: none;
	border-radius:20px;
    border: 2px solid #356699;
    transition: .2s all linear;
    outline: none;
    margin-right: 5px;
    color: #000;
    padding: 7px !important;
    margin-top: 2px;
    font-size: 14px;
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
}
.radioOKat:checked{
    -webkit-appearance: none;
	border-radius:20px;
    border: 2px solid #356699;
	background-color:#356699;
    transition: .2s all linear;
    outline: none;
    margin-right: 5px;
    color: #000;
    padding: 7px;
    margin-top: 2px;
    font-size: 14px;
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
}
.radioNOKat:checked{
    -webkit-appearance: none;
	border-radius:20px;
    border: 2px solid red;
	background-color:red;
    transition: .2s all linear;
    outline: none;
    margin-right: 5px;
    color: #000;
    padding: 7px;
    margin-top: 2px;
    font-size: 14px;
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
}

input[type=radio][disabled]{
	    -webkit-appearance: none;
	border-radius:20px;
    border: 2px solid #aaa;
    transition: .2s all linear;
    outline: none;
    margin-right: 5px;
    color: #000;
    padding: 7px !important;
    margin-top: 2px;
    font-size: 14px;
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
}

.commentaireAt{
	/*text-transform:uppercase;*/
}

#menu-gauche{
	    position: sticky;
    top: 0;
}

.table_header_sort{

cursor:pointer;
}

.table_header_sort:hover{
text-shadow: #356699 1px 0 10px;
}