* {
	margin: 0; 
	padding: 0; 
	border: 0;
}
body {
	font: 1em/1em arial, helvetica, verdana, sans-serif;
	text-align:center;
	color:#000;
	background:#FFF;
} 
p, ul, ol, address, form {
	margin: 0;
	list-style-type:none;
}
table { border-collapse:collapse; border-spacing:0;}
h1,h2,h3,h4,h5,h6 { font-size:1em; font-weight:normal; }
a:link,
a:visited{
	color:#4C4C4E;
} 

a:hover,
a:focus, 
a:active{
	color:#4c4c4e;
}
q:before,q:after { content:''; }

input,textarea,select
{
	border: 1px solid #AAA;
}
dt,label
{
	color: #034466;
	padding-top: 10px;
}
span.required
{
	font-weight: bold;
	color: #FF0000;
}

 /*-----    CSS lien_evitement-----*/

a#lien_evitement
{
position: absolute;
left: -9999999px;
}

 /*----   CSS conteneur--*/
	
div#conteneur{
	margin:0 auto;
	width:761px;
	
}
div.corectif{
	clear:left;
	height:10px;
}
 /*--     CSS en_tete---*/
 
div#kyo_logo{
	width:761px;
	text-align:left;
	background: #FFF url(../images/kyo_haut.jpg) no-repeat scroll 200px 0;
	height:114px;
}
  
div#en_tete{
	position:relative;
	margin-top:30px;
}

ul#outils {
	position:absolute;
	right:0px;
	top:-1.5em;
}

ul#menu,
ul#outils {
	font: 0.6em Arial, helvetica, verdana, sans-serif;
	line-height:normal;
	text-transform:uppercase;
}

ul#menu{
	position:absolute;
	top:89px;
	right:20px;
}

ul#outils li,
ul#menu li{
	float:left;
}

ul#menu li a{
	padding:0 10px 0 10px;
	text-decoration:none;
	color:#FFF;
}

ul#outils li a{
	padding:0 5px 0 5px;
	text-decoration:none;
	color:#000;
}

ul#menu li{
	color:#FFF;
}

ul#menu li a:hover, 
ul#menu li a:active, 
ul#menu li a:focus
{
	color:#dfc885;
}

ul#menu li a#menu_actuel{
	color:#dfc885;
}

 /*---   CSS contenu---*/
 
div#contenu{
	margin-top:14px;
	background: #FFF url(../images/fondbande.jpg) repeat scroll 0 118px;
}

 /*-------  CSS gauche-----*/

div#gauche h1,
div#gauche div#saviez_vous h2,
div#droite h2
{
position: absolute;
left: -9999999px;
}


div#gauche{
	float:left;
	width:181px;
	height:424px;
}

div#gauche div#annonce{
	height:116px;
}

div#gauche div#annonce p span#baspub{
	color:#034466;
	font-size:0.8em;
}

div.r1 div#gauche div#saviez_vous{
	margin-top:4px;
	height:174PX;
	padding:0px 12px 0 12px;
	background:#E2E0CE url(../images/saviez_vous_que.jpg) no-repeat scroll center 0;
}

div.r2 div#gauche div#saviez_vous{
	margin-top:4px;
	height:174PX;
	padding:0px 12px 0 12px;
	background:#E2E0CE url(../images/did_you_know.jpg) no-repeat scroll center 0;
}

div#gauche div#saviez_vous div{
	font-size:0.7em;
	text-decoration:underline;
	margin:0 10px 0 0;
	text-align:center;
	width:100%;
	padding-top:68px;
}

div#gauche div#certificat{
	padding:32px 0 0 10px;
	height:97px;
	background:#c5c19d;
}
div#gauche div#certificat img{
	width:81px;
	height:63px;
}

div.sm3,
div.sm31{
	background: #c5c19d url(../images/menuprofil.jpg) no-repeat left 113px;
}
div.sm4,
div.sm32{
	background: #c5c19d url(../images/menuservice.jpg) no-repeat left 113px;
}
div.sm6,
div.sm30{
	background: #c5c19d url(../images/menurealisation.jpg) no-repeat left 113px;
}
div.sm8,
div.sm28{
	background: #c5c19d url(../images/menucommunique.jpg) no-repeat left 113px;
}
div.a15 div#gauche,
div.r11 div#gauche,
div.r68 div#gauche,
div.r69 div#gauche,
div.r12 div#gauche,
div.a57 div#gauche,
div.r38 div#gauche,
div.r39 div#gauche,
div.plan div#gauche{
	background: #c5c19d url(../images/menucontact.jpg) no-repeat left 0px;
}

div.a8 div.sm6,
div.a61 div.sm30 {
	background:#C5C19D none repeat scroll 113px 50%;
}

