@CHARSET "UTF-8";

/* RESET CSS*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



body {}

* { outline: none; }


/*===============================
	title */

h1 { }
h2 { }
h3 { }

/*===============================
	Css version 2008  */

/**
 * LAYOUT 
 */
 
* { margin:0; padding:0; }

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color : #666;
	background:repeat-x url(../images/bg_body.jpg) top;
	line-height:1.4em;
}

h1, h2, h3 {}

h1 { font-size: 1.9em; background:url(../images/boule_bleue.gif) no-repeat; margin-bottom:12px; padding:4px 0 0 28px; height:23px; color:#546aaf;}
h2 { font-size: 1.5em; padding-top:3px; height:1em; font-weight: bold;}
h3 { font-size: 1.2em; }

ul { list-style-position:outside; }


div#container {
	margin: 0 auto;
	width:828px;
	background:no-repeat url(../images/bg_container.jpg) top right;
	border: solid 0px #000;
	/*min-height:850px;*/
	/*height:850px;*/
	overflow:visible;
	}

a {color: #546AAF;text-decoration:none;}
a:hover { color:#b3bfe3;}

/**
 * HEADER
 */
div#header { clear:both; height:185px; }

div#logo { float:left; margin-top:48px; }
div#logo img { border:0;}

div#header_illustration {
	float:right;
	padding-right: 46px;
	width:514px;
}

/** 
 * FOOTER
 */
div#footer { clear:both; float:right; padding-right:46px; width:514px; height:80px; text-align:center;}

/**
 * NAVIGATION PRINCIPALE
 */

div#nav { width: 190px; padding-top:8px; padding-left:36px; font-weight: bold; float:left}

#first_level { display:block;}

#first_level li { 
	list-style-type:none;  
	list-style-position:outside; 
	display:block; 
	background:url(../images/bg_nav_li_off.gif) bottom repeat-x;}
	
#first_level a {text-decoration: none; color:#fff;}
#first_level ul { display:none; }

#first_level li { padding:2px 0;} 

#first_level li a {font-size: 1.1em; display: block;			}


#first_level ul li {
	display: block !important; /*For GOOD browsers*/
	display: inline; /*For IE*/
	padding-bottom:2px;
	}

#first_level ul li a { font-size: 1em; border-bottom: none; display:block; padding: 0 0; }


#first_level ul { }
#first_level ul li a { color:#000; }
#first_level ul { display:block; padding-top:0px;}
#first_level ul li { 
				padding-left:1em; 
				text-indent: 7px; 
				background:none;
				display: block;
				}
#first_level ul li a { color:#FFFFFF; background:none;}
#first_level .active { color: #546AAF;background-color: #FFF;padding-left: 5px;} 
#first_level ul .active { background-color: #FFFFFF; color: #546AAF; }


/** 
 * CONTENU
 */
div#content { float:right; width: 514px; padding-right:46px;}

div#scontent p { padding-bottom: 1em; padding-top:0.5em;}
div#scontent ul { padding:  0.8em 1.2em; }
div#scontent li { list-style-position:outside; list-style-type: disc; }



/**
 * index
 */
 
div#first_one { padding:7px 0 4px 0; float:left;}
div#first_one .intro { width: 330px; text-align:justify; float:left; line-height: 1.5em; font-size: 1.1em; }
 
div#second_one, div#second_two, div#second_three {
	width : 30%;
	border-left : dotted 1px #42CDFF;
	float:left;
	padding-left:10px;
	margin-right:10px;
	height: 180px;
	text-align:center;
	} 	

div#second_one p, div#second_two p, div#second_three p { padding-top:5px; text-align:center;}
	
div#second_one {  border:0; padding-left:0; } 	
div#second_one img { padding-right:3px; padding-bottom:5px; border:0;}

div#second_two { }
div#second_two img { padding-bottom:5px; border:0;}

div#second_three { margin-right:0;}
div#second_three img { border:0; padding-bottom:1px; }

div#invit_panel { float:right; padding:0 6px 5px 0; text-align: center;}
div#invit_panel img { border:0; }

div#slideshow{
	width:170px;
	height:152px;
	padding:0;
	margin:0;
}

/**
 * general
 */ 

.show { display:block; }
.hide { display:none; }

