body {
background: url('body.jpg') center 312px no-repeat #f6f6f6;
text-align:center;
}
body, fieldset ul li input, fieldset ul li select, fieldset ul li textarea {
font-family: Arial, sans-serif;
font-size:1em;
}

h1, h2, h3, #navigation a {
font-family: Helvetica, Arial, sans-serif;
}
.large_content a {
text-decoration:underline;
}
body .large_content a:hover {
text-decoration:none;
}
h3 {
color:#f56317;
font-size:14px;
text-transform:uppercase;
font-weight:bold;
padding-left:30px;
margin:1em 0 0.5em 0;
}
p {
line-height:1.2em;
}
div {
/*	border: solid 1Px red;*/
}

#header {
position:relative;
width: 1024px;
height: 287px;
background: url('header.jpg');
margin: auto;
}

#header a {
display: inline;
float: left;
margin-left: 91px;
}
#header a.blog {
position: absolute;
right:0;
width:340px;
height:115px;
text-indent:-999em;
overflow:hidden;
}
#proreg {
float: right;
margin-right: 140px;
margin-top: 90px;
}

#navigation {
width: 1024px;
margin: auto;
height: 86px;
background: url('navigation.jpg');
font-size: 12px;
}

#navigation ul {
padding-left: 115px;
padding-top: 20px;
}

#navigation ul li {
display: block;
float: left;
}

#navigation ul li a {
text-decoration:none;
display: block;
padding-top: 40px;
text-align: center;
color: #ffffff;
text-transform: uppercase;
background-repeat: no-repeat;
background-position: center top;
}

#navigation ul li a:hover, #navigation ul li a.active {
font-weight: bold;
color: #000000;
}

a#link_home { background: url('link_home.jpg'); }
a#link_house { background: url('link_house.jpg'); }
a#link_project { background: url('link_project.jpg'); }
a#link_services { background: url('link_services.jpg'); }
a#link_contact { background: url('link_contact.jpg'); }

#undernav {
width: 1024px;
height: 20px;
margin: auto;
background: url('undernav.jpg');
}

#content {
position:relative;
text-align:left;
width: 900px;
margin: auto;
padding-left: 70px;
padding-right: 54px;
padding-top: 5px;
padding-bottom: 20px;
background: url('content.jpg') repeat-y;
overflow:hidden;
min-height:830px;
}

#footer {
width: 524px;
height: 107px;
padding-left: 150px;
padding-right: 350px;
margin: auto;
background: url('footer.png') no-repeat  9px 0; 
}

#footer a#pro {
display: block;
color: #ffffff;
float: left;
padding: 5px;
padding-left: 10px;
padding-right: 10px;
font-size: 12px;
text-transform: uppercase;
background: #a5cc0d;
margin-top: 20px;
}

#footer a#pro:hover {
background: #7c9b04;
}

#footer #linkbox {
width: 400px;
float: right;
color: #707070;
font-size: 10px;
margin-top: 20px;
}

#footer #linkbox a {
color: #707070;
}

#footer #linkbox a:hover {
color: #7c9b04;
text-decoration: underline;
}

#left_column {
float: left;
width: 663px;
}

#right_column {
float: right;
width: 234px;
}

#right_column a {
display:block;
}

#index_left{
float: left; 
width: 265px;
padding:0;
margin:0 0 10px 0;
}

#index_exemple{
float: left; 
width: 365px;
border:1px solid eee;
margin:12px 0 10px 15px;
padding:2px;
border: 1px solid #eee;
  box-shadow: 0px 0px 20px #ccc;
  -moz-box-shadow: 0px 0px 20px #ccc;
  -webkit-box-shadow: 0px 0px 20px #ccc;
 -webkit-border-top-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomleft: 15px;
