/* Feuille de style pour la charte graphique du site
 * Cette feuille de style est appelée depuis style.css.
 */

/***************** STRUCTURE *****************/
*{
margin:0;
padding:0;
}
body,html{
	height:100%;
	scrollbar-base-color:#000;
}
body{
	margin:0;
	padding:0;
	background:#2690c0 url(../images/charte/communication/bg-contenu-x.gif) repeat-x center top;
}

#container{
	
	margin:0 auto;
	padding:0;
	width:964px;
	display:table;
	background: url(../images/charte/communication/bg-contenu-y.gif) repeat-y center top;
}
*+html #container{
	position:relative;
	min-height:100%;
	height:auto !important;
	height:100%;
}
#header{
	margin:0;
	padding:0;
	height:183px;
	
}
#menuhaut{
	width:542px;
	height:36px;
	float:left;
	text-align:right;
	background:#fff url(../images/charte/maroquinerie/bg-menu-haut.jpg) no-repeat right top;
	
}
#menuhaut img{
	float:right;
}
.nbarticles{
	font:11px Arial, Helvetica, sans-serif;
	color:#fff;
	height:10px;
	padding:14px 142px 0px 0px;
	margin:0;
	float: right;
}
#contenu{
	width:964px;
	min-height:360px;
	height:auto !important;
	height:360px;
	font:12px Arial, Helvetica, sans-serif;
	color:#c1c1c1;
	text-align:justify;
	float:left;
	background: url(../images/charte/communication/bg-contenu.gif) no-repeat right top;
}
#contenu a,a:visited{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	}
#contenu a:hover{
	color:#fff;
	font-weight:bold;
	text-decoration:underline;
	}
#contenu2{
	float:left;
	width:680px;
	padding:0px 20px 0 20px;

}
#contenu2 ul{
	margin:0 0 0 20px;
}
#contenu2 li{

	list-style-image: url(../images/charte/communication/puce4.gif);
}
h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#c0ea78;
	font-weight: bold;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#5563dc;
	font-weight: bold;
	border-bottom:1px solid #5563dc;
	margin:0 0 30px 0;
	background: url(../images/charte/communication/puce3.gif) no-repeat left 3px;
	text-indent:20px;
}
#collLeft{
	float:left;
	width:213px;
	min-height:247px;
	height:auto !important;
	height:247px;
	background: url(../images/charte/bg-menu-y.jpg) repeat-y center top;
}
#bt-maroquinerie{
	float:right;
	padding:50px 0 0 0;
}
/***************** MENU NAVIGATION *****************/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
float:right;
width:189px;
margin:20px 0 0 20px ;

}
#menu dt {
	cursor: pointer;
	height: 19px;
	text-align: left;
	margin:0;
	padding:0;
	padding:0 0 0 20px;

}
#menu dt a {

text-decoration: none;
display:block;
border: 0 none;
height: 100%;
}
#menu dt a:hover, #menu dt a:active{

text-decoration:none;
}
#menu dd {
/*border: 1px solid gray;*/

font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
text-align:left;
color: #aad65d;
padding-left:30px;

}
#menu li {
	text-align: left;
	font: 8pt/normal arial;
	list-style-position: inside;
	list-style-type: disc;
	vertical-align: top;
}
#menu li a{

font:8pt/normal arial;
text-decoration:none;
border: 0 none;
height: 100%;
color:#ededed;
}
#menu li a:hover{
color:#ededed;
font:8pt/normal arial;
text-decoration:underline;
}


/***************** FIN MENU *****************/




/***************** FOOTER *****************/

#footer{
	height:31px;
	width:964px;
	background: url(../images/charte/communication/bg-contenu-y.gif) repeat-y center top;
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#646464;
	text-align:center;
	margin:0 auto;
	
}
#footer a,a:visited{color:#646464;text-decoration:none;}
#footer a:hover{color:#646464;text-decoration:underline;}
.logo{
	vertical-align: middle;
	padding:5px 0 0 0;
}
#txt{
	padding:5px 0 0 0;
}

/***************** PROMOS ACTU *****************/
#promos{
	float:left;
	width:150px;
	height:auto !important;
	height:200px;
	border:1px solid #a7d25b;
	margin:10px 5px 10px 0;
	text-align:center;
	padding:5px;
}
#promos h1{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#5563dc;
	background: url(../images/charte/communication/puce.gif) no-repeat left top;
	height:40px;
	text-align:left;
	padding:0 0 0 30px;
	
}
#promos img{
	margin:0 0 10px 0;
	
}
#promos h2{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#a7d25b;
	margin:10px 0 10px 0;
	border-bottom:0px;
	background: none;
	text-indent:0px;
	
}
#promos h3{
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#5563dc;
	margin:10px 0 10px 0;
}
#promos h4{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#5563dc;
	background: url(../images/charte/communication/puce2.gif) no-repeat 10px 5px;
	height:40px;
}
/***************** FIN PROMOS ACTU *****************/

/***************** STYLES PAGE *****************/
.txtbleu{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#5563dc;
}
.txtvert{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#a7d25b;
}
.alignementdroite{
	float:right;
}
.form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	width: 150px;
	background-color: #3e3e3e;
	border:1px solid #97c253;
}


.form2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	width: 80px;
	background-color: #3e3e3e;
	border:1px solid #97c253;
}