* {
			margin: 0;
                        padding: 0;
}

html {
			width: 100%;
			min-height: 100%;
		        background-color: #f7f7f7;
}

body {
			width: 100%;
			min-height: 100%;
		        margin: 0 auto;
		        background: #f7f7f7 url(http://www.devis-fenetres-gratuit.com/img/fond.gif) top center repeat-y;
}

#intermed {
			width: 100%;
		        margin: 0 auto;
		        padding: 21px 0 0 0;
		        background: transparent url(http://www.devis-fenetres-gratuit.com/img/fono.gif) top center no-repeat;
}

#conteneur {
			width: 880px;
			margin: 20px auto 0 auto;
			padding: 0;
		        background: #fff url(http://www.devis-fenetres-gratuit.com/img/foncross.gif) 0 10px repeat-x;
		        border-top: 5px #555 solid;
}

#formdev, #gencont {
			float: left;
			width: 550px;
}

#conteneur h1 {
		        display: block;
                        font: normal normal normal 1.5em/1.5em arial, sans-serif;
                        color: #666;
                        margin: 20px 0 0 0;
                        padding: 45px 0 0 100px;
		        background: transparent url(http://www.devis-fenetres-gratuit.com/img/entete.gif) top right no-repeat;
		        width: 780px;
		        height: 105px;
                        border-bottom: 1px #fc3 solid;
                        cursor: pointer;
}

#conteneur h1 span {
		        background: #fff url(http://www.devis-fenetres-gratuit.com/img/foncross.gif) 0 0 repeat;
		        padding: 2px 7px 2px 0;
}

#conteneur h2 {
                        font: normal normal normal 1.25em arial, sans-serif;
                        color: #555;
                        border-bottom: 2px #fc3 solid;
                        margin-top: 5px;
}

#conteneur p {
                        font: normal normal normal 0.8em/1.8em arial, sans-serif;
                        color: #333;
                        padding: 10px 0;
}

#conteneur #gencont li {
                        font: normal normal normal 0.8em/1.8em arial, sans-serif;
                        color: #333;
                        padding: 0 0 10px 20px;
                        list-style-type: square;
                        list-style-position: inside;
}

#conteneur #gencont p {
                        padding: 5px 0 15px 0;
}

#conteneur p a {
                        color: #f1a707;
}

#conteneur p a:visited {
                        color: #f83;
}

#conteneur p a:hover {
                        text-decoration: none;
}


#conteneur p.chapo {
                        font: normal normal bold 0.82em/1.5em arial, sans-serif;
                        background-color: #fff;
                        padding: 3px;
                        margin: 0 0 30px 0;
			border: 1px #ccc solid;
}

#conteneur p.chapo span {
                        display: block;
                        padding: 10px;
			border: 1px #ddd solid;
			background: #f1a707 url(http://www.devis-fenetres-gratuit.com/img/50.gif) bottom center repeat-x;
			color: #fff;
}

#conteneur p.chapet {
                        font: normal normal normal 1.4em/1.5em arial, sans-serif;
                        background-color: #fff;
                        padding: 3px;
                        margin: 0 0 30px 0;
			border: 1px #ccc solid;
}

#conteneur p.chapet span {
                        display: block;
                        padding: 10px;
			border: 1px #ddd solid;
                        background: #777 url(http://www.devis-fenetres-gratuit.com/img/fonpied.gif) repeat-x;
			color: #ffd400;
}

#conteneur #gencont ul.accdevis {
                        padding: 10px 0;
                        margin: 0;
}

#conteneur #gencont ul.accdevis li {
                        list-style-type: none;
                        font: normal normal normal 0.8em/1.5em arial, sans-serif;
                        margin: 10px 0;
                        padding: 10px 0;
                        border-bottom: 1px #e0e0e0 solid;
}

#conteneur #gencont ul.accdevis li img {
                        float: left;
                        margin: 0 15px 0 0;
                        border: 3px #d0d0d0 solid;
}

#conteneur #gencont ul.accdevis li a {
                        color: #f1a707;
                        font-weight: bold;
}

#conteneur #gencont ul.accdevis li a:visited {
                        color: #f83;
}

#conteneur #gencont ul.accdevis li a:hover {
                        text-decoration: none;
}




