/* CSS Document */

/************************************************************************************************
											LAYOUTS
************************************************************************************************/
#global {
	position:relative;
	left:50%;
	margin-left:-379px;
	top:-8px;
	_top:-15px;
	width:758px;
	border:0px solid;
	background-color:#FCFFFC;
}
#head {
	position:relative;
	float:left;
	width:100%;
	height:180px;
	background:url(images/bgHead.jpg) center top no-repeat;
	border-bottom:1px solid;
}
#content {
	position:relative;
	width:100%;
	background-color:#FCFFFC;
}
#foot {
	position:relative;
	float:left;
	width:100%;
	_margin-bottom:-20px;
	background:url(images/bgFoot.jpg) center top no-repeat;
	background-color:#FCFFFC;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	padding:8px 0px 5px 0px;;
	border-top:1px solid;
}


/************************************************************************************************
									ELEMENTS GENERIQUES
************************************************************************************************/
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background:url(images/bg.jpg) center repeat-y;
}

div {
	position:relative;
	float:left;
}

a {
	color:#0000CC;
}
a:hover {
	color:#0000FF;
}

h2 {
	font-size:11px;
	line-height:24px;
	text-align:center;
	text-decoration:underline;
	background-color:#FFFF66;
}
h3 {
	font-size:10px;
	line-height:20px;
	text-align:center;
}
h6 {
	font-size:10px;
	color:#CC0000;
}

p {
	padding:5px 20px 5px 20px;
}

img { border:0px;	}


/************************************************************************************************
											HEAD
************************************************************************************************/

#imgDevisOnline {
	position:relative;
	float:left;
	margin-left:20px;
	margin-top:10px;
}

#imgLogo {
	position:absolute;
	top:10px;
	left:50%;
	margin-left:-76px;
}

#adrHead {
	position:relative;
	float:right;
	margin-top:15px;
	width:280px;
	text-align:center;
	font-weight:bold;
}

#pro {
	position:absolute;
	top:120px;
	left:39px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#7D81BA;
}
#pro a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#7D81BA;
}
#pro a:hover {
	color:#0000CC;
}

#urlHead {
	position:absolute;
	top:100px;
	left:50%;
	margin-left:-100px;
	width:200px;
	text-align:center;
}

#slogan {
	font-style:italic;
	font-size:13px;
	line-height:30px;
	color:#93C001;
}

#txtDefil {
	position:absolute;
	margin-top:130px;
	left:50%;
	margin-left:-380px;
	width:720px;
}

/************************************************************************************************
											CONTENT
************************************************************************************************/

img.icone {
	position:absolute;
	margin-top:-10px;
	margin-left:20px;
	margin-right:20px;
}

img.icone2 {
	position:absolute;
	margin-top:-10px;
	margin-left:310px;
}

img.assurance {
	position:relative;
	float:left;
	margin-bottom:20px;
	margin-left:20px;
}

#habitation {
	position:relative;
	float:left;
	margin-top:20px;
	width:379px;
	border-bottom:1px solid;
}

#malus {
	position:relative;
	float:right;
	margin-top:20px;
	width:378px;
	border-left:1px solid;
	border-bottom:1px solid;
}

#moto {
	position:relative;
	float:left;
	margin-top:20px;
	_margin-top:38px;
	width:379px;
	border-bottom:1px solid;
}
#moto p { margin:-12px 0 0 0; }

#tousrisques {
	position:relative;
	float:left;
	padding:20px 0px 0px 0px;
	margin-bottom:20px;
	_margin-left:0px;
	width:379px;
	border-right:1px solid;
	border-bottom:1px solid;
}

#jeunes {
	position:relative;
	float:right;
	padding:20px 0px 20px 0px;
	margin-bottom:20px;
	width:377px;
	border-bottom:1px solid;
}

#assurances p {
	position:relative;
	float:right;
	margin-top:-20px;
	width:195px;
	text-align:center;
}

#tarifs {
	position:relative;
	float:left;
	margin-top:-10px;
	_margin-top:10px;
	margin-bottom:10px;
	_margin-bottom:-10px;
}


/************************************************************************************************
											TABLEAUX
************************************************************************************************/

table {
	position:relative;
	left:50%;
	margin-left:-45%;
	margin-bottom:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	width:90%;
}
th {
	background-color:#FFFFCC;
	padding:2px 2px 2px 2px;
}
.hg {
	background-color:#FCFFFC;
	text-align:left;
}

td {
	background-color:#FFFDEA;
}



/************************************************************************************************
											FORMULAIRES
************************************************************************************************/

fieldset {
	position:relative;
	left:50%;
	margin-left:-260px;
	margin-top:10px;
	margin-bottom:10px;
	width:520px;
	padding:0px 0px 20px 0px;
	border:1px dashed #CCCCCC;;
}

