/* Styles - PB @ cobalt-lounge.ch - 23.01.07 */

/* ÉLÉMENTS DE BASE */
/* PAGE */
body {
 background:#2765c1;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 font-size:11px;
 font-family:verdana, helvetica, arial, sans-serif;
 color:#485019;
}

/* IMAGES */

img {
 border:none;
}

.pic {
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 border-top:1px #ffffff;
 border-right:1px #ffffff;
 border-bottom:1px #ffffff;
 border-left:1px #ffffff;
 border-style:solid;
}

.filet {
 text-align:left;
 font-size:1px;
 border-top:0px;
 border-right:0px;
 border-bottom:1px #ffffff;
 border-left:0px;
 border-style:solid;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
}

/* LIENS BASES */

A {
 color:#ffffff;
 text-decoration:none;
}

A:hover {
 color:#ffffff;
 text-decoration:underline;
}

/* TABLES */
table {
 margin:0;
 padding:0;
 border:0;
 cellspacing:0;
 cellpadding:0;
}

/* STRUCTURE */
/* ÉLÉMENT PRINCIPAL */
#container {
 background-color:#2765c1;
 position:absolute; 
 left:50%;
 margin-left:-450px;
 width:900px; 
 margin-top:40px;
 text-align:center;
}

/* CONTENU */

#box_content {
 background:url(_img/restaurants-des-crosets.jpg) no-repeat top left;
 display:table;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 width:900px;
 height:708px;
 text-align:left; 
}

.box_left {
 background:url(_img/chez-nelly.jpg) no-repeat top left;
 float:left;
 width:381px;
 height:134px;
 margin:130px 0px 0px 60px !important;
 margin:130px 0px 0px 30px;
 padding:0px 0px 0px 0px;
}

.box_left p {	
 width:210px;			
 font-size:11px;
 line-height:14px;
 font-family:verdana, helvetica, arial, sans-serif;
 text-align:justify; 
 color:#979696;
 margin:75px 0px 0px 15px;
 padding:0px 0px 0px 0px;
}

.box_right {
 background:url(_img/sun-lounge-restaurant.jpg) no-repeat top left;
 float:left;
 width:381px;
 height:134px;
 margin:130px 0px 0px 30px;
 padding:0px 0px 0px 0px;
}

.box_right p {	
 width:210px;			
 font-size:11px;
 line-height:14px;
 font-family:verdana, helvetica, arial, sans-serif;
 text-align:justify; 
 color:#979696;
 margin:75px 0px 0px 15px;
 padding:0px 0px 0px 0px;
}

.box_left2 {
 background:url(_img/le-marcheuson.jpg) no-repeat top left;
 float:left;
 width:381px;
 height:134px;
 margin:30px 0px 0px 60px !important;
 margin:30px 0px 0px 30px;
 padding:0px 0px 0px 0px;
}

.box_left2 p {	
 width:210px;			
 font-size:11px;
 line-height:14px;
 font-family:verdana, helvetica, arial, sans-serif;
 text-align:justify; 
 color:#979696;
 margin:75px 0px 0px 15px;
 padding:0px 0px 0px 0px;
}

.box_right2 {
 background:url(_img/restaurant-telecabine.jpg) no-repeat top left;
 float:left;
 width:381px;
 height:134px;
 margin:30px 0px 0px 30px;
 padding:0px 0px 0px 0px;
}

.box_right2 p {	
 width:110px;			
 font-size:11px;
 line-height:14px;
 font-family:verdana, helvetica, arial, sans-serif;
 text-align:justify; 
 color:#979696;
 margin:30px 0px 0px 115px;
 padding:0px 0px 0px 0px;
}

.box_left3 {
 float:left;
 width:381px;
 height:134px;
 margin:30px 0px 0px 60px !important;
 margin:30px 0px 0px 30px;
 padding:0px 0px 0px 0px;
}

.box_left3 p {	
 width:210px;			
 font-size:11px;
 line-height:14px;
 font-family:verdana, helvetica, arial, sans-serif;
 text-align:justify; 
 color:#979696;
 margin:75px 0px 0px 15px;
 padding:0px 0px 0px 0px;
}