/* COL DROITE */

#coldroite {
			float: right;
			width: 310px;
			padding: 10px 0 0 0;
			margin: 0;
			border: 1px #ddd solid;
			background-color: #f7f7f7;
}

#bleuciel {
                        background-color: #fff;
                        border: 1px #ddd solid;
                        text-align: center;
                        margin: 0 9px 10px 9px;
                        padding: 10px 0 0 0;
}

#bleuciel p {
                        margin-top: 0;
                        padding-top: 0;
}

#coldroite h2 {
                        font: normal normal bold 0.85em arial , sans-serif;
                        color: #444;
			border: #ddd solid;
			border-width: 1px 0;
}

#coldroite h2 span {
                        display: block;
                        width: 288px;
                        background: #ffc039 url(http://www.devis-fenetres-gratuit.com/img/20.gif) repeat-x;
			padding: 5px 10px;
			border: 1px #fff solid;
}

#coldroite p#etap {
                        display: block;
                        width: 310px;
                        height: 140px;
                        background: transparent url(http://www.devis-fenetres-gratuit.com/img/5etapes.gif) top center no-repeat;
                        margin-bottom: 5px;
                        padding-bottom: 0;
}

#coldroite p#etap a {
                        display: block;
                        width: 310px;
                        height: 140px;
}

#coldroite div#pubcold {
                        width: 280px;
                        padding: 5px;
                        margin: 0 9px 10px 9px;
                        cursor: pointer;
                        background-color: #fff;
                        border: 1px #ddd solid;
}

div#pubbas {
                        width: 728px;
                        padding: 0;
                        margin: 20px auto 5px auto;
                        cursor: pointer;
}




#conteneur p.desc {
                        font: normal normal normal 0.75em/1.5em arial, sans-serif;
                        color: #333;
                        padding: 10px;
                        text-align: justify;
}

ul.ssmenu {
                        padding: 10px;
                        margin: 0 0 10px 0;
}

ul.ssmenu li {
                        list-style-type: none;
                        font: normal normal bold 0.75em/1.5em arial, sans-serif;
                        letter-spacing: 0.07em;
                        padding: 6px 0;
}

ul.ssmenu li a {
                        color: #f1a707;
}

ul.ssmenu li a:visited {
                        color: #f83;
}

ul.ssmenu li a:hover {
                        text-decoration: none;
}


/* FORMULAIRE DE DEVIS */

form.devis {
			font: normal normal normal 0.7em/1.6em arial, sans-serif;
}

form.devis p {
			font-size: 1.2em !important;
}

