html {
	height: 100%;
	margin-bottom: 1px;
}
body {
	position:relative;
	margin: 0;
	padding: 0;
	line-height: 135%;
	font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif;
	font-size: 75%;
	color:#666666;
	background:url(../images/bg_degrade.gif) repeat-x #e1f5ff;
}
#barre_orange {
background:url(../images/barre_orange.gif) repeat-x; height:27px; position:fixed; width:100%; left:0; top:0px;
}
#bg_barre {
background:url(../images/bg_barre.gif) repeat-x; height:43px; position:absolute; width:100%; left:0; top:211px;
}
#bg_eau {
background:url(../images/eau_kaleido2.jpg) no-repeat center top; height:166px; position:fixed; width:100%; left:0; bottom:0px;
}
div#wrapper 
{
position:relative;
margin: 0 auto;
width:859px;
padding:0;
}
.bouton_valid_form {
background:url(../images/bg_menu_horiz_hover.gif) repeat-x center;
color:#666666;
}
#msg_promo {
position:absolute;
right:20px;
top:30px;
font-size:18px;
background:#FFFFFF;
border:4px solid #00FFFF;
padding:14px;
z-index:7;
color:#FF6600;
}
#msg_promo a {
border-bottom:1px double #FF6600;
}
span.info_promo {
color:#CCCCCC;
text-align:right;
font-size:9px;
}
#centre {
	position:relative;
	width:833px;
	padding:47px 13px 70px 13px;
	margin: 0px 0 20px 0;
	height:400px;
	z-index:5;
	overflow:hidden;
	background:#FFFFFF;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
#centre form fieldset {
margin:0 auto 0 auto;
}
html > body #centre {
position:relative;
height:auto;
min-height:400px;
}
#bottom {
	position:absolute;
	bottom:0;
	left:0px;
	width:96%;
	margin:0 2%;
	padding:0;
	overflow: hidden;
	padding-top:30px;
	height:32px;
}
#bottom a {
}

#bottom a.mainlevel {
	 line-height: 32px;
	 height: 32px;
	 margin-right: 10px;
	 padding-right: 5px;
	 padding-left: 0;
	 display: block;
	 float: left;
}
#bottom a:hover {
	color:#FFCC66;
}
#menu_piscine {
position: absolute;
width:100%;
height: 37px;
background:url(../images/bg_menu_horiz.gif) repeat-x left center;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
line-height:37px;
z-index:200;
}
#menu_piscine ul li { display:block; float:left; width:auto; height:37px; line-height:37px; text-align:center; padding:0 15px; margin:0;}

#menu_piscine ul li a { color:#79736c; font-size:120%; text-decoration:none; }
#menu_piscine ul li:hover, #menu_piscine ul li.active { background:url(../images/bg_menu_horiz_hover.gif) repeat-x left center;}
#menu_piscine ul li a:hover, #menu_piscine ul li.active a{ color:#ff6600;}
#menu_piscine ul {
margin:0;
padding:0;
list-style:none;
text-align:left;
width:100%;
z-index:500;
}
p {
  margin-top: 10px;
  margin-bottom: 15px;
}

