/* © 2006 Bexter Ben CSS */

* {
margin:0;
padding:0;}
html,body{
	height: 100%;
}

body {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #641010;
	margin: 0px;
	padding: 0px;
	background: #CD6601 url(images/bg-site.jpg) repeat-x; /*#641010*/}
p{margin: 1em 0;}
h1,h2,h3,h4,h5,h6{font-size: 12px;margin: 1em 0;}
a{text-decoration:none;
	color: #CC3300;}
img{border: none;}
#site {width: 768px;
	position: absolute;
	margin-left: -384px;
	left: 50%;
	background: #fff url(images/site-fond.jpg) repeat-y;}
#header{width: 768px;
	height: 140px;
	background: transparent url(images/header.jpg) no-repeat;
	display: block;}
#header a{display: block;
	width: 330px;
	height: 140px;}
#header strong{display: none;}

/*----------------------------------------------------------------------*/
/* debut - gestion du menu général */
/*----------------------------------------------------------------------*/
#menu{width: 456px;
	height: 30px;
	margin: 0px;
	padding: 0px 0px 0px 312px;
	background: transparent url(images/menu.jpg) no-repeat;}
#menu ul{list-style-type: none;
	margin: 0px;
	padding: 0px;
	border: none;}
#menu ul li{float: left;
	margin: 0px;
	padding: 0px;
	border: none;}
#menu ul li a{display: block;
	height: 30px;
	margin: 0px;
	padding: 0px;}
#menu ul li strong{
display: none;}
li#menu_01 a { width: 62px; }
li#menu_02 a { width: 83px; }
li#menu_03 a { width: 106px; }
li#menu_04 a { width: 75px; }
li#menu_05 a { width: 100px; }
li#menu_01 a:hover { background: transparent url(images/menu-on.jpg) -312px 0px no-repeat; }
li#menu_02 a:hover { background: transparent url(images/menu-on.jpg) -374px 0px no-repeat; }
li#menu_03 a:hover { background: transparent url(images/menu-on.jpg) -457px 0px no-repeat; }
li#menu_04 a:hover { background: transparent url(images/menu-on.jpg) -563px 0px no-repeat; }
li#menu_05 a:hover { background: transparent url(images/menu-on.jpg) -638px 0px no-repeat; }

#smenu li ul {/* listes du deuxième niveau */
	position: absolute;
	width: 90px;
	left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */}
#smenu li ul li { /* li du deuxième niveau */
	height: 18px;
	background: #00ff00;}
#smenu li ul li a { /* liens du deuxième niveau */
	width: auto;
	height: 18px;
	padding: 2px 5px;
	text-decoration: none;
	color: #2b2b2b;}
#smenu li ul li a:hover { /* liens survolés du deuxième niveau */
	color: #00ff00;
	background: #4b4b4b;}
#smenu li:hover ul, #nav li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	left: auto;}
/*----------------------------------------------------------------------*/
/* fin - gestion du menu général */
/*----------------------------------------------------------------------*/

/*----------------------------------------------------------------------*/
/* debut - gestion du menu2 général */
/*----------------------------------------------------------------------*/
#menu2{width: 185px;
	height: 120spx;
	margin: 0px;
	padding: 46px 0px 0px 0px;
	background: transparent url(images/menu2.jpg) no-repeat;}
#menu2 ul{list-style-type: none;
	border: none;}
#menu2 ul li{float: left;
	border: none;}
#menu2 ul li a{display: block;
	width: 185px;}
#menu2 ul li strong{
display: none;}
li#menu2_01 a { height: 30px; }
li#menu2_02 a { height: 30px; }
li#menu2_03 a { height: 30px; }
li#menu2_04 a { height: 30px; }
li#menu2_01 a:hover { background: transparent url(images/menu2-on.jpg) 0px  -46px no-repeat; }
li#menu2_02 a:hover { background: transparent url(images/menu2-on.jpg) 0px  -76px no-repeat; }
li#menu2_03 a:hover { background: transparent url(images/menu2-on.jpg) 0px -106px no-repeat; }
li#menu2_04 a:hover { background: transparent url(images/menu2-on.jpg) 0px -136px no-repeat; }

