/* CSS Document */
/*************************************************************formulaire**********/
form {
    margin: 0 2%;
	width:96%;
}
.formp {
	margin: 0 0 40px 0 !important;
}
.texte input {
    width : 100%;
    height:auto;
    background-color : #ffffff;
    border : 1px solid black;
    font-size:1.2rem;
    padding:6px;
    margin: 5px 0 5px -5px;
	border-radius: 5px;	
}
input{
	cursor: url(../cursors/trait.cur), auto;
}
textarea {
    width : 100%;
    background-color : #ffffff;
    border : 1px solid black;
    font-size:1.2rem;
    padding:6px;
    margin: 5px 0 5px -5px;
	cursor: url(../cursors/trait.cur), auto;
	border-radius: 5px;	
}
select {
    width : 100px;
    background-color : #ffffff;
    height:auto;
    border : 1px solid black;
    font-size:1.2rem;
    margin: 5px 0;
	    -webkit-appearance:button !important;
        -moz-appearance:button !important;
            appearance:button !important;
    cursor: pointer;
	cursor: url(../cursors/arrow.cur), auto;
	border-radius: 5px;	
}

input.bouton, button.bouton{
    font-family: 'texte';
    letter-spacing: 1px;
    display:inline-block;
    width : auto;
    height : auto;
    padding: 4px 8px 4px 8px;
    font-size : 1.2rem;
	line-height:1.4rem;
    font-weight: bold;
    text-decoration: none;
    color : #856931;
	transition: color 0.5s;
    background-color :#f7c494 ;
	transition: background-color 0.5s;
    margin: 10px 0;
	cursor: url(../cursors/pointer.cur) , pointer;
	border-radius: 5px;	
	border : 1px solid #5e574a;
}
.texte input:focus, textarea:focus, select:focus {
    outline:0;   
        box-shadow: 0px 0px 1px 1px #c4a870 inset; 
}
input.bouton:hover, input.bouton:active, button.bouton:hover, button.bouton:active {
    color : #faf0dc;
	transition: color 0.5s;
    background-color : #77b072;
	transition: background-color 0.5s;
	cursor: url(../cursors/pointer.cur) , pointer; 
}

.Surname {
    display:none;
}
label {
    padding: 0;
    margin:0;
	cursor: url(../cursors/arrow.cur) , arrow;
}

input.checkboxe{
	width : 10px;
	height:10px;
}

.bottomcaptcha {
    display:inline-block;
    font-size : 1.3rem;
    text-decoration:none;
    font-weight:bold;
    color: black;
    background-color: #fc6;
    margin:40px 0 50px 0;
	padding:10px;
    list-style-type:none;
	border-radius: 5px;	
}
/**************donner avis***********/
#loaderavis {
    position:fixed;
    display:block;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color: #171510;
    z-index:97;
    opacity:0.8; 
}
#mauvaisavis {
    display:block;
    width:360px;
    height:auto;
    position:fixed;
    border:3px solid black;
    left:50%; 
    top:50%; 
    margin:-150px 0 0 -180px;
    background-color: #a19d8a;
    z-index:98; 
    text-align:center;
	padding:0;
	border-radius:10px;
}
#mauvaisavis h2 {
    text-align:center;
    font-weight : bold;
    font-size : 1.2rem;
    color : black;
    background-image:none;
    background-color: #fff;
    border : 1px solid black;
    width : auto;
    height : auto;
    padding : 5px;
    margin: 35px 15px 20px 15px;
	border-radius:5px;
}
#mauvaisavis p {
    text-align:center;
    font-size:1.2rem;
    margin:5px 15px;
    color:black;
    font-weight:bold;
}
#mauvaisavis button {
    font-weight : normal;
    font-size : 1.2rem;
    color : black;
    background-color: #FFFFFF;
    border : 1px solid black;
    cursor: pointer;
    width : auto;
    height : auto;
    padding : 5px;
    margin:15px 0 25px 0;
	border-radius:5px;
}
#mauvaisavis a {
    display:inline-block;
    font-size : 1.2rem;
    padding:2px 4px 4px 4px;
    text-decoration:none;
    font-weight:bold;
    border: 1px solid black;
    color: #E9D100;
    background-color: #dbdbea;
    margin: 15px 0 0 0;
}
#mauvaisavis a:hover, #mauvaisavis a:active {
    color: #FF0000;
    background-color:#dbdbea;
}
.avisclient {
    text-align:center;
    font-size: 1.2rem;
}
.menuavis ul {
    list-style-position:inside;
    padding: 0;
    text-align:center;
}
.menuavis li {
    display:inline;
    font-size:1.2rem;
    font-weight:bold;
	margin: 0 10px 20px 0;
}
.menuavis a {
	display:inline-block;
    color:white;
	background:#C00114;
    text-decoration:none;
	border:1px solid black;
	padding:0 0 4px 0;
	width:2rem;
}
.titretexte a:active {
    color:#FF6600;
}
.menuavis a:hover {
    color: #A93E10;
    background-color: #FFCC66;
}

.texteavis {
    margin : 30px 20%;
    padding : 10px;
    width : auto;
    height : auto;
    min-height: 125px;
    border-radius: 10px;
    background-color: #DCE0E0;
}
@media screen and (max-width: 850px) {

    .texteavis {
        margin : 20px 0;
        padding : 5px 15px;
        width : auto;
        height : auto;
		border-radius: 0px;
    }   
}
.texteavis h2 {
    margin : 10px 0;
    padding : 0;
    font-size : 1.4rem;
    color : black;
    background: url(../fonds/orange1.gif) repeat-x bottom;
    text-align : left;
    font-weight:bold;
}
.texteavis h3 {
    margin : 10px 0;
    padding : 0;
    font-size : 1.3rem;
    color : black;
    text-align : left;   
}
.texteavis p {
    margin : 10px 0;
    padding : 0;
    font-size : 1.2rem;
    text-align : left; 
}
.grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  right: 4px !important;
  bottom:4px !important;
  z-index:1000;
}

.grecaptcha-badge:hover {
  width: 256px !important;
}