

body{
	margin:0;
	background: #eceded;
	font-family:arial, sans-serif;
}

.general{
	width:1000px;
	margin:0 auto 0 auto;
	background: #5bc7de;

}

/* hack FF pour envlever pointillés autour des liens */

a {

	outline: none;

}

:focus {

	-moz-outline-style: none;

}

/* fin de hack */


/********************   HEADER   *********************/
.header-haut{
	width:1000px;
	height:119px;
	background: url('../images/layout/bg_header.jpg');
	background-repeat: no-repeat;
	position: relative;	
}
.header-haut .slogan {
	color:white;
	float: right;
	font-family: georgia;
	font-size:17px;
	font-weight:bold;
	margin-top:8px;
	margin-right:35px;
	letter-spacing:0.06em;
}
.slogan span{
	font-size:24px;
	letter-spacing:0.1em;
}
.slogan p{
	font-family: georgia;
	font-weight:normal;
	margin:5px 0;
	font-size:14px;
	font-style:italic;
}
.logo{
	margin:0 0 0 31px;
	border:0;
}

.mod_changelanguage{
	width:1000px;
	height:29px;
/* background: url('../images/layout/bg_langue.gif');
	background-repeat: no-repeat;  */
	background-color:#FFFFFF;
}

.mod_changelanguage ul {
	list-style: none;
	line-height: 1;
	padding: 0 0 10px 12px;
	margin: 5px 0 0px 0px;
	float:right;
}
.packtime {
	color: white;
	font-size: 16px;
	font-family: georgia;
	font-style:italic;
	
}
.form_devis-B div.packtime {
	color : #00ABE0;
}
.mod_changelanguage li {
	float: left;
	padding: 0;
	margin:0 10px 0 0px;
}
#ensavoirplus {
	display: none;
}
#sbox-content dl {
	font-size: 9pt;
	list-style-type: decimal;
	margin: 0px 20px 10px 10px;
	padding: 0;
}
#sbox-content h1 {
	font-size: 14pt;
	color: #004687;
	font-family: Georgia;
	margin: 0;
}
#sbox-content p {
	font-size: 11pt;
	margin-top: 0;
	color: black;
}
#sbox-content dt {
	font-family: Georgia;
	margin: 0;
	padding: 0;
	margin-top: 5px;
	color: #00ABE0;
}
#sbox-content dd {
	clear: both;
	margin: 0;
	padding: 0;
	margin: 3px;
	text-align: justify;
}

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

.content{
	width:1000px;
	margin:0 0 0 0;


}
/*
.visu_Cont_index{
	padding-bottom:80px;
	background: url('../images/layout/bg_content_index.gif');
	background-repeat: no-repeat;
	background-position:bottom;
}
.visu_Cont_vide{
	padding-bottom:85px;
	background: url('../images/layout/bg_content_norm.gif');
	background-repeat: no-repeat;
	background-position:bottom;
}
.visu_Cont_Coq{
	padding-bottom:155px;
	background: url('../images/layout/bg_content_coque.gif');
	background-repeat: no-repeat;
	background-position:bottom;
}
.visu_Cont_Coq-2{
	padding-bottom:120px;
	background: url('../images/layout/bg_content_cocques2.gif');
	background-repeat: no-repeat;
	background-position:bottom;
}
.visu_Cont_Fab{
	padding-bottom:160px;
	background: url('../images/layout/bg_content_mat.gif');
	background-repeat: no-repeat;
	background-position:bottom;
}
.visu_Cont_Inst{
	padding-bottom:150px;
	background: url('../images/layout/bg_content_install.gif');
	background-repeat: no-repeat;
	background-position:bottom;
}
.visu_Cont_Mat{
	padding-bottom:120px;
	background: url('../images/layout/bg_content_materiel.gif');
	background-repeat: no-repeat;
	background-position:bottom;
}
.visu_Cont_Pisc{
	padding-bottom:80px;
	background: url('../images/layout/bg_content_piscine.gif');
	background-repeat: no-repeat;
	background-position:bottom;
}
.visu_Cont_Sec{
	padding-bottom:125px;
	background: url('../images/layout/bg_content_securite.gif');
	background-repeat: no-repeat;
	background-position:bottom;
}

.visu_Cont_Contact{
	padding-bottom:150px;
	background: url('../images/layout/bg_content_contact.gif');
	background-repeat: no-repeat;
	background-position:bottom;
}
*/

/*************   gabarit 3 colonnes  **************/
.gauche{
	width:250px;
	margin: 25px 0 0 20px;
	float:left;
}

.centre{
	width:379px;
	margin: 25px 0 0 13px;
	background: url('../images/layout/bg_centre_index.gif');
	background-repeat: no-repeat;
	background-position:top;
	float:left;
}
.centre_index_bottom{
	width:379px;
	height:10px;
	background: url('../images/layout/bg_centre_index_bottom.gif');
	background-repeat: no-repeat;
}
.droite{
	width:315px;
	margin: 0 13px 0 0;

	padding:0 0 0 0;
	background: url('../images/layout/bg_droite.gif');
	background-repeat: no-repeat;
	background-position:bottom;
	padding:10px 0 0 0;
	float:right;


}






/*************   gabarit 1 colonne  **************/

.centre_gabarit_1{
	margin:25px auto 0 auto;
	width:967px;
}

.content_generik-H{
	width:967px;
	height:18px;
	margin:10px 0 0 0;
	background: url('../images/layout/bg_1colonne-H.gif');
	background-repeat: no-repeat;
}
.content_generik-B{
	width:967px;
	padding: 0 0 25px 0;
	background: url('../images/layout/bg_1colonne-B.gif');
	background-repeat: no-repeat;
	background-position:bottom;
}
.content_generik-B-entreprise{
	width:967px;
	padding: 0 0 25px 0;
	background: url('../images/layout/bg_1colonne-B-entreprise.gif');
	background-repeat: no-repeat;
	background-position:bottom;
}

.content_mention-H{
	width:965px;
	height:11px;
	margin:10px 0 0 0;
	background: url('../images/layout/bg_1colonne_mention-H.gif');
	background-repeat: no-repeat;
}
.content_mention-B{
	width:965px;
	padding: 0 0 25px 0;
	background: url('../images/layout/bg_1colonne_mention-B.gif');
	background-repeat: no-repeat;
	background-position:bottom;
}

.gauche-gab1{
	width:295px;
	float:left;
	margin:0 0 0 15px;
	font-size:12px;
}
.gauche-gab2{
	width:390px;
	float:left;
	margin:15px 0 0 15px;
	font-size:12px;
}

.gauche_agence{
	width:410px;
	margin:15px 0 0 15px;
	float:left;
}

.anim_flash_agence{
	width:410px;
	height:345px;
	padding:10px 0 0 5px;
	font-size:12px;
	background: url('../images/layout/bg_gauche-gab2-H.gif');
	background-repeat: no-repeat;
	background-position:top left;
}
.link-google{
	font-size:10px;
	font-family:arial, sans-serif;
	color:#FFFFFF;
}
.link-google a{
	font-size:10px;
	font-family:arial, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:underline;
}

