/* ------------------------------------------------------------------------------------
CSS MEDIA SCREEN : master.css
CLIENT : CTT Group / RALSTON
CREATION : 22.05.2008
AUTEUR : ASPIX MEDIA - www.aspixmedia.com
----------------------------------------------------------------------------------- */

.nomCategorieProduit {
  float:left;
  width:100%;
  margin-bottom:20px;
}
.logoPrint {
  display:none;
}
.ecologo {
  float:right;
  margin-right:60px;
  margin-bottom:5px;
  width:97px;
}
/* ==================== */
* {
	margin:0px;
	padding:0px;
	border:0px;
    -moz-outline:none;
}

body {
	position:absolute;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#f2f2ea;
}

a {
	text-decoration:none;
}

h1 {
    font-size:20px;
    font-weight:normal;
}

h2 {
    font-size:18px;
    font-weight:normal;
}

h3 {
    font-size:14px;
}




/* ---------------------------------------------------------------------------| block |*/
#container {
	margin-left:auto;
	margin-right:auto;
	width:998px;
	background-color:#ffffff;
	background-image:url(../images/bg_container.jpg);
	background-repeat:repeat-y;
}

#main {
	clear:both;
	margin-left:15px;
	width:968px;
	height:600px;
	background-image:url(../images/bg_ralston.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#left {
	float:left;
	width:220px;
	margin-left:10px;
	padding-top:10px;
}
html>body #left {
    margin-left:16px;
}

#right {
    float:right;
    width:680px;
    margin-right:10px;
    padding-top:10px;
}
html>body #right {
    margin-right:16px;
}




/* ---------------------------------------------------------------------------| header |*/
#header {
	margin-left:15px;
	width:968px;
	height:100px;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
}

#header input {
	padding:2px;
	margin-bottom:12px;
	border:1px solid #cececd;
}

#header ul {
	text-align:right;
}

#header li {
	color:#ffffff;
	font-weight:bold;
	padding:8px 8px 9px 10px;
	background-image:url(../images/header_separator.jpg);
	background-repeat:no-repeat;
	display:inline;
}

#header a {
	color:#ffffff;
}




/* ---------------------------------------------------------------------------| footer |*/
#footer {
	width:998px;
	height:154px;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	color:#ffffff;
}

#footerTextLeft {
	float:left;
	text-align:left;
	padding-left:30px;
	padding-top:8px;
	font-size:10px;
	color:#dadada;
}

#footerTextRight {
	float:right;
	text-align:right;
	padding-right:30px;
	padding-top:8px;
	font-size:10px;
	color:#dadada;
}

#footer a {
	color:#ffffff;
}

#footerTextRight a {
	color:#dadada;
}

#footer ul {
	text-align:right;
	padding-top:10px;
}

#footer li {
	font-weight:bold;
	padding-right:26px;
	display:inline;
}

/* ---------------------------------------------------------------------------| FAQ |*/

.faq h4 {
	font-size:12px;
	margin:0;
}
.faq h4 span {
	color:#1caede;
	padding-right:10px;
}
.faq p {
	margin:0 0 20px;
}
.faq img {
	margin:10px;
}

/* ---------------------------------------------------------------------------| formulaire |*/
.btnForm {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	cursor:pointer;
	border:outset 1px #cccccc;
	background:#999999;
	color:#0c8dbd;
	font-weight:bold;
	background:url(../images/bg_btnForm.jpg) repeat-x left top;
}

input.bgFormElement {
	background-color:#F7F3D2;
	font:normal 11px Arial, Verdana, Helvetica, sans-serif;
	border:1px solid #CCCCCC;
}

input.bgFormElement2, select.bgFormElement2, textarea.bgFormElement2 {
	background-color:#FFFFFF;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	padding:2px;
	border:1px inset #CCCCCC;
}

/* ---------------------------------------------------------------------------| MSDS |*/

.msdsBiosak {
	width:660px;
}
.msdsBiosak h1 {
	font-size:12px;
	font-weight:bold;
	margin-top:10px;
}
.msdsBiosak p {
	font-size:12px;
	margin-left:22px;
}
.msdsBiosak h1 span {
	margin-left:5px;
}
.msdsBiosak p.date {
	margin-left:0;
}
.msdsBiosak h2 {
	font-size:12px;
	font-weight:bold;
	margin:20px 0 0;
}
.msdsBiosak p.responsabilite {
	margin:0;
}

/* ---------------------------------------------------------------------------| divers |*/
p.y, span.y {		/* champ obligatoire - indicatif */
	font-weight:normal;
}
p.yerr, span.yerr {		/* champ obligatoire - erreur  */
	color:#CC0000;
	font-weight:bold;
}

