@charset "UTF-8";
/* � Author : JEAN LOUP COUEGNAS for DRIM TECHNOLOGIES date : 12/07/2010 */

#contenu .contacter {
	min-height:295px;
	width:295px;
	padding:0;
	margin:  0 10px;
	position:relative;
	background:#F5F4F2;
	border:5px solid #F5F4F2;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px;         
        -webkit-border-top-left-radius: 10px; /* pour Chrome */ 
        -webkit-border-top-left-radius: 10px; /* pour Chrome */ 
        -webkit-border-bottom-left-radius: 10px; /* pour Chrome */ 
        -webkit-border-bottom-right-radius: 10px; /* pour Chrome */ 
}
#contenu .contacter:hover {
	
	border:5px solid #E5E4E2;
}
#contenu .contacter a:hover { text-decoration:none;}
 
.visuel { text-align:center; margin:5px 0 -5px 0; padding:0;}
.contacter ul {	margin:0 auto;
	width:205px;
	position:relative;
	top:-9px;
	z-index:10;
	padding:10px;
	background-position:bottom left;
	background-repeat:repeat-y;
	background-image:url(/images/illustration/reservation/arriere-plan_ul.png);
	list-style:none;
}
.contacter li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:bold;
	font-size:1em;
	margin:0.7em 0;
}
.contacter h2 {
	background-repeat:none;
	background-position:top left;
	width:235px;
	height:29px;
	padding: 12px 0px 14px 10px;
	margin:0 auto;
	color:white;
	font-weight:normal;
	position:relative;
	z-index:100;
	font-size:1.4em;

}
#contacter_faq h2 {
	background-image:url(/images/illustration/reservation/arriere-plan_h2_express.png);
}
#contacter_demande h2 {
	background-image:url(/images/illustration/reservation/arriere-plan_h2_classique.png);
}
#contacter_autre h2 {
	background-image:url(/images/illustration/reservation/arriere-plan_h2_tradition.png);
}
#contacter_coordonnees h2 {
	background-image:url(/images/illustration/contact/arriere-plan_h2_coordonnees.png);
	margin-top:20px;
}
#contacter_telecharger h2 {
	background-image:url(/images/illustration/contact/arriere-plan_h2_telechargement.png);
	margin-top:20px;
}
#contacter_newsletter h2 {
	background-image:url(/images/illustration/contact/arriere-plan_h2_newsletter.png);
		margin-top:20px;

}


hr.filet {
background:url(../images/illustration/contact/filet_separation.png) no-repeat center 20px  white;
	height:30px;
	border:0;
	clear:both;
 	margin:20px 0;
	padding:0;
}
form { background-color:#EEE; border:3px double white;}
label {
  display: block;
  float: left;
  width: 160px;
  font-size: 12px;
  text-align:right; padding-right:10px; padding-top:5px;
}
fieldset {
float:left; width:295px; margin:15px 0 15px 12px ; padding:20px 5px; border:3px double #CCC; background:white;
}
legend { font-size:1.2em; font-variant:small-caps; letter-spacing:0.2em; background: #7792CD; color:white; padding:2px 10px;border:1px solid #FFF; display:block; text-align:center }
input, select {
  width: 100px;
  height: 16px;
  font-size: 12px;
  margin-bottom: 8px;
}
select { width: 104px !important; }

input.dayMonth { width: 20px; margin-right: 6px; }
input.year { width: 30px; }
input.radio { width: auto; margin-right: 8px; }

textarea { margin:0 10px; width:275px; height: 100px; }

input.button {
		display: block;
		float: right;
		width: 100px;
		height: auto;
		padding: 5px;
		color: #fff;
		font-weight: bold;
		border: 3px double #white;
		margin: -10px 20px 10px 0px;
}
input.button2 {
		display: block;
		float: right;
		width: 250px;
		height: auto;
		padding: 5px;
		color: #fff;
		font-weight: bold;
		border: 3px double #white;
		margin: -10px 20px 10px 0px;
}

input.button[type="submit"] {
		background:#335599;
}
input.button2[type="submit"] {
		background: #7792CD
}
input[type="reset"] {
		background:#999;
}

input.button:hover,input.button2:hover {
		background:#F15F22;
}

#mail_form input[type="submit"]{background:#F15F22;
}
#mail_form input[type="submit"]:hover{background:#666;
}

#mail_form legend {background: #F15F22; }
.clear { clear: both; }

#right { margin-top: 45px; }

span.required { margin-left: 2px; color : #990000; }

#validation {
}

.little { font-size: 10px; }
.higher { vertical-align: 3px; }

/*body { font-family: Arial,Helvetica,sans-serif; }

form {
		background-color:#EEEEEE;
		border:3px double white;
}

label {
		display: block;
		float: left;
		width: 160px;
		font-size: 12px;
		text-align:right;
		padding-right:10px;
		padding-top:5px;
}

fieldset {
		float:left;
		width:305px;
		margin:15px 0 15px 20px;
		padding:20px 5px;
		border:3px double #CCC;
		background:white;
}

fieldset table { width: 100% !important; }
fieldset table tr td label { text-align: left; }

legend {
		font-size:1.2em;
		font-variant:small-caps;
		letter-spacing:0.2em;
		background: #7792CD;
		color:white;
		padding:2px 10px;
		border:1px solid #FFF;
		display:block;
		text-align:center
}

input, select {
		width: 100px;
		height: 16px;
		font-size: 12px;
		margin-bottom: 8px;
}

select {
		width: 104px !important;
}

input.dayMonth {
		width: 20px;
		margin-right: 6px;
}

input.year {
		width: 30px;
}

input.radio {
		width: auto;
		margin-right: 8px;
}

textarea {
		margin:0 10px;
		width:275px;
		height: 100px;
}

input.button {
		display: block;
		float: right;
		width: 100px;
		height: auto;
		padding: 5px;
		color: #fff;
		font-weight: bold;
		border: 3px double #white;
		margin: -10px 20px 10px 0px;
}
input.button2 {
		display: block;
		float: right;
		width: 250px;
		height: auto;
		padding: 5px;
		color: #fff;
		font-weight: bold;
		border: 3px double #white;
		margin: -10px 20px 10px 0px;
}

input.button {
		background:#335599;
}
input.button2 {
		background: #7792CD
}
input[type="reset"] {
		background:#999;
}

input.button:hover,input.button2:hover {
		background:#F15F22;
}

.clear {
		clear: both;
}
hr.separation {
		clear: both;
		visibility: hidden;
}

span.required {
		margin-left: 2px;
		color : #990000;
}

.little {
		font-size: 10px;
}

.higher {
		vertical-align: 3px;
}
*/