/* CSS Document */



body {

background-image:url(image/arriere-plan.png);

background-repeat:repeat-y;

background-color:#ed9f32 !important;

background-color:#eb9729;

}

img {
border:0px;
}

#fond{

font-family:Arial, Helvetica, sans-serif;

background-image:url(image/bg-internetlyon.png);

background-repeat:no-repeat;

height:698px;

width:1015px;

margin:auto;

/*border:1px solid black;*/

}



#gauche {

/*border:1px solid red;*/

float:left;

width:490px;

height:698px;

}



#droite {

float:left;

width:520px;

height:698px;

}



#logo{

/*border:1px solid black;*/

position:relative;

left:0px;

top:0px;

width:489px;

height:268px;

font-family:Arial, Helvetica, sans-serif;

}



#refweb{
position:relative;
top:-70px;
left:175px;
width:250px;
font-size:11px;
color:#582828;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
}
#refweb a {
text-decoration:none;
color:#582828;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
}


#intro{

float:left;

margin-top:5px;

margin-left:10px !important;

margin-left:5px;

height:148px;

width:250px;

border-left:dotted 2px white;

}

#textintro, #textintro a{

position:relative;

left:5px;

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

font-weight:bold;

color:#582828;

text-decoration:none;

line-height:14px !important;

line-height:13px

/*padding:5px;*/



}



#textintro ul {

position:relative;

left:5px;

margin-top:10px;

margin-bottom:12px;

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

font-weight:bold;

color:#582828;

text-decoration:none;

}



#devis{

float:left;

padding-left:20px;

width:150px;

height:195px;

padding-bottom:0px;

margin-bottom:0px;



}



#tel{

margin-left:50px;

width:150px;

height:15px;

font-family:Arial, Helvetica, sans-serif;

color:#feea87;

font-size:13px;

font-weight:bold;



}



/* --------------------------------- menu -------------------------------------*/

#menu{
clear:both;
margin-left:8px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
height:50px;
width:517px;
}

/*------------------------------------ boutons ------------------------------------------*/


.bouton td {
	width:98px;
	height:45px;
	background-image:url(image/bouton.gif);
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	font-size:12px;
	margin:auto;
	padding-left:2px !important;
	padding-left:3px;
	filter : alpha(opacity=70);
    -moz-opacity : 0.7;
    opacity : 0.7;
}

.bouton td.bouton_petit {
	width:94px;
	height:45px;
	background-image:url(image/bouton2.gif);
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
	font-size:12px;
	filter : alpha(opacity=70);
    -moz-opacity : 0.7;
    opacity : 0.7;
}

.bouton td.bouton_vide {
	background-image:none;
	width:10px;
}

.bouton a {
 display:block;
 width:100%;
 height:42px;
 padding-top:6px;
 text-align:center;
}

.bouton a#btn_ref, .bouton a#btn_prin {
 display:block;
 width:100%;
 height:35px;
 padding-top:13px;
}

#filet{
background-color:#582828;
height:3px;
position:relative;
width:530px;
margin:0px;
padding:0px;
}



/*---------------------------------- contenu -----------------------------------*/

#opacity{

	margin-top:10px;

	margin-left:11px;

	width:500px;

	height:440px;

	 filter : alpha(opacity=70);

    -moz-opacity : 0.7;

    opacity : 0.7; 

	/*	border-radius: 10px; 

		-moz-border-radius: 10px;*/

}



/* ------------------------------- bord arrondi ------------------------------*/

.contenu{display:block;}