/*****************************/
.droite-gab1-H{
	width:630px;
	height:12px;
	float:left;
	margin:0 0 0 10px;
	background: url('../images/layout/bg_droite2_gab_1-H.gif');
	background-repeat: no-repeat;
}
.droite-gab1-B{
	width:630px;
	float:left;
	margin:0 0 0 10px;
	padding-bottom:25px;
	background: url('../images/layout/bg_droite2_gab_1-B.gif');
	background-repeat: no-repeat;
	background-position:bottom;
}
/*****************************/
.droite-gab2-H{
	width:524px;
	height:12px;
	margin: 15px 10px 0 0;
	background: url('../images/layout/bg_droite_gab_1-H.gif');
	background-repeat: no-repeat;	
	float:right;
}
.droite-gab2-B{
	width:524px;
	margin: 0 10px 0 0;
	background: url('../images/layout/bg_droite_gab_1-B.gif');
	background-repeat: no-repeat;	
	background-position:bottom;
	float:right;
}
/*****************************/
.droite-gab1-sans{
	width:630px;
	height:348px;
	float:left;
	margin:8px 0 0 0;
}
/*****************************/
.droite-agence-H{
	width:509px;
	height:12px;
	margin: 15px 0 0 15px;
	background: url('../images/layout/bg_droite_agence-H.gif');
	background-repeat: no-repeat;	
	float:left;
}
.droite-agence-B{
	width:509px;
	margin: 0 0 0 15px;
	background: url('../images/layout/bg_droite_agence-B.gif');
	background-repeat: no-repeat;	
	background-position:bottom;
	float:left;
}


/***********   GABARIT RESULTAT  *************/

.gauche-resultat{
	width:643px;
	float:left;
	margin: 15px 0 0 15px;
}


/****************   MOD LANGAGE   ***********/

.mod_changelanguage{

	height:32px;
}
/***************** MENU  ********************/
.menu{
	width:1000px;
	height:46px;
	background:#5bc7de;
}

.avecProjet{
	height:46px;
	background: #5bc7de url('../images/layout/bg_menu.gif');
	background-repeat: no-repeat;

}


#nav, #nav ul {
	list-style: none;
	line-height: 1;
	padding: 0 0 10px 7px;
	margin: 0 0 5px 0;
}

#nav a, #nav p, #nav p.active {
	display: block;
	color: #FFFFFF;
	font-size:12px;
	text-decoration: none;
}

#nav a:hover{
	color: #00abe0;
	text-decoration: none;
}
#nav a.actif{
	color: #00abe0;
	font-weight:bold;
	text-decoration: none;
}

#nav li {
	float: left;
	padding: 0;
	margin:0 0 0 2px;
	width:190px;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 180px;
	margin: 0;
}

#nav li ul {
	width:186px;
	margin:0;
	padding:12px 0 0 6px;
	background: url('../images/menu/bg_li_menu.png');
	background-position:bottom;
	background-repeat:no-repeat;
	
}



#nav li ul li {
	width:160px;
	margin:0 0 8px 7px;
	padding:0 0 8px 8px;
}
#nav li ul li p, #nav li ul li p.active{
	padding:0;
	margin-bottom: 0px;
	margin-right: 0;
	margin-top: 0;
	width:160px;
}
#nav li ul li.bord{
	border-bottom:1px solid #c5c5c5;
}

#nav li ul.level_2 li{
	border-bottom:1px solid #c5c5c5;
}
#nav li ul.level_2 li.last{
	border-bottom:0px solid #c5c5c5;
}


#nav li:hover ul ul{
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul{
	left: auto;
	z-index:100;
}

/*  Over bouton  */
.vide{
	width:193px;
	height:46px;
	display:none;
}
#nav ul.level_1 li a.root {
	font-family: Georgia;
	color : #666666;
	text-transform: uppercase;
	font-size: 10px;
	display:block;
	height:46px;
	line-height: 55px;
	font-weight: bold;
}
#nav ul.level_1 li a.root:hover {
	color : #00ABE0;
}

/**  Alliance ********************************************************** **/
#nav li.menu_1_1 a.root {
	text-indent : 15px;
}
#nav li.menu_1_1, #nav li .menu_1_1.sfhover{
	width:193px;
	height:46px;
	background: url('/tl_files/images/fr/menu/menu_1_1.png') 0 0;
}

#nav li.menu_1_1:hover, #nav li .menu_1_1.sfhover{
	background: url('/tl_files/images/fr/menu/menu_1_1.png') 0 92px;
}

/**  piscine *************************************************************/
#nav li.menu_1_2 a.root {
	text-indent : 30px;
}
#nav li.menu_1_2, #nav li .menu_1_2.sfhover{
	width:193px;
	height:46px;
	background: url('/tl_files/images/fr/menu/menu_1_2.png') 0 0;
}

#nav li.menu_1_2:hover, #nav li .menu_1_2.sfhover{
	background: url('/tl_files/images/fr/menu/menu_1_2.png') 0 92px;
}


/**  technique ************************************************************/
#nav li.menu_1_3 a.root {
	text-indent : 25px;
}
#nav li.menu_1_3, #nav li .menu_1_3.sfhover{
	width:193px;
	height:46px;
	background: url('/tl_files/images/fr/menu/menu_1_3.png') 0 0;
}

#nav li.menu_1_3:hover, #nav li .menu_1_1.sfhover{
	background: url('/tl_files/images/fr/menu/menu_1_3.png') 0 92px;
}

/**  agence ******************************************************************/
#nav li.menu_1_4 a.root {
	text-indent : 25px;
}
#nav li.menu_1_4, #nav li .menu_1_4.sfhover{
	width:193px;
	height:46px;
	background: url('/tl_files/images/fr/menu/menu_1_4.png') 0 0;
	
}

#nav li.menu_1_4:hover, #nav li .menu_1_4.sfhover{
	background: url('/tl_files/images/fr/menu/menu_1_4.png') 0 92px;
}

/**  Projet *******************************************************************/
#nav li.menu_1_5 a.root {
	text-indent : 35px;
}
#nav li.menu_1_5, #nav li .menu_1_5.sfhover{
	width:193px;
	height:46px;
	background: url('/tl_files/images/fr/menu/menu_1_5.png') 0 0;
	
}

#nav li.menu_1_5:hover, #nav li .menu_1_5.sfhover{
	background: url('/tl_files/images/fr/menu/menu_1_5.png') 0 92px;
}

/**  Projet OFF *******************************************************************/
.avecProjet #nav li.menu_1_5 a.root {
	text-indent : 35px;
}
.avecProjet #nav li.menu_1_5 , .avecProjet #nav li .menu_1_5.sfhover{
	width:193px;
	height:44px;
	background: url('/tl_files/images/layout/vide.gif') 0 0;

}

.avecProjet #nav li.menu_1_5:hover, .avecProjet #nav li .menu_1_5.sfhover{
	background: url('/tl_files/images/layout/vide.gif') 0 0;
}

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

.mod_navigationSub .active{
	margin:5px 0;
	background:#5bc7de;
	padding: 2px;
}
.mod_navigationSub li{
	padding: 0;
}
.mod_navigationSub h2{
	font-size: 12px;
	font-weight: normal;
	padding: 0;
	margin: 0 !important;
}
.mod_breadcrumb{
	text-transform: uppercase;
	color:#4c4c4c;
	font-size:11px;
	margin:15px 0 0 20px;
}
.mod_breadcrumb a {
	color:#fff;
}
.ariane{
	text-transform: uppercase;
	color:#4c4c4c;
	font-size:11px;
	margin:0 0 0 3px;
}
.bienvenue{
	width: 250px;
	padding: 10px 0 0 0;
	background: url('../images/layout/bg_bienvenue.gif');
	background-repeat: no-repeat;
	color:white;

	
}
.bienvenue img, .news img {
	margin: 0;
	display: block;	
}
.bienvenue h2{
	margin:0 0 0 15px;
	color: #FFFFFF;
		font-family:georgia;
	font-size: 14px;
}
.bienvenue p{
	margin:5px 15px 0 15px;
	color: #FFFFFF;
	font-family:georgia;
	font-size: 14px;
}


