/*
  Forms
*/
form {
	margin: 0px;
	padding: 0px;
}
.Shark_Html_Form {
	padding: 0px;
	margin: 0px;
}
.Shark_Html_Form_Fieldset {
	top : 1em;
	padding-right: 0em;
	padding-bottom: 20px;
	padding-left: 5px;
	display: block;
	width: 646px;
	clear: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	background-color: #EFF4FA;
	background-image: url(../images/Eroutage-Front/Contact/BgFieldset.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-style: none;
	padding-top: 0px;
	border-bottom-width: 1px;
	border-bottom-color: #d1e6de;
	position: relative;
}
.Shark_Html_Form_Fieldset p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	color: #11704E;
	padding-left: 0px;
	text-align: right;
	padding-right: 50px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
}

.asterisque {
	color: #FF9900;
	font-size: 14px;
	font-weight: bold;
	padding-left: 5px;

}

.Shark_Html_Form_Fieldset legend {
	position : relative;
	top : -1em;
	color : #0C5365;
	font-weight : bold;
	background-image: url(../images/Eroutage-Front/Contact/Bg-legend.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 4px;
	font-style: italic;
	padding-top: 0.4em;
	padding-right: 2em;
	padding-bottom: 0.4em;
	padding-left: 2em;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #F7F7F7;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #dbdade;
	border-right-color: #dbdade;
	border-bottom-color: #dbdade;
	border-left-color: #dbdade;
}

.Shark_Html_Form_Fieldset div.Shark_Html_Form_Checkbox div{
	margin-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
}

.Shark_Html_Form_Radio div {
	margin: 0px;
	float: left;
	clear: none;
}

.Shark_Html_Form_Fieldset div.Shark_Html_Form_Radio div {
	clear: none;
	padding-left: 20px;
	display: block;
	margin-right: 10px;
	margin-bottom: 10px;
	color: #666666;
}

.Shark_Html_Form_Radio div input {
	margin: 0px;
	display: inline;		
}

.Shark_Html_Form_Fieldset div {
	display : block;
	text-align : left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #117052;
	clear: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
	
.Shark_Html_Form_Fieldset div.Shark_Html_Form_Radio, .Shark_Html_Form_Fieldset div.Shark_Html_Form_Checkbox {
	margin-left: 50px;
	}	



.Shark_Html_Form_Fieldset div.error input, .Shark_Html_Form_Fieldset div.error textarea, .Shark_Html_Form_Fieldset div.error select {
	background-color : #EFEFEF;
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

.Shark_Html_Form input.Shark_Html_Form_Text, .Shark_Html_Form input.Shark_Html_Form_Password, .Shark_Html_Form input.Shark_Html_Form_File {
	width: 429px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #c7c7c7;
	border-right-color: #c7c7c7;
	border-bottom-color: #c7c7c7;
	border-left-color: #c7c7c7;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	color: #666666;
	background-image: url(../images/Eroutage-Front/Contact/BgForm.gif);
	background-repeat: no-repeat;
	background-position: 1px 1px;
	height: 15px;
	padding-top: 4px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-bottom: 7px;
}

.Shark_Html_Form_Fieldset div#Dname, .Shark_Html_Form_Fieldset div#Dsurname {
	display: block;
	padding: 0px;
	width: 290px;
	float: left;
	clear: none;
}
.Shark_Html_Form input.Shark_Html_Form_Text#name, .Shark_Html_Form input.Shark_Html_Form_Text#surname  {
	width: 140px;
	height: 15px;
}

.Shark_Html_Form input.Shark_Html_Form_Text#society  {
	width: 200px;
	height: 15px;
}
.Shark_Html_Form input.Shark_Html_Form_Text#email  {
	width: 200px;
	height: 15px;
}

.Shark_Html_Form_Fieldset div#Dzip, .Shark_Html_Form_Fieldset div#Dtel, .Shark_Html_Form_Fieldset div#Dfax {
	display: block;
	padding: 0px;
	width: 250px;
	float: left;
	clear: none;
}
.Shark_Html_Form_Fieldset div#Dcity {
	float: left;
	clear: none;
}


.Shark_Html_Form input.Shark_Html_Form_Text#zip {
	width: 50px;
}
.Shark_Html_Form input.Shark_Html_Form_Text#city{
	width: 180px;
}
.Shark_Html_Form input.Shark_Html_Form_Text#country{
	width: 170px;
}



.Shark_Html_Form_Fieldset div#Daddress{
	display: block;
	padding: 0px;
	clear: left;
}






.Shark_Html_Form input.Shark_Html_Form_Text#tel, .Shark_Html_Form input.Shark_Html_Form_Text#fax {
	width: 100px;
}

select.Shark_Html_Form_Select, select.Shark_Html_Form_Date {
	width: 61%;
	float : left;
	background-color: #FFFFFF;
	border: 1px solid #c7c7c7;
	margin-bottom: 10px;
	color: #666666;
}

.Shark_Html_Form select option {
}

.Shark_Html_Form label.Shark_Html_Form_Text, .Shark_Html_Form label.Shark_Html_Form_Password, .Shark_Html_Form label.Shark_Html_Form_Select, .Shark_Html_Form label.Shark_Html_Form_Date, .Shark_Html_Form label.Shark_Html_Form_File {
	width: 120px;
	text-align : right;
	font-weight : normal;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	float: left;
}