form.devis fieldset {
			border: 1px #ffdf9c solid;
			padding: 5px 20px 20px 20px;
			margin: 0 0 15px 0;
			background: transparent url(http://www.devis-fenetres-gratuit.com/img/fonfield.gif) top right repeat-y;
}

* html form.devis fieldset {
			background: none;
}

form.devis fieldset legend {
			font: normal normal bold 1.25em/1.2em arial, sans-serif;
			color: #f79915;
			padding: 0 10px;
			margin: 0 0 10px 10px;
}

form.devis li {
			list-style-type: none;
			padding: 10px 0 0 0 !important;
			float: left;
}

form.devis fieldset label {
			color: #333;
}

form.devis fieldset.ident label {
                        display: block;
			float: left;
			width: 190px;
			margin: 0;
}

form.devis fieldset.nospam label, form.devis fieldset.produit label, form.devis fieldset.plusinfo label {
                        display: block;
			float: left;
			width: 150px;
			margin: 0;
}

form.devis fieldset.rappel label.frslk {
                        display: block;
			float: left;
			width: 50px;
			margin: 0 0 0 42px;
}

form.devis fieldset.rappel span.dkl {
			margin: 0 0 0 42px;
}

form.devis input.text {
			border: 1px #ccc solid;
			width: 300px;
			padding: 2px;
			font: normal normal normal 0.95em arial, sans-serif;
			color: #222;
}

form.devis input.texter {
			border: 1px #c00 solid;
			width: 300px;
			padding: 2px;
			font: normal normal normal 1.95em arial, sans-serif;
			background-color: #ffe7e7;
}

form.devis input.submt {
			border: 1px #bbb solid;
			width: 560px;
			padding: 5px 0;
                        background: #ffc039 url(http://www.devis-fenetres-gratuit.com/img/20.gif) repeat-x;
			font: normal normal normal 1.4em arial, sans-serif;
			color: #222;
                        cursor: pointer;
}

form.devis select.slkt {
			border: 1px #ccc solid;
			width: 200px;
			padding: 2px;
			font: normal normal normal 0.95em arial, sans-serif;
}

form.devis select.slkt option {
			padding: 0 0 0 5px;
			margin: 2px 0;
}

form.devis textarea {
			border: 1px #ccc solid;
			width: 350px;
			height: 170px;
                        overflow: auto;
			padding: 5px;
			font: normal normal normal 0.95em arial, sans-serif;
}

form.devis input.chck {
			margin: 0 2px 0 13px;

}

form.devis input.radio {
			margin: 0 2px 0 13px;
}

form.devis fieldset.majrad input.chck, form.devis fieldset.majrad input.radio {
                        width: 20px;
			float: left;
}

form.devis label.preciz2 {
			float: left;
                        display: block;
                        clear: both;
                        padding: 5px 5px 0 0;
}

form.devis input.textprec {
			float: left;
                        border: 1px #ccc solid;
			width: 450px;
			padding: 2px;
			font: normal normal normal 0.95em arial, sans-serif;
			color: #222;
			margin: 0;
}

form.devis input.textprec2 {
			float: left;
                        border: 1px #ccc solid;
			width: 450px;
			padding: 2px;
			font: normal normal normal 0.95em arial, sans-serif;
			color: #222;
			margin: 5px 5px 0 0;

}

form.devis li.precizli {
			padding: 0 !important;
			margin: 0 !important;
}

form.devis input.er {
	                background-color: #e4a4a4;
}

form.devis .malert {
                        font-size: 1.25em;
                        border: 3px #999 solid;
                        color: #eee;
		        background: #a80000 url(http://www.devis-fenetres-gratuit.com/img/fond-motif-rouge.gif) center top repeat;
                        padding: 10px 10px 8px 15px;
                        margin: 15px 0;
}

form.devis .malert strong {
                        color: #eee;
                        margin-bottom: 10px;
}

form.devis .malert img {
                        vertical-align: middle;
                        margin-right: 10px;
}

.smolstar {
                        font-weight: bold;
                        color: #f96;
                        font-family: courrier, serif;
}


#cheville {
			width: 880px;
			margin: 20px auto 0 auto;
			padding: 0;
}

#cheville h2 {
                        font: normal normal normal 1.25em arial, sans-serif;
                        color: #555;
                        border-bottom: 2px #fc3 solid;
                        margin-top: 5px;
}

#cheville p {
                        font: normal normal normal 0.8em/1.8em arial, sans-serif;
                        color: #333;
                        padding: 10px 0;
}

#cheville p a {
                        color: #f1a707;
}

#cheville p a:visited {
                        color: #f83;
}

#cheville p a:hover {
                        text-decoration: none;
}





/* */

#pied {
                        width: 100%;
                        margin: 20px auto 0 auto;
                        background: #777 url(http://www.devis-fenetres-gratuit.com/img/fonpied.gif) repeat-x;
                        border-top: 3px #ccc solid;
}

#pied #semelle {
                        width: 880px;
                        margin: 0 auto;
                        padding: 15px 0 10px 0;
}

#pied #semelle p {
                        font: normal normal bold 0.75em/1.5em arial, sans-serif;
                        color: #ffd400;
}

#pied #semelle p a {
                        color: #fff;
                        text-decoration: underline;
}

#pied #semelle p a:hover {
                        text-decoration: none;
}

#pied #semelle p a#ap {
                        color: #ffd400;
                        text-decoration: none;
                        cursor: text;
}

#pied #semelle p a#ap:hover {
                        text-decoration: none;
}


/* imperdivel  */

.oust {
			position: absolute;
			left: -6666em;
			top: 0;
			width: 1px;
			height: 1px;
			overflow: hidden;
}

.clearbot {
			clear: both;
			margin: 0;
                        padding: 0;
			border: 0;
}