/******/

.promo-index{
	width: 250px;
	height:285px;
	margin: 20px 0 0 0;
	padding: 10px 0 0 0;
	background: url('../images/layout/bg_promo_index.gif');
	background-repeat: no-repeat;
	color: #FFFFFF;
}
.flash{
	margin:8px 0 0 15px;
	width:350px;
	background:#FFFFFF;
	border:1px solid #FFFFFF;
}

/******  News ****/
.news{
	margin:18px 0 0 0;
	padding: 40px 0 0 0;
	background: url('../images/layout/bg_news.gif');
	background-repeat: no-repeat;
	text-align: center !important;
}

.news .item-news{
	text-align: left;
	color:#FFFFFF;
	padding-bottom:5px;
	margin:5px 0 0 0;
	padding: 0 15px; 
}

div.split {
	visibility: visible;
	display : block;
	border-bottom:1px dashed #666666;
	margin:10px auto;
}

.news .item-news p{
	color:#666666;
	margin:0;
	font-size:14px;
	font-weight:bold;
}
img.voir_toute {
	display: inline;	
}
#news_accueil {
	display: none;
}
.news .item-news a{
	color:#00abe0;
	font-size:12px;
}
.news .item-news h3 {
	font-weight: bold;
	margin: 0;
}
.news .item-news .date {
	color:#666666;
	margin:0;
	font-size:11px;
	font-weight:normal;
}
#news_toggle{
	margin: 10px auto;
	color :#004687 !important;
	font-size: 0.8em !important;
}

.news .last {
	padding-bottom: 5px;
	border-bottom: 0;
}

.filtre{
	margin:0 0 0 20px;
	
}
.filtre .modele, .filtre .forme{
	margin:10px 0 0 10px;
	float:left;
	width:132px;
}

.filtre h3{
	margin:0 0 3px 0;
	color:#00abe0;
	font-size:11px;
}
.filtre p{
	margin: 0 0 2px 0;
	color:#666666;
	font-size:11px;
}
.filtre a {
	color:#666666;
}

.quick p {
	float:left;
	width:132px;
	margin-left: 12px;
}

.mesure{
	width:273px;
	border-top: 1px dashed #666666;
	margin:15px 0 0 0;
}
.mesure h3{
	margin:5px 0 0 0;
}
.mesure table{
	margin:10px 0 0 0;
	font-size:11px;
	color: #666666;
}
.mesure table td{
	margin:10px 0 0 0;
	font-size:11px;

}
.mesure th{
	text-align:left;
}
.mesure p{
	margin:15px 0 0 0;
	font-size:12px;
	font-weight:bold;
	float:left;
}
.mesure .submit{
	margin: 15px 0 0 25px;

}

.resultat-image{
	width:242px;
	margin:20px 0 0 20px;
	padding-top:3px;
	background: url('../images/layout/bg_diapo-index.gif');
	background-repeat: no-repeat;
}
.resultat-image h3{
	font-size:10px;
	color:#4c4c4c;
	margin: 5px 0 6px 10px;
}
.resultat-image p{
	margin:0 0 5px 0;
	text-align:center;
}
.resultat-image a{
	color: #666666;
	font-size:11px;
}

p.resultat-image-savoir{
	margin: 10px 0 0 20px;
}

.afficheResult{
	float:left;
	width:150px;
	margin: 10px 0 0 0;
}
.afficheResult p{
	margin:0;
}
.buttonsHome{
	float:left;
	margin:5px 0 0 35px;
}
.buttonsHome img{
	cursor:pointer;
}
.voir_spa{
	padding:5px 0 5px 0;	
}
.voir_spa a{
	margin:0 0 0 25px;
	color:#FFFFFF;
	font-size:12px;
}
.voir_spa img{
	padding:0 0 0 5px;
}

/******************************************************   PAGE ENTREPRISE  ***************************/


.bloc_1ereEntreprise{
	width:378px;
	height:142px;
	padding:15px 0 0 0;
	margin: 15px 0 0 12px;
	background: url('../images/layout/bg_1ereEntreprise.gif');
	background-repeat: no-repeat;	
	float:left;
}
.bloc_1ereEntreprise p{
	color:#666666;
	margin:0 0 0 55px;
	font-size:14px;
}


.text-entreprise p{
	width:240px;
	margin:0px 0 0 15px;
	line-height:18px;
	font-size:11px;
	float:left;
	color:#666666;
}
.text-entreprise img{
	margin:0 0 2px  0;
}

.diapo-entreprise-image{
	width:635px;

}
/******************************************************   PAGE materiel  ***************************/


.gauche_materiel{
	width:378px;
	margin: 0 0 20px 12px;
	float:left;
}
.gauche_materiel h2{
	padding-bottom: 5px;
	margin-top:5px;
	color:white;
}
.droite_materiel{
	width:550px;
	margin: 0 0 0 15px;
	float:left;
}
.droite_materiel h2{
color:white;
}
.gauche_materiel ul{
	color:#FFFFFF;
	margin:15px 0  0 0;
	padding:0 0 0 0;
	font-size:12px;
	list-style:none;
}
.gauche_materiel li{
	color:#FFFFFF;
	font-size:12px;
	padding:0 0 0 8px;
	width:140px;
	margin:0 0 5px 0;
	background: url('../images/layout/bg_li_point_blanc.gif');
	background-repeat: no-repeat;
	background-position: center left;
}
.list_materiel ul li{
	float:left;
}
.diaporama_materiel{
	margin: 15px 0 0 0;
	padding:10px 0 0 10px;
	background: url('../images/layout/bg_sous_diapo-materiel.gif');
	background-repeat: no-repeat;	
}

.buttons{
	width:100%;
	margin: 0 0 0 0;
	
}
.buttons3 img{
	cursor:pointer;
	
}
.agrandir{
	font-size:11px;
	color:#666666;
}
.buttons2{
	width:90px;
	margin: 30px 20px 0 0;
	float:right;
	
}
.buttons img{
	float:left;
	cursor:pointer;
	
}
.buttons2 img{
	float:left;
	cursor:pointer;
	
}

.diaporama_materiel table{
	margin: 15px 0 0 15px;
}

.diaporama_materiel p{
	line-height:18px;
	font-size:11px;
	color:#666666;
}
.diaporama_materiel h1{
	line-height:18px;
	font-size:14px;
	color:#004687;
	margin:15px 0 0 0;
}
.diaporama_materiel h2{
	line-height:18px;
	font-size:14px;
	color:#009ee0;
	margin:0;
}
.droite_materiel p.secure-bassin{
	font-size:12px;
	clear:both;
	
}
#slideNumbers{
	color:#00abe0;
	font-weight:bold;
	font-size:17px;
}
.secure-bassin a{
	font-size:12px;
	color:#FFFFFF;
	text-decoration:underline;
	
}

.item-diapo-materiel{
	width:520px;
}
.item-diapo-materiel-option{
	width:524px;
}

/**********************************************  PAGE ENTREPRISE EN IMAGES **************************/