.debug { border:solid 1px #000; }

/**
 * présentation
 */
div#div_groupe_presentation { background:url(../images/bg_presentation.gif) no-repeat right top;}

/**
 * historique
 */
div#div_histo_photo { padding-top:5px; width:220px; float:left; }
div#div_histo_photo img {padding-bottom: 15px;}

div#div_histo_texte { width: 292px; float:left; border: solid 0px #000; }


/**
 * Plan accès
 */

#table_contact { border:0; width: 100%; }
#table_contact td { width:50%; padding-top:10px; vertical-align:top;}
#table_contact .td1 { text-align:left; padding-left:70px;}
#table_contact .td2 { text-align:left; padding-left: 70px;}

/**
 * Prestations logistiques
 */
.page_logistique {
	background:url(../images/bg_prestations_logistiques.gif) repeat-y;
	} 
 
.bloc_logistique {
	border : dashed 1px #2B9FD8;
	padding: 7px 15px;
	background-color: #F4F9FD;
	}

.prestations {
	width:65%;
	margin-left:149px;
	}	

/**
 * Amélioration continue / Environnement
 */
#table_nature { width:100%; padding-top:5px;}
#table_nature td { width: 33%; vertical-align:top;}
#table_nature td img { border: solid 1px #AFAFAF; padding:2px;}
#table_nature td p { text-align:justify; padding: 2px 15px 0 0;}
 
 
/**
 * BAR GRAPH
 */ 
 
.bargraph {
    font: 0.8em/2em Arial;
    color: #ddb;
    border-collapse: collapse;
    width: 515px;
	height: 150px;
}
.bargraph td {
    padding:0;
    margin:0;
    vertical-align:bottom;
    text-align:center;
    background: #2d271c url(../images/gridline.gif) 15px bottom;
}
.bargraph th {
    background: #2d271c;
	text-align:center;
}

.bargraph .legend { width: 70px; }

.bargraph img{
    display:block;
	width:56px;
    border-right: 1px solid #000;
	padding-left: 20px;
} 


/**
 * datalist
 */

.datalist {
	width:100%;
    border-collapse: collapse;	
	border:0;
	}
	
.datalist tr { border-bottom: solid 1px #DEDEDE;}	
	
.datalist th {
	text-align:left;
	background-color:#90DAFF;
	padding: 3px 10px;
	}	

.datalist th .th1 { width: 130px;}	
.datalist th .th2 { width: 100px;}	
.datalist th .th3 { }	
	
.datalist td {
	border:0;
	padding: 2px 0 2px 10px;
	/*width:33%;*/
	}	
.datalist .dl_title { padding-top:10px;}
	
.subdatalist { width:100%; }
.subdatalist td { width:inherit; padding: 0 0; }
.subdatalist .td1 { width:25%;}
.subdatalist .td2 { width:75%;}

.qualiteTable td { text-align:center; width:20%; vertical-align:top; }
.qualiteTable td img { width:65px; }
	
/**
 * Panels des procédés
 */	
.panel_table { width:100%; font-size: 0.8em; text-align:center; background-color:#A3C1DB; color:#FFF;}
.panel_table td { border:0;  padding:2px;}
.procedes { text-align:left; font-size:1.2em; font-weight:bold; background-color:#5A90BE; color:#F4FFFE;}
.heading_1 { font-size:1.2em; font-weight:bold; background-color:#96C8AD; }
.heading_2 { font-size:0.9em; font-weight:bold; background-color:#9AA2A4; }


/**
 * Contacts
 */
.adobeacrobat {float:left; width:35%; font-size: 0.9em; background-color:#7CC4E7; padding:5px 0 5px 5px; margin-top:10px;} 


/**
 *  Contacts commerciaux
 */
 
#contComTexte { background:url(../images/carte_france_large.gif) no-repeat left; padding-left:280px; padding-top:5px;}
#contComTexte p { font-size: 1em;} 

/**
 * Panel des procédés
 */
 
#divPanelProc { float:left; border: solid 0px #000; background:url(../images/fond_fiches_techniques.jpg) no-repeat right top; margin-right:-22px; }

#divPanelProc ul { list-style-type:square; width:160px; float:left; border: solid 0px #000; margin: 0 0 0 -10px; padding-left:0px;} 
#divPanelProc ul li { 
	display: block;  
	list-style-type:none; 
	padding: 3px 0 3px 15px; 
	border-bottom:dotted 1px #D6ECF8;  
	background:url(../images/arrows-1.gif) no-repeat 0 4px;}

#fiche_tech_content { 
	float:right; 
	width:273px !important; 
	width:288px;
	padding: 50px 43px 0 0px !important; 
	padding: 55px 11px 0 0px;
	border:solid 0px #000; 
	}
	
#fiche_tech_content p {}	
#fiche_tech_content ul { width:100%; float:none; padding-left:5px;  }
#fiche_tech_content ul li { padding: 3px 0 3px 2px; background:none; list-style-type:none; /*background:url(../images/bullets.gif) no-repeat 0 7px;*/ }
#fiche_tech_content .lien_fiche { text-align:right; padding:0 0 0 0 !important; padding:0 16px 0 0; }
	

#sshyrka_form_msgok{
	font-size:1.12em;
	margin-top:6px;
	color:#333;
}


/*===============================
	login box */
#login-box{
	position:absolute;
	top:470px;
	padding-left:36px;
	width:200px;
	height:90px;
}

/*===============================
	slots type Text/RichText */
	
.none {}
	
.tips {
	background:#FFFFDD url(../images/tip.png) no-repeat scroll 5px 10px;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	margin:10px 0pt;
	padding:5px 20px 5px 45px;
	}	

.caution {
	background:#FFFFDD url(../images/caution.png) no-repeat scroll 5px 10px;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	margin:10px 0pt;
	padding:5px 20px 5px 45px;
	}

.note {
	background:#FFFFDD url(../images/note.png) no-repeat scroll 5px 10px;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	margin:10px 0pt;
	padding:5px 20px 5px 45px;	
}

strong{font-weight:bold;}

.clear {clear:both;}

/** 2011 **/
div.prestAnnexe1 { background-image:
url(/shyrkaCMSBaseTheme/images/prestations_transports2.jpg); height:
80px; }
div.prestAnnexe2 { background:
url('/shyrkaCMSBaseTheme/images/prestations_transports.jpg'); height:
80px; }
div.prestAnnexe3 { background:
url('/shyrkaCMSBaseTheme/images/prestations_suivis.jpg'); height:
80px; }
div.prestAnnexe4 { background:
url('/shyrkaCMSBaseTheme/images/prestations_stocks.jpg'); height:
80px; }
div.prestAnnexe5 { background:
url('/shyrkaCMSBaseTheme/images/prestations_connexes.jpg'); height:
80px; }
div.prestAnnexe6 { background:
url('/shyrkaCMSBaseTheme/images/prestations_controle.jpg'); height:
80px; }