/* Feuille de style du site somatherm.fr */

/* Eléments XHTML */
body{
	background:#0c519e url(/images/fond.jpg) no-repeat top center;
	text-align:center;
	margin:0;
	padding:0;
	font:12px lucida,"lucida sans","lucida sans ms",arial,sans-serif,sans;
	color:#356db7;
}
a{
	color:#356db7;
}
a:hover{
	color:#ed7417;
}
span{
	display:none;
}
h1{
	font-size:20px;
	margin:20px 0;
	padding:0;
}
h2{
	font-size:14px;
	margin:20px 0;
	padding:0 0 2px 0;
	background:url(/images/fond_titre_2.gif) no-repeat left bottom;
}
h3,h4,h5,h6{
	font-size:12px;
}
a img{
	border:none;
}

/* Formulaires */
fieldset{
	border:1px solid #356db7;
	background:#e1e8f2;
	margin:10px 0;
	padding:10px;
}
fieldset p,fieldset div{
	width:100%;
	padding:0;
	margin:5px 0;
	float:left;
	clear:left;
}
fieldset div.colonne{
	clear:none;
}
fieldset ul{
	list-style:none;
	margin:0;
	padding:0;
}
fieldset label{
	float:left;
	display:block;
	width:150px;
}
fieldset label.checkbox{
	width:auto;
}
fieldset div div{
	clear:none;
	margin:0;
	width:730px;
}
fieldset div div div{
	float:none;
	width:auto;
}
fieldset ul li label{
	float:none;
}
span.required{
	display:inline;
	color:red;
}
.bouton{
	white-space:nowrap;
	border:1px solid #356db7;
	background:#e1e8f2;
	color:#356db7;
	cursor:pointer;
	padding:2px;
	text-decoration:none;
}
.bouton:hover{
	border:1px solid #e1e8f2;
	background:#356db7;
	color:#e1e8f2;
}
.editable{
	float:left;
	width:auto;
	background:#fff;
}
.boutons{
	float:right;
	width:auto;
}

/* Tableaux */
table{
	width:100%;
	border-collapse:collapse;
	border:1px solid #356db7;
	background:#fff;
}
table td,table th{
	padding:5px;
	text-align:left;
}
table thead{
	border-bottom:1px solid #356db7;
	background:#e1e8f2;
}
table thead th{
	background:url(/images/fleche_haut_bas.png) no-repeat 4px center;
	padding-left:16px;
	cursor:pointer;
}
table thead th.sortedASC{
	background-image:url(/images/fleche_haut.png);
}
table thead th.sortedDESC{
	background-image:url(/images/fleche_bas.png);
}
table tbody tr{
	background-color:#e1e8f2;
	border-bottom:1px dotted #356db7;
}
table tbody tr.altRow{
	background-color:#fff;
}
/*tr.link{
	cursor:pointer;
}*/
tr.link:hover{
	color:#fff;
	background:#356db7;
}
tr.link a{
	text-decoration:none;
}
tr.link:hover a{
	color:#fff;
}

/* Conteneur de la page */
#page{
	width:991px;/*width:1000px;*/
	background:url(/images/ombre_site.png) repeat-y;
	padding:0 7px 0 2px;
	margin:0 auto;
	text-align:justify;
}

/* Haut de page */
#haut{
	background:#fff url(/images/fond_entete.png) repeat-x;
	padding:20px 0 0 40px;
	height:119px;
}
#haut h1{
	float:left;
	margin:0;
	padding:0;
}
#haut h1 a{
	background:url(/images/logo_entete.png) repeat-x;
	display:block;
	width:192px;
	height:116px;
}
#haut ul.accessibilite{
	list-style:none;
	float:right;
	margin:0 0 20px;
	padding:0;
	font-size:11px;
}
#haut ul.accessibilite li{
	display:inline;
	margin-right:20px;
}
#haut ul.langues{
	clear:right;
	float:right;
	list-style:none;
	margin:0 20px 0 0;
	padding:0;
}
#haut ul.langues li{
	float:right;
	margin:0 0 0 10px;
}
#haut ul.langues li a{
	display:block;
	width:37px;
	height:31px;
}
#haut ul.langues li.fr a{
	background:url(/images/fr.png) no-repeat;
}
#haut ul.langues li.en a{
	background:url(/images/en.png) no-repeat;
}

