#fancy_div {
	background:#fff !important;
	color:#3B3B3B !important;
	text-align:center !important;
}

img {border:none;}

*{
	margin:0;
	padding:0;
}

a:active, a:focus {
	outline:none;
}

.img1, .img2 {
	float:left;
	display:inline;
}

.img1 {
	margin-right:10px;
}

body {
	background:#303030 ;
	margin:0;
	padding:0;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
}

.container {
	width:100%;
	height:auto; 
	position:relative;
	padding-top:165px;
}

.container_top {
	width:100%;
	height:165px;
	top:0;
	left:0;
	z-index:10;
	position:absolute;
}

.header {
	height:165px; /* à modifier*/
	width:964px;
	margin:0 auto;
	position:relative;
}

.logo {
	width:250px;
	height:95px;
	background:url(../gifs/logo.jpg) top no-repeat;
	display:block;
	position:absolute;
	top:40px;
	left:0;
	z-index:1;
}

.slogan {
	font-size:15px;
	font-weight:100;
	color:#858f97;
	width:652px;
	height:31px;
	position:absolute;
	top:135px;
	left:0;
	z-index:3;
	line-height:31px;
	text-align:left;
	letter-spacing:10px;
}

.my_flash {
	margin-bottom:20px;
}

.bloc1 {
	width:152px;
	height:auto;
	position:absolute;
	top: 80px;
	right:143px;
	z-index:5;
	background:url(../gifs/ligne.jpg) top left no-repeat;
}

.bloc2 {
	width:150px;
	height:auto;
	position:absolute;
	top: 80px;
	right:150px;
	z-index:5;
	background:url(../gifs/ligne.jpg) top left no-repeat;
}

.btn_contact {
	color:#7f8a92;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	position:absolute;
	top:146px;
	right:10px;
	z-index:6;
}

.btn_contact:hover {
	color:#ed770a;
	text-decoration:none;
}

.bloc1 p, .bloc2 p, .bloc3 p {
	padding-left:15px;
	font-size:11px;
	color:#7f8a92;
}

#content {
  width:964px;
  height:auto;
  position:relative;
  margin:0 auto;
  overflow:hidden;
  padding:0 0 30px;
  background-color:#303030;
}

.fd_footer {
	width:100%;
	height:200px;
	clear:both;
}

.footer {
  width:964px;
  font-size:11px;
  color:#fff;
  height:200px;
  margin:0 auto;
}

.footer a {
	color:#fff;
	text-decoration:none;
	font-size:11px;
}

.footer a:hover {
	color:#ed770a;
}

.nuage {
	border-top:1px solid #aab1b7;
	border-bottom:1px solid #c1cbd2;
	line-height:20px;
	heigth:20px;
	width:100%;
	margin-bottom:10px;
	text-align:left;
	color:#7f8a92;
	font-size:14px !important;
}


.col1, .col1bis, .col2, .col3, .col4, .col5, .col6, .col7 {
	float:left;
	display:inline;
	height:auto;
}

.col1 {
	width:140px;
	background:url(../gifs/ligne_footer.jpg) top right no-repeat;
	padding-left:15px;
}

.col1bis {
	width:160px;
	background:url(../gifs/ligne_footer.jpg) top right no-repeat;
	padding-left:15px;
}

.col2 {
	width:160px;
	background:url(../gifs/ligne_footer.jpg) top right no-repeat;
	padding-left:15px;
}

.col3 {
	width:165px;
	background:url(../gifs/ligne_footer.jpg) top right no-repeat;
	padding-left:15px;
}

.col4 {
	width:182px;
	padding-left:15px;
	background:url(../gifs/ligne_footer.jpg) top right no-repeat;
}

.col5 {
	width:140px;
	padding-left:15px;
}

.colonne_gauche {
	width:230px;
	height:auto;
	float:left;
	display:inline;
}

.colonne_centre {
	width:720px;
	height:auto;
	float:right;
	display:inline;
}

/******************************************************************** Lien ******************************************************************/
.page p {
	color:#fff;
	text-align:justify;
	line-height:1.5em;
	padding-bottom:10px;
}

.important {
	width:100%;
	height:auto;
	margin-bottom:10px;
	padding:10px 0 0 0;
	background:#eee;
}

