/* CSS Document */

body{
margin:0;
padding:0;
background:#fff url('../images/bg-body.jpg') no-repeat top;
font: 12px/17px Arial, Helvetica, sans-serif;
color:#786e6e;
}
/*#body02{background:url('../images/bg-body02.jpg') no-repeat center top;}*/

body#bg-portfolio #body02{
background:url('../images/bg-body02-portfolio.jpg') top center no-repeat;
}

#portfolio{
background:transparent url(../images/background_portfolio.jpg) top center no-repeat;
height:384px;
}

#container{
	width:960px;
	text-align:left;
	margin:0 auto;
	height:300px;
	
}
	html > body #container{
	height:auto;
	min-height:300px;
	overflow:hidden;
	}


#head{
height:144px;
width:984px;
margin:0 auto;
}


#menu{
	position:absolute;
	top:144px;
	z-index:999;
	overflow:hidden;
	width:960px;
	height:80px;
}


	#menuPrincipale{
	}	
		
		#menuPrincipale ul{
		list-style:none none;
		margin:0; padding:0;
		float:left;
		width:960px;
		}
		
		#menuPrincipale li{
		float:left;
		}
		
		#menuPrincipale li a{
		float:left;
		height:31px;
		background-repeat:no-repeat;
		background-position:top left;
		padding:0 21px 0 28px;
		}
			#menuPrincipale li#firstItem a{padding-left:0;}
			#menuPrincipale li#lastItem a{padding-right:0;}
		
		#menuPrincipale li a:hover{
		background-position:bottom left;
		}
		
		#menuPrincipale ul a span{
		display:none;
		}	
		
		
					
					ul#navlist {
					margin:0;
					padding: 0;
					white-space: nowrap;
					}
								
					#navlist li {
					padding: 0 27px 0 21px;
					display:block;
					float:left;
					height:20px;
					background: url('../images/separateurmenu.gif') top left no-repeat;
					border:none;
					}
								
					#navlist .paspoint {
					padding-left:0px;
					background:none;		
					}
												
					#navlist .paspoint a{
					padding-left:0px;
					background:none;				
					}
																
												
					#navlist a { 
					padding: 0 0 0 4px;
					display:block;
					float:left;
					height:20px;
					line-height:20px;
					color:#858585;
					text-decoration:none;
					}
								
								
					#navlist a:hover {
					color: #c01b21;
					text-decoration: none;
					}
					
					#navlist a.current {
					color: #c01b21;
					text-decoration: none;
					}


#contenu{
padding:85px 0 20px 0;
background-repeat:no-repeat;
background-position:0px 50px;
height:400px;
}
#portfolioBody #contenu{padding-top:0px;}
	html > body #contenu{
	height:auto;
	min-height:400px;
	overflow:hidden;
	}


	#accueil #contenu{background-image:url('../images/h1-accueil.png');}
	#laboite #contenu{background-image:url('../images/h1-laboite.png'); background-position:0px 38px;}
	#designgraphique #contenu{background-image:url('../images/h1-designgraphique.png');}
	#designweb #contenu{background-image:url('../images/h1-designweb.png');}
	#boutique #contenu{background-image:url('../images/h1-boutique.png');}
	#clients #contenu{background-image:url('../images/h1-clients.png');}
	#nouvellesBody #contenu{background-image:url('../images/h1-nouvelles.png');}
	#portfolioBody #contenu{background-image:url('../images/h1-portfolio.png');}
	#contact #contenu{background-image:url('../images/h1-contact.png');}
	#pageFTP #contenu{background-image:url('../images/h1-zoneclient.png');}


#colgauche{
float:left;
width:625px;
}
.colgauche{
float:left;
width:625px;
}
	.colgaucheInt{
	float:left;
	width:302px;
	}
	.coldroiteInt{
	float:right;
	width:302px;
	}
	

#coldroite{
float:right;
width:305px;
margin:0;
}
.coldroite{
float:right;
width:305px;
}



#pied-bg{
/*background:url('../images/bg-pied-bg.gif') repeat-x bottom;*/
}

	#pied {
	height:100px;
	width:960px;
	margin:0 auto 30px auto;
	border-top:1px solid #c01b21;
	font-size:11px;
	line-height:16px;
	}
	#piedCourriel{float:right;}
	#signature{color:#999;}
	#signatureCache{
	position:absolute;
	top:-99999px;
	}

#lignePied{
border:none;
vertical-align:top;
padding-top:10px;
}
			
					
#menuPortfolio{
position:absolute;
top:25px;
left:523px;
font-size:11px;
text-transform:uppercase;
color:#858585;
}	
	#menuPortfolio li {
	padding: 0 8px 0 12px;
	}
					
					
					
.clear{
clear:both;
}

#content{
	height:460px;
	margin-top:-12px;
}