.lien-entreprise-image{
	color:#FFFFFF;
}
.lien-entreprise-image ul{
	margin:20px 0 0 0;
	padding:0 0 0 15px;
}
.lien-entreprise-image li{
	margin:5px 0 0 0;
	padding:0;
}
.lien-entreprise-image li a{
	color:#FFFFFF;
	text-decoration:underline;
	font-size:12px;
}
.lien-entreprise-image li a.actif{
	color:#69c9ee;
	text-decoration:underline;
}
.item-diapo-entreprise{
	width:524px;
}
/**********************************************  PAGE NOTRE GARANTIE **************************/

.texte-garantie p{
	width:290px;
	color:#666666;
	margin:15px 0 0 10px;
	float:left;
	font-size:12px;
	line-height:14px;
}

.texte-garantie h2{
	color:#00ABE0;
	font-size:12px;
	margin:0;
}

.faq li {
	color :#004687;
	font-size: 11pt;
}
.faq a, .faq .ce_text {
	color :white;
	font-size: 10pt;
}

.faq .back {
	margin-left: 15px;
}
.faq .back a {
	display: block;
	padding-left: 24px;
	background: url(../images/fleches/bt_left.gif) no-repeat 0 0;
	height: 20px;
}
/**********************************************  PAGE NEWS **************************/

.lien-news ul{
	width:250px;
	margin:20px 0 0 0;
	padding:0 0 0 0;
	list-style:none;
}

.lien-news li{
	margin:5px 0 0 0;
	padding:0 0 8px 0;
	color:#FFFFFF;
	border-bottom:1px dashed #FFFFFF;
}
.lien-news li.actif{
	background:#59b6be;
}

.lien-news li a{
	color:#FFFFFF;
	font-size:12px;
}
.lien-news li a.actif{
	color:#69c9ee;
	text-decoration:underline;
}
.lien-news  h2 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.texte-news{
	width:585px;
	margin:15px 0 0 15px;
}
.texte-news .date{
	font-size:11px;
	font-weight: bold;
	margin: 0;
	color:#009ee0;
}
.texte-news h2{
	margin:15px 0 0 0;
	color:#009ee0;
	font-size:14px;
}
.texte-news p{
	margin:15px 0 0 0;
	font-size:11px;
	color:#666666;
}

.texte-news a{
	margin:15px 0 0 0;
	font-size:11px;
	color:#009ee0;
}
.texte-news h1 {
	margin:10px 0 10px 0;
	font-size:16px;
	color:#009ee0;
}
/**************************************   PAGE MODELE  ***********************/

.bloc_modele{
	width:855px;
	margin:10px 0 0 65px;
	font-size:12px;
}
.modele_vignette{
	margin:0 15px 5px 0;
	float:left;
}
.bloc_modele p{
	margin:0;
	width: 700px;
	float:left;
}
.bloc_modele h2{
margin:0;
color:white;
font-family:georgia;
}
.bloc_modele a{
color:white;
}

/******************************  PAGE RESULTAT PISCINE  *********************/

.bloc-result-picto{
	width:643px;
	height:225px;
	padding:25px 0 0 0;
	margin:10px 0 0 0;
	background: url('../images/layout/bg_resultat-piscine-picto.gif');
	background-repeat: no-repeat;	
	float:left;
}

.list-picto{
	width:630px;
	height:160px;
	overflow:auto;
	margin: 20px 0 0 0;

}
ul#pict{
	width:600px;
	margin:15px 0 0 0;
	padding:0 0 0 10px;
	
	list-style:none;
}
ul#pict li{
	width:90px;
	height:60px;
	margin:0 8px 12px 0;
	padding:0;
	float:left;
	list-style:none;
}
ul#pict li img{
	width:90px;
	height:60px;

}



/******************************** SCROLL SCROLL *******************************************/

#container-scroll{
	position: relative;
	height:100%;
	width:100%;
	overflow:hidden;
}



.scroll{
	position:absolute;
	display:block;
	height:175px;
	overflow:scroll;
	border-right:0;
	margin:0px 0 0 10px;
	padding:0 65px 15px 0;
	/* left:0;
	top:0; */
	width: 560px;
	/* fixes has-layout-bug in IE6*/
	zoom:1;
	
}

/************************************ fin SCROLL ********************/




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


ul#pict_spa{
	width:900px;
	margin:15px 0 0 0;
	padding:0 0 0 10px;
	list-style:none;
}
ul#pict_spa li{
	margin:0 8px 0 0;
	padding:0;
	float:left;
	list-style:none;
}


ul#pict li:hover, #pict_spa li:hover{
	width:90px;
	height:60px;
	background: url('../images/modele-piscine/bg_picto_over.gif');
	background-repeat: no-repeat;
	background-position:top;
}
#pict_spa li.picto_actif:hover{
	width:90px;
	height:60px;
	background: url('../images/modele-piscine/bg_picto_actif.gif');
	background-repeat: no-repeat;
	background-position:top;
}
.picto_actif{
	background: url('../images/modele-piscine/bg_picto_actif.gif');
	background-repeat: no-repeat;	
}



.bloc-resultat-photo{
	width:287px;
	height:187px;
	margin:20px 0 0 15px;
	background: url('../images/layout/bg_resultat-piscine-photo.gif');
	background-repeat: no-repeat;
	float:left;
}
.bloc-resultat-photo2{
	width:287px;
	height:187px;
	margin:20px 0 0 15px;
	background: url('../images/layout/bg_resultat-piscine-photo2.gif');
	background-repeat: no-repeat;
	float:left;
}
.bloc-resultat-photo img, .bloc-resultat-photo2 img{
	width:260px;
	height:161px;
	margin:13px 0 0 13px;
	background: url('../images/layout/bg_resultat-piscine-photo.gif');
	background-repeat: no-repeat;
}

.telecharger_catalogue{
	margin:10px 0 8px 20px;
}
.telecharger_catalogue a{
	color:#666666;
	font-size:12px;
}

.info_piscine{
	width:282px;
	height:187px;
	background: url('../images/layout/bg_info_piscine.gif');
	background-repeat: no-repeat;
	margin:20px 0 0 20px;
	float:left;
	
}
.info_piscine2{
	width:278px;
	height:187px;
	background: url('../images/layout/bg_info_piscine2.gif');
	background-repeat: no-repeat;
	margin:20px 0 0 8px;
	float:left;
	
}
.info_piscine h1, .info_piscine2 h1{
	width:270px;
	color:#666666;
	margin:15px 0 0 0;
	padding:0 0 8px 13px;
	font-size:12px;
	background: url('../images/layout/bg_titre_info_piscine.gif');
	background-repeat: no-repeat;
	background-position: bottom;
}
.info_piscine .interieur, .info_piscine .exterieur{
	width:120px;
	margin:10px 0 0 15px;
	float:left;
}
.info_piscine2 .interieur, .info_piscine2 .exterieur{
	width:120px;
	margin:10px 0 0 10px;
	float:left;
}
.interieur h2, .exterieur h2{
	margin:0;
	font-size:11px;
	color:#666666;
}
.interieur ul, .exterieur ul{
	margin:0;
	padding:0;
	font-size:11px;
	color:#666666;
	list-style:none;
}

.interieur li, .exterieur li{
	font-size:11px;
	color:#666666;
	padding:0 0 0 6px;
	background: url('../images/layout/bg_li_point.gif');
	background-repeat: no-repeat;
	background-position: center left;
}

.exterieur img{
	margin: 5px 0 0 0;
}

