/***********************
	ELEMENTS HTML
************************/


*{margin:0; /*padding:0;*/ border:0;}
body{margin:0; padding:0; font-size:13px; font-family:Arial; background:#fff; color:#333;}

a{text-decoration:none; color:#9325b2;}
a.pdf{background-repeat:no-repeat; background-image:url(images/pdf.gif); padding-left:20px;}
a:hover{text-decoration:underline;}

div, p, ul, h1, h2, h3, h4{margin:0; padding:0;}
ul{list-style-type:none;}
ol{padding:0 24px 14px 60px; list-style-type:square;}

img{margin:0; padding:0;}
#img-preload{display:none;}

table.form{margin:0 24px 0 24px;}
table.form tr{height:30px;}
table.form td.label{width:200px; font-weight:bold;}
table.form td.label-error{width:200px; font-weight:bold; color:#d20000;}
table.form td.label-radio{width:320px; font-weight:bold;}
table.form td.label-radio-error{width:320px; font-weight:bold; color:#d20000;}
table.form td.label-textarea{width:400px; font-weight:bold;}
table.form td.label-textarea-error{width:400px; font-weight:bold; color:#d20000;}
table.u-form{margin:0 24px 0 228px;}
table.u-form tr{height:20px;}
table.u-form td.label{width:200px; font-weight:bold;}
table.u-form td.label-checkbox{width:310px; font-weight:bold;}
table.u-form td.label-checkbox-error{width:310px; font-weight:bold; color:#d20000;}
form{margin:0; padding:0;}
fieldset{margin:0; padding:0; border:none;}
input{padding:.3em; border:1px solid #a0a0a0; color:#333;}
input.checkbox{padding:.3em; vertical-align:middle; border:none; color:#333;}
input.radio{padding:.3em; vertical-align:middle; border:none; color:#333;}
select{padding:.2em; border:1px solid #a0a0a0; color:#333;}
textarea{padding:.3em; border:1px solid #a0a0a0; color:#333;}
input.button{margin:14px 0 0 0; padding:.25em .3em; background:#fff; border:2px solid #a0a0a0; color:#000000;}




/***********************
	LARGEUR
************************/


#header-content, #content, #footer-content{width:900px;}




/***********************
	HEADER
************************/


#header{width:100%; height:200px; clear:both; float: left; background:url(images/headerbg.gif) 0 0 repeat-x;}
#header-content{margin:0 auto; padding:0; text-align:left;} 


/*-- BANNIERE --*/
#header-banner{width:650px; height:200px; float:left; margin:0; padding:0; background:url(images/header.jpg) 0 0 no-repeat;}


/*-- MENU --*/
#header-menu{width:250px; height:200px; float:right; background:url(images/right-bg.gif) 100% 0 no-repeat #fff; color:#000;}
#header-menu ul{width:198px; margin:0 0 0 20px;}
#header-menu ul li{width:99px; height:200px; float:left;}

#header-menu ul li.home{width:99px; height:200px;}
#header-menu ul li.home a{width:99px; height:200px; display:block; text-indent:-20000px; background:url(images/home-normal.jpg) 0 0 no-repeat; outline:none;}
#header-menu ul li.home a:hover{width:99px; height:200px; background:url(images/home-hover.jpg) 0 0 no-repeat;}

#header-menu ul li.contact{width:99px; height:200px;}
#header-menu ul li.contact a{width:99px; height:200px; display:block; text-indent:-20000px; background:url(images/contact-normal.jpg) 0 0 no-repeat; outline:none;}
#header-menu ul li.contact a:hover{width:99px; height:200px; background:url(images/contact-hover.jpg) 0 0 no-repeat;}




/***********************
	CONTENU
************************/


#content-wrap{width:100%; float:left; clear:both; background:#fff;}
#content{margin:0 auto; padding:0; text-align:left;}


/*-- CONTENEUR --*/
#container{width:638px; height:608px; float:left; margin:0; padding:0; background:#eceae8; text-align:justify;}
html>body #container{width:641px; height:auto; min-height:612px; float:left; margin:0; padding:0; background:#eceae8; text-align:justify;} 

#container h1{padding:22px 24px 22px 24px; font-size:20px; font-weight:bold; font-variant:small-caps; color:#9325b2;}
#container h2{padding:4px 24px 18px 24px; font-size:16px; font-weight:bold; font-variant:small-caps; color:#333;}
#container p{padding:0 24px 14px 24px;}
#container p.center{text-align:center;}
#container p.right{text-align:right;}
#container ol p{padding:0 0 14px 0;}
#container p.small-caps{font-size:15px; font-variant:small-caps;}
#container p.other{font-size:11px; font-style:italic;}
#container p.more1{height:23px;}
#container p.more1 a{height:23px; padding:4px 0 0 28px; display:block; background:url(images/icon1.gif) 0 0 no-repeat; font-weight:bold;}
#container p.more1 a:hover{background:url(images/icon1.gif) 0 0 no-repeat;}
#container p.more2{height:23px;}
#container p.more2 a{height:23px; padding:5px 0 0 30px; display:block; background:url(images/icon2.gif) 0 0 no-repeat; font-weight:bold;}
#container p.more2 a:hover{background:url(images/icon2.gif) 0 0 no-repeat;}
#container #cebtp-solen{float:right; margin:-17px 2px 0px 13px;}
#container #fidi{float:right; margin:-9px 13px 0px 18px;}
html>body #container #fidi{float:right; margin:-9px 24px 0px 18px;}
#container #magnify-termites{float:right; margin:-10px 12px 0 13px;}
html>body #container #magnify-termites{float:right; margin:-8px 24px 0px 18px;}
#container #magnify-termites img{border:2px solid #ccc;}

#container table.purple{margin:0 24px 14px 24px; border-collapse:collapse; text-align:left;}
#container table.purple ol{padding:0 0 0 14px; list-style-type:square;}
#container table.purple p{padding:0 0 0 0;}
#container table.purple th{width:25%; padding-left:12px; padding-right:12px; text-align:center; border-top:solid 1px #4e4953; border-bottom:solid 1px #4e4953; background:#8064a2; height:1em; color:#fff;}
#container table.purple tr{color:#1c1c1c; height:1.5em;}
#container table.purple td{padding:2px 6px 2px 6px; border-bottom:solid 1px #4e4953; vertical-align:top;}
#container table.purple td.first,th.first{border-left:1px solid #4e4953;}
#container table.purple td.last,th.last{border-right:1px solid #4e4953;}
#container table.purple tr.row-a{background:#dfd8e8;}
#container table.purple tr.row-b{background:#fff;}

#container table.gray{margin:0 24px 14px 24px; border-collapse:collapse; text-align:left;}
#container table.gray ol{padding:0 0 0 14px; list-style-type:square;}
#container table.gray p{padding:0 0 0 0;}
#container table.gray th{width:25%; padding-left:12px; padding-right:12px; text-align:center; border-top:solid 1px #404040; border-bottom:solid 1px #404040; background:#857f84; height:1em; color:#fff;}
#container table.gray tr{color:#1c1c1c; height:1.5em;}
#container table.gray td{padding:2px 6px 2px 6px; border-bottom:solid 1px #404040; vertical-align:top;}
#container table.gray td.first,th.first{border-left:1px solid #404040;}
#container table.gray td.last,th.last{border-right:1px solid #404040;}
#container table.gray tr.row-a{background:#d3cec9;}
#container table.gray tr.row-b{background:#fff;}


/*-- SOUS-CONTENEUR --*/
#u-container{margin:0 24px 14px 24px; border:1px solid; background-color:#fff;}

#u-container h2{padding:8px 8px 14px 8px; font-size:16px; font-weight:bold; font-variant:small-caps; color:#616265;}
#u-container h3{padding:8px 8px 14px 38px; background:url(images/ok.gif) 9px 6px no-repeat; font-size:16px; font-weight:bold; font-variant:small-caps; color:#57be0b;}
#u-container h4{padding:8px 8px 14px 38px; background:url(images/error.gif) 10px 7px no-repeat; font-size:16px; font-weight:bold; font-variant:small-caps; color:#d20000;}
#u-container ol{padding:0 14px 0 24px; list-style-type:square;}
#u-container p{padding:0 8px 14px 8px;}
#u-container p.seul{padding:2px 8px 2px 8px;}


/*-- BARRE LATERALE --*/
#sidebar{width:259px; float:right; background:url(images/rightpanbg.gif) 0 0 repeat-y;}

#sidemenu{margin:0 16px 0 20px; padding:15px 0 0 0; list-style:none; font-family:Arial;}

.buttons a, .buttons button{display:block; float:none; margin:0 1px 0 0; background-color:#f5f5f5; border:1px solid #dedede; font-family:Arial; font-size:100%; line-height:130%; text-decoration:none; font-weight:bold; color:#616265; cursor:pointer; padding:5px 10px 6px 7px;/* Links */}
.buttons button{width:auto; overflow:visible; padding:4px 10px 3px 7px;/* IE6 */}
.buttons button[type]{padding:5px 10px 5px 7px;/* Firefox */ line-height:17px;/* Safari */}
*:first-child+html button[type]{padding:4px 10px 3px 7px;/* IE7 */}
.buttons button img, .buttons a img{margin:0 3px -3px 0; padding:0; border:none; width:16px; height:16px;}
button.black, .buttons a.black{color:#000000;}
button:hover, .buttons a:hover{background-color:#fae6ff; border:1px solid #e5c3ee; text-decoration:none; color:#9325b2;}

#sidemenu li.menu{margin-top:14px;}
#sidemenu li.menu a{text-decoration:none; font-size:12px; font-weight:bold; color:#9325b2;}
#sidemenu li.menu a:hover{text-decoration:underline;}

#sidemenu ul.u-menu{padding:0px; margin:0px; margin-left:7px;}
#sidemenu ul.u-menu li{list-style-type:none; background-repeat:no-repeat; background-image:url(images/sidebullet.gif); padding-left:8px; background-position: 0% 7px;}
#sidemenu ul.u-menu li a{text-decoration:none; font-weight:bold; font-size:10px; color:#828282;}
#sidemenu ul.u-menu li a:hover{text-decoration:underline;}

#sidebar-bottom{width:259px; height:24px; background:url(images/rightbottompan.gif) 0 0 no-repeat;}




/***********************
	FOOTER
************************/


#footer{height:130px; clear:both; background:#4C4C4C; color:#fff;}
#footer-content {margin:0 auto; padding:0; text-align: left;}
#footer-info{width:900px; float:left; position:relative;}


/*-- LOGO/COPYRIGHT --*/
#footer-info img{width:229px; height:64px; position:absolute; top:13px; left:20px;}
#footer-info p.copyright{position:absolute; top:85px; left:22px; font:11px/15px "Arial"; color:#959595;}


/*-- MENU --*/
#footer-info ul{width:540px; position:absolute; top:20px; right:18px; text-align:right;}
#footer-info ul li{display:inline; font:11px/15px "Arial"; font-weight:normal;}
#footer-info ul li a{padding:0 5px 0; text-decoration:none; color:#fff;}
#footer-info ul li a:hover{text-decoration:underline;}


/*-- WEBMESTRE --*/
#footer-info p.webmaster{width:158px; position:absolute; top:101px; right:185px; font:11px/15px "Arial"; font-weight:normal; color:#fff;}
#footer-info p.webmaster a{display:inline; text-decoration:none; color:#fff;}
#footer-info p.webmaster a:hover{text-decoration:underline;}


/*-- VALIDATION XHTML --*/
#footer-info #footer-xhtml{width:75px; height:24px; display:block; position:absolute; top:90px; right:112px;}
#footer-info #footer-xhtml a{width:75px; height:24px; display:block; margin:0; padding:0 0 0 5px; font:13px/24px "Arial"; font-weight:bold; text-transform:uppercase; text-decoration:none; background:url(images/arrow-normal.gif) 90% 50% no-repeat #DFDFDF; color:#111111;}
#footer-info #footer-xhtml a:hover{text-decoration:none; background:url(images/arrow-hover.gif) 90% 50% no-repeat #DFDFDF; color:#111111;}


/*-- VALIDATION CSS --*/
#footer-info #footer-css{width:75px; height:24px; display:block; position:absolute; top:90px; right:28px;}
#footer-info #footer-css a{width:75px; height:24px; display:block; margin:0; padding:0 0 0 5px; font:13px/24px "Arial"; font-weight:bold; text-transform:uppercase; text-decoration:none; background:url(images/arrow-normal.gif) 90% 50% no-repeat #DFDFDF; color:#111111;}
#footer-info #footer-css a:hover{text-decoration:none; background:url(images/arrow-hover.gif) 90% 50% no-repeat #DFDFDF; color:#111111;}
