/*
Theme Name: psitechnologies
Theme URI: http://wordpress.org/
Description: Le thème de psitechnologies.fr
Version: 1.0
Author: Nguyen Duy
Author URI: http://www.directinfoservice.com
Tags: 



*/
/* Begin Typography & Colors */
body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
background: #202020 url('images/fond.jpg') repeat-x bottom left;
text-align: center;
}

#page {
background-color: white;
text-align: left;
margin: 0px auto;
padding: 0 0 0 0;
width:950px;
background: #202020 url('images/fondCadre.jpg') repeat-y bottom left;
}

#chapeau{
height:20px;
width:950px;
background: transparent url('images/fondChapeau.jpg') no-repeat bottom left;
}
#contentChapeau{
	padding-left:855px;
	}


#header {
height:74px;
width:950px;
}
#logo{
float:left;
height:74px;
width:320px;
background: transparent url('images/logo.jpg') no-repeat bottom left;
	}
#newsletter{
float:right;
height:74px;
width:630px;

	}
#contenuNewsletter{
padding-top:0px;
padding-left:260px;
padding-right:0px;
padding-bottom:0px;

	}
	
#navigateur{
height:23px;
width:950px;
background: transparent url('images/fondNavigateur.jpg') no-repeat bottom left;
	}
#gaucheNavi{
	float:left;
	width:300px;
	}
#droiteNavi{
	float:right;
	width:650px;
	}



/*   ROLLOVER       */
/* NAVIGATION BUTTONS */
			.menu {
						height: 23px;
						width: 650px;
			}
			.cssnav	{
						position:relative;
						float: left;
						margin: 0; 
						padding: 0;
						font-family: arial, helvetica, sans-serif;
						background: url(images/boutonMenuOver.jpg) no-repeat;
						width: 122px;
						height: 23px;
	                    overflow:hidden;/* for ie to hide extra height*/	
			}
			.cssnav a {
						display: block;
						color: #ffffff;
						font-size: 11px;
						width: 122px;
						height: 23px;
						display: block;
						float: left;
						color: #ffffff; 
						text-decoration: none;
						overflow:hidden;/* for ie to hide extra height*/
			}
			.cssnav a:hover {
						color: #ffffff;
			}
			

			.cssnav img {width: 122px; height: 23px; border: 0; }
			* html a:hover {visibility:visible}
			.cssnav a:hover img{visibility:hidden}

			.cssnav span {
					    position: absolute;
					    left:-18px;top: 5px;
					    text-align: center;
					    width: 150px;
					    cursor: pointer;   
					     
			}
			/* END OF NAVIGATION */




#sousNavigateur{
height:30px;
width:950px;
background: transparent url('images/fondSousNavigateur.jpg') repeat-y bottom left;
text-align:right;
	}

#content {
font-size: 1.2em;
width:950px;
position:relative;
}

#flash{
	position:absolute;
	width:578px;
	height:462px;
	left:45px;
	top:0px;
	}
#searchCarHome{
	float:right;
	width:280px;
	height:230px;
	}
#searCarHomeInterieur{
	padding-top:15px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	}
#formSearchCarHome{
	color:#ffffff;
	width:249px;
	height:192px;
	background: transparent url('images/fondSelectionCarHome.jpg') no-repeat bottom left;
	}
#formInterieur{
	padding-top:35px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	}

select#champSelectInter{
	width:160px;
	}
	
#colonneGaucheHome select#champSelectInter{
	width:150px;
	}
	
#encartPro{
	float:left;
	background: transparent url('images/fondEncartProHome.jpg') no-repeat bottom left;
	width:275px;
	height:200px;
	margin-left:35px;
	text-align:center;
	}
	
#encartCarte{
	float:left;
	background: transparent url('images/fondEncartCarte.jpg') no-repeat bottom left;
	width:294px;
	height:200px;
	margin-left:15px;
	}
#encartCarteContent{
	color:#ffffff;
	padding-top:95px;
	padding-left:145px;
	}
select#champSelectDisInter{
	width:135px;
	}
select#champSelectDisInter2{
	width:125px;
	}

#encartPointFort{
	float:right;
	background: transparent url('images/fondEncartPointFort.jpg') no-repeat bottom left;
	width:284px;
	height:200px;
	margin-right:35px;
	}
#ContentencartPointFort{
	padding-top:30px;
	padding-left:13px;
	}
	
