/*----------------------------------------------------------------*
  *---  WWW.ROOTS-INTERACTIV.FR - Agence Web Marseille ---  CSS  --*
  *----------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;

}


body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
font-family:"Georgia",Arial,Helvetica,Sans-serif;
background-color: #f2f2f2;
background-image:url(../img/deco/fond.jpg);
background-repeat:repeat-x;
font-size:14px;
color:#696969;
}

p {
color:#696969;
font-size:14px;
line-height:1.4em;
margin:0 0 15px;
}

ul {
	list-style-image:none;
	list-style-position:inside;
	list-style-type:none;
	margin:0;
	padding:0;
}

li {
margin:0;
padding:0;
}


img {
margin: 0;
border:0;
}

a:link, a:visited {
text-decoration: none;
color: #CD051F;
}

a:hover {
	
text-decoration: none;
}

p a:hover {
text-decoration: underline;
}


h2 {
color:#252525;
margin: 30px 0 10px 0;
font-style: normal;
font-weight: bold;
font-size: 20px;
text-align:left;
}

h3 {
color:#252525;
margin: 30px 0 10px 0;
font-style: normal;
font-weight: bold;
font-size: 18px;
text-align:left;
}


hr {
margin: 10px 0 10px 0;
color:#CCC;
}
 /*----------------------------------------------------------------*
  *---                          NAV                               --*
  *----------------------------------------------------------------*/

#nav {
margin:auto;
padding:15px 0 0 0;
width:990px;
height:33px;
text-align:right;
}

#nav a{
padding:0 0 0 25px;
font-size:16px;
text-decoration:none;
font-weight:bold;
color:#FFF;
}

#nav a:hover{
color:#cd051f;
}



 /*----------------------------------------------------------------*
  *---                          HEADER                           --*
  *----------------------------------------------------------------*/

#header {
margin:auto;
width:990px;
height:135px;
text-align:left;
}

#logo {
float:left;
width:231px;
height:95px;
padding:20px 0 0 0;
}


.tweet {
padding:50px 0 0 250px;
color:#cd051f;
font-style:italic;
text-decoration:none;
font-weight:normal;
font-size:14px;
}

 /*----------------------------------------------------------------*
  *---                          FEATURED                         --*
  *----------------------------------------------------------------*/

#featured1 {
margin:auto;
width:990px;
height:264px;
}

#featured_left {
width:495px;
float:right;
}

#container {
width:495px;
float:left;
}


 /*----------------------------------------------------------------*
  *---                          PROJET                           --*
  *----------------------------------------------------------------*/	

#renovation {
background-color:#FFF;
overflow:hidden;
margin:auto;
width:989px;
}

#renovation .block_link {
margin:1px 0 0 0;
padding:10px 0 0 0;
text-align:center;
color:#FFF;
font-size:18px;
display:block;
background-image:url(../img/renovation/fond_titre.jpg);
background-position:top;
background-repeat:no-repeat;
width:164px;
height:33px;
}

#renovation .block_link a{
text-decoration:none;
font-weight:bold;
color:#FFF;
}

#renovation .block_link a:hover{
text-decoration:underline;
}


#renovation .block_link_active {
margin:1px 0 0 0;
padding:10px 0 0 0;
text-align:center;
color:#FFF;
font-size:18px;
display:block;
background-image:url(../img/renovation/fond_titre_active.jpg);
background-position:top;
background-repeat:no-repeat;
width:164px;
height:33px;
}

#renovation .block_link_active a{
text-decoration:none;
font-weight:bold;
color:#FFF;
}

#renovation .block_link_active a:hover{
text-decoration:underline;
}


#renovation p {
text-align:left;
font-size:14px;
padding:10px;
margin:0;

}

.block_renovation a{
margin:0;
padding:0;
color:#cd051f;
text-decoration:underline;

}

.block_renovation a:hover{
color:#3d3d3d;
text-decoration:none;
}

.block_espace {
margin:0;
padding:0;
float:left;
width:1px;
display:block;
}