.contenu *{

  display:block;

  height:1px;

  overflow:hidden;

  font-size:.01em;

  background:#FFFFFF}

.contenu1{

  margin-left:3px;

  margin-right:3px;

  padding-left:1px;

  padding-right:1px;

  border-left:1px solid #ffffff;

  border-right:1px solid #ffffff;

  background:#ffffff}

.contenu2{

  margin-left:1px;

  margin-right:1px;

  padding-right:1px;

  padding-left:1px;

  border-left:1px solid #ffffff;

  border-right:1px solid #ffffff;

  background:#ffffff}

.contenu3{

  margin-left:1px;

  margin-right:1px;

  border-left:1px solid #ffffff;

  border-right:1px solid #ffffff;}

.contenu4{

  border-left:1px solid #ffffff;

  border-right:1px solid #ffffff}

.contenu5{

  border-left:1px solid #ffffff;

  border-right:1px solid #ffffff}



.contenufg{
	margin-top:0px;
	padding: 0px 5px 0px 5px;
	margin-bottom:0px;
  	background:#FFFFFF;
	height:400px;
	font-size:13px;
	color:#582828;
	text-align:justify;
	line-height:14px;
}

.contenufg a {
	font-size:inherit;
	color:#582828;
	text-decoration:none;
}


.contenufg h1, .contenufg h2, .contenufg h3 {
font-size:13px;
margin:0px;
padding:0px;}

.contenufg ul, .contenufg ol {
font-size:13px;
list-style-position:inside;
margin-left:0px;
padding-left:0px;
}

.contenufg table{
width:100%;
}

.contenufg ul span {
text-decoration:underline;
}

.contenufg ul span {
text-decoration:none;
}

.onglet {
width:242px;
height:20px;
float:left;
text-align:center;
font-weight:bold;
background-image:url(image/back_onglet.jpg);
background-repeat:repeat-x;
border-left:1px solid #361919;
border-right:1px solid #361919;
margin-bottom:10px;
margin-top:4px;
}
.onglet a {
background:none;
color:#271212;
}
.onglet a:hover {
color:#7b440f;
}

.scroll {
width:100%;
height:366px;
overflow:auto;
padding-right:5px;
clear:both;

scrollbar-face-color: #e67817;
scrollbar-shadow-color: #f7ca59;
scrollbar-highlight-color: #f7ca59;
scrollbar-3dlight-color: #f7ca59;
scrollbar-darkshadow-color: #f7ca59;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #000000;
}

		.contenufgheb{
		background:#FFFFFF;
		height:415px;
		
			overflow: auto;
		   scrollbar-face-color: #e67817;
  		 scrollbar-shadow-color: #f7ca59;
  		 scrollbar-highlight-color: #f7ca59;
  		 scrollbar-3dlight-color: #f7ca59;
  		 scrollbar-darkshadow-color: #f7ca59;
			 scrollbar-track-color: #ffffff;
 			 scrollbar-arrow-color: #000000;
		}

		#textcontenuheb, #textcontenuheb a{
margin-left:10px;
width:450px;
height:410px;
font-size:13px;
color:#582828;
}		

#pack{
position: relative;
width:200px;
}

#textcontenu{
margin-left:10px;
width:480px;
height:410px;
font-size:13px;
color:#582828;
}

#creation{
	position:relative;
	width:175px;
	height:245px;
	top:-20px;
	left:280px;
	font-size:12px;
	font-style: normal;
	font-color:#582828;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#582828;
	text-align:center;
}

#text14{
	width:480px;
	height:410px;
	margin-left:10px;
	margin-top:10px;
	font-size: 13px;
}

#text12{
	width:480px;
	height:410px;
	margin-left:10px;
	margin-top:225px;
	font-size: 12px;
}

/* --------------------------------------- 123---------------------------------------*/

#liensE{
margin-top:140px;
position:relative;
width:350px;
left:30px;
height:20px;
}

#mentions{
position:relative;
display:inline;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#582828;
width:130px;
}

#Eclient{
position:relative;
display:inline;
margin-left:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#582828;
width:100px;
}

#Recrut {
position:relative;
display:inline;
margin-left:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#582828;
width:100px;
text-decoration:none;
}

#Recrut a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#582828;
width:100px;
text-decoration:none;
}



/*------------------------------------------- fin 123 ----------------------------------------------*/





/*---------------------------------------------------------sous-body-------------------------------------------------*/