.sous_menu{
	height:409px;
	text-align:left;
	line-height:1.2em;
	width:181px;
}

.sous_menu ul{
	background:#005480;
	height:100px;
	padding:13px 0 0 20px;
}

div.a8 .sous_menu ul,
div.a61 .sous_menu ul{
	height:69px;
}

.sous_menu li a{
	text-decoration:none;
	text-transform:uppercase;
	font-size:0.6em;
	color:#FFF;
}

.sous_menu li a.section_actuel{
	color:#dfc885;
}

.sous_menu li a:hover, 
.sous_menu li a:active, 
.sous_menu li a:focus
{
	color:#dfc885;
}
	
 /*------   CSS centre---*/


div#centre{
	margin-left:17px;
	width:563px;
	float:left;
}

div#centre h1{
	color:#4C4C4E;
	text-align:left;
	margin: 0 0 10px 20px;
}

.accueil{
	float:left;
	margin-left:17px;
	width:400px;
}

.accueil ul li{
	margin-top:2px;
	float:left;
	height:156px;
	width:131px;
}

.accueil ul li a{
	padding-top:10px;
	display:block;
	text-decoration:none;
	text-transform:uppercase;
	font-size:0.6em;
	color:#FFF;
	/* background:#005480; */
	height:100%;
	width:131px;
}

.accueil ul li a:focus {color: #c5c19d;}

.accueil li#acc_realisation{
	background: #005480 url(../images/acc_realisation.jpg) no-repeat center bottom;
	margin-left:3px;
}

.accueil li#acc_plan{
	background: #005480 url(../images/acc_plan.jpg) no-repeat center bottom;
	margin-left:3px;
}

.accueil li#acc_pret{
	background: #005480 url(../images/acc_pret.jpg) no-repeat center bottom;
}

#image_haut_r3,
#image_haut_r31{
	background: #FFF url(../images/haut_philo.jpg) no-repeat left top;
	height:113px;
	width:563px;
	margin-bottom:18px;
}

#image_haut_r32,
#image_haut_r33,
#image_haut_a57,
#image_haut_r38,
#image_haut_r39,
#image_haut_r4,
#image_haut_r5,
#image_haut_a15,
#image_haut_r11,
#image_haut_r68,
#image_haut_r69,
#image_haut_r12,
#image_haut_plan{
	background: #FFF url(../images/haut_service.jpg) no-repeat left top;
	height:113px;
	width:563px;
	margin-bottom:18px;
}

#image_haut_r6,
#image_haut_r30{
	background: #FFF url(../images/haut_realisation.jpg) no-repeat left top;
	height:113px;
	width:563px;
	margin-bottom:18px;
}

#image_haut_r8,
#image_haut_r28{
	background: #FFF url(../images/haut_philo.jpg) no-repeat left top;
	height:113px;
	width:563px;
	margin-bottom:18px;
}

div#centre h2{
	font-size:1.1em;
	font-weight:bold;
	margin:0 0 10px;
}

div.texte,
div.description,
div.soustitre,
div.surtitre,
div.chapo,
div.notes,
div.ps{
	font-size:0.8em;
	margin:20px 0 0 20px;
	color:#4c4c4e;
	text-align:left;
}

div#fil_ariane{
	font-size:0.7em;
	margin:20px 0 0 20px;
	color:#4c4c4e;
	text-align:left;
	margin-bottom:20px;
}

div.texte p{
	margin-bottom:10px;
}

div.texte ul li{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
	margin-left:20px;
}

div#centre ul,
div#centre ol{
	
	font-size:1em;
	color:#4c4c4e;
	text-align:left;
}

#liste_part li{
	float:left;
	margin-left:30px;
}
/*----Fil d'ariane--*/ 

div.a4 div#centre,
div.a63 div#centre{
	text-align:left;
}

div.a4 div#centre span img,
div.a63 div#centre span img{
	margin-left:20px;
}

/*----Fil d'ariane---------*/ 

div#fil_ariane a{
	color:#005480;
	text-decoration:none;
}  

div#fil_ariane a:hover,
div#fil_ariane a:focus, 
div#fil_ariane a:active{
	color:#4c4c4e;
}  

/*-----FAQ-----*/

div.r11 div#centre h2,
div.r68 div#centre h2,
div.r69 div#centre h2,
div.r38 div#centre h2{
	text-align:left;
	font-size:0.8em;
	margin-left:20px;
}

div.faq_question{
	margin:0 0 20px 20px;
}

div.faq_question a{
	display:block;
	text-align:left;
	font-size:0.9em;
	color:#005480;
	text-decoration:none;
}  

div.faq_question a:hover,
div.faq_question a:focus, 
div.faq_question a:active{
	color:#4c4c4e;
} 

