@charset "utf-8";
/* CSS Document */
.link {
    margin : 100px 0;
    padding : 20px 20%;
    width : auto;
    height : auto;
    min-height:150px;
	background-color:#f1efbe;
}

.link img{
	width : 800px;
	max-width: 80%;
	}
	
#screena{
	width : 313px;
	max-width: 60%;
	}
	
label {
	font-size : 1rem;
	font-family: 'titre', Arial, Helvetica, sans-serif;
	margin:0 0 10px -10px;
	color:#D44242;
	padding: 3px 0 3px 10px;
}
@media screen and (max-width: 850px) {
    .link {
        margin : 10px 0;
        padding : 0 6% 10px;
        width : auto;
        height : auto;
        min-height:130px;
		box-shadow: 0px 0px 0px 0px rgba(194,171,87,0.84) inset;
    }
}
textarea {
    width : 100%;
    background-color : #ffffff;
    border : 1px solid #D44242;
    font-size:14px;
    padding:3px 0 3px 3px;
    margin: 5px 0;
}
.copys {
    display:inline-block;
    width : auto;
    height : auto;
    padding: 3px 4px;
    font-size : 1.3rem;
    font-weight: bold;
    text-align : left;
    text-decoration: none;
    border: 1px solid #D44242;
    color: #D44242;
    background-color: #fff;
    margin: 3px;
}
.copys:hover {
	cursor: url(../cursors/pointer.cur) , auto;
	background-color: #D44242;
    color: #fff;
}
.link a {
    color:#840000;
}
/**************donner avis***********/
#loaderavis {
    position:fixed;
    display:none;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color: #999999;
    z-index:97; /* makes sure it stays on top */
    opacity:0.5; 
}
#mauvaisavis {
    display:none;
    width:360px;
    height:auto;
    position:fixed;
    border:3px solid red;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    margin:-150px 0 0 -180px;
    background-color: #FFFFCC;
    z-index:98; 
    text-align:center;
}
#mauvaisavis h2 {
    text-align:center;
    font-weight : bold;
    font-size : 1.2rem;
    color : #D44242;
    background-image:none;
    background-color: #FFFFFF;
    border : 1px solid #D44242;
    cursor: url(../cursors/pointer.cur) , auto;
    width : auto;
    height : auto;
    padding : 5px;
    margin: 15px;
}
#mauvaisavis p {
    font-family:"Times New Roman", Times, serif;
    text-align:center;
    font-size:1.2rem;
    margin:0 15px;
    color:#D44242;
    font-weight:bold;
}
#mauvaisavis button {
    font-weight : normal;
    font-size : 1.2rem;
    color : #D44242;
    background-color: #FFFFFF;
    border : 1px solid red;
    cursor: url(../cursors/pointer.cur) , auto;
    width : auto;
    height : auto;
    padding : 5px;
    margin:15px 0;
}