/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset { margin: 0; padding: 0 }

body {
	font-family: arial, sans-serif;
	font-size:  12px;
	color: #444;
	background: #E2E2E2 url('../images/bg.gif') repeat-x       
	}

a{ text-decoration: underline; color: #c03 }
a:hover{text-decoration:none}
a img { border: none }
p { margin: 10px 0; line-heigth: 12px }
ul { margin: 15px 0 10px 30px; list-style-image: url('../images/puce-li.png') }
ul li ul { list-style-image: url('../images/puce-li-2.gif') }
ol { margin: 5px 0 5px 30px }
li { margin: 4px 0 }
dl { padding: 0 20px }
dt { font-weight: bold; margin: 10px 0 5px 0 }
dd { margin: 5px 0; padding: 5px }
fieldset { border: 1px solid #c03; padding: 5px; margin: 10px 0 }
legend { font-weight: bold; color: #c03; font-size: 12px }
address { margin: 15px 30px }
small { font-size: 10px }
blockquote { margin: 15px 10px 15px 0; padding: 15px 20px 25px 20px; font-size: 14px; font-style: italic; text-align: center; background: #f5f5f5 url('../images/bg-packInfo.gif') no-repeat 0 bottom }
.hr { background: url('../images/bg-hr.gif') repeat-x }
.hr hr { visibility: hidden }

.left { float: left }
.right { float: right }
.clear { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 0px; font-size: 0px }
.align_left {text-align: left }
.align_right {text-align: right }
.center { text-align: center}
.justify { text-align: justify }
.invisible { display: none }

h1 { 
        font-size: 22px;
        font-family: arial, sans-serif;
        line-height: 33px;
        padding-left: 36px;
        color: #c03;
        background: url('../images/h1.png') no-repeat 0 top
        }
h1.h1Part { color: #70A824; background: url('../images/h1Part.png') no-repeat 0 top }
h1.h1Pro { color: #E0872E; background: url('../images/h1Pro.png') no-repeat 0 top }

h2 { font-size: 18px; color: #c03; margin: 20px 0 0 0; font-weight: normal }
h2.h2Pro { color: #E0872E }
h3 { font-size: 14px; margin: 15px 0 }
h3.h3Part { font-size: 16px; color: #70A824; background: url('../images/puce-h3Part.gif') no-repeat 0 center; padding-left: 15px; margin: 5px 0 }
h4 { font-size: 11px; margin: 10px 0 }

#conteneur {
	width: 950px;
	margin: 0 auto;
	}

#header{
	width: 950px;
	height: 98px;
	}

#header a.header {
	display: block;
        width: 238px;
	height: 98px;
        float: left;
	background: transparent url('../images/logo.png') no-repeat 0 0        
	}
	
#header a.header span {
	display: none
	}

#redBar { 
        width: 950px;
        height: 65px;
        background: #C03 url('../images/redBar.jpg') no-repeat 0 0
}
#redBar span { display: none }

#contenu_ombre_top { width: 950px; height: 10px; background: url('../images/contenu_ombre_top.gif') no-repeat 0 0 }
#contenuTop { width: 910px; height: 30px; padding: 20px }
.contenuTopPart { background: url('../images/contenuTopPart.jpg') no-repeat 0 0 }
.contenuTopPro { background: url('../images/contenuTopPro.jpg') no-repeat 0 0 }
.contenuTopQui { background: url('../images/contenuTopQui.jpg') no-repeat 0 0 }
.contenuTopMark { background: url('../images/contenuTopMark.jpg') no-repeat 0 0 }
.contenuTopRef { background: url('../images/contenuTopRef.jpg') no-repeat 0 0 }
.contenuTopContact { background: url('../images/contenuTopContact.jpg') no-repeat 0 0 }
.contenuTopMentions { background: url('../images/contenuTopMentions.jpg') no-repeat 0 0 }

#arbo { font-size: 10px; line-height: 12px; font-family: verdana, sans-serif; background: url('../images/puceArbo.png') no-repeat 0 center; padding-left: 14px }
#arbo a { color: #444 }
.contenuTopPart #arbo { background: url('../images/puceArboPart.png') no-repeat 0 center }
.contenuTopPro #arbo { background: url('../images/puceArboPro.png') no-repeat 0 center }

#contenu {
	width: 890px;
        padding: 5px 20px 5px 40px;
        background: #fff url('../images/contenu.gif') repeat-y
}

#bg-contenu { background: url('../images/bg_colRight.gif') repeat-y }
#colContenu { width: 720px; float: left }
#colRight { width: 170px; float: left; background: #f5f5f5 }
#colRight fieldset { margin: 15px 8px }
#colRight fieldset ul { margin: 0 0 0 20px }

#homePart, #homeProf {
        float: left;        
        height: 275px;        
        margin-top: 10px
}
#homePart h2, #homeProf h2 { display: none; margin: 0 }

#homePart { background: #70A824 url('../images/bg_homePart.gif') no-repeat 0 0; margin-left: 10px; padding: 58px 8px 2px 8px; width: 294px; }
#homeProf { background: #E0872E url('../images/bg_homeProf.gif') no-repeat 0 0; margin-left: 18px; padding: 58px 8px 2px 8px; width: 586px; }

#diapoPart { width: 294px; height: 160px }

.homePartFiche {
        width: 136px;
        height: 275px;
        float: left;
        padding: 5px;
        font-size: 13px;
        color: #fff;
}

#homeAlarme { background: url('../images/bg_homeAlarme.jpg') no-repeat 0 0 }
#homeVideo { background: url('../images/bg_homeVideo.jpg') no-repeat 0 0; margin: 0 1px }
#homePortail { background: url('../images/bg_homePortail.jpg') no-repeat 0 0 }

.homePartFiche h3, .homeProfFiche h3 {
        display: none
}

.homePartFiche p {
        text-align: center;
        margin: 15px 0
}

.homeProfFiche {      
        float: left;
        padding: 105px 5px 5px 5px;
        color: #fff
}

.homeProfFiche ul a, #homePart ul a { color: #fff; text-decoration: none; padding-left: 15px; background: url('../images/puce.png') no-repeat left center }
.homeProfFiche ul a:hover, #homePart ul a:hover { text-decoration: underline }
.homeProfFiche ul, #homePart ul { list-style: none; margin: 5px; text-align: left }

#homeSecu { height: 165px; width: 406px; background: url('../images/bg_homeSecu.jpg') no-repeat 0 0; margin-right: 2px }
#homeTelecom { height: 67px; width: 158px; background: url('../images/bg_homeTelecom.jpg') no-repeat 0 0 }
#homeMusee { width: 586px; padding: 5px 8px; margin: 10px 0 0 18px; height: 50px; float: left; background: #E0872E url('../images/bg_homeMusee.jpg') no-repeat 0 0 }
#homeMusee p { display: block; width: 382px; float: right; text-align: center; margin-top: 8px }

#pubBrouillard { float: right; width: 185px; height: 152px; margin: 5px 5px 0 0 }

/*
.btn-savoirplus a {
        display: block;
        margin: 20px auto;
        width: 136px;
        height: 58px;
}

.btn-savoirplus a span {
        display: none
}
.btn-savoirplus.alarme a { background: url('../images/btn-alarme.png') no-repeat 0 0 }
.btn-savoirplus.video a { background: url('../images/btn-video.png') no-repeat 0 0 }
.btn-savoirplus.portail a { background: url('../images/btn-portail.png') no-repeat 0 0 }

.btn-savoirplus.alarme a:hover { background: url('../images/btn-alarme.png') no-repeat 0 -58px }
.btn-savoirplus.video a:hover { background: url('../images/btn-video.png') no-repeat 0 -58px }
.btn-savoirplus.portail a:hover { background: url('../images/btn-portail.png') no-repeat 0 -58px }
*/

.btn-savoirplusTPE { margin: 10px 0 }
.btn-savoirplusTPE a {
        display: block;
        width: 210px;
        height: 58px;
        background: url('../images/btn-savoirplusTPE.png') no-repeat 0 0
}
.btn-savoirplusTPE a:hover {
        background: url('../images/btn-savoirplusTPE.png') no-repeat 0 -58px
}
.btn-savoirplusTPE a span {
        display: none
}

.btn-infosDevis a {
        display: block;
        width: 210px;
        height: 58px;
        background: url('../images/btn-infosDevis.png') no-repeat 0 0
}
.btn-infosDevis a:hover {
        background: url('../images/btn-infosDevis.png') no-repeat 0 -58px
}
.btn-infosDevis a span {
        display: none
}

.btn-infosDevisXl a {       
        display: block;
        width: 400px;
        height: 48px;
        margin: auto;
        background: url('../images/btn-infosDevisXl.png') no-repeat 0 0
}
.btn-infosDevisXl a:hover {
        background: url('../images/btn-infosDevisXl.png') no-repeat 0 -48px
}
.btn-infosDevisXl a span {
        display: none
}

.reflet { height: 38px; background: url('../images/refletAccueil.jpg') no-repeat 0 0; padding-top: 20px; margin-top: 1px }
/***********************/
#navbar {
        width: 548px;
        height: 74px;
        margin-top: 24px;
        float: right
        }
        
#navbar ul, #navbar li { 
        margin: 0;
        padding: 0;
        display: inline;
        list-style: none
}

