/*===| I. MAIN LAYOUT  |=====================================================*/
* {margin: 0; outline:none}
html, body {height: 100%;width: 100%;}
ul, li{list-style: none;list-style-position: outside;	margin: 0;	padding: 0;}
p{padding: 0px;}
.left{float: left;} .right{float: right;}
.left1{float: left; margin-right: 19px;} .right1{float: right; margin-left: 19px;}
.left2{float: left; margin-right: 5px;}


#push, .clr	{clear: both;}
.clear{ clear:both; font-size: 0px; line-height: 0px; height: 0px;}
.clear10{ clear: both; line-height: 0px; font-size: 0px; height: 10px;}
.clear-left{ clear: left; line-height: 0px; font-size: 0px; height: 11px;}
.spacing{ padding-top: 3px !important;}
.spacing1{ padding-bottom: 14px !important; padding-top: 8px !important;}
.spacing2{ padding-top: 13px !important;}
.spacing3{ padding-bottom: 13px !important;}
.l1{ width: 225px !important;}
.l2{ width: 100px !important;}
.l3{ width: 175px !important;}
.l4{ width: 135px !important;}
/*ul.l2{ width: 606px !important;}
ul.l2 li{padding-right: 9px !important;}
.width1{width: 405px !important;}
*/


body{ background: #ffffff;}
#bg1{position:absolute;z-index: 1; width:100%; }
#bg2{position:absolute;z-index: 2; width:100%; }
#bg3{position:absolute;z-index: 3; background: url(images/bg-fix.jpg) 50% 0% no-repeat;min-height: 746px; height: auto!important;height: 746px;}

#wrap-container{position:relative;z-index:4; width: 100%;}
#container{ margin:0 auto;text-align: left; padding: 0px;}
#content{ }

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

/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter{float:left; margin: 0; overflow: hidden;padding: 0px; min-height: 448px; height: auto!important;height: 448px; background: url(images/bg-left-col.jpg) no-repeat top left; }

#plan{ float: left; width: 260px; height: 122px; padding: 0px 0px 0px 0px;}

#contact-info{ float: left; width: 230px; height: 103px; padding: 223px 15px 0 15px;  background: url(images/bg-coordonnees.jpg) top left;}
#contact-info p{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #464646; line-height: 18px; text-align: justify;}
#contact-info strong{ color: #3453b7;}
#contact-info a:link, #contact-info a:visited{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; text-align: justify; color: #2848ae; text-decoration: none; }
#contact-info a:hover, #contact-info a:active{font-family: Arial, Helvetica, sans-serif; font-size: 11px;line-height: 16px; text-align: justify; color: #464646; text-decoration: none; }
#contact-info .mail{width: 211px; height: 37px; padding: 5px 9px 0 10px; float: left; background: url(images/bg-mail.jpg) no-repeat top left;}


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

.paragraph{line-height: 18px; width: 671px; height: 100%;padding: 5px 14px 0px 14px; margin: 0px !important; border: solid 1px #dee5c9; background: #ffffff;}
.paragraph p{  padding: 0px 0px 5px 0px; margin: 0px !important;}


.encart{ width: 403px; float: left;}
.encart-top{ width: 403px; height: 6px; float: left;float: left; background: url(../../images/charte/encart-top.jpg) no-repeat left top;}
.encart-middle{ width: 363px; padding: 0 20px 0 20px; height: 100%; float: left; background: url(../../images/charte/encart-middle.jpg) repeat-y left top;}
.encart-bottom{ width: 403px; height: 6px; float: left; background: url(../../images/charte/encart-bottom.jpg) no-repeat left bottom;}
.encart p{color: #142c7a !important; }

.encart1{ width: 600px; float: left;}
.encart1-top{ width: 600px; height: 6px; float: left;float: left; background: url(../../images/charte/encart1-top.jpg) no-repeat left top;}
.encart1-middle{ width: 560px; padding: 0 20px 0 20px; height: 100%; float: left; background: url(../../images/charte/encart1-middle.jpg) repeat-y left top;}
.encart1-bottom{ width: 600px; height: 6px; float: left; background: url(../../images/charte/encart1-bottom.jpg) no-repeat left bottom;}
.encart1 p{color: #142c7a !important; text-align: center;}

.button{font-family: Arial, Helvetica, sans-serif; width: 89px; height: 19px; padding-top: 1px; text-align: center; border: solid 1px #aaaaaa; background: #d2d2d2; font-size: 11px;}
.button a:link, .button a:visited{ color: #505050 !important; text-decoration: none !important;font-weight: bold;font-size: 12px !important;}
.button a:active, .button a:hover{ color: #19399e !important; text-decoration: none; font-weight: bold; font-size: 12px !important;}

  a:link input.cbutton, a:visited input.cbutton{
   width: 89px; height: 24px; padding: 0px;  margin: 0px;
  background: #d2d2d2;
  color: #505050 !important;
  font-size: 12px !important;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align:center;
  text-decoration: none ;
  border: solid 1px #aaaaaa;}
a:hover input.cbutton, a:focus input.cbutton{
  width: 89px; height: 24px !important; padding: 0px;  margin: 0px;
  background: #dadfef;
  color: #4d66b6 !important;
  font-size: 12px !important;
  font-weight: bold;
  text-align:center;
  border: solid 1px #6278c0;}
/* ================= realisations ================== */

.thumb-holder{height: 180px;width: 137px;float: left;margin: 15px 15px 0px 0px; border: solid 1px #6278c0; background: #dadfef;color: #4d66b6 !important;}

.thumb-holder p{ text-align: center;}
.thumb-title{ height: 18px; float: left; width: 100%; padding-top: 10px;}
.thumb-img{ width: 120px; height: 120px; padding: 7px; float: left;line-height: 0px;font-size: 0px;}

.thumb-img img{border: solid 1px #e9f3f7; }

#pagination{width: 100%; text-align: center; line-height: 34px;}
#pagination span{ background: #efefef; border: solid 1px #cacaca; padding: 5px; margin: 2px; line-height: 18px;}
#pagination a{ text-decoration: none !important;}
#pagination a:hover{ color: #505050 !important;}


#picture{ border: solid 1px #849848; padding: 3px; float: right; margin-left: 15px; background: #faffea;}

/* ===| V. FOOTER BOXES |=====================================================*/
#wrap-footer {position:relative; z-index: 4; width: 100%; text-align: left;}
#fwrap1 {position:absolute; z-index: -3; left:0; background:url("images/footer-bg-0.gif") 50% 0% repeat-y; width:100%;}
#fwrap2 {position:absolute; z-index: -2; left:0; background:url("images/footer-bg-1.gif") 50% 100% no-repeat; width:100%;}
#fwrap3 {position:absolute; z-index: -1; left:0; }

#footer.outter	{ margin: 0 auto; padding: 0px; min-height: 100px; height: auto!important; height: 120px; }
#footer .inner	{float: left; width:900px; }
.footer{float: left; width:900px; background: url(images/bg-footer.jpg) no-repeat top left; height: 120px;}


.digitalage{ float: left; padding: 30px 0 0 118px; width: 782px; height: 48px;}

#menu2{float: right; padding: 0px 47px 0 0px; width: 853px; text-align: right !important;}
.copyright{float: right;padding: 0px 136px 0 0px; width: 764px;}

img {border: 0;}

#menu2 ul li{ display: inline; margin: 0px !important;padding: 0px !important; color: #444444;text-align: right !important;font-size: 11px;line-height: 18px;}
#menu2 a:link, #menu2 a:visited{ font-family: Arial, Helvetica, sans-serif;text-decoration: none;color: #444444;}
#menu2 a:hover, #menu2 a:active{font-family: Arial, Helvetica, sans-serif;text-decoration: none;color: #001760;}

.copyright a:link, .copyright a:visited{text-decoration: none; color: #001760;}
.copyright a:hover, .copyright a:active{font-family: Arial, Helvetica, sans-serif;text-decoration: none; color: #444444;}

.digitalage a:link, .digitalage a:visited{ font-family: Arial, Helvetica, sans-serif;text-decoration: none; color: #001760;}
.digitalage a:hover, .digitalage a:active{ font-family: Arial, Helvetica, sans-serif;text-decoration: none; color: #444444;}

#footer .active:link, #footer .active:visited{text-decoration: none;color: #001760;}
#footer .active:hover, #footer .active:active{font-family: Arial, Helvetica, sans-serif;text-decoration: none; color: #001760;}

.separator-t{width:100%;height: 23px; clear:both; background: url(../../images/charte/separator-t.jpg) no-repeat 0% 28%; padding:0; margin:0px;  line-height: 0px; font-size: 0;}
.separator{height: 1px;float: left; width: 454px; background: url(../../images/charte/separator.jpg) repeat-x 0% 50%; padding: 0px; margin: 0px !important;  line-height: 0px !important; font-size: 0px !important;}