#right a {
    color:#1caede;
}
#right a:hover {
    color:#74cfed;
}
#right ul {
    list-style-position:outside;
    list-style-type:square;
}

.contactTop {
    float:left;
    width:320px;
    height:140px;
    padding-top:10px;
}
.contactBottom {
    float:left;
    width:320px;
    height:190px;
    padding-top:10px;
}

.tablo .borderTop {
	border-top:1px solid #cccccc;
}
.tabloDownloads {
	width:670px;
	border-collapse:collapse;
}
.tablo th, .tablo td, .tabloDet td, .tabloCon th, .tabloCon td, .tabloSearch th, .tabloSearch td {
    border-bottom:1px solid #cccccc;
}
.tablo td {
    height:60px;
}
.tabloDet td, .tabloSearch td {
    padding:5px 0px;
}
.tabloCon td {
    height:45px;
}
.tabloDetRal td, .tabloDetRal th {
    padding:3px 5px;
    border:1px solid black;
}
.tabloDetRal th {
    border-bottom:2px solid black;
}

.pdBoutons {
    width:660px;
    height:32px;
    border-bottom:1px solid #cccccc;
    margin-top:20px;
}

.pdBouton {
    float:left;
    margin-left:5px;
    padding-top:10px;
    width:132px;
    height:22px;
    background-image:url(../images/bg_details_on.jpg);
    background-repeat:no-repeat;
    font-weight:bold;
    text-align:center;
    color:#1CAEDE;
}

.pdSelected {
	background-image:url(../images/bg_details_on.jpg);
  background-repeat:no-repeat;
  border-Bottom:1px solid white;
  color:#000000;
}

.pdNotSelected {
	background-image:url(../images/bg_details_off.jpg);
	background-repeat:no-repeat;	
}

.dwnText {
    clear:both;
    width:660px;
}
.dwnPDF {
    float:right;
    width:200px;
    height:27px;
    margin:12px 0px;
    background:url(../images/btn_download.jpg) no-repeat;
}

.dwnImagePos {
    float:right;
    padding:93px 16px 0px 0px;
}

.specsPrint, .dwnPrint {
    display:none;
}

.titre {
    height:50px;
}




/* ---------------------------------------------------------------------------| modal popup |*/
.modalBackground {
	background-color:Black;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup, .modalPopupContact {
	background-color:#ffffff;
	border:1px solid black;
	padding:3px 15px 3px 15px;
	width:450px;
	font-size:12px;
}
.modalPopupContact {
    width:640px;
}

.modalValidator {
	margin-left:20px;
	padding-bottom:10px;
}

.modalConfirm, .modalConfirmContact {
	width:450px;
	padding-top:20px;
	padding-bottom:15px;
	text-align:center;
}
.modalConfirmContact {
    width:640px;
}

#modalFormLeft {
	width:162px;
	height:136px;
	float:left;
	padding-top:2px;
	text-align:right;
}

#modalFormLeft p, #modalFormRight p {
	height:25px;
}

#modalFormRight {
	width:200px;
	height:136px;
	float:left;
	padding-left:15px;
}

.modalFormButtons {
	clear:both;
	padding-top:20px;
	padding-right:15px;
	text-align:center;
}

.modalFormButtons input, .modalConfirm input, .modalConfirmContact input {
	padding:3px 20px 3px 20px;
	font-size:12px;
	color:#1caede;
}

h1.titre {
	padding-top:10px;
	font-size:20px;
	font-weight:bold;
}




/* ---------------------------------------------------------------------------| accordeon |*/
.accordionHeader, .accHeaderDownload {
    color:#333333;
    background-color:#f1f1ed;
	font-size:12px;
	font-weight:bold;
    padding:4px 5px 5px 20px;
    margin-top:3px;
    cursor:pointer;
    background-image:url(../images/menu_accordeon_close.gif);
	background-repeat:no-repeat;
}

.accordionHeaderSelected, .accHeaderSelectDownload {
    color:#333333;
    background-color:#f1f1ed;
	font-size:12px;
	font-weight:bold;
    padding:4px 5px 5px 20px;
    margin-top:3px;
    cursor:pointer;
    background-image:url(../images/menu_accordeon_open.gif);
	background-repeat:no-repeat;
}

.accHeaderDownload {
    background-color:#eaeae3;
    background-image:url(../images/menu_acc_download_close.gif);
}

.accHeaderSelectDownload {
    background-color:#eaeae3;
    background-image:url(../images/menu_acc_download_open.gif);
}

.accordionContent {
	color:#333333;
    background-color:#f9f9f7;
    line-height:17px;
    padding:5px 5px 5px 22px;
    margin-top:2px;
}

.accordionContent a {
	color:#333333;
}

.accordionContent a:hover {
	color:#1caede;
}