#navbar ul li a { display: block; width: 132px; height: 74px; float: left }
#navbar ul li a span { display: none }

#navbar ul li a {
        background-position: 0 0;
}

#navbar ul li a:hover, #navbar ul li a.select {
        background-position: 0 -74px;
}

#navbar ul li a.qui     { background-image: url('../images/btn-qui.jpg') }
#navbar ul li a.ref     { background-image: url('../images/btn-ref.jpg') }
#navbar ul li a.part    { background-image: url('../images/btn-part.jpg') }
#navbar ul li a.devis   { background-image: url('../images/btn-devis.jpg') }

#menuColRight { border-bottom: 4px solid #fff }
#menuColRight, #menuColRight li { margin: 0; padding: 0; list-style: none }
#menuColRight li a { 
        display: block;
        width: 146px;
        height: 30px;
        line-height: 30px;
        background: url('../images/btn-colRight.gif') no-repeat 0 0;
        border-top: 1px solid #fff;
        color: #444;
        padding-left: 24px;
        text-decoration: none
        }
#menuColRight li a:hover { background: url('../images/btn-colRight.gif') no-repeat 0 -30px }
/***********************/
.packPart {
        width: 356px;
        margin-top: 10px;
        float: left;
        background: url('../images/bg_pack.jpg') no-repeat 0 top
}
.packPart h2 { margin: 40px 0 25px 90px }
.packPartBottom { height: 20px; background: url('../images/bg_pack.jpg') no-repeat 0 bottom }