border-top-right-radius: 15px;
border-bottom-left-radius: 15px; 
position:relative;
}
#index_exemple h1{
width:365px;
background:#FF7700 url('bg-h1.gif') no-repeat 5px 5px;
color:#fff;
height:30px;
line-height:30px;
text-indent:30px;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topright: 15px;
border-top-right-radius: 15px;
}
#index_exemple #exemple_content{
width:365px;
}
#index_exemple #exemple_content li{
width:365px;
height:315px;
background:#545454;
}
#index_exemple #exemple_content li img{
width:365px;
max-height:315px;
overflow:hidden;
}
#index_exemple #slider-code div.footer{
position:absolute;
bottom:0px;
width:345px;
background:#545454;
padding:10px;
margin:0 3px 0 0;
color:#fff;
font-size:14px;
font-family:Helvetica;
text-align:center;
}
#index_exemple #slider-code div.footer p{
width:305px;
margin-left:20px;
}
#slider-code { 
width:365px;
height:315px; 
overflow:hidden; 
}
#slider-code .viewport { 
float: left; 
width: 365px; 
height: 315px; 
overflow: hidden; 
position: relative; 
}
#slider-code .buttons { 
width:25px;
height:18px;
position:absolute;
bottom:5px;
left:10px;
z-index:100;
background:url('previous.png') no-repeat;
text-indent:-999em;
overflow:hidden;
}
#slider-code .buttons.next { 
left:338px;
background:url('next.png') no-repeat;
}
#slider-code .disable { visibility: hidden; }
#slider-code .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
#slider-code .overview li{ 
background:#545454;
float: left; 
height:315px; 
width: 365px;
z-index:1000;
}

a.suite {
color: #98be05;
font-size: 11px;
float: right;
margin-right: 30px;
text-decoration: underline;
background:url('bg-suite.gif') no-repeat center right;
padding-right:17px;
}
#index_news a.suite{
background:url('bg-suite-orange.gif') no-repeat center right;
color:#ec4f13;
}

a.suite:hover {
color: #7c9b04;
text-decoration: underline;
}


.small_content {
width: 265px;
background: url('small_content.jpg') repeat-y;
}

.medium_content {
position:relative;
padding-bottom: 10px;
background: url('medium_content.jpg') repeat-y;
}

.medium_content h2 {
padding-top: 10px;
font-size: 12px;
font-weight: bold;
color: #91b900;
text-transform: uppercase;
}

.medium_content li {
list-style:none;
}
.small_footer {
width: 265px;
height: 40px;
background: url('small_footer.jpg') left bottom no-repeat;
}

.medium_footer {
height: 40px;
background: url('medium_footer.jpg') left bottom no-repeat;
}

.medium_footer_select {
height: 49px;
background: url('medium_footer.jpg') left bottom no-repeat;
}

.medium_footer_select select {
float: left;
margin-left: 30px;
}

.medium_footer_select a {
display: block;
background: #98be05;
color: #ffffff;
padding: 4px;
float: right;
font-size: 11px;
padding-left: 7px;
padding-right: 7px;
margin-right: 30px;
}

.medium_footer_select a:hover {
background: #7c9b04;
color: #ffffff;
}

#map-large {
position:absolute;
z-index:300000;
margin-left:60px;
}

#map {
width: 368px;
height: 303px;
margin-left: 17px;
background: #ffffff;
z-index:0;
}

#map_large {
z-index:2000;
position:relative;
width: 618px;
height: 480px;
margin-top: -6px;
margin-left: 20px;
background: #ffffff;
}
#step1 {
position:absolute;
top:20px;
left:20px;
z-index:10;
}
.small_content p, .medium_content p, .small_content p a {
width: 210px;
color: #606060;
margin: auto;
padding-top: 11px;
padding-bottom: 11px;
font-size: 12px;
line-height: 16px;
text-align:justify;
}
#index_news .small_content p{
padding-top:0;
}
.medium_content p {
}

.medium_content p a {
color: #606060;
}

.medium_content p a:hover {
width: 330px;
text-decoration: underline;
}

.medium_content ul {
list-style-image: url('li.jpg');
list-style-position: inside;
}

.medium_content ul li {
margin: auto;
border-bottom: dotted 1px #707070;
}

h1#h1_introduction {
text-transform: uppercase;
font-size: 13px;
background: url('h1_introduction.jpg');
height: 22px;
color: #ffffff;
padding-left: 50px;
padding-top: 23px;
/*	line-height: 62px;*/
/*	border: solid 1px blue;*/
}