/*----------------------------------------------------------------------*/
/* fin - gestion du menu2 général */
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/* debut - gestion contenu */
/*----------------------------------------------------------------------*/
#contenu {width:768px;
	padding: 0px;
	margin: 0px;
	background: transparent url(images/filigranne.jpg) no-repeat bottom right;}
#contenu p {}
#contenu a {}
#contenu a:hover {}
.droite{float: right;
	width: 520px;}
.content{width: 461px;
	padding: 0px;
	margin: 80px 10px 0px 0px;
/*	background: transparent url(images/content_02.gif) repeat-y;*/}
.content1{width: 461px;
	padding: 0px;
	margin: 25px 10px 0px 0px;
/*	background: transparent url(images/content_02.gif) repeat-y;*/}
.content-top{width: 461px;
	height: 10px;
	font-size: 6px;
	padding: 0px;
	margin: 0px;
	background: transparent url(images/content_01.gif) no-repeat top;}
.content-bottom{width: 461px;
	height: 10px;
	font-size: 6px;
	padding: 0px;
	margin: 0px;
	background: transparent url(images/content_03.gif) no-repeat bottom;}
.content-in{width: 421px;
	padding: 0px 20px;
	margin: 0px;
	background: transparent url(images/content_02.gif) repeat-y;}
.content h2 {padding: 0px;
	margin: 0px;}
.content p{}
#bas{padding: 0px;
	margin: 0px 10px 0px 0px;}
.sidebar{float: left;
	display: block;
	width: 228px;
	height: 356px;
	padding: 0px;
	margin: 0px;
	background: transparent url(images/menu2.jpg) no-repeat;}
.sidebar p{display: none;}
#ancre li{display:inline;
	list-style:none;
	text-align:center;}
.wash{clear: both;
	height: 5px;
	font-size: 5px;}
/*-- debut titre page ------------------------------------------------*/
h1#titre-accueil{position:absolute;
	top: 158px;
	left: 340px;
	background: transparent url(images/arrow.gif) no-repeat;
	display: block;
	width: 11px;
	height: 10px;
	font-size: 10px;
	padding: 0px;
	margin: 0px;
	text-indent: -999em;}
h1#titre-modeles{position:absolute;
	top: 158px;
	left: 410px;
	background: transparent url(images/arrow.gif) no-repeat;
	display: block;
	width: 11px;
	height: 10px;
	font-size: 10px;
	padding: 0px;
	margin: 0px;
	text-indent: -999em;}
h1#titre-ft{position:absolute;
	top: 158px;
	left: 490px;
	background: transparent url(images/arrow.gif) no-repeat;
	display: block;
	width: 11px;
	height: 10px;
	font-size: 10px;
	padding: 0px;
	margin: 0px;
	text-indent: -999em;}
h1#titre-presta{position:absolute;
	top: 158px;
	left: 596px;
	background: transparent url(images/arrow.gif) no-repeat;
	display: block;
	width: 11px;
	height: 10px;
	font-size: 10px;
	padding: 0px;
	margin: 0px;
	text-indent: -999em;}
h1#titre-garanties{position:absolute;
	top: 158px;
	left: 670px;
	background: transparent url(images/arrow.gif) no-repeat;
	display: block;
	width: 11px;
	height: 10px;
	font-size: 10px;
	padding: 0px;
	margin: 0px;
	text-indent: -999em;}
h1#titre-contact{position:absolute;
	top: 158px;
	left: 672px;
	background: transparent url(images/arrow.gif) no-repeat;
	display: block;
	width: 11px;
	height: 10px;
	font-size: 10px;
	padding: 0px;
	margin: 0px;
	text-indent: -999em;}
