/*** Généralités ***/

body {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 8.8pt;
	color:#393831;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	line-height:20px;
}

* {
margin:0px;
padding:0px;
}

a:link, a:visited {
	color: #606060;
}
a:hover, a:focus {
	color: #576F00;
	text-decoration: none;
	border-bottom:1px dashed #576F00;
	font-weight:normal;
}
img {
	border: none;
}
a.title:hover
{
	color: #669900;
	text-decoration: none;
	font-weight:normal;
	border-bottom:none;	
}
a.devis:hover
{
	text-decoration: none;
	border-bottom:none;	
}

h1 {
font-size:14px;
}
h1.webmarketing {
background: url(../images/bg-webmarketing-title.jpg) no-repeat;
color:#ffffff;
height:35px;
padding:10px 0px 0px 20px;
}

h2{
font-size:12px;
}

h2.titre-box {
color:#ffffff;
font-size:12px;
text-transform:uppercase;
letter-spacing:5px;
font-weight:normal;
margin:13px 0px 0px 30px;
}

li.base {
margin-left:20px;
margin-top:3px;
}
li.base2 {
margin-left:30px;
margin-top:3px;
}
li.base-space {
margin-left:20px;
margin-top:3px;
margin-bottom:8px;
}
hr {
margin-top:8px;
margin-bottom:5px;
border:1px dotted #C7C7C7;
}

INPUT { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #F5F5F7; }
SELECT { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #EEEEEE; }
TEXTAREA { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #F5F5F7; }
.txterror { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
/********************** LAYOUT  ***********************/
.wrapper {
min-width:900px; 
background:#F1F1F1 url(../images/bg-wrapper.jpg) repeat-x ;
}

.header{background:  url(../images/bg-header.jpg) repeat-x;}

.middle-container {
background: url(../images/bg-middle.jpg) no-repeat scroll 50% 0;
}

.footer-container { background:#F1F1F1 url(../images/bg-footer.jpg) no-repeat 50% 0;}

/**********************HEADER**************************/





.header-top-container {
background: url(../images/bg-header-top.jpg) no-repeat scroll 50% 0;
}
.header-nav-container {
background: url(../images/bg-header-nav.jpg) no-repeat scroll 50% 0;
min-height:33px;
}

.header-top {
margin:auto;
width:910px;
z-index:100;
height:79px;
background: url(../images/bg-header-top.jpg)no-repeat; 

}

#logo {
	float:left;
	margin-left:-70px;
	width:327px;
	height:209px;
}
#header-title{
float:left;
height:auto;
width:400px;
margin-top:24px;
background:transparent;
line-height:18px;
margin-left:270px;
text-align:center;
letter-spacing:0.5pt;
}
h1.header {
font-size:16px;
color:#727272;
background:transparent;
font-weight:normal;
}
h1.internet {
margin:10px 0px 0px 20px;
}


#devis-site-internet{
float:right;
width:95px;
height:89px;
margin: -45px 65px 0 0 ;
z-index:110;
}
h3 {
font-weight:normal;
font-size:12px;
color:#727272;
padding-bottom:10px;
}


/********************** Flash et menu ***********************/
.header-nav{
margin:auto;
width:900px;
min-height:38px;
background: #ffffff url(../images/bg-header-nav-ul.jpg) repeat-x ;	
z-index:110;
padding-top:0px;
}
.nav {
margin-left:10px;
}
/***MENU essai ****/
#menu, #menu ul {
line-height:21px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
text-align:center;
}
#menu {
font-family:Arial;
font-size:12px;
font-weight:bold;
padding-top:5px;
}
#menu a {
background:;
color:#ffffff;
display:block;
padding:0;
text-decoration:none;
width:auto;
}


