@import url(reset.css);
@import url(lightbox.css);

body, html {
	font-family: Arial, Verdana, Tahoma, Helvetica, Sans;
	height: 100%;
}
hr {
	clear: both;
	visibility: hidden;
	height: 1px;
	width: 1px;
}
p, blockquote {
	margin-bottom: 10px;
}
strong, .strong {
	font-weight: bold;
}
div#kw {
	text-align: center;
	/* display: none; */
	line-height: 20em;
	overflow: hidden;
	height: 10px;
	font-size: 9px;
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans;
}

div#tel {
	text-align: center;
	position: absolute;
	/*border: 1px solid red;*/
	right: 25px;
	top: 170px;
	font-size: 20px;
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans;
	font-weight: bold;
	color: #202a4f;
}

.right {
	float: right;
}
sup {
	font-size: 0.5em;
	vertical-align: top;
}
.hl {
	color: #A00;
	font-style: italic;
}
div#page {
	margin: 20px auto 0 auto;
	width: 734px; 
	position: relative;
	background-image: url(images/renopi-fond_page.gif);
	background-repeat: repeat-y;
	background-position: left top;
	border: 1px solid #FAFAFA;
	overflow: hidden;
	color: #;
}
h1 a img {
	display: block;
}
h2 {
	font-weight: bold;
	font-size: 2em;
	margin-bottom: 20px;
}
.l3 {
	padding: 10px 20px 10px 20px;
	font-size: 0.8em;
	background-image: url(images/renopi-fond_texte_light.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	margin-right: 20px;
	color: #005;
}
h3 {
	font-weight: bold;
	margin-top: 5px;
	color: #F00;
	font-size: 1.3em;
	font-style: italic;
}
.l3 blockquote {
	border: 3px solid #6792CF;
	padding: 5px;
	font-style: italic;
	color: #008;
	margin-right: 10px;
}
ul.menu {
	height: 27px;
	margin: 1px 12px;
	padding-left: 15px;
	background-image: url(images/renopi-fond_menu.gif);
	background-repeat: repeat-x;
	background-position: left top;	
	overflow: hidden;
}
ul.menu li {
	float: left;
}
ul.menu li a {
	display: block;
}
ul.menu li a:hover {
	background-image: url(images/renopi-fond_a_hover.gif);
	background-repeat: repeat-x;
	background-position: left top;	
}
div.texte {
	background-image: url(images/renopi-fond_texte.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	margin:  0 12px;
	/*position: relative;*/
	padding-left: 32px;
	padding-right: 25px;
	padding-top: 27px;
}
div.pied {
	background-image: url(images/renopi-pied.jpg);
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 30px;
}
.pave_blanc {
	margin-top: 20px;
	/*margin-right: 25px;*/
}
.pave_blanc img {
	position: relative;
}

.pave_blanc  ul {
	list-style-type: square;
	font-size: 0.7em;
	font-style: italic;
	line-height: 1.55em;
	margin-left: 350px;
	color: #3136AB;
}

.img_rollover a img {
	border: 1px solid #FFF;
}
.img_rollover a:hover  img {
	border-color: #3367B3;
}

.realisations  a img {
	border: 4px solid #FFF;
}
.realisations  a:hover img {
	border-color: #3C70BC;
}
.realisations  h3 {
	color: #FFF;
}

.produits  a img {
	border: 4px solid #FFF;
}
.produits p {
	text-align: center;
}
.produits  a:hover img {
	border-color: #3C70BC;
}

.adresse {
	font-size: 0.7em;
	padding-right: 20px;
	text-align: right;
}
.adresse, .adresse a {
	color: #3374a0;
	text-decoration: none;
}
#cr {
	text-align: center;
	font-size: 0.75em;
	color: #AAA;
}
#cr a {
	text-decoration: none;
	color: #666;
}

.form_contact {
}
.form_contact ul {
	border: 1px solid #2B3967;
	width: 350px;
	margin: 0 auto;
	padding: 15px;
}
.form_contact label {
	display: block;
	width: 100px;
	float: left;
	text-align: right;
	font-size: 0.9em;
	font-weight: bold; 
	padding-top: 3px;
}
.form_contact input, .form_contact textarea {
	border: 1px solid #2B3967;
	background-color: #4FCBE5;
	margin-bottom: 10px;
	margin-left: 5px;
}

.form_contact textarea {
	height: 130px;
	width: 200px;
}

.pvc {
	border: 3px solid #3E6EB8;
}