/* CSS Document */

body {
	background:#fff;
	color:#0F0F0F;
	font:15px/20px Arial, Helvetica, sans-serif;
	margin:10px 0 0 0;
	padding:0;
}
div, ul, h1, h2, h3, li, p, img {
	margin:0;
	padding:0;
}
ul {
	list-style-type:none;
}
a {
	color: #2d79c4;
	text-decoration: none;
}
a:hover  {
	text-decoration: underline;
}
img.fleft {
	float:left;
	margin: 0 20px 0 0;
	padding:0;
	border: solid 3px #CCCCCC;
}

img.fright {
	float:right;
	margin: 0 0 0 20px;
	padding:0;
	border: solid 3px #CCCCCC;
}

/* TOP PANEL*/
#topPanel {
	width:762px;
	height:410px;
	position:relative;
	margin:0 auto;
	padding:0;
}
#topPanel img {
	width:550px;
	height:128px;
	z-index:1;
	position:absolute;
	padding:0;
	margin:0;
	border:none;
}
/* MENU PANEL*/
#topPanel ul {
	display:block;
	width:100px;
	height:100px;
	position:absolute;
	top:0;
	right:0;
	margin:20px 0 0 0;
	padding: 0;
}
#topPanel ul li {
	float:right;
	width:74px;
	height:32px;
	font:16px/32px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	list-style-type:square;
}
#topPanel ul li a {
	padding:0;
	color:#555;
	text-decoration:none;
	margin:0;
	top:0;
	left:0;
}
#topPanel ul li a:hover {
	text-decoration:none;
	color:#2369a7;
}
#topPanel ul li.active {
	color:#2369a7;
	margin:0;
	list-style-type:square;
	padding:0;
}
/* HEADER PANEL*/
#topPanel #headerPanelfast {
	width:246px;
	height:263px;
	position:absolute;
	top:30px;
	left:0;
	margin:130px 0 0;
	padding:0px;
	background:url(images/orange-normal.jpg) no-repeat 0 0 #FC5F00;
	color:#fff;
}
#topPanel #headerPanelfast a {
	width:246px;
	height:263px;
	display:block;
	text-decoration:none;
}
#topPanel #headerPanelfast a:hover {
	width:246px;
	height:263px;
	background:url(images/orange-hover.jpg) no-repeat 0 0 #FC5F00;
	color:#fff;
	text-decoration:none;
}
#topPanel #headerPanelfast h2 {
	display:block;
	width:180px;
	height:60px;
	margin:10px 0 0 30px;
	font:28px/28px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	position:absolute;
	text-align:center;
	top:0px;
	left:0px;
	z-index:1;
}
#topPanel #headerPanelfast p {
	width:163px;
	display:block;
	font:12px/18px Arial, Helvetica, sans-serif;
	font-weight:bold;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	padding:0;
	margin:80px 50px 0 38px;
}
#topPanel #headerPanelsecond {
	width:246px;
	height:263px;
	position:absolute;
	top:30px;
	left:258px;
	margin:130px 0 0;
	padding:0px;
	background:url(images/green-normal.jpg) no-repeat 0 0 #FC5F00;
	color:#fff;
}
#topPanel #headerPanelsecond a {
	width:246px;
	height:263px;
	display:block;
	text-decoration:none;
}
#topPanel #headerPanelsecond a:hover {
	width:246px;
	height:263px;
	background:url(images/green-hover.jpg) no-repeat 0 0 #FC5F00;
	color:#fff;
	text-decoration:none;
}
#topPanel #headerPanelsecond h2 {
	display:block;
	width:180px;
	height:60px;
	background:none;
	margin:10px 0 0 30px;
	font:28px/28px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	padding:0;
	position:absolute;
	text-align:center;
	z-index:1;
}
#topPanel #headerPanelsecond p {
	width:163px;
	display:block;
	font:12px/18px Arial, Helvetica, sans-serif;
	font-weight:bold;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	padding:0;
	margin:80px 50px 0 38px;
}
#topPanel #headerPanelthird {
	width:246px;
	height:263px;
	position:absolute;
	top:30px;
	right:0;
	margin:130px 0 0;
	padding:0px;
	background:url(images/blue-normal.jpg) no-repeat 0 0 #FC5F00;
	color:#fff;
}
#topPanel #headerPanelthird a {
	width:246px;
	height:263px;
	display:block;
	text-decoration:none;
}
#topPanel #headerPanelthird a:hover {
	width:246px;
	height:263px;
	background:url(images/blue-hover.jpg) no-repeat 0 0 #FC5F00;
	color:#fff;
	text-decoration:none;
}
#topPanel #headerPanelthird h2 {
	display:block;
	width:180px;
	height:60px;
	background:none;
	margin:10px 0 0 30px;
	font:28px/28px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	padding:0;
	position:absolute;
	text-align:center;
	z-index:1;
}
#topPanel #headerPanelthird p {
	width:163px;
	display:block;
	font:12px/18px Arial, Helvetica, sans-serif;
	font-weight:bold;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	padding:0;
	margin:80px 50px 0 38px;
}
/* /TOP PANEL*/

