a,body,div,form,html,img,input,label,p,span
    {
        margin:0;
        padding:0;
        border:0;
        font-family:sans-serif,Arial
    }
body,html
    {
        min-height:100%;
        overflow-x:hidden
    }
body{
    background-color:#F0F0F0;
}
.formulaire{
	padding-left:10%;
	padding-right:10%;
	padding-bottom:0px;
	padding-top:0px;
}
.wrap
    {
        margin:auto;
    }
@media only screen and (min-width:1px) and (max-width:575px)
    {
        .wrap{width:99%}
}

.ruban
    {
		padding: 5px;
		width:100%;
		background: #582b01;
		border-radius: 10px 10px 0px 0px;
    }
@media only screen and (min-width:1px) and (max-width:575px)
    {
        .ruban{width:100%
    }
}

    a{
    text-decoration: none;
    font-size: 14px;
    color: red;
	font-weight: bold;
}
    input,label
        {
            vertical-align:middle;
            white-space:normal;
            background:0 0;
            line-height:1
        }
    label
        {
            position:relative;
            display:block}p::first-letter
                {
                    text-transform:uppercase
                }
                .main
                    {
                        min-height:calc(100vh - 90px);
                        width:100%;display:-webkit-box;
                        display:-ms-flexbox;
                        display:flex;
                        -webkit-box-orient:vertical;
                        -webkit-box-direction:normal;
                        -ms-flex-direction:column;
                        flex-direction:column
                    }
                .ie-fixMinHeight
                    {
                        display:-webkit-box;
                        display:-ms-flexbox;
                        display:flex
                    }
                .ico
                    {
                        height:16px;
                        position:absolute;
                        top:0;
                        left:0;
                        margin-top:13px;
                        margin-left:14px
                    }
                .logo
                    {
                        max-width:200px;
                        display:block;
                        margin:0 auto 30px auto
                    }
                .logo *
                    {
                        fill:#fff
                    }
                .lite .logo *
                    {
                        fill:#444
                    }
                    h1
                        {
                            text-align:center;
                            color:#582b01;
                            font-size:24px!important
                        }
*{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    font-size:16px
}

form
    {
        width:100%;
        margin-bottom:5px
    }
                .info
                    {
                        color:#582b01;
                        text-align:center;
						margin-top:5px;
                        margin-bottom:5px;
						
                    }
				
				.entete
                    {
                        color:#582b01;
                        text-align:center;
						margin-top:1px;
                        margin-bottom:5px;

					}
				footer a
                    {
                        color:gray;
                        text-align:center;
						margin-top:1px;
                        margin-bottom:1px;
					}
footer a:hover{
	color: red;
}
                input
                    {
                        outline:0;
                        -webkit-appearance:none;
                        -moz-appearance:none;
                        appearance:none
                    }
                input:focus
                    {
                        outline:0
                    }
            input[type=password],input[type=text],input[type=email],input[type=number],input[type=tel],input[type=submit],select
                {
					font-weight: bolder;
                    width:100%;		
                    border:1px solid;
					border-color: #582b01;
                    background-color: rgba(255,255,255,.8);
                    height:44px;
                    padding:3px 20px 3px 55px;
                    margin-bottom:20px;
                    border-radius:6px;
                    background-color:rgba(255,255,255,.8);
                    -webkit-transition:-webkit-box-shadow .3s ease-in-out;
                    transition:-webkit-box-shadow .3s ease-in-out;
                    transition:box-shadow .3s ease-in-out;
                    transition:box-shadow .3s ease-in-out,-webkit-box-shadow .3s ease-in-out
                }
            input[type=password]:focus,input[type=text]:focus
                {
                    -webkit-box-shadow:0 0 5px 0 rgba(255,255,255,1);
                    box-shadow:0 0 5px 0 rgba(255,255,255,1)
                }
            .bt
                {
                    opacity:100%;
                }
            input[type=submit],.btn-info
                {
                    background:#2e4f7a;
                    color:#fff;
                    border:0;
                    cursor:pointer;
                    text-align:center;
                    width:100%;height:44px;
                    border-radius:6px;
                }

            input[type=submit]:focus,input[type=submit]:hover
                {
                    background:red;
                }
			input[type=button]
                {
                    background:green;
                    color:#fff;
                    border:0;
                    cursor:pointer;
                    text-align:center;
                    width:100%;height:44px;
                    border-radius:6px;
                }

            input[type=button]:focus,input[type=button]:hover
                {
                    background:red;
                }
            table
                {
					border-collapse:collapse;
					width:100%;
                    margin-bottom:1px;
                }
            table td
                {
                    color:none;
                }
            table td:first-child
                {
                    font-weight:700
                }
            .lite
                {
                    background:#fff
                }
            .lite input[type=password],.lite input[type=text]
                {
                    border:1px solid #c3c3c3
                }
            .lite .info,.lite h1,.lite table td
                {
                    color:#444
                }
            .lite input[type=password]:focus,.lite input[type=text]:focus
                {
                    -webkit-box-shadow:0 0 5px 0 rgba(62,77,89,.2);
                    box-shadow:0 0 5px 0 rgba(62,77,89,.2)
                }
            .dark
                {
                    background:#343434
                }
            .dark input[type=submit]
                {
                    background:#dc3a41
                }
            .dark input[type=submit]:focus,.dark input[type=submit]:hover
                {
                    background:#b92f35
                }
            .dark input[type=password],.dark input[type=text]
                {
                    background-color:#fff
                }
            .dark a
                {
                    color:#dc3a41
                }
            .dark table td
                {
                    border-bottom:1px solid #505050
                }
            .info.alert
                {
                    color:#da3d41
                }
            @media (min-width:576px)
                {
                        {
                            width:576px
                        } 
                    *
                        {
                            font-size:14px!important
                        }
					.ruban
                        {
                            width:410px
                        }
                    *
                        {
                            font-size:14px!important
                        }
                }
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: blue;
opacity: 1; /* Firefox */
font-weight: bold;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #582b01;
font-weight: bold;
}

::-ms-input-placeholder { /* Microsoft Edge */
color: #582b01;
font-weight: bold;
}