/*-- fibn titre page ------------------------------------------------*/
/*-- debut titre h2 ------------------------------------------------*/
.vide{background: transparent url(images/vide.jpg) no-repeat;
	display: block;
	width: 537px;
	height: 33px;}
.vide strong{display: none;}
h2.presentation,h2.formulaire,h2.garanties,h2.technique,h2.modeles,h2.realisations,h2.prestations,h2.selection,h2.plan,h2.documentation,h2.antares,h2.cassiope,h2.capella,h2.diane,h2.dione,h2.lorelei,h2.vega{position:absolute;
	top: 200px;
	left: 202px;
	display: block;
	width: 495px;
	height: 27px;
	font-size: 14px;
	text-indent: -999em;}
h2.presentation{background: transparent url(images/presentation.jpg) no-repeat;}
h2.formulaire{background: transparent url(images/formulaire.jpg) no-repeat;}
h2.garanties{background: transparent url(images/garanties.jpg) no-repeat;}
h2.technique{background: transparent url(images/technique.jpg) no-repeat;}
h2.modeles{background: transparent url(images/modeles.jpg) no-repeat;}
h2.realisations{background: transparent url(images/realisations.jpg) no-repeat;}
h2.prestations{background: transparent url(images/prestations.jpg) no-repeat;}
h2.selection{background: transparent url(images/selection.jpg) no-repeat;}
h2.plan{background: transparent url(images/plan.jpg) no-repeat;}
h2.documentation{background: transparent url(images/documentation.jpg) no-repeat;}
h2.antares{background: transparent url(images/antares.jpg) no-repeat;}
h2.cassiope{background: transparent url(images/cassiope.jpg) no-repeat;}
h2.capella{background: transparent url(images/cappela.jpg) no-repeat;}
h2.diane{background: transparent url(images/diane.jpg) no-repeat;}
h2.dione{background: transparent url(images/dione.jpg) no-repeat;}
h2.lorelei{background: transparent url(images/lorelei.jpg) no-repeat;}
h2.vega{background: transparent url(images/vega.jpg) no-repeat;}
#vivrelec{width: 420px;
	height: 75px;
	float: right;
	margin: 0px 0px 10px 0px;
	background: #FFFDF8 url(images/logo-vivrelec.jpg) no-repeat center;
	text-indent: -999em;}