label, select, input, textarea {
	position:relative;
	margin-top:20px;
	margin-left:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:1px 2px 1px 2px;
	border:1px solid #CCCCCC;
	background-color:#FFFDEA;
}

label {
	width:100px;
	text-align:right;
	border:0px solid;
	background-color:#FCFFFC;
	font-weight:bold;
}

select {
	padding:1px 0px 1px 2px;
}

input.radiobt {
	_margin-left:5px;
	_background-color:#FCFFFC;
	_border:0;
}

textarea {
}

div.form {
	position:relative;
}

#civil {
	_margin-left:10px;
}
#nom {
}
#prenom {
}
#tel {
	margin-top:30px;
	margin-left:-412px;
}
#fax {
	margin-top:30px;
	margin-left:-194px;
340px}
#email {
	margin-top:60px;
	margin-left:-426px;
}
#email input {	width:330px;	}
#adr {
	margin-top:90px;
	margin-left:-437px;
}
#adr label { vertical-align:top; top:20px;	}
#adr textarea {	width:330px; height:50px;	}
#postal {
	margin-top:160px;
	margin-left:-460px;
}
#postal input {	width:35px;	}
#ville {
	margin-top:160px;
	margin-left:-270px;
}
#ville input {	width:185px;	}
#naiss {
	margin-top:190px;
	margin-left:-440px;
}
#permis {
	margin-top:220px;
	margin-left:-463px;
}
#prof {
	margin-top:250px;
	margin-left:-453px;
}

#circulation {

}
#usage {
	margin-top:0px;
	margin-left:65px;
	_margin-left:40px;
}
#vehicule {
	margin-top:30px;
	margin-left:-406px;
}
#marque {
	margin-top:60px;
	margin-left:-401px;
}
#modele {
	margin-top:60px;
	margin-left:-179px;
}
#chevaux {
	margin-top:90px;
	margin-left:-488px;
}
#version {
	margin-top:120px;
	margin-left:-511px;
}
#type {
	margin-top:150px;
	margin-left:-461px;
}
#serie {
	margin-top:150px;
	margin-left:-235px;
}
#energie {
	margin-top:180px;
	margin-left:-431px;
}
#garage {
	margin-top:210px;
	margin-left:-490px;
}

#assurance36 {
	margin-top:0px;
	margin-left:0px;
}
#assuranceencours {
	margin-top:20px;
	margin-left:0px;
}
#assurance9 {
	margin-top:20px;
	_margin-top:90px;
	margin-left:0px;
	_margin-left:-352px;
}
#bolus {
	_margin-top:140px;
	_margin-left:-352px;
}
#sinistres {
	_margin-top:180px;
	_margin-left:-368px;
}
#vol {
	margin-left:69px;
}
#vol input { margin-left:129px;	}
#bris {
	margin-left:69px;
}
#bris input { margin-left:119px;	}
#matresp {
	margin-left:69px;
}
#matresp input { margin-left:78px;	}
#matnoresp {
	margin-left:69px;
}
#matnoresp input { margin-left:53px;	}
#corplegresp {
	margin-left:69px;
}
#corplegresp input { margin-left:48px;	}
#corpgraresp {
	margin-left:69px;
}
#corpgraresp input { margin-left:45px;	}
#corplegnoresp {
	margin-left:69px;
}
#corplegnoresp input { margin-left:22px;	}
#corpgranoresp {
	margin-left:69px;
}
#corpgranoresp input { margin-left:19px;	}
#corpgranoresp {
	margin-left:69px;
}
#resiliation {
	margin-top:20px;
}
#dateretrait {
	_margin-top:40px;
	_margin-left:-325px;
}
#suspannul {
	margin-top:20px;
	_margin-top:100px;
	_margin-left:-325px;
}
#causes {
	_margin-top:200px;
	_margin-left:-325px;
}
#retraitalcool {
	margin-top:20px;
	_margin-top:260px;
	margin-left:20px;
	_margin-left:-340px;
	font-weight:bold;
}
#test {
	margin-top:20px;
	_margin-top:290px;
	_margin-left:-362px;
}
#circonstances {
	_margin-top:0px;
}
#taux {
	margin-top:20px;
	_margin-top:60px;
	_margin-left:-430px;
}

#sub {
	text-align:center;
}
#sub p { margin:0; padding:0; text-align:center;	}

/************************************************************************************************
											DIVERS
************************************************************************************************/

input.scroll {
	border-style:none;
	font:italic normal bold 14px Arial; 
	background-color:#FCFFFC;
	color:#CC0000;
	width:720px;
}

.gras {	font-weight:bold;	}
.rouge { color:#CC0000;	}
.centre { text-align:center;	}
.gauche { text-align:left;	}
.droite { text-align:right;	}
.large { width:85px;	}
.vlarge { width:700px; margin-right:100px;	}
.spacer { position:relative; height:58px; _height:61px;	}