/* Feuille de style du site ROYAUMES PERDUS > Formulaires */
/* author : cezarion.net */

/* formulaires ***********************************************************************/

input[type="text"], .jeux textarea  {
	background-color:#F0E6D3;
	border:1px solid #CFB899;
	padding:1px;
	font: 12px "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
	}

select {
	color: #666666;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	font: 12px "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
	margin:0 0 0 5px;
	-margin:0 0 0 2px;
	}

label {
	font-style:italic;
	color: #663333;
}

.button {
	border:none;
}
/* Specific styles ******************************************************************/ 
#search_up {
	overflow:hidden;	
	display:block;
	height:21px;
	width:320px;
	-width:322px;
}

#search_up label {
	color:#663333;
	width:85px;
	height:22px;
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	display:block;
	float:left;
	margin:1px 0 0;
}

#sub_nav #search_up label {
	color:#663333;
	}

#search_up input {
	float:left;
	width:190px;
	height:17px;
	margin:0px 0 0;
	color:#666666;
}

#search_up .button {
	width:40px;
	height:21px;
	padding:0;
	margin:0;
	float:left;
}

#organise {
	width:100%;
	overflow:hidden;
	display:block;
	-height:26px;
	}

.field {
	float:right;
	margin: 10px;
	width:328px;
	}

/*******Page de commentaire*********/

#pedago-login, #pedago-account {
	display:block;
	margin:0 auto;
	width:328px;
	clear:both;
	}

#pedago-account label, #pedago-login label {
	display:block;
	float:left;
	margin:5px 5px 0 0;
	-margin:7px 0 0;
	text-align:right;
	width:90px;
}

#pedago-account input, #pedago-login input {
	clear:right;
	margin:5px 0 5px;
	width:225px;
	}

#pedago-login .field-check label, #pedago-account .field-check label {
	display:block;
	clear:right;
	margin:5px 5px 0 0;
	text-align:right;
	width:300px;
}

#pedago-login .field-check input, #pedago-account .field-check input {
	float:left;
	margin:8px 0 0;
	-margin:4px 0 0 0;
	width:15px;
	border:medium none;
	}
	
#pedago-account .avis-form-content, #pedago-login .avis-form-content{
	float:left;
	margin:0;
	width:328px;
	}

#pedago-account .field, #pedago-login .field {
	float:right;
	margin : 10px 0;
	}

/********************************************************/

#avis-form {
	display:block;
	margin:0 auto;
	width:850px;
	clear:both;
	}

#avis-form  .avis-form-content {
	float:left;
	margin:0 30px 0 0;
	width:380px;
	}

#avis-form ol,  #pedago-account ol {
	display:block;
	float:right;
	margin:50px 20px 0;
	width:380px;
	background-color:#f0e6d3;
	padding:10px;
	}

#pedago-account ol {
 	width:310px;
 	list-style-type:none;
 	margin:10px auto;
 	}

.avis-form-envoyer input {
	border: medium none;
	}

.avis-form-content label {
	background-color:#FFFFFF;
	display:block;
	}

#avis-form sup {
	color:#c10000;
	}

#avis-form li,  #pedago-account li {
	margin:10px 0 10px 20px;
	color:#333333;
	}

#avis-form .field input, #avis-form .field input, #avis-form .field textarea {
	background-color:#F0E6D3;
	border:1px solid #cfb899;
	font-size:12px;
	line-height:1.2;
	width:255px;
}	

#avis-form .avis-form-envoyer {
	display:block;
	float:right;
	height:24px;
	margin:0 0 0 40px;
	width:450px;
	}

#pedago-login .avis-form-envoyer .envoyer, #pedago-account .avis-form-envoyer .envoyer {
	width:83px;
	height:25px;
	margin:5px 0 0 0;
	}
	
/************************************************************/

#pros-form {
	width:488px;
	height:517px;
	margin:20px 0 0;
	}

#pros-form .contact {
	margin:8px 0 0 15px;
	}

#pros-form label {
	float:left;
	width:100px;
	display:block;
	}

#pros-form input {
	clear:right;
	background-color:#F0E6D3;
	border:1px solid #cfb899;
	}	
	
#pros-form textarea {
	background-color:#F0E6D3;
	border:1px solid #cfb899;
	font-size:12px;
	line-height:1.2;
	width:255px;
}

#pros-form .contact .envoyer {
	width:80px;
	height:24px;
	margin:10px 0 0 0;
	border:none;
	}

/************************************************************/
.formulaire {
	margin:10px 1px;
	padding:1px;
}

.formulaire .left {
	float:left;
}

.formulaire .right {
	float:right;
}

.formulaire legend {
	text-transform:uppercase;
	color:#333333;
	width:100%;
	padding:0 10px 0 0;
	margin:10px 0 0;
}

.formulaire div {
	clear:both;
	display:block;
	float:left;
	height:1%;
	margin:3px 1px;
	padding:1px;
}

.formulaire fieldset {
	border:none;
	margin : 10px 0;
	border-top:1px solid #CCCCCC
}

.formulaire label {
	float:left;
	display:block;
	margin:2px;
	width:110px;
}

.formulaire  .checkbox {
	width:auto;
}

.formulaire input[type="text"], .formulaire textarea {
	width:180px;
        background-color: #F6F2E9;
        color:#666666;
        padding:2px;
        width:180px;
	}

.formulaire input, .formulaire select {
	float:left;
	display:block;
	margin:2px;
}

.formulaire .submit {
	margin:10px 10px 10px 250px;
}

.formulaire input[type="submit"] {
	width:100px;
	margin:10px auto;
	float:none;
}

div.error {
	clear:right;
	color:#A70000;
	font-family: "Lucida Grande",Verdana,Geneva,Sans-serif;
	font-style:normal;
	font-size: 11px;
        background: transparent url('../images/error_puce_left.gif') no-repeat scroll 0 3px;
        text-indent:13px;
}

.jeux textarea  {
    float:left;
    height:80px;
    width:595px;
    clear: both;
}

.jeux .formulaire div.left {
    clear:both;
    margin:1px;
    width:700px;
}

.jeux .formulaire .left div {
    clear:none;
    float:left;
    width:200px;
    margin:1px;
}

.jeux .formulaire label {
    width:auto;
}

.jeux .formulaire input[type="submit"] {
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    background-color:#F3C327;
    border:1px solid #D4A12F;
    float:none;
    font-family:georgia;
    font-size:15px;
    font-weight:bold;
    margin:10px auto;
    padding:5px;
    width:150px;
}

.jeux div.error {
        clear: both;
        background: transparent url('../images/error_puce_top.gif') no-repeat scroll 0 3px;
}