.info_equipement{
	width:360px;
	height:187px;
	background: url('../images/layout/bg_equipement.gif');
	background-repeat: no-repeat;
	margin:20px 0 0 20px;
	float:left;
}
.info_equipement2{
	width:360px;
	height:187px;
	background: url('../images/layout/bg_equipement2.gif');
	background-repeat: no-repeat;
	margin:20px 0 0 8px;
	float:left;

}
.info_equipement_detail_H{
	width:942px;
	background: url('../images/layout/info_equipement_detail_H.gif');
	background-repeat: no-repeat;
	margin:20px 0 0 15px;
	padding:15px 0 0 0;
}


.info_equipement_detail_B{
	width:942px;
	height:14px;
	background: url('../images/layout/bg_equipement_detail_B.gif');
	background-repeat: no-repeat;
	margin:0 0 0 0;
}

.info_equipement_detail_H h1{
	margin: 10px 0 0 20px;
	color: #666666;
	font-size: 17px;
}

.info_equipement_detail_H table{
	margin: 10px 0 0 20px;
	color: #666666;
	font-size: 12px;
	width:550px;
}
.info_equipement_detail_H table td{
	padding:3px 0 3px 0;
	border-bottom:1px solid #00abe0;
}
.info_equipement_detail_H table th{
	font-weight:bold;
	color: #00abe0;
	text-align:left;
}




.info_equipement2 a{
	color:#808080;
	font-size: 14px;
	margin:0 0 0 15px;
}

.info_equipement h1, .info_equipement2 h1{
	margin: 15px 0 0 15px;
	color: #666666;
	font-size: 17px;
}


.info_equipement table.part1, .info_equipement table.part2, .info_equipement2 table.part1, .info_equipement2 table.part2 {
	color: #666666;
	float:left;
	font-size: 11px;
}
.info_equipement table.part1, .info_equipement2 table.part1{
	width:140px;
	margin: 5px 0 0 15px;
}
.info_equipement table.part2, .info_equipement2 table.part2{
	width:170px;
	margin: 5px 0 0 20px;
}
.info_equipement table td, .info_equipement2 table td{
	padding:2px 0 2px 0;
	border-bottom:1px solid #009ee0;
}

.info_equipement table td.def, .info_equipement2 table td.def{
	text-align:center;
	font-weight:bold;
}


.info_equipement2 ul{
	list-style:none;
	padding:0 0 0 17px;
}
.info_equipement2 ul li{
	color: #666666;
	font-size: 12px;
	margin:0 0 8px 0;


}
#description{
	margin-left:0px;
	padding : 0 0 10px 65px;
	font-size:12px;
	background:transparent url(../images/layout/bg_1colonne-B.gif) no-repeat scroll  center bottom;
}

#description h3{
	color:white;
	font-familly:georgia;
	margin-bottom:2px;
}

#description a{
	color:white;
}

#description p{
float:left;
width:700px;
margin:0;
color:#FFFFFF;
font-family:arial,sans-serif;
}

.description-H{
	padding-top:4px;
	background:transparent url(../images/layout/bg_1colonne-H.gif) no-repeat scroll center 0;
}
.secure{
	text-align:right;
	margin:5px 25px 5px 0;
}
.secure a{
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}
/*****************************  PAGE CATALOGUE  *****************************/

.content_catalogue{
	width:970px;
	margin: 25px 0 0 15px;
}
.gauche_catalogue-H{

	width:613px;
	height:11px;
	margin: 10px 0 0 0;
	background: url('../images/layout/bg_gauche_catalogue-H.gif');
	background-repeat: no-repeat;	

}
.gauche_catalogue-B{
	width:613px;
	margin: 0 0 0 0;
	padding:0 0 20px 0;
	font-size:12px;
	color:#666666;
	background: url('../images/layout/bg_gauche_catalogue-B.gif');
	background-repeat: no-repeat;	
	background-position:bottom;
	float:left;
}
.droite_catalogue {
	width:323px;
	height:389px;
	margin: -10px 0 0 0;
	padding:40px 0 20px 20px;
	background: url('../images/layout/bg_droite_catalogue.gif');
	background-repeat: no-repeat;	
	float:right;
	
}
.gauche_catalogue-B p{
	color:#666666;
	font-size:12px;
	margin: 6px 0 0 0;
}
.gauche_catalogue-B form{
	margin:0;
}
.gauche_catalogue-B table{
	color:#666666;
	font-size:12px;
	margin: 20px 0 20px 0px;
}


/********  form catalogue ****/

.gauche_catalogue-B h1, .droite_catalogue h2 {
	color: #00ABE0;
	font-size: 16px;
	font-family: Georgia;
}
.gauche_catalogue-B h1 {
	margin-left: 20px;
}
.droite_catalogue h2 {
	color: #fff;
	margin-top: 0;
}
.form_catalogue-H{
	width:582px;
	height:11px;
	margin:15px auto 0 auto;
	background: url('../images/layout/bg_form_catalogue-H.gif');
	background-repeat: no-repeat;	
	
}
.form_catalogue-B{
	width:562px;
	margin:0 auto 5px auto;
	padding:10px 10px 15px 10px;
	background: url('../images/layout/bg_form_catalogue-B.gif');
	background-repeat: no-repeat;	
	background-position:bottom;
	
}
.form_catalogue-B input.my_input{
	width:170px;
	height:14px;
}
.form_catalogue-B select{
	width:172px;
	color:#666666;
}
.form_catalogue-B .my_agence{
	width:447px;
	height:50px;
}
.form_catalogue-B .my_question{
	width:447px;
	height:40px;
}
.my_adress2{
	width:503px;
	height:14px;
}
.form_catalogue-B input.my_adress{
	width:447px;
	height:14px;
}
html[xmlns*=""] body:last-child .form_catalogue-B input.my_adress {
 width:445px;
height:14px;
}
.form_catalogue-B label{
	font-size:12px;
	width:150px;
	margin:0 5px 0 0;
}


.form_catalogue-B label.my_label{
	font-size:12px;
	width:100px;
	float:left;
	text-align:left;
	margin:0 10px 0 0;
}
.oblige{
	color:#009ee0;
}

.envoyer{
	text-align:right;
	margin: 0 25px 0 0;
}

.droite_catalogue p{
	margin:20px 0 10px 0;
	font-size:14px;
}
input.my_mail{
	width:295px;
	height:14px;
	color:#666666;
}
.telecharger{
	text-align:right;
	margin: 15px 25px 0 0;
}

.droite_catalogue .error{
	color:red;
	font-size:11px;
	padding:3px;
	margin:3px 0 0 0;
}

#email4File_results{
	margin:35px 0 0 27px;
}
#email4File_results a{
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;

}
/**************  formulaire typo  ********/
.form_catalogue-B p{
	margin: 8px 0 5px ;
}

.labcheck{
	margin:0 20px 0 0;
}
#agence_results{
	margin:0 0 10px 0;
}
#agence_results a{
	color:#00abe0;
	text-decoration:underline;
}
#agence_results input{
	font-size:11px;
	margin:3px 0 0 15px;
}
#agence_results label.mandatory{
	margin:0 0 8px 0;
}


.element-floatL{
	width:277px;
	float:left;
}
.element-floatL-S{
	width:180px;
	float:left;
}
.element-floatL-check{
	float:left;
	display:none;
}
.element-CP-ville-floatL{
	width:153px;
	float:left;
}
.element-CP-ville-floatL input.my_input{
	width:140px;
}

.submit_container{
	margin: 25px 0 0 380px;
}
.formbody{
	margin: 0 0 0 5px;
}
.textarea{
	width:446px;
}

