/* id's */
#main {
	width:							100%;
	background :					#411C2C url(/img/interior/tile-fond.jpg) repeat-x;
}
#bandeau-haut {
	width :							675px;
	height :						155px;
	background-color :				#FFF;
}

#logo {
	padding :						22px 0 0 23px;
}
#numero {
	float:  						right;
	text-align :					right;
	padding-top :					40px;
	padding-right :					5px;
}
#illus-mois{
	float:  						right;
}
div.droite  {
	width:							310px;
	text-align	:					right;
        height:  155px;
        overflow:hidden;
}
#all-bandeau-gauche {
	width : 						286px;
	float :							left;
}
#bandeau-gauche {
	background :					url(/img/interior/fond-bandeau-gauche.jpg) no-repeat left top;
	width : 						286px;

	
}
#tile-bandeau-gauche {
	background :					url(/img/interior/tile-fond-bandeau-gauche.jpg) repeat-y;
	width : 						286px;
}
#bandeau-droite {
	float :							right;
}
html>body {
	height :						auto;
	min-height :					537px;
}
#hr-vert {
	float:  						right;
	width :							672px;
	padding-right :					151px;
	background :					url(/img/home/dotted-v.gif) repeat-y top left;
}



#menu {
	margin:							10px 0 10px 52px;
	width:							165px;
}

/* niveau 1 */
#menu ul.CMS_lvl1{
	padding :						0 0 0 0;
	margin:							0px 0px 0px 0px;
	font : 							normal 0px Arial;	
	border-left :					solid 1px #896775;
}
#menu a.CMS_lvl1{
	display:						none;
}

/* niveau 2 */
#menu ul.CMS_lvl2{
	padding :						0 0 0 8px;
	margin:							0px 0px 0px 0px;
}

#menu li.CMS_lvl2{
	margin:							0px 0px 0px 0px;;
	padding :						5px 1px 5px 2px;
}

#menu a.CMS_lvl2{
	color :							#D9C9D0;
	font :							bold  11px "Arial";
	text-decoration : 				none;
	text-decoration:				none;
}
#menu a.CMS_lvl2:hover{
	font : 							bold 11px Arial;		
	color :							#FFFFFF;	
	text-decoration :				none;
}
#menu ul.CMS_lvl2 li.CMS_open a.CMS_lvl2,
#menu ul.CMS_lvl2 li.CMS_current a.CMS_lvl2{
	font : 							bold 11px Arial;		
	color :							#FFFFFF;	
	text-decoration :				none;
}

#menu ul.CMS_lvl2 li.CMS_open {
	border-top :					solid 1px #86566B;
	border-bottom :					solid 1px #86566B;
}

/* niveau 3 */
#menu ul.CMS_lvl3{
	padding:						2px 0 0 2px;
	margin :						0px;
}
#menu ul.CMS_lvl2 li.CMS_lvl3{
	padding:						2px 0px;
	margin :						0px;
	border :						none;
}

#menu a.CMS_lvl3{
	display:						block;
	padding-left :					10px;
	background :					url(/img/common/li-niv3.gif) no-repeat 0px 3px;
	color :							#BF94A6;
	font :							normal  11px Arial;
	text-decoration : 				none;
}
#menu ul.CMS_lvl3 li.CMS_open a.CMS_lvl3,
#menu ul.CMS_lvl3 li.CMS_current a.CMS_lvl3{
	padding-left :					10px;
	margin :						0px;
	font :							normal  11px Arial;
	color :							#FFFFFF;	
	text-decoration :				none;
	border :						none;
}
#menu a.CMS_lvl3:hover{
	padding-left :					10px;
	margin :						0px;
	font :							normal  11px Arial;
	color :							#FFFFFF;	
	text-decoration :				none;
}

/* niveau 4 */
#menu ul.CMS_lvl4{
	padding:						2px 0 0 2px;
	margin :						0px;
}
#menu li.CMS_lvl4{
	padding:						2px 0px;
}

#menu a.CMS_lvl4{
	padding-left :					10px;
	margin :						0px;
	background :					url(/img/common/li-niv4.gif) no-repeat 3px  3px;
	font : 							normal 11px Arial;		
	color :							#CAB8C0;	
	text-decoration :				none;
}
#menu ul.CMS_lvl4 li.CMS_open a.CMS_lvl4,
#menu ul.CMS_lvl4 li.CMS_current a.CMS_lvl4{
	padding-left :					10px;
	margin :						0px;
	font : 							normal 11px Arial;		
	color :							#FFF;	
	text-decoration :				none;
}
#menu a.CMS_lvl4:hover{
	padding-left :					10px;
	margin :						0px;
	font : 							normal 11px Arial;		
	color :							#FFF;	
	text-decoration :				none;
}