/* BODY PANEL*/
#bodyPanel, #bodyPanel2 {
	width:762px;
	height:1050px;
	position:relative;
	margin:0 auto;
	padding:0;
}
#bodyPanel {
	height:1100px;
}
#bodyPanel2 {
	margin-top:30px;
}
#bodyPanel h2 {
	background:#fff;
	display:block;
	width:500px;
	height:50px;
	margin:0;
	font:30px/30px Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	padding:4px 0 0 202px;
	color:#FF7113;
}
#bodyPanel2 h2 {
	background:#fff;
	margin:0;
	padding:0;
	font:30px/30px Georgia, "Times New Roman", Times, serif;
	height:70px;
	font-weight:normal;
	color:#FF7113;
}
#bodyPanel2 h2 span {
	font:18px/18px Georgia, "Times New Roman", Times, serif;
	color:#555555;
}
#bodyPanel p {
	background:url(images/symbol.jpg) 0 0 no-repeat #fff;
	margin:0 0 0 54px;
	padding:0 42px 35px 150px;
	color:#0F0F0F;
}
#bodyPanel2 p {
	margin:0;
	padding:0 0 20px 0;
	color:#0F0F0F;
	text-align: justify;
}
#bodyPanel p span {
	font-weight:bold;
}
#bodyPanel p.dotline {
	background:url(images/dot-line.gif) 0 0 repeat-x #fff;
	padding:0;
	margin:0 40px 0 25px;
	color:#000;
	width:400px;
}
#bodyPanel p.capstext {
	background: url(images/name.jpg) bottom right no-repeat #fff;
	font:18px/24px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#555555;
	padding:2px 0 0 25px;
	margin:0 35px 10px 0;
	width:400px;
}
#bodyPanel p.more {
	height:26px;
	padding:0;
	background:none;
	margin:0;
}
#bodyPanel p.more a {
	width:76px;
	height:26px;
	display:block;
	margin:314px 20px 19px 618px;
	background:url(images/more.gif) 0 0 no-repeat #fff;
	color:#555;
	text-decoration:none;
	font:15px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0 0 0 10px;
	text-transform:uppercase;
	position:absolute;
	top:0px;
	right:0px;
}
#bodyPanel p.more a:hover {
	background:url(images/more.gif) 0 0 no-repeat #fff;
	color:#216EBD;
	text-decoration:none;
}
#bodyPanel h3 {
	background:#fff;
	display:block;
	width:250px;
	height:34px;
	margin:20px 0 12px 0;
	font:30px/30px Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	padding:0 0 0 20px;
	color:#FF7113;
}
#bodyPanel #testimonial {
	width:223px;
	height:162px;
	display:block;
	background:url(images/testimonial-bg.gif) 0 0 no-repeat #FFF6DB;
	padding:20px 33px 0 148px;
	margin:0 0 0 20px;
	color:#786321;
}
#bodyPanel #testimonial p {
	background:none;
	margin:0;
	padding:0 0 5px 0;
	font-size:12px;
}
#bodyPanel #testimonial p span {
	color:#786321 !Important;
	background:#FFFAED !Important;
	font-size:15px;
}
#bodyPanel #tags, #bodyPanel2 #tags {
	margin:20px 0 0 20px;
	padding:0;
}
#bodyPanel #tags h3, #bodyPanel2 #tags h3 {
	margin:0;
	padding:0;
	height:75px;
	width:405px;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color:#2266a7;
}
#bodyPanel #tags span, #bodyPanel2 #tags span {
	font-size: 16px;
	line-height: 16px;
	font-weight: bold; 
}
#bodyPanel #tags p, #bodyPanel2 #tags p {
	background:none;
	margin:0;
	padding:0;
	font-size:9px;
	line-height:11px;
}
#bodyPanel #tags table, #bodyPanel2 #tags table {
	margin: 0;
	padding :0;
	width: 405px;
}
#bodyPanel #tags table td, #bodyPanel2 #tags table td {
	vertical-align:top;
}
#bodyPanel #tags table td.domaine, #bodyPanel2 #tags table td.domaine {
	width: 120px;
}

#bodyPanel #devis, #bodyPanel2 #devis {
	position: absolute;
	width: 300px;
	right: 10px;
	top: 645px;
	background:none;
	margin:0;
	padding:0;
}
#bodyPanel #devis p.images, #bodyPanel2 #devis p.images {
	margin: 0 0 20px 0;
	padding:0;
	text-align: center;
	background: none;
}
#bodyPanel #devis img, #bodyPanel2 #devis img {
	border:none;
}

