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

*{
	margin:0;
	padding:0;
}

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

body {
	background:#eee;
	margin:0;
	padding:0;
	font-size:12px;
	font-family:"Trebuchet MS", "Times New Roman";
}

.container {
	width:991px;
	height:auto; 
	margin:0 auto;
	position:relative;
	padding-top:423px;
}

.logo {
	width:219px;
	height:88px;
	background:url(../gifs/buquet_renovation_interieur.jpg) top no-repeat;
	display:block;
	margin: 0 auto;
}

.logo:hover, .newsletter_1:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
}

#content {
	width:991px;
	height:auto;
	overflow:hidden;
	background:url(../gifs/content.jpg) top repeat-y;
	position:relative;
	padding-top:10px;
	padding-bottom:20px;
}

.header {
	height:423px; /* à modifier*/
	width:991px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

.colonne_centre {
	width:666px;
	height:auto;
	float:right;
	display:inline;
	margin-right:26px;
}

.colonne_gauche {
	width:253px;
	height:320px;
	margin-top: 8px;
	padding-top:36px;
	background:url(../gifs/col_gauche.jpg) top no-repeat;
	float:left;
	display:inline;
	margin-left:27px;
	font-size:12px;
}

.colonne_gauche strong {
	color:#3c9e23;
}

.big {
	font-size:20px;
}

.colonne_gauche a {
	color:#3c9e23;
	text-decoration:underline;
}

.colonne_gauche a:hover {
	text-decoration:none;
}

.colonne_gauche img {
	margin-top:15px;
}

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

.utile {
	position:absolute;
	top:0;
	right:5px;
	z-index:2;
	width: 300px;
	height:auto;
	text-align:right;
	font-size:10px;
	color:#666666;
}

.utile a {
	font-size:10px;
	color:#666666;
	text-decoration:none;
}

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

.footer {
	width:991px;
	height:auto;
	overflow:hidden;
	clear:both;
	background:url(../gifs/tranche_footer.jpg) top repeat-y;
}

.nuage {
	width:991px;
	height:30px;
	background:url(../gifs/nuage.jpg) top no-repeat;
	text-align:center;
	line-height:30px;
	color:#fff;
}

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

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

.bas_footer {
	width:991px;
	height:14px;
	background:url(../gifs/bas_footer.jpg) top no-repeat;
	clear:both;
	overflow:hidden;
	padding-bottom:20px;
}

.col1 {
	width:215px;
	height:auto;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	display:inline;
	background:url(../gifs/tranche.jpg) right no-repeat;
	padding-left:30px;
}

.col2 {
	width:245px;
	height:auto;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	display:inline;
	background:url(../gifs/tranche.jpg) right no-repeat;
}

.col2 img {
	margin-left:15px;
}

.col2 img:hover {
	opacity:0.6;
	filter:alpha(opacity=60);
}

.col3 {
	width:215px;
	height:auto;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	display:inline;
	padding-left:30px;
}

.col3 p {
	color:#fff;
	text-align:justify;
	font-size:11px;
	padding-right:15px;
}

.newsletter_1 {
	display:block;
	width:185px;
	height:30px;
	background:url(../gifs/newsletter.jpg) top no-repeat;
	float:right;
	margin-right:15px;
	margin-top:10px;
}

/******************************************************************** Lien ******************************************************************/
.page p {
	color:#3b3b3b;
	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:#3365a0;
	text-decoration:underline;
}

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

.lien {
  text-decoration:underline;
  color:#3365a0;
  height:20px;
  line-height:17px;
  padding-right:10px;
  float:right;
  background:url(../gifs/puce_liste.jpg) right no-repeat;
}

.lien a:hover {
  text-decoration:none;
  color:#3365a0;
}

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

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

.filet {
	width:100%;
	height:15px;
	border-top:1px solid #b8c9de;
	margin:10px auto 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:#3b3b3b;
	text-align:left;
}

.img_left {
	float:left;
	display:inline;
	margin-right:20px;
	border:1px solid #3C9E23;
}

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

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

#loupe {
	position: absolute;
	top: 30px;
	right: 22px;
	z-index: 10;
	color:#3B3B3B;
	font-size:10px;
}

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

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

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

zoom {
	font-size:120%;
}

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

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

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

.area_form {
	background-color: #f5f4f4;
	border: 1px solid #b8c9de;
	font-family: Arial;
	color: #333333;
	margin-top: 5px;
	height:100px;
	font-size:12px;
	width: 250px;
	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: #3365A0;
}

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

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

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

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

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

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

#formulaire_1 {
	width: 439px !important;
	height:auto;
	float:left;
	display:inline;
}

.valide {
	background:#f5f4f4 !important;
	border:1px solid #777 !important;
	color:#252525 !important;
	width:380px !important;
}

.bloc {
	width: 225px;
	height:auto;
	float:right;
	display:inline;
}
/**********FIN CONTACT*************/


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

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