.questionLab{
    color:#666666;
}

/*************  PAGE COQUES  **********************/

.texte-coques p{
	width:290px;
	color:#666666;
	margin:15px 0 0 10px;
	float:left;
	font-size:12px;
	line-height:14px;
}
.texte-coques h2{
	color:#00ABE0;
	font-size:12px;
	margin:0;
}
/*********  PAGES MENTIONS  *********/

.texte-mentions p{
	width:297px;
	float:left;
	color:#666666;
	margin:15px 0 0 15px;
	font-size:11px;
}

/************* PAGE INSTALLATION EN IMAGES  *******/
.diapo_installation-image{
	margin: 0 0 0 15px;
	width:490px;
	float:left;
}
.item-diapo-installation{
	width:490px;
	background: url('../images/layout/bg_diapo_installation.gif');
	background-repeat: no-repeat;
	background-position:bottom;
	
}
.item-diapo-installation img{
	margin:0 0 0 9px;
	
}
.item-diapo-installation p{
	margin: 10px 0 10px 15px;
	color:#666666;
	font-size:12px;
	
}
.content_slide h3{
	margin:5px 0 0 0;
	text-transform:uppercase;
	font-size:14px;
	color: white;
}
.installation-video{
	margin:0 0 0 45px;
	
	float:left;
}

.video_flash_installation{
	margin: 15px 0 0 0;
	width:263px;
	background: url('../images/layout/bg_diapo_installation-video.gif');
	background-repeat: no-repeat;
}
.video_flash_installation img{
	margin: 8px 0 0 8px;

}

/************* PAGE FABRICATION EN IMAGES  *******/

.diapo-materiel-image{
	width:390px;
	height:190px;
	padding:8px 0 0 10px;
	background: url('../images/layout/bg_diapo-materiel-image.gif');
	background-repeat: no-repeat;
}
.diapo-materiel-image h3{
	font-size:12px;
	margin:0;
	font-weight:normal;	
}

.item-diapo-fabrication{
	width:270px;
	height:155px;
}
.item-diapo-fabrication h1{
	font-size:12px;
	color:#009ee0;
	margin:0 0 10px 0;
}

.text-fabrication{
	color:#666666;
	font-size:12px;
	margin: 5px 0 0 15px;
}
.text-fabrication p{
	width:460px;
	color:#666666;
	margin: 10px 0 20px 5px;
}


/**************   PAGE AGENCE *******************/

.lien_carte{
	width:100px;
	float:left;
	margin:125px 0 0 25px;
}
.lien_carte a{
	color:#808080;
	font-size: 12px;
}
.lien_agence a{
	color:#808080;
	font-size: 14px;
}

.carte{
	float:left;
	margin:35px 0 0 0;
}
.text-agence{
	margin: 15px 0 25px 15px;
}

.text-agence h1{
	font-size:12px;
	margin:0;
	color:#666666;
}
.text-agence h2{
	font-size:12px;
	margin:10px 0 0 0;
	color:#666666;
}

.form_agence{
	width:467px;
	border-bottom:1px solid #e0e0e0;
	padding:0 0 20px 0;
	margin:25px 0 25px 0;
	font-size:12px;
	color:#666666;
}
.form_agence .submit{
	margin: 0 0 0 15px;
}
.form_agence .input_agence{
	width:55px;
	height:12px;
	margin: 0 0 0 10px;
}

.ville_agence{
	margin:15px 0 25px 0;
	width:250px;
}

.ville_agence ul{
	margin:15px 0 0 0;
	padding: 0 0 0 10px;
	width:250px;
	list-style:none;
}
.ville_agence ul li{
	width:440px;
	color:#666666;
	font-size: 11px;
	padding:8px 0 8px 15px;
	border-bottom:1px solid #c0c0c0;
}

.ville_agence ul li h1{
	color:#00a6da;
	font-size: 12px;
	margin:0;
}


.ville_agence h3, .concessionnaire_agence h3{
	font-size:12px;
	color:#666666;
	margin:0;
	}
.siege-social{
	margin:10px 0 0 0;
	font-size:12px;
	color:#FFFFFF;
}
.siege-social a{
	color:#FFFFFF;
}

.text-agence .acces_rapide_agence{
	border-bottom: 1px solid #E0E0E0;
	font-size: 12px;
	font-family: arial,sans-serif;
	margin-bottom: 5px;
	padding-bottom: 20px;
	color: #666666;
	width:467px;
}

.text-agence .left_list{
	float:left;
	width:200px;
}
.text-agence .back a {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../images/fleches/bt_blanc_left.gif) no-repeat scroll 0 0;
	display:block;
	height:25px;
	line-height:25px;
	padding-left:30px;
 	text-decoration:underline;
}
.text-agence .right_list{
		float:left;
}
.text-agence a{
	outline-style:none;
	color: #666666;
}
/************************    PAGE EXEMPLE  **********************/

.diapo-exemple-rea{
	width:720px;
	margin:25px 0 0 135px;

}

.item-diapo-exemple{
	width:624px;
	height:351px;
}
/***********************  PAGE CONTACT  **********************/
.texte-contact{
	font-size:14px;
	width:400px;
	float:left;
	margin:15px 0 0 35px;
}

.texte-contact a{
	color:#FFFFFF;
	font-weight:bold;
}
/*********************** FOOTER  ***************/

.footer{
	width:1000px;
	padding:0 0 5px 0;
	margin:0 0 0 0;
	background:#FFFFFF;
	color:#666666;
	font-size:14px;
}

.footer .menu-mention{
	float:left;
	margin:5px 0 0 17px;
}
.footer .menu-footer{
	float:right;
	margin:5px 17px 0 0;
}
.footer .menu-mention a, .footer .menu-footer a{
	color:#666666;
	font-size:12px;
}

.bg_footer{
	font-family:Georgia;
	font-weight:bold;
	font-size:24px;
	color:#FFF;
	background:url('../images/layout/bg_footer.jpg') no-repeat;
	width:1000px;
	height:124px;
	text-indent:15px;
	letter-spacing: 0.1em;
}
.bg_footer span{
	font-size:17px;
	letter-spacing: 0.07em;
}
/************************************************ STYLE  ************************/

p, h1{
	font-family:arial, sans-serif;
	color:#FFFFFF;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
.floatL{
	float:left;
}
.floatR{
	float:right;
}
.clear{
	clear:both;
}
img{
	border:0;
}
.bleu{
	color:#009ee0 !important;
}
p.bleu{
	color:#009ee0 !important;
}
.gras{
	font-weight:bold;
}
.italic{
	font-style:italic;
}
.marginL15{
	margin-left:15px;
}
.marginR5{
	margin-right:5px;
}
.marginR15{
	margin-right:15px;
}
.marginR49{
	margin-right:49px;
}
.marginL30{
	margin-left:30px;
}
.marginL45{
	margin-left:45px;
}
.marginT5{
	margin-top:5px;
}
.marginT10{
	margin-top:10px;
}
.marginT15{
	margin-top:15px;
}
.marginB15{
	margin-bottom:15px;
}
/*********** KAMEL */
.error {
	color: red;
}
.erreur {
	color: red;
	font-size:9px;
	
}
.divErreur input {
	border: 1px solid red;
}
.form_catalogue-B input#dept{
    margin-right:5px;
    float:left;
}
.form_catalogue-B img.submit{
    margin-top:2px;
     float:left;
}
    
