/**
 * @file
 * Form Styling
 */


.form-item /* Wrapper for a form element (or group of form elements) and its label */ {
  margin: 1.5em 0;
}

.form-item input.error,
.form-item textarea.error,
.form-item select.error /* Highlight the form elements that caused a form submission error */ {
  border: 1px solid #c00;
}

.form-item label /* The label for a form element */ {
  display: block;
  font-weight: bold;
}

.form-item label.option /* The label for a radio button or checkbox */ {
  display: inline;
  font-weight: normal;
}

.form-required /* The part of the label that indicates a required field */ {
  color: #c00;
}

.form-item .description /* The descriptive help text (separate from the label) */ {
  font-size: 0.85em;
}

.form-checkboxes .form-item,
.form-radios .form-item /* Pack groups of checkboxes and radio buttons closer together */ {
  margin: 0; /* Drupal core uses "0.4em 0" */
}

.form-submit /* The submit button */ {
}

.container-inline div,
.container-inline label /* Inline labels and form divs */ {
  display: inline;
}

.tips /* Tips for Drupal's input formats */ {
}


/*
 * Password confirmation
 */
.password-parent,
.confirm-parent {
  margin: 0;
}


/*
 * Search (search-block-form.tpl.php)
 */
#block-search-form /* Wrapper for the search form */ {
}


/*
 * Drupal's default login form block
 */
#user-login-form {
  text-align: left; /* LTR */
}


/*
 * OpenID
 *
 * The default styling for the OpenID login link seems to assume Garland's
 * styling of list items.
 */

#user-login-form ul /* OpenID creates a new ul above the login form's links. */ {
  margin-bottom: 0; /* Position OpenID's ul next to the rest of the links. */
}

html.js #user-login-form li.openid-link,
#user-login-form li.openid-link /* The "Log in using OpenID" link. */ {
  margin-top: 1.5em;
  margin-left: -20px; /* LTR */ /* Un-do some of the padding on the ul list. */
}

#user-login-form li.user-link /* The "Cancel OpenID login" link. */ {
  margin-top: 1.5em;
}

#user-login ul {
  margin: 1.5em 0;
}


/*
 * Drupal admin tables
 *
 * We overrode these styles in html-reset.css, but restore them for the admin
 * section of the site.
 */

form th {
  text-align: left; /* LTR */
  padding-right: 1em; /* LTR */
  border-bottom: 3px solid #ccc;
}

form tbody {
  border-top: 1px solid #ccc;
}

form tr.even {
  background-color: #fff;
}

form table .item-list ul {
  margin: 0;
}

/*
 * Formulaire de recherche du header (zone d'entête)
 */

#search-block-form { 
	clear:both;
	width:115px;
	height:23px;
  	padding:2px 0 3px 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color:#FFFFFF; 
	font-family:"RobotoCondensed"; 
	font-size:12px; 
	background-image:url(../images/navigation-active.png); 
	background-repeat:no-repeat; 
	background-position:left top;
	background-color:#7b766f;
	-webkit-transition: 1s all ease-in-out;
	position: absolute; 
	}
	
	/* #search-block-form:hover {  width:165px; left:-50px  } */
	
input#edit-search-block-form--2 { 
	width:70px;
	color:#FFFFFF;
	font-family:"RobotoCondensed"; 
	font-size:12px;  
	background-color:#7b766f;
	-webkit-border-radius: 2px;
	border-radius: 2px; 
	border:1px solid #abadb3;
	}

#search-block-form input.form-submit { margin-left: 0;
  margin-right: 0;
  height: 23px;
  width: 23px;
  padding: 0;
  cursor: pointer;
  text-indent: -9999px;
  border: none;
  background: url(../images/search-button.png) no-repeat center top;
  overflow: hidden;
  }
  
/*
 * Formulaire de contact personnalisé (par membre de l'équipe)
 */
.messages { width:880px; background:none; border:none; }
.error { background:none; border:none; }

#email-mail-page-form, #contact-site-form, .webform-client-form { margin-bottom:2em; width:460px;}
#email-mail-page-form .form-item, #contact-site-form .form-item, .webform-client-form .form-item{ width:460px;}
#email-mail-page-form label, #contact-site-form label, .webform-client-form label { text-decoration:none; font-family:"RobotoCondensed"; font-size:1.2em; line-height:1.4em; font-weight:normal; padding-bottom:.2em;}
#email-mail-page-form .form-type-textfield input.form-text, #contact-site-form .form-type-textfield input.form-text, .webform-client-form .webform-component-textfield input {width:450px; -webkit-border-radius: 5px; border-radius: 5px; color:#FFFFFF; font-family:"RobotoCondensed"; font-size:13px; background-color:#7b766f; padding:3px; }
#email-mail-page-form .form-type-textarea textarea.form-textarea, #contact-site-form .form-type-textarea textarea.form-textarea, .webform-client-form .webform-component-textarea textarea.form-textarea {width:459px; -webkit-border-radius: 5px; border-radius: 5px; color:#FFFFFF; font-family:"RobotoCondensed"; font-size:13px; background-color:#7b766f; padding:3px; }

#email-mail-page-form input.form-submit, #contact-site-form input.form-submit, .webform-client-form input.form-submit { border: double 3px #fff; color:#FFFFFF; height:26px; padding:3px 19px 2px 5px; -webkit-border-radius: 4px; border-radius: 4px; color:#FFFFFF; text-decoration:none; font-family:"RobotoCondensed"; font-size:.9em; line-height:.8em; background: url(../images/cto-git-divbkg.png) no-repeat left center, rgb(30, 50, 69) url(../images/more-info-bkg.png) no-repeat right center;   display:inline-block; text-transform:uppercase; float:right; margin-bottom:2em;  }
#email-mail-page-form input.form-submit:hover, #contact-site-form input.form-submit:hover, .webform-client-form input.form-submit:hover { background: url(../images/cto-git-divbkg-hover.png) no-repeat left center, rgb(30, 50, 69) url(../images/more-info-bkg.png) no-repeat right center; cursor:pointer;  }
.captcha img { -webkit-border-radius: 5px; border-radius: 5px; color:#FFFFFF; margin:20px 0 0 160px; }
.captcha label { position:relative; top:-65px; }
#edit-captcha-response { -webkit-border-radius: 5px; border-radius: 5px; color:#FFFFFF; font-family:"RobotoCondensed"; font-size:13px; background-color:#7b766f; padding:3px; width: 105px;}

/*
 * Formulaire de contact web-form 
 */
.node-webform { margin-top:2em; }
.webform-client-form { margin-top:1.5em; margin-bottom:2em; width:460px; }
.webform-client-form .form-item{ width:460px; margin:.2em 0; }
.webform-client-form #webform-component-event-type { margin-top:1.5em; }
.webform-client-form label { display:block-inline; width:140px; float:left; margin-right:20px; font-size:13px; font-family:"RobotoMedium";}
.webform-client-form .webform-component-textfield input { width:210px; }
.webform-client-form #webform-component-zip input, .webform-client-form #webform-component-phone-number input, .webform-client-form #webform-component-number-of-people input, .webform-client-form #webform-component-fax-number input { width:105px; }
.webform-client-form #webform-component-question-remarks { margin-top:1.5em; }
.webform-client-form #webform-component-question-remarks label { display:block; width:459px; margin-right:0; }
.webform-client-form .form-textarea-wrapper { width:459px; }
.webform-client-form .webform-component-textarea textarea.form-textarea { display:block; width:459px; float:left; }