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

*{
	margin:0;
	padding:0;
}

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

body {
	background:url(../gifs/fond.jpg) #fff top left no-repeat;
	margin:0;
	padding:0;
	font-size:12px;
	font-family:"Century Gothic", Arial, Helvetica, "Times New Roman";
}

.container {
	width:981px; 
	margin:0 auto;
	position:relative;
	padding-top:387px;
}

.header {
	height:387px; /* à modifier*/
	position:absolute;
	top:0;
	left:0;
	width:981px;
}

.top_page {
	width:981px;
	height:357px;
	position:relative;
	margin-top:30px;
	background:url(../gifs/fond_top_page.jpg) bottom no-repeat;
}

.logo {
	display:block;
	width:215px;
	height:120px;
	position:absolute;
	top:0;
	left:0;
	z-index:5;
}



.diapo {
	width:667px;
	height:217px;
	position:absolute;
	bottom:10px;
	right:10px;
	z-index:1;
}

.slogan {
	position:absolute;
	bottom:15px;
	right:0;
	width:667px;
	height:auto;
	font-size:13px;
	color:#fff;
	z-index:2;
}

.devis {
	width:264px;
	height:217px;
	background:url(../gifs/devis.jpg) top no-repeat;
	position:absolute;
	bottom:10px;
	left:10px;
	z-index:3;
}

.devis strong {
	text-transform:uppercase;
}

.devis p {
	font-size:12px;
	color:#fff;
	padding-left:15px;
	padding-right:15px;
	padding-top: 81px;
}

.btn_devis {
	display:block;
	width:211px;
	position:absolute;
	top:142px;
	left:15px;
	height:50px;
	text-align:left;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	padding-left:20px;
	padding-top:10px;
	text-decoration:none;
	color:#fff;
	background:url(../gifs/btn_devis.jpg) no-repeat;
	letter-spacing:1px;
	
}


/**********************************************************BDD AUTO **************************************/
.pagination	{
	height:15px;
	margin:10px auto;
}

.numpage {
	height:15px;
	width:15px;
	line-height:15px;
	text-align:center;
	display:inline;
	font-size:11px;
	float:left;
	color:#fefefe!important;
	text-decoration:none !important;
	font-weight:900;
	margin:2px;
	background:url(gifs/pagination_link.jpg) no-repeat;
}

.numpage_selec {
	height:15px;
	width:15px;
	font-size:11px;
	margin:2px;
	line-height:15px;
	text-align:center;
	display:inline;
	float:left;
	color:#fefefe!important;
	text-decoration:none !important;
	font-weight:900;
	background:url(gifs/pagination_hover.jpg) no-repeat
}

.bt_suivant	{
	height:15px;
	width:15px;
	line-height:15px;
	text-align:center;
	display:inline;
	float:left;
	background:url(gifs/suivant.jpg) no-repeat;
	margin:2px;
}

.bt_suivant_inactiv	{
	height:15px;
	width:15px;
	line-height:15px;
	text-align:center;
	display:inline;
	float:left;
	background:url(gifs/suivant_inactiv.jpg) no-repeat;
	margin:2px;
}

.bt_precedent {
	height:15px;
	width:15px;
	line-height:15px;
	text-align:center;
	display:inline;
	float:left;
	background:url(gifs/precedent.jpg) no-repeat;
	margin:2px;
}

.bt_precedent_inactiv {
	height:15px;
	width:15px;
	line-height:15px;
	text-align:center;
	display:inline;
	float:left;
	background:url(gifs/precedent_inactiv.jpg) no-repeat;
	margin:2px;
}

/**********************************************************************************************************/


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

#page1 p {
	color:#252525;
	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:#1b61d3;
	text-decoration:underline;
}

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

.page strong {
	color:#1b61d3;
}

.lien {
  line-height:1.6em;
  text-align:right !important;
  color:#000;
  padding: 10px 0 10px 0;
}

.lien a {
  text-decoration:underline;
  color:#000;
}

.lien a:hover {
  text-decoration:none;
  color:#fff;
  background:#000;
}

.paragraphe5050 {
	float:left;
	width:315px;
	height:auto;
	display:inline;
}

.paragraphe50501 {
	float:right;
	width:315px;
	height:auto;
	display:inline;
}

