/*===| I. MAIN LAYOUT  |=====================================================*/
* {margin: 0;}
html, body {height: 100%;width: 100%;}
ul, li{list-style: none;list-style-position: outside;	margin: 0;	padding: 0;}
p{padding: 0;}
.left{float: left;} .right{float: right;}
.left1{float: left; padding: 4px 30px 0 0px;} .right1{float: right;padding: 0 0 0 20px;}
.left2{float: left; padding: 0px 0px 20px 0px;}	.right2{float: right;padding: 4px 0 0 20px;}
#push, .clr	{clear: both;}

body{ background: #FFFFFF;}
#bg1{position:absolute;z-index: 1; width:100%; background:url("images/bg0.gif") 50% 0% repeat-y;}
#bg2{position:absolute;z-index: 2; width:100%; background: url(images/bg-x.jpg) 50% 0% repeat-x;}
#bg3{position:absolute;z-index: 3; background: url(images/bg-fix.jpg) 50% 0% no-repeat;}
#bg4{position:absolute;z-index: 3; width:100%;background: url(images/bg-bottom-x.jpg) 50% 100% repeat-x;}

#wrap-container{position:relative;z-index:4; width: 100%;}
#container{background:url("images/bg0.gif") 50% 50% repeat-y; margin:0 auto;	text-align: left;}
#content{}

/* ===| II. HEADER ELEMENTS |================================================*/
#site-header.outter{background:url("images/header.jpg") 50% 0 no-repeat;}
#site-header .inner{}

/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter{float:left; margin: 0; overflow: hidden;}
#left-inner{padding: 5px 25px 0px 0;}

#left-inner p
{
  padding: 0 0 17px 0;
}

#actualite
{
  float: left;
	width: 228px;
	height: 180px;
	background: url(images/bg-actualites.jpg) no-repeat top left;
	padding: 0px 20px 0 20px;
}

#actualite p
{
  font-size: 11px;
  color: #2b4976;
}

.details
{
  clear: both;
	float: right;
	padding: 0px 0 0 0;
}

.photo
{
  padding: 2px;
  border: solid 1px #dadada;
	float: right;
	margin: 2px 0 0px 12px;
	margin: 2px 0 0px 12px;
	background: #fdfdfd;
}

 #contact-info
 {
  float: left;
	width: 228px;
	height: 132px;
	background: url(images/coordonnees.jpg) no-repeat top left;
	padding: 86px 20px 0 20px;
 }

 #contact-info .tel
{
  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	color: #59829e;
  text-align: justify;
	line-height: 18px;
	padding: 6px 0 10px 0;
}


 #contact-info p
{
  font-size: 11px;
  color: #2b4976;
	line-height: 18px;
}

#contact-info a:link, #contact-info a:visited
{
 text-decoration: underline;
 color:#1666b8;
 font-size: 12px;
 font-weight: bold;
}
#contact-info a:hover,  #contact-info a:active
{
 text-decoration: none;
 color:#59829e;
 font-size: 12px;
 font-weight: bold;
}

 #plan
 {
  float: left;
	width: 228px;
	height: 59px;
	background: url(images/bg-plan.png) no-repeat top left;
	padding: 74px 20px 0 20px;
 }

 .encart-holder
 {
   padding: 0px 6px 15px 5px;
	 float: left;
 }

  .encart
 {
   padding: 15px 12px 0px 12px;
	 float: left;
	 background: url(../../images/charte/bg-encart.png) no-repeat top left;
	 width: 316px;
	 height: 150px;
 }

 .encart p
 {
   font-weight: bold;
	 padding: 0 10px 0 14px !important;
	 text-align: center;
 }

 .image-encart
 {
   width: 90px; /* imaginea o sa fie de 122px */
   height: 95px;
	 float: left;
	 padding: 0px 10px 0 5px;
 }


 .image-encart img
 {
   border: solid 1px #cae1f1;
	 padding: 4px;
	 background: #e9f7fd;
 }

.bg-popup
{
  background: url(../../images/charte/bg-popup.jpg) repeat-x top left;
	width: 100%;
	height: 100%;
	float: left;
}

.bg-popup img
{
 border: solid 1px #cae1f1;
	 padding: 4px;
	 background: #e9f7fd;

}

.bg-popup-inner
{
/*  background: url(../../images/charte/avant-apres.png) no-repeat top left; */

}

 .bg-popup .text-popup
{
  text-align: center;width: 320px;float: left;  margin: 0px; padding: 0px; font-size: 12px; color: #fff; font-weight: bold;
}


.bg-popup p
{
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; color: #011f66; text-align: justify; margin: 2px 7px 2px 7px;
}





/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{	float:left;	margin:0; padding:0; overflow: hidden;}
#right-inner{padding: 0px 0px 0px 0px;}

/* ===| V. FOOTER BOXES |=====================================================*/
#wrap-footer {position:relative; z-index: 4; width: 100%; text-align: left;}
#fwrap1 {position:absolute; z-index: -3; left:0;  width:100%;}
#fwrap2 {position:absolute; z-index: -2; left:0; width:100%;}
#fwrap3 {position:absolute; z-index: -1; left:0; }


#footer.outter	{background: url(images/separator-footer.jpg)  50% 0% repeat-x; margin: 0 auto; height: 60px; padding: 6px 0px 0 0;}
#footer .inner	{ }
#footer .box1	{ float: left; width: 268px; padding: 0px 0 0 0px; text-align: right;}
#footer .box1 p {font-family: Arial, Helvetica, sans-serif; color: #1666b8; font-size: 11px;text-align: right; }
#footer .box1 a:link, #footer .box1 a:visited
{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #011f66;
	font-size: 11px;
	line-height: 18px;
}
#footer .box1 a:hover, #footer .box1 a:active
{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
  color: #1666b8;
	font-size: 11px;
	line-height: 18px;
}

.copyright { float: left; width: 728px; padding: 0px 0px 0 0; text-align: left;}
.copyright p{text-align: left;color:#1666b8;font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#footer .copyright a:link, #footer .copyright a:visited
{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #011f66;
	line-height: 18px;
}
#footer .copyright a:hover, #footer .copyright a:active
{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
  color: #1666b8;
	font-size: 11px;
	line-height: 18px;
}

.pagination
{
  color: #1666b8;
	text-align: center;
	width: 703px;

}

.pagination a:link,.pagination a:visited
    {
      text-decoration: none;
      color: #011f66;
			font-weight: bold;
    }
.pagination a:hover,.pagination a:active
    {
      text-decoration: none;
      color: #1666b8;
			font-weight: bold;
    }

.ref{ text-align: center; clear: both; padding: 0px 0px 0; color: #eee8d7; font-size: 10px; margin: 0px auto;width: 850px; }


/* ===| VI. OTHER ELEMENTS |====================================================*/
img {border: 0;}

#menu2{color:#1666b8;font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
#menu2 ul li{display: inline;}
#menu2 ul li a:link, #menu2 ul li a:visited { text-decoration: none !important;font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #1666b8 !important;line-height: 18px; padding: 0px; }
#menu2 ul li a:hover, #menu2 ul li a:active{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #011f66 !important;line-height: 18px; text-decoration: underline !important;}

.separator{width:100%;	height:2px; clear:both; padding: 0px 0 0 0; margin:5px 0 0 0; background: url(../../images/charte/separator.jpg) repeat-x top left;}
.separator2{width: 650px;	height:10px; clear:both; padding: 0px 0 0 0; margin:0px 0 0 0; background: url(../../images/charte/separator.jpg) repeat-x 50% 50% ;

.separator1{width:100%;	height:1px; clear:both; padding:0; margin:0px 0; background: url(../../images/charte/separator1.jpg) repeat-x top left;}

/* ===| VII. CONTACT FORM |=====================================================*/
/*#frmContact{margin: 0; padding: 5px; width: 98%; background: #f3f3f3; border: 1px solid #dfdfdf; }
#frmContact label{display: block; padding: 4px 2px; border-bottom: 1px solid #ffffff; clear:both;}
#frmContact label span{display:block; width: 29%; float: left;}
#frmContact label input, #frmContact label textarea{width: 40%; vertical-align: top;}

div.submit-buttons{clear: both;	text-align: center; padding: 4px 2px;}
div.submit-buttons input{	border: 1px solid #fff; background: #ccc;}
div.submit-buttons a:hover input{ border: 1px solid #ccc; background: #fff;}*/