#menu-vert	 {
	margin:							0 0 0px 52px;
	padding :						7px 0 0 20px;
	background :						url(/img/interior/dotted-v.gif) repeat-y top left;
}

#direct-links {
	padding:						0px 0 0 0;
	margin :						0px;
}
#direct-links ul {
	padding :						0px;
	margin :						0px;
	width :							286px;
}
#direct-links li {
	padding :						0px 0 2px 0px;
	width :							286px;
	
}
#direct-links li.lien-agenda a{
	background :					url(/img/interior/btn-voir-agenda.jpg) no-repeat  0px 0px		;
	height :						19px;
	padding :						3px 0 0 30px;
	text-align :						left;
	display :						block;	
	color :							#FFFFFF;
	font :							bold  11px Arial;
	text-decoration :					none;
}
#direct-links li.lien-agenda a:hover{
	background-position:				-286px 0px;
	text-decoration :				none;
}
#direct-links li.lien-sommaire a{
	background :					url(/img/interior/btn-voir-sommaire.jpg) no-repeat  0px 0px;
	height :						19px;
	padding :						3px 0 0 30px;
	text-align :					left;
	display :						block;	
	color :							#EFCEDC;
	font :							bold  11px Arial;
	text-decoration :				none;
}
#direct-links li.lien-sommaire a:hover{
	background-position:			-286px 0px;
	text-decoration :				none;
}

.lien-abonnement
{
	background :					url(/img/interior/abo.png) no-repeat  0px 0px;
	text-indent: 					-5000%;
	outline:						none;
	margin:						25px 0 0 22px;
	padding : 					0 0 17px 0
}
.lien-abonnement span
{
	display: 					none;	
}
.lien-abonnement a
{
	width:						219px;
	height:						77px;
	display:					block;
	outline:					none;	
}



#titre-page {
	padding :						89px 0 0 25px;
	float: 							left;
	
	height :						66px;
	width:							340px;
}
#titre-page h1{
	color :							#9C8A8C;
	font :							normal 20px Arial;
	padding :						20px 0 0 3px;
	height :						46px;
	margin :						0px;
	border-left :					solid 1px #9C8A8C;
}

#content-main {
	background :					#F7EFF7 url(/img/interior/tile-hor.jpg) repeat-y;
	padding :						0 0px 0 25px;
	width :							650px;
	height :						430px;
	color : 						#80706F;
	text-align :					justify;	
	font :							normal 12px Arial;
}
#content-main h1 {
	margin :						0px;
	padding :						10px 0 15px 5px;
	text-align :					left;
	color : 						#792348;
	font :							bold 13px Arial;	
	background :					url(/img/interior/border-h1.gif) no-repeat  0px 12px;
}
#content-main ul{
	padding :						8px 0px 8px 10px;
	margin :						0px;
}
#content-main a {
	color :							#D2206C;
	font :							normal 12px Arial;
	text-decoration : 				none;	
}
#content-main a:hover {
	text-decoration : 				underline;	
}
#content-main li{
	background :					url(/img/common/ico-li-standard-1.gif) no-repeat  0px 5px;
	padding :						0px 0px 0px 8px;
}
#content-main li li{
	background :					url(/img/common/ico-li-standard-2.gif) no-repeat  0px 4px;
	padding :						0px 0px 0px 8px;
}
#content-main li li li{
	background :					url(/img/common/ico-li-standard.gif) no-repeat  0px 2px;
	padding :						0px 0px 0px 8px;
}
html>body #content-main {	
	height :						auto;
	min-height :					430px;
}
#content-main div.text {
	color : 						#80706F;
	text-align :					justify;	
	font :							normal 12px Arial;
	padding :						0px 78px 0px 0px;
}

#content-main div.text p{
	margin :						0 0 10px 0 ;
	padding: 						0;
}	
#content-main div.text h1{
	margin :						0px;
	padding :						22px 0 15px 5px;
	text-align :					left;
	color : 						#792348;
	font :							bold 13px Arial;	
	background :					url(/img/interior/border-h1.gif) no-repeat  0px 24px;
}
#content-main  h2{
	margin :						0px;
	padding :						0px 0 0px 5px;
	text-align :					left;
	color : 						#E31784;
	font :							normal 12px Arial;	
}
#content-main div.text-right h1{
	background :					url(/img/interior/border-h1.gif) no-repeat  0px 24px;
	display :						inline;
	margin :						0px;
	padding :						22px 0 15px 5px;
	text-align :					left;
	color : 						#792348;
	font :							bold 13px Arial;	
}