h1, h2, h3, h4 {
	padding-bottom: 5px;
	margin: 10px 0;
	font-size:100%;
	font-weight: normal;
	line-height: 100%;
}
h1 {
	font-size: 150%;
	line-height: 150%;
	border-bottom:1px solid #fc9f3a;
	margin:0 0 10px 0;
	padding:0;
}
h2 {
	padding:0;
	line-height: 20px;
	height:20px;
	margin:0;
	
}
h5 {
font-size:100%;
padding:0;
margin:0;
}
span.info, 
span.alert,
{
	display: block;
	padding: 13px 10px 13px 60px;
	margin: 15px 0;
}
span.info, 
{
	border:2px solid #66CC33;
	background: #ffffff url(../images/picto_val_cover.png) 10px 50% no-repeat;
}
span.alert, 
{
border:2px solid #FF6600;
background: url(../images/picto_fail_cover.png) no-repeat left center;
}
#centre h1
{
}
h1:first-letter { color:#fc9f3a; font-size:170%;}
h2 {
	font-size: 120%;
	color:#fc9f3a;
}
h4 {
	font-size: 120%;
}
a {
	text-decoration: none;
	color: #27bbeb;
}
a:hover {
	text-decoration: underline;
}
#header {
	position:relative;
	height: 203px;
	width:100%;
	z-index:100;
	background:url(../images/bandeau.jpg) no-repeat top center #FFFFFF;
	padding: 10px 0 0 0;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #ffffff;
	border-top:1px solid #CCCCCC;
	overflow:visible;
	z-index:2;
}
#logo-abri-piscine {
height:68px;
width:200px;
margin:28px 0 0 15px;
}
strong#souslogo {
display:block;
width:200px;
margin:20px 0 0 15px;
text-align:center;
color:#999999;
font-size:120%;
}
#abri-bandeau {
position:absolute;
bottom:-40px;
right:0;
background:url(../images/abri_piscine.png) no-repeat left bottom;
height: 315px;
width:354px;
z-index:3;
}
#ombre_gauche {
position:absolute; bottom:0; left:-18px; height: 220px; width:18px;
background:url(../images/ombre_gauche.png) no-repeat left bottom;
}
#ombre_droite {
position:absolute; bottom:0; right:-18px; height: 220px; width:18px;
background:url(../images/ombre_droite.png) no-repeat right bottom;
}

a#xhtml {
background:url(../images/xhtml.jpg) no-repeat center center;
width:69px;
}
a#css {
background:url(../images/css.jpg) no-repeat center center;
width:69px;
}
#pathway {
	position: relative;
	z-index: 1;
	height: 20px;
	width:100%;
	margin:10px auto;
}
#pathway span.arrow 
{
display:block;
float:left; 
width:10px;
height:20px;
}
#pathway a {
display:block;
float:left;
padding-right:15px;
height:20px;
line-height:20px;
background:url(../images/arrow.png) no-repeat right center;
color: #333333;
}

blockquote {
	font-style: italic;
	font-size: 120%;
	line-height: 150%;
	width: auto;
	padding: 0px 0px 5px 20px;
	margin: 15px 0;
	color: #fc9f3a;
	border-left:2px #fc9f3a dashed;
}

blockquote p {
	padding: 0 50px 0 0;
	margin-top: 0;
}

.clr {
	clear:both;
	line-height:1px; height:1px; font-size:1px; margin:0; padding:0;
}

a img {
	border: 0;
}

div#lexique {
width:100%;
}
div.alphabet {
text-align:center;
}
div.alphabet div.lettres {
}
div.alphabet div.lettres a {
float:left;
display:block;
width:2.5%;
font-size:13px;
line-height:20px;
height:20px;
text-align:center;
}
div.alphabet div.lettres a:hover {
font-size:25px;
width:35px;
color:#FF6633;
}
table#lexique_def {
	width:100%;
}
table#lexique_def td {
	width:50%;
}
div#lexique h3{
padding:0 0 0 40px;
height:25px;
line-height:25px;
}
div#lexique div.legende 
{
margin:30px 0 20px 0;
font-style:italic;
color:#999999;
}
div#lexique div.illustration-lexique {
}
div#lexique div.definition{
border:1px dashed #FF9900;
background:#F0F0F0;
padding:6px;
width:500px;
line-height:180%;
font-size:100%;
}
pre {
}
#links {
position:relative;
width:100%;
margin:0;
padding:0;
text-align:center;
}
#links .right {
position:relative;
width:46%;
border:1px solid #CCCCCC;
padding:1%;
margin:0 0 1% auto;
}
#links .left {
position:relative;
float:left;
width:46%;
margin:0 auto 1% 0;
border:1px solid #CCCCCC;
clear:both;
padding:1%;
}

.clrleft {
clear:both;
line-height:2px;
font-size:1px;
}

div#msg_mail {
margin:5px;
width: 600px;
border:1px solid #CCCCCC;
padding:5px;
background:#FFFFFF;
}
div#annonceur_menu 
{ 
}

