/* --------------------------------------------------------
    Main stylesheet
    Site: Absco
    Créé par: Stéphanie Léveillé - stef@annotea.com
    Filename: css/main.css
   -------------------------------------------------------- */

/* --------------------------------------------------------
    COULEURS
	rouge:      #ff0000
	gris:       #666666
	bleu:       #333366
   -------------------------------------------------------- */

* {
	border: 0;
	margin: 0;
	padding: 0;
}

html { height: 100%; }

body {
	background: #9dadb9;
	color: #666666;
	font: 62.5% Tahoma, Verdana, Arial, Helvetica, sans-serif;
	height: 100%;
}

/* -------------------------------------------*/
/* -------------->>> Textes <<<---------------*/
/* -------------------------------------------*/

.last { background: none !important; }
.listNone { list-style: none !important; }
.fLeft { float: left !important; width: 350px !important;}
.fLeft3Col { float: left !important; width: 230px !important;}
.imageHistorique {
	border: 1px solid #ccc;
	float: left;
	margin-right: 20px;
	padding: 5px;
}


.marginRight { margin-right : 30px !important;}
.marginTop { margin-top: 15px !important; }
.noMargin { margin: 0 !important; }

h1 a {
	display: block;
	height: 75px;
	text-indent: -1000px;
	width: 175px;
}

h2 {
	color: #333366;
	font-size: 1.4em;
	margin: 15px 0;
}

h3 {
	color: #333366;
	font-size: 1em;
	margin: 0 0 15px;
}

.news h3 { 
	font-size: 1.2em;
	margin: 0 0 5px; 
}

p { margin: 0 0 15px; }
p.date { font-size: 0.9em; }

a { color: #333366; }

.news { 
	border-bottom: 1px solid #ccc;
	margin: 0 0 10px;
	padding: 10px 0 10px;
}

/* -------------------------------------------*/
/* ------------->>> Struture <<<--------------*/
/* -------------------------------------------*/

#container {
	background: url(../images/back-container.gif) repeat-y;
	font-size: 1.1em;
	margin: 0 auto;
	min-height: 100%;
	position: relative;
	width: 813px;
}

* html #container { height: 100%; }

#header {
	background: url(../images/entete-login.jpg) no-repeat;
	height: 189px;
	margin: 0 6px 0 5px;
	position: relative;
}

#header ul { list-style: none; }

#header #menu {
	/* background:  url(../images/back-menu.gif) 1px bottom no-repeat;menuLogin*/
	background:  url(../images/back-menuLogin.gif) 1px bottom no-repeat;
	height: 38px;
	padding: 37px 0 0;
}

#usager {
	color: #ff0000;
	font-weight: bold;
	line-height: 37px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 75px;
	width: 265px;
}

#mainContent {
	padding: 20px 35px 260px;
}

/* -------------------------------------------*/
/* --------------->>> Menus <<<---------------*/
/* -------------------------------------------*/

#menuSecondaire {
	position: absolute;
	right: 0;
	top: 112px;
}

#menuSecondaire li {
	background: url(../images/menu-separateur.gif) right 21px no-repeat;
	float: left;
	margin: 0 8px 0 0;
	padding: 0 8px 0 0;
}

#menuSecondaire li a {
	color: #000;
	display: block;
	font-size: 11pt;
	float: left;
	height: 38px;
	line-height: 40px;
	text-decoration: none;
}

* html #menuSecondaire li a { line-height: 38px; }

#menuSecondaire li a:hover, #pageAccueil #mAccueil a, #pageHistorique #mHistorique a,
#pageProduits #mProduits a, #pageCatalogue #mCatalogue a, #pageContact #mContact a,
 #pageEmplois #mEmplois a
{
	background: url(../images/menu-fleche.gif) center bottom no-repeat;
	color: #ff0000;
}

#menuProduits { margin: 3px 0 0 1px; }

#menuProduits li {
	float: left;
	height: 39px;
	width: 266px;
}

#menuProduits li#mCables {
	background: url(../images/menu-produit1.jpg) 0 3px no-repeat;
	width: 269px;
}
#menuProduits li#mFreins { background: url(../images/menu-produit2.jpg) 0 3px no-repeat; }
#menuProduits li#mEtriers { background: url(../images/menu-produit3.jpg) 0 3px no-repeat; }

#menuProduits li a {
	border-top: 3px solid #fff;
	color: #fff;
	display: block;
	float: left;
	font-size: 1.1em;
	font-weight: bold;
	height: 39px;
	line-height: 31px;
	padding: 0 0 0 25px;
	text-decoration: none;
	width: 241px;
}
#menuProduits li#mCables a { width: 244px; }

#menuProduits li#mCables a:hover, #pageCables #menuProduits li#mCables a {
	background: url(../images/arrow-produit1.gif) 40px 31px no-repeat;
	border-top: 3px solid #fc9b0b;
}
#menuProduits li#mFreins a:hover, #pageFreins #menuProduits li#mFreins a {
	background: url(../images/arrow-produit2.gif) 40px 31px no-repeat;
	border-top: 3px solid #fbd00d;
}
#menuProduits li#mEtriers a:hover, #pageEtriers #menuProduits li#mEtriers a {
	background: url(../images/arrow-produit3.gif) 40px 31px no-repeat;
	border-top: 3px solid #46bef6;
}

/* -------------------------------------------*/
/* ------------>>> Formulaires <<<------------*/
/* -------------------------------------------*/