.packPartXl {
        width: 710px;
        margin-top: 10px;
        float: left;
        background: url('../images/bg_packXl.jpg') no-repeat 0 top
}
.packPartXl h2 { margin: 40px 0 35px 90px }
.packPartXlBottom { height: 20px; background: url('../images/bg_packXl.jpg') no-repeat 0 bottom }

.packPro { 
        position: relative;
        width: 290px;
		min-height: 380px;
        float: left;
        padding-bottom: 25px;
        background: #fdfdfd url('../images/bg_packSmall.png') no-repeat 0 bottom
}
.packProTop { 
        height: 109px;
        background: url('../images/bg_packSmallTop.jpg') no-repeat 0 top
}
.packProTop h2 { margin: 0; padding: 40px 0 0 120px }
.packProContent { padding: 0 20px }

.prixPack { 
        position: absolute;
        bottom: -25px;
        left: 70px;
        width: 150px;
        background: url('../images/bg_prix.png') no-repeat 0 1px;
        color: #fff;
        text-align: center;
        padding: 5px 0
}

.options { margin: 0; padding: 0 }
.options li { display: block; float: left; padding-left: 18px; margin-right: 15px; margin-bottom: 10px; background: url('../images/puce-option.gif') no-repeat 0 center }

.btn-packDevis { font-weight: 700 }