.important p {
	padding:0 20px 10px 20px !important;
}

.big_lien {
	font-size:15px;
}


.centrer {
  text-align:center !important;
}


.page a {
	color:#ed790d;
	text-decoration:underline;
}

.page a:hover {
	text-decoration: none;
	color:#ed790d;
}

.border_img {
	border:1px solid #fff;
}

.lien {
  text-decoration:underline;
  color:#ed790d;
  display:inline-block;
  height:15px;
  font-size:0.9em;
  margin-bottom:10px;
  line-height:15px;
}

.lien:hover {
  text-decoration:none;
  color:#ed790d;
}

.paragraphe5050 {
	float:left;
	width:48%;
	height:auto;
	display:inline;
}

.paragraphe50501 {
	float:right;
	width:48%;
	height:auto;
	display:inline;
}

.filet {
	width:100%;
	height:3px;
	border-top:1px solid #ed790d;
	margin-top:10px;
	margin-bottom:10px;
	-margin-bottom:0;
	clear:both;
}

.page ul {
	margin:0 0 10px 25px;
	padding:0;
	list-style:none;
	list-style-image: url(../gifs/puce_liste.jpg);
	list-style-position:outside;
}

.page ul li {
	line-height:1.5em;
	color:#fff;
	text-align:left;
}


.img_left {
	float:left;
	display:inline;
	margin-right:20px;
	margin-bottom:10px;
}

.img_right {
	float:right;
	display:inline;
	margin-left:20px;
	margin-bottom:10px;
}

.img_normal {
	margin-bottom:10px;
}

/************** fin mise en page *************/

/************** LOUPE *************/

#loupe {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	font-size:11px;
}

#loupe p {
	text-align:right !important;
	color:#252525;
}

#loupe a {
	color:#252525;
	text-align:center;
	text-decoration:none;
}

#loupe a:hover {
	text-decoration:underline;
}

zoom {
	font-size:120%;
}

/************** FIN LOUPE *************/

/***********************************************************CONTACT FORMULAIRE*********************************/

.input_form {
	background:none;
	border:1px solid #ed790d;
	font-family: Arial;
	color: #fff;
	margin-top: 5px;
	font-size:12px;
	width: 250px;
}

.input_form1, #field_12 {
	background:none;
	border:1px solid #ed790d;
	font-family: Arial;
	color: #fff;
	margin-top: 5px;
	margin-left:155px;
	font-size:12px;
	width: 200px;
}

.area_form {
	background:none;
	border: 1px solid #ed790d;
	font-family: Arial;
	color: #fff;
	margin-top: 5px;
	margin-bottom:5px;
	height:150px;
	font-size:12px;
	width: 250px;
	overflow: auto;
}

form.generateur p img {
	padding:0 !important;
	border:1px solid #ccc;
}

.validation img {
	border:none !important;
	padding-left:5px !important;
}

.bouton_news {
	height: 30px;
	width: 150px;
	border: 1px none #fff;
	color: #FFFFFF;
	display: block;
	cursor: pointer;
	font-weight:bold;
	clear:both;
	margin:20px 0 0 155px;
	background-color: #ed790d;
}

#formulaire_1 .submit {
	margin-left:0 !important;
	margin-top:0 !important;
}

.bouton_news:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
}

.optional, .required {
	width:150px !important;
	text-align:right !important;
}


.divGenerateurRequired {
	margin-bottom:10px !important; 
}

#formulaire_1 p {
	margin:0 !important;
	padding:0 !important;
}

#formulaire_1 {
	width: 450px !important;
	float:left;
	display:inline;
}

.valide, .erreur {
	width: 420px !important;
	float:left;
	display:inline;
	background:none !important;
	color:#ed790d !important;
	border:1px solid #ed790d;
}
/**********FIN CONTACT*************/

.coord {
	width:200px;
	height:auto;
	float:right;
	display:inline;	
}

/************* NEWSLETTER *****************/

#newsletter_iframe {
	background:#fff !important;
	height: 400px !important;
}

#newsletter_iframe h1 {
	color:#b89861 !important;
}

#newsletter_iframe p {
	color:#38291A !important;
}