#content-main div.text-right {
	color : 						#80706F;
	text-align :					justify;	
	font :							normal 12px Arial;	
	padding:						0px 78px 0 0;
}	
#content-main div.text-right p{
	margin :						0 0 10px 0 ;
	padding: 						0;
}	
#content-main div.img-left3 {	
	float :							left;
	width :							190px;
	text-align :					center;
}
#content-main div.img-left {
	float :							left;
}
#content-main div.img-left img{
	padding :						0 15px 0 0;
}
#content-main div.img-left div.legend{
	color : 						#792348;
	font :							bold 9px Arial;	
}

#content-main div.text-left h1{
	background :					url(/img/interior/border-h1.gif) no-repeat  0px 2px;
	margin :						0px;
	padding :						0px 0 15px 5px;
	text-align :					left;
	color : 						#792348;
	font :							bold 13px Arial;	
}
#content-main div.text-left {
	color : 						#80706F;
	text-align :					justify;	
	font :							normal 12px Arial;
	padding :						0px 78px 0px 0px;	
}	
#content-main div.text-left p{
	margin :						0 0 10px 0 ;
	padding: 						0;
}	
#content-main div.img-right {
	float :							right;
}
#content-main div.img-right	 div.legend{
	color : 						#792348;
	font :							bold 9px Arial;	
	text-align :					right;
}
#content-main div.img-right img{
	padding :						0 0 0 15px;
}

#content-main div.cms_forms {
	
}

#content-main div.cms_forms label{
	color : 						#645756;	
	font :							normal 12px Arial;	
	width :							auto;	
	
}
#content-main div.cms_forms select{
	color : 						#645756;	
	font :							normal 12px Arial;	
	background-color :				#F3E7EC;
	border :						solid 1px  #645756;
}
#content-main div.cms_forms input, #content-main div.cms_forms textarea{
	color : 						#645756;	
	font :							normal 12px Arial;	
	background-color :				#F3E7EC;
	border :						solid 1px  #645756;
	width :							250px;
}

#content-main div.cms_forms input.button {
	width :							auto;
	border :						none;
	background :					#F7EFF7 url(/img/interior/btn-valider.gif) no-repeat  0px 2px;
	width :							88px ;
	height :						22px;
	color : 						#FFF;	
	font :							bold 11px Arial;
	cursor:							pointer;	
}
#content-bottom {
	background :					#F7EFF7 url(/img/interior/tile-hor.jpg) repeat-y;
	padding :						5px 18px 5px 25px;
	width :							632px;
	height :						20px;
}
#fil-ariane {
	float :							left;
	color : 						#7C6670;
	font :							normal 11px Arial;	
 }

#fil-ariane a.accueil{
	background :					url(/img/interior/ico-fleche.gif) no-repeat  0px 3px;
	color : 						#7C6670;
	font :							normal 11px Arial;	
	text-decoration :				none;
	padding :						0 0 0 11px;
 }
#fil-ariane a.accueil:hover{
 	text-decoration :				underline;
 }
#fil-ariane a.fil{
	color : 						#7C6670;
	font :							normal 11px Arial;	
	text-decoration :				none;
	padding :						0 0 0 0px;
 }
#fil-ariane a.fil:hover{
 	text-decoration :				underline;
 }
#top {
	float :							right;
	
 }
#top a{
  	background :					url(/img/interior/btn-top.gif) no-repeat  7px 0px;
	padding :						7px 0 0 0 ;
	color : 						#A8275F;
	font :							normal 10px Arial;	
	text-decoration :				none;
	display :						block;
 }
#top a:hover{
 	text-decoration :				underline;
}
#footer {
	text-align :					right;
	padding :						3px 3px 10px 0px;
	width:							665px;
} 
#footer a{
	background :					url(/img/common/ico-li-rose.gif) no-repeat 0px 3px;
	color :							#D2206C;
	font :							bold  11px Arial;
	text-decoration : 				none;	
	padding :						0 0 0 10px;
}	
#footer a:hover{
 	text-decoration :				underline;
}
#content-main div.top-note {
	background :					#D7CFD2 url(/img/interior/top-box-grise.jpg) no-repeat top right;
	padding :						0px 0px 0px 0px;
	margin :						10px 0 	0px 0;
	width :							255px;
}

