/*===| 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;}
#push, .clr	{clear: both;}

body{background:#a2c4e7;}
#bg1{position:absolute;z-index: 1; width:100%;}
#bg2{position:absolute;z-index: 2; width:100%; background:url("images/bg1.jpg") 50% 0% repeat-x;}
#bg3{position:absolute;z-index: 3;}

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

/* ===| 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-outter div.outter{}
#left-outter div.inner{ padding:55px 20px 0px 20px;}

#left-outter div.box1{height:345px; background: url(images/bg-recherche.jpg) left top no-repeat;}
#left-outter .box1 .inner{padding:55px 20px 0 20px;}

#left-outter div.box2{height:176px; background: url(images/bg-coup.jpg) left top no-repeat;}
#left-outter .box2 .holder{height:74px;}

#left-outter div.box3{height:172px; background: url(images/bg-actualite.jpg) left top no-repeat;}
#left-outter .box3 .holder{height:80px;}

#left-outter .plusdet{float:right; text-align:right;}


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

#right-outter div.box1{height:135px; background: url(images/bg-newsletter.jpg) left top no-repeat;}
#right-outter .box1 .inner{padding-top:44px; padding-right:15px;}

#right-outter div.box2{height:111px; background: url(images/bg-horaires.jpg) left top no-repeat;}
#right-outter .box2 .inner{}

#right-outter div.box3{height:201px; background: url(images/bg-coords.jpg) left top no-repeat;}
#right-outter .box3 .inner{}

#right-outter div.box4{height:287px; background: url(images/bg-promo.jpg) left top no-repeat;}
#right-outter .box4 .inner{}

/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#center-outter{	float:left;	margin:0; padding:0; overflow: hidden; background: url(images/bg-center-col.jpg) left top repeat-x;}
#center-inner{padding: 15px 20px 10px 20px;}

/* ===| 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	{ margin: 0 auto; padding:0px; background: #4d8ed1 url(images/bg-footer.jpg) left top no-repeat;}
#footer .inner	{ padding: 0 20px;}
#footer .box1	{padding:15px 0 0 0;}

#menu2{float:right;}

#menu2 ul li{display: inline;}
.digitalage{float:left;}

.copyright{text-align: right; clear:right; float:right;}
.ref{text-align:center;}

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

a.thumb:link, 
a.thumb:visited{border:	0px; padding:0px; margin:1px 0; width:auto; display:block;}


img.thumb{border:1px solid #95bce4; background: #f5faff; padding:4px; margin: 0px;}
#left-outter img.thumb{border:1px solid #005ebe; padding:1px; margin-top:2px;}

img.left{float:left; margin-right:9px;}
img.right{float:right; margin-left:9px;}


#center-outter .box1{background: url(images/bg-box1.jpg) left top repeat-x; border:1px solid #d8e6f5; width:251px;}
#center-outter .box1 .box1-inner{padding:10px 9px;}

.left{float:left !important; }
.right{float:right !important; }


.nomarg{margin:0 !important;}

.separator{height:1px; clear:both; padding:0; margin:12px 0 12px 0; width:100%; background: url(images/bg-separator.jpg) center top no-repeat; border:none; line-height: 0px; font-size: 0; overflow: hidden;}

.clearer{height:0px; clear:both; padding:0; margin:0; border:none; line-height: 0px; font-size: 0; overflow: hidden;}
.clearer15{height:15px; clear:both; padding:0; margin:0; border:none; line-height: 0px; font-size: 0; overflow: hidden;}
.clearer10{height:10px; clear:both; padding:0; margin:0; border:none; line-height: 0px; font-size: 0; overflow: hidden;}
.clearer5{height:5px; clear:both; padding:0; margin:0; border:none; line-height: 0px; font-size: 0; overflow: hidden;}

/* ===| VII. CONTACT FORM |=====================================================*/
#frmContact{margin: 0; padding: 5px 0; width: 516px; border:none; }
#frmContact label{display: block; padding: 4px 2px; border-bottom: 1px solid #ABD4FF; clear:both;}
#frmContact label span{display:block; width: 29%; float: left;}
#frmContact label input, #frmContact label textarea{width: 40%; vertical-align: top; font:normal 12px Arial, Georgia, Verdana, sans-serif; }
#frmContact label textarea{height:80px;}

#frmContact label select{
width: 40%;
vertical-align: top;
font:normal 12px Arial, Georgia, Verdana, sans-serif;
background:#DFEFFF;
border:1px solid #003368;
color:#003368;
}

#frmContact input.contactinput, #frmContact textarea.contactinput{
background:#DFEFFF;
border:1px solid #003368;
color:#003368;
}
#frmContact input.contactinput-over, #frmContact textarea.contactinput-over{
background:#ffffff;
border:1px solid #003368;
color:#000000;
}
div.checkBoxes{
 padding: 4px 2px 10px 2px; border-bottom: 1px solid #ABD4FF; clear:both;
}

div.chk{ float:left; padding:0 10px 0 22px; display:block; vertical-align: top !important;}

#frmContact a{text-decoration:none;}
#frmContact a:link input.cenvoyer, #frmContact a:visited input.cenvoyer{background:url(images/btn-envoyer.gif) left top no-repeat; border:none; padding:0; margin:0; width:90px; height:25px; text-decoration: none; }
#frmContact a:hover input.cenvoyer, #frmContact a:focus input.cenvoyer{background:url(images/btn-envoyer-over.gif) left top no-repeat;}