#formLogin {
	position: absolute;
	right: 0;
}

#formSearch { margin: 0 0 0 25px; }

#formLogin ul li {
	color: #ff0000;
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	float: left;
	line-height: 40px;
	margin: 0 10px 0 0;
}

#formSearch ul li {
	color: #666;
	display: inline;
	/*float: left;*/
	line-height: 38px;
	margin: 0 10px 0 0;
}

#formLogin ul li label, #formSearch ul li label {
	display: inline;
	font-weight: normal;
	float: left;
	margin: 0 5px 0 0;
}

#formLogin ul li input, form#formInfolettre input {
	background: url(../images/back-loginInput.gif) no-repeat;
	display: inline;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	height: 17px;
	margin: 10px 0 0;
	padding: 3px 5px 0;
	width: 114px;
}

#formSearch ul li input {
	background: url(../images/back-searchInput.gif) no-repeat;
	display: inline;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 17px;
	margin: 10px 10px 0 0;
	padding: 3px 5px 0;
	width: 135px;
}

input.btnSubmit {
	background: none !important;
	cursor: pointer;
	padding: 0 !important;
	width: auto !important;
}

input.btnSubmit:hover { color: #ff0000; }

form#formInfolettre { margin: 20px 0 0 20px; }

form#formInfolettre label {
	color: #ff0000;
	display: inline;
	float: left;
	font-size: 1.1em;
	font-weight: bold;
	margin: 10px 10px 0 0;
}

form#formInfolettre input#inputSinscrire {
	float: right;
	height: auto !important;
	margin: 10px 20px 0 0;
	padding: 0;
	width: auto !important;
}

#formAdmin th {
	text-align: left;
	vertical-align: top;
}

#formAdmin th label { font-weight: bold; }

#formAdmin input, #formAdmin textarea {
	border: solid 1px #000;

}

#formAdmin a:link, #formAdmin a:visited {
	color: #ce0320;
	padding: 2px 5px;
}

#formAdmin a:hover {
	color: #fff;
	background-color: #ce0320;
	text-decoration: none;
}


.formDefault input, textarea {
	border: solid 1px #000;
}

#formAdmin td {
	padding: 10px 0;
}

#formEmploi{ margin: 20px 0; }
#formEmploi div { margin: 0 0 20px; }

#formEmploi div label {
	float: left;
	margin: 0 20px 0 0;
	width: 180px;
}

#formEmploi div label span {
	color: #333366;
	display: block;
	font-weight: bold;
}

/* -------------------------------------------*/
/* -------------->>> Footer <<<---------------*/
/* -------------------------------------------*/

#footer {
	background: url(../images/back-footer.gif) no-repeat;
	height: 243px;
	margin: -243px auto 0 auto;
	padding: 0 0 0 29px;
	position: relative;
	width: 784px;
}

#footer ul { list-style: none; }

#footer #promos li {
	background: url(../images/back-promo.gif) left top no-repeat;
	float: left;
	height: 88px;
	margin: 37px 0 0;
	position: relative;
	width: 250px;
}

#footer #promos li a {
	background: url(../images/back-promo.gif) left top no-repeat;
	display: block;
	float: left;
	height: 88px;
	text-decoration: none;
	width: 250px;
}

#footer #promos li a:hover { background-position: left bottom; }

#footer #promos li a span, #footer #promos li span  {
	color: #ff0000;
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	left: 20px;
	position: absolute;
	top: 30px;
	width: 50px;
}

#footer #promos li a span.titre, #footer #promos li span.titre {
	color: #333366;
	display: block;
	font-size: 1.1em;
	font-weight: normal;
	height: 40px;
	left: 90px;
	letter-spacing: 1px;
	overflow: hidden;
	position: absolute;
	top: 30px;
	width: 130px;
}

#footer #promos li a:hover span.titre {
	color: #ff0000;
}

#footer #promos li a img {
	display: block;
	padding: 2px 0 0 100px;
}

#footer #copyrights {
	background: url(../images/back-copyrights2.gif) no-repeat;
	color: #567e9d;
	font-size: 0.9em;
	height: 43px;
	margin: 0 0 0 1px;
	padding: 50px 0 0;
	text-align: center;
	width: 750px;
}

#footer #realisation { font-size: 0.9em; margin: -10px 0 0; }


/* -------------------------------------------*/
/* ------------->>> ClearFix <<<--------------*/
/* -------------------------------------------*/

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

.clearfix {display: inline-block;}

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

.clearfix {display: block;}
/* End hide from IE-mac */

/*PAR ERIC*/
#myform th {
	text-align: left;
	padding-right: 5px;
}

#myform input {
	border: solid 1px #000;
}

/** Boutton pour catalog  **/
#formAdmin td.catalog a {
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    height: 25px;
    text-indent: -9999px;
}

#formAdmin td.catalog a:link, #formAdmin td.catalog a:visited {
    padding:0;
    background: transparent;
}

#formAdmin td.catalog a.ajouter {
    background-image: url(../images/btnAjout.png);
    width: 114px;
}

#formAdmin td.catalog a.modifier {
    background-image: url(../images/btnModif.png);
    width: 76px;
}

#formAdmin td.catalog a.supprimer {
    background-image: url(../images/btnSupp.png);
    width: 92px;
}

#formAdmin td.catalog a.consulter {
    background-image: url(../images/btnCons.png);
    width: 82px;
}