@import url("/vivea2_menu.css");
@import url("/print.css") print;

img {border:0;}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

a {
text-decoration:none;}


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#radio{
	position:absolute;
	top:105px;
	left:50%;
	margin-left:-200px;
/*	visibility: hidden;*/

}
.v2010 #radio{
	position:absolute;
	top:250px;
	left:50%;
	margin-left:-450px;
/*	visibility: hidden;*/

}



.titre_mid {font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
text-align:center;
	color: #C90042;
	font-size: large;
}
.titre_mid img{
margin-right:10px;
float:left;
}
.soustitre_mid {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003789;
	font-style: italic;}

/* INDEX */

#index_main{
margin:auto;
width:801px;
overflow:hidden;
border:0px solid red;
}
#index_main img{
margin:0;
padding:0;
}
#index_gauche {
float:left;}

#index_droit img{
float:left;
}

#liste {
	position: absolute;
	left:50%;
	margin-left:-100px;
	top:325px;
	height: 350px;
	width: 500px;
	overflow: auto;
	padding: 10px;
}

#listeinstallateurs {
background:#dfd;
border-top:1px dotted #66CCCC;
border-bottom:1px dotted #66CCCC;
	height: 390px;
	width: 480px;
	overflow: auto;
	padding: 5px;
}
#listeinstallateurs h1{
	text-align:center;
	margin:2px;
}
#liste2 {
	position: absolute;
	left:50%;
	margin-left:-160px;
	top:60px;
	height: 530px;
	width: 569px;
	overflow: auto;
	padding: 5px;
	visibility: visible;
}
#liste h1, #liste2 h1, #listeinstallateurs h1{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #006600;
}
#liste h2, #liste2 h2, #listeinstallateurs h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
}
.cartouche {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	background-color: #F5F0AC;
	background-image: url(img/fiche-install-4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.titre_prod {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #006;
}
.titre_prod strong{
text-transform:uppercase;}

.tableau_instal a{
color:#906;
	text-decoration:none;
}
.tableau_instal a:visited{
	
}
.tableau_instal a:hover{
   color:#f05; 
   text-decoration:underline;
}
.tableau_instal a:active{	
}

#page_a{
width:500px;
margin: 0;
background-color:#D4EEFB;
}
.form {
width:560px;
border:1px dotted #fff;
	margin:5px 0px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
}

.form fieldset{
border:1px solid #b5371e;
}
.form legend {
color:#b5371e;}

.clear {
max-height:1px;
height:1px;
margin:0!important;
padding:0;
overflow:hidden;
clear:both;
visibility:hidden;
}
#clear {
max-height:1px;
height:1px;
margin:0!important;
padding:0;
overflow:hidden;
clear:both;
visibility:hidden;
}
/* metier ------------------------------*/

.menupicto {
text-align:center;
margin:auto;
}

.sanit ul{
margin:0;
padding:0;
}
.sanit li{
text-align:left;
font-size:70%;
list-style:none;
margin:0px;
padding:0px;}

.sanit li a{
text-decoration:none;
color:#1a9;}
.sanit li a:visited{

color:#097;}
.sanit li a:hover{
text-decoration:underline;
color:#0ff;}
.sanit li a:active{
color:#3ff;}


#metier_1, #metier_2, #metier_3, #metier_4, #metier_5, #metier_6{
	background:#fff;
	top:400px;
	width:700px;
	text-align:justify;
	font-size:70%;
	padding:5px;
	border:1px solid #006;
}
#metier_1 h4, #metier_2 h4, #metier_3 h4, #metier_4 h4, #metier_5 h4, #metier_6 h4 {
font-size:120%;
margin:5px auto 0px 10px;
color:#003399;
}
#metier_1 h5, #metier_2 h5, #metier_3 h5, #metier_4 h5, #metier_5 h5, #metier_6 h5 {
	font-size:110%;
	margin:3px auto 0px 10px;
	color:#CC0000;
	list-style-position: inside;
	list-style-type:square;
}
#metier_1 span, #metier_2 span, #metier_3 span, #metier_4 span, #metier_5 span, #metier_6 span {
font-size:105%;
color:#ff0000;
}

.logovivea {
float:right;
margin-top:10px;
margin-left:-80px;
margin-right:20px;
width:62px;




border:0px solid red;
background:#fff;
}
.lien_sani_cat {
margin-right:0px;
border-top:1px solid #88a;
text-align:center;
line-height:25px;
}
.lien_sani_cat img {
margin-bottom:-5px;}

/* metier */
.form01 {
	background :url(img/fondform.jpg) no-repeat;
	width :450px;
        line-height:20px;
	border: none;
	text-indent: 20px;
        padding :8px 0;
}
.titre {font-size: medium; color: #21328C; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.semititre {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #21328C;
}
.tableau_instal {
background:#fff;
font-size:75%;
margin:1px 0;
border:1px #070 solid;
}

.titre_ER, .titre_plomberie, .titre_chauffage, .titre_electricite, .titre_sanitaire, .titre_faience, .titre_recup, .titre_arrosage, .titre_cheminee  {
font-weight:bold;
font-size:1.5em;
}

.titre_ER {
color:#f9942c;}
.titre_chauffage {
color:#d20;}
.titre_electricite {
color:#539;}
.titre_sanitaire {
color:#5bf;}
.titre_faience {
color:#b39;}
.titre_recup {
color:#0a0;}
.titre_arrosage {
color:#060;}
.titre_plomberie {
color:#068;}
.titre_recup {
color:#0a0;}
.titre_cheminee {
color:#b00;}


/* QUI SOMMES NOUS ------------------ */

.charte {
background:url(/img/fond-charte.jpg) #c8deec no-repeat 0 0;
color:#34a;
border:1px solid #34a;
padding:3px;
font-size:80%;
}
.charte h3{
margin:3px 0;
text-align:center;
}

.charte ul {
padding-left:5px;
text-align:left;
margin:5px 0 5px 15px;}
.charte li{
margin:0;
padding:0;}

.charte strong {
color:red;
}
.charte span{
display:block;
marin:0;
text-align:center;
}

.notice_sml {
font-size:10px;
color:#039;
}




/* DEMANDE CATALOGUE --------------------*/

#need_cat {
border:0px solid red;
margin:5px auto;
background:url(/img/top-need.jpg) no-repeat top left;
width:603px;
padding-top:210px;}

.entete_need_cat{
color:#2167ac;
}

.form_cat {
border:1px solid #dfd;
}
.form_cat span {
text-align:right;
width:150px;
margin-left:50px;
padding-right:10px;
display:block;
float:left;
color:#2167ac;
}

.form_cat input, .form_cat textarea {
color:#2167ac;
font-style:italic;
width:220px;
background:#dfd;
border:1px solid #2167ac;
min-height:16px;}

.submit {
padding-top:10px;
height:35px;
text-align:center;
background :#daefff;
}

#foot_cat {
border:0px solid blue;
height:130px;
width:603px;
color:#2167ac;
margin:auto;
background:url(/img/foot-need.jpg) no-repeat 0 0;
}

#charte_pdf {
position:absolute;
top:400px;
left:50%;
margin-left:160px;
font-size:80%;}


/* actualite -------------------------*/

#actu {
background:url() no-repeat top center;
width:180px;
position:absolute;
top:30px;
left:50%;
margin-left:-392px;
padding:1px 1px;
border:dotted 1px #fff;
text-align:center;}

#actu p {
margin:2px 0;
padding:0px;}

#actu h2{
margin:0 0 5px 0;
border-top:1px #009966 solid;
font-size:90%;
color:#009966;
font-weight:bold;
}
#date {
bottom:0;
width:100%;
text-align:right;
font-weight:normal;
font-size:50%;
color:#8a8;
padding:0px;
background-color:#dbdb19;
}

.actu_def_date {
font-size:60%;
float:right;
color:#aaa;
}
.actu_def {
background:#ded;
padding: 2px 0;
margin:10px 0;

}

.actu_plus {
background:#dbdb19;
color:#023a87;
border-bottom:0px solid #023a87;
text-align:right;
clear:both;
font-size:70%;
padding:2px 0;}

.actu_plus a{
color:#8a8;
}
.actu_def_titre{
margin:5px;
}

/* end actualite ---------------------*/


#info {
position:absolute;
top:30px;
text-align:center;
font-size:110%;
Font-weight:bold;
color:#d70;
border:1px #d70 solid;
left:50%;
margin-left:-200px;
padding:10px;
background:#fff;
}
.Style8 {font-size: 10px}

.fondpass {
background:url() no-repeat top left;
font-size: 10px}

.fondpass h3 {
font-size:12px;}

#reponse {
width:100%;
height:600px;
padding:40px auto ;
background:url(img/bordgauche.jpg) no-repeat left top;
font-size: 12px}
#creaprime {
font-size:75%;
position:absolute;
bottom:0px;
left:0px;
}
#creaprime span{
font-size:120%;
}
.tel {
background:url(img/ico-tel.jpg) no-repeat left -3px;
padding:0 0 0 20px;
}
.tel_cell{
background:url(img/ico-cell.jpg) no-repeat left -3px;
padding:0 0 0 20px;
}
.fax {
background:url(img/ico-fax.jpg) no-repeat left -3px;
padding:0 0 0 20px;
}