a.change_email {
background:url(../images/edit.gif) no-repeat right center;
padding-right:25px;
}
div.complete {
background:url(../../administration/admin/template/images/checkin.png) left center no-repeat;
padding:10px 20px 10px 60px;
margin:30px 0 30px 0;
color:#00CC00;
}

#lbOverlay {
position: absolute;
z-index:100;
top: 0px;
left: 0px;
display:none;
background-color:#000;
width:100%;
height:1000px;
text-align:center;
}
#lbOverlay div {
width:400px;
border: 1px solid #CCCCCC;
text-align:center;
margin:20% auto;
font-size:130%;
color:#FFFFFF;
text-align:center;
line-height:100px;
padding:40px 0;
}

/* NOBSLIDE */
.sample {
position:relative;
width:540px;
height:337px;
z-index:3;
margin:0 auto 0 0; padding:0;
}
.sample .titre_mask {
position:absolute;
height:30px;
z-index:12;
color:#FFFFFF;
line-height:30px;
margin:0 0 0 10px;
width:440px;
}
#box6{
	position:absolute;
	width:450px;
	height:337px;
}
#box6 span{
	display:block;
	height:337px;
}
#box6 span img {
vertical-align:middle;
}
#handles6_2{
	float:right
}
.mask6{
	position:absolute;
	left:0;
	margin-left:0;
	width:450px;
	height:337px;
	overflow:hidden;
}

/* ********************************** */

.thumbs{
	width:76px;
}
.thumbs div{
	display:block;
	width:70px;
	height:70px;
	margin:3px 0;
	cursor:pointer;
}
.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}
.info{
	width:450px;
	height:40px;
	background:#000;
	position:absolute;
}
/* ********************************** */
.presentation_abri {
width:auto;
margin:20px 10px 10px 0;
text-align:justify;
}
.left_abri {
position:relative;
float:left;
width:270px;
}
div#right-abri {
position:relative;
width:550px;
margin:0 0 0 auto;
}
.vecto-abri {
text-align:center;
margin:0 0 20px 0;
}
.vecto-abri strong {
display:block;
width:100%;
font-variant:small-caps;
font-size:120%;
line-height:180%;
}
.vecto-abri img{
vertical-align:middle;
}
div.lien-fiche-abri {
width:100%;
margin:20px 0;
text-align:center;
}
a.lien_devis-abri {
display:block;
width:100%;
height:70px; 
line-height:70px;
margin:10px 0;
text-align:center;
}
div.retour_gamme_abris {
height:30px; line-height:30px;
}
#coin_arrondi {
position:absolute;
bottom:0;
left:0;
height:25px;
width:25px;
}
div.affiche-abri {
position:relative;
width:43%;
height:150px;
float:left;
margin:2%;
border: 1px solid #27bbeb;
padding:1%;
background:url(../images/fond_abri.gif) repeat-x bottom left;
}
div.affiche-abri h2.titre {
color:#27bbeb; text-align:right;
}
div.affiche-abri h4.titre {
position:absolute;
bottom:0;
right:5px;
height:25px; 
line-height:25px;
color:#999999;
text-align:right;
font-style:italic;
font-size:80%;
}
div.photo-abri-gauche {
position:relative;
float:left;
width:180px;
text-align:center;
margin:0;
z-index:10;
}
div.photo-abri-droite {
position:relative;
text-align:right;
margin:0;
}
h4.type-abri a {
color:#666666;
}
div.photo-abri-gauche img {
border:1px dashed #fc9f3a;
padding:2px;
}
.upload_badge_lne {
background:url(../images/badge-lne-abri_piscine.gif);
background:url(../images/abri_piscine.png);
background:url(../images/badge-nf-abri_piscine.gif);
background:url(../images/puce_cliquable-abri.png);
background:url(../images/bouton-devis-abri.png);
}