#content-main div.note {	
	padding :						8px 8px 8px 8px;
	color :							#80706F;
	font :							normal 12px Arial;
	text-align :					left;
}
#content-main div.note p{
	margin :						0px;
	padding :						0px;
}
#content-main div.note ul{
	padding :						8px 0px 8px 0px;
	margin :						0px;
}
#content-main div.note li{
	background :					url(/img/common/ico-li-rose.gif) no-repeat 0px 5px;
	padding :						0px 0px 0px 8px;
}
#content-main div.note a {
	color :							#D2206C;
	font :							normal 12px Arial;
	text-decoration : 				none;	
}
#content-main div.note a:hover {
	text-decoration : 				underline;	
}
#content-main div.note h1{
	color :							#80706F;
	font :							bold  14px Arial;
	margin :						0px;
	padding :						0px;
	background :					none;
}
#content-main div.bottom-note {
	background :					#D7CFD2 url(/img/interior/bottom-box-grise.gif) no-repeat bottom left;
	height :						8px;
}
#sommaire div.leftImage {
	float :							left;
	width :							90px;
	padding-bottom:					1px;
}
#sommaire div.leftText h1 {
	background :					url(/img/common/ico-li-standard-1.gif) no-repeat 0px 4px;
	padding :						0px 0px 0px 10px;
	margin :						10px 0 	0px 0;
	color :							#80706F;
	font :							normal  11px Arial;	
}
#sommaire div.leftText h1 a{
	color :							#80706F;
	font :							normal  11px Arial;	
	text-decoration :				none;
}
#sommaire div.leftText h1 a:hover{
	color :							#80706F;
	font :							normal  11px Arial;	
	text-decoration :				underline;
}
#sommaire div.leftText h2 {
	padding :						0px 0px 0px 10px;
	color :							#E21785;
	font :							normal  14px Arial;	
}
#sommaire div.leftText h3 {
	padding :						0px 0px 0px 10px;
	color :							#E21785;
	font :							normal  11px Arial;	
	margin :						0px;
}
#sommaire div.leftText h3 p{
	padding :						0px 0px 0px 0px;
	margin :						0px;
}
#sommaire div.leftText h2 a{
	color :							#E21785;
	font :							normal  14px Arial;	
	text-decoration :				none;
}
#sommaire div.leftText h2 a:hover{
	color :							#E21785;
	font :							normal  14px Arial;	
	text-decoration :				underline;
}
#sommaire div.leftText div.text {
	padding :						0px 0px 0px 10px;
	color :							#80706F;
	font :							normal  11px Arial;	

}
#sommaire div.leftText {
	float :							left;
	border-bottom :					solid 1px #CBC2C6;
	width :							482px;
	padding-bottom :				10px;
}

#events div.leftImage {
	float :							left;
	width :							90px;
	padding-bottom:					1px;
}
#events div.leftText h1 {
	background :					url(/img/common/ico-li-standard-1.gif) no-repeat 0px 4px;
	padding :						0px 0px 0px 10px;
	margin :						10px 0 	0px 0;
	color :							#E21785;
	font :							normal  14px Arial;	
}
#events div.leftText h1 a{
	color :							#E21785;
	font :							normal  14px Arial;	
	text-decoration :				none;
}
#events div.leftText h1 a:hover{
	color :							#E21785;
	font :							normal  14px Arial;	
	text-decoration :				underline;
}

#events div.leftText div.text {
	padding :						0px 0px 0px 10px;
	color :							#80706F;
	font :							normal  13px Arial;	

}
#events div.leftText {
	float :							left;
	border-bottom :					solid 1px #CBC2C6;
	width :							482px;
	padding-bottom :				10px;
}


.rsslink
{
	background :					url(/img/common/rss.gif) no-repeat right center;
	padding-right:					30px;
	display:					block;
	text-align:					right;
	height:						21px;
	color:						#e31685;
	font-size:					12px;
	margin-right:					20px;
}

#content-main .rsslink  a
{
	line-height:					21px;
}
div.navigation {
	text-align:						center;
}
div.retour {
	float :							right;
}

/*classes*/
.clair {
	color :							#FFFFFF;
}
p.messageErreur {
	color : 						#FF0000;
	font :							bold 13px Arial;
}