/* ############# SALLES D'EXPO ----------*/

#expo_chateauroux, #expo_thouars , #expo_bressuire, #expo_cholet, #expo_la-roche, #expo_tours, #expo_nantes, #expo_angers, #expo_angouleme, #expo_poitiers {
	position:absolute;
	top:230px;
	left:50%;
	margin-left:-140px!important;
	border:0px blue solid;
	visibility: hidden;
}

#carte_expo h2{
margin:10px;
text-align:center;
font-size:250%;
font-style:italic;
font-weight:bold;}

#carte_expo sup{
font-size:60%;}

#expo_bressuire {
visibility: visible;
}
#carte_expo exp {
text-transform}

#carte_expo {
font-size:80%;
color:#128;
text-align:justify;
border:0px solid red;}

#carte_expo img{
border:1px solid blue;
}

#carte_expo em{
color:#85f;}


#index {
border:1px #ddd dashed;
width:450px;
position:absolute;
left:-470px;
overflow:hidden;
height:40px;
}

#index h1 {
font-size:50%;
}
.nopage p{
width:650px%;
margin:auto;}
.nopage a{
font-size:90%;
font-weight:bold;
text-decoration:none;}
.nopage a:visited{}
.nopage a:hover{
color:#59f;}
.nopage a:active{}

.nopage {
color:#358;}
.retour {
width:250px;
margin:0 0 0 auto;
text-align:center;
}

.none {
display:none;}

/* ACTUALITE --------------------------------*/
.lnk_actu a{
font-size:75%;
text-decoration:none;
}
.lnk_actu a:visited{
text-decoration:none;
}
.lnk_actu a:hover{
font-style:italic;
text-decoration:underline;
}
.lnk_actu a:active{
font-style:italic;
text-decoration:none;
}

#cont_actu {
border:0px solid;
padding:0;
background:#def;
}
#cont_actu h2{
color:#03a;
margin:2px;
}