#basslide{
/*position:relative;
top:-95px;*/
padding-top:5px;
margin-left:auto; 
margin-right:auto; 
width:1015px;
height:30px;
}

#slide a, #slide1 a, #slide2 a{
color:#582828;
text-decoration:none;
font-weight:bold;
}

#slide{
float:left;
width:512px;
}

.Declencheur{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#582828;
}

.Panneau{
width:500px;
/*height:255px;*/
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#582828;
border-left-style:dotted;
border-left-color:#FFFFFF;
border-width:1px;
background-color:#ffffff;
	 filter : alpha(opacity=70);
    -moz-opacity : 0.7;
    opacity : 0.7;
margin-top:0px;
margin-bottom:10px;
padding:5px;
}

.Panneau li {
font-size:11px;
}

#slide1{
margin-left:1px;
float:left;
width:245px;
}

.Declencheur1{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#582828;
}

.Panneau1{
width:245px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#ffffff;
	 filter : alpha(opacity=70);
    -moz-opacity : 0.7;
    opacity : 0.7;
margin-top:0px;
margin-bottom:10px;
padding:5px;
}

#slide2{
float:right;
width:245px;
}

.Declencheur2{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:right;
color:#582828;
}

.Panneau2{
width:245px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#ffffff;
	 filter : alpha(opacity=70);
    -moz-opacity : 0.7;
    opacity : 0.7;
margin-top:0px;
margin-bottom:10px;
padding-top:5px;
padding-bottom:5px;
}

#slide3{
float:right;
width:200px;
}

.Declencheur3{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:right;
color:#582828;
}

.Panneau3{
width:200px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#ffffff;
	 filter : alpha(opacity=70);
    -moz-opacity : 0.7;
    opacity : 0.7;
margin-top:0px;
margin-bottom:10px;
padding-top:5px;
padding-bottom:5px;
}
/*---------------------------------------text----------------------------------------*/

#menu a, #mentions a, #Eclient a, #textcontenu a{
text-decoration:none;
color:#582828;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

ul {
font-size:12px;
color:#582828;
}

#deviscontenu{
margin-left:30px;
width:480px;
font-size:13px;
color:#582828;
}

#textcontenu{
width:480px;
font-size:13px;
color:#582828;
}

.formul{
}

#devis a {
color:none;
}

#list_defil {
clear:both;
padding-top:20px;
width:1015px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px
}

#list_defil a {
color:#582828;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}

#list_defil_2 {
margin-top:6px;
padding-top:0px;
width:498px;
border-left:1px dotted  #582828;
border-right:1px dotted  #582828;
}

#list_defil_2 a {
color:#582828;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}

#list_defil_2 marquee {
padding-bottom:2px;
}

#list_defil_3 {
background:#FFFFFF;
margin-top:0px;
padding-top:0px;
width:500px;
}

#list_defil_3 hr {
margin:0px;
padding:0px;
border: thin solid #582828;
}

#list_defil_3 p, #list_defil_3 marquee {
margin:0px;
padding:0px;
}

#list_defil_3 a {
color:#582828;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}



#copy {
	width:100px;
	height:20px;
	color:#582828;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	margin:auto;
	padding-top:20px;
	clear:both;

}

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

.super {
font-size:85%;
}
.infocite {
float:right;
position:relative;
top: -40px;
width:120px;
font-size:9px;
text-align:center;
}

ul, li {
	font-size: 12px;
}

.margin0 {
margin:0px;
padding:0px;
}
.margin1 {
margin-top:8px;
margin-bottom:3px;
}

.petit {
margin-top:8px;
font-size:9px;
}

#creation a {
color:#582828;
text-decoration:underline;
}
#creation a:hover {
text-decoration:none;
}
/*---- ----*/
.creasite{
color:#582828; 
font-size:12px; 
font-weight:bold;
}
.creasite a{
color:#582828; 
font-size:10px;
font-weight:normal;

}