/*
// (C) 2007 - 2009 Serge Lamarche
// http://sergewebservice.ca/
// All codes copyrights Serge Lamarche, any reproduction and 
// uses strictly forbidden without written consent.
// Contact sergewebservice@yahoo.ca or serge_lamarche@hotmail.com 
// for help with your website. Reliable, inexpensive website service.
*/

body.sergewebservice { margin: 0; padding: 0; font: 11px/15px Verdana, Arial, Helvetica, sans-serif; background: #000; }
body { scrollbar-arrow-color: #ff7e00; scrollbar-base-color: #E5E5E5; scrollbar-dark-shadow-color: #E5E5E5; scrollbar-track-color: #E5E5E5; }


a { color: #07e; }
a:hover { color: #ff7e00; }
a.icone { text-decoration: none; }
a.topnav { text-decoration: none; margin: 0; padding: 3px 25px 4px 25px; font: 12px/36px Verdana, Arial, Helvetica, sans-serif; } /* border: 1px solid #ff0000;  */
a.topnav:link { color: #00a8ff; } /* color: #73CEFF;  */
a.topnav:visited { color: #00a8ff; } /* color: #40BCFF;  */
a.topnav:hover { color: #ff7e00; } /*  color: #FFBF73;  */
a.topnav:active { color: #ffcccc; } /*  color: #ffcccc;  */
table.topnav td { text-align: center; vertical-align: middle; padding: 0; white-space: nowrap; }
table.topnav td.premier { }
table.topnav td.dernier { }
table { min-width: 760px; max-width: 1024px; }
table.header { background: #fff; }
table.header td h2 { text-align: left; padding: 5px 30px; margin: 0; font: bold 22px/24px sans-serif; }
table.header img { margin: 10px; }

a.enligne { text-decoration: none; }
a.enligne:link { color: #ff7e00; }
a.enligne:visited { color: #ff7e00; }
a.enligne:hover { color: #ddaa00; }
a.enligne:active { color: #ffffff; }

a.link { color: #00a8ff; text-decoration: none; }
a.smlink:hover, a.link:hover { color: #ddcccc; }
a.droits, p.droits { color: #666; text-decoration: none; }
a.droits:hover { color: #a99; }
a.gras { font-weight: bold; }

h1 { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #333; }
h2 { padding: 10px; text-align: center; }
h3 { text-align: left; padding: 8px 20px; margin: 0; font: bold 18px Tahoma, sans-serif; }
h4 { padding: 5px 0px; text-align: left; font-size: 14px; }
h5 { padding: 5px 0px; text-align: left; font-size: 12px; }


/* Les fonds à droite des entêtes sont définis ci-dessous: 

body.sergewebservice table.header td.header_aboutus_droit { background: url(../pics/header_aboutus_mountain.jpg) left center; }

body.sergewebservice table.header td.header_clients_droit { background: url(../pics/header_clients_andy.jpg) left center; }

body.sergewebservice table.header td.header_contactus_droit { background: url(../pics/header_contactus_plugs.jpg) left center; }

body.sergewebservice table.header td.header_medias_droit { background: url(../pics/header_media_sky.jpg) left center; }

body.sergewebservice table.header td.header_links_droit { background: url(../pics/header_projects_racine.jpg) left center; }

body.sergewebservice table.header td.header_services_droit { background: url(../pics/header_services_jeep.jpg) left center; }

*/


td { color: #000; }
table.data { min-width: 200px; margin: 10px auto; }
table.data td { padding: 3px 15px; background: #ddd; }
body.sergewebservice td.mmedia { vertical-align: bottom; }
body.sergewebservice div#multimedia { text-align: center; }
body.sergewebservice div#multimedia p.boutons { margin: 0; padding: 0; }
body.sergewebservice div#multimedia a#arriere { color: #cccccc; text-decoration: none; font: bold 18px/20px arial, helvetica; }
body.sergewebservice div#multimedia a#avant { color: #cccccc; text-decoration: none; font: bold 18px/20px arial, helvetica; }
body.sergewebservice div#multimedia a#arriere:hover, body.sergewebservice div#multimedia a#avant:hover { color: #ffffff; }
body.sergewebservice div#legende { vertical-align: middle; padding: 5px 10px; background: #ffffff; }
body.sergewebservice div#legende a { display: block; float: left; }
body.sergewebservice div#legende p { margin: 0; padding: 5px 0px; }
body.sergewebservice div#legende p.photo { text-align: center; padding: 0; }
body.sergewebservice div#legende p.video { text-align: center; } /* min-height: 74px; */
body.sergewebservice td.defile { vertical-align: middle; background: #eee; }
body.sergewebservice div.defile { padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; border-top: 1px solid #cccccc; border-bottom: 1px solid #ffffff; background: #e0e0e0; }
* body.sergewebservice div#defileur { height: 310px; overflow: auto; }
body.sergewebservice div.defile div.client { padding: 0px 20px 20px 20px; border: 1px solid #e6e6e6; background: #e3e3e3; }
body.sergewebservice div.defile div.client p { clear: both; }
body.sergewebservice div.defile div.client:hover { background: #e6e6e6; }
body.sergewebservice div.defile div.section { padding: 0px 20px; border: 1px solid #e6e6e6; background: #e3e3e3; }
body.sergewebservice div.defile div.section p { clear: both; }
body.sergewebservice div.defile div.section:hover { background: #e6e6e6; }

p { font: 11px/15px Verdana, Arial, Helvetica, sans-serif; }
p.pad, p.text2 { margin: 0; padding:0; line-height: 30px; }
p.reference { font-style: italic; }
table.basdepage td { padding: 0px 10px; }
div#legende p span, div.client p span { font-weight: bold; }
p.text2 { color: #ccc; }
p.text3 { font-size: 6px; color: #666; }
p.text4 { font-size: 14px; color: #ccc; }



body.sergewebservice div.defile { scrollbar-arrow-color: #ffcccc; scrollbar-base-color: #663333; scrollbar-dark-shadow-color: #330000; scrollbar-track-color: #aaaaaa; }



/*
// (C) 2007 - 2009 Serge Lamarche
// http://sergewebservice.ca/
// All codes copyrights Serge Lamarche, any reproduction and 
// uses strictly forbidden without written consent.
// Contact sergewebservice@yahoo.ca or serge_lamarche@hotmail.com 
// for help with your website. Reliable, inexpensive website service.
*/