.l_actu {
width:700px;
background:url(/img/fond_actu.gif) #fff repeat-y right top;
border:1px solid #abd9f1;
padding:5px;
margin:2px auto;
}
.l_actu2 {
width:700px;
background:url(/img/fondactu2.gif) #fff repeat-y right top;
border:1px solid #abd9f1;
padding:5px;
margin:2px auto;
}

.l_date {
float:right;
color:#05f;
font-style:italic;
font-size:70%;
margin-right:20px;}
.zoom {
float:left;
margin-right:10px;}

.l_titre {
line-height:27px;
font-weight:bold;
color:#d40042;
margin:0px;
height:30px;
}
.l_titre2 {
font-size:80%;
line-height:27px;
font-weight:normal;
font-style:italic;
color:#555;
margin:0px;
height:30px;
}
.l_actu_det {
border:0px solid red;
padding-left:50px;
}

.actu_image_det{
width:206px;
border:px solid green;
float:right;}

.cont_img {
text-align:center;
overflow:hidden;
width:auto!important;
height:100px;
float:right;
margin:1px;}

.cont_pdf {
float:right;
}

.cont_img img{
border:0;}



/* INSTALLATEURS ----------------------------*/

#select select{
margin:3px;
clear:both;
width:300px;
border:1px solid #9bf;
background:#dfe;
float:left;
color:#25a;
}
#select select:hover{
font-style:italic;
background:#afb;
}
#select form{
margin:0;}

.picto {
float:left;
width:64px;
height:auto;
text-align:center;
color:#05f;
font-size:80%;}

.extra {
padding:3px;
margin-top:3px;
border:1px solid #9bf;
background:#dfe;
color:#25a;
}

.lien_site {
font-size:120%;
background-color:#99CCFF;
border:0px solid green;
font-weight:bold;
padding:0.2em;}


/*  PRO MENU --------------------------- */

#mPro {
height:600px;
width:290px;
background:url(/img/mPro_fond.jpg) no-repeat 0 0;
}
#menuPro {
padding-top:175px;
}
.fond_mPro {
filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
height:25px;
margin-top:10px;
width:235px;
margin-bottom:-28px;
background:#237;}

#menuPro li{
list-style:none;
margin:0;
padding:0;}

#menuPro ul{
margin-left:10px;
padding:0;}

#menuPro a{
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
font-size:80%;
color:#ffe;
padding-left:15px;