.box_right3 {
 background:url(_img/lechaudron.jpg) no-repeat top left;
 float:left;
 width:381px;
 height:134px;
 margin:30px 0px 0px 30px;
 padding:0px 0px 0px 0px;
}

.box_right3 p {	
 width:210px;			
 font-size:11px;
 line-height:14px;
 font-family:verdana, helvetica, arial, sans-serif;
 text-align:justify; 
 color:#979696;
 margin:75px 0px 0px 15px;
 padding:0px 0px 0px 0px;
}


.clear {
 clear:both;
 font-size:1px;
 height:0px;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
}

/* PIED */
#bottom {
 background-color:#ffffff;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 width:920px; 
 height:35px;
}

#bottom p {
 margin:0px 0px 0px 0px;
 padding:7px 0px 0px 0px;
 line-height:20px;
 text_align:center;
 font-size:10px;
 color:#485019;
 font-family:verdana, helvetica, arial, sans-serif;
 font-weight:normal;
}

#bottom A {
 color:#485019;
 text-decoration:none;
}

#bottom A:hover {
 color:#728531;
 text-decoration:none;
}

#creation {
 text-align:center;
 line-height:24px;
 font-size:11px;
 font-family:verdana;
 font-weight: normal;
 color:#c3daf5; 
 margin:10px 0px 0px 0px;
 padding:0px 0px 0px 0px;
}

#creation A {
 color:#c3daf5;
 text-decoration:none;
}

#creation A:hover {
 color:#ffffff;
 text-decoration:none;
}

/* MISE EN PAGE */
/* TEXTE */

p {
 margin:0;
}

.common_text {					/* FCK texte */
 font-size:11px;
 line-height:14px;
 font-family:verdana, helvetica, arial, sans-serif;
 text-align:justify; 
 color:#ffffff;
}

.common_title {					/* FCK titre */
 font-size:13px;
 font-family:verdana, helvetica, arial, sans-serif;
 text-transform: uppercase;
 font-weight:bold; 
 color:#ffffff; 
}

.common_title2 {				/* FCK sous-titre */
 font-size:12px;
 font-family:verdana, helvetica, arial, sans-serif;
 font-weight:bold; 
 color:#ffffff; 
}

.common_bold {					/* FCK gras */
 font-size:11px;
 font-family:verdana, helvetica, arial, sans-serif;
 font-weight:bold;
 color:#ffffff;
}

.common_italic {				/* FCK italique */
 font-size:11px;
 font-family:verdana, helvetica, arial, sans-serif;
 font-style: italic;
 color:#ffffff; 
}

.common_note {					/* FCK légende */
 font-size:10px;
 font-family:verdana, helvetica, arial, sans-serif;
 color:#ffffff;
}	

.common_note2 {					/* FCK légende */
 font-size:11px;
 font-family:verdana, helvetica, arial, sans-serif;
 color:#485019;
}								
							

#MenuIE {

}

#MenuOTHER {
 margin-left:0px;
}

.v2 {
 font-size:1px;
 height:2px;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
}

.v5 {
 font-size:1px;
 height:5px;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
}

.v7 {
 font-size:1px;
 height:7px;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
}

.v10 {
 font-size:1px;
 height:10px;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
}

.v15 {
 font-size:1px;
 height:15px;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
}

.v20 {
 font-size:1px;
 height:20px;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
}

.v25 {
 font-size:1px;
 height:25px;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
}

.v30 {
 font-size:1px;
 height:30px;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
}

.v35 {
 font-size:1px;
 height:35px;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
}

.v40 {
 font-size:1px;
 height:40px;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
}

.m20left {
 float:left;
 font-size:1px;
 width:20px;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
}

.m20right {
 float:right;
 font-size:1px;
 width:20px;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
}

.m30left {
 float:left;
 font-size:1px;
 width:30px;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
}

.m30right {
 float:right;
 font-size:1px;
 width:30px;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
}