.block_renovation {
margin:0;
padding:0;
float:left;
width:164px;
display:block;
}

.projet {
float:left;
text-align:center;
margin: 0 16px 0 0;
}

.projet img{
text-align:center;
margin: 0 0 10px 0;
}

.partenaire {
margin:15px 0 15px 0;
}


 /*----------------------------------------------------------------*
  *---                          CONTENU                          --*
  *----------------------------------------------------------------*/	
  
#contenu {
overflow:hidden;
margin: 10px auto 10px auto;
width:930px;
background-color:#FFF;
padding:0 30px 30px 30px;
}

#contenu_left {
width:625px;
float:left;
}

#contenu_right {
float:right;
width:295px;
}



 /*----------------------------------------------------------------*
  *---                          FOOTER                           --*
  *----------------------------------------------------------------*/	
#footer {
margin:auto;
height:331px;
background-image:url(../img/deco/fond_footer_2.jpg);
background-repeat: repeat-x;
}

#footer h2{
margin: 0 0 15px 0;
color:#ffffff;
font-weight: bold;
font-size: 20px;
}

#footer_include {
color:#FFF;
margin: 0 auto 30px auto;
padding: 0 0 0 30px;
width:1018px;
height:331px;
background-image:url(../img/deco/fond_footer_1.jpg);
background-position:center;
background-repeat:no-repeat;
}

#footer ul {
color:#fff;
list-style-image:none;
list-style-position:inside;
list-style-type:disc;
margin:0;
padding:0;
}

#footer a{
color:#fff;
text-decoration:underline;
}

#footer a:hover{
color:#cd051f;
}

#left, #center {
padding:60px 0 0 0;
float:left;
margin-right:26px;
width:200px;
}

#right {
padding:100px 0 0 130px;
float:left;
margin-right:26px;
width:400px;
}

#right input{
width:156px;
height:27px;
color: #696969;
font-size: 14px;
background-color: #fff;
border: 1px #999898;
outline: none;
}

.btn {
width:158px;
height:29px;
cursor: pointer;
text-indent: -9999px;
background: #fbc900  url(../img/deco/btn_form.jpg) no-repeat top right;
}

#roots {
font-size:10px;
text-align:right;
padding:10px 0 0 0;
}

#roots a{
color:#666666;
}

#roots a:over{
color:#3d3d3d;
}


 /*----------------------------------------------------------------*
  *---                          FEATURED                         --*
  *----------------------------------------------------------------*/	


#featured{ 
	width:990px; 
	position:relative; 
	margin: 0 auto 20px auto;
	height:260px; 
	background:#fff;
}

#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0;
	list-style:none; 
	padding:0;
	margin:0; 
	width:390px; 
}

#featured ul.ui-tabs-nav li{
font-size:25px;
background:#666;
}


#featured ul.ui-tabs-nav li img{ 
float:left;
}


#featured ul.ui-tabs-nav li span {
margin: 0 0 0 10px;
text-align:center;
font-size:20px;
background:#666;
}

#featured li.ui-tabs-nav-item a{
background-image:url(../img/deco/fond_featured_1.jpg);
display:block;
height:52px;
}

#featured li.ui-tabs-nav-item a:hover{
background-image:url(../img/deco/fond_featured.jpg);
}

#featured ul.ui-tabs-nav li.ui-tabs-selected a {
background-image:url(../img/deco/fond_featured.jpg);
}

#featured .ui-tabs-panel{ 
width:600px; height:260px; 
position:absolute; 
top:0;
left:390px; 
background:#999; position:relative;
}

#featured .ui-tabs-panel .info{ 
position:absolute; 
top:140px; left:0; 
height:120px; 
background: url('../img/deco/transparent-bg.png'); 
}
#featured .info h2{ 
font-size:24px;
color:#fff; padding:10px; margin:0;
overflow:hidden; 
}
#featured .info p{ 
margin:0 30px;
font-size:14px; 
line-height:15px;
color:#fff;
}
#featured .info a{ 
text-decoration:none; 
color:#fff; 
}
#featured .info a:hover{ 
text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
display:none; 
}