/*BALISE*/
.textrouge{
color:#c01b21;
}

a {
color:#5b5555;
text-decoration:underline;
}
a:focus, a:active, object{
outline:none;
}

a:hover{
color:#c01b21;
}

a img{border:0;}
.imgContenu{padding:5px; border:1px solid #ddd; background-color:#fff;}

p.imgCaption{text-align:right; margin:6px 6px 0 0; line-height:14px;}

p{
margin:10px 0;
text-align:justify;
}

h1, h2, h3, h4, h5, h6{
font-weight:normal;
line-height:normal;
}

h1{
}
	h1 span{
	text-transform:none;
	}

h1, h2{
font-size:18px;
margin:22px 0 12px 0;
color:#c01b21;
line-height:22px;
}	
	h1 span, h2 span{font-size:15px;}
	h1 img, h2 img{display:block;}


h3{
font-size:15px;
/*color:#a72a2e;*/
color:#c01b21;
margin:16px 0 10px 0;
}
	h3 span{font-size:12px;}


h4{
font-size:13px;
color:#c01b21;
margin:16px 0 0 0;

}

h5{
font-size:12px;
color:#5b5555;
margin:5px 0 0 0;
}


h6{
font-size:12px;
color:#c01b21;
margin:5px 0 0 0;
}
	
	.first{margin-top:0;}

strong{
color:#5b5555;

}

ul{
margin:10px 0 10px 26px;
padding:0;
list-style:outside square url(../images/puce.gif);
}
ul.sansPuce{margin-left:0; list-style:none none;}

	li{
	padding:1px 0;
	}

hr{
display:block;
height:1px;
background-color:none;
border-top:1px solid #ccc;
border-bottom:0;
padding:0;
clear:both;
margin:16px 0
}

.hr{
margin:30px 0;
border-top:1px solid #ccc;
}
	.hr hr{display:none;}

dt {
margin:0;
font-size:12px;
font-weight:bold;
color:#5b5555;
}
dd {margin:0 0 6px 0;}

/*BALISE -FIN-*/

/*AUTRES*/
#nouvelles{
background:url('../images/bg-bottom-nouvelles.png') no-repeat left bottom;
padding:0;
margin:0;
width:305px;
}

#nouvelles h2{
margin:0; padding:0;
}	

#nouvelles ul{
margin:0;
padding:2px 18px 0 18px;
list-style:none none;
overflow:hidden;
background:url('../images/bg-top-nouvelles.jpg') no-repeat left top;
}

#nouvelles #nouvellesBottom{
margin:0 18px;
padding:7px 0 14px 0;
text-align:right;
}
#nouvellesBottom a{
}
#nouvellesBottom a:hover{
text-decoration:none;
}

	#nouvelles li{
	border-bottom:1px dotted #ccc;
	padding-top:12px;
	}
	#nouvelles li.first{
	padding-top:0;
	}
	
	#nouvelles li h3{
	margin-top:0;
	font-size:12px;
	font-weight:bold;
	}
		#nouvelles li h3 span{font-weight:normal;}
		#nouvelles li h3 a{text-decoration:none; color:#c01b21;}
		#nouvelles li h3 a:hover{text-decoration:underline;}
		
		#nouvelles p{text-align:left;}
		
	
	.lireSuite a{
	color:#c01b21;
	background:url('../images/fleche-right-over.gif') no-repeat left;
	padding-left:14px;
	}
	.lireSuite a:hover{
	text-decoration:none;
	}

	
#hautPage{
margin-top:24px;
text-align:right;
}
	#hautPage a{
	padding-right:14px;
	background:url('../images/fleche-haut.gif') no-repeat center right;
	}
	#hautPage a:hover{
	background:url('../images/fleche-haut-over.gif') no-repeat center right;
	}

#smallGalerie{
overflow:hidden;
}

#smallGalerie img{
border:1px solid #ccc;
padding:5px;
float:left;
margin:0 5px 5px 0;
}


.goPortfolio{
margin-top:0;
text-align:right;
}

	.goPortfolio a{
	color:#c01b21;
	background:url('../images/fleche-right-over.gif') no-repeat left;
	padding-left:14px;
	}
	.goPortfolio a:hover{
	text-decoration:none;
	}

#acces{
padding:0;
margin:22px 0 0 0;
width:305px;
height:147px;
overflow:hidden
}

#acces h2{
margin:0; padding:0;
}	

#acces ul{
margin:0; padding:0;
overflow:hidden;
list-style:none none;
background:url('../images/bg-zoneclient.png') no-repeat left top;
height:116px;
}
	#acces li{
	padding:0px 18px;
	}
	
	#acces label{
	width:85px;
	display:inline-block;
	font-weight:bold;
	text-align:right;
	}
	
	#acces input.inputTexte{
	width:177px;
	}
	
	#connectionerror{
	margin-top:6px;
	height:20px;
	text-align:center;
	color:#333;
	}
	

