/* 
Main Stylesheet
Author:		Bernard NIRLO
Date:		15 May 2007
*/

body { margin: 2px 0px 0px 0px ; padding:0px; font-family: Arial; font-size: 10px; background-color:#FFF;color:#000000 }

h1 {color:#FF5C00;font-size:16px}
h2 {color:#FF5C00;font-size:12px;font-weight:normal;clear:both}
h2.special {color:#000;font-size:14px;font-weight:bold;clear:both;
			border-top:1px solid #000;border-bottom:1px solid #000;
			background-color:#EEEEEE
}
p {font-size:small}

img.left {float:left;margin-right:10px}
img.right {float:right;margin-left:10px}


.clear {clear:both}

#gabarit {text-align: left; width: 770px; overflow:auto;margin-left: auto; margin-right: auto; margin-top: 0px;background:#FFFFFF url(img/background.gif) no-repeat scroll top;border:1px solid #FF5C00;overflow:auto;padding-bottom:10px}
#gabarithome {text-align: left; width: 770px; overflow:auto;margin-left: auto; margin-right: auto; margin-top: 0px;background:#FFFFFF url(img/backgroundhome.gif) no-repeat scroll top;border:1px solid #FF5C00;overflow:auto;padding-bottom:10px;}

/* Menu vertical*/
#verticalbar {position:relative;float:right;width:191px;height:197px;}
	#verticalbar #menuhead{position:relative;width:191px;height:29px;}

	/* bouton du menu vertical*/
	#verticalbar #home		{ position:relative; width:109px; height:36px; float:right}
	#verticalbar #aboutus	{ position:relative; width:191px; height:25px; float:right}
	#verticalbar #products 	{ position:relative; width:191px; height:30px; float:right}
	#verticalbar #quality	{ position:relative; width:191px; height:32px; float:right}
	#verticalbar #news		{ position:relative; width:191px; height:30px; float:right}
	#verticalbar #contact	{ position:relative; width:191px; height:34px; float:right}

#verticalbarhome {position:relative;float:right;width:161px;height:197px;}
	#verticalbarhome #menuhead{position:relative;width:161px;height:65px;}

	/* bouton du menu vertical*/
	#verticalbarhome #aboutus	{ position:relative; width:161px; height:25px;}
	#verticalbarhome #products 	{ position:relative; width:161px; height:30px;}
	#verticalbarhome #quality	{ position:relative; width:161px; height:32px;}
	#verticalbarhome #news		{ position:relative; width:161px; height:30px;}	
	#verticalbarhome #contact	{ position:relative; width:192px; height:30px;}	
	
	

#logo {float:left; position:relative;background:url(img/logo.gif) no-repeat right bottom;width:99px;height:92px;margin-left:10px;}
	#logo img {width:99px;height:92px;border:0}
	
#contenthome {position:relative;float:left; left:225px;top:0; width:325px;height:242px; overflow:auto;}

/* content2 pour toutes les pages sauf la homepage */
#content {position:relative;float:left;top:200px; left:30px;top:0; width:450px;margin-top:30px; /*background:url(img/personnageflou.jpg) no-repeat center;*/ }
	#content ul {clear:both;margin:0px 0px 0px 15px; padding:0px 0px 0px 0px;}
	#content li {margin:3px 7px 3px 7px; padding:0px 0px 0px 0px;font-size:small}
	#content a {text-decoration:underline;color:#FF5C00; padding-left:10px}
	
	/* traitement pour les images */
	#content .imgResize {float:left;}
	#content .imgResize img {float:left;border:1px solid silver;margin:10px;padding-right:15px;background: url(img/loupe.gif) no-repeat scroll right top;}

table {text-align:left; border:0; clear:both}
tr {border:0}
table td {font-size:small;border:0}

#footerhome {position:relative;float:left;height:120px;width:750px; background:url(img/logo.gif) no-repeat right bottom; margin-right:0px;margin-bottom:5px }
	#footerhome #moto2	{background:url(img/moto2.gif) no-repeat scroll center 10px; height:77px; margin-top:45px;}
	/*#footerhome #moto2	{background:url(img/moto2.gif) no-repeat scroll center 10px;height:43px}*/
	
#footer {position:relative;float:left;height:42px;width:750px; background:url(img/logofooter.gif) no-repeat right bottom; margin-right:0px;margin-bottom:5px }
	#footer #moto	{background:url(img/motofooter.gif) no-repeat scroll bottom left; height:46px;}


div.servicesheetstable{height:300px; overflow:auto;width:60%}



table.servicesheets {width:93%; padding:0;border:0; }

	.servicesheets th{background-color:#FF5C00;color:#FFF;font-size:12px; padding-left:15px;border:0}
		.servicesheets td.reference{width:50%}
		.servicesheets td.type{width:10%}
		.servicesheets td.size {width:20%;color:#666}
	.servicesheets td{border:0;font-size:11px;padding-left:15px}
	.servicesheets tr.even 	{background-color:#D2D2D2}
	.servicesheets tr.uneven {background:none}
	#content table.servicesheets td a.pdf {background:url(img/pdf.gif) no-repeat top right; width:250px; padding-right:20px;}
	#content table.servicesheets td a.none {background:none}
	
/* forms */
.hidden{display:none}

#contactform {float:left; width:400px; margin-bottom:35px}
	#contactform label {float:left; width:150px; clear:left}
	#contactform input, #contactform textarea, #contactform select {float:left; border:1px solid #FF5C00;margin-bottom:5px; width:200px}
	#contactform .highlight{background:#FFBE9B}
	#contactform input.submit {text-align:center; margin:0 0px 25px 150px; float:left; }
	#contactform label sup {color:#FF0000;}
.contactform {/*background:url(../img/misc/contact.jpg) no-repeat bottom left;*/ }

#contactdetails {float:left; position:relative; display:none; width:345px; background:#FFF; z-index:9; border:1px solid #D2D2D2;margin:0 25px 10px 0;}
	#contactdetails table {margin:0px 0 25px 5px;color:#000; width:100%;font-size:11px}
	#contactdetails table th {vertical-align:top}
	#contactdetails table th.company {color:#FF5C00; text-align:center}
	
	

.frame #contactdetails {float:right; width:190px;display:none;background:url(img/tromboneframe.gif) no-repeat;}


/*  affichage du menu lateral */
#lateralmenu {background:red; width:50px; float:left; position:relative; top:100px; left:-110px}


/* affichage des listes de newsletters */
#newsletters{width:100%; float:left;margin-bottom:100px;}
	#newsletters .newsletter{font-weight:normal;float:left;width:120px;text-align:center; text-decoration:none;}
	#newsletters .newsletter a.none {text-decoration:none; background:none}
	#newsletters .newsletter.greyed {color:silver; font-style:italic;text-decoration:none; background:none}


/* Affichage des tableaux */

.table {width:100%; border:1px solid #C2C3C5; font-size:12px; padding:5px; background-color:#EEEEEE}
	.table thead {background-color:#C2C3C5; border:1px solid #C2C3C5; text-align:center}
	.table tbody td {font-size:12px; padding-bottom:5px}



.product-box {float:left; width:100%; border-bottom:1px solid #FF5C00; padding-bottom:20px ; padding-top:20px}
.product-box img {float:left}
.product-box .image {float:left; width:220px; margin-bottom:15px}
.product-box .title {position:relative;float:left;background:#FF5C00; font-size:11px; font-weight:bold; padding:3px; width:45%}
.product-box .description {float:left;}
.product-box ul {float:left; list-style:circle; text-indent:10px}
.product-box .description li {list; font-size:10px;}
































/*  affichage du menu horizontal */

/* affichage de la barre par dfaut */
#menuNav {position:relative;width:100%;float:left;background-color:#C2C3C5;font-family:Verdana;padding:0;}
	
#menuNav ul {width:100%; margin:0px; padding-left:0; float:left; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; background:url(img/menubkg.gif) repeat-x scroll top left;padding-top:0}

#menuNav ul li {display:inline; vertical-align:middle}
#menuNav ul li a {color:#FFFFFF; font-weight:bold; text-align:center; text-decoration:none; padding:3px 5px 3px 5px; border-left:solid 1px #FFFFFF; float:left; line-height:250%; height:31px;margin-right:0px; width:116px;vertical-align:middle;}

/* survol de la barre */
#menuNav ul li a:hover {color:#FFFFFF;}
#menuNav ul li .menuNavallumBtn {color:#FFFFFF; background-color:#C2C3C5;background:url(img/menubkgon.gif) repeat-x scroll top left;}
#menuNav ul li .menuNaveteinBtn {color:#FFFFFF;background:url(img/menubkg.gif) repeat-x scroll top left; }

	/*Sous-menu*/
.menuNavSs {position:absolute; top:0; left:auto; height:auto; z-index:50; width:150px; padding:0px 6px 1px 1px; background-color:transparent; visibility:hidden;margin-left:3px;margin-top:2px;font-family:Verdana}
.menuNavSs a {display:block; color:#000; text-decoration:none; padding-left:14px;padding-bottom:1px; margin:1px 0px 0px 0px; width:inherit;background-color:#C2C3C5;}

.menuNavSs a.servicesheets{color:#000;background:#C2C3C5 url(img/pdf.gif) no-repeat top left; padding-left:18px; height:20px;font-weight:bold }

.menuNavSs a:hover {display:block; color:#000; background-color:#FF5C00; text-decoration:none; padding-left:14px;margin:1px 0px 0px 0px;width:inherit;}
.menuNavSs a.servicesheets:hover{background:#FF5C00 url(img/pdf.gif) no-repeat top left; padding-left:18px; font-weight:bold }



/* affichage des popups DHTML */

b.rtop, b.rbottom{display:block;background: transparent}
b.rtop b, b.rbottom b{display:block;height: 1px; overflow: hidden;}
b.rtop b.r1{margin: 0 0 0 18px}
b.rtop b.r2{margin: 0 0 0 15px}
b.rtop b.r3{margin: 0 0 0 12px}
b.rtop b.r4{margin: 0 0 0 10px}
b.rtop b.r5{margin: 0 0 0 8px}
b.rtop b.r6{margin: 0 0 0 7px}
b.rtop b.r7{margin: 0 0 0 6px}
b.rtop b.r8{margin: 0 0 0 5px}
b.rtop b.r9{margin: 0 0 0 4px}
b.rtop b.r10{margin: 0 0 0 4px}
b.rtop b.r11{margin: 0 0 0 3px}
b.rtop b.r12{margin: 0 0 0 3px}
b.rtop b.r13{margin: 0 0 0 2px}
b.rtop b.r14{margin: 0 0 0 2px}
b.rtop b.r15{margin: 0 0 0 2px}
b.rtop b.r16{margin: 0 0 0 2px}
b.rtop b.r17{margin: 0 0 0 1px}
b.rtop b.r18 {margin: 0 0 0 1px;height: 2px}
b.rbottom b.r1{margin: 0 18px 0 0}
b.rbottom b.r2{margin: 0 15px 0 0}
b.rbottom b.r3{margin: 0 12px 0 0}
b.rbottom b.r4{margin: 0 10px 0 0}
b.rbottom b.r5{margin: 0 8px 0 0}
b.rbottom b.r6{margin: 0 7px 0 0}
b.rbottom b.r7{margin: 0 6px 0 0}
b.rbottom b.r8{margin: 0 5px 0 0}
b.rbottom b.r9{margin: 0 4px 0 0}
b.rbottom b.r10{margin: 0 4px 0 0}
b.rbottom b.r11{margin: 0 3px 0 0}
b.rbottom b.r12{margin: 0 3px 0 0}
b.rbottom b.r13{margin: 0 2px 0 0}
b.rbottom b.r14{margin: 0 2px 0 0}
b.rbottom b.r15{margin: 0 2px 0 0}
b.rbottom b.r16{margin: 0 2px 0 0}
b.rbottom b.r17{margin: 0 1px 0 0}
b.rbottom b.r18{margin: 0 1px 0 0;height: 2px} 

/* affichage du tooltip dhtml */

#divTooltip {position:absolute; top:0px; visibility:hidden; z-index:200; background-color:#f3f3f3; layer-background-color:#f3f3f3;}
.normalStyle    {padding:2px; text-align:center; font-weight:500; color:#000000; top:100px; font-family:verdana,arial,helvetica; font-size:11px; background-color:#f3f3f3; layer-background-color:#f3f3f3; border-width:1px; border-style:solid; border-color:silver; cursor:default;}
.netscape4Style {padding:0px; font-weight:500; color:#000000; top:100px; font-family:verdana,arial,helvetica; font-size:11px; background-color:#f3f3f3; layer-background-color:#f3f3f3; border:1px solid silver;}