div.ombre {
background:url(../images/ombre_photo/top.gif) no-repeat top left;
}
div.ombre div {
position:relative;
width:100%;
}
div.ombre div.tl {
background:url(../images/ombre_photo/tl.gif) no-repeat top left;
}
div.ombre div.tr {
background:url(../images/ombre_photo/tr.gif) no-repeat top right;
}
div.ombre div.bl {
background:url(../images/ombre_photo/bl.gif) no-repeat bottom left;
}
div.ombre div.br {
background:url(../images/ombre_photo/br.gif) no-repeat right bottom;
}
div.ombre div.left {
background:url(../images/ombre_photo/left.gif) no-repeat left top;
}
div.ombre div.right {
background:url(../images/ombre_photo/right.gif) no-repeat right top;
}
div.ombre div.bottom {
background:url(../images/ombre_photo/bottom.gif) no-repeat left bottom;
}
div.ombre div.inner{
padding:20px;
width:auto;
}
#puce-clic-abri {
position:absolute;
right:15px;
top:50%;
bottom:50%;
margin:-44px 0 auto 0;
width:34px;
}
div.ombre div#masque-photo-abri{
position:absolute;
bottom:20px;
bottom:20px;
left:20px;
height:25px;
background: url(../images/fond_50.png) no-repeat;
width:auto;
line-height:25px;
padding:5px;
text-align:right;
}
div.lien_bas {
position:relative;
text-align:center;
background: url(../images/vague_orange.jpg) no-repeat center bottom;
padding-bottom:20px;
margin:20px 0 0 0;
}
.info_right {
float:right;
width:300px;
}
ul.ul_carre li{
background:url(../images/puce.png) no-repeat left center;
padding-left:25px;
list-style:none;
line-height:20px;
height:20px;
margin:0 0 5px 0;
}
ul.ul_carre li a {
height:20px;
line-height:20px;
}
#scroll-abris {
position:relative;
width:100%;
clear:both;
margin:0px 0 0 0;
padding:0;
color:#FFFFFF;
}
.mooquee
{	
	padding: 5px;
	/* don't change */
    position: absolute;
	overflow: hidden;
	white-space: nowrap;
}
.mooquee-text
{
	/* don't change */
	position: absolute;
}
/* STYLES LISTE DEPARTEMENTS */
.region{
position:relative;
margin:0% 1% 1% 0;
color:#333333;
width:32%;
font-weight:bold;
text-align:left;
}

.region ul li {
width:100%;
margin:0;
padding:0;
font-weight:normal;
}
.clrleft {
clear:both;
line-height:2px;
font-size:1px;
}
table.departements {
width:100%;
}
table.departements td{
width:32%;
vertical-align:top;
}
ul.faq {
list-style:decimal;
}
a.remonter {
background:url(../images/up.gif) no-repeat left center;
padding-left:15px;
}
dl.faq {
margin:0 0 0 20px;
}
dl.faq dd {
margin:0 0 10px 10px;
}
dl.faq dt {
margin: 15px 0 0 0;
}
dl.faq dt a {
color:#fc9f3a;
font-size:120%;
}
table.table_fiche_abri {
margin:0;
padding:0;
}
div.sommaire_groupe {
width:50%;
border-bottom:2px dashed #FF9900;
padding-bottom:10px;
margin:0 0 30px auto;
}
div.bottom_groupe {
width:98%;
border:1px solid #E5E5E5;
padding:1%;
margin:30px 0 0 0;
}
div.bottom_groupe table {
width:100%;
}
div.bottom_groupe table td {
text-align:center;
}
a.article_precedent {
background:url(../images/prev.gif) no-repeat left center;
padding:0 0 0 20px;
}
a.article_suivant {
background:url(../images/go.gif) no-repeat right center;
padding:0 20px 0 0;
}

table.plandesite {
width:100%;
}
table.plandesite td {
vertical-align:top;
}

ul#liens-directs-abris {
	text-align:center;
	line-height:230%;
	font-size:120%;
	padding:0;
}

ul#liens-directs-abris li {
	display:inline;
	margin:0 5px;
	padding:3px;
	font-weight:150%;
	background:#E3E3E3;
	border:1px solid #CCC;
	white-space:normal;
}

ul#liens-directs-abris li:hover {
	background:#DEDEDE;
	border:1px solid #E3E3E3;
}

ul#liens-directs-abris li a {
	color:#333;
}

ul#liens-directs-abris li a strong {
	font-weight:normal;
}