#menu li {
border-right:1px solid #FFFFFF;
float:left;
margin-left:20px;
padding-right:25px;
background: url(../images/bg-pipe.jpg) no-repeat 100% 0%;
}
html > body #menu li {
border-right:1px solid transparent;
cursor:pointer;
color:#ffffff;
}
#menu li ul {
left:-999em;
position:absolute;
width:195px;
}
#menu li ul li {
border-bottom:1px solid #E1FF9F;
background:#93A630;
text-align:left;
padding-left:8px;
opacity:0.92;
filter : alpha(opacity=92);
height:28px; 
vertical-align:center;
width:150px;
margin-left:-10px;
padding-right:-55px;
}
html > body #menu li ul li {
border-top:/****1px solid transparent;***/
}
#menu li ul ul {
/**border-left:1px solid #FFFFFF; **/
margin:-22px 0 0 155px;
}
html > body #menu li ul ul {
border-left:1px solid transparent;
}
#menu a:hover {
background:;
color:#ffffff;
text-decoration:underline;
}
#menu li:hover ul ul, #menu li.sfhover ul ul {
left:-999em;
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul {
left:auto;
min-height:0;
}
a {
color:#AE0000;
text-decoration:none;
}
#menu a:hover {
font-weight:bold;
border-bottom:none;
}
span.menu {
color:#ffffff;
display:block;
padding:0;
text-decoration:none;
width:auto

}

/***********************MIDDLE*************************/

.middle{
	margin:auto;
	min-height:680px; 
	text-align:left;
	width:900px;
	background: #ffffff;

	padding-top:-5px;
}

/********************** HAUT***********************/
.gauche{
	float:left;
	width:577px;
	height:265px;
	background: url(../images/bg-left-block.jpg) no-repeat;
	margin-bottom:15px;
	margin-right:5px;
	margin-top:10px;
	margin-left:10px;
	line-height:12pt;
	
}
.gauche .content {
margin:17px 5px 0px 20px;
padding-right:5px;
text-align:justify;
}


.droite {
float:left;
width:275x;
height:265px;
background:#ffffff;
margin-left:15px;
}
/********************** MILIEU ***********************/

.spacer {
width:900px;
height:5px;
background:#ffffff;
clear:both;
}


.referencement{
	float:left;
	background: url(../images/referencement-bg.jpg) no-repeat;
	width:281px;
	height:333px;
	clear:both;
	margin :5px  5px 0px 10px
}
.referencement .content {
margin:29px 5px 0px 22px;
text-align:justify;
	line-height:12pt;
	padding-right:5px;
}

.site-internet{
	float:left;
	background: url(../images/site-internet-bg.jpg) no-repeat;
	width:281px;
	height:333px;
	margin :5px  5px 0px 10px

}
.site-internet .content {
margin:29px 5px 0px 22px;
text-align:justify;
	line-height:12pt;
	padding-right:5px;
}
.agence-internet{
	float:left;
	background: url(../images/agence-internet-bg.jpg) no-repeat;
	width:281px;
	height:333px;
	margin :5px  0px 0px 10px

}

.agence-internet .content {
margin:29px 5px 0px 22px;
text-align:justify;
	line-height:12pt;
	padding-right:5px;
}


#liens-rubriques {
float:left;
width:275px;
height :265px;
background:#F7F7F7;
margin:10px 0px 0px 20px;
}



li.internet {
border-bottom:1px solid #ffffff;
}

#exemple-site-internet {
float:left;
width:570 px;
min-height:265px;
margin-left: 15px;
}
.left {
width:580px;
background: url(../images/bg-left-block-page.jpg) no-repeat;
margin:10px 0px 0px 5px;
float:left;
}
.left-content {
background:url(../images/bg-left-content.jpg) #ffffff no-repeat;
margin:1px 0px 0px 6px;
border:1px solid #CfCfcf;
padding: 5px 5px 0px 5px;
text-align:justify;
line-height:14pt;
} 

.right {
width:290px;
background: transparent;
margin:0px 10px 0px 10px;
float:right;
}
.center {
width:880px;
margin:10px 10px 0px 10px;
float:left;
}