display:block;
position:relative;
line-height:28px;
}

#menuPro a:visited{
color:#ffd;
}

#menuPro a:hover{
color:#fff;
font-style:italic;
}

#lnk_retour {
position:absolute;
top:570px;
border:0px solid red;
width:250px;
height:50px;
font-size:95%;
color:white;
text-align:left;
background:url() no-repeat 0px -121px;
}
#lnk_retour img{
border:0px solid red;
width:155px;
height:130px;
}

/* Catalogue */
#s_menuP {
margin-left:10px;}

#s_menuP .fond_mPro{
margin-bottom:-25px;
margin-top:2px;
height:20px;
width:220px;
background:#365;
}

#s_menuP a{
padding-left:5px;
line-height:27px;
height:25px;
font-size:70%;
text-transform:lowercase;
font-weight:normal;
}

/* CATALOGUE ETC ------------------------*/

#main {
font-size:90%;
border:1px solid #abf;
height:600px;
overflow:auto;
overflow-x:hidden;}

#main div{
border:0px solid #888;
margin:2px;}

#main .doc {
margin:2px 0 8px 0;
border:1px solid #abf;
background:#cdf;}

.doc_nom {

font-size:120%;
font-weight:normal;
text-align:center;
color:#fff;
text-transform:uppercase;
background:#4778ac;}

.doc_image{
float:right;}

 .doc_image img{
height:70px!important;
border:0;
height:100px;
} 

 .doc_doc{
text-align:center;
font-size:60%;
font-style:italic;
}
 .doc_doc a{
text-decoration:none;
}

.doc_doc img{
border:0;}

.doc_special {
color:#039;
font-size:10px;
clear:both;
border:0px solid #a9f ;
margin:5px;
padding:5px;
}

.doc_special .proj_sec img{
height:30px;
}
.doc_special .proj_sec{
background:#fff;
float:left;
text-align:center;
border-right:1px solid #99f;
border-bottom:1px solid #66f;
border-left:1px solid #fff;
border-top:1px solid #fff;
width:105px;
height:60px;
}

.doc_special .proj_sec span{
display:block;
}

.doc fieldset {
border:1px solid #66b;}

.doc fieldset legend{
color:#66b;}

/* ####### projet focus ################### */

#projet_complet {
background:#fff;
z-index:10;
width:700px;
left:50%;
margin-left:-350px;
position:absolute;
top:30px;
max-height:650px;
overflow:auto;
overflow-x:hidden;
padding:3px;
border-right:5px solid #258;
border-bottom:5px solid #036;
border-left:5px solid #69b;
border-top:5px solid #8bd;
}

#sous_fond {
position:absolute;
z-index:5;
width:100%;
height:100%;
background:#211;
filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity: 0.9;
}


#projet_complet .doc fieldset.coord {
width:46%!important;
float:left;
margin:3px;
min-height:50px;
}

#projet_complet.masquee, #sous_fond.masquee {
display:none;}

#projet_complet .doc_nom a {
display:block;
float:right;
color:#fff;
text-decoration:none;
}
#projet_complet .doc_nom a:hover {
color:#f60;
}
.date_projet {
float:right;
font-size:12px;
color:#246;}


#projet_complet .sur_image{
width:100px;
float:left;
margin:5px 10px;
}
#projet_complet .sup .sur_image{
width:200px;
float:right;
margin:5px 10px;
}
#projet_complet .sur_image img{
width:100px;
}
#projet_complet .sup .sur_image img{
width:200px;
}
#projet_complet .sup h3 {
color:#fff;
padding:0px 10px;
}

#projet_complet .sur_prix, #projet_complet .slist_elem em {
}
#projet_complet .slist_elem {
float:left;
}

#projet_complet .sur_info {
font-size:12px !important;
}

#projet_complet .sup .el_img{
text-align:center;
width:50px;
height:35px;
overflow:hidden;
}

#projet_complet .sup .el_img img{
max-width:50px;
max-height:35px;
}

*html #projet_complet .el_img img{
width:80px;
}


/* menu catalogue */

#mCat {
background:#def;
color:#5d82af;

float:left;
font-size:85%;
border-left:1px solid #25a;
border-right:1px solid #25a;
width:150px;
height:600px;
margin:0px 0 0 0px;}

#mCat h3{
text-align:center;
color:#25a;
}

#mCat a{
padding-left:12px;
background:url(/img/dot.gif) no-repeat 0px 2px;
text-decoration:none;
color:#25a;}
#mCat a:visited{
color:#038;}

#mCat a:hover{
font-style:italic;
color:#68F;}
#mCat a:active{
color:#aaf;}

