/* 
Default Stylesheet for cp.com
Author:		Bernard NIRLO
Date:		03 Sept 2007
*/

body { margin: 0px; padding:0px; font-family: Arial; font-size: 10px; background-color:#666;color:#FFF }
img{border:0}
img.left {float:left;margin-right:10px}
img.right {float:right;margin-left:10px}
ul {font-size:12px; list-style:url(img/bullet.gif)}
ul .highlight{font-size:larger; font-weight:bolder}
div.center{text-align:center}
.clear {clear:both}
a {color:#DC241F;text-decoration:none}
a:hover{text-decoration:underline}

.hidden {display:none}

/* gabarit principal  */
#gabarit {text-align: left; width: 770px; overflow:auto;margin-left: auto; margin-right: auto; margin-top: 0px; border:1px solid #000;padding-bottom:0px; background-color:#000;}

/* barre suprieure commune */
#topbar{float:left; width:770px;border-bottom:1px solid #FFF;height:30px;padding:0}
	#topbar #logo {float:left;height:30px;background:url(img/ring25.gif) no-repeat scroll top left;margin:2px;color:#FFF; font-weight:bold;font-size:11px; text-indent:30px;}
	#topbar #logo span{position:relative;top:5px;vertical-align:middle}
	
	/* form moteur de recherche */
	#topbar #search {float:right;padding:3px 5px 0 0;display:block}
	#topbar #search form {float:left}
	#topbar #search input {background-color:transparent;border:1px solid silver;font-size:10px;color:#FFF}

	
/* bloc bannire */
#topbanner {float:left;width:770px; height:90px; background:url(img/bgtopheaderd_2.gif) repeat-x scroll bottom;}
	#topbanner #brand {float:left;background:url(img/desoutter.gif) no-repeat center center;width:268px;height:100%;}
	#topbanner #brand img {height:100%;width:100%}
	#topbanner #moto {float:left;height:50px; padding-top:40px;padding-right:25px; font-size:18px;font-weight:normal; background-color:transparent}
	#topbanner #brandtag {background:url(img/brandtag.gif) no-repeat scroll center right; width:370px; height:100%;float:right}

/* main image on the homepage*/
#tease {float:left;width:770px; height:93px;
		background:url(img/industrial_banner_aerospace.jpg);
		display:block;
		border-bottom:2px solid #DC241F;
		}

#main {float:left;width:770px;height:auto; background:url(img/wiredbackground.gif) no-repeat scroll;background:url(img/wiredbackground.gif) no-repeat scroll;}
.highlight{font-size:larger; text-transform:uppercase;font-weight:bolder; text-align:center}


#content {	float:left;top:0; width:68%; overflow:inherit; padding:10px 10px 10px 10px; background-color:transparent}
	#content p {font-size:12px}
	#content .text {padding-left:10px}
	#content .text p {font-size:12px}
	#content img.left {float:left;margin-right:10px}
	#content img.right {float:right;margin-left:10px}
	#content ul {font-size:12px; list-style:url(img/bullet.gif);}
	#content ul li{margin-bottom:15px}
	#content ul li li {list-style:url(img/bullet.gif);color:blue;margin-left:15px}
	
	#content ul li.focus{float:left;border:1px solid #666; width:200px;height:150px;list-style:none;margin:10px;padding:5px;
							color:#000}
	#content ul li.focus:hover {color:#FFF;background:none}
	
		#content ul .highlight{font-size:larger; text-transform:uppercase;font-weight:bolder}
		#content ul li ul li{ list-style-image:none;list-style:none}
	
	
	/*#content h2{color:#FFF;font-size:14px;font-weight:bold;clear:both; background:url(img/bullet1.gif) no-repeat 2pt 7pt; }*/
	#content h1 {	padding-left:50px;
					background: url(img/h1_1.gif) no-repeat scroll;
					font-size:20px; font:bold italic;
					margin-bottom:15px;
				}
				
	#content h2 {font-size:14px; border-bottom:1px solid #666; border-top:1px solid #666; padding: 2px 0 2px 15px;background:url(img/bullet1.gif) no-repeat 2pt 5pt;}
	
	/* affichage en deux colonnes */
	#content .twocols {float:left;padding:3px;margin-right:2px}
	#content .onecol {float:left; width:500px; margin-bottom:12px} 