/* Menu */
#haut ul.menu{
	width:734px;
	float:right;
	clear:right;
	list-style:none;
	margin:24px 0 0 0;
	padding:0;
	font-size:14px;
	font-weight:bold;
}
#catalogue_pdf ul{
	list-style:none;
	margin:58px 0 0 0;
	padding:0;
	font-size:14px;
	font-weight:bold;
}
#catalogue_pdf ul li a.pdf, #catalogue_pdf ul li a.pdf span{
	display: inline!important;
}
#haut #slider{
	position:absolute;
	z-index:4;
	top:135px;
	width:85px;
	height:5px;
	background:url(/images/curseur.png) no-repeat center bottom;
}

/* Menu Niveau 1 */
#haut ul.menu li{
	position:relative;
	z-index:5;
	float:left;
	height:30px;
}
#haut ul.menu li a{
	text-decoration:none;
	padding:0 20px 0;
}
#catalogue_pdf{
	width: 100%;
}
#catalogue_pdf ul li a{
	text-decoration: none;
}

/* Menu Niveau 2 */
#haut ul.menu li div{
	display:none;
	position:absolute;
	z-index:3;
	background:url(/images/fond_menu_cat.png) repeat-x 0 1px;
	margin:13px 0 0 0;
}
#haut ul.menu li.catalogue div{
	width:683px;
	height:376px;
	margin-left:-292px;
}
#haut ul.menu li.e-catalogue div{
	float:left;
	width:349px;
	height:222px;
	margin-left:-115px;
}
#haut ul.menu li div ul{
	float:left;
	width:100%;
	height:100%;
	list-style:none;
	margin:0;
	padding:0;
}
#catalogue_pdf ul{
	float:left;
	width:100%;
	height:100%;
	list-style:none;
	margin:0;
	padding:0;
}
#haut ul.menu li div ul li{
	display:list-item;
	float:left;
	padding:20px;
	font-size:16px;
}
#catalogue_pdf ul li{
	width: 40%;
	display:list-item;
	float:left;
	padding:20px;
	font-size:16px;
}
#haut ul.menu li.catalogue div ul li{
	width:300px;
	height:334px;
}
#haut ul.menu li.e-catalogue div ul li{
	width:133px;
	height:180px;
}
#catalogue_pdf ul li a,
#haut ul.menu li div ul li a{
	padding:0;
}
#catalogue_pdf ul li:hover > a,
#haut ul.menu li div ul li:hover > a{
	color:#ed7417;
}
#haut ul.menu li div ul li.circulation-des-fluides{
	border:1px solid #356db7;
	border-right:none;
}
#haut ul.menu li div ul li.securite-de-l-eau{
	border:1px solid #ed7417;
	border-left:1px dotted #ed7417;
}
#haut ul.menu li.e-catalogue div ul li a{
	display:block;
	height:180px;
	opacity:0.8;
}
#haut ul.menu li.e-catalogue div ul li a:hover{
	opacity:1;
}
#haut ul.menu li.e-catalogue div ul li.circulation-des-fluides a{
	background:url(/images/e_couv_fluides.png) no-repeat center bottom;
}
#haut ul.menu li.e-catalogue div ul li.securite-de-l-eau a{
	background:url(/images/e_couv_securite_eau.png) no-repeat center bottom;
}
#catalogue_pdf>ul>li>a.pdf, #catalogue_pdf>ul>li>a.pdf>span{
	display: none!important;
}

/* Menu Niveau 3 */
#catalogue_pdf ul li ul,
#haut ul.menu li div ul li ul{
	float:none;
	height:auto;	
	width:auto;
	padding-top:8px;
}
#catalogue_pdf ul li ul li,
#haut ul.menu li div ul li ul li{
	float:none;
	height:auto!important;	
	width:auto!important;
	margin:10px 0 0 0;
	padding:0;
	line-height:15px;
	font-size:11px;
}
#catalogue_pdf>ul>li>ul>li>a.pdf{
	float: right;
	display: block!important;
	width: 20px;
	height: 19px;
	background: url(/images/pdf-hover.gif) no-repeat;
}
#catalogue_pdf>ul>li>ul>li>a.pdf:hover{
	background: url(/images/pdf.gif) no-repeat;
}
#catalogue_pdf>ul>li>ul>li>a.pdf>span{ display: none!important; }