.paragraphe{margin: 5px 0px 0px 10px;}
.paragraphe a{padding: 3px;background:#641010;color:#fff;}
.paragraphe a:hover{padding: 3px;background:#FF9A00;color:#641010;}
.titre{color: #CC3300;
	font-weight: bold;
	text-align:center;}
.m-antares,.m-capella,.m-cassiope,.m-diane,.m-dione,.m-leva,.m-lorelei,.m-rhea,.m-rigel,.m-thebe,.m-vega{
	width: 128px;
	height: 16px;
	display: block;
	float: left;
	padding: 90px 0px 0px 0px;
	margin: 0px 5px 10px 0px;
	text-align:center;
	border: 1px solid #330000;
	color:#FFFFCC;
	}
.m-antares{	background: #641010 url(images/m-antares.jpg) no-repeat;}
.m-capella{	background: #641010 url(images/m-capella.jpg) no-repeat;}
.m-cassiope{background: #641010 url(images/m-cassiope.jpg) no-repeat;}
.m-diane{	background: #641010 url(images/m-diane.jpg) no-repeat;}
.m-dione{	background: #641010 url(images/m-dione.jpg) no-repeat;}
.m-leva{	background: #641010 url(images/m-leva.jpg) no-repeat;}
.m-lorelei{	background: #641010 url(images/m-lorelei.jpg) no-repeat;}
.m-rhea{	background: #641010 url(images/m-rhea.jpg) no-repeat;}
.m-rigel{	background: #641010 url(images/m-rigel.jpg) no-repeat;}
.m-thebe{	background: #641010 url(images/m-thebe.jpg) no-repeat;}
.m-vega{	background: #641010 url(images/m-vega.jpg) no-repeat;}

.adresse1{width: 200px;
	height: 100px;
	display: block;
	float: left;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	text-align:center;}
.adresse2{width: 200px;
	height: 100px;
	display: block;
	clear: left;
	margin: 0px auto 0px auto;
	padding: 20px 0px 0px 0px;
	text-align:center;}
.maison01,.maison02,.maison03,.maison04,.maison05,.maison06,.maison07,.maison08{width: 128px;
	height: 16px;
	display: block;
	float: left;
	padding: 90px 0px 0px 0px;
	margin: 0px 5px 10px 0px;
	text-align:center;	
	border: 1px solid #330000;
	color:#FFFFCC;}
.maison01{	background: #641010 url(images/maison_01.jpg) no-repeat; }
.maison02{	background: #641010 url(images/maison_02.jpg) no-repeat; }
.maison03{	background: #641010 url(images/maison_03.jpg) no-repeat; }
.maison04{	background: #641010 url(images/maison_04.jpg) no-repeat; }
.maison05{	background: #641010 url(images/maison_05.jpg) no-repeat; }
.maison06{	background: #641010 url(images/maison_06.jpg) no-repeat; }
.maison07{	background: #641010 url(images/maison_07.jpg) no-repeat; }
.maison08{	background: #641010 url(images/maison_08.jpg) no-repeat; }
#FT{width: 421px;
	margin: 0px 200px 0px 0px;}
/*-- fibn titre h2 ------------------------------------------------*/

/*----------------------------------------------------------------------*/
/* fin - gestion contenu */
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/* debut - formulaire */
/*----------------------------------------------------------------------*/

#formulaire fieldset {width: 390px;
	padding: 2em 1.5em 1em 1.5em;
	border: 1px solid #FCEFB8;
	position: relative;}
#formulaire fieldset div {width: 100%;
	margin-bottom: 0.5em;
	position: relative;}
#formulaire legend {font-weight: bold;
	text-transform: uppercase;
	color: #641010;
/*	font-size: 0.9em;*/}
#msg {display: block;
	margin-bottom: 0.5em;}
#formulaire .icontain {position: absolute;
	right: 0;
	width: 55%;
	background: white url(../img/corner_tr_form.gif) top right no-repeat;}
#formulaire input {position: relative;
/*	left: 10px;*/
	width: 100%;}
#formulaire .tcontain {width: 100%;
	display: block;}
#formulaire .tcontain span {display: block;}
#formulaire input, #formulaire textarea {
/*	font: 1em Arial, Helvetica, sans-serif;*/
	width: 100%;
/*	padding: 0;*/}
#submit {text-align: center;
/*	background: #304968;
	padding: 1em 0;*/
	margin-top: 0.5em;}
#submit input {position: static;
	width: 40%;}
#joindre{display: none;}
#formulaire .infojoint{font-style: italic;
	font-size: 9px;
	color: Gray;}
#formulaire .champ{margin: 15px 0px;
	border-bottom: 1px solid #fff;}
/*----------------------------------------------------------------------*/
/* fin - formulaire */
/*----------------------------------------------------------------------*/

/*----------------------------------------------------------------------*/
/* debut - gestion footer */
/*----------------------------------------------------------------------*/
#footer {clear:both;
	font-size: 9px;
	text-align: center;
/*	letter-spacing: -1px;*/
	width: 768px;
	height: 18px;
	padding: 6px 0px 0px 0px;
	background: transparent url(images/footer.jpg) no-repeat;
	color: #FEE370 ;/*#FF9805;*/}
#footer a{color: #FEE370; /*#CC3300;*/
	text-decoration: none;}
#footer a:hover{color: #FEE370; /*#fff;*/
	background-color: #641010;}
#footer em {padding: 0px 10px;}
/*----------------------------------------------------------------------*/
/* fin - gestion footer */
/*----------------------------------------------------------------------*/