@import url(article-promo.css);

div.centre{
	text-align: center;
}

div#divajax{
	background-color: #631B5D;
	min-height:770px;
	height:auto !important;
	height:770px;
}

div#englobant{
	margin-left:0px;
	margin-bottom: 10px;
	min-height: 770px;
	height: auto !important;
	height: 770px;
	/* background-image: url(../images/fond_boussole_violet.jpg);
	background-repeat: no-repeat; */
}

div#gauche{
	float:left;
	width:750px;
	margin-left:10px;
	
}

div#droite{
	float:right;
	width:200px;
	height:200px;
	
}

/* PROMO */

div#promotion .cadre_promo{
	border-bottom: 1px solid #efefef;
	margin-bottom: 10px;
	
}

div#promotion #gauche .logo{
	float:left;
	width:215px;
	margin-bottom: 10px;
	
}

div#promotion #gauche .cadre_texte{
	float:left;
	width:325px;
}

div#promotion #gauche .cadre_plus{
	float:right;
	width:180px;
	border:1px solid #fff;
	padding: 5px;
	padding-top: 0px;
	margin-bottom: 5px;
	
}

div#promotion #gauche .cadre_plus a, div#promotion #gauche .cadre_plus p{
	color:#fff;
	
}

div#promotion #gauche .cadre_plus strong{
	color:#efefef;
}

div#promotion #gauche .logo img{
	border:3px solid #ffffff;
	border-bottom-width: 20px;
	
}

div#promotion #gauche h2{
	/* background-image: url(../images/gd_fleche_orange.png);
	background-repeat: no-repeat; */
	color:#FFFFFF;
	font-family:'Trebuchet MS', Verdana, sans-serif;
	font-size: 1.3em;
}

div#promotion #gauche h2 span{
	padding-left:12px;
	padding-top: 3px;

	
}

div#promotion #gauche h3{
	font-family:'Trebuchet MS', Verdana, sans-serif;
	color:#ff0000;
	font-size: 1.1em;	
	margin-bottom: 10px;
	margin-top: 10px;
	background-color: #fff;
	display: block;
	padding: 3px;
	text-align: center;
}

div#promotion #gauche .chapo, div#promotion #gauche .chapo p{
	font-family:'Trebuchet MS', Verdana, sans-serif;
	color:#fff;
	font-size: 1em;	
	font-style: normal;
}

/* COLONNE DROITE PROMO */

div#haut_droite{

background-image: url(../images/haut_droite_t.png);

background-repeat: no-repeat;

width: 191px;

height: 80px;

margin-bottom: 0px;

}

div#haut_droite #contenant{
	padding-top: 55px;
	text-align: center;
	padding-left: 5px;
	width: 183px;
	color:#0172b8;
	margin-top: 0px;
}

div#centre_droite{
	background-image: url(../images/droite_centre_t.png);
	background-repeat: repeat-y;
	width: 183px;
	margin-top: 0px;
	}
	
div#centre_droite #contenant2{
	padding-top: 0px;
	text-align: left;
	padding-left: 8px;
	width: 170px;
	color:#ffffff;
	margin-top: 0px;
	padding-bottom: 5px;
	/* border:1px solid #fff; */
	}
	
div#centre_droite #contenant2 p, div#centre_droite #contenant2 strong{
	color:#ffffff;
	margin-top: 0px;
	text-align: justify;
	}
	
div#bas_droite{
	background-image: url(../images/droite_bas_t.png);
	background-repeat: repeat-y;
	width: 183px;
	margin-top: 0px;
	height: 24px;
	}
	
/* PROMO */

div.visuel_promo{
	border:2px solid #fff;
}

div.titre_promo{
	background-color: #fff;
}

/* MENU PROMO */

div#menu_promo{
	position:relative;
	left:2px;
	top:-20px;
}

div#un_m_promo{
	float:left;
	width:325px;
}

div#deux_m_promo{
	float:left;
	width:325px;
	position:relative;
	left: 13px;
}

div#trois_m_promo{
	float:right;
	width:325px;
}

div#sous-rub-promo{
	position:relative;
	left:10px;
}

div.colonne-promo{
	padding: 3px;
	width:290px;
	margin-left: 10px;
}

div.colonne-promo-rub{
	padding: 3px;
	width:300px;
	margin-left: 15px;
	float:left;
}

div.colonne-promo .cadre-promo, div.colonne-promo-rub .cadre-promo{
	padding: 5px;
	border:1px solid #993399;
	margin-bottom: 10px;
	height:200px;
}

div.colonne-promo .cadre-promo .un-promo, div.colonne-promo-rub .cadre-promo .un-promo{
	height:160px;
}

div.colonne-promo .logo{
	margin-left:10px;
	float:left;
	margin-right: 5px;
	/* text-align: center; */
	}
	
div.colonne-promo-rub .logo{
	margin-left:10px;
	float:left;
	margin-right: 10px;
}

div.colonne-promo .logo img, div.colonne-promo-rub .logo img{
	border:3px solid #ffffff; 
	border-bottom-width: 20px; 
	margin:0 auto; 
}

div.colonne-promo h2, div.colonne-promo-rub h2{
	text-align: center;
	font-size: 1.2em;
	color:#fecb01;
	height:24px;
}

div.colonne-promo .chapo, div.colonne-promo-rub .chapo{
	text-align: justify;
	font-size: 1em;
	color:#fff;
	font-weight: normal;
	margin-bottom: 0px;
	text-transform: lowercase}

div.colonne-promo .prix, div.colonne-promo-rub .prix{
	text-align: left;
	font-size: 1.4em;
	color:#0072B7;
	float:left;
	width:122px;
	height:36px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(../images/fondprixpromo.png);
	background-repeat: no-repeat;
}

div.colonne-promo .prix .content-prix, div.colonne-promo-rub .prix .content-prix{
	position: relative;
	top:5px;
	left:2px;
	font-size: 1em;
	width:95px;
	text-align: center;
	color:#0072B7;
	
}

div.colonne-promo .savoirplus, div.colonne-promo-rub .savoirplus{
	text-align: right;
	padding-right: 10px;
	font-size: 1.4em;
	color:#fff;
	font-weight: bold;
	margin-bottom: 15px;
	float:right;
	width:142px;
	padding-top: 0px;
	position:relative;
	left:10px;

}

div.colonne-promo .savoirplus a{
	color:#fff;
	font-size: 1em;
}