@charset "utf-8";
/* CSS Document */


/*ZIGZAG*/
#header_zigzag {
	width: 100%;
	height: 27px;
    background: url('../images/header_zigzag.gif') repeat-x top center;
}
#header_zigzag_sombra{
	width: 100%;
	height: 9px;
    background: url('../images/zigzag_sombra.gif') repeat-x top center;
}

/*CONTENT*/
#content{
  background-color: #FFFFFF;
  width: 100%;
}

/*CONTENT A*/
#content_a{
  margin: 0 auto;
  width: 990px;
  display: block;
}
#column_a1{
  margin: 0 0 0 0;   
  padding: 0;  
  width: 500px; 
  float: left;

}
#column_a2{
  margin: 35px 0 0 80px;   
  padding: 0;  
  width: 410px;
  float: left;

}
#madre{
  margin: 0 0 0 0;   
  padding: 0;  
  width: 487px; 
  background: url('../images/ico_madre.jpg') no-repeat top right;
}
#facebook{
  margin: 0 0 0 0;   
  padding: 0;  
  width: 487px; 
  background: url('../images/ico_facebook.jpg') no-repeat top right;
}
#youtube{
  margin: 0 0 0 0;   
  padding: 0;  
  width: 487px; 
  height: 83px;
  background: url('../images/ico_youtube.jpg') no-repeat top right;
}
/*div.spacer, permet de faire deux colonne dans #contents*/
div.spacer{
  clear: both;
  height: 0px; 
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  display: block;
}  


/*TITLE*/
#title{
  padding: 0 0 0 33px;
}

#text{
  padding: 5px 0 12px 33px;
  width: 449px;
  font: 12px Tahoma, Arial, Helvetica, sans-serif;
  color: #6e6e6e;
  line-height: 130%;
}

h3{
  padding: 0 0 0 33px;
  font: 12px Tahoma, Arial, Helvetica, sans-serif;
  color: #161616;
  background: url('../images/punto_gris_2.gif') no-repeat top left;
}
#h3_text{
  padding: 0 0 3px 33px;
  width: 449px;
  font: 12px Tahoma, Arial, Helvetica, sans-serif;
  color: #6e6e6e;
  line-height: 130%;
  background: url('../images/punto_gris_2.gif') no-repeat top left;
}
#h3_text a{
  color: #6e6e6e;
}
#h3_text a:hover{
  color: #72c7d2;
}

#h3_text_little{
  padding: 0 0 3px 33px;
  width: 300px;
  font: 11px Tahoma, Arial, Helvetica, sans-serif;
  color: #6e6e6e;
  line-height: 120%;
}
#h3_link_active{
  padding: 0 0 1px 33px;
  width: 200px;
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  color: #bababa;
  font-weight: bold;
}
#h3_link_active a{
  color: #72c7d2;
  text-decoration: underline;
}
#h3_link_active a:hover{
  color: #6e6e6e;
  text-decoration: underline;
}
  
#h3_facebook{
  padding: 0 0 7px 0;
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  color: #bababa;
  font-weight: bold;
}
#h3_facebook a{
  color: #72c7d2;
  text-decoration: underline;
}
#h3_facebook a:hover{
  color: #6e6e6e;
  text-decoration: underline;
}
 



/* FORM*/
#form {
    padding: 0 0 0 0;
	width: 410px;
}
label {
	color: #6e6e6e; 
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	line-height: 120%;
}
#form_element {
	float: left; 
    padding: 0 10px 0 0;
	height: 45px;
	}
#form_response{
    width: 440px;
	}
	
.input{
	border: 1px solid #cccccc;
	background-color: #fafafa;
	color: #85877a; 
	font-family: Verdana, Geneva, sans-serif; 
	font-size: 12px;
	padding-left: 4px;
	padding-top: 4px;
	height:19px;
}	
.input:hover{
	border: 1px solid #74c6d1;
}
.input:focus{
	border: 1px solid #74c6d1;
	background-color: #ffffff;
	color: #111111; 
}	
.inputerror{
	border: 1px solid #990000;
	background-color: #ffffff;
	color: #656861; 
	font-family: Verdana, Geneva, sans-serif; 
	font-size:12px;
	padding-left: 4px;
	padding-top: 4px;
	height:19px;
}	