.title{
	margin-top:0;
	margin-bottom:0;
	padding: 0 0 8px 10px;
	font-family:georgia;
	font-size:20px;
	font-weight: normal;
	background: url('../images/fr/titre/titre_point.jpg') repeat-x bottom;
}

.FSize06 a {
	font-size:0.6em;
	color:white;
}

.FSize06 span {
	margin-right:10px;
	text-decoration:underline;
}

.title_bulle {
	font-family:georgia;
	margin-bottom : 0;
	margin-right : 0;
	color:#00ABE0;
}
h2 sup{
	font-size:0.5em ;
}
h2.title_bulle{
margin-top : 0;
background: url('../images/fr/titre/titre_puce_h2.gif') no-repeat 0 16px;
padding-left: 12px;
font-size:1.25em;
}

h3.title_bulle{
	background: url('../images/fr/titre/titre_puce_h3.gif') no-repeat 0 6px;
	padding-left: 8px;
	font-size:0.75em;
}

.title_blue{
	margin-top:0;
	margin-bottom:0;
	padding: 0 0 8px 10px;
	font-family:georgia;
	font-size:14px;
	color:#00ABE0;
	background: url('../images/fr/titre/titre_point_b.gif') repeat-x 0 bottom ;
}
.langue{
	text-align:right;
	padding-right:17px;	
}
.langue a{
color:#666666;
font-size:12px;
}
#squeezebox_fleche{
	padding-right:15px;
	background: url('../images/layout/fleche.gif') no-repeat center right;
}

.map{
	margin-left:15px;
	font-size:12px;
}
.map h3{
	color:white;
	font-size:12px;
}
.map_nav .level_1{
	padding-left:15px;
}
.map_nav .level_1 .submenu{
	float:left;
	margin:0;
	padding:0 10px 0 0;
	list-style-type:none;
	font-size: 14px;
}
.map_nav .level_1 li{
	font-size: 14px;
	list-style-type:none;
}
.map_nav .submenu li{
	list-style-type:disc;
}
.map_nav a{
	color:#4C4C4C;
	text-decoration:underline;
}
.map_nav .level_2 a{
	text-decoration:none;
}
.map_nav a:hover{
	text-decoration:underline;
}
.sbox-alliancebox {
	background: #1A181D !important;
	_background: black url(../images/alliance-box/box-ecoleaubg.jpg) no-repeat 100px 0;
}
.sbox-alliancebox #sbox-content {
	background: transparent !important;
	font-size: 9pt;
	color: white !important;
}
.sbox-alliancebox #sbox-content p {
	color: white !important;
	font-size: 9pt;

}
.sbox-alliancebox h1 {
	color: #009EE0 !important;
}

.sbox-alliancebox #centre {
	margin: 0 45px 0 30px;
	text-align: justify;
}
.slide5 {
	margin: 10px auto 0;
}
.slide5 .caption {
	color: #004687;
	font-size: 12px;
	text-align: center;
	font-style: italic;
}
.slide5 .image_container {
}
.slide5 .buttons3 {
	display:none;
}
#page {
	font-size: 12px;
	color: #666666;
}
#page a {
	color: #00ABE0;
}
#page .gauche  {
	width: auto;
	margin: 15px 0 15px 30px;
}
#page .gauche img  {
	border: 5px solid white;
}
.hide{
	display: none;
}


#centre  #intro_movie {
	margin: 0pt auto; 
	width: 350px;
	padding-left: 1px;
}
.mod_ch_flowplayer_list {
	color: white;
	width: 350px;
	margin: 0 auto;
}
.mod_ch_flowplayer_list .movie {
 background-color: #00ABE0;
 color: white;
 float: left;
 margin: 5px;
 padding: 2px 5px;
 -moz-border-radius : 3px;
 -webkit-border-radius : 3px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
 
}
.mod_ch_flowplayer_list .movie a {
 color: white;
 font-size: 0.8em;

}
.visu_Cont_index .mod_ch_flowplayer_reader {
	width: 350px;
	margin: 0 auto;
	color: white;

}
.mod_ch_flowplayer_reader .back {
	display:none;
}
#sbox-content small {
	display:none;
}
/******** devis ********/

.breadcrumb{
	margin:0 15px 10px;
	background-color:#CFEFF9;
	height:43px;
	overflow: hidden;
	padding: 0 28px;
	position:relative;
}
.breadcrumb .arrow {
	display : block;
	width: 28px;
	height: 43px;
	position: absolute;
	top: 0;
	background:url(../images/breadcrumb/breadcrumb_arrows.gif) no-repeat 0 0;
}
.breadcrumb #arrow_previous {
	left: 0;
}
.breadcrumb #arrow_next {
	right: 0;
	background-position:0 -43px;
}
.breadcrumb a{
	margin:5px 0 5px -2px;
	padding: 0 10px;
	line-height: 35px;
	text-align:left;
	float: left;
	display:block;
	font-family : georgia;
	font-weight: bold;
	font-size: 11pt;
	border-right: 2px solid #b5cbd1;
	height:35px;
	color: #796666;
}

.breadcrumb a.e1{
	background:url(../images/breadcrumb/breadcrumb_background_1.gif) no-repeat 10px 0;
}
.breadcrumb a.e2{
	background:url(../images/breadcrumb/breadcrumb_background_2.gif) no-repeat 10px 0;
}
.breadcrumb a.e3{
	background:url(../images/breadcrumb/breadcrumb_background_3.gif) no-repeat 10px 0;
}
.breadcrumb a.e4{
	background:url(../images/breadcrumb/breadcrumb_background_4.gif) no-repeat 10px 0;
}
.breadcrumb a.e5{
	background:url(../images/breadcrumb/breadcrumb_background_5.gif) no-repeat 10px 0;
}
.breadcrumb a.e6{
	background:url(../images/breadcrumb/breadcrumb_background_6.gif) no-repeat 10px 0;
}
.breadcrumb a.e7{
	background:url(../images/breadcrumb/breadcrumb_background_7.gif) no-repeat 10px 0;
}
.breadcrumb a.e8{
	background:url(../images/breadcrumb/breadcrumb_background_8.gif) no-repeat 10px 0;
}
.breadcrumb a.e9{
	background:url(../images/breadcrumb/breadcrumb_background_9.gif) no-repeat 10px 0;
}
.breadcrumb a.e10{
	background:url(../images/breadcrumb/breadcrumb_background_10.gif) no-repeat 10px 0;
	
}

.breadcrumb span{
	margin-left:25px;
}
.breadcrumb a:hover{
	text-decoration:none;
	cursor:pointer;
	background-position:10px -35px;
	color: #3399CC;
}
.breadcrumb a.active{
	background-position: 10px -35px;
	color: #3399CC;
}
#cart a:hover{
	text-decoration:none;
	cursor:pointer;
}
.continuer{
	background:url(../images/fr/bouton/bt_continuer.jpg);
	border:0;
	width:121px;
	height:30px;
	color:white ;
	font-family:Georgia;
	font-size:15px;
	cursor : pointer;
	padding-bottom: 6px;
}
.retour{
	display:block;
	text-align:center;
	background:url(../images/fr/bouton/bt_continuer.jpg);
	border:0 !important;
	width:121px !important;
	height:27px !important;
	color:white !important;
	font-family:Georgia !important;
	font-size:15px !important;
	cursor : pointer !important;
	padding-top: 3px !important;
}

.gauche_devis-B h1{
	margin-left:20px;
	color:#00ABE0;
	font-family:Georgia;
	font-size:18px;
}