span.error{
	color:red;
	font-size:0.8em;
	}

/* **************************** PAGE INTERMEDIAIRE ********************************/
#colonneGauche{
	color:#ffffff;
	float:left;
	width:293px;
	}
	
#colonneGaucheHome{
	color:#ffffff;
	float:left;
	width:293px;
	float:right;
	margin-right:30px;
	}
	
#colonneGaucheHome #formSelectionVoiture table tbody tr td{
	color:#ffffff;
	font-size:14px;
	}
	
#colonneGaucheHome #formSelectionVoiture {
	.margin-top:0px;
	}
	
#selectionVoiture{
	width:247px;
	height:158px;
	background: transparent url('images/fondSelectionCarInter.jpg') no-repeat top left;
	margin-left:35px;
	margin-bottom:5px;
	}
	
#selectionVoiture2{
	width:247px;
	height:158px;
	background: transparent url('images/fondSelectionCarInter.jpg') no-repeat top left;
	margin-left:35px;
	margin-bottom:5px;
	pasition:relative;
	}
	
#contentSelectionVoiture{
	padding-top:25px;
	padding-left:0px;
	}
	
#contentSelectionVoiture2{
	position:absolute;
	top:25px;
	}
	
#formSelectionVoiture{
	
	}	
	
#carteInter{
	width:247px;
	height:179px;
	background: transparent url('images/fondCarteInter.jpg') no-repeat bottom left;
	margin-left:35px;
	margin-bottom:5px
	}
#contentCarteInter{
	padding-top:100px;
	padding-left:120px;
	}
	
#espacePro{
	width:247px;
	height:150px;
	background: transparent url('images/fondEspaceProInter.jpg') no-repeat bottom left;
	margin-left:35px;
	margin-bottom:5px;
	text-align:center;
	}
#pointFortInter{
	width:247px;
	height:140px;
	background: transparent url('images/fondPointFortInter.jpg') no-repeat top right;
	margin-left:35px;
	margin-bottom:5px;
	text-align:center;
	}
#contentPointFortInter{
	padding-top:25px;
	padding-left:1px;
	}
	
#pointFortInter2{
	width:247px;
	height:140px;
	background: transparent url('images/fondPointFortInter.jpg') no-repeat top right;
	margin-left:35px;
	margin-top:15px;
	margin-bottom:15px;
	text-align:center;
	position:relative;
	}
#contentPointFortInter2{
	padding-left:1px;
	position:absolute;
	top:25px;
	left:0;
	}
	
#paiementTroisFois{
	width:247px;
	height:140px;
	background: transparent url('images/paiement_trois_fois.jpg') no-repeat bottom left;
	margin-left:35px;
	margin-bottom:5px;
	margin-top:35px;
	}

#fl{
	width:246px;
	height:137px;
	background-color:red;
	}

#colonneDroite{
	color:#ffffff;
	float:left;
	width:626px; /* max : 657px*/
	}
#interieurPage{
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	min-height:327px;
	height:auto;
	background: #181818 url('images/fondContentDroite.jpg') repeat-x bottom left;
	text-align:justify;
		}
		
#listDis{
	color:#ffffff;
	font-size:0.8em;
	}		

#text{
	padding-left:35px;
	padding-right:35px;
	}
	
#piedInter{
	margin-top:-13px;
	width:626px;
	height:176px;
	background: transparent url('images/piedInter.jpg') no-repeat bottom left;
	}
	
/* page produit */

#piedInterProd{
	margin-top:-13px;
	width:626px;
	height:176px;
	background: transparent url('images/piedInterProd.jpg') no-repeat bottom left;
	}

#photo{
	float:left;
	width:240px;
	height:190px;
	margin-left:25px;
	}
	
#infoProduit{
	float:left;
	width:275px;
	height:190px;
	}

#nomProduit{
	text-align:left;
	}
	
#descriptifProduit{
	min-height:130px;
	text-align:justify;
	}
	
#prixProduit{
	min-height:130px;
	text-align:left;
	}

/******************************** FIN INTERMEDIAIRE *********************************/


#footer{
text-align:center;
color:#ffffff;
height:50px;
width:950px;
background: transparent url('images/fondFooter.jpg') no-repeat bottom left;
font-size:10px;
}
a.lienChapeau{	
	color:#ffffff;
	text-decoration:none;
	font-size:1em;
	font-style:bold;
	}