/*FTP*/	
#outilsFTP{
background:url('../images/bg-bottom-nouvelles.png') no-repeat left bottom;
padding:0;
margin:0;
width:305px;
display:none;
}

#outilsFTP h2{
margin:0; padding:0;
}	

#outilsFTPMiddle{
margin:0;
padding:2px 18px 0 18px;
list-style:none none;
overflow:hidden;
background:url('../images/bg-top-nouvelles.jpg') no-repeat left top;
}


#options_client{
margin-bottom:24px;
list-style:none none;
margin:0 0 12px 0;
}
#acces ul#options_client{
background:none;
margin:6px 0 12px 0
}


	#options_client li{
	border-top:1px dotted #ccc;
	padding:6px 0;
	}
	#acces ul#options_client li{
	padding:14px 0;
	}
	
	#options_client li:first-child{
	border-top:0;
	padding:0 0 6px 0;
	}
	
	#options_client a{
	padding-left:26px;
	background:no-repeat left center;
	}
	
	#options_client #monDossier{background-image:url('../images/folder_close.jpg');}
	#options_client #ajouterFichier{background-image:url('../images/add.jpg');}	
	#options_client #creerDossier{background-image:url('../images/folder.jpg');}	
	#options_client #seDeconnecter{background-image:url('../images/logout.jpg');}	

/*FTP -Fin-*/	
	
.ico{vertical-align:top; padding-right:5px;}

.flecheDroite{
background:url('../images/fleche-right.gif') no-repeat left;
padding-left:14px;
}
.flecheDroite:hover{
background:url('../images/fleche-right-over.gif') no-repeat left;
}

.flecheGauche{
background:url('../images/fleche-left.gif') no-repeat left;
padding-left:14px;
}
.flecheGauche:hover{
background:url('../images/fleche-left-over.gif') no-repeat left;
}

	
/*AUTRES -FIN-*/

/*FORM*/
form{
margin:0; padding:0;
}

input.inputTexte{
border:1px solid #ccc;
background:url('../images/bg-inputtexte.gif') repeat-x top;
color:#666;
margin:0;
}
	
	a.fichiers {
		font-family: Arial, Helvetica, sans-serif;
		color: #102A89;
		font-size: 12px;
		text-decoration:underline;
		background: url('../images/files.jpg') no-repeat left;
		padding: 3px 0px 3px 20px;
		margin-left:40px;
	}
		a.fichiers_racine {
		font-family: Arial, Helvetica, sans-serif;
		color: #102A89;
		font-size: 12px;
		text-decoration:underline;
		background: url('../images/.jpg') no-repeat left;
		padding: 3px 0px 3px 20px;
		margin-left:20px;
	}
	
	a.dossier_ouvert {
		font-family: Arial, Helvetica, sans-serif;
		color: #102A89;
		font-size: 12px;
		text-decoration:underline;
		background: url('../images/folder.jpg') no-repeat left;
		padding: 3px 0px 3px 25px;
		margin-left:20px;
	}
	
	a.dossier_ferme {
		font-family: Arial, Helvetica, sans-serif;
		color: #102A89;
		font-size: 12px;
		text-decoration:underline;
		background: url('../images/folder_close.jpg') no-repeat left;
		padding: 3px 0px 3px 25px;
		margin-left:20px;
	}
	a.dossier_racine {
		font-family: Arial, Helvetica, sans-serif;
		color: #102A89;
		font-size: 12px;
		text-decoration:underline;
		background: url('../images/home.jpg') no-repeat left;
		padding: 3px 0px 3px 25px;
		margin-left:20px;
	}
/*FORM fin*/

.hidden{display:none;}

/*Boutique*/


#boutique #colgauche{
float:left;
width:218px;
}

#boutique #coldroite{
float:right;
width:712px;
margin:16px 0 0 0;
}


#boutiqueMenu{
background:url('../images/boutique/bg-bottom-boutiquemenu.png') no-repeat left bottom;
padding:0 0 10px 0;
margin:0;
width:218px;
}

#boutiqueMenu h2{
margin:0; padding:0;
}	

form#searchForm{
display:block;
padding:0 0 10px 0;
}

#boutiqueMenu #boutiqueMenuMiddle{
padding:2px 18px 0 18px;
overflow:hidden;
background:url('../images/boutique/bg-top-boutiquemenu.jpg') no-repeat left top;
}
	
	#boutiqueMenu ul{
	margin:0; padding:0;
	list-style:none none;
	}

	
	#boutiqueMenu li{
	border-top:1px dotted #ccc;
	padding:5px 0;
	}
		#boutiqueMenu li a{
		text-decoration:none;
		}
		#boutiqueMenu li a.current{
		color:#c01b21;
		}
	
	#boutiqueMenu li ul{
	border-top:1px dotted #ccc;
	padding:7px 0 0 0;
	margin-top:6px;
	}
	
	#boutiqueMenu li li{
	padding:1px 0 1px 10px;
	border:0;
	}

