/*	
	----------------------------------------------------------------------------------------------
 	Feuille de style: www.crans-montana-life.ch
	Copyright: pixam.ch  
	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 3px 0px; font-size: 1em; font-weight: bold; color: #7A0056;} /*news*/

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

h6 { color:#7A0056; margin:0px; padding:0px; font-size: 1em; font-weight: bold;} /*annonceurs*/


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: 0 auto 0 auto; overflow: hidden;}
#conteneur {width: 980px; height: 100%; padding: 0 20px 0 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;}
#animation0 {width: 980px; height:120px; border-top: solid 4px #FFF; background-image:url(../images/animations/images_fond/a_propos.jpg); float: left;}
#animation1 {width: 980px; height:120px; border-top: solid 4px #FFF; background-image:url(../images/animations/images_fond/accueil.jpg); float: left;}
#animation2 {width: 980px; height:120px; border-top: solid 4px #FFF; background-image:url(../images/animations/images_fond/impressum.jpg); float: left;}
#animation3 {width: 980px; height:120px; border-top: solid 4px #FFF; background-image:url(../images/animations/images_fond/sommaire.jpg); float: left;}
#animation4 {width: 980px; height:120px; border-top: solid 4px #FFF; background-image:url(../images/animations/images_fond/guide_shopping.jpg); float: left;}
#animation5 {width: 980px; height:120px; border-top: solid 4px #FFF; background-image:url(../images/animations/images_fond/archives.jpg); float: left;}
#animation6 {width: 980px; height:120px; border-top: solid 4px #FFF; background-image:url(../images/animations/images_fond/publicite.jpg); float: left;}
#animation7 {width: 980px; height:120px; border-top: solid 4px #FFF; background-image:url(../images/animations/images_fond/liens.jpg); float: left;}
#animation8 {width: 980px; height:120px; border-top: solid 4px #FFF; background-image:url(../images/animations/images_fond/contact.jpg); float: left;}


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

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


.gauche{width: 760px; height: 100%; padding: 10px 20px 10px 20px; overflow:auto; float: left;}
.droite{width: 160px; height: 100%; padding: 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; line-height:1.3em; height: 100%; border-bottom: solid 1px #7A0056; float:left;}
.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: 0 0 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: 0 auto 0 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;}

/* LOGOS----------------------------------------------------------------------------------------------------------------------------*/


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


#logo{
	width: 158px;
	height: 158px; /* au lieu de 160px */
	border: solid 1px #CCC;
	margin-bottom:10px;
	background-repeat:no-repeat;
	background-position:center;
	background-image: url(../images/wait.gif);
}

#logo-container{
	width: 138px;
	height: 158px;
	border:0px;
	margin:10px;
}
#logo-container li{
	vertical-align:middle;
}

#logo-container img{
	width:138px;
	border:0px;
	vertical-align:middle;
}




/* CONCOURS----------------------------------------------------------------------------------------------------------------------------*/

.concours{width: 152px; height:100%; margin: 10px; padding: 4px; float:left; color:#CCC; background-color:#000;}
.concours h6{color:#e2c223; letter-spacing: 1px; padding-bottom: 3px; margin-bottom: 5px; border-bottom: 1px solid #e2c223;}


.reglement{ margin: 0 0 10px 50px; padding-bottom: 10px; border-bottom: 1px solid #EFE2EC;}
.reglement li{ margin: 0 0 10px 30px; padding-bottom: 10px; list-style-type: none; border-bottom: 1px solid #EFE2EC;}
.reglement_texte{ margin: 0 0 10px 30px; padding-bottom: 10px;}
.reglement_title { font-size: 1em; color:#53003b; font-weight: bold; text-indent: 30px; text-align: left; width: 500px; height: 21px; margin-top: 40px; padding-bottom: 10px; background: url(../images/template/titre_500.jpg) no-repeat; }
.concours_left{width: 100px; height: 100%; font-weight: bold; background-color: #f3f3f3; margin-right: 10px; float:left;}
.concours_right{width: 350px; height: 100%; float:left;}
.table_reglement{margin: 0 0 0 30px;}