.gauche_devis-H{

	width:613px;
	height:11px;
	margin: 10px 0 0 0;
	background: url('../images/layout/bg_gauche_catalogue-H.gif');
	background-repeat: no-repeat;	

}
.gauche_devis-B{
	width:613px;
	margin: 0 0 0 0;
	padding:0 0 20px 0;
	font-size:12px;
	color:#666666;
	background: url('../images/layout/bg_gauche_catalogue-B.gif');
	background-repeat: no-repeat;	
	background-position:bottom;
	float:left;
}
.droite_devis {
	width:343px;
	margin: -10px 0 0 0;
	padding:5px 0 0 0;
	float:right;
	color: white;
	font-size: 9pt;
}
.gauche_devis-B table {
	width:100%;
	border:none;
}
.gauche_devis-B td {
	padding: 4px 15px;
	border:none;
	border-bottom:1px solid #eee;
}
.gauche_devis-B td.price {
	text-align: right;
}
.droite_devis td.price {
	color: white;
	font-size: 10pt;
	text-align: right;
	width:90px;
}
.droite_devis #panier {
	width:343px;
	height:380px;
	margin: -10px 0 0 0;
	padding:5px 0 0 0;
	background: url('../images/layout/bg_droite_catalogue.gif');
	background-repeat: no-repeat;	

}
.droite_devis #panier table{
	margin: 0 15px;
	width: 313px;
}
.droite_devis #panier .spacer,
.gauche_devis-B .spacer {
	padding: 10px 0;
}
.droite_devis #panier .result,
.gauche_devis-B .result {
	background: #33bce6;
	font-size: 17pt;
	font-family: Georgia;
	text-align: right;
	padding: 5px 10px;
	color : white;
}
.droite_devis #panier .result .blue,
.gauche_devis-B .result .blue, .blue {
	color: #004687;
}

#panier em {
	margin: 0 15px;
	display: block;
}	

.droite_devis h2{
	margin-left:15px;
	font-family:Georgia;
	font-size:18px;
	color:white;
}
.information_top span{
	font-weight:bold;
	font-size:17px;
	font-family:Georgia;
}
.information_top p{
margin:20px 0 10px 0 !important;
}
.picture{
	margin-right:15px;
	border:1px solid #01bae9;
}
#tab_panier{
	font-size:13px;
	margin-left:20px;
	font-family:Georgia;
	padding:0;
	color:white;
}
#tab_panier tr{
	height:15px;
}
.panier_name{
	font-weight:bold;
}
.total{
	font-weight:bold;
	font-family:Georgia;
	font-size:19px;
	text-align:right;
	margin:10px 5px;
	padding: 5px 10px 10px 0;
	background-color:#00bce9;
}
.total span{
	
	color:#004b89;
}
.gauche_devis-B p{
	color:#666666;
	font-size:12px;
	margin: 6px 0 0 0;
}
.gauche_devis-B form{
	margin:0;
}
.gauche_devis-B a {
	color:#00ABE0;
}
.gauche_devis-B table{
	color:#666666;
	font-size:12px;
	margin: 20px 0 20px 0px;
}

.form_devis-B ul.choice {
	list-style-type: none;
	padding: 0 ;
}
.form_devis-B ul.choice li {
	margin-bottom: 1em;
}
.form_devis-B ul.choice label {
	cursor:pointer;
}
.form_devis-B ul.choice li input  {
	float: left;
	margin-right: 5px;
}
.form_devis-B,.form_devis-B h1 {
	padding-top: 2px;
	margin-top:0;
}
.form_devis-B h2 {
	font-family: georgia;
	margin : 20px 0 3px 0;
	font-size: 12pt;
}
.form_devis-B h1 {
	margin-bottom:5px;
}
.price {
	font-family : Georgia;
	font-weight: bold;
	color : #22A0D0;
	font-size: 12pt;
}

.hide{
	display: none;
}
.form_devis-H{
	width:582px;
	height:11px;
	margin:0 auto 0 auto;
	background: url('../images/layout/bg_form_catalogue-H.gif');
	background-repeat: no-repeat;	
	
}
.form_devis-B{
	width:562px;
	margin:0 auto 5px auto;
	padding:10px 10px 15px 10px;
	background: url('../images/layout/bg_form_catalogue-B.gif');
	background-repeat: no-repeat;	
	background-position:bottom;
}

.form_devis-B ul.choice {
	list-style-type: none;
	padding: 0 ;
}
.form_devis-B ul.choice li {
	margin-bottom: 1em;
}
.form_devis-B ul.choice label {
	cursor:pointer;
}
.form_devis-B ul.choice li input  {
	float: left;
	margin-right: 5px;
}
.form_devis-B,.form_devis-B h1 {
	padding-top: 2px;
	margin-top:0;
}
.form_devis-B h2 {
	font-family: georgia;
	margin : 20px 0 3px 0;
	font-size: 12pt;
}
.form_devis-B h1 {
}
.price {
	font-family : Georgia;
	font-weight: bold;
	color : #22A0D0;
	font-size: 12pt;
}

.hide{
	display: none;
}
.form_devis-B h1{
	margin-bottom:5px;
	margin-left: 0;
}

.info_piscine4{
	width:120px;
	height:150px;
	background: url('../images/layout/bg_devis_info2.png');
	background-repeat: no-repeat;
	margin:20px 0 0 0;
	padding: 10px 0 0 10px;
	float:left;
}
.info_piscine4 span{
	font-weight:bold;
}

.info_equipement4{
	width:179px;
	height:150px;
	background: url('../images/layout/bg_devis_equipement2.png');
	background-repeat: no-repeat;
	margin:20px 0 0 8px;
	padding: 10px 0 0 10px;
	float:left;
}
.info_equipement4 span{
	font-weight:bold;
}
.info_equipement4 ul{
	list-style:none;
	padding:0 0 0 5px;
}
.info_equipement4 ul li{
	color: #666666;
	font-size: 11px;
	margin:0 0 8px 0;
}
.info_piscine3{
	width:186px;
	height:191px;
	background: url('../images/layout/bg_devis_info.png');
	background-repeat: no-repeat;
	margin:20px 0 0 0;
	padding: 10px 0 0 10px;
	float:left;
}
.info_piscine3 span{
	font-weight:bold;
}
.info_equipement3{
	width:343px;
	height:160px;
	background-repeat: no-repeat;
	float:left;
	margin:20px 0 0 0;
	padding:10px 0 0 10px;
	background: url('../images/layout/bg_devis_equipement.png');
}
.info_equipement3 span{
	font-size:15px;
	float:left;
	font-weight:bold;
}
.info_equipement3 table.part1, .info_equipement3 table.part2 {
	color: #666666;
	float:left;
	font-size: 11px;
}
.info_equipement3 table.part1{
	width:140px;
	margin: 5px 0 0 0px;
}
.info_equipement3 table.part2{
	width:170px;
	margin: 5px 0 0 20px;
}
.info_equipement3 table td{
	padding:2px 0 2px 0;
	border-bottom:1px solid #009ee0;
}

.info_equipement3 table td.def{
	text-align:center;
	font-weight:bold;
}
.color {
	width: 32px;
	height: 32px;
	float: left;
	border:1px solid #ccc;
	cursor:pointer;
	margin-right:5px;
}
.selected {
	border: 1px solid black;
}
.comment{
	margin: 5px 0;
	color:#00ABE0;
	font-size:12px;
	font-style:italic;
}
/******** devis ********/
