/* CSS Document */
body{padding:0px; margin:0px; background:#252525; color:#cecece; font:11px verdana, sans-serif; }
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px}

/* HEADER */

#header{height:80px; width:775px; margin: 0 auto; position:relative;}
#logo{width:266px; height:41px; position:absolute; top:15px; left:53px }
#slogan{width:250px; height:22px; position:absolute; top:25px; left:520px }

/* MAIN */

#main{height:247px; width:775px; background:url(../images/b_main.jpg) 0 0 no-repeat; margin: 0 auto; position:relative; clear:both;}

#main ul {width:180px; position:absolute; top:29px; left:105px;}
#main ul li{padding-bottom: 20px}

#main ul li.accueil a{width:121px; height:21px; display:block; background:url(../images/accueil.gif) 0 0 no-repeat; text-indent:-20000px;}
#main ul li.accueil a:hover{width:121px; height:21px; background:url(../images/accueil-h.gif) 0 0 no-repeat;}

#main ul li.presentation a{width:121px; height:21px; display:block; background:url(../images/presentation.gif) 0 0 no-repeat; text-indent:-20000px;}
#main ul li.presentation a:hover{width:121px; height:21px; background:url(../images/presentation-h.gif) 0 0 no-repeat;}

#main ul li.services a{width:121px; height:21px; display:block; background:url(../images/services.gif) 0 0 no-repeat; text-indent:-20000px;}
#main ul li.services a:hover{width:121px; height:21px; background:url(../images/services-h.gif) 0 0 no-repeat;}

#main ul li.realisations a{width:121px; height:21px; display:block; background:url(../images/realisations.gif) 0 0 no-repeat; text-indent:-20000px;}
#main ul li.realisations a:hover{width:121px; height:21px; background:url(../images/realisations-h.gif) 0 0 no-repeat;}

#main ul li.contact a{width:121px; height:21px; display:block; background:url(../images/contact.gif) 0 0 no-repeat; text-indent:-20000px;}
#main ul li.contact a:hover{width:121px; height:21px; background:url(../images/contact-h.gif) 0 0 no-repeat;}


/* CONTENT */

#content{width:775px; background:url(../images/b_content.jpg) 0 0 repeat-y; margin: 0 auto; clear:both; }

#content a{font:11px verdana, sans-serif; color:#00a3e0; font-weight:bold; text-decoration:none }
/*#content a:hover{color:#fff; border-bottom: #fff 1px dotted; text-decoration:none }*/
#content a:hover{color:#fff; text-decoration:none }

#content a.orange{font:11px verdana, sans-serif; color:#00a3e0; font-weight:normal; text-decoration:underline }
#content a.orange:hover{color:#fff; border-bottom: #fff 1px dotted; text-decoration:none }

#content p span.boldwhite{font:11px Trebuchet MS, sans-serif; color:#fff; font-weight:bold; padding-bottom:5px}

#content img{border:#687177 2px solid; margin: 7px 0 7px 0}

#leftPan{width:200px; margin: 21px 0 20px 84px; display:inline; float:left; }

.line{height:1px; background:#555657; margin-bottom:15px}

#rightPan{width:407px; margin: 21px 0 20px 39px; display:inline; float:left }

#rightPanList{width:407px; margin: 21px 0 20px 39px; display:inline; float:left }
#rightPanList ul {list-style-type: none; padding: 0; margin: 0;}
#rightPanList ul li { background:url(../images/arrow-li.gif) no-repeat; margin:0 0 0 5px; padding:0 0 0 25px;}

#welcome{position: relative; clear:both; margin-bottom:20px}
/*#welcome h2{width:204px; height:18px; background:url(../images/bienvenue-dosimontoit.gif) 0 0 no-repeat; position:relative; padding: 0 0 7px 0; margin: 0 0 0 1px}*/
#welcome p{padding:7px 0 15px 0 }
#welcome p span.boldwhite {display:block; margin:0 0 10px 0}

#pagePresentation{position: relative; clear:both; margin-bottom:20px}
#pagePresentation h2{width:300px; height:18px; background:url(../images/dosimontoit-specialiste-zinguerie.gif) 0 0 no-repeat; position:relative; padding: 0 0 7px 0; margin: 0 0 0 1px}
#pagePresentation p{padding:7px 0 15px 0 }
#pagePresentation p span.boldwhite {display:block; margin:0 0 10px 0}

#featured{position: relative; clear:both}
#featured h2{width:204px; height:18px; background:url(../images/differents-servies.gif) 0 0 no-repeat; position:relative; padding: 0 0 7px 0; margin: 0 0 0 1px}
#featured ul {width:193px; position:relative; top:0; left:11px; float:left; margin-right:24px}
#featured ul li{height:18px;}
#featured ul li a{display:block; background:url(../images/arrow.gif) 0 4px no-repeat; padding: 0 0 0 21px; font:11px verdana, sans-serif; color:#00a3e0; text-decoration:none; font-weight:normal}
#featured ul li a:hover{color:#fff; text-decoration:none; font-weight:normal; border-bottom:none }

#featured img{float:left; margin: 0 0 15px 0}
#featured p{float:left; width:175px; padding-left:2px}

#welcome h1 { font-size:16px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0;}
#welcome h1 span { color:#00a3e0; margin:0; padding:0;}

#featured h1 { font-size:16px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0;}
#featured h1 span { color:#00a3e0; margin:0; padding:0;}

#slogan h1 { font-size:11px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:9px 10px 7px 9px; background:url(../images/bckgrd-slogan.gif) no-repeat;}

/* FOOTER */

#footer{width:775px; height:75px; margin: 0 auto; clear:both; background:url(../images/b_footer.jpg) 0 0 repeat-x}
#footer p{padding: 15px 0 0 0; font:11px verdana, Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#fff;}
#footer p a{font:11px verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#fff; text-decoration:none; padding: 0 5px }
#footer p a:hover{color:#00a3e0; background:#40454a;}

.footerTOW a{font:10px verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#ccc;  text-align:center; text-decoration:none; padding: 0 5px; padding:0 0 0 557px; }
.footerTOW a:hover{color:#00a3e0; background:#40454a;}

.footerTOW strong { font-size:11px; background:url(../images/picto-tow.png) right 1px no-repeat; padding:0 13px 0 0; color:#ccc;}
.footerTOW a:hover strong { font-size:11px; background:url(../images/picto-tow-h.png) right 1px no-repeat; padding:0 13px 0 0; color:#00a3e0;}

h2.seo {font-size:16px; font-weight : normal; font-family : Verdana, Arial, Geneva, Helvetica, sans-serif;
}
#welcome h2 span { color:#00a3e0; margin:0; padding:0;}
#featured h3 span { color:#00a3e0; margin:0; padding:0;}
h3.seo {font-size:16px; font-weight : normal; font-family : Verdana, Arial, Geneva, Helvetica, sans-serif;
}
#welcome h3 span { color:#00a3e0; margin:0; padding:0;}
#slogan h4 { font-size:11px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:9px 10px 7px 9px; background:url(../images/bckgrd-slogan.gif) no-repeat;}
h2.gras {
	font-size : 12px; font-weight : bold; font-family : Verdana, Arial, Geneva, Helvetica, sans-serif; padding-bottom : 0px;
}
a {
color:#00A3E0;
font: 11px verdana,sans-serif;
text-decoration:none;
}