* {
	margin: 0;
	padding: 0;
}

.invisible {
	display: none;
}

body {
	background-color: #E1E9F2;
	font-family : Trebuchet MS, Arial, serif;
	font-size: 0.75em;
}

img {
	border: none;
}

.pagegalerie img {
	margin: 0 10px 10px 0;
}

.pageproduits img, .pagebonus img {
	margin: 0 15px 15px 0;
}

hr {
	margin: 2em 0;
	height: 1px;
	border: dotted #7cb2cf;
	border-width: 1px 0 0 0;
	
}


.fond {
	width: 1000px;
	background-image: url(img/bkg01.jpg);
	background-position: top center;
	background-repeat: repeat-y;
	margin: 0 auto;
}

.page, .hp {
	position: relative;
	width: 880px;
	margin: 0 auto;
	padding: 10px 10px 0;
}

.header {
	margin: 0 0 20px 50px;
	height: 142px;
}


.outils {
	position: absolute;
	top: 17px;
	right: 70px;
	color: #546E88;
}

.outils li {
	display: inline;
}

.outils a {
	color: #546E88;
	text-decoration: none;
}

.outils a:hover {
	color: #546E88;
	text-decoration: underline;
}

.lignemenu {
	position: absolute;
	top: 152px;
	left: 60px;
	width: 780px;
	border: solid #999999;
	border-width: 1px 0 0 0;
}


.menu {
	position: absolute;
	top: 134px;
	left: 60px;
	width: 780px;
	color: #546E88;
	bakground-color: #BED2E6;
	font-size: 12px;
}

.menu li {
	float: left;
	list-style: none;
	background-image: url(img/bkg-menuOff-1.gif);
	background-position: top left;
	background-repeat: no-repeat;
	boder: solid #999999;
	border-width: 0 0 1px 0;
	margin: 0 0 0 0.5em;
}