#frmContact a:link input.cretablir, #frmContact a:visited input.cretablir{background:url(images/btn-retablir.gif) left top no-repeat; border:none; padding:0; margin:0; width:90px; height:25px; text-decoration: none; }
#frmContact a:hover input.cretablir, #frmContact a:focus input.cretablir{background:url(images/btn-retablir-over.gif) left top no-repeat;}

div.submit-buttons{clear: both;	text-align: center; padding: 4px 2px;}
div.submit-buttons input{	border: 1px solid #c182c1; background: #BDBDBD; color:#40014c;}
div.submit-buttons a:hover input{ border: 1px solid #c182c1; background: #fff; color:#333333;}


#recherche label span{font-size:11px; color:#000000; padding:0 4px;}
#recherche label span.labelName{font-size:11px; color:#005ebe; padding:0;}

#frmSearch{float:left; width:180px; margin:0; padding:0;}
#recherche input{background:url(images/bg-input.jpg) left top repeat-x; border: 1px solid #cbd1d5; height: 17px; padding:3px 0 0 0; margin:0; font-size:11px; line-height:11px; color:#000000;}
#recherche label{padding-bottom:10px; float:left; width:180px; text-align: right;}
#recherche label span.labelName{float:left;}

#frmSearch a:link input.crecherche, #frmSearch a:visited input.crecherche{background:url(images/btn-recherche.gif) left top no-repeat; float:right; border:none; padding:0; margin:0; cursor:pointer; margin-right:-14px; margin-top:6px; width:126px; height:26px; }
#frmSearch a:hover input.crecherche, #frmSearch a:focus input.crecherche{background:url(images/btn-recherche-over.gif) left top no-repeat;}

#frmSearch select{background:url(images/bg-input.jpg) left top repeat-x; border:1px solid #cbd1d5; line-height:12px;  font-size:11px; }

/* ===| XII. COMPONENT NEWSLETTER |=====================================================*/
/*#newsletter{background: #f3f3f3; border: 1px solid #ccc; padding:10px;}*/
#newsletter #inputHolder {width:146px; padding:0; margin:0px; border: none; height:22px; float:left; background:url(images/bg-newsletter-input.jpg) left top no-repeat;}

#newsletter input{width: 136px;  float:left; padding:4px 5px 0 5px; height:20px; line-height: 14px; color:#000000; font-size:11px; border:none; background:none;  vertical-align: top;  font-family: Arial, Tahoma, Verdana, sans-serif;}
#newsletter a:link, #newsletter a:visited {text-decoration: none; padding:0; margin:0; border: none; float:left;}
#newsletter a:link input, #newsletter a:visited input {border:none; background: url(images/btn-ok.gif) left top no-repeat; cursor: pointer; width: 36px; height:26px;  padding:0; margin:0;  }
#newsletter a:hover input {border:none; background: url(images/btn-ok-over.gif) left top no-repeat; cursor: pointer; width: 36px; height:26px; padding:0; margin:0;}

#newsletter select{ background:url(images/bg-newsletter-input.jpg) left top no-repeat !important; width:146px; border:1px solid #C9D1D4  !important;   font-size:11px; }

.prodHolder{float:left; width:240px; height: 165px; margin:5px 0; padding:5px; border:1px solid #ABD4FF;}
.photoHolderDet{width:180px; height:180px; padding:4px; float:left; border:1px solid #ABD4FF;}
.photos{width:190px; float:left; margin-right:15px;}
.thumb_details{float:left;width:53px;height:56px;text-align:center;border:1px solid #ABD4FF; margin:3px 3px 3px 2px;padding:1px;}

.agenceAddresse{clear:both;width:190px; float:left; margin-right:15px;}


/* ===| XII. PRINTING STYLES |=====================================================*/
div#print {display:none;}
div#other_photos {display:none;}
#logoPrint{display:none;}
.agenceAddressePrint{display:none;}
/* @media print{
div#bg1 {display:none;}
div#bg2 {display:none;}
div#bg3 {display:none;}
div#wrap-container {display:none;}
div#wrap-footer {display:none;}
div#buttons_details {display:none;}
div.thumb_details {display:none;}
div#pic_med {display:none;}
#logoPrint{display:block; float:left;}

div#print {display:block; float:left; text-align: center; }
div#other_photos {display:block; width:100%;}
#other_photos div.imgHolder{padding:3px; width:180px; height:180px; margin:0 10px; float:left; border:1px solid #ABD4FF; text-align:center !important; margin-bottom:5px;}
#other_photos div.imgHolder img{float:none; text-align:center;}

div#print p{}
.agenceAddressePage{display:none;}

#print div.agenceAddressePrint{background-color:#F1F6FA; border:1px solid #ABD4FF; text-align: right; display:block;}
#print div.agenceAddressePrint p{ text-align: right; padding:10px;}
} */
@media print{

html {margin: 0; background: none;}

body {margin: 0; background: none;}


div#bg1 {display:none}
div#bg2 {display:none}
div#bg3 {display:none}
div#wrap-container {display:none}
div#wrap-footer {display:none}
div#buttons_details {display:none}
div.thumb_details {display:none}
div#pic_med {display:none}

div#print {display:block}
#print p{margin-bottom:2pt;}

div#other_photos {display:block; text-align: center; width:400px; margin:0 auto; }

#other_photos .imgHolder{width:180px; height:180px; float:left; margin:5px; text-align:center; border:1px solid #ABD4FF;}

#logoPrint{display:block;}

#print div.agenceAddressePrint{display:block; clear: both;}
#print div.agenceAddressePage{display:none; }

}