h1#h1_find {
text-transform: uppercase;
font-size: 13px;
background: url('h1_find.jpg') top left;
height: 44px;
color: #ffffff;
padding-left: 60px;
line-height: 60px;
}

h1#h1_news {
text-transform: uppercase;
font-size: 12px;
background: url('h1_news.gif') no-repeat bottom left;
height: 32px;
line-height:32px;
color: #ffffff;
padding:5px 0 0 30px;
text-align:center;
}

/* PARTNER CARD */

#card_header {
width: 656px;
height: 232px;
position: absolute;
background: url('card_header.jpg');
}

#card_content {
padding-top: 232px;
width: 627px;
padding-left: 10px;
padding-right: 20px;
background: url('card_content.jpg') repeat-y;
}

#card_footer {
width: 660px;
height: 24px;
background: url('card_footer.jpg') no-repeat;
}

#logo {
width: 190px;
height: 110px;
position: absolute;
top: 80px;
left: 90px;
text-align: center;
}

#company {
position: absolute;
top: 55px;
height: 40px;
width: 260px;
text-align: center;
overflow: hidden;
right: 45px;
color: #ffffff;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
line-height:20px;
}

#description {
position: absolute;
margin-top: 112px;
width: 260px;
height: 80px;
overflow: hidden;
text-align: left;
overflow: hidden;
right: 40px;
color: #ffffff;
font-size: 11px;
line-height: 11px;
}

#large_image {
float: left;
width: 300px;
padding-left: 15px;
padding-bottom: 10px;
}

#large_image img {
border: solid 5px #ffffff;
}

#small_images {
clear:left;
width: 300px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
}

#small_images img {
border: solid 1px #ffffff;
margin: 2px;
float:left;
}

#resume {
float: left;
width: 322px;
color: #606060;
font-size: 12px;
line-height: 16px;
background: url('resume.png') repeat-y;
/*	margin-left: 15px;*/
}

#resume p {
width: 250px;
margin-left: 45px;
padding-top: 23px;
padding-bottom: 10px;
}
.gmap {
width: 285px;
height:100px;
}
.address, .address-list {
width: 285px;
float: right;
background: #a6cc0d;
color: #ffffff;
border: solid 5px #ffffff;
margin:10px 0;
}
.address-list {
float: left;
margin:10px;
}

.address p, .address-list p {
color: #ffffff;
font-size: 12px;
padding: 10px;
clear: both;
}

.address a, .address-list a {
color: #ffffff;
font-weight: bold;
font-size: 12px;
text-decoration: underline;
}
.address a:hover , .address-list a:hover {
text-decoration:none;
}
.address ul, .address-list ul {
padding: 10px;
list-style-type: square;
list-style-position: inside;
}

.address ul li, .address-list ul li {
font-size: 12px;
color: #ffffff;
}

.address h2, .address-list h2 {
clear: both;
font-size: 14px;
padding-left: 10px;
padding-right: 10px;
font-weight: bold;
}
.withoutDepartment #right_infos {
float: none;
width: 640px;
}
.email {
background: #657c07;
clear:both;
margin:0;
padding:5px 10px;
}

.email a {
font-weight: bold;
font-size: 12px;
text-decoration: underline;

color: #ffffff;
}

#website {
width: 255px;
margin-top: 20px;
height: 30px;
line-height: 30px;
padding-left: 40px;
font-size: 18px;
font-weight: bold;
color: #ffffff;
float: right;
background: url('website.jpg') center left no-repeat #f56317;
}
#video {
text-align:center;
padding-bottom:30px;
}
#url {
width: 295px;
height: 30px;
line-height: 30px;
color: #ffffff;
float: right;
background: #d94f12;
text-align: center;
margin-bottom: 20px;
}
.withoutDepartment #url, .withoutDepartment #website {
float:none;
margin-left:170px;
}
#url a {
color: #ffffff;
font-size: 16px;
text-decoration:underline;
}

#url a:hover {
text-decoration: none;
}

#pin {
margin-top: -30px;
margin-left: 120px;
float: left;
}

#left_screw {
float: left;
margin-left: 25px;
margin-top: 10px;
margin-bottom: 10px;
}