.Shark_Html_Form label.Shark_Html_Form_Textarea{
	display : block;
	clear: both;
	text-align : left;
	float : none;
	margin-left: 10px;
	padding-top: 7px;
	padding-right: 3px;
	padding-bottom: 7px;
	padding-left: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #B5BFBF;
	border-right-color: #B5BFBF;
	border-left-color: #B5BFBF;
	color: #336271;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-color: #E4E4E4;
	background-image: url(../images/application/formulaires/FormField-set.jpg);
}

.Shark_Html_Form textarea {
	width: 429px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #c7c7c7;
	border-right-color: #c7c7c7;
	border-bottom-color: #c7c7c7;
	border-left-color: #c7c7c7;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	color: #666666;
	background-image: url(../images/Eroutage-Front/Contact/BgForm.gif);
	background-repeat: no-repeat;
	background-position: 1px 1px;
	height: 150px;
	padding-top: 4px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-bottom: 7px;
}

.Shark_Html_Form div.Shark_Html_Form_Textarea {
	margin-bottom : 20px;
	padding-left: 133px;
}

.Shark_Html_Form div.Shark_Html_Form_Date select {
	width : 10%;
	margin-right: 10px;
}

.Shark_Html_Form_Fieldset div.Shark_Html_Form_Checkbox input {
	margin: 0px;
	clear: none;	
}

.Shark_Html_Form label.Shark_Html_Form_Radio {
	display : block;
	text-align : left;
	font-weight : bold;
	text-decoration : none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #186576;
	font-style: normal;
	line-height: normal;
	padding-top: 22px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 25px;
	background-image: url(../images/Eroutage-Front/Contact/Bg-radio-legend.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
}

.Shark_Html_Form label.Shark_Html_Form_Checkbox {
	display : block;
	text-align : left;
	font-weight : bold;
	text-decoration : none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0F5F73;
	font-style: normal;
	line-height: normal;
	padding-top: 22px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 25px;
	background-image: url(../images/Eroutage-Front/Contact/Bg-radio-legend.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
}


.Shark_Html_Form label.Shark_Html_Form_Radio_Item, .Shark_Html_Form label.Shark_Html_Form_Checkbox_Item {
	border : 0px;
	text-align : left;
	font-weight : normal;
	display: inline;
	white-space: nowrap;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #547076;
}

.Shark_Html_Form label.Shark_Html_Form_Checkbox_Item {
	text-align : left;
	font-weight : normal;
	text-decoration : none;
	display: inline;
	padding-top: 7px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 0px;
}

.Shark_Html_Form input.Shark_Html_Form_Checkbox, .Shark_Html_Form input.Shark_Html_Form_Radio {
	margin-top : 5px;
	width : 25px;
	padding: 3px;
	border : 0px;
	
}

input.Shark_Html_Form_Button {
	background-color : transprent;
	color: #FFFFFF;
	font-size : 12px;
	margin: 0px;
	padding: 0px;
	height: 30px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.Shark_Html_Form_Fieldset div.Shark_Html_Form_Button {
	text-align : center;
	height: 30px;
	width: 170px;
	background-image: url(../images/Eroutage-Front/Contact/btn-contact-eroutage.gif);
	background-repeat: no-repeat;
	background-position: left;
	background-color: #000000;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	text-decoration: none;
	
}

.Shark_Html_Form_Fieldset div.Shark_Html_Form_Button input {
	float : none;
	margin : 0px;
	text-align: center;
	font-weight: bold;
	background-color : transparent;
	padding: 0px;
	height: 27px;
}

input.Shark_Html_Form_Button:hover {
	color: #CCCCCC;
	text-decoration: underline;
}

span.Shark_Html_Form_Error {
	clear : both;
	display : block;
	width : 100%;
	float : left;
	font-size : 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/Eroutage-Front/Contact/error.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 70px;
	padding-bottom: 20px;
	font-style: normal;
	color: #333333;
	line-height: normal;
	font-weight: bold;
	background-position: left top;
}
 #Eroutagecontact p.alternative { padding-left: 6px; font-size: 1.1em; }
  #Eroutagecontact p.alternative a.email {
	padding: 0 0 1px 27px;
	background-image: url(../images/Eroutage-Front/Contact/Contact-Email-Eroutage.gif);
	background-repeat: no-repeat;
	background-position: 5px -100px;
}
.SuccesfullMail{
	background-image: url(../images/Eroutage-Front/Contact/validation-page.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 169px;
	height: 90px;
	padding-top: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #666666;
	font-style: italic;
	line-height: 24px;
	width: 520px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
}
.RetourSuccesfullMail{
	padding-left: 169px;
	height: 20px;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #136C4E;
	font-style: italic;
	line-height: 24px;
	width: 520px;
	text-align: right;
}
.RetourSuccesfullMail a{
	color: #136C4E;
	text-decoration: none;	
	
}
.RetourSuccesfullMail a:hover {
	color: #136C4E;
	text-decoration: underline;	
	
}

/* ANTISPAM */

div#Dcompany { display: none; }