.packInfo { background: #f5f5f5 url('../images/bg-packInfo.gif') no-repeat 0 bottom; padding: 5px 10px 10px 10px; margin: 10px 10px 0 0 }
.packInfo p { padding: 0 40px; margin: 10px 0 }
.packInfo h2 { margin: 5px 0 }

#fonctionPack01 ul, #fonctionPack02 ul, #fonctionPack03 ul { margin: 10px 15px }

.table { width: 710px }
.table tr td { border-bottom: 1px solid #E2E2E2; height: 28px }
.table tr td.firstCol { width: 450px }
.table tr.odd td { background: #f5f5f5 }

.bloc { 
        width: 350px;
        float: left;
        margin-right: 10px;
        background: #fdfdfd url('../images/bg_bloc.png') no-repeat 0 bottom
}
.blocTop { background: #fdfdfd url('../images/bg_bloc.png') no-repeat 0 top; padding: 2px 20px }
.blocContent { padding: 0 20px }

.miniDoc { float: left; margin: 8px 5px; width: 60px }
.blocSmall { width: 310px; height: 150px; float: left; margin: 15px 15px 0 0; background: #f5f5f5; padding: 0 15px }
/***********************/
.erreur { color: #f30; text-align: center; font-size: 14px; padding: 2px 0; background: #FCC; border: 1px solid #f30;}
.confirm { color: #6c0; text-align: center; font-size: 14px; padding: 2px 0; background: #CFC; border: 1px solid #6c0;}
.input { font-size: 11px; font-family: arial, sans-serif; border: 1px solid #ddd; background: #fff }

#blocMap { background: #f5f5f5; border: 2px solid #E2E2E2; padding: 5px 15px }
#map { width: 700px; height: 400px; margin: 15px auto; border: 1px solid #E2E2E2; }
.blocAdresse { float: left; padding: 5px 15px; background: #f5f5f5; border: 2px solid #E2E2E2; width: 320px; margin: 15px 0 0 15px }
.blocAdresse h2, #formContact h2 { margin-top: 10px }


#formContact { width: 477px; float: left; border: 2px solid #E2E2E2; background: #f5f5f5; margin: 15px 0 15px 0; padding: 5px 10px }
#formContact p { margin: 5px 0; clear: both }        
#formContact label { display: inline; float: left; text-align: right; line-height: 18px; width: 120px; margin: 0 5px 5px 0 }
#formContact .input { float: left; width: 200px }

/*.btn-form a { display: block; margin: 21px auto; width: 200px; height: 20px; line-height:20px; text-align: center;  background: #c03; color: #fff; text-decoration: none; border: 1px solid #c03 }
.btn-form a:hover { background: #fff; color: #c03 }*/
.bouton a { margin-right: 5px }

/*.chapo { font-size: 13px; letter-spacing: 1px; font-family: 'trebuchet MS', sans-serif; text-align: justify }*/
.docPdf { margin: 5px 0 }
.docPdf a { color: #444 }
.docPdf img { vertical-align: bottom; margin-right: 2px }
/***********************/
#adresseBottom { width: 870px; height: 83px; background: url('../images/adresse.gif') no-repeat 0 0; margin: 20px 0 0 0; padding-top: 10px }
.adresseLinkPlan a, .adresseLinkPlan a:hover { text-decoration: none; color: #147EB8 }
/***********************/
#footer{
        width: 950px;
        height: 30px;
        background: #fff url('../images/bg-footer.gif') no-repeat 0 bottom
	}
.footer { margin: 0 0 5px 0; font-size: 11px; text-align: center }        
.footer a { color: #444; text-decoration:none }
.footer a:hover { text-decoration: underline }