#footer a.lienFooter{	
	color:#ffffff;
	text-decoration:none;
	font-size:10px;
	}
a.lienMail{	
	color:#ffffff;
	text-decoration:none;
	font-size:1em;
	}
a.lienMail:hover{
	color:#6598eb;
}
a.lienAlcoflex{	
	color:#bccc00;
	text-decoration:none;
	font-size:1em;
	}

.clear {
	clear: both;
}

a.backBloc {
display:block;
height:74px;
width:320px;
text-decoration:none;
}

a.backBloc:hover {
display:block;
height:74px;
width:320px;
text-decoration:none;
}

a.espacePro {
display:block;
height:30px;
width:250px;
text-decoration:none;
}

a.espacePro:hover {
display:block;
height:30px;
width:250px;
text-decoration:none;
}

a.naviProduct{	
	color:#4c73b3;
	text-decoration:none;
	font-size:1em;
	}

a.lienDevenir {
color:#ffffff;
text-decoration:none;
}

a.lienDevenir:hover {
color:#cccccc;
text-decoration:none;
}

a.lienGraphique {
color:#376ec6;
text-decoration:none;
}

a.lienGraphique:hover {
color:#143673;
text-decoration:none;
}

/* **************** E COMMERCE *************** */
table#tablePanier{
	margin-top:10px;
	margin-bottom:10px;
	}
table#tablePanier td.entete{
	width:100px;
	text-align:center;
	font-weight:bold;
	background-color:#3564b7;
	color:#ffffff;
	}
table#tablePanier td.enteteTotal{
	text-align:right;
	font-weight:bold;
	background-color:#3564b7;
	color:#ffffff;
	height:25px;
	margin-right:3px;
	}
table#tablePanier td.valueTotal{
	text-align:center;
	background-color:#000000;
	}
table#tablePanier td.entete2{
	width:290px;
	text-align:center;
	font-weight:bold;
	background-color:#3564b7;
	color:#ffffff;
	}
table#tablePanier td.entete3{
	width:80px;
	text-align:center;
	font-weight:bold;
	background-color:#3564b7;
	color:#ffffff;
	}
table#tablePanier td.valeur{
	
	text-align:center;
	background-color:#000000;
	height:25px;
	
	}
	
form#majQte input#majQteBouton{
	margin-top:3px;
	margin-bottom:3px;
	border:none;
	background-color:#cccccc;
	color:#333333;
	width:55px;
	font-size:xx-small;
	}

form#majQte input#deleteItemBouton{
	margin-top:3px;
	margin-bottom:3px;
	border:none;
	background-color:#cccccc;
	color:#333333;
	width:80px;
	font-size:xx-small;
	}

table#orderForm td.titreBarre{
	background-color:#666666;
	color:#cccccc;
	font-size:1.2em;
	height:25px;
	}
	
table#orderForm td.titreBarre{
	background-color:#333333;
	color:#cccccc;
	font-size:1.0em;
	height:25px;
	}
form#orderForm input.texte{
	width:300px;
	}
form#orderForm input.texteCP{
	width:100px;
	}
	
table#orderForm td.soumission{
	text-align:right;
	}

#panier{
	color:#ffffff;
	text-align:right;
	margin-right:40px;
}

#panier a{
	color:#ef1010;
	text-decoration:none;
}

#TitreResultat{
	color:#ffffff;
}

#TitreResultat span{
	color:#4d8cf7;
	font-weight:bold;
}

#caddie{
	background: transparent url('images/fondCaddie.jpg') no-repeat bottom left;
	width:618px;
	height:55px;
}

#caddie #prixRef{
margin-left:10px;
margin-top:10px;
float:left;
width:148px;
border-top:none;
border-bottom:none;
border-left:none;
border-right:solid 1px;
border-color:#4d8cf7;
}

#caddie #prixRef span{
color:#4d8cf7;
}

#caddie #gain{
margin-top:10px;
margin-left:10px;
float:left;
width:155px;
border-top:none;
border-bottom:none;
border-left:none;
border-right:solid 1px;
border-color:#4d8cf7;
}

#caddie #caddieFormulaire{
float:left;
margin-top:10px;
margin-left:10px;
}

#2choix{
	width:550px;
	text-align:center;
	}

a.cgv{
color:#ffffff;
font-weight:bold;
text-decoration:none;
}

a.cgv:hover{
color:#ffffff;
font-weight:bold;
text-decoration:underline;
}