/**
 * @author Benoît Mariaux
 * @copyright 2009
 * MyFlyingPiano.com
 */
 
/* FORMULAIRES */
.erreur
{
	color: red;
	background-color: #FFF0F0;
	/*border-bottom: 1px solid red;
	border-top: 1px solid red;*/
	border: 3px solid red;
	padding: 5px;
	margin: 15px;
	display: inline-block;
	
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

.info
{
	color: #2b802b;
	background-color: #DFFFDF;
	border-bottom: 1px solid #2b802b;
	border-top: 1px solid #2b802b;
	border: 3px solid #2b802b;
	padding: 15px;
	margin: 5px;
	
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

.cadre_blanc, .cadre_bleu
{
	color: #333333;
	border: 3px solid silver;
	padding: 10px;
	margin: 10px;
	text-align: justify;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

.cadre_blanc
{
    background-color: white;
}

.cadre_bleu
{
    background-color: #E8F7FE;
}

.cadre_blanc_1px
{
	color: #333333;
	background-color: white;
	border: 1px solid silver;
	padding: 10px;
	margin: 10px;
	text-align: justify;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

.cadre_blanc_0px
{
	color: #333333;
	background-color: white;
	border: 0px solid silver;
	padding: 10px;
	margin: 10px;
	text-align: justify;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

label.cl1
{
	display:block;
	width:auto;
	float:none;
	margin: 0;
	font-weight: bold;
	text-align: left;
}

label.cl2
{
	display:block;
	width:auto;
	float:none;
	margin: 3px;
}

input.text, select
{
	margin: 10px;
	padding: 7px 7px 7px 15px;
	border: 2px solid silver;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	
}

textarea.text
{
    margin: 10px;
	padding: 7px 7px 7px 15px;
	border: 2px solid silver;
    font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
    font-size: 1em;
    
    -moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
}

input.text:focus, textarea.text:focus
{
	/*border: 2px inset silver;*/
	border: 2px solid gray;
	background-color: #FFFBDF;
}

.submit
{
	font-size: 1.3em;
	margin: 10px;
	padding: 10px;
}

.champ_requis
{
	font-weight: bold;
	color: red;
}


select
{
	border: 1px solid #CCCCCC;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-weight: bold;
	outline: none;
}

option
{
	border: 0px solid #CCCCCC;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-weight: bold;
	outline: none;
}
/*textarea
{
	border: 0px;
	background-image: url(../images/formulaires/textarea1.png);
	background-repeat: no-repeat;
	background-color: #E8F7FE;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	width: 400px;
	height: 140px;
	outline: none;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
}
textarea:focus
{
	background-image: url(../images/formulaires/textarea1_focus.png);
	background-repeat: no-repeat;
}*/

/*input.text
{
	background-image: url(../images/formulaires/input_text3.png);
	background-repeat: no-repeat;
	background-color: #E8F7FE;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
	width: 400px;	
}
input.text:focus
{
	background-image: url(../images/formulaires/input_text3_focus.png);
	background-repeat: no-repeat;
}*/
/*input.envoyer
{
	border: 0px solid blue;
	background-image: url(../images/formulaires/envoyer.png);
	background-repeat: no-repeat;
	background-color: transparent;
	margin-left: 10px;
	padding: 4px 18px 8px 14px;
	color: white;
	cursor: pointer;
}

input.envoyer:hover
{
	background-image: url(../images/formulaires/envoyer_hover.png);
	background-repeat: no-repeat;
	color: #66CCFF;
}
input.envoyer:focus
{
	background-image: url(../images/formulaires/envoyer_focus.png);
	background-repeat: no-repeat;
}

input.connexion
{
	border: 0px solid blue;
	background-image: url(../images/formulaires/envoyer.png);
	background-repeat: no-repeat;
	background-color: transparent;
	margin-left: 10px;
	padding: 4px 8px 8px 8px;
	color: white;
	cursor: pointer;
}
input.connexion:hover
{
	background-image: url(../images/formulaires/envoyer_hover.png);
	background-repeat: no-repeat;
	color: #66CCFF;
}
input.connexion:focus
{
	background-image: url(../images/formulaires/envoyer_focus.png);
	background-repeat: no-repeat;
}*/

fieldset
{
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	
	border:1px;
	border-style: solid;
	border-color: #CCCCCC;
	padding: 5px;
}
legend
{
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	
	border:2px;
	border-color: #CCCCCC;
	border-style: solid;
	background:black;
	color:white;
	font-weight:bold;
	padding:4px;
	margin-left: 12px;
}

.editer, .envoyer, .changer, .supprimer, .confirmer, .annuler, .voir
{
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center bottom;
    border: none;
    padding: 0;
    margin: 0px;
    height: 30px;
    width: 90px;
    cursor: pointer;
}
.editer
{
    background-image: url('../images/formulaires/editer.png');
}
.editer:hover
{
    background-image: url('../images/formulaires/editer_hover.png');
}
.editer:focus
{
    background-image: url('../images/formulaires/editer_click.png');
}

.envoyer
{
    background-image: url('../images/formulaires/envoyer.png');
}
.envoyer:hover
{
    background-image: url('../images/formulaires/envoyer_hover.png');
}
.envoyer:focus
{
    background-image: url('../images/formulaires/envoyer_click.png');
}

.changer
{
    background-image: url('../images/formulaires/changer.png');
}
.changer:hover
{
    background-image: url('../images/formulaires/changer_hover.png');
}


.supprimer
{
    background-image: url('../images/formulaires/supprimer.png');
}
.supprimer:hover
{
    background-image: url('../images/formulaires/supprimer_hover.png');
}

.confirmer
{
    background-image: url('../images/formulaires/confirmer.png');
}
.confirmer:hover
{
    background-image: url('../images/formulaires/confirmer_hover.png');
}

.annuler
{
    background-image: url('../images/formulaires/annuler.png');
}
.annuler:hover
{
    background-image: url('../images/formulaires/annuler_hover.png');
}
.voir
{
    background-image: url('../images/formulaires/voir.png');
}
.voir:hover
{
    background-image: url('../images/formulaires/voir_hover.png');
}

.annuler2, .plus, .moins
{
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center bottom;
    border: none;
    padding: 0;
    margin: 0px;
    height: 30px;
    width: 30px;
    cursor: pointer;
}
.annuler2
{
    background-image: url('../images/formulaires/annuler2.png');
}
.annuler2:hover
{
    background-image: url('../images/formulaires/annuler2_hover.png');
}
.plus
{
    background-image: url('../images/formulaires/plus.png');
}
.plus:hover
{
    background-image: url('../images/formulaires/plus_hover.png');
}
.moins
{
    background-image: url('../images/formulaires/moins.png');
}
.moins:hover
{
    background-image: url('../images/formulaires/moins_hover.png');
}