.debutmenu {
	display: inline;
	background-image: url(img/bkg-menuOff-1.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 0 0.8em 0 0;
}

.finmenu {
	display: inline;
	background-image: url(img/bkg-menuOff-2.gif);
	background-position: top right;
	background-repeat: no-repeat;
	padding: 0 0.8em 0 0;
}


.menu .on {
	background-image: url(img/bkg-menuOn-1.gif);
	background-position: top left;
	background-repeat: no-repeat;
	border: solid #ffffff;
	border-width: 0 0 1px 0;
	font-weight: bold;
}

.menu .on .debutmenu {
	background-image: url(img/bkg-menuOn-1.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

.menu .on .finmenu {
	background-image: url(img/bkg-menuOn-2.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

.menu a {
	position: relative;
	top: 1px;
	color: #7cb2cf;
	text-decoration: none;
}

.menu .on a {
	color: #546E88;
}

.menu a:hover {
	color: #546E88;
}

.ssmenu {
	position: absolute;
	top: 180px;
	left: 65px;
	width: 140px;
	list-style: none;
}

.ssmenu li {
	border: solid #cccccc;
	border-width: 0 0 1px 0;
	margin: 0 0 0.1em;
}

.ssmenu a {
	color: #7cb2cf;
	text-decoration: none;
}

.ssmenu a:hover {
	font-weight: bold;
}

.ssmenu ul {
	border: solid #cccccc;
	border-width: 1px 0 0 0;
	font-size: 90%;
	padding: 7px 0 3px;
}

.ssmenu ul li {
	border: none;
	margin: 0 0 4px 1em;
	list-style: none;
	background-image: url(img/puce01.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	padding: 0 0 0 12px;
	line-height: 13px;
}

.ssmenu ul a {
	color: #546E88;
}

.contenu {
	width: 427px;
	margin: 0 0 0 230px;
	border: dotted #7cb2cf;
	border-width: 0 1px 0 0;
	font-size: 90%;
	padding: 0 20px 4em 0;
}

.contenu a {
	_color: #f6bc0e;
	color: #0000ff;
}

.hp .contenu {
	width: 597px;
	margin: 0 0 0 60px;
	border: dotted #7cb2cf;
	border-width: 0 1px 0 0;
	font-size: 90%;
}

.pageautre .contenu, .pagecontact .contenu, .pagegalerie .contenu {
	width: 587px;
	margin: 0 0 0 50px;
	border: dotted #7cb2cf;
	border-width: 0 1px 0 0;
	font-size: 90%;
	padding: 0 20px 4em 20px;
}


.contenu p, .contenu ul, .contenu table, .contenu H2 {
	margin: 0 0 1em 0;
}



.contenu ul li {
	list-style: none;
	background-image: url(img/puce02.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0 0 0.5em 12px;
}


.contenu .chemin {
	color: #f2cc33;
	margin: 0 0 1.5em 0;
}

.contenu .chemin a{
	color: #f2cc33;
	text-decoration: none;
}

.contenu .chemin a:hover{
	text-decoration: underline;
}

H1 {
	position: relative;
	top: -10px;
	height: 34px;
	width: 415px;
	color: #ffffff;
	font-family: Trebuchet MS, Times New Roman, serif;
	font-size: 24px;
	font-weight: normal;
	padding: 45px 0 0 10px;
}


H2 {
	font-family: Times New Roman, serif;
	font-size: 18px;
	font-weight: normal;
	color: #7cb2cf;
}

H3 {
	color: #546E88;
	margin: 0 0 15px 0;
	font-size: 13px;
}

.pagesociete H2 {
	padding: 10px 0 0 0;
}

.pagechassis H1 {
	background-image: url(img/banner-chassis.jpg);
}

.pageportes H1 {
	background-image: url(img/banner-portes.jpg);
}

.pageverandas H1 {
	background-image: url(img/banner-verandas.jpg);
}

.pagevolets H1 {
	background-image: url(img/banner-volets.jpg);
}

.pageaccessoires H1 {
	background-image: url(img/banner-accessoires.jpg);
}

.pageintaccessoires H1 {
	font-size: 18px;
	font-wight: bold;
	padding: 50px 0 0 10px;
	height: 29px;
}

.pagesociete H1 {
	background-image: url(img/banner-societe.jpg);
}

.pagepartenaires H1 {
	background-image: url(img/banner-partenaires.jpg);
}

.pagebonus H1 {
	background-image: url(img/banner-bonus.jpg);
}

.pagemoustiquaires H1, .pagegarages H1, .pageentretien H1 {
	background-image: url(img/banner.jpg);
}

.contenu table {
	width: 425px;
}

.contenu table td {
	padding: 0 0 20px 0;
	vertical-align: top;
}


.pageautre .contenu table td,
.pagepartenaires .contenu table td, .pagechassis .contenu table td, .pageverandas table td, .pagegarages table td, .pagevolets table td, .pageintaccessoires table td, .pagemoustiquaires table td, .pageentretien table td, .pageportes table td {
	padding: 20px 0 20px 0;
	border: dotted #7cb2cf;
	border-width: 1px 0 0 0;
}



.pageautre .contenu .noborder td {
	border: none;
	padding: 0;
}

.noborder{
	border: none;
	padding: 0;
}

.pageautre .contenu .noborder {
	width: auto;
}

.pagepartenaires table img {
	margin: 0 30px 0 0;
}




.contenu .fleche li {
	background-image: url(img/puce01.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0 0 0 12px;
}

.adresse {
	position: absolute;
	top: 260px;
	right: 230px;
}

.contenu .plan {
	width: 520px;
	padding: 10px 0 5px 30px;
}

.contenu .plan li {
	border: dotted #7cb2cf;
	border-width: 0 0 1px 0;
	padding: 3px 0 0 8px;
}

.contenu .plan ul {
	padding: 5px 0 10px 20px;
	margin: 0;
}

.contenu .plan ul li {
	border: none;
	
}

.contenu .plan li {
	background-image: url(img/puce0.gif);
}

.contenu .plan a {
	font-size: 12px;
	font-weight: bold;
	color: #546E88;
	text-decoration: none;
}

.contenu .plan a:hover {
	text-decoration: underline;
}

.contenu .plan ul a {
	font-size: 11px;
	font-weight: bold;
	color: #7cb2cf;
	background-image: url(img/puce02.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0 0 0 12px;
}

.contenu .plan ul ul a {
	background-image: url(img/puce01.gif);
	background-repeat: no-repeat;
	background-position: center left;
	font-weight: normal;
	color: #000000;
}

form {
	position: relative;
}


.contenu form table {

	width: 280px;
	
}

.produits {
	position: absolute;
	top: 0;
	left: 310px;
}



input { 
	font-size: 0.8em; 
	padding: 0.2em; 
	width: 260px;
}

input.ch_box {
	width: auto;
	padding: 0;
	margin: 0 3px 0 30px;
}

.nombre {
	width: 80px;
}

.produits .nombre {
	width: 120px;
	margin: 0 10px 0 0;
}

.loc {
	width: 170px;	
}

.droite {
	text-align: right;
}

.droite input {
	width: auto;
	padding: 0.2em 0.5em;
}
		
select { 
	font-size: 0.8em; 
	margin: 0.5em 0 0;
	width: 270px; 
}
			
			
textarea { 
	font-size: 1.3em; 
	padding: 0.2em; 
	width: 260px;
	height: 80px;
}

.aide {
	position: absolute;
	top: 16px;
	left: 245px;
	background-color:#CC0000;
	padding: 2px 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}

.aide a {
	text-decoration: none;
	color: #ffffff;
}

.infos {
	position: absolute;
	top: 175px;
	right: 65px;
	width: 142px;
}

.infos p {
	margin: 0 0 5px 0;
}

.infos img {
	border: none;
	margin: 0;
	padding: 0;
}


.pageaccueil .news H1 {
	position: relative;
	top: 0;
	left: 0;
	height: auto;
	width: 500px;
	color: #7cb2cf;
	font-weight: normal;
	padding: 0;
	font-family: Times New Roman, serif;
	font-size: 1.8em;
	margin: 0 0 0.5em 0;
}

.pageaccueil .news {
	margin: 1em 0;
	padding: 1em;
	border: solid #e1e9f2 1px;
}

.pageaccueil .news ul {
	padding: 0 0 0 30px;
}



.footer {
	position: relative;
	left: 0px;
	width: 880px;
	height: 70px;
	background-image: url(img/bkg02.jpg);
	background-position: -59px bottom ;
	background-repeat: no-repeat;
}

.footer p {
	width: 780px;
	margin: 0 auto;
	text-align: center;
	border: dotted #7cb2cf;
	border-width: 1px 0 0 0;
	padding: 0.5em 0;
	color: #7cb2cf;
}