.filet {
	width:100%;
	height:15px;
	border-top:1px solid #bfbfbf;
	margin:10px auto 5px auto;
	clear:both;
}

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

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

/************** 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-color: #FFFFFF;
	border:1px solid #1B61D3;
	font-family: Arial;
	color: #333333;
	margin-top: 5px;
	font-size:12px;
	width: 225px;
}

.input_form1 {
	background-color: #FFFFFF;
	border:1px solid #1B61D3;
	font-family: Arial;
	color: #333333;
	margin-top: 5px;
	font-size:12px;
	width: 115px;
}

.area_form {
	background-color: #FFFFFF;
	border: 1px solid #1B61D3;
	font-family: Arial;
	color: #333333;
	margin-top: 5px;
	height:100px;
	font-size:12px;
	width: 225px;
	overflow: auto;
}

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

.bouton_form1 {
	height: 30px;
	width: 175px;
	border: 1px none #fff;
	color: #FFFFFF;
	display: block;
	cursor: pointer;
	font-weight:bold;
	clear:both;
	margin:20px 0 0 205px;
	background-color: #1B61D3;
}

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


.optional {
	width:175px !important;
	text-align:right !important;
}

.required {
	width:175px !important;
	text-align:right !important;
}

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

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

#formulaire_1 {
	width: 435px;
	height:auto;
	float:left;
	display:inline;
}

#formulaire_2 .optional, #formulaire_2 .required {
	width:220px !important;
}
/**********FIN CONTACT*************/

#projet, #coordonnes {
	width:625px;
	height:auto;
	background:#eee;
	border:1px solid #1b61d3;
	padding:20px;
	margin-bottom:20px;
}

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

.valide {
	width:400px !important;
	display:inline;
	background:none !important;
	color:#1b61d3 !important;
}

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

#newsletter_iframe h1 {
	color:#ce0a0b !important;
	border-bottom:1px solid #1b61d3 !important;
}

#newsletter_iframe p {
	color:#252525 !important;
}

#newsletter_iframe a {
	color:#1b61d3 !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 {
	width:553px;
	height:30px;
	position:absolute;
	top:90px;
	right:0;
	z-index:6;
}

ul.MenuHorizontal { 
   width: 553px; 
   list-style: none; 
   margin: 0; 
   padding: 0; 
   overflow: hidden; 
} 

ul.MenuHorizontal li { 
   float: left; 
} 

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

li#menu0 { 
   width: 67px; 
} 

li#menu1 { 
   width: 164px; 
} 

li#menu2 { 
   width: 153px; 
} 

li#menu3 { 
   width: 49px; 
} 

li#menu4 { 
   width: 120px; 
} 