/* Menu Niveau 4 */
#catalogue_pdf ul li ul li ul,
#haut ul.menu li div ul li ul li ul{
	padding:0 0 0 10px;
	background:url(/images/fleche_menu_catalogue.png) repeat-y;
}
#catalogue_pdf ul li ul li ul{
	width:280px;
}
#catalogue_pdf ul li ul li ul li,
#haut ul.menu li div ul li ul li ul li{
	display:inline;
	font-size:10px;
	line-height:14px;
	font-weight:normal;
}
#catalogue_pdf ul li ul li ul li a:hover,
#haut ul.menu li div ul li ul li ul li a:hover{
	border-bottom:1px dotted #ed7417;
}
#catalogue_pdf ul li ul li ul li span,
#haut ul.menu li div ul li ul li ul li span{
	display:inline;
}
#catalogue_pdf ul li ul li ul li.first span,
#haut ul.menu li div ul li ul li ul li.first span{
	display:none;
}
#catalogue_pdf>ul>li>ul>li>ul>li>a.pdf,
#catalogue_pdf>ul>li>ul>li>ul>li>a.pdf>span{
	display: none!important;
}

/* Menu Niveau 5 */
#haut ul.menu li div ul li ul li ul li ul{
	display:none;
}

/* Contenu de la page */
#contenu{
	float:left;
	width:911px;/*width:920px;*/
	clear:both;
	background:#fff url(/images/filets_haut.png) no-repeat;
	padding:30px 40px;
}
.colonne{
	float:left;
	margin-left:1%;
}
.colonne.first{
	margin-left:0;
}
.colonne.un-demi{
	width:49%;
}
.colonne.deux-tiers{
	width:560px;
}
.colonne.un-tiers{
	width:340px;
}
.separateur{
	clear:both;
}

/* Fil d'ariane */
ul.ariane{
	width:681px;/*width:690px;*/
	margin:0 -40px 20px;
	padding:0 0 20px 310px;
	background:url(/images/relief_haut.png) repeat-x bottom;
	float:left;
	list-style:none;
	font-size:11px;
}
td ul.ariane{
	width:auto;
	margin:0;
	padding:0;
	background:none;
}
ul.ariane li{
	float:left;
	background:url(/images/fleche_arbo.gif) no-repeat 8px center;
	padding-left:20px;
}
ul.ariane li.first{
	background:none;
	padding:0;
}
ul.ariane li a{
	text-decoration:none;
}

/* Bas de page */
#bas{
	clear:both;
	background:#fff url(/images/filets_bas.png) no-repeat;
	padding:40px 20px 20px;
	text-align:center;
}
#bas address{
	font-style:normal;
}

/* Diaporamas */
div.diaporama{
	background:url(/images/relief_haut.png) repeat-x;
	padding:10px 0 0 0;
	text-align:left;
}
div.diaporama ul{
	list-style:none;
	margin:0;
	padding:0;
}
div.diaporama li{
	position:absolute;
}
div.diaporama li img{
	width:100%;
}

/* Pagination */
ul.pages{
	list-style:none;
	clear:both;
	margin:0;
	padding:10px 0;
	font-size:10px;
}
ul.pages li{
	display:inline;
	margin:0 4px 0 0;
}
ul.pages li a{
	padding:2px 5px;
	border:1px solid #356db7;
	background:#e1e8f2;
	text-decoration:none;
}
ul.pages li a.selected,ul.pages li a:hover{
	background:#356db7;
	color:#fff;
}
ul.pages li.prev a,
ul.pages li.next a{
	display:inline-block;
	width:4px;
	height:4px;
	border:none;
}
ul.pages li.prev a{
	background:url(/images/fleche_menu_catalogue_prev.png) no-repeat center center;
}
ul.pages li.next a{
	background:url(/images/fleche_menu_catalogue.png) no-repeat center center;
}

/* Page d'accueil*/
#accueil #contenu{
	text-align:center;
	width:100%;
	padding-left:0;
	padding-right:0;
}
#accueil #contenu div.diaporama{
	width:991px;/*width:1000px;*/
	height:350px;
	position:relative;
	z-index:2;
}
#accueil #contenu h1{
	background:url(/images/logo.png);
	width:303px;
	height:180px;
	margin:50px auto 0;
	padding:0;
}
#accueil #contenu ul.menu{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	position:relative;
	z-index:1;
}
#accueil #contenu ul.menu li{
	float:left;
	width:50%;
}
#accueil #contenu ul.menu li a{
	display:block;
	height:50px;
}
#accueil #contenu ul.menu li#securite-de-l-eau{
	background:url(/images/bouton_droit_roll.png) no-repeat right;
}
#accueil #contenu ul.menu li#securite-de-l-eau a{
	background:url(/images/bouton_droit.png) no-repeat right;
}
#accueil #contenu ul.menu li#circulation-des-fluides{
	background:url(/images/bouton_gauche_roll.png) no-repeat;
}
#accueil #contenu ul.menu li#circulation-des-fluides a{
	background:url(/images/bouton_gauche.png) no-repeat;
}