#mCat ul {
padding-left:5px;
margin:0px 0;}

#mCat li {
list-style:none;
padding:0;
margin:5px 0;}

.Cmain{
margin-top:20px;
padding-top:3px;
border-top:1px solid blue;
text-transform:uppercase;

font-weight:bold;
}
.Csec {
background:#dff;
font-size:90%;
margin-left:3px;}

.Csec2 {
background:#a22;
font-size:90%;
color:#fff;
margin-left:3px;}

.Csec2 a{
color:#fff!important;}
.Csec2 a:visited{
color:#fff!important;}
.Csec2 a:hover{
color:#fff!important;}
.Csec2 a:active{
color:#fff!important;}


.Csec:hover{
background:#fff;
}


/* FICHE PRODUITS -----------------------------*/

#mProd {
background:#eef;
padding:2px;
border-bottom:1px solid #a22;
height:600px;
overflow:auto;
overflow-x:hidden;
}

#mProd h3, #main h3{
text-align:center;
margin:5px 0;
font-size:120%;

background:#a22;
color:#fff;
}


.P_img, .P_img2 {
text_align:center;
max-width:150px;
overflow:hidden;
float:right;
border:2px solid white;
margin:5px auto;}

*html .P_img, *html .p_img2 {
width:120px;
}

.P_img em, .P_img2 em{
font-size:60%;
display:block;
text-align:center;

}

.P_img img{
border:0;
margin:auto;
max-width:150px;
max-height:250px;}

.P_img2 img{
border:0;
max-width:150px;
max-height:250px;}

.P_nom {
clear:both;
border-top:3px solid red;
margin:5px 0;
text-align:center;
font-size:120%;
background:#fff;
}
.P_desc {
color:#338;
font-size:80%;
}
.P_ref {
font-size:90%;
font-style:italic;
clear:both;
float:right;
}
.P_prix {
padding:2px;
border:1px solid #a22;
font-weight:bold;
color:#a22;
clear:both;
float:right;
}

.P_fTech  {
font-size:90%;
text-align:right;
width:60%;
clear:both;
float:right;
}

.P_unit {
clear:both;
float:right;
color:#a22;
font-size:70%;}

/* ACTUALITE PRO --------------------------------*/
.lnk_actu a{
font-size:75%;
text-decoration:none;
}
.lnk_actu a:visited{
text-decoration:none;
}
.lnk_actu a:hover{
font-style:italic;
text-decoration:underline;
}
.lnk_actu a:active{
font-style:italic;
text-decoration:none;
}

#cont_actu_pro {
border:0px solid;
padding:0;
background:#def;
}

.ico {
overflow:hidden;
margin-top:5px;

float:left;
width:30px;
border:0;}

.sous_titre_actu {
text-align:center;
Font-weight:bold;
font-style:italic;
color:#d40548;
border:1px solid #d40548;
line-height:30px;
background:#fff;
padding:2px;
}
.sous_titre_actu img{
margin-bottom:-7px;
margin-left:10px;
}

.ico img{
height:17px;
padding-right:5px;
border:0;
float:right;}

#cont_actu_pro h2{
text-align:center;
color:#03a;
margin:2px;
}

#cont_actu_pro .l_actu {
width:500px;
background:url(/img/fond_actu.gif) #fff repeat-y right top;
border:1px solid #abd9f1;
padding:5px;
margin:2px auto;
}
#cont_actu_pro .l_actu2 {
width:500px;
background:url(/img/fondactu2.gif) #fff repeat-y right top;
border:1px solid #abd9f1;
padding:5px;
margin:2px auto;
}

.l_date {
float:right;
color:#05f;
font-style:italic;
font-size:70%;
margin-right:20px;}
.zoom {
float:left;
margin-right:10px;}

.l_titre {
line-height:27px;
font-weight:bold;
color:#d40042;
margin:0px;
height:30px;
}
.l_titre2 {
font-size:80%;
line-height:27px;
font-weight:normal;
font-style:italic;
color:#555;
margin:0px;
height:30px;
}
.l_actu_det {
border:0px solid red;
padding-left:50px;
}

.actu_image_det{
width:206px;
border:px solid green;
float:right;}

.cont_img {
text-align:center;
overflow:hidden;
width:100px;
height:100px;
float:right;
margin:1px;}

.cont_img img{
border:0;}

#need_cat_abs {
position:absolute;
left:50%;
margin-left:250px;
top:130px;
width:160px;
text-align:center;}

#need_cat_abs em{
font-size:9px;
color:#006;
}