#right_screw {
float: right;
margin-top: 10px;
margin-bottom: 10px;
}

.external_footer {
width: 918px;
margin: auto;
font-size: 9px;
line-height: 13px;
color: #909090;
text-align: center;
padding-bottom: 10px;
}

.external_footer h3 {
font-size: 12px;
margin-bottom: 5px;
margin-top: 10px;
font-weight: bold;
}

.external_footer a {
color: #909090;
}

.external_footer a:hover {
color: #303030;
text-decoration: underline;
}

#right_infos {
float: right;
width: 300px;
}

.large_content fieldset {
font-size:12px;
padding:0 30px;
margin:0;
}
.large_content #texte{
display:block;
margin:0 25px;
}
.large_content #texte h2{
width:590px;
margin:10px 0;
min-height:42px;
line-height:24px;
}
.large_content #texte h2.orange{
background:#f76616;
color:#fff;
}
.large_content #texte h2.single{
line-height:50px;
}
div.marged{
padding:10px 0;
}
.large_content #texte p{
padding:0;
margin:10px 0;
}
.large_content #texte a{
color:#6a8400;
font-weight:bold;
text-decoration:underline;
}
.large_content #texte p.middle{
width:360px;
}
.large_content #texte .orange{
color:#f76616;
}
.large_content #texte .green{
color:#6a8400;
font-weight:bold;
text-align:center;
font-size:14px;
}
.large_content #texte ul{
padding:0;
margin:0;
}
.large_content #texte ul li{
margin:10px 0;
background:url('puce-triangle.png') no-repeat 0 4px;
text-indent:0;
padding-left:15px;
}
.large_content #texte ul.verte li.pdf{
background:none;
text-align:center;
}
.large_content #texte ul.verte li.pdf a{
font-size:14px;
text-align:center;
}
.large_content #texte ul.verte li{
background:url('puce-triangle-verte.png') no-repeat 0 4px;
}
.large_content #texte ul.grey li{
background:url('puce-triangle-grise.png') no-repeat 0 4px;
}
.large_content #texte ul.spaced li{
margin:20px 0;
}
.large_content #texte ul.sub li{
margin:5px 0;
background:url('puce-carre.png') no-repeat 0 4px;
text-indent:0;
padding-left:15px;
}
.large_content #texte .block{
clear:left;
margin-right:10px;
}
.large_content #texte ul.sub.verte li{
background:url('puce-carre-vert.gif') no-repeat 0 5px;
}
.large_content #texte ul.left{
width:295px;
}
.large_content #texte p.left.large{
width:410px;
margin-right:10px;
}
.large_content #texte ul.left.large{
width:430px;
margin-left:10px;
}
.large_content #texte ul.right.large, .large_content #texte p.right.large{
width:410px;
margin-left:10px;
}
.large_content #texte ul.right, .large_content #texte p.right{
float:right;
width:295px;
}
.large_content #texte table{
clear:left;
margin:10px 0 0 0;
width:610px;
}
.large_content #texte table td{
text-align:center;
}
.large_content #texte table td.black{
vertical-align:top;
}
.large_content #texte table td.black p{
background:#000;
color:#fff;
padding:5px 0;
width:286px;
text-align:center;
margin-top:0;
}
/***accordeon***/
.list {
display:none;
}
h2.descr{
cursor:pointer;
}

/***		 ***/
.clear{clear:both;}
.large_content #texte .left{float:left;}
.large_content #texte .right{float:right;}
.large_content #texte .marge_top{margin-top:10px;}
.large_content #texte .marge_right{margin-right:10px;}
.large_content #texte .marge_bottom{margin-bottom:10px;}
.large_content #texte .marge_top_plus{margin-top:30px;}
.large_content fieldset h2 {
display: block;
margin: 10px 0 0 0;
width:590px;
color: #ffffff;
height: 16px;
line-height: 17px;
padding-left: 10px;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
background: #a5cb0e;
}

.large_content fieldset img {
float: right;
margin-right: 22px;
margin-top: 15px;
}

.large_content fieldset h2 img {
float: left;
z-index: 16;
margin-top: -8px;
margin-left: -15px;
margin-right: 10px;
}