#newsletter_iframe h1 {
	color:#3365a0 !important;
	border-bottom:1px solid #3365a0;
	padding-bottom:4px;
	margin-bottom:15px;
}

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

#newsletter_iframe a {
	color:#3365a0 !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: 991px; 
   list-style: none; 
   margin: 0; 
   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: 14px;         /*Ici, changer la taille de la police du menu*/ 
   padding-top: 0px;         /*Ici, on joue sur le padding pour centrer le texte verticalement*/
   height: 45px;         /*Ici, on augmente la hauteur du menu*/  
   text-align: center; 
   text-decoration: none; 
   line-height:45px;
} 

li#menu0 { 
   width: 79px; 
} 

li#menu1 { 
   width: 88px; 
} 

li#menu2 { 
   width: 82px; 
} 

li#menu3 { 
   width: 91px; 
} 

li#menu4 { 
   width: 94px; 
} 

li#menu5 { 
   width: 170px; 
} 

li#menu6 { 
   width: 387px; 
} 

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

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

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

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

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

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

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

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

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

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

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

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

li#menu5 a:hover, a#selected-over5 { 
   background-image: url('../gifs/roll_10.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu6 a:hover, a#selected-over6 { 
   opacity:0.9;
   filter:alpha(opacity=90);
} 
/******* FIN MENU ********/

.my_flash {
	width:810px;
	height:290px;
	float:right;
	color:transparent !important;
	display:inline;
}

.menu2 {
	float:left;
	display:inline;
	width:181px;
	height:auto;
}

.top_menu {
	width:181px;
	height:79px;
	background:url(../gifs/roll2_13.jpg) top no-repeat;
	overflow:hidden;
}

.bas_menu {
	width:181px;
	height:91px;
	background:url(../gifs/roll2_19.jpg) top no-repeat;
	overflow:hidden;
	clear:both;
}

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

ul.MenuHorizontal2 li { 
   float: left; 
} 

ul.MenuHorizontal2 li a { 
   display: block; 
   color: #FFF;         /*Ici, changer la couleur de la police*/ 
   font-size: 14px;         /*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: left; 
   text-decoration: none; 
   line-height:30px;
   padding-left:20px;
   width:161px;
} 


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

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

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

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

li#menu02 a:hover, a#selected-over02 { 
   background-image: url('../gifs/roll2_15.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu12 a:hover, a#selected-over12 { 
   background-image: url('../gifs/roll2_16.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu22 a:hover, a#selected-over22 { 
   background-image: url('../gifs/roll2_17.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu32 a:hover, a#selected-over32 { 
   background-image: url('../gifs/roll2_18.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 
/******* FIN MENU ********/


/********* MISE NE PAGE *************/

h1 {
	font-size:24px;
	color:#3365a0;
	text-align:left;
	padding-bottom:5px;
	margin-bottom:20px;
	border-bottom:1px solid #b8c9de;
	font-weight:100;
}

h2, h3 {
	font-size:16px;
	color:#3C9E23;
	text-align:left;
	padding-bottom:0;
	margin-bottom:5px;
}

/******* TPL ************/

.tpl {
	width:213px;
	height:auto;
	padding-top:5px;
	float:left;
	background:#f5f4f4;
	border:1px solid #B8C9DE;
	display:inline;
	margin:0 3px 10px;
}

.tpl h2 {
	text-align:center !important;
	font-size:14px !important;
	border:none !important;
}

.tpl img {
	margin-bottom:5px;
}


/********** PAGINATION *************/

.paginationControl {
	text-align:center;
	margin:20px auto 10px;
}

.pagination {
	width:75px;
	height:20px;
	float:left;
	display:inline-block;
	text-align:center;
	color:#fff !important;
	text-decoration:none !important;
	line-height:20px;
	margin:0 2px;
	background:url(../gifs/pagination.jpg) top no-repeat;
}

.disabled {
	width:75px;
	height:20px;
	margin:0 2px;
	float:left;
	display:inline-block;
	text-align:center;
	color:#252525 !important;
	text-decoration:none !important;
	line-height:20px;
	background:url(../gifs/pagination_inactive.jpg) top no-repeat;
}

.numpage {
	display:inline-block;
	width:20px;
	height:20px;
	background:url(../gifs/pagination_link.jpg) top no-repeat;
	float:left;
	line-height:20px;
	text-align:center;
	margin:0 2px;
	text-decoration:none !important;
	color:#fff !important;
}

.pagination_selected {
	display:inline-block;
	width:20px;
	height:20px;
	margin:0 2px;
	font-weight:bold;
	background:url(../gifs/pagination_hover.jpg) top no-repeat;
	float:left;
	line-height:20px;
	text-align:center;
	text-decoration:none !important;
	color:#252525 !important;
}


.grasss {
	font-weight:normal;
	color:#FFFFFF;

}

.end {
	text-align:center;
	color:#FFFFFF;
	padding-left:25px;
	padding-right:25px;
	clear:both;
}

.end strong {
	font-weight:normal;
}

.gras {
	font-weight:normal;
	color:#3B3B3B;

}