li#menu0 a { 
   background-image: url('../gifs/menu_06.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu1 a { 
   background-image: url('../gifs/menu_07.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu2 a { 
   background-image: url('../gifs/menu_08.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu3 a { 
   background-image: url('../gifs/menu_09.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu4 a { 
   background-image: url('../gifs/menu_10.jpg');         /*Ici l'image de fond de la cellule*/ 
} 


li#menu0 a:hover, a#selected-over0 { 
	color:#fff;
	font-weight:bold;
   background-image: url('../gifs/roll_06.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu1 a:hover, a#selected-over1 { 
	color:#fff;
	font-weight:bold;
   background-image: url('../gifs/roll_07.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu2 a:hover, a#selected-over2 { 
	color:#fff;
	font-weight:bold;
   background-image: url('../gifs/roll_08.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu3 a:hover, a#selected-over3 { 
	color:#fff;
	font-weight:bold;
   background-image: url('../gifs/roll_09.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu4 a:hover, a#selected-over4 { 
	color:#fff;
	font-weight:bold;
   background-image: url('../gifs/roll_10.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

/************************************CONTENU***************************************/

#content {
	width:981px;
	height:auto;
	position:relative;
	padding-top:20px;
	padding-bottom:30px;
}

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



.newsletter_1 {
	margin-top:10px;
	width:186px;
	height:85px;
	background:url(../gifs/newsletter.jpg) top no-repeat;
	display:block;
	text-decoration:none;
	font-size:11px;
	color:#252525;
	text-align:left;
	cursor:pointer;
	padding-left:80px;
	padding-right:8px;
	line-height:16px;
	padding-top:17px;
}

.newsletter_1 strong {
	font-size:13px !important;
}

.footer {
	width:981px;
	height:auto;
	clear:both;
	font-size:11px;
	text-align:center;
}

.nuage {
	border-top:1px solid #1b61d3;
	border-bottom:1px solid #1b61d3;
	height:25px;
	line-height:25px;
	margin-bottom:10px;
}

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

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

/********************************************************* Panel CONTACT *************************************************/
.panel_button {
	position: relative;
	top: 0px;
	_top:-1px;
	width: 393px;
	height: 22px;
	background:none;
	z-index: 20;
	cursor: pointer;
	margin:0 auto;
}

#toppanel {
	position: fixed;
	-position: absolute;
	-top:expression(fixed_top(this,0));
	width: 100%;
	left: 0px;
	top:0px;
	overflow:hidden;
	z-index: 250;
	text-align:center;
}

#panel {
	width: 100%;
	position: relative;
	bottom: 0px;
	height: 7px;
	margin-left: auto;
	margin-right: auto;
	z-index: 300;
	overflow: hidden;
	text-align: left;
}

#panel_contents {
	background:url(../gifs/tranche_panel.jpg) #1655cc bottom repeat-x;
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: -1;
	bottom:0px;
	left:0px;
}

.contenu {
	width:981px;
	height:145px;
	margin:0 auto;
	font-size:12px;
	color:#fff;
	padding-top:10px;
}




/******************************************************* MODELE ***************************************************/
	
.col1 {
	width:312px;
	height:auto;
	float:left;
	padding-left:15px;
	display:inline;
	background:url(../gifs/colonne_top.jpg) top right repeat-y;
}

.col2 img, .col1 img {
	float:right;
	display:inline;
	margin-right:10px;
	margin-top:20px;
	border:1px solid #ce0a0b;
}

.col2 {
	width:312px;
	height:auto;
	float:left;
	padding-left:15px;
	display:inline;
}

.contenu strong {
	text-transform:uppercase;
	color:#062353;
}

.contenu p {
	padding-bottom:10px;
}

/******************* MISE EN PAGE ************************/

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

h1 {
	font-size:22px;
	margin-bottom:20px;
	color:#ce0a0b;
	font-weight:100;
	text-align:left;
	border-bottom:1px solid #1b61d3;
}

h2, h3 {
	font-size:17px;
	margin-bottom:10px;
	color:#ce0a0b;
	text-align:left;
	border-bottom:1px solid #1b61d3;
}

.plan_map {
	width:230px;
	height:auto;
	float:right;
	display:inline;
}

.link {
	width:164px;
	height:20px;
	background:url(../gifs/btn_link.jpg) top no-repeat;
	display:block;
	text-decoration:none !important;
	float:right;
	margin-top:10px;
	line-height:20px;
	color:#fff !important;
	padding-right: 22px;
	font-size:11px;
	text-align:center !important;
	margin-bottom:10px;
}


.link1 {
	width:164px;
	height:20px;
	background:url(../gifs/btn_link.jpg) top no-repeat;
	display:block;
	text-decoration:none !important;
	margin-top:10px;
	line-height:20px;
	color:#fff !important;
	padding-right: 22px;
	margin-bottom:10px;
	font-size:11px;
	text-align:center !important;
}

.img1, .img2 {
	width:200px;
	height:auto;
	float:left;
	display:inline;
	margin-bottom:15px;
}

.img3, .img4 {
	width:210px;
	height:auto;
	float:left;
	display:inline;
	border:1px solid #CE0A0B;
	margin-bottom:15px;
}

.img1 img, .img2 img, .img6 img, .img5 img {
	border:1px solid #CE0A0B;
	margin-bottom:3px;
}

.img1, .img3 {
	margin-right:15px;
}

.img5 {
	width:326px;
	height:auto;
	float:left;
	display:inline;
	margin-right:15px;
	margin-bottom:15px;
}

.img6 {
	width:326px;
	height:auto;
	float:right;
	display:inline;
	margin-bottom:15px;
}

.img_r {
	float:right;
	display:inline;
	border:1px solid #CE0A0B;
	margin-bottom:10px;
}

.my_partenaire {
	width:150px;
	height:auto;
	float:right;
	display:inline;
}

.carousel {
	heigth:164px;
	background:url(../gifs/carousel.jpg) top no-repeat;
	padding-left:32px;
}

.carousel .titre {
	font-size:14px;
	color:#1b61d3 !important;
	font-weight:bold;
	padding-bottom:2px !important;
	padding-top:10px !important;
	border-bottom:1px solid #1b61d3;
	margin-bottom:10px;
	padding-right:0 !important;
}

.carousel p.descriptif {
	padding-left:50px;
	padding-right:50px;
}

.carousel .link {
	margin:0 !important;
}
#plan_acces{background:url(../gifs/header_planacces.jpg) no-repeat;width:556px;height:120px;position:absolute;top:0;right:0}

.contact{overflow:hidden;width:274px}
.contact .contact_header{background:url(../gifs/contact_header.jpg) no-repeat;width:274px;height:35px}
.contact .contact_content{background:url(../gifs/contact_content.jpg) repeat-y;width:274px}
.contact .contact_content p{color:#252525;font-size:12px;line-height:18px;padding-left:15px;padding-right:15px;text-align:left}
.contact .contact_content p .big{font-size:20px}
.contact .contact_content p strong{color:#1b61d3}
.contact .contact_content hr{margin:25px}
.contact .contact_content .first_paragraph{padding-top:25px}
.contact .contact_content .sdf{padding-left:25px}
.contact .contact_content .btn_contact{background:url(../gifs/btn_contact.jpg) top no-repeat;color:#fff;display:block;font-size:14px;font-weight:700;height:44px;line-height:41px;margin:25px 0 25px 0;float:left;padding-left:15px;text-align:left;text-decoration:none;text-transform:uppercase;width:210px}
.contact .contact_footer{background:url(../gifs/contact_footer.jpg) no-repeat;width:274px;height:3px}

.bouton_form:hover, .btn_devis:hover, .btn_contact:hover, .newsletter_1:hover, .bouton_form1:hover, .logo:hover, .link:hover, .link1:hover {opacity:0.8 !important;filter:alpha(opacity=80) !important}

#realisation {
	border:1px solid #1B61D3;
	clear:both;
	padding:15px;
	
	font-size:15px;
	position:relative;
	overflow:visible;
	background:#F8FAF9;
}

#realisation a {
color:#1B61D3;
font-weight:bolder;
text-decoration:none;
}

#realisation .jcarousel-prev {
	background:#fff;
	width:30px;
	height:30px;
	position:absolute;
	top:57px;
	left:-32px;
	background:url(../gifs/fleche_avant2.jpg);
}

#realisation .jcarousel-next {
	background:#fff;
	width:30px;
	height:30px;
	position:absolute;
	top:57px;
	right:-56px;
	background:url(../gifs/fleche_apres2.jpg);
}

#realisation .jcarousel-prev:hover {
    background:url(../gifs/fleche_avant2o.jpg);
	opacity:1;
	filter:alpha(opacity=100);
}
#realisation .jcarousel-next:hover {
    background:url(../gifs/fleche_apres2o.jpg);
	opacity:1;
	filter:alpha(opacity=100);
}

.nav1 {
	position:absolute;
	top:10px;
	right:10px;
	width:120px;
}

.nav1 .element1 {
	display:block;
	background:url(../gifs/precedent.jpg);
	width:15px;
	height:15px;
	float:left;
}

.nav1 .element1:hover {
	background:url(../gifs/precedent_inactiv.jpg);
}

.nav1 .element2:hover {
	background:url(../gifs/suivant_inactiv.jpg);
}

.nav1 .element2 {
	display:block;
	background:url(../gifs/suivant.jpg);
	width:15px;
	height:15px;
	float:left;
}

.nav1 .texte {
	display:block;
	float:left;
	padding:0 8px;
	line-height:15px;
	color:#1B61D3;
	font-weight:bold;
}

#realisation h2 {
	border:0 !important;
}

#realisation .descriptif {
	text-align:justify;
}

#realisation div {
	position:relative;
}

#chargement{
	text-align:center;
	position:relative;
	display:none;
}

#overflow_chargement{
	position:absolute !important;
	width:667px;
	top:0;
	left:0;
}

.img_link img {
	border:none	
}