.large_content fieldset ul {
clear:left;
margin:0;
padding:10px;
float: left;
background: #f9f9f9;
width:370px;
}

.large_content fieldset ul li {
padding:5px 0;
margin:0;
clear: both;
}

.large_content fieldset ul li input, .large_content fieldset ul li select, .large_content fieldset ul li textarea {
padding:2px;
width:200px;
border: solid 1px #9f9f9f;
float: right;
}
.large_content fieldset ul li label {
float: left;
display:block;
padding-left: 0px;
background: url('list.jpg') center left no-repeat;
}
.large_content fieldset ul li label i {
color:#F56316;
}
.large_content fieldset ul li label em {
display:block;
color: #808080;
font-style: italic;
font-size: 10px;
}


.large_content fieldset ul li input.checkbox {
border: 0px;
}

.large_content fieldset ul li textarea {
height: 50px;
margin-bottom: 10px;
}

.large_content .error_list {
margin: 0 0 3px 0;
padding: 0;
color: #F56316;
font-size: 12px;
font-weight:bold;
background-color:#FFFF9D;
}

.large_content .error_list li {
display:block;
float:none;
}

body .large_content p.error_list {
margin:0 30px;
padding:10px;
}


input#submit_button {
background: url('submit.jpg');
width: 121px;
height: 36px;
display: block;
text-indent: -999px;
cursor: pointer;
margin: auto;
}

#large_footer_select select {
display: block;
float: left;
margin-left: 190px;
margin-top: -5px;
}

#large_footer_select a {
display: block;
background: #98be05;
color: #ffffff;
padding: 4px;
float: right;
font-size: 11px;
float: right;
margin-right: 200px;
margin-top: -5px;
}

#large_footer_select a:hover {
background: #7c9b04;
color: #ffffff;
}

.h1_large, .h1_large a {
color: #ffffff;
font-weight: bold;
}
.h1_large {
width: 600px;
height: 40px;
font-size: 13px;
line-height: 53px;
padding-left: 50px;
text-transform: uppercase;
background: url('h1_large.jpg') no-repeat;
}

.large_content {
width: 660px;
padding-top: 20px;
padding-bottom: 15px;
background: url('large_content.jpg') repeat-y;
}



.large_footer {
width: 660px;
height: 40px;
background: url('large_footer.jpg');
}

.large_content a:hover {
text-decoration: underline;
}

.large_content h2 {
color: #ffffff;
width: 600px;
margin: auto;
font-size: 14px;
padding: 5px;
padding-left: 15px;
font-weight: bold;
margin-bottom: 6px;
background-color: #a5cb0e;
text-transform:uppercase;
}

#content strong {
font-weight: bold;
}

.large_content ul.pstyle {
list-style-type: square;
list-style-position: inside;
}

.large_content ul.pstyle li {
padding-bottom: 4px;
}

.large_content p, .pstyle, .large_content ul, .large_content table {
font-size: 12px;
padding:0 30px 10px 30px;
color: #505050;
text-align:justify;
}
.large_content ul, .large_content table {
background:none;
}
.large_content ul li {
list-style:none;
background: transparent url('li.gif') no-repeat 10px 3px;
padding-left:10px;
text-indent:15px;
}
.large_content ul li h3 {
text-transform:none;
text-indent:-15px;
margin:10px 0 0 0;
}
.large_content fieldset ul li {
background:none;
}
.large_content table {
margin:10px 30px;
}
.large_content table td {
padding:5px;
text-indent:0;
}
.large_content p strong , .pstyle strong, .small_content strong {
font-weight:bold;
}
ul#list_partners.pstyle li{display:block;margin:10px 0;background: url("li.gif") no-repeat scroll 10px 5px transparent;}
ul#list_partners.pstyle li a{
text-decoration:none;
}
ul#list_partners.pstyle li a strong{
font-size:18px;
font-family:Helvetica;
}
ul#list_partners.pstyle li a:hover strong{
text-decoration:underline;
}
ul#list_partners.pstyle li a small{
color:#4E4D5C;
}
#index_news .small_content ul{
width:230px;
margin-left:20px;
}