#newsletter_iframe a {
	color:#B89861 !important;
	text-decoration:underline !important;
}

#newsletter_iframe a:hover {
	text-decoration:none !important;
}

#newsletter_iframe #submit_newsletter, #newsletter_iframe #input_newsletter {
	float:left !important;
}
/******************* NEWSLETTER*******************/

/************ MENU ***********/
ul.MenuHorizontal { 
   width: 205px; 
   list-style: none; 
   margin: 0 0 0 25px; 
   padding: 0; 
   overflow: hidden; 
} 

ul.MenuHorizontal li { 
   float: left; 
} 

ul.MenuHorizontal li a { 
   display: block; 
   color: #fff;         /*Ici, changer la couleur de la police*/ 
   font-size: 12px;         /*Ici, changer la taille de la police du menu*/ 
   padding-top: 0px;         /*Ici, on joue sur le padding pour centrer le texte verticalement*/
   height:26px;         /*Ici, on augmente la hauteur du menu*/  
   text-align: left; 
   text-decoration: none;
   line-height:26px; 
   width:185px;
   padding-left:20px;
} 

li.menu a { 
   background: url('../gifs/puce.jpg') left no-repeat;         /*Ici l'image de fond de la cellule*/ 
   border-bottom:1px solid #7f8a92;
} 

li.menu a:hover {
	color:#ed790d !important;
}

#selected-over {
	color:#ed790d !important;
	font-weight:bold !important;
}

/******* FIN MENU ********/

ul.sub_menu { 
   width: 165px; 
   list-style: none; 
   margin: 0 0 0 64px; 
   padding: 0; 
   overflow: hidden; 
} 

ul.sub_menu li { 
   float: left; 
} 

ul.sub_menu li a { 
   display: block; 
   color: #fff;         /*Ici, changer la couleur de la police*/ 
   font-size: 12px;         /*Ici, changer la taille de la police du menu*/ 
   padding-top: 0px;         /*Ici, on joue sur le padding pour centrer le texte verticalement*/
   height:23px;         /*Ici, on augmente la hauteur du menu*/  
   text-align: left; 
   text-decoration: none;
   line-height:23px; 
   width:145px;
   padding-left:20px;
} 

li.ss_menu a { 
   background: url('../gifs/ss_puce.jpg') left no-repeat;         /*Ici l'image de fond de la cellule*/ 
   border-bottom:1px solid #a3b1bb;
} 

li.ss_menu a:hover {
	color:#ed790d !important;
}

#selected_over_sub {
	color:#ed790d !important;
	font-weight:bold !important;
}

/******* FIN MENU ********/

h1 {
	font-size:16px;
	color:#ed790d;
	/*background:url(../gifs/puce_h1.jpg) left no-repeat;*/
	margin-bottom:20px;
	padding-left:60px;
	/*border-bottom:1px solid #ed790d;*/
}

h2 {
	font-size:16px;
	color:#ed790d;
	background:url(../gifs/puce_h1.jpg) left no-repeat;
	margin-bottom:10px;
	padding-left:60px;
	margin-top:10px;
	border-bottom:1px solid #ed790d;
}

h2.zetitle {
	font-size:18px;
	line-height:29px;
	background-position:0 14px;
}

h2.zetitle img {
	position:relative;
	top:5px;
}
/************ TPL **************/

.tpl {
	width:149px;
	min-height:230px;
	-height:230px;
	float:left;
	position:relative;
	margin-right:30px;
	margin-bottom:80px;
	display:inline;
}

.tpl img {
	border:1px solid #eee;
}

.intro {
	padding-bottom:30px !important;
}

.tpl p {
	text-align:left !important;
	padding:5px 0 !important;
}

.link_tpl {
  text-decoration:underline;
  color:#ed790d;
  height:20px;
  width:149px;
  display:block;
  position:absolute;
  bottom:0;
  left:0;
  z-index:1;
  font-size:0.9em;
  text-align:right !important;
  line-height:20px;
  border-top:1px solid #ed790d;
}

.inside_pagination {
	width: 507px;
	clear:both;
	height:20px;
	border-top:1px solid #E17A11;
	border-bottom:1px solid #E17A11;
	padding:5px 0;
}

