/* Feuille de style du site Autres Mondes */
/* author : cezarion.net */

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

input[type="text"] {
	border:1px solid #699cbd;
	padding:2px;
	font: 11px "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
	color:#333333;
	width:80px;
	float:left;
	display:block;
	}

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: #266a82;
	display:block;
	margin:3px 0;
	float:left;
	width:150px;
}

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

#search_up label {
	color:#18435C;
	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:#FFFFFF;
	}

#search_up input {
	float:left;
	width:190px;
	height:15px;
	margin: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:#EFF2F4;
	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:#eff2f4;
	border:1px solid #DDDDDD;
	font-size:12px;
	line-height:1.2;
	width:255px;
}	

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

#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 5px;
	}

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

#pros-form input {
	clear:right;
	background-color:#eff2f4;
	border:1px solid #DDDDDD;
	}	
	
#pros-form textarea {
	background-color:#eff2f4;
	border:1px solid #DDDDDD;
	font-size:12px;
	line-height:1.2;
	width:255px;
}
	
#pros-form .contact .envoyer {
	width:83px;
	height:25px;
	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"] {
	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;
}

/*Style pour le formulaire 10 ans d'autres mondes*/
legend.identite, legend.coordonnees, legend.contacter
{
    color:#1090bf;
    font-weight:bold;
    font-size:13px;
    text-transform:uppercase;
    padding:5px 0 0 30px;
}

legend.identite{background:transparent url('../images/legend_identite.gif') no-repeat scroll 0 bottom;}

legend.coordonnees{background:transparent url('../images/legend_coordonnees.gif') no-repeat scroll 0 bottom;}

legend.contacter{background:transparent url('../images/legend_contacter.gif') no-repeat scroll 0 bottom;}

#jeu_dix_ans fieldset {border-color:#FFF;}
#jeu_dix_ans input[type="text"] {width:160px;}
#jeu_dix_ans label.checkbox
{
    width:249px;
}
#jeu_dix_ans div {margin:2px 1px; overflow:hidden; width:290px;}
#jeu_dix_ans .reglement, #jeu_dix_ans .reglement a {font-weight:bold; color:#073e52;}
#jeu_dix_ans .reglement a {text-decoration:underline;}
#jeu_dix_ans .reglement a:hover {color:#b01d1c;}
#jeu_dix_ans #jouez {
        background:transparent url('../images/bt_jouez.png') no-repeat scroll center top;
	width:181px;
        height:40px;
	margin:10px auto;
	float:none;
        text-indent:-9999px;
        line-height:150px;
        border:none;
        cursor:pointer;
}

#jeu_dix_ans div.error {background:transparent url(../images/error_puce_bottom.gif) no-repeat scroll 0 3px; float:none;}
.coordonnees label, .coordonnees input[type="text"] {clear:left; margin:0}