#index_news .small_content li h2{
color:#ec4f13;
font-size:14px;
font-weight:bold;
padding:5px 10px 5px 10px;
width:215px;
}
.mandatory_notice {
color: #F56316;
padding-top: 20px;
font-size: 11px;
font-weight: bold;
margin-right: 30px;
text-align:right;
}

.cnil_notice {
color: #909090;
font-size: 10px;
margin-left: 15px;
}
p.link {
margin-top:20px;
text-align:center;
background:none;
}
.link a {
width:519px;
height:36px;
display:block;
text-indent:-999em;
background:transparent url(estimate-link.gif) no-repeat;
font-size:14px;
color:#F56316;
font-weight:bold;
margin:0 auto;
}
#partners {
padding:30px;
margin:0 auto;
background:transparent url(partners.png) no-repeat center center;
width:886px;
height:92px;
}
#partners #allways,#partners .anyClass {
text-align:left;
width:360px;
float:left;
margin-left:-10px;
}
#partners #allways img{
margin:10px 5px ;
}
#partners .anyClass {
width:560px;
margin-left:15px;
}
#partners .anyClass li{
text-align:center;
margin:0 10px;
}
#partners .anyClass li img {  
    width:  210px; 
    height: 82px; 

}
#partners img {
margin:10px;
}
#bulle {
margin-left:10px;
}
#forum {
margin:0 0 0px 5px;
}
/***slider***/
#slider{
clear:both;
width:645px;
height:250px;
margin:10px 0 10px 10px;
}

#flash {
padding:0;
width:638px;
height:245px;
background:#fff;
border: 3px solid #fff;
  box-shadow: 0px 0px 20px #ccc;
  -moz-box-shadow: 0px 0px 20px #ccc;
  -webkit-box-shadow: 0px 0px 20px #ccc;
}

#content #flash-content p{
margin:0;
color:#fff;
font-size:11px;
font-family:Helvetica;
}
#flash-content .footer {
position:absolute;
bottom:0px;
padding:5px 10px;
width:438px;
background:url('bg-transparent.png');
}
#flash-content .footer a.suite{
float:right;
height:15px;
color:#87BF13;
text-decoration:underline;
margin:5px 10px 2px 0;
background:none;
padding:0;
}
#flash-content .footer a.suite.orange{
color:#f76616;
}
#flash-content {
height:243px;
width:458px;
float:left;
margin:0;
position:relative;
z-index:10;
}
#flash-content li{
float:left;
width:460px;
height:265px;
}
#flash-content li#agrandissement{
background:url('slider/agrandissement.jpg') no-repeat;
}
#flash-content li#entretien{
background:url('slider/entretien.jpg') no-repeat;
}
#flash-content li#economie{
background:url('slider/economie.jpg') no-repeat;
}
#flash-content li#aide{
background:url('slider/aide.jpg') no-repeat;
}
/****************CONTROL******************/
#flash #flash-control {
width:177px;
margin-left:462px;
position:relative;
z-index:100;
}
#flash-control li{
height:58px;
width:174px;
background:#ebebeb;
border:2px solid #fff;
}
#flash-control li.first{border-top:0;}
#flash-control a{
height:38px;
line-height:38px;
padding:10px 0;
display:block;
text-align:center;
font-size:13px;
text-transform:uppercase;
color:#4e4d5c;
background:#ebebeb;
font-weight:bold;
font-family:Helvetica, Arial;
}
#flash-control li a#ct-entretien, #flash-control li a#ct-economie{
line-height:18px;
}
#flash-control a:hover, #flash-control li a.selected{
text-decoration:none;
color:#fff;
}
#flash-control a#ct-agrandissement:hover, #flash-control li a#ct-agrandissement.selected{
background:#96c60b;
}
#flash-control a#ct-entretien:hover, #flash-control li a#ct-entretien.selected{
background:#f76616;
}
#flash-control a#ct-economie:hover, #flash-control li a#ct-economie.selected{
background:#96c60b;
}
#flash-control a#ct-aide:hover, #flash-control li a#ct-aide.selected{
background:#f76616;
}
/***fin slider ***/