/* Feuille de style pour le contenu des pages 

 * C'est cette feuille de style qui doit être liée aux pages du site

 * La feuille de style de la charte est appelée depuis cette feuille.

 */

 

/* Import des style pour la charte */

@import "charte.css";



h1{

	display:block;

	padding-bottom:0px;

	border-bottom:1px solid #ebbecb;

	font-size:18px;

	font-weight:bold;

	letter-spacing:-1px;

	color:#961138;

	margin: 1px 1px 8px 5px;

}





h2{

font-size:14px;

font-weight:bold;

color:#e2839f;

padding-top:4px;

margin: 4px 1px 8px 1px;

}





h3{

border-bottom:1px solid #e2839f;

font-size:15px;

display:block;

color:#961138;

}







.petit{

font-size:9px;

letter-spacing:1px;

font-weight:bold;

color:#961138;

}













.petit2{

font-size:10px;

letter-spacing:1px;

color:#961138;

}



.texte01{

	font-size:10px;

	letter-spacing:1px;

	color:#690c27;

}









.texte001{

font-size:9px;

letter-spacing:1px;

color:#690c27;

}







.texte02{

font-size:11px;

letter-spacing:1px;

color:#bc657e;

}





.texte03{

font-size:11px;

font-weight:bold;

letter-spacing:1px;

color:#971138;

}





#mafonction

{

}

















ol{

	margin:2px 0 6px 20px;

	padding:0;

}

li_{

	list-style-image:url(../Medias/puce_rose.jpg);

	margin:4px 0px 0px 40px;

	padding:0;

	color:#951139;

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

}







#div1{

width:250px;

float:left;

text-align:right;

margin:1px 1px 6px 3px;

padding:0;

}













/****************Catalogue*******************************/









#t1, .tt1 {



float:left;

	margin:1px 1px 1px 1px;

	width: 330px;

}









#t2 {

width:360px;

float:left;

margin:1px 1px 1px 1px;

}

#t2345 {

width:600px;

float:left;

margin:1px 1px 1px 1px;

}





















#catalogue {

	float: left;

	width:150px;

	margin: 8px 4px 8px 4px;

	padding:1px 3px 2px 3px;

	border: 2px solid #951138;

}



#catalogue .img{

	width:140px;

	height:100;

	margin: 4px 4px 4px 4px;

/**	border: 3px solid #c4788e;*/

}



#catalogue .rub{

width:145px;

margin: 2px 2px 2px 2px;

padding:1px 1px 1px 1px;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size:11px;

text-align:center;

color: #690c27;

}



#catalogue .sous{

width:145px;

margin: 2px 2px 2px 2px;

padding:1px 1px 1px 1px;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size:11px;

text-align:center;

color: #690c27;

}



#catalogue .ref{

width:145px;

margin: 2px 2px 2px 2px;

padding:1px 1px 1px 1px;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size:10px;

text-align:center;

color: #951138;

}





#catalogue .mat{

width:145px;

margin: 2px 2px 2px 2px;

padding:1px 1px 1px 1px;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size:11px;

text-align:center;

color: #951138;

}



#catalogue .prix{

width:145px;

margin: 2px 2px 2px 2px;

padding:1px 1px 1px 1px;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size:11px;

text-align:center;

color: #bc657e;

}









#catalogue .infos{

width:145px;

margin: 2px 2px 2px 2px;

padding:1px 1px 1px 1px;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size:12px;

text-align:center;

color: #B43F39;

}







/****************fin catalogue***************************/















#texte_dynamique{

width:650px;

margin: 2px 2px 2px 2px;

padding:1px 1px 1px 1px;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size:1.0em;

text-align:left;

}





.livredor

{

float:left; width:330px; height:90px; border:#951138 1px solid; margin: 3px 2px 10px 2px;

}







#livre {

	float: left;

	width:660px;

	margin: 8px 4px 8px 10px;

	padding:1px 3px 5px 3px;

	border: 2px solid #951138;

}



.livredor

