@charset "UTF-8";

@media screen{
	#con_descriptif_contact {
        float : right;
        width : 200px;
        margin : 20px 20px 0 0;
        font-size : 1.3em;
        overflow : hidden;
    }
    
    #con_descriptif_contact a {
        color : #505050;
        text-decoration : none;
    }
    
    #con_descriptif_contact a:hover { text-decoration : underline; }
    
    #contenu form {
        width : 430px;
        margin : 20px 0 0 0;
    }
	
	#contenu form fieldset {
	    position : relative;
	    width : 300px;
	    margin : 0 10px 0 0;
	    padding : 0 10px 10px 10px;
	    border : none;
    }
    
    #contenu form fieldset fieldset {
        margin : 0;
        padding : 0;
        border : none;
    }
    
	#contenu form legend {
	    position : absolute;
	    top : -20px;
	    left : 0;
	    margin : 0;
	    padding : 0;
	    font-size : 2em;
        font-family : 'Bank';
        color : black;
    }
	
	#contenu form ul {
        margin : 0;
        padding : 0;
        list-style : none;
    }
	
	#contenu form p { position: relative; margin: 0.2em 0; font-size: 1.2em; }
	
    #contenu form p label {
	   position : relative;
	   width: 8em;
       vertical-align: top;
       display: -moz-inline-box; display: inline-block;
	   padding-left: 0.7em;
	   font-size: 0.9em;
       line-height:1.2em;	
	}
	#contenu form p label.radio { display: block; width: auto; }
	#contenu form p input,
    #contenu form p textarea,
    #contenu form p select { position: relative; width: 15em; }
	#contenu form p input { }
	#contenu form p textarea { height: 12em; }
	#contenu form p select { }
	/* tous les champs checkbox */
	#contenu form p input[type="checkbox"] { width: auto; }
	/* tous les champs radio */
	#contenu form p input[type="radio"] { width: auto; }
	
	/* bouton submit */
	#contenu form h4.btnenvoyer {
	    margin : 0;
	    padding : 0;
        text-align : center;
        font-size: 1em;
    }
    
	#contenu form h4.btnenvoyer input {
        cursor: pointer;
        padding : 2px 2em;
        background : #0092d3;
        border : #0083bd;
        color : white;
    }
	
	/* champs obligatoires */
	#contenu p.messobligatoire {
        text-align : right;
        font-size : 0.9em;
    }
	#contenu form p.obligatoire, #contenu p#erreur_contact {/*les erreurs PHP sont identifier en id erreur_contact*/
	}
	#contenu form .obligatoire label, #contenu form .obligatoire legend {
		background: url(../images/etoile_obligatoire.png) no-repeat left top;
	}
	#contenu form p.obligatoire input { }
	
	#contenu form p.obligatoire span.check {
        position : absolute;
        top : 0;
        right : 10px;
        color : red;
        font-size : 0.8em;
    }
	
	#contenu form .obligatoire em.etoile_obligatoire  { position: absolute; top: 0; left: -999em; }
	
	.message, .messageConfirmation, .messageAlert { }
	
	p#message_envoye { font-size: 1.2em; font-weight: bold; }
}
@media print{ }