/* GENERAL */
* {margin:0;padding:0}
body {color:#999999;font:83% arial,tahoma,verdana,sans-serif; background-color:#F0F0F0}
table td {vertical-align:top}

/* LIENS */
a {background:transparent;text-decoration:underline;cursor:pointer;color:#3360AA} 
a:hover {color:#000000} 
A.lien-titre {display:block;font-size: 110%; font-weight:bold;background: url(../img/commun/filet.gif) bottom repeat-x;text-decoration:none; padding-bottom:0.2em;margin-bottom:0.2em}
A.lien-titre:hover {color:#3360AA}

A.lien-plan {background: transparent url(../img/commun/pict-liens.gif) no-repeat 7px;padding-left:21px;color:#3360AA; text-decoration:underline; display:block; height:20px}
A.lien-plan:hover {color:#000000;}

/* BOUTONS */
A.bouton {display:block; text-decoration:none; font-weight:normal;text-align:center;line-height:17px;padding-left:5px;color:#ffffff;width: 140px; height: 20px;background: url(../img/commun/bouton.gif) no-repeat; margin-top:10px;}
A.bouton:hover {background: url(../img/commun/bouton-off.gif) no-repeat;}

A.bouton-pdf {display:block; font-weight:normal;line-height:17px;padding-left:25px;height: 20px;background: url(../img/commun/pict-pdf.gif) no-repeat;color:#000000; margin:0.7em 0 0.2em 0;text-decoration:none}
A.bouton-pdf:hover {color:#3360AA; text-decoration:underline}

input.bouton,input.bouton_hover {margin:0;padding:0;padding-bottom:2px;display:block; text-decoration:none; font-weight:normal;text-align:center;padding-left:5px;color:#ffffff;width: 140px; height: 18px;background: url(../img/commun/bouton.gif) no-repeat; border:0; cursor:pointer; vertical-align:top}
input.bouton:hover,input.bouton_hover {background: url(../img/commun/bouton-off.gif) no-repeat;}

/* TYPOGRAPHY */
p, ul, ol {margin: 0 0 1.5em;line-height:1.3em}
h1, h2, h3, h4, h5, h6 {font-family: arial,verdana,sans-serif;color:#333333;margin:0 0 0.5em 0; padding:0 0 0.5em 0}
h1 {font-size: 280%; color:#FFBB01; font-weight:lighter;margin:0; padding:0}
h2 {font-size: 150%;color:#FFBB01; font-weight:lighter;margin:0; padding:0}
h3 {font-size: 126%; color:#9E9FA0;padding:0;margin:0 0 1.5em 0; font-weight:lighter}
h4 {font-size: 116%; color:#9E9FA0;border-bottom: 1px solid #eee;margin:0 0 0.5em 0;}
h5 {font-size: 110%; font-weight:bold;background: url(../img/commun/filet.gif) bottom repeat-x;text-decoration:none}
h6 {font-size: 116%; color:#9E9FA0;margin:0; padding:0}
.chapo {color:#999999;font-weight:bold}
.mention {color:#666666; font-style:italic;}
.erreur{color:#c00;font-weight:bold}
.succes {color:#3360AA;font-weight:bold}
.caption {color:#999;font-size:11px}
.date {font: normal 82% arial;color:#000000;display:block;letter-spacing: 1px}
small {font-size:11px}

/* LISTS*/ 
ul {margin: .3em 0 1.5em 0;list-style-type:none}
	ul.related {margin-top: -1em}
ol {margin: .5em .5em 1.5em}
ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
li {padding-left: 25px;background: url(../img/commun/puce1.gif) no-repeat 7px 6px}

dl {margin: 0 0 1em 0}
dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}

/* GENERAL */
img {border:none} 
hr {margin: 1em 0;background:#d7d7d7;height:1px;color:#d7d7d7;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 


/* ACCUEIL */
#accueil-haut-gauche
{background: #FFFFFF url(../img/accueil/page-gauche.jpg) top repeat-x;}
#accueil-haut-droite
{background: #FFFFFF url(../img/accueil/page-droite.jpg) top repeat-x;}
#accueil-header {position:relative;background: url(../img/accueil/page.jpg) no-repeat;height:115px; width:975px;}
#accueil-left {background: url(../img/accueil/left.jpg) no-repeat;width:312px; vertical-align:top; height:305px; padding:0 0 0 0}
#accueil-left2 {background: url(../img/accueil/left2.jpg) top left no-repeat;width:304px; vertical-align:top; height:230px}
#accueil-center {background: url(../img/accueil/center.jpg) no-repeat;width:304px; vertical-align:top}
#accueil-center2 {background: url(../img/accueil/center2.gif) top left no-repeat;width:304px; vertical-align:top}
#accueil-right {background: url(../img/accueil/right.jpg) no-repeat;width:359px; vertical-align:top}
#accueil-right2 {background: url(../img/accueil/right2.jpg) top left no-repeat;width:359px; vertical-align:top}




/* PAGES */
#tableau {width:100%;}
#page {width:975px;margin: 0 auto;position:relative; vertical-align:top; background-color:#FFFFFF}
#haut-gauche
{background: #FFFFFF url(../img/page/page-gauche.jpg) top repeat-x;}
#haut-droite
{background: #FFFFFF url(../img/page/page-droite.jpg) top repeat-x;}
#header {position:relative;background: url(../img/page/page.jpg) no-repeat;height:200px; width:975px;}

#header-societe {position:relative;background: url(../img/page/page-societe.jpg) no-repeat;height:200px; width:975px;}
#header-equipe {position:relative;background: url(../img/page/page-machine3.jpg) no-repeat;height:200px; width:975px;}
#header-actualite {position:relative;background: url(../img/page/page-tube1.jpg) no-repeat;height:200px; width:975px;}
#header-savoir-faire {position:relative;background: url(../img/page/page-savoir-faire.jpg) no-repeat;height:200px; width:975px;}
#header-machines {position:relative;background: url(../img/page/page-machine.jpg) no-repeat;height:200px; width:975px;}
#header-references {position:relative;background: url(../img/page/page-machine2.jpg) no-repeat;height:200px; width:975px;}
#header-partenaires {position:relative;background: url(../img/page/page-tube2.jpg) no-repeat;height:200px; width:975px;}


#header-defaut {position:relative;background: url(../img/page/page-defaut.jpg) no-repeat;height:200px; width:975px;}
	#logo {position:absolute;left:35px; top:20px;}
	#menu-top {margin:0 30px 0 0; height:40px; width:auto; text-align:right;}
	#menu-top ul {list-style-image:none;padding: 0;margin:0;}
	#menu-top li {display:inline;}
	LI.liens-top  {background:url(../img/commun/pict-liens.gif) center left no-repeat;padding:0 10px 0 15px;} 
	LI.plan-top  {background:url(../img/commun/pict-plan.gif) center left no-repeat;padding:0 10px 0 15px;} 
	LI.mentions-top  {background:url(../img/commun/pict-mentions.gif) center left no-repeat;padding:0 10px 0 12px;} 
	LI.credits-top  {background:url(../img/commun/pict-credit.gif) center left no-repeat;padding:0 10px 0 12px;} 
	LI.version  {padding:0; margin:3px 0 0 0}
	#menu-top a {text-decoration:none;color:#999999}
	#menu-top a:hover {color:#000000;text-decoration:underline} 

	
	
#contenu-page {background: url(../img/page/contenu.gif) no-repeat;width:975px; vertical-align:top}

#societe {background: url(../img/page/contenu-societe.jpg) top right no-repeat;width:975px; vertical-align:top}
#equipe {background: url(../img/page/contenu-machine3.jpg) top right no-repeat;width:975px; vertical-align:top}
#actualite {background: url(../img/page/contenu-tube1.jpg) top right no-repeat;width:975px; vertical-align:top}
#savoir-faire {background: url(../img/page/contenu-savoir-faire.jpg) top right no-repeat;width:975px; vertical-align:top}
#machines {background: url(../img/page/contenu-machines.jpg) top right no-repeat;width:975px; vertical-align:top}
#references {background: url(../img/page/contenu-machine2.jpg) top right no-repeat;width:975px; vertical-align:top}
#partenaires {background: url(../img/page/contenu-tube2.jpg) top right no-repeat;width:975px; vertical-align:top}

#defaut {background: url(../img/page/contenu-defaut.jpg) top right no-repeat;width:975px; vertical-align:top}
	#gauche {width:208px; vertical-align:top; padding:10px 0 20px 15px;}
	#droite {width:200px; vertical-align:top; padding:80px 0 0 0}
	


#contenu {vertical-align:top; padding:10px}
	#contenu #breadcrumb {margin-top:-5px;font-size:93%;font-weight:bold}
	#contenu #breadcrumb a:link, #contenu #breadcrumb a:visited {text-decoration:none}
	#contenu #breadcrumb a:hover, #contenu #breadcrumb a:active {text-decoration:underline}
	
	.myBox-gris{margin: 0 auto;padding: 10px;background-color: #ECECEC;border: 1px solid #d7d7d7;margin:30px 0 0 0}
	.myBox{margin: 0 auto;padding: 10px;background-color: #ffffff;border: 1px solid #d7d7d7;margin:30px 0 0 0}
	
	.vignette {margin: 0 0 0 10px;position:relative;z-index:9999;border: 1px solid #eee;float:right;width:100px;padding:5px;background:#fff}
	.vignette img {border: 1px solid #000}
	
	.photo-cadre-droite {margin: 0 0 0 5px;position:relative;z-index:9999;float:right;background: url(../img/commun/ombre-gauche.jpg) no-repeat;}
	.photo-cadre-gauche {margin: 0 5px 0 0;position:relative;z-index:9999;float:left;background: url(../img/commun/ombre-gauche.jpg) no-repeat;}
	.photo-bas {background: url(../img/commun/ombre-bas.jpg) bottom right no-repeat;padding: 8px 8px 13px 11px}
	
	
	.pagination {background: #f2f2f2;color:#666;padding: 4px 2px 4px 7px;border: 1px solid #ddd;margin: 0 0 1.5em;height:18px}
	.pagination p {position:relative;text-align:right}
	.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc}
	.pagination p a:hover {background:#3360AA;color:#fff}
	.pagination p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc}
	.pagination * {margin:0}
	.pagination h4 {margin-top:-1.45em;padding:0;border:none}
	
	#resultat {margin: 0 0 1.5em;font-size:92%}
	#resultat dt, #resultat dl {margin: 0}
	#resultat dt {font: bold 85% arial;padding: 3px 0}
	#resultat li {padding: 0 0 1em;margin:0 0 0 1.2em;font: bold 145% arial}
	#resultat li dd {font: normal 73% arial}
	#resultat li dl {margin:0}
	#resultat dd {line-height:1.3}
	#resultat dd.filetype, #resultat dd.date {color:#666666;display:inline;padding-right:.5em}
	
	TD.cadre-diametre {background: url(../img/page/bg-diametre.jpg) no-repeat;padding:0; width:255px; height:240px}
	TD.cadre-diametre h2 {font-size:180%; color:#FFFFFF}
	TD.cadre-diametre p {color:#FFFFFF; font-weight:bold}
	TD.cadre-metier {background: url(../img/page/bg-metier.jpg) no-repeat;padding:0; width:255px; height:240px}
	TD.cadre-metier h2 {font-size:180%; color:#FFFFFF}
	TD.cadre-metier p {color:#FFFFFF; font-weight:bold}
	
	/* 'LIENS' - En savoir plus en fin de paragraphe */
		a.lien {background: transparent url(../img/commun/pict-liens.gif) no-repeat 7px;padding-left:21px;color:#3360AA; text-decoration:underline}
		a.lien:hover {color:#000000;}
		.lien span {position:absolute;left:-9999px;width:900px;}
		
	

/* NAVIGATION - navigation verticale */
	#navigue {width:193px;padding-top:0;}
	#navigue a {color:#000000;font: lighter 86% arial;display:block;padding: 1px 0 1px 30px;text-decoration:none;cursor:pointer;line-height:1.6;background: url(../img/navigue/puce-navigue.gif) no-repeat 15px;border-bottom: 1px solid #d7d7d7; text-transform:uppercase;}
	#navigue a:hover {color:#3360AA;} 

/* NAVIGATION SOUS-RUBRIQUE */
	#sous-navigue {margin: 0;background: url(../img/navigue/sous-navigue.jpg) no-repeat;border-bottom: 1px solid #d7d7d7; padding:0 0 0 30px}
	#sous-navigue a {background: url(../img/navigue/puce2.gif) no-repeat 0;padding:0.3em 0 0.3em 0.5em;font-weight:normal;width:auto;color:#666666;display:block; text-transform: capitalize; text-decoration:underline;border: 0px; font-weight:bold}
	#sous-navigue a:hover {color: #3360AA}


/* FOOTER */
#footer-gauche
{background: url(../img/page/footer-gauche.gif) top repeat-x;}
#footer-droite
{background: url(../img/page/footer-droite.gif) top repeat-x;}
#footer
{background: url(../img/page/footer.gif) top no-repeat;height:90px; font-size:80%}
#footer img
{float:right; margin:0 5px 0 5px}
#footer p
{color:#666666; padding:10px 0 0 35px;}


/* FORMULAIRES*/ 
form {margin: 0; padding:0}
input,select,textarea {font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0;background-color:#F0F0F0;}
fieldset {border: none}
/*
label {display:block;padding: 5px 0}
label br {clear:left}
*/ 

/* FORMULAIRE CONTACT */
#formcontainer #formset {padding: 10px;background-color: #FFF;border-top: #EEE 2px solid;border-right: #CCC 2px solid;border-bottom: #CCC 2px solid;
border-left: #EEE 2px solid;}
#formset p#legend {margin-bottom: 1em;}
#formset p#legend em {color: #3360AA;font-style: normal;}
#formset #errors {margin: 0 0 10px 0;padding: 5px 10px 5px 35px;border: #3360AA 1px solid;background: url(img/oops.png) #FFC no-repeat 5px 5px;}
#formset #errors p {margin: 0;}
#formset #errors ul {margin: auto;margin-bottom: 0.5em;list-style: disc;}
#formset #errors p em {color: #3360AA;font-style: normal;font-weight: bold;}
#formset form p  {margin: 0;}
#formset form fieldset {margin: 0 0 1em 0;padding: 0.5em;border: #DDD 1px solid;}
#formset form fieldset legend {font-weight: bold;color: #3360AA;}
#formset form fieldset div {padding: 0.25em 0;}

#formset label.error,
#formset span.error {color: #3360AA;}

#formset label em,
#formset span.label em {right: 0;font-size: 120%;font-style: normal;color: #0A246A;}

#formset input.error {border-color: #3360AA;background-color: #FFFFCC;}

#formset input:focus,
#formset input.error:focus, 
#formset textarea:focus {background-color: #FFFFCC;border-color: #3360AA;}

/*div#formset div ul {
	margin: 1.25em 0 1em 10em;
	list-style: none;
}
*/


/* POPUP */
div#formset div ul li {
	float: none;
}

div#formset form fieldset div.controlset label, div#formset form fieldset div.controlset input {
	display: inline;
	float: none;
}

div#formset form fieldset div.controlset div {
	margin-left: 11em;
}

div#formset div.buttonrow {
margin-left: 12em;
}



#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 14px Verdana, Helvetica, sans-serif;
	background-color: #ffffff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-size: 14px;font-weight: bold;	color:#ED1D8D;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #00AAC1;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}