.textarea{
	border: 1px solid #cccccc;
	background-color: #fafafa;
	color: #85877a;  
	font-family: Verdana, Geneva, sans-serif; 
	font-size:12px;
	line-height: 130%;
	padding-left: 5px;
	padding-top: 5px;
}
.textarea:hover{
	border: 1px solid #74c6d1;
}
.textarea:focus{
	border: 1px solid #74c6d1;
	background-color: #ffffff;
	color: #111111; 
}	
.textareaerror{
	border: 1px solid #990000;
	background-color: #ffffff;
	color: #656861; 
	font-family: Verdana, Geneva, sans-serif; 
	font-size:12px;
	line-height: 130%;
	padding-left: 5px;
	padding-top: 5px;
}

.select{
	width: 350px; 
	border: 1px solid #cccccc;
	background-color: #fafafa;
	color: #85877a; 
	font-family: Verdana, Geneva, sans-serif; 
	font-size:12px;
	padding: 2px 2px 2px 2px;
	height:25px;
	outline: none; /* hide dotted outline in Firefox */
}
.select:hover{
	border: 1px solid #74c6d1;
}
.select:focus{
	border: 1px solid #74c6d1;
	background-color: #ffffff;
	color: #111111; 
}	
.selecterror{
	width: 350px; 
	border: 1px solid #990000;
	background-color: #ffffff;
	color: #85877a; 
	font-family: Verdana, Geneva, sans-serif; 
	font-size:12px;
	padding: 2px 2px 2px 2px;
	height:25px;
	outline: none; /* hide dotted outline in Firefox */
}

.checkbox{
	padding-left: 5px;
	padding-top: 5px;
}

#checkbox_text{
	color: #85877a;  
	font-family: Arial, Tahoma, Geneva, sans-serif;
	font-size:12px;
}
#checkbox_text a{
    color: #74c6d1;
	text-decoration: underline;
}
#checkbox_text a:hover{
    color: #6e6e6e;
	text-decoration: underline;
}
#checkbox_texterror{
	color: #990000;  
	font-family: Arial, Tahoma, Geneva, sans-serif;
	font-size:12px;
}
#checkbox_texterror a{
    color: #990000;
	text-decoration: underline;
}




/*FORM_OK*/
#form_ok{
  padding: 0 0 0 0;
  width: 410px;
  font: 12px  Tahoma, Arial, Helvetica, sans-serif; 
  color: #6e6e6e;
  line-height: 120%;
  display: block;
}


/*FORM_ERROR*/
#form_error{
  background: url('../images/form_error_bg.gif') repeat-y top left;
  padding: 0 0 2px 20px;
  width: 590px;
  font: 12px  Tahoma, Arial, Helvetica, sans-serif; 
  color: #b25540;
  line-height: 120%;
  display: block;
}

/*SUBMIT*/
#submit a.button_submit  {
    background: transparent url('../images/button_submit_a.gif') no-repeat scroll top right;
    display: block;
    float: left;
    font: 11px tahoma, arial, sans-serif;
	font-weight: bold;
    color: #aaaaaa;
	height: 26px;
    margin-right: 0px;
    padding-right: 25px; /* sliding doors padding */
    text-decoration: none;
}
#submit a.button_submit  span {
    background: transparent url('../images/button_submit_span.gif') no-repeat;
	margin-right: 0px;
    display: block;
    line-height: 18px;
	padding: 2px 0 6px 35px;	
} 
#submit a.button_submit:hover {
    background-position: bottom right;
    color: #ffffff;
    outline: none; /* hide dotted outline in Firefox */
}
#submit a.button_submit:hover span {
    background-position: bottom left;
	padding: 3px 0 5px 35px;
}