#bodyPanel p.moretwo {
	height:26px;
	padding:0;
	background:none;
	margin:0;
}
#bodyPanel p.moretwo a {
	width:76px;
	height:26px;
	display:block;
	margin:0px 0px 0px 136px;
	background:url(images/more2.gif) 0 0 no-repeat #FFF5D6;
	color:#555;
	text-decoration:none;
	font:15px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:0 0 0 10px;
	top:0px;
	right:0px;
}
#bodyPanel p.moretwo a:hover {
	background:url(images/more2.gif) 0 0 no-repeat #FFF5D6;
	color:#216EBD;
	text-decoration:none;
}
#bodyPanel h4 {
	background: url(images/maison.jpg) no-repeat;
	width:300px;
	height:55px;
	position:absolute;
	top:165px;
	right:10px;
	margin:0;
	font:30px/30px Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	padding:225px 0 0 0;
	color:#2266a7;
}
#bodyPanel h4 span {
	font-size:21px;
	line-height:21px;
}
#bodyPanel ul {
	width:300px;
	display:block;
	position:absolute;
	right:10px;
	top:445px;
}
#bodyPanel ul li {
	font:12px/25px Arial, Helvetica, sans-serif;
	font-weight:normal;
	background:url(images/symbol2.gif) 0 8px no-repeat;
	padding:0 0 0 30px;
}
#bodyPanel ul span {
	background:url(images/dot-line.gif) repeat-x 0 100%;
	height:25px;
	display:block;
}


/* Pages argumentaires */
#bodyPanel2 div.cadres {
	margin:0 50px 0 50px;
	padding:0;
}
#bodyPanel2 div.cadres h3 {
	margin:0;
	padding:10px 15px 20px 0;
	color:#ffffff;
	font-size:23px;
	line-height:32px;
	text-align:center
}
#bodyPanel2 div.cadres h3.cadre1 {
	color:#fa8c41;
}
#bodyPanel2 div.cadres h3.cadre2 {
	color:#93bc60;
}
#bodyPanel2 div.cadres h3.cadre3 {
	color:#2469b4;
}
#bodyPanel2 div.cadres p {
	margin:0 0 15px 30px;
	padding:0;
}
div.cadres h4 {
	margin:0 0 5px 0;
	padding:0;
}
#bodyPanel2 div.bloccadre1, #bodyPanel2 div.bloccadre2, #bodyPanel2 div.bloccadre3 {
	margin:0;
	padding:0;
	width:250px;
	height:115px;
}
#bodyPanel2 div.bloccadre1 {
	background:url(images/orange-bloc-light.jpg) top left no-repeat;
}
#bodyPanel2 div.bloccadre2 {
	background:url(images/vert-bloc-light.jpg) top left no-repeat;
}
#bodyPanel2 div.bloccadre3 {
	background:url(images/bleu-bloc-light.jpg) top left no-repeat;
}
/* Fin pages argumentaires */


/* FOOTER PANEL*/
#footerPanel {
	width:100%;
	background:#DCDCDC;
	color:#4C4C4C;
	font-size:12px;
}
#footerbodyPanel {
	width:762px;
	height:133px;
	position:relative;
	margin:0 auto;
	padding:0;
}
#footerPanel ul {
	width:320px;
	display:block;
	position:absolute;
	right:10px;
	top:33px;
}
#footerPanel li {
	float:left;
	font:12px/15px Arial, Helvetica, sans-serif;
	font-weight:normal;
}
#footerPanel ul li a {
	padding:0 6px;
	color:#4C4C4C;
	background:#DCDCDC;
	text-decoration:none;
}
#footerPanel ul li a:hover {
	text-decoration:underline;
}
#footerPanel ul li a.padl {
	padding:0 0 0 6px;
}
#footerPanel p.copyright {
	background:#DCDCDC;
	display:block;
	position:absolute;
	top:54px;
	right:45px;
	color:#A64200;
}
#footerPanel ul.templateworld {
	width:171px;
	background:#DCDCDC;
	color:#4C4C4C;
	display:block;
	position:absolute;
	top:74px;
	right:40px;
}
#footerPanel ul.templateworld li a {
	background:#DCDCDC;
	display:block;
	color:#4C4C4C;
	text-decoration:none;
}
#footerPanel ul.templateworld li a:hover {
	text-decoration:underline;
}
#footerhtmlPanel {
	width:86px;
	height:31px;
	display:block;
	position:absolute;
	top:34px;
	left:29px;
	margin:0;
	padding:0;
}
#footerhtmlPanel a {
	width:86px;
	height:31px;
	display:block;
	background:url(images/html-img.gif) no-repeat 0 0 #DCDCDC;
	text-decoration:none;
	font:14px/31px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#2F2F2F;
	text-transform:uppercase;
	padding:0 0 0 10px;
	position:absolute;
	top:0px;
	right:0px;
}
#footerhtmlPanel a:hover {
	background:url(images/html-img.gif) no-repeat 0 0 #DCDCDC;
	color:#216EBD;
	text-decoration:none;
}
#footercssPanel {
	width:86px;
	height:31px;
	display:block;
	position:absolute;
	top:34px;
	left:115px;
	margin:0;
	padding:0;
}
#footercssPanel a {
	width:86px;
	height:31px;
	display:block;
	background:url(images/css-img.gif) no-repeat 0 0 #DCDCDC;
	text-decoration:none;
	font:14px/31px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#2F2F2F;
	text-transform:uppercase;
	padding:0 0 0 10px;
	position:absolute;
	top:0px;
	right:0px;
}
#footercssPanel a:hover {
	background:url(images/css-img.gif) no-repeat 0 0 #DCDCDC;
	color:#216EBD;
	text-decoration:none;
}