/*	#content .loud, #content .loud ul {font-size:16px}*/
	#content .loud ul li span.highlight {color:#780905}
	
	/*#content a.more{color:#FFF;text-decoration:none; padding-right:15px; background: url(img/knowmore.gif) no-repeat top right}*/
	#content a.more{color:#FFF;text-decoration:none;}
	#content a.more:hover{color:#FF0000;text-decoration:none;}
	
	
	#content .focus {background-color:#000;
					float:left;width:235px;height:140px;margin:3px;padding:5px;
					color:#FFF;cursor:pointer}
		#content .focus h1 {font-size:180%;background:none;padding:0; text-align:center}
		#content .focus ul li{margin:0}			
		#content .productivity {background:url(img/stamp-productivity.gif) no-repeat top right}
		#content .ergonomics {background:url(img/stamp-ergonomics.gif) no-repeat top right}
		#content .flexibility {background:url(img/stamp-flexibility.gif) no-repeat top right}
		#content .verification {background:url(img/stamp-verification.gif) no-repeat top right}			
					
	#content .hover {background-color:#333;
					float:left; width:235px;height:140px;margin:3px;padding:5px;
					color:#FFF;cursor:pointer}
		#content .hover h1 {font-size:180%;background:none;padding:0; text-align:center}
		#content .hover ul li{margin:0}			
		#content .hover .productivity {background:url(img/stamp-productivity.gif) no-repeat top right}
		#content .hover .ergonomics {background:url(img/stamp-ergonomics-hover.gif) no-repeat top right}
		#content .hover .flexibility {background:url(img/stamp-flexibility.gif) no-repeat top right}
		#content .hover .verification {background:url(img/stamp-verification.gif) no-repeat top right}					
			
			
	
#gutter {float:right;width:26%;height:auto;overflow:inherit;
			background:url(img/verticalseparator.gif) no-repeat;
			padding-top:20px;padding-left:20px;
			/*background:url(img/metalbkg.gif);*/
			}
	#gutter p{	width:100% }
	#gutter .highlight{font-size:12px; font-weight:bold; text-align:center;text-transform:none}
	#gutter a.stamp {
		text-decoration:none;
		color:#DC241F;
		font-weight:bold;
		clear:both;
		float:right;
		font-size:12px;
		width:100%;
}
	#gutter a.stamp:hover{text-decoration:underline}
	#gutter ul {padding-left:0px;margin-left:0px}
	#gutter ul li ul {padding-left:0px;margin-left:10px}