/* Accueil en version Anglaise */
.en#accueil #contenu ul.menu li#securite-de-l-eau{
	background-image:url(/images/bouton_droit_uk.png);
}
.en#accueil #contenu ul.menu li#securite-de-l-eau a{
	background-image:url(/images/bouton_droit_uk_roll.png);
}
.en#accueil #contenu ul.menu li#circulation-des-fluides{
	background-image:url(/images/bouton_gauche_uk.png);
}
.en#accueil #contenu ul.menu li#circulation-des-fluides a{
	background-image:url(/images/bouton_gauche_uk_roll.png);
}

/* Actualités */
.actualite{
	clear:both;
}
.gauche{
	float:left;
	margin:0 20px 20px 0;
}
.centre{
	text-align:center;
}
.droite{
	float:right;
	margin:0 0 20px 20px;
}

/* Catalogue */
#catalogue ul.ariane{
	margin-bottom:0;
}
#catalogue div.navigation{
	width:200px;
	margin-right:60px;
	text-align:left;
}
#catalogue div.navigation ul{
	clear:left;
	margin:20px 0 0 0;
	padding:0;
	list-style:none;
}
#catalogue div.navigation ul ul{
	margin:0 0 0 20px;
}
#catalogue div.navigation ul li a{
	text-decoration:none;
	display:block;
	background:url(/images/puce_roll.gif) no-repeat 5px 8px;
	border-bottom:1px dotted;
	line-height:25px;
	padding-left:20px;
}
#catalogue div.navigation ul li a:hover,
#catalogue div.navigation ul li.selected > a{
	color:#ed7417;
	background-image:url(/images/puce.gif);
}
#catalogue div.navigation ul.ariane{
	width:100%;
	margin:20px 0;
	padding:0;
	font-weight:bold;
	background:none;
}
#catalogue div.navigation ul.ariane li{
	background:none;
	padding:0;
	clear:left;
}
#catalogue div.navigation ul.ariane li a{
	background:none;
	border:none;
	padding:0;
}
#catalogue div.navigation ul.ariane li.n0,
#catalogue div.navigation ul.ariane li.n3,
#catalogue div.navigation ul.ariane li.n4{
	display:none;
}
#catalogue div.navigation ul.ariane li.n1{
	font-size:22px;
}
#catalogue div.navigation ul.ariane li.n2{
	font-size:14px;
}
#catalogue div.rubrique{
	width:640px;
}
#catalogue div.rubrique div.visuel{
	float:left;
	width:100%;
	height:270px;
	background:#efefef url(/images/barre.gif) no-repeat bottom;
	margin:0 0 20px;
}
#catalogue div.rubrique div.visuel h1{
	position:relative;
	z-index:2;
	background:#fff;
	opacity:0.8;
	margin:0;
	padding:20px;
	height:20px;
}
#catalogue div.rubrique div.visuel img{
	margin-top:-60px;
	position:relative;
	z-index:1;
}
#catalogue div.rubrique div.visuel p{
	margin-top:60px;
	position:absolute;
	z-index:3;
}
#catalogue div.rubrique div.visuel p.precedent{
	margin-left:-20px;
}
#catalogue div.rubrique div.visuel p.suivant{
	margin-left:520px;
}
#catalogue div.rubrique ul.produits{
	list-style:none;
	margin:0;
	padding:0;
}
#catalogue div.rubrique ul.produits li{
	float:left;
	margin:0 14px 12px 0;
	border:1px solid #18519d;
	font-size:11px;
}
#catalogue div.rubrique ul.produits li a{
	display:block;
	width:144px;
	height:88px;
}
#catalogue div.rubrique ul.produits li a span{
	background:#18519d;
	display:block;
	position:absolute;
	overflow:hidden;
	width:124px;
	height:0;
	padding:0 10px;
	opacity:0.8;
	color:#fff;
	text-align:left;
}
#catalogue div.rubrique ul.produits li a span strong{
	display:block;
	width:72px;
	height:30px;
	line-height:30px;
	font-size:14px;
	background:url(/images/zoom.png) no-repeat right center;
}
#catalogue div.rubrique ul.produits li a span strong:hover{
	text-decoration:underline;
	background-image:url(/images/zoom_roll.png);
}