/*-----Nouvelles------*/
div#centre div.txtnouvelle{ 
	text-align:left; 
	color:#4C4C4E; 
	font-size:0.7em; 
	padding-left:20px;
	margin-top:20px;
}

div.r36 div#centre ul,
div.r10 div#centre ul{
	list-style-type:disc;
	margin-left:50px;
}
	
div.r9 div#centre div.texte,
div.r29 div#centre div.texte{
	margin:0 0 20px 35px;
}

div.r9  div#centre,
div.r29  div#centre{
	text-align:left;
}

a.lienn{
	color:#005480;
	text-decoration:none;
	font-size:0.8em;
	margin-left:20px;
}

div.r9  div#centre a:hover, 
div.r9  div#centre a:active, 
div.r9  div#centre a:focus,
div.r29  div#centre a:hover, 
div.r29  div#centre a:active, 
div.r29  div#centre a:focus {
	color: #4c4c4e;
}

/*---- Flash ----------*/

div#contenu.a8,
div#contenu.a61{
	background: #FFF url(../images/portfolio_bas.jpg) no-repeat left 399px;
	/*height:424px;*/
	height:490px;
}
/*
div.a8 div#centre h1,
div.a61 div#centre h1{
	margin: 0;
}
*/
div.a8 div#centre,
div.a61 div#centre {
	margin-left:0;
	width:580px;
	display:inline;
	float:left;

	height:424px;
}

#image_haut_flash{
	background: #FFF url(../images/portfolio_haut.jpg) no-repeat left top;
	height:83px;
	width:580px;
}

div.a8 div#centre  div.spip_documents,
div.a61 div#centre div.spip_documents{
	position:relative;
} 


div.a8 div#centre  div.spip_documents object,
div.a61 div#centre  div.spip_documents object{
	left:-181px;
	position:absolute;
	/*top:-21px;*/
	top:-5px;
	display:inline;
}

div.a122 div#centre,
div.a122 div#centre,
div.a189 div#centre,
div.a190 div#centre {
	position:relative;
	margin:0;
} 

div.a122,
div.a122,
div.a189,
div.a190 {
	margin-bottom:100px;
}


div.a122 div#centre  div.visite,
div.a123 div#centre  div.visit,
div.a189 div#centre  div.visite,
div.a190 div#centre  div.visite{
background:#4B4C4C none repeat scroll 0 0;
display:inline;
left:-181px;
padding:5px;
position:absolute;
text-align:center;
top:81px;
width:751px;
}


div.a8 div#centre  div.spip_documents object p,
div.a8 div#centre  div.spip_documents object a,
div.a61 div#centre  div.spip_documents object p,
div.a61 div#centre  div.spip_documents object a{
	margin: 30px 0 0 205px;
}

div#mon_flash{
	margin:110px 0 0 210px;
}

div.a122 div#gauche,
div.a123 div#gauche {
height:583px;
}

/*---- Offre de service ----*/

div.a5 div#centre ul,
div.a65 div#centre ul{
	list-style-type:square;
	margin-left:35px;
}

div.a5 div#centre ul li ul,
div.a65 div#centre ul li ul{
	list-style-type:circle;
	margin-left:35px;
}

/*------ Plan du site ------*/

ul.niveau1,
ul.niveau2{
	margin:0.2em 0;
}

ul.niveau1 li{
	margin-left:37px;
}

ul.niveau1 li a{
	text-decoration:none;
	color:#005480;
}

ul.niveau2 li a{
	color:#000;
}

ul.niveau2 li a:hover,
ul.niveau2 li a:focus, 
ul.niveau2 li a:active,
ul.niveau1 li a:hover,
ul.niveau1 li a:focus, 
ul.niveau1 li a:active{
	color:#4c4c4e;
}
ul.niveau2 li{
	margin-left:15px;
}

/*---- Plans de conception -----*/

div.r5 div#centre div.texte,
div.r33 div#centre div.texte {
	margin-top:45px;
}

ul#mcle_maison{
	margin-left:5px;
}

ul#mcle_maison li{
	float:left;
	padding-left:31px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:0.7em;

}
ul#mcle_maison li span{
	font-size:1.8em;
}

div.choix_plan{
	width:167px;
	height:167px;
	float:left;
	margin-left:13px;
	text-align:center;
}

div.choix_plan a.amm{
	padding-top:5px;
	text-decoration:none;
	color:#FFF;
	display:block;
	height:1.5em;
	width:167px;
	font-size:0.8em;
}

ul.clvchoix a.lienclv{
	text-decoration:none;
	color:#005480;
	display:block;
	width:135px;
}
ul.clvchoix li{
	float:left;
	width:185px;
}