.box {width:170px;margin-bottom:5px}
	/*.box .head {background:#DC241F url(img/box/round-topright.gif) no-repeat top right;;height:22px;
				color:#FFFF; font-weight:bold; font-size:12px;
				padding:3px 0 0 15px}*/
	.box .head {background:url(img/box/head-red.gif) no-repeat top right;height:20px;
				color:#FFF; font-weight:bold; font-size:12px;
				padding:2px 0 0 25px}
	.box .body {border:1px solid #a01f1d; padding:5px}
		.box .body a {color:#FFF; text-decoration:none}
		.box .body a:hover {color:#FFF; text-decoration:underline}
	.box h1 {	font-size:11px; color:#FFF;
				background:url(img/box/h1.gif) no-repeat;
				margin:0; padding:3px 0 3px 15px
			}
			
	.box ul li{margin-left:25px;}		
			
.gallery {
		width:170px; height:80px;
		background:url(img/box/gallery.gif) no-repeat;
}
.gallery img{width:170px; height:80px;}

.hidden {display:none}

/*h2 {color:#FFF;font-size:14px;font-weight:bold;clear:both;padding-top:10px}
p {font-size:small}
img {border:0; vertical-align:bottom}
.clear {clear:both}*/



#divTooltip a.stamp {display:none}

#diaporama {float:right; background-color:#FFF;	height:90px;}

#mainpicto {float:left;margin:20px; width:190px;vertical-align:middle}

body.pop {background-color:#000}

#gabaritpop {margin-left: 0px; margin-right: 0px; margin-top: 0px;text-align: left; background-color:#000; width:480px}
	#gabaritpop #topbar {width:500px}
	#gabaritpop #topbanner {width:500px}
	#gabaritpop #menuNav {display:none}
	
	
	

/*  binaries to download */
.files {float:left;width:80px; height:170px;background:url(img/catalogue_cover_small.jpg) no-repeat;padding-top:105px; margin-left:10px;text-align:left}

ul.download {float:left;list-style:none;}
ul.download li {}
.files a.pdf {background:url(img/pdf.gif) no-repeat;color:#FFF;padding-left:20px;font-size:12px }
.files a.pdf:hover{color:#DC241F}

#footer {float:left;height:20px;width:770px;background-color:#C5C7C8;border-bottom:1px solid #000;text-align:right;color:#000}
	#footer a {color:#000}
	#footer a:visited {color:#000}
	#footer a:hover {color:#000}

/* versions linguistiques */

.version {display:none}
.brandhighlight {font-style:italic;font-weight:bold}


/* forms */

#form {text-align:left;width:500px;clear:both}
#form fieldset {width:480px;border:2px solid #DC241F}
#form legend {font-weight:bold;font-size:12px;color:#FFF;}



span.ok {font-weight:bold;font-size:12px;text-align:center}

/* boutons */

a.prettybutton{	float:left;
				width:100%; 
				color:#FFF;
				border:1px solid #666;
				font-size:130%;
				text-decoration:none;
				border: 1px solid #000;
				padding:5px;
				vertical-align:middle;
				}
a.prettybutton:hover {background-color:#C4C5C8;color:#000}
a.prettybutton img {float:left}
























/*  affichage du menu horizontal */
/* affichage de la barre par dfaut */
#menuNav {	position:relative; width:100%; float:left;
			background:#000 url(img/menubkg-off_1.gif) repeat-x;
			padding:0;
			font-size:11px;
			}
	
#menuNav ul {width:100%; margin:0px; padding-left:0; float:left; background:#000 url(img/menubkg-off_1.gif) repeat-x scroll top left;}

#menuNav ul li {display:inline;}
#menuNav ul li a {color:#666; font-weight:bold; text-align:center; text-decoration:none; padding:0px 5px 3px 5px; float:left; line-height:300%; height:30px;margin-right:0px;width:136px;vertical-align:middle}

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

	/*Sous-menu*/
.menuNavSs {position:absolute; top:0; left:auto; height:auto; z-index:50; width:150px; padding:7px 7px 7px 7px; visibility:hidden; margin-left:3px; margin-top:2px;
	background:#DC241F url(img/menuSsBackground_1.gif) repeat-x top left}
.menuNavSs a {display:block; color:#FFFFFF; text-decoration:none; padding-left:14px;padding-bottom:8px; margin:1px 0px 0px 0px; width:inherit;}
.menuNavSs a:hover {display:block; color:#C2C3C5; text-decoration:none; padding-left:14px;margin:1px 0px 0px 0px;width:inherit;}



/* affichage du tooltip dhtml */

#divTooltip {position:absolute; top:0px; visibility:hidden; z-index:200; background-color:#000; layer-background-color:#000;
				vertical-align:middle; width:300px}
.normalStyle    {padding:2px; text-align:left; font-weight:500; color:#FFF; top:100px; font-family:verdana,arial,helvetica; font-size:11px; background-color:#000; layer-background-color:#000; border:1px outset #666; cursor:default;vertical-align:middle}
.netscape4Style {padding:0px; font-weight:500; color:#FFF; top:100px; font-family:verdana,arial,helvetica; font-size:11px; background-color:#000; layer-background-color:#000; border:1px solid silver;vertical-align:middle}