/***FORM SEO****/
.formseo {
width:290px;
height:25px;
}
.formseo label {
float:left;
line-height:1.8;
margin:0;
text-align:left;
width:30%;

}
.right-seo {
width:295px;
background: transparent;
margin:0px 10px 0px 10px;
float:right;
}
.coord {
width:295px;
background: transparent;
margin:44px 10px 0px 10px;
float:right;
}
.liens-rubriques {
width:280px;
background: transparent;
margin:10px 18px 0px 10px;
float:right;
}
.right-seo-content {
background:url(../images/bg-left-content.jpg) #ffffff no-repeat;
margin:1px 0px 0px 6px;
border:1px solid #CfCfcf;
padding: 5px 5px 0px 5px;
line-height:14pt;
}
h2.seo-step {
font-size:13px;
color: #6D9DCE;
font-weight:bold;
margin-bottom:5px;
border-bottom:1px dotted  #6D9DCE;
}
hr.transparent {
border:0;
background:transparent;
height:1px;
visibility: hidden;
}
.left-seo {
width:580px;
background: url(../images/bg-left-block-page.jpg) 0 -45px no-repeat;
margin:10px 0px 0px 5px;
float:left;
}
h2.seo {
background: url(../images/bg-audit-referencement.jpg) no-repeat;
color:#ffffff;
height:58px;
width:210px;
font-size:14px;
margin-left:5px;
margin-bottom:2px;
padding-top:15px;
padding-left:80px;

}
h2.adwords {
background: url(../images/bg-avoir-adwords.jpg) no-repeat;
color:#ffffff;
height:36px;
width:245px;
font-size:14px;
margin-left:5px;
margin-bottom:2px;
padding-top:13px;
padding-left:45px;

}
h2.immosolus {
background: url(../images/bg-avoir-adwords.jpg) no-repeat;
color:#ffffff;
height:36px;
width:265px;
font-size:12px;
margin-left:5px;
margin-bottom:2px;
padding-top:13px;
padding-left:25px;

}

.google-map {
width:573px;
background: url(../images/bg-left-block-page.jpg) no-repeat;
margin:10px 0px 0px 12px;
padding-top:10px;
float:left;
}
.tpe h3{
	color:#d6a704;
	font-weight:bold;
	margin:0;
	margin-bottom:2px;
	font-size:13px;

}

.auto h3 {
	color:#E90708;
	font-weight:bold;
	margin:0;
	margin-bottom:2px;
	font-size:13px;

}
.immo h3 {
	color:#9eb919;
	font-weight:bold;
	margin:0;
	margin-bottom:2px;
	font-size:13px;
}



/********************** Footer ***********************/
.footer {
	width:820px;
	color:#ffffff;
	margin:auto;
	height:auto;
	padding-top:55px;
	text-align:left;

}

/********************** Références ***********************/
.references {
	float:left;
	width:250px;
	margin-left:27px;
	margin-right:14px;
	margin-bottom:25px;
	padding-left:1px;
	padding-right:1px;
	padding-top:28px;
	padding-bottom:5px;
	text-align:center;
	background: url(../images/fond-vignette.jpg) no-repeat;
	border-bottom:1px solid #cbcaca;
}
.references-vert {
	float:left;
	width:250px;
	margin-left:27px;
	margin-right:14px;
	margin-bottom:25px;
	padding-left:1px;
	padding-right:1px;
	padding-top:28px;
	padding-bottom:5px;
	text-align:center;
	background: url(../images/fond-vignette-vert.jpg) no-repeat;
	border-bottom:1px solid #cbcaca;
}
.references-orange {
	float:left;
	width:250px;
	margin-left:27px;
	margin-right:14px;
	margin-bottom:25px;
	padding-left:1px;
	padding-right:1px;
	padding-top:28px;
	padding-bottom:5px;
	text-align:center;
	background: url(../images/fond-vignette-orange.jpg) no-repeat;
	border-bottom:1px solid #cbcaca;
}
.references h4, .references-vert h4, .references-orange h4  {
	font-size:10px;
	font-weight:normal;
}