/* Formulaire de contact */
#bodyPanel2 #contact {
	margin:20px 0 0 0;
	padding:0;
}
#bodyPanel2 #contact form {
	margin:30px 0 0 100px;
	padding:0;
}
#bodyPanel2 #contact p {
	margin:0 0 7px 0;
	padding:0;
	font-family:"Trebuchet MS", verdana, arial, helvetica, sans-serif;
}
#bodyPanel2 #contact p label {
	float:left;
	width:95px;
	margin:0;
	padding:4px 5px 4px 0;
	text-align:right;
	font-size:12px;
	line-height:12px;
	font-weight:bold;
	color:#666;
}
#bodyPanel2 #contact textarea.msgfield, #bodyPanel2 #contact textarea.msgfield_err {
	width:280px;
	height:200px;
	margin:0;
	padding:5px;
	background:#fff;
	border:1px solid #666;
	font-size:12px;;
	font-family:"Trebuchet MS", verdana, arial, helvetica, sans-serif;
	color:#000000;
}
#bodyPanel2 #contact input.textfield, #bodyPanel2 #contact input.textfield_err {
	width:280px;
	margin:0;
	padding:1px 5px 1px 5px;
	background:#fff;
	border:1px solid #666;
	font-size:12px;;
	color:#000000;
	font-family:"Trebuchet MS", verdana, arial, helvetica, sans-serif;
}
#bodyPanel2 #contact input.textfield:focus, #bodyPanel2 #contact input.textfield_err:focus, #bodyPanel2 #contact textarea:focus {
	background:#EEEEEE;
}
#bodyPanel2 #contact select.selectfield, #bodyPanel2 #contact select.selectfield_err {
	width:292px;
	background:#fff;
	border:1px solid #666;
	font-size:12px;;
	color:#000000;
	font-family:"Trebuchet MS", verdana, arial, helvetica, sans-serif;
}
#bodyPanel2 #contact input.textfield_err, #bodyPanel2 #contact textarea.msgfield_err, #bodyPanel2 #contact select.selectfield_err {
	border-color: #666;
}
#bodyPanel2 #contact p#send {
	margin:15px 0 10px 200px;
	padding:0;
}
#bodyPanel2 #contact p.rq {
	margin:0 0 10px 0;
	padding:0;
	font-style:italic;
	text-align:center;
	font-size:12px;
	color:#666;
}
#bodyPanel2 #contact p.error, #bodyPanel2 #contact p.mail_ok {
	margin:20px 0 0 17px;
	padding:5px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
}
#bodyPanel2 #contact p.error {
	border: 1px solid #990000;
	color: #990000;
}
#bodyPanel2 #contact p.mail_ok {
	border:1px solid #FF8A00;
	color: #FF7113;
}
/* Fin Formulaire de contact */

/*** Plan du site ***********/
#bodyPanel2 #plan {
	margin:0 0 0 50px;
	padding:0;
	text-align:left;
}
#bodyPanel2 #plan dl {
	margin:0 0 0 45px;
	padding:0;
}
#bodyPanel2 #plan dt {
	margin:0;
	padding:0 0 0 17px;
	background: url(images/level2.jpg) no-repeat 0 50%;
	font-size:12px;
	font-style:normal;
}
#bodyPanel2 #plan dd {
	margin:0;
	padding:0;
}
#bodyPanel2 #plan h3 {
	margin:0 0 0 25px;;
	padding:5px 0 5px 20px;
	font-size:13px;
	font-weight:bold;
	background: url(images/level1.jpg) no-repeat 0 50%;
	font-style:normal;
}
#bodyPanel2 #plan h3#home {
	background: url(images/home.jpg) no-repeat 0 50%;
}
/*#bodyPanel2 #plan a {
	color:#666;
 }*/
/****************************/