/* CSS Document */

@import "reset.css";

.floatL {float: left;}
.floatR {float: right;}
.noFloat {
	clear: both !important;
	float: none;
	width: 1px !important;
	height: 0px;
	line-height: 0em !important;
	font-size: 0px !important;
	margin: 0px !important;
	padding: 0 !important;
}

body { background:#ffffff url(../images/main-bg.png) left top repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#SiteContainer { width:924px; margin:0 auto;}
#Header_accueil { width:924px; height:142px; background:url(../images/header-bg.png) left top no-repeat; margin-top:1px;}
#Header_actualite { width:924px; height:142px; background:url(../images/header-bg.png) left top no-repeat; margin-top:1px;}
#Header_produits { width:924px; height:142px; background:url(../images/header-bg-prod.png) left top no-repeat; margin-top:1px;}
#Header_realisation { width:924px; height:142px; background:url(../images/header-bg-realisation.png) left top no-repeat; margin-top:1px;}
#Header_engagements { width:924px; height:142px; background:url(../images/header-bg-engagements.png) left top no-repeat; margin-top:1px;}
#Header_contact { width:924px; height:142px; background:url(../images/header-bg-contact.png) left top no-repeat; margin-top:1px;}
#Header_no_choice { width:924px; height:142px; background:url(../images/header-bg-no-choice.png) left top no-repeat; margin-top:1px;}
a.Logo { width:108px; height:89px; background:url(../images/logo.png) left top no-repeat; display: inline; float:left; margin:38px 80px 0 50px;}

/*----------- [Navigation] -----------------*/
.Nav { float:left; margin:54px 0 0 0px; list-style-type:none; width:680px;}
.Nav li { float:left; margin-right:4px;}
.Nav li a { font-size:14px; font-weight:bold; text-decoration:none; line-height:16px;}
.Nav li a span.left-corner { height:34px; width:13px; background:url(../images/menu-left-corner-off.png) left top no-repeat; display:block; float:left;}
.Nav li a span.right-corner {height:34px; width:13px; background:url(../images/menu-right-corner-off.png) right top no-repeat; display:block; float:left;}
.Nav li a span.center { background:url(../images/menu-center-off.png) repeat-x; float:left; height:22px; padding:12px 13px 0 13px; color:#ffffff;}

.Nav li a:hover span.left-corner,.Nav li a.active span.left-corner { height:34px; width:13px; background:url(../images/menu-left-corner-on.png) left top no-repeat; display:block; float:left;}
.Nav li a:hover span.right-corner,.Nav li a.active span.right-corner {height:34px; width:13px; background:url(../images/menu-right-corner-on.png) right top no-repeat; display:block; float:left;}
.Nav li a:hover span.center,.Nav li a.active span.center { background:url(../images/menu-center-on.png) repeat-x; float:left; height:22px; padding:12px 13px 0 13px; color:#7a003c; cursor:pointer}


/*----------- [Navigation] -----------------*/

h1 { font-size:14px; font-weight:bold; color:#7a003c; float:left; margin:33px 0 0 -40px; line-height:18px;}
.ContentContainer { width:924px; background:url(../images/content-container.png) left top no-repeat; padding-top:4px;}
.AccueilContainer { width:850px; margin-left:37px;}
.FlashContainer { width:536px; height:406px; float:left;}
.RightNavigation { width:314px; height:406px; background:url(../images/nav-right.png) left top no-repeat; float:left;}
.RightNavigation p.other { font-size:10px; color:#7a003c; font-weight:normal; padding:12px 50px 0 13px; line-height:13px; letter-spacing:0.05px;}
.RightNavigation p.first { font-size:10px; color:#7a003c; font-weight:normal; padding:90px 50px 0 13px; line-height:13px; letter-spacing:0.05px;}
.AccueilBottom { width:850px; height:103px; background:url(../images/bottom-accueil.png) left top no-repeat; float:left;}
.AccueilBottom .ProdBtns { float:right; margin:0px 40px 0 0; }
.AccueilBottom .ProdBtns.Contact {margin:0px 110px 0 0;}
.Heading { font-size:14px; color:#3983b3; font-weight:bold;}
a.ConsultezBtn { width:122px; height:35px; background:url(../images/consultez-btn.png) left top no-repeat; text-decoration:none; display:block; color:#7a003b; font-size:16px; font-weight:bold; text-align:center; padding:10px 0 0 0; margin:20px 0 0 30px;}
.Footer { width:690px; height:23px; background:url(../images/footer-bg.png) left top no-repeat; list-style-type:none; float:left; padding:12px 0 0 95px; margin-top:30px;padding-right:65px}
.Footer li { float:left; border-right:1px solid #3983b3; padding-right:5px; margin-right:5px;}
.Footer li a{ font-size:11px; font-weight:bold; color:#7a003c; text-decoration:none; white-space:nowrap}
.Footer li a:hover { color:#0495e0; text-decoration:none;}
.Footer li a.on { color:#0495e0; text-decoration:none;}
.Footer li.last {border-right:none;}
.Copyright { font-size:11px; width:850px; color:#7a003c; float:left; padding:7px 0 50px 0;}

.Produits-Flash { width:850px; height:406px; float:left;}
.ProduitsBottom { width:850px; height:103px; background: url(../images/bottom-prod.png) left top no-repeat; float:left;}
.ProduitsBottom .ProdBtns { float:right; margin:0px 40px 0 0; }
.ProduitsBottom .ProdBtns.Contact {margin:0px 110px 0 0;}
.ProdDecoHeading { font-size:14px; color:#7a003c; font-weight:bold; text-align:right; padding:30px 80px 0 0;}

.RealisationTop { width:850px; height:68px; background:url(../images/realisation-top.png) left top no-repeat; float:left;}
.RealisationContent { width:850px; height:338px; background:url(../images/realisation-content.png) left top no-repeat; float:left;}
.RealisationContent .PhotosContainer { margin:0px 0 0 290px;}
.RealisationContent .PhotosContainer .PhotosLine { padding-bottom:13px; padding-top:5px;height:60px;width:500px}
.RealisationContent .PhotosContainer .PhotosLine .photo { margin-right:10px;}

.actualiteContent { width:850px; min-height:338px; background:url(../images/actualite-content.png) left top repeat-y; float:left;}
.actualiteContent p.actualite { font-size:10px; color:#7a003c; font-weight:normal; padding:15px 50px 0 25px; line-height:13px; letter-spacing:0.05px;}
.actualiteBottom { width:850px; height:69px; background:url(../images/actualite-bottom.png) left top no-repeat; float:left;}

.ContactContent {width:850px; height:406px; background:url(../images/contact-content.png) left top no-repeat; float:left;}
.ContactDates { float:left; width:485px; padding:15px 0 0 15px;}
.ContactDates .Title { color:#0495e0; font-size:24px; font-weight:bold; padding-left:10px;padding-bottom:5px}
.ContactDates .Subtitle {width:320px; float:right;padding-top:10px;}
.ContactDates .Subtitle .Adress {font-size:12px; font-weight:normal; color:#7a003c;}
.ContactDates .Subtitle .Phone {font-size:12px; font-weight:normal; color:#7a003c;}

.ContactForm { float:right; margin:10px 43px 0 0; display:inline;}
.ContactForm .Title { font-size:18px; font-weight:bold; color:#0495e0; padding-left:10px; margin-top:7px;}
.ContactForm .FormTable { margin:20px 0 0 10px;}
.ContactForm .FormTable td { font-size:12px; font-weight:bold; color:#7a003c; margin-bottom:2px;}
.ContactForm .FormTable .InputSmall { width:153px; height:18px; border:1px solid #808080; color:#bbbbbb; font-size:14px; padding:0 0 0 3px; margin-bottom:1px;}
.ContactForm .FormTable .ListSelection { width:158px; height:21px; margin-bottom:1px;}
.ContactForm .FormTable .InputBig { width:251px; height:60px; border:1px solid #808080; color:#bbbbbb; font-size:14px; padding:2px 0 0 3px;}
a.EnvoyerBtn { width:122px; height:29px; background:url(../images/envoyer-btn.png) left top no-repeat; text-decoration:none; display:block; color:#ffffff; font-size:18px; font-weight:bold; text-align:center; padding:2px 0 0 0; margin:10px 0 0 65px;*margin:10px 0 0px 65px; }
.ContactForm .FormTable td.champs { color:#3983b3; font-size:10px; font-weight:bold; text-align:right;}
.ContactForm .FormTable td.message_erreur { color:red; font-size:10px; font-weight:bold; text-align:center;}


.EngagementBottom { width:850px; height:103px; background: url(../images/bottom-engagement.png) left top no-repeat; float:left;}
.EngagementBottom .ProdBtns { float:right; margin:0px 40px 0 0; }
.EngagementBottom .ProdBtns.Contact {margin:0px 110px 0 0;}

.EngagementContentLogo { width:850px; height:406px; background:url(../images/engagement-content-logo.png) left top no-repeat; float:left;}
.EngagementContentLogo.ProdBtns { float:right; margin:0px 40px 0 0; }
.EngagementContentLogo.ProdBtns.Contact {margin:0px 110px 0 0;}
.EngagementContentLogo .TemplateTitle {font-size:16px; font-weight:bold; color:#0495e0; padding:35px 0 13px 20px;}
.EngagementContentLogo p.template-blue {font-size:12px; color:#7a003c; font-style:italic; line-height:16px; font-weight:bold; padding:0 5px 0 20px;}

.EngagementContent { width:850px; height:406px; background:url(../images/engagement-content.png) left top no-repeat; float:left;}
.EngagementContent .ColumnItem { width:160px; float:left; margin:40px 0 0 0; padding-left:10px; _width:158px;}
.EngagementContent .ColumnItem .ItemNr { width:29px; height:29px;}
.EngagementContent .ColumnItem .TitleItem { font-size:14px; font-weight:bold; color:#0495e0; padding:13px 0 13px 0; line-height:20px;}
.EngagementContent .ColumnItem p { font-size:12px; color:#7a003c; font-style:italic; line-height:16px; font-weight:bold; padding:0 5px 0 0;}

.EngagementContent .TemplateTitle {font-size:16px; font-weight:bold; color:#0495e0; padding:35px 0 13px 20px;}
.EngagementContent p.template-blue {font-size:12px; color:#7a003c font-style:italic; line-height:16px; font-weight:bold; padding:0 5px 0 20px;}
.MapContainer { float:left;width:150px; height:50px; border-right:8px solid #3983b3;cursor:pointer}
.MapContainer span {display:none;}
.MapContainer a {display:none;}