.img_detail {
	border:1px solid #fff;
	float:left;
	margin-bottom:10px;
	display:inline;
	margin-right:10px;
}

.pagination	{
	height:15px;
	margin:auto
}

.numpage {
	height:15px;
	width:15px;
	line-height:15px;
	text-align:center;
	display:inline;
	font-size:11px;
	float:left;
	color:#303030 !important;
	text-decoration:none;
	font-weight:900;
	margin:2px;
	background:#E17A11;
}

.numpage:hover {
	color:#fff !important;
}

.numpage_selec {
	height:15px;
	width:15px;
	font-size:11px;
	margin:2px;
	line-height:15px;
	text-align:center;
	display:inline;
	float:left;
	color:#fff!important;
	text-decoration:none;
	font-weight:900;
	background:#7f8a92;
}

.bt_suivant	{
	height:15px;
	width:15px;
	line-height:15px;
	text-align:center;
	display:inline;
	color:#7f8a92!important;
	float:left;
	background:url(../gifs/suivant.jpg) top no-repeat;
	text-decoration:none;
	margin:2px;
}

.bt_suivant_inactiv	{
	height:15px;
	width:15px;
	line-height:15px;
	text-decoration:none;
	text-align:center;
	display:inline;
	background:url(../gifs/inactif.jpg) top no-repeat;
	float:left;
	color:#7f8a92!important;
	margin:2px;
}

.bt_precedent {
	height:15px;
	width:15px;
	line-height:15px;
	text-align:center;
	display:inline;
	text-decoration:none;
	float:left;
	background:url(../gifs/precedent.jpg) top no-repeat;
	color:#7f8a92!important;
	margin:2px;
}

.bt_precedent_inactiv {
	height:15px;
	width:15px;
	line-height:15px;
	background:url(../gifs/inactif.jpg) top no-repeat;
	text-align:center;
	display:inline;
	text-decoration:none;
	float:left;
	color:#7f8a92!important;
	margin:2px;
}


.cache {
font-weight:normal;
}

.input_form1imiteLabel {
margin-left:183px;
margin-top:10px;
}

.blocbis {
    background: url("../gifs/ligne.jpg") no-repeat scroll left top transparent;
    height: 42px;
    position: absolute;
    right: 0px;
    top: 80px;
    width: 149px;
    z-index: 5;
}

.blocbis p {
	 color: #7F8A92;
    font-size: 11px;
    padding-left: 15px;
}

#secteur_realisation {
	display:block;
	float:left;
	width:180px;
	height:auto;
	text-align:center;
	margin-bottom:30px;
}

#secteur_realisation p{
	display:block;
	float:left;
	width:180px;
	height:auto;
	text-align:center;
	margin-bottom:30px; padding-top:5px; 
}

#secteur_realisation a{
	display:block;
	width:180px;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center !important;
	border-bottom:3px solid #fff;
	opacity:0.6;
	padding:0 0 3px 0;

}
#secteur_realisation a:hover{
	color:#ee7d05 !important;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	border-bottom:3px solid #ee7d05;
	opacity:1;
}

#secteur_realisation2 {
	display:block;
	float:left;
	width:180px;
	height:auto;
	text-align:center;
	margin-bottom:30px; margin-right:60px;
}

#secteur_realisation2 a{
	display:block;
	width:180px;
	height:146px;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center !important;
	border-bottom:3px solid #fff;
	opacity:0.6;
	padding:0 0 2px 0;

}
#secteur_realisation2 a:hover{
	color:#ee7d05 !important;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	border-bottom:3px solid #ee7d05;
	opacity:1;
}

#secteur_realisation img {
	border:none;
}
#secteur_realisation p {
	line-height:19px!important;
}



a p{ text-align:center !important; font-weight:bold; font-size:13px; }
a:hover p{ color:#ee7d05 !important; text-align:center; }

#etat_projet { 
	display:block;
	height:200px; width:547px;
	text-align:center;
	/*float:right;*/
	margin:  auto;
	position:relative;
}