/* Boutons de navigation précédent/suivant */
p.precedent,
p.suivant{
	position:absolute;
	z-index:2;
}
p.precedent a,
p.suivant a{
	display:block;
	width:140px;
	height:50px;
	padding-top:38px;
}
p.precedent a span,
p.suivant a span{
	position:absolute;
	background:#18519d;
	opacity:0.8;
	padding:10px;
	width:120px;
	color:#fff;
}
p.precedent a span.fleche,
p.suivant a span.fleche{
	position:absolute;
	background:url(/images/fleche_bulle.png) no-repeat;
	padding:0;
	margin:-5px 0 0 10px;
	width:9px;
	height:5px;
}
p.precedent a:hover span,
p.suivant a:hover span{
	display:block;
}
p.precedent a{
	background:url(/images/nav_produits.png) no-repeat left top;
}
p.precedent a:hover{
	background-image:url(/images/nav_produits_roll.png);
}
p.suivant a{
	background:url(/images/nav_produits_dr.png) no-repeat right top;
}
p.suivant a:hover{
	background-image:url(/images/nav_produits_dr_roll.png);
}
p.suivant a span.fleche{
	margin-left:120px;
}

/* AjaxBox */
#AjaxBox_overlay{
	display:none;
	background:#fff;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:10;
}
#AjaxBox_container{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin:0 auto;
	z-index:11;
}
#AjaxBox_container p.precedent,
#AjaxBox_container p.suivant{
	top:50%;
	z-index:100;
}
#AjaxBox_container p.precedent{
	left:20px;
}
#AjaxBox_container p.suivant{
	right:20px;
}
#AjaxBox_container p.precedent a,
#AjaxBox_container p.suivant a{
	width:160px;
}
#AjaxBox_container p.precedent a span,
#AjaxBox_container p.suivant a span{
	width:140px;
}
#AjaxBox_container p.close{
	right:20px;
	top:20px;
	padding:0;
	position:absolute;
	z-index:100;
	font-size:14px;
}
.loading{
	background:url(/images/loading.gif) no-repeat center center;
}

/* Produit (dans l'AjaxBox) */
div.produit{
	margin:0 auto;
	width:100%;
	height:100%;
}
div.produit h1{
	margin:0;
	padding:20px;
	opacity:0.8;
	background:#fff;
	position:relative;
	z-index:10;
}
div.produit div.panorama{
	margin:-60px auto 0;
	width:1000px;
	height: 100%;
	overflow: hidden;
	position: relative;
}
div.produit div.panorama div{
	position: absolute;
	display: block;
}
div.produit div.panorama div img{
	background:#fff;
	max-width:400px;
	max-height:400px;
	cursor:pointer;
}
div.produit div.panorama.enable div img{
	max-width:none;
	max-height:none;
}
div.produit table.produits{
	position:absolute;
	z-index:10;
	bottom:20px;
	width:80%;
	margin:0 10%;
	opacity:0.8;
}

/* Page Produit "fausse" AjaxBox */
.fake#AjaxBox_container{
	display:block;
	background:none;
}
.fake#AjaxBox_container #contenu{
	background:none;
}
.fake#AjaxBox_container div.produit{
	text-align:center;
}
.fake#AjaxBox_container table.produits{
	margin:0;
}
.fake#AjaxBox_container div.panorama{
	min-height:400px;
	margin:0;
}

/* E-Catalogue */
#e-catalogue #contenu{
	width:100%;
	padding-left:0;
	padding-right:0;
}
#e-catalogue ul.ariane{
	margin-left:0;
	margin-right:0;
}
#pageflip{
	width:100%;
	height:800px;
}

/* Fiches produits / FIchiers PDF */
#fiches-produits table.produits tbody tr td.produit,
a.pdf{
	padding-left:22px;
	background-image:url(/images/pdf.gif);
	background-repeat:no-repeat;
	background-position:0 center;
}
#fiches-produits table.produits tbody tr:hover td.produit,
a.pdf:hover{
	background-image:url(/images/pdf-hover.gif);
}
a.pdf{
	display:block;
	height:20px;
}

/* Contact */
#googlemaps{
	width:100%;
	height:420px;
}

/* Admin */
.fichier fieldset label{
	width:80px;
}
.fichier fieldset div.colonne{
	clear:none;
	width:30%;
}
.fichier fieldset div.colonne .gauche,
.fichier fieldset div.colonne .centre,
.fichier fieldset div.colonne .droite{
	float:none;
	margin:0;
	text-align:left;
}
.aide{
	text-decoration:none;
	cursor:pointer;
	border-bottom:1px dotted #356db7;
}
.aide:hover{
	border-bottom:1px dotted #ed7417;
}