#content-main .labelSize1{
	width:							150px;
	text-align:						right;
	float:							left;	
	padding:						3px 0 0 0;
	color:							#8b8080;
	font-size:						12px;	
}

#content-main .inputSize1{
	width:							430px;
	text-align:						left;
	float:							left;
	margin:							0 0 10px;	
	padding:						0 0 0 10px;
}

#content-main .inputSize1 input{
	width:							345px;
	background-color:				#f3e7ec;
	border:							solid 1px #a2a0a0;
}	

#content-main div.inputSize1 input.check{
	width:							20px;
}	
.inputSize1 textarea
{
	width :							345px;
	background-color:					#F3E7EC ;
	border: 						solid 1px #A2A0A0;
}
#content-main div.fondPromotion div.imgFondPromotion{
	width:							200px;
	padding:						3px 4px;
	background-color:					#ffffff;
	float:							left;
	top:							0px;
	margin-left:						163px;
	height:							100px;
}

#content-main div.fondPromotion div.imgPromotion{
	width:							200px;					
	margin:							0;
	background-color:					#ffffff;
	float:							left;
	top:							0px;
	height:							99px;
	overflow:						hidden;	
}

#content-main div.fondPromotion div.valeurPromotion{
	width:							120px;
	height:							106px;
	line-height:						106px;
	background:						url(/img/interior/fondValeurPromotion.jpg) no-repeat 0px 0px;
	color:							#cfe39e;
	float:							left;
	font-size:						40px;
	font-weight:						bold;
	text-align:						center;	
}
#content-main div.fondPromotion{
	background:						url(/img/interior/fondPromotion.png) no-repeat 0px bottom;
	width:							529px;
	height:							173px;	
	margin:							0 auto;
}	

#content-main div.descriptionPromotion{
	width:							530px;
	background-color:					#cfe39e;
	color:							#4a2934;
	font-size:						17px;
	margin:							0px auto 30px auto;
	padding:						10px;
}

#content-main div.descriptionPromotion p{
	margin:							0 0 10px 0;
	text-align:						center;
}

span.promoRose{
	font-size:						23px;
	color:							#e70283;
}

span.promoVert{
	font-size:						12px;
	color:							#507000;
}

span.promoGris{
	font-size:						11px;
	color:							#8a6977;
}

#content-main .inputSize2{
	width:							200px;
	text-align:						left;
	float:							left;
	margin:							0 0 10px;	
	padding:						0 0 0 10px;
}

#content-main .inputSize2 input{
	width:							200px;
	background-color:					#f3e7ec;
	border:							solid 1px #a2a0a0;
}	

#content-main a.passCenter{
	display:						block;
	height:							16px;
	margin:							5px 0 0 236px;
	width:							117px;
}	

.ok,.error,.cms_forms_error_msg
{
	font-size: 						12px;
	padding-left:						25px;
	margin-left:						30px;

}
.ok
{
	color:							#645756;
	background:						url(/img/common/ok.gif) no-repeat 0 center;
}


.error,.cms_forms_error_msg
{
	color:							#ef1600;
	background:						url(/img/common/error.gif) no-repeat 0 center;
}

.important
{
	background:						#FFFFFF none repeat scroll 0 0;
	border:							1px solid #BBB1B6;
	color:							#645756;
	font-size:						12px;
	padding:						10px;
	font-weight:						bold;
	
}

.important span
{
	display:						block;
	text-align:						center;
}

#content-main .important span a
{

	background:						url(/img/interior/btnajoutnum.gif) no-repeat 0 center;
	height:							19px;
	font-size:						12px;
	font-weight:						bold;
	width:							280px;
	display:						block;
	margin:							auto;
	
}
.addBasket
{
	background:						#645756;
	color:							#FFF!important;
	padding:						5px;
}

#numeros .inOffer
{
	background:						#a6cc49;
	padding:						10px 5px 5px 10px;	
	color:							#415412;
	margin-top:						10px;
}


#numeros .inOffer li
{
	background:						url(/img/common/offersstyle.gif) no-repeat 0 center;
}
#numeros .inOffer strong
{
	color:							#FFF;	
	display:						block;
}

#numeros .inOffer span
{
	display:						block;
	text-align:						right;	
	margin-right:						-5px;
}

#numeros .inOffer span a
{
	padding:						5px 20px 5px 5px;
	background:						url(/img/common/offersmore.gif) no-repeat right center #f269a3;
	color:							#FFF;
	
}

#numeros .inOffer span a:hover
{
	color:							#FFF;
}