/*	
	----------------------------------------------------------------------------------------------
 	Feuille de style: www.crans-montana-life.ch
	Copyright: pixam  
	Année: 2009                                            
	----------------------------------------------------------------------------------------------
*/

*  	{margin:0; padding:0;}	

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.69em; color: #636363; margin: 20px 0 0 0; background-color: #f3f3f3;}

img { border: none; margin: 0;}
a img {border:none;}

a { color: #7A0056;	text-decoration: none; font-weight: bold;}
a.littlelink { font-size: 0.8em;}
a:hover { color: #6B6B6B;}

a.bloctxt { color: #6B6B6B; font-weight:normal; }
a.bloctxt:hover { background-color: #f3f3f3; display: block; }

p {	margin:0 0 10px 0; padding: 0px;}
.pbox {	margin:0 0 10px 0; padding: 0px;}/*home_data.php - bloc news*/
.dbox {	margin:0 0 10px 20px; padding-top: 4px;}/*home_data.php - bloc dossiers*/

h1 { font-size: 1em; color:#53003b; font-weight: bold; text-indent: 30px; margin:3px;} /*titres*/

h2 { margin:0px; font-size: 1em; font-weight: bold; padding-bottom: 15px; border-bottom: solid 1px #CCC;} /*sous-menu*/

h3 { margin: 0px; padding-top:55px; font-size: 1em; font-weight: bold; text-align: right;} /*liens*/

h3 a { color: #636363;} /*liens home*/
h3 a:hover { color: #7A0056;} /*liens home*/

h4 { margin: 8px 0 4px 0px; font-size: 1em; font-weight: bold; color: #7A0056;} /*news*/

h5 { font-size: 1.2em; font-weight: bold; margin-bottom:40px;} /*archives*/


table{ width: 500px; margin: 20px auto 20px auto;}
table.contact td{ border: none; padding: 2px 0 2px 0; vertical-align: top;}
td { padding-bottom: 10px; padding-top: 10px; border-bottom: solid 1px #efe2ec;}
caption { font-size: 1em; color:#53003b; font-weight: bold; text-indent: 30px; text-align: left; width: 500px; height: 21px; padding-bottom: 10px; background: url(../images/template/titre_500.jpg) no-repeat; }

table.archives{ width: 700px; margin: 20px auto 20px auto;}
table.archives td { padding-bottom: 10px; padding-top: 10px; border-bottom: solid 1px #efe2ec;}


dt { font-size: 1em; font-weight: bold; margin: 20px 0 5px 0;}
dl { margin-left: 300px;}

/* CAPRICES FESTIVAL ----------------------------------------------------------------------------------------------------------------------------*/

.separate {height: 100px; float:left;}

/* CONTENEUR ----------------------------------------------------------------------------------------------------------------------------*/

#background {
	background: url(../images/template/bg.jpg) repeat-y;
	width: 1020px;
	height: 100%;
	margin: 0px auto 0px auto;
	overflow: hidden;
}

#conteneur {
	width: 980px;
	height: 100%;
	padding: 0px 20px 0px 20px;
	float: left;
}


/* TOP ----------------------------------------------------------------------------------------------------------------------------*/


.color1 {
	width: 800px;
	height: 50px;
	margin-bottom: 10px;
	background-color: #7A0056;
	float: left;
}

.color2 {
	width: 180px;
	height: 50px;
	background-color: #53003B;
	float: left;
}


#animation {
	width: 980px;
	height:120px;
	border-top: solid 4px #FFF;
	float: left;
}

/* CONTENT ----------------------------------------------------------------------------------------------------------------------------*/

#content {
	width: 980px;
	height: 100%;
	float: left;
}


.gauche{
	width: 760px;
	height: 100%;
	padding: 10px 20px 10px 20px;
	float: left;
}

.droite{
	width: 160px;
	height: 100%;
	padding: 10px 10px 10px 10px;
	float: left;
}

.box {
	margin-top: 30px;
	width: 760px;
	height: 100%;
	float: left;
}

.title500 {
	width: 500px;
	height: 21px;
	margin-bottom: 10px;
	background: url(../images/template/titre_500.jpg) no-repeat;
	float: left;
}

.title240 {
	width: 240px;
	height: 21px;
	margin-bottom: 10px;
	background: url(../images/template/titre_240.jpg) no-repeat;
	float: left;
}


/* EDITO ----------------------------------------------------------------------------------------------------------------------------*/

.boxedito {
	width: 760px;
	height: 100%;
	margin-bottom: 20px;
	float: left;
}

.magazine {
	width: 290px;
	height: 100%;
	float: left;
}

.no {
	width: 430px;
	height: 19px;
	margin-bottom: 10px;
	background: url(../images/template/titre_sommaire.jpg) no-repeat;
	float: left;
}

.noleft{
	width: 350px;
	float: left;
}

.noright {
	color:#fff;
	margin:3px;
	text-align: right;
	width: 55px;
	float: left;
}

.editorial {
	width: 430px;
	height: 100%;
	text-align: justify;
	float: left;
}


/* NEWS ----------------------------------------------------------------------------------------------------------------------------*/

.boxnews {
	width: 500px;
	height: 100%;
	float: left;

}

.news {
	width: 500px;
	height: 100%;
	border-bottom: solid 1px #7A0056;
	clear: both;
}
.endnews {
	width: 500px;
	height: 70px;
	float: left;
}

.rss {
	width: 250px;
	height: 70px;
	float: left;
}
.rubriques {
	width: 250px;
	height: 70px;
	float: left;
}

.pagenews{
	width: 500px;
	text-align: right;
	border-top: solid 1px #7A0056;
	float: left;
}

/* DOSSIERS ----------------------------------------------------------------------------------------------------------------------------*/

.boxdossier {
	width: 240px;
	height: 350px;
	margin-left: 20px;
	float:left;
}


.dossiers {
	width: 240px;
	height:22px;
	margin-bottom: 10px;
	background: #EFE2EC url(../images/template/fleche_dossier.jpg) no-repeat left;
	clear:both;
}

.dossiers p {
	text-indent: 20px;
	padding-top:4px;
}

.dossiers a {
font-weight: normal;}



/*  GUIDE DU SHOPPING----------------------------------------------------------------------------------------------------------------------------*/

.guideleft {
	width: 240px;
	float: left;
}

.guideright {
	width: 500px;
	margin: 0px 0px 0px 20px;
	float: left;
}

.guidemn  {
	border-bottom: solid 1px #EFE2EC;
	color:#7A0056;
	font-weight: bold;
	margin-bottom:14px;
	padding-bottom: 2px;
	vertical-align: middle;
}


.introguide {
	background-color:#EFE2EC;	
	margin: 10px 0px 20px 0px;
	padding: 10px;
	width: 480px;
	float: left;
}

.guide {
	border-bottom: solid 1px #7A0056;
	margin: 15px 0px 15px 0px;
	padding-bottom: 15px;
}

/*  SOMMAIRE----------------------------------------------------------------------------------------------------------------------------*/

.sommaireleft {
	width: 240px;
	height: 100%;
	float: left;
}

.sommaireright {
	width: 500px;
	margin: 0px 0px 20px 20px;
	float: right;
}

.sommaire {
	border-bottom: solid 1px #EFE2EC;
	margin: 5px 0px 5px 0px;
	padding-bottom: 5px;
}

.sommaireno {
	width: 240px;
	height: 19px;
	margin-bottom: 10px;
	background-color: #EFE2EC ;
	float: left;
}

.sommaireno h1 {  text-align: center;}



/*  ARCHIVES----------------------------------------------------------------------------------------------------------------------------*/

.archivesleft {
	width: 520px;
	margin: 0 40px 0 0;
	height: 100%;
	float: left;
}
.archivesimg {
	width: 150px;
	margin: 20px 0 0 0;
	border-bottom: solid 1px #7A0056;
	height: 150px;
	float: left;
}
.archivestxt {
	width: 350px;
	margin: 20px 0 0 0;
	border-bottom: solid 1px #7A0056;
	height: 150px;
	float: left;
}

.archivestxt p {
	margin:0 0 3px 0;
}
.archivesright {
	width: 200px;
	height: 100%;
	float: left;
}

.endarchives{
	width: 500px;
	text-align: right;
	border-top: solid 1px #7A0056;
	float: left;
}



/*  LIENS----------------------------------------------------------------------------------------------------------------------------*/

.liens  {
	width: 500px;
	border-bottom: solid 1px #EFE2EC;
	list-style-image:url(../images/template/icon_shape.gif);
	list-style-position: inside;
	color:#7A0056;
	font-weight: bold;
	margin-top: 14px;
	padding-bottom:2px;
	vertical-align: middle;
}

.blocliens {
	margin-bottom: 40px;
	float: left;
}


/*  CONTACT----------------------------------------------------------------------------------------------------------------------------*/

input, textarea, select {
	margin-bottom: 5px;
	border: 1px solid #7A0056;
}

.contactleft {
	width: 300px;
	height: 100%;
	margin: 0 20px 0 0;
	text-align: right;
	float: left;
}
.contactright {
	width: 420px;
	height: 100%;
	margin: 0 0 0 20px;
	float: left;
}





/* MENU ----------------------------------------------------------------------------------------------------------------------------*/

#top { width: 1020px; height: 40px; background-image: url(../images/template/top_menu.jpg); margin: 0px auto 0px auto;}

#menu {	color: #7A0056; font-weight: bold; height: 40px; width: 980px; text-align: center; padding: 0 20px 0 20px; line-height: 43px; float: left;}
#menu a { color: #6B6B6B; text-decoration: none;}/*703 large*/
#menu a:hover { color: #7A0056;}


	
/*  OFF----------------------------------------------------------------------------------------------------------------------------*/

#mn_1_Off {	height: 40px; width: 81px; 	background-image:url(../images/menu/mn_1_off.jpg); float: left;}
#mn_2_Off {	height: 40px; width: 125px;	background-image:url(../images/menu/mn_2_off.jpg); float: left;}
#mn_3_Off {	height: 40px; width: 92px;	background-image:url(../images/menu/mn_3_off.jpg); float: left;}
#mn_4_Off {	height: 40px; width: 139px;	background-image:url(../images/menu/mn_4_off.jpg); float: left;}
#mn_5_Off { height: 40px; width: 78px;	background-image:url(../images/menu/mn_5_off.jpg); float: left;}
#mn_6_Off {	height: 40px; width: 78px;	background-image:url(../images/menu/mn_6_off.jpg); float: left;}
#mn_7_Off { height: 40px; width: 78px;	background-image:url(../images/menu/mn_7_off.jpg); float: left;}
#mn_8_Off {	height: 40px; width: 68px;	background-image:url(../images/menu/mn_8_off.jpg); float: left;}

/*  ON----------------------------------------------------------------------------------------------------------------------------*/

#mn_1_On {	height: 40px; width: 81px;	background-image:url(../images/menu/mn_1_on.jpg); float: left;}
#mn_2_On {	height: 40px; width: 125px;	background-image:url(../images/menu/mn_2_on.jpg); float: left;}
#mn_3_On {	height: 40px; width: 92px;	background-image:url(../images/menu/mn_3_on.jpg); float: left;}
#mn_4_On {	height: 40px; width: 139px;	background-image:url(../images/menu/mn_4_on.jpg); float: left;}
#mn_5_On {	height: 40px; width: 78px;	background-image:url(../images/menu/mn_5_on.jpg); float: left;}
#mn_6_On {	height: 40px; width: 78px;	background-image:url(../images/menu/mn_6_on.jpg); float: left;}
#mn_7_On {	height: 40px; width: 78px;	background-image:url(../images/menu/mn_7_on.jpg); float: left;}
#mn_8_On {	height: 40px; width: 68px;	background-image:url(../images/menu/mn_8_on.jpg); float: left;}




/* BOTTOM ----------------------------------------------------------------------------------------------------------------------------*/


#boxbottomleft{
	width: 760px;
	height: 100%;
	padding: 0 20px 0 20px;
	float: left;
}

#boxbottomright{
	width: 160px;
	height: 100%;
	padding: 0 0 0 10px;
	float: left;
}


#bottomleft {
	height: 170px;
	width: 980px;
	padding-left: 20px;
	background-image: url(../images/template/footer_left.jpg);
	float: left;
}

#bottomright {
	height: 170px;
	width: 20px;
	float: left;
}


.txtbottom{
	margin-top: 60px;
	line-height: 1.5em;
}