.btn_etat {display:block; width:125px; background:#7e8991; float:left; margin-left:3px;}
.btn_etat img {	border:none;}
.btn_etat_actif {display:block; width:125px; background:#ee7d05; float:left; margin-left:3px;}
.btn_etat_actif img {border:none;}
.btn_etat:hover {display:block; background:#ee7d05;}

.btn_retour {display:block; background:#fff; float:left;}
.btn_retour:hover {display:block; background:#fff;}
.btn_retour img {	border:none;}

#etat_img {
	width:700px; height:300px;
	background-color:#555;
}

#gallerie_photos{
	margin-top:25px; float:right; text-align:right;  display:block;
}

.slider_img {float:left; list-style-image:none; list-style:none; height:120px; margin-left:5px; padding:0 !important; }

.slider_img a{opacity:0.7;}
.slider_img a:hover{opacity:1;}


/************************ PAGE PRESSE **************************/

#bloc_presse {
	width:93%;
	height:500px;
	margin:0 auto;
	z-index:0;
	position:relative;
}

#presse_srq {
	width:305px;
	height:396px;
	position:absolute;
	top:10px;
	left:10px;
	display:block;
	z-index:50;
}
#presse_srq:hover {
	z-index:1000!important;
}


#presse_archi {
	width:305px;
	height:396px;
	position:absolute;
	top:10px;
	left:40px;
	margin-left:150px;
	display:block;
	z-index:100;	
}
#presse_archi:hover {
	z-index:1000!important;
}
#presse_lux {
	width:305px;
	height:396px;
	position:absolute;
	top:10px;
	left:220px;
	margin-left:150px;
	display:block;
	z-index:150;
}

#presse_lux:hover {
	z-index:1000!important;
}


.magic {display:none;}



div#fancy_title div {
    color: #FFFFFF;
    font: 12px Arial!important;
    padding-bottom: 3px;
}

div#fancy_title {
    background: none repeat scroll 0 0 #000000;
    bottom: -33px;
    display: none;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 100;
}

td#fancy_title_left {
    background:none!important;
    height: 32px;
    width: 15px;
}
td#fancy_title_main {
    background:none!important;
    height: 32px;
}
td#fancy_title_right {
    background:none!important;
    height: 32px;
    width: 15px;
}

.element.style{width:580px !important;}

.rotation1 {
	margin-top:25px;
   -moz-transform: scale(1) rotate(-3deg) translate(10px, 20px) skew(0deg, 0deg);
-webkit-transform: scale(1) rotate(-3deg) translate(2px, 2px) skew(0deg, 0deg);
-o-transform: scale(1) rotate(-3deg) translate(2px, 2px) skew(0deg, 0deg);
-ms-transform: scale(1) rotate(-3deg) translate(2px, 2px) skew(0deg, 0deg);
transform: scale(1) rotate(-3deg) translate(2px, 2px) skew(0deg, 0deg);
}

.rotation2 {
   -moz-transform: scale(1) rotate(7deg) translate(10px, 20px) skew(0deg, 0deg);
-webkit-transform: scale(1) rotate(7deg) translate(2px, 2px) skew(0deg, 0deg);
-o-transform: scale(1) rotate(7deg) translate(2px, 2px) skew(0deg, 0deg);
-ms-transform: scale(1) rotate(7deg) translate(2px, 2px) skew(0deg, 0deg);
transform: scale(1) rotate(7deg) translate(2px, 2px) skew(0deg, 0deg);
}

.rotation3 {
margin-top:50px;
-moz-transform: scale(1) rotate(-5deg) translate(10px, 20px) skew(0deg, 0deg);
-webkit-transform: scale(1) rotate(-5deg) translate(2px, 2px) skew(0deg, 0deg);
-o-transform: scale(1) rotate(-5deg) translate(2px, 2px) skew(0deg, 0deg);
-ms-transform: scale(1) rotate(-5deg) translate(2px, 2px) skew(0deg, 0deg);
transform: scale(1) rotate(-5deg) translate(2px, 2px) skew(0deg, 0deg);
}

#fancy_inner{ max-height:500px !important; width:auto !important;}
.fancy_title{background:#ed780f !important; color:#000000 !important;}
#fancy_title{background:#ed780f !important; color:#000000 !important;}
#fancy_title_main{ color:#000000 !important;}