/* Feuille de style du site CHAMBRES NOIRES */
/* author : cezarion.net */

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

input[type="text"] {
	border:1px solid #e2e2e2;
        background-color:#efefef;
	padding:2px;
	font: normal normal normal 11px "Courrier New",Courier, monospace;
	color:#333333;
	width:80px;
	float:left;
	display:block;
	}

select {
	color: #333333;
	background-color:#efefef;
	border:1px solid #efefef;
	font: normal normal normal 11px Arial, Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
        text-transform: capitalize;
	margin:0 0 0 5px;
	-margin:0 0 0 2px;
	}

label {
	font-style:italic;
	color: #333333;
	display:block;
	margin:3px 0;
	float:left;
	width:160px;
        font-size:12px;
}

.button {
	border:none;
}
/* Specific styles ******************************************************************/ 
#search_up {
	overflow:hidden;	
	display:block;
	height:40px;
	width:355px;
        padding:24px 0 0 50px;
        background:#303030 url('../images/search-box.gif') no-repeat 0 0;
}

#search_up label {
	color:#fbee00;
	width:90px;
        overflow:hidden;
	height:22px;
	font: normal bold normal 1.1em/1em "Courier New", Courier, monospace;
	display:block;
	float:left;
	margin:0;
        padding:5px 0 0;
}

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

#search_up input {
	float:left;
	width:170px;
	height:17px;
	margin:1px 0 0;
        border:none;
	color:#666666;
}

#search_up #searchupSbm {
	width:35px;
	height:21px;
	padding:0;
	margin:0;
	float:left;
        color:#fbee00;
        font: normal bold normal 1.1em/1em "Courier New", Courier, monospace;
        cursor:pointer;
        background-color:#000;
}

#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 {
	color:#efefef;
	width:100%;
	padding:3px 5px;
	margin:10px 0 -8px;
        font: normal 900 small-caps 14px "Courier New", Courier, monospace;
        background-color: #474747;

}

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

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

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

.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"] {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    background-color:#8B0A0A;
    border:1px solid #333333;
    clear:both;
    color:#EFEFEF;
    display:block;
    font: normal bold normal 12px "Courier New", Courier, monospace;
    margin:0 0 20px 380px;
    padding:2px 5px;
    text-transform: uppercase;
    text-align:center;
    width:100px;
    cursor:pointer;
}

.formulaire input[type="submit"]:hover {
    opacity:0.7;
}

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;
}