#vPanier{
margin:24px 5px 0 5px;
padding:0 0 18px 14px;
border-bottom:1px dotted #ccc;
}
	#vPanier a{
	background:url('../images/boutique/ico_panier.gif') no-repeat left center;
	padding:8px 0 8px 28px;
	}

#boutique label{
color:red;
font-weight:bold;
color:#c01b21;
}

#boutique select, #boutique input{
padding:5px;
vertical-align:middle;
border:1px solid #ccc;
background:#fff url('../images/boutique/input_bg.gif') repeat-x top; 
color:#666;
}

#boutique .bouton{
padding:0;
margin-left:5px;
border:0;
background:none;
outline:none;
}

#boutique #boiteContainer{
margin:0 0 0 -4px;
overflow:hidden;
}

#boutique .boiteProd{
background:url('../images/boutique/bg_item_tbn.png') no-repeat;
height:300px; /*336px*/
width:321px; /*357px*/
padding:18px;
margin:0 1px 1px 0;
float:left;
}

#boutique .prodTop{
height:260px;
}

#boutique .couleurDispo{
float:right;
position:relative;
top:-30px;
margin-bottom:-30px;
}
	#boutique .couleurDispo img{
	float:right;
	margin-left:2px;
	border:1px solid #ccc;
	}

	#boutique .prodBottom h2{
	margin:0;
	font-size:12px;
	font-weight:bold;
	line-height:14px;
	}
	#boutique .prodBottom h3{
	margin:0;
	font-size:12px;
	line-height:14px;
	}

#boutique .prodBottom{
border-top:1px dotted #ccc;
padding-top:10px;
}

	#boutique .prodBottom a{
	float:right;
	background:#fff url('../images/boutique/bouton_bg.gif') repeat-x bottom;
	color:#c01b21;
	border:1px solid #ccc;
	padding:5px 10px;
	font-weight:bold;
	text-decoration:none;
	}
	#boutique .prodBottom a:hover{
	background-position:top;
	padding:6px 10px 4px 10px;
	}


/*DETAILS*/
#navDetails{
float:right;
padding:7px;
margin:0;
text-align:right;
}
	#navDetails li{
	padding:0;
	margin:0;
	display:inline;
	list-style:none none;
	}
	
	#navDetails #nPage{padding:0 8px; color:#666;}

	
#detailsColLeft{
width:244px;
float:left;
}
	#detailsImg{
	}
	
	#detailsImg img{display:block;}
	
	.icoZoom{
	position:relative;
	margin-bottom:-43px;
	float:right;
	}


#detailsColRight{
float:left;
margin-left:25px;
width:445px;
}

#Qty{margin:25px 0;}
#Qty label{display:inline; margin-right:5px;}
#Qty input{width:20px;}

#optionsBox{
margin:25px 0 0 0;
border-top:1px dotted #ccc;
}

#optionsBox p{
margin:25px 0;
}

#optionsBox label{display:inline; margin-right:5px;}
	
	ul#specialOptions{
	margin:25px 0 0 0; padding:0;
	list-style:none none;
	overflow:hidden;
	}
		#specialOptions label{display:block;}
		
		#specialOptions li{
		margin:0; padding:0 5px 0 0;
		float:left;
		}
		#specialOptions a{
		float:left;
		padding:2px;
		background-color:#fff; border:1px solid #ccc;
		}
		#specialOptions img{
		display:block;
		float:left;
		}
		
		#specialOptions a:hover{
		border:1px solid #666;
		}
		
		#specialOptions a:focus, #specialOptions a:active{background-color:#d2d0b4; border-color:#d2d0b4;}

	
#detailsBtnBas{
clear:left;	
margin:25px 0 0 0;
}
	#detailsBtnBas .left{
	width:244px;
	float:left;
	padding-top:26px;
	text-align:right;
	}
		#detailsBtnBas .left a{
		float:right;
		}
		
	#detailsBtnBas .right{
	border-top:1px dotted #ccc;
	padding-top:25px;
	float:left;
	margin-left:25px;
	width:445px;
	}
		#detailsBtnBas .right a{
		float:left;
		}
	
	#detailsBtnBas a{
	display:block;
	background:#fff url('../images/boutique/bouton_bg.gif') repeat-x bottom;
	color:#c01b21;
	border:1px solid #ccc;
	padding:5px 10px;
	font-weight:bold;
	text-decoration:none;
	}
	#detailsBtnBas a:hover{
	background-position:top;
	padding:6px 10px 4px 10px;
	}
	
/*DETAILS -fin-*/

/*Boutique -Fin-*/