{

	float:left;

	width:350px;

	border:#951138 1px solid;

	margin: 4px 2px 4px 2px;

	height: 100%;

	padding: 1px 1px;

}





.livredor1

{

	float:right;

	width:285px;

	/*height:170px;*/

	border:#951138 1px solid;

	margin: 3px 2px 2px 3px;

	background-color: #ecbecb;

	padding: 2px 2px;

}





.livredor2

{

	float:right;

	width:285px;

	height:auto;

	border:#951138 1px solid;

	margin: 0px 2px 1px 1px;

	background-color: #ecbecb;

	padding: 2px 2px;

}





.ref1

{

	float:left;

	width:270px;

	border:#951138 0px solid;

	margin: 3px 2px 4px 3px;

	background-color: #FFFFFF;

	padding: 4px 2px;

}



.ref2

{

	float:right;

	width:330px;

	border:#951138 1px solid;

	margin: 3px 2px 4px 3px;

	background-color: #FFFFFF;

	padding: 2px 2px;

}



.ref3

{

	float:left;

	width:620px;

	border:#951138 1px solid;

	margin: 2px 2px 5px 3px;

	background-color: #FFFFFF;

	padding: 2px 2px;

}





#ref01 {

	float: left;

	width:650px;

	margin: 8px 4px 8px 20px;

	padding:1px 3px 2px 3px;

	border: 2px solid #951138;

}





.refcontact1

{

	float:left;

	width:315px;

	/*height:260px;*/

	border:#951138 1px solid;

	margin: 3px 2px 4px 3px;

	background-color: #ecbecb;

	padding: 2px 2px;

}



.refcontact2

{

	float:left;

	width:302px;

	height:150px;

	border:#951138 1px solid;

	margin: 3px 2px 4px 3px;

	padding: 2px 2px;

}









.GPhoto

{

	float:left;

	width:255px;

	height:200px;

	margin: 3px 2px 4px 2px;

	background-color: #FFFFFF;

}



.Clavier

{

border:#000000 0px solid; width:307px; height:57px; margin-top:95px;

}



#MiniPhoto

{

	float:left;

	margin: 2px 2px 2px 4px;

	width:255px;

	border:#951138 1px solid;

	padding: 4px 2px 5px 2px;



}





#MiniPhoto .img 



{

float:left; margin: 5px 5px 5px 5px; width:65px;  border:red 0px solid;



}











/*********galeria********************************/





.photo {

float:left; 

width:200px; 

margin: 3px 3px 10px 3px; 

padding-left: 3px;

padding-right: 2px;



}





.photo img{}



.photo .zoom{border:#FF9900 0px solid ;}





.photo .img_link{border:#FF9900 0px solid ;}





















/******************REFRENCES**************************/









#ref {

	float: left;

	width:630px;

	margin: 8px 4px 8px 20px;

	padding:1px 3px 2px 3px;

	border: 2px solid #951138;

}





#ref .img{

	width:200px;

	margin: 4px 4px 4px 4px;

	border: 3px solid #c4788e;

}



#ref .re{

float:left;

width:140px;

margin: 5px 2px 2px 2px;

padding:1px 1px 1px 1px;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size:10px;

text-align:left;

color: #B43F39;

}





#ref .des{

float:left;

width:320px;

margin: 5px 2px 2px 2px;

padding:1px 1px 1px 1px;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size:11px;

text-align:left;

color: #B43F39;

}





#ref .point{

float:left;

width:60px;

margin: 2px 2px 2px 2px;

padding:1px 1px 1px 1px;

font-family: Verdana, Arial, Helvetica, sans-serif;

text-align:left;

color: #B43F39;

}







#ref .quant{

float:left;

width:50px;

margin: 2px 2px 2px 2px;

padding:1px 1px 1px 1px;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size:1em;

text-align:center;

color: #B43F39;

}

#ref .quant2{

float:left;

width:50px;

margin: 5px 2px 2px2px;

padding:1px 1px 1px 1px;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size:1em;

text-align:center;

color: #B43F39;

}