li.amm{
	color:#acc397;
	background:#FFFFFF url(../images/carre_maison4.gif) no-repeat scroll 19px 4px;
}

a.amm{
	background:#acc397;
}

li.amm1{
	color:#00517d;
	background:#FFFFFF url(../images/carre_maison1.gif) no-repeat scroll 19px 4px;
}

a.amm1{
	background:#00517d;
}
li.amm2{
	color:#bcac71;
	background:#FFFFFF url(../images/carre_maison3.gif) no-repeat scroll 19px 4px;
}

a.amm2{
	background:#bcac71;
}

li.amm3{
	color:#5192ca;
	background:#FFFFFF url(../images/carre_maison2.gif) no-repeat scroll 19px 4px;
}

a.amm3{
	background:#5192ca;
}

li.amm4{
	color:#acc397;
	background:#FFFFFF url(../images/carre_maison4.gif) no-repeat scroll 19px 4px;
}

a.amm4{
	background:#acc397;
}


/* 1-bleufonce = 00517d */
/* 2-bleupale = 5192ca */
/* 3-orange = bcac71 */
/* 4-vert = acc397 */


ul.menu_type_maison{
	float:left;
}

ul.menu_type_maison img{
	height:66px;
	width:85px;
}

ul.menu_type_maison li{
	height:94px;
	margin-bottom:10px;
	width:94px;
}

ul.menu_type_maison a{
	background:#FFFFFF none repeat scroll 0 0;
	color:#0A5B86;
	display:block;
	font-size:0.7em;
	text-align:center;
	text-decoration:none;
	width:94px;
}

ul.menu_type_maison li.maison_actuel{
	border:thin solid #005480;
}

div#descrip_maison{
	margin-left:45px;
	width:420px;
	text-align:left;
	float:left;
}

div#descrip_maison div.surtitre{
	background:#005480;
	color:#FFF;
	font-size:0.8em;
	font-weight:bold;
	margin:0 0 5px 5px;
	padding:4px;
	text-align:center;
	width:175px;
	border:medium double #FFF;
}

div#descrip_maison h2
{
	font-weight:bold;
	color:#005480;
	font-size:0.8em;
	margin:0 0 10px 18px;
}

div#descrip_maison h3
{
	clear:right;
	font-weight:bold;
	margin:0;
}

div#plan_maison{
	font-size:0.8em;
	float:left;
	margin:10px 0 0 14px;
	color:#4C4C4E;
	width:186px;
}

div#plan_maison span{
	display:block;
}

div#plan_maison span img{
	float:right;
}

div#plan_maison span.spip_document_94 img{
	float:none;
}

div.dessin_realisation{
	font-size:0.7em;
	clear:left;
}
div.dessin_realisation span{
	display:block;
	float:left;
	line-height:80px;
	margin:20px 0 0 12px;
	width:220px;
}

div.dessin_realisation img{
height:80px;
width:120px;
margin-top:20px;
	float:left;
}
 /*-----    CSS droite ------*/
  
div.r1 div#droite{
	float:left;
	width:139px;
	margin-left:16px;
	border:medium double #C5C19D;
	height:416px;
	background:#E2E0CE url(../images/nouvelles.jpg) no-repeat scroll center 0;
}

div.r2 div#droite{
	float:left;
	width:139px;
	margin-left:16px;
	border:medium double #C5C19D;
	height:416px;
	background:#E2E0CE url(../images/news.jpg) no-repeat scroll center 0;
}

div#droite ul{
	text-align:left;
	list-style-image:url(../images/li_nouvelle.jpg);
	margin-top:85px;
}

div#droite li {
	margin:20px 0 0 1.4em;
	padding-right:6px;
}

div#droite li a{
	color:#404041;
	font-size:0.6em;
}

 /*------  CSS pied_de_page-----*/
  
div#pied_de_page{
	text-align:left;
	font-size:0.6em;
	clear:left;
}

div#pied_de_page p{
	line-height:2em;
}

img#imgWebConforme{
	margin-left:22px;
}

hr{
border-top: 1px solid gray;
margin-bottom: 5px;
}

div#certificat a {border:none;}

.faq_question_ul{
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
margin-left:20px;
}

div.texte p.lien_retour_haut{margin-bottom:20px;}


/* TABLEAUX */

div#contenu table td {
	padding: 4px;
	border:solid 1px #E2E0CE;
	text-align:left;
}

div#contenu.a5 table td {
	
}

div#plans {
	clear:both;
	padding-top:10px;
	margin-bottom:15px;
}

div#contenu dl {
	margin-bottom:15px;
}

dl#pdfs dt {
	width:150px;
	float:left;
}

dl#pdfs dt strong {
	font-size:0.7em;
	
}