/* ------------------------------------------

/* Typographie generale (style transversaux)

/* ------------------------------------------ */



html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */

body { font-size: 0.8125em; font-family:Arial, Helvetica, sans-serif; color: #fff; }
table{
		border-collapse:collapse; width:100%;
}

/* Titraille / Intertitres */



h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family: Trebuchet MS, Arial, Helvetica, sans-serif;  }

h1 { /*font-weight: bold;*/ font-size: 2em; color:#A7C8D4; margin: 12px;}

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }

/* Couleurs des liens

---------------------------------------------- */



a { color: #A7C8D4; text-decoration: none; }
a:focus,a:hover,a:active { color: #FFFFFF; text-decoration: none; outline:none; }


/* Images et doc joints dans un article

---------------------------------------------- */


/*#bleu img { margin:8px; }*/


/* ------------------------------------------

/* Disposition a l'ecran des blocs principaux

/* ------------------------------------------ */



body { background: #A7C8D4 url(../IMG/interface/fond_degrad.jpg) repeat-x fixed; margin: 0; padding: 0; text-align: center; }

#conteneur { width:935px; margin-left:auto; margin-right:auto; overflow: hidden; }

#page { width:935px; position:absolute; top:auto; left:auto; margin-left:auto; margin-right:auto; background:#A7C8D4; text-align:left; -moz-box-shadow: 1px 1px 24px #333; }

#bandeau { width:935px; height:125px; overflow:hidden; }

/* Espaceur de blocs */

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





/* MENU DESTINATIONS */



#menu_dest { background:none; width:935px; padding-top: 15px; padding-bottom:15px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}

#menu_dest ul { margin:0; padding:0; width:935px; }

#menu_dest li { display:inline; padding-right:8px; margin-left:0; padding-left:8px; list-style:none; font-size:1.4em; }



#menu_dest a { color: #A7C8D4; text-decoration: none; }

#menu_dest a:focus, #menu_dest a:hover, #menu_dest a:active { color: #FFFFFF; text-decoration: none; }



/* ENTETE */



#entete { width: 935px; margin: 0; background: #fff; }

#entete a.accueil { display: block; position:relative; left:auto; top:auto; width: 935px; background:#255953; border-top:3px #FFFFFF solid; }

#entete a #logoBS { position:absolute; left:0; top:0; z-index:4; }



/*#entete li { display:inline; padding-right:10px; margin-left:0; padding-left:10px; list-style:none; font-size:1.4em; }*/





/* MENU PRINCIPAL */



#menu_princ { text-align:center; background: url(../IMG/interface/fond_menu.png) repeat; width:100%; padding-top: 20px; padding-bottom:15px; z-index:10; position:absolute; top:auto; left:auto; border-top:3px #FFFFFF solid; border-bottom:1px #fff dotted; text-align:center; }


#menu_princ #polaroid { position:absolute; top:39px; left:-18px; z-index:10; }
/*#polaroid-2 { position:absolute; top:42px; left:-18px; z-index:10; }*/



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

#menu_princ { text-align:center; }
#menu_princ a { color: #FFFFFF; text-decoration:none; font-size:1.4em;  }
#menu_princ a:focus,#menu_princ a:hover,#menu_princ a:active { color: #A7C8D4; outline:none;}

#menu_princ ul {
	margin:0;
	padding:0;
	width:935px;
	font-family: Trebuchet MS, Georgia, Times, serif;
	}

#menu_princ li {
	display: block;
	float:left;
	text-align:center;
	margin:0; padding:0 16px 0 18px;
	}



/* VERSION BLANC/TRANSPARENT

#menu_princ li ul {
	position:absolute;
	left:auto;
	top:46px;
	display:none;
	clear:both;
	background-color:#FFFFFF;
	filter: alpha(opacity=90);
	moz-opacity:0.90;
	opacity:0.90;
	}
	
#menu_princ li li {
	display:block;
	clear:both;
	border-bottom:#F2F2F2 solid 1px;
	}
	
#menu_princ li a {
	color: #bb2210;
	font-weight:bold;
	text-decoration: none;
	display: block;
	height: 100%;
	width: 126px;
	border: none;
	}
	
#menu_princ li li a:hover {
	color:#FF9600;
	background-color:#F2F2F2;
	}*/

#menu_princ li ul {
	z-index:100;
	width:135px;
	position:absolute;
	left:auto;
	top:39px;
	display:none;
	clear:both;
	/*background-color:#255953;*/
	background: url(../IMG/interface/fond_menu-2.png);
	padding:3px;
	border:#FFFFFF solid 1px;
	text-align:left;
	font-size:0.6em;
	}
	
#menu_princ li li {
	clear:both;
	display:block;
	width:100%;
	text-align:left;
	padding:0px;
	border-bottom:#FFFFFF dotted 1px;
	}

#menu_princ li li a {
	/*color: #fff;
	font-weight:bold;*/
	line-height:normal;
	display:block;
	padding:1px 0;
	color:#FFFFFF;
	text-decoration: none;
	height: 100%;
	width:auto;
	}
	
#menu_princ li li a:hover {
	background-color:#A7C8D4;
	color:#255953;
	}



/*FIN MENU DEROULANT
-------------------------------------*/










/* PHOTO ALEA ACCUEIL */



#accueil_alea { position:relative; top:auto; left:auto; }

#link_alea { position:absolute; top:295px; left:0; background:  url(../IMG/interface/fond_menu.png) repeat; width:935px; height:100px; z-index:8; border-top:1px #fff dotted; border-bottom:3px #FFFFFF solid; }

#accueil_alea  #link_alea { width:545px; height:80px; padding:10px 40px 10px 350px; text-align:right;overflow:hidden;}

#link_alea p { margin:0; padding:0; /*text-align:left;*/ }
#accueil_alea h1 { position:absolute; left:10px; top:350px; z-index:20; font-weight: bold; font-size: 2em; color:#255953; }
#accueil_alea #link_alea h2 { /*font-weight: bold;*/ font-size: 2em; color:#A7C8D4; }
#accueil_alea #prix { display:block; width:250px; position:absolute; left:25px; top:275px; z-index:20; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; /*font-weight: bold;*/ font-size: 1.8em; color:#FFFFFF;/*#A7C8D4;*/}

/* CADRE BAS ACCUEIL */



#bas_acc { width:919px; padding-left:8px; padding-right:8px; }

.cadre_acc, .cadre_theme { border: #FFFFFF solid 3px; -moz-border-radius:6px; background-color:#255953; float:left; width:270px; height:300px; margin: 6px 15px 6px 15px; }

.cadre_theme { text-align:center; }


.cadre_acc h2, .cadre_theme h2 { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-variant:small-caps; font-size: 1.6em; color:#A7C8D4; text-align:center; margin:6px auto; }

.cadre_acc h3, .cadre_theme h3 { font-size: 1.4em; color:#ffffff; text-align:center; margin:4px auto; }

.cadre_acc ul { margin: 4px;}
.cadre_acc li { list-style:none;}

.cadre_theme span { display:block; float:left; width:74px; height:86px; margin: 0px 8px; text-align:center; font-size:0.75em;}

#note {
	color:#255953;
	font-size:0.8em;
	position:relative;
	top:25px;
	}
#bleu #note {
	color:#255953;
	font-size:0.8em;
	position:relative;
	top:auto;
	float:right;
	}
/* CADRE VERT */ 

#vert { position:relative; background-color:#255953; padding: 60px 10px 0px 10px; min-height:320px; }
#vert_plan { position:relative; background-color:#255953; padding: 60px 10px 0px 10px; }
#vert a { color:#FFFFFF; }
#vert a:hover { color:#A7C8D4; }
#vert .titre {
	width:200px; vertical-align:top; padding:0 10px;
}
#vert .image{
	width:200px; vertical-align:top; padding:0 10px;
}
#vert .texte{
	vertical-align:top;  padding:0 10px;
}

#vert h2 { position:relative; left:10px; top:10px; font-size: 1.75em; color:#A7C8D4; }
#vert_plan h2 { font-size: 1.75em; line-height:2em; color:#A7C8D4; }

#titre_hotel { position:absolute; bottom:0px; left:0px; background:  url(../IMG/interface/fond_menu.png) repeat; width:935px; /*height:100px;*/ z-index:8; border-top:1px #fff dotted; border-bottom:3px #FFFFFF solid; }
#titre_hotel h1 img { margin-left:20px; }

#cat_hotel { position:relative; bottom:0px; left:-10px; /*margin-top:345px;*/ background:  url(../IMG/interface/fond_menu.png) repeat; width:935px; padding:10px 0; text-align:center; z-index:8; border-top:1px #fff dotted; border-bottom:3px #FFFFFF solid; }

#cat_hotel a {
	font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.2em; 
	margin:10px;  
}

#cat_hotel ul{
	margin:0; padding:0;
}
#cat_hotel li {
	margin:0; padding: 0; float:left; list-style:none;
}

.titre { float:left;}

.titre h1 { position:relative; left:auto; top:5px; z-index:20; white-space:nowrap; font-weight: bold; font-size: 2em; color:#255953; }

.titre .logos { margin: 0; padding:0; position:relative; left:-20px; top:0px;}
#text_rub { float:left; padding-left:140px; padding-top:40px; padding-bottom:20px; width:500px; min-height:300px; text-align:justify; }
#text_rub .blocs_destination { padding-left: 20px; }
#text_rub h4 { /*font-variant:small-caps;*/ font-size:1.3em; /*font-weight:bold;*/ font-style:italic; }



#vert #diaporama{ background:#255953; /*padding-top:20px;*/ }

#vert #tarif {
	margin-top:15px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.3em;
	color:#A7C8D4;
	text-align:center;
	}

#vert #tarif strong {
	font-size:1.5em;
	color:#FFFFFF;
	font-weight:normal;
	font-style:italic;
	}

#vert #tarif sub {
	font-size:0.75em;
	color:#FFFFFF;
	/*font-style:italic;
	font-weight:bold;*/
	}

#vert #tarif span {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#255953;
	background-color:#A7C8D4;
	border:2px #FFFFFF solid;
	-moz-border-radius:3px;
	text-align:center;
	padding:4px 2px;
	float:right;
	margin-left:8px;
	}

#vert #tarif a {
	color:#255953;
	text-decoration:none;
	}

#vert #tarif a:hover {
	text-decoration:underline;
	}
	
#vert #tarif span img {
	vertical-align:middle;
	}

#vert h4.spip { font-size:1.3em; font-style:italic; }


/* CADRE BLEU */




#fiche { float:left; width:700px;} /* FICHE HOTEL */


#bleu { position:relative; top:auto; left:auto; background-color:#A7C8D4; color:#255953; padding:10px;}

#bleu a { color:#255953; text-decoration:none; }
#bleu a:hover { color:#255953; text-decoration:underline; }
#bleu p a { color:#255953; text-decoration:none; border-bottom:dotted 1px #255953; }
#bleu p a:hover { color:#327870; text-decoration:none; border-bottom:dotted 1px #327870; }
#bleu h2 { /*clear:both; text-align:left;*/ padding-left:20px; margin:10px auto 5px 10px; color:#255953; font-size:1.5em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

#bleu h3, #bleu h3.spip { clear:both; text-align:left; padding-left:40px; margin:10px auto 5px 10px; color:#255953; font-size:1.4em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../IMG/interface/etoile_BS.png) left no-repeat ; /*border-bottom:1px dotted #FFFFFF; background-color:#779EA3; /*#86B3C4;*/ }

#bleu h4, #bleu h4.spip { text-align:left; margin: 10px 0px 0px 25px; color:#255953; font-size:1.2em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-style:italic; }
#bleu h5.spip { text-align:left; margin: 5px 0px 0px 20px; color:#255953; font-size:1em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; }
#bleu table { vertical-align:top;}
#bleu .list_cat { float:left; width:30%; margin:5px 0 5px 3%; }
#bleu ul, #bleu ol { padding:0; margin:0; }
#bleu li { padding:0; margin:0; margin-left:35px; font-weight:bold; list-style-image:url(../IMG/interface/puce.gif) }
#bleu ol li { list-style-image:none; }
#bleu .itemHotel{ width:100%; margin:10px 0; border-bottom:1px dashed #255953; }
#bleu .itemHotel .vignette { width:80px; vertical-align:top; padding-left:8px; padding-bottom:20px; /*position:relative;*/ }
#bleu .itemHotel .vignette .pola_mini { position:absolute; top:auto; left:15px; margin-top:-5px; z-index:2; }
#bleu .itemHotel .argu { /*vertical-align:top;*/ padding:0 20px 5px 20px; }
#bleu .itemHotel .argu p { margin:8px 0; }

#bleu .itemHotel .prix { width:100px; text-align:center; vertical-align:middle; padding:0 15px; }
#bleu p { clear:inherit; /*text-indent:15px;*/ text-align:justify; margin:0; padding:5px 15px; }

#bleu .itemHotel .argu img{ position:relative; top:-10px; left:auto; }

#socialtags  {
	text-align:right;
	padding:8px;
	}
#socialtags img  {
	margin: 1px;
	padding: 1px;}
/*------------------------------------------------------
/* Menu latéral fiche hotel
--------------------------------------------------------*/



#nav_sec { float:left; width:200px; border-left:#FFFFFF 1px solid; padding-left:10px; color:#FFFFFF; }

#nav_sec a { color:#FFFFFF; }
#nav_sec a:hover { color:#255953; text-decoration:none; }
#nav_sec h2 { color:#FFFFFF; font-size:1.3em; margin-top:20px; padding:4px 6px; /*font-weight:bold;*/ border-bottom:#FFFFFF dashed 1px; }
#nav_sec h2.devis { color:#FFFFFF; background-color:#255953; border: 2px #FFFFFF solid; -moz-border-radius:3px; text-align:center; }
#nav_sec .devis a:hover { color:#FFFFFF; text-decoration:underline; }
#nav_sec .devis strong {
	color:#FFFFFF;
	font-size:1.1em;
	font-weight:normal;
	font-style:italic;
	}
#nav_sec .devis sub {
	font-size:0.5em;
	color:#FFFFFF;
	/*font-style:italic;
	font-weight:bold;*/
	}



#nav_sec h3 { background:none; color:#FFFFFF; font-size:1.1em; padding:6px; font-weight:bold; }

#nav_sec ul { padding:0; margin:0; }
#nav_sec li { padding:4px 0; margin:0; list-style:none; border-bottom:#FFFFFF dotted 1px; font-weight:bold;}

#nav_sec .socialtags ul li {
	background: none;
	display: inline;
	list-style-type: none;
	margin: 1px;
	padding: 1px;
	border:none;
}

/* Menu destinations
---------------------------------------------- 


#dest {
		position:absolute; top:45px; left:110px; width:130px; background:#336666; border:1px solid #FFFFFF;
		z-index:29; visibility:hidden; display:none; font:11px Verdana, Geneva, sans-serif;
}
#dest a, #themes a, #offres a{
		display:block; padding:2px 0; color:#FFFFFF; border-bottom:1px dotted #FFFFFF;
}
#dest a:hover, #themes a:hover, #offres a:hover {
		background:#339966;
}
#dest .pad, #themes .pad, #offres .pad{
		padding:5px;
}
#offres{
		position:absolute; top:45px; left:265px; width:130px; background:#336666; border:1px solid #FFFFFF;
		z-index:29; visibility:hidden; display:none; font:11px Verdana, Geneva, sans-serif;
}
#themes{
		position:absolute; top:45px; left:400px; width:130px; background:#336666; border:1px solid #FFFFFF;
		z-index:29; visibility:hidden; display:none; font:11px Verdana, Geneva, sans-serif;
}*/

/*#page .contenuArticle{
		background:#CCE0E1; position:relative; top:auto; left:auto; min-height:500px;
}*/


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative; left:180px; top:0;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li, .jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-tango .jcarousel-container {
    background: #255953;
	width: 645px;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 645px;
    padding:10px 50px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 645px;
    height: 152px;
}

.jcarousel-skin-tango .jcarousel-item {
    width:152px; height: 150px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin:0 5px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 65px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: url(../vsl/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: pointer;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 65px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: url(../vsl/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: pointer;
    background-position: -96px 0;
}



/* ------------------------------------------

/* Bloc défilant accueil

/*-------------------------------------------*/

.cadre_acc .jcarousel-container {
    position: relative; left:0; top:0;
	height:244px;
	width:270px;
	/*overflow:hidden;*/
}

.cadre_acc .jcarousel-clip {
    z-index: 2;
    padding: 10px;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.cadre_acc .jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.cadre_acc .jcarousel-list li, .cadre_acc .jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 244px;
    height:74px;
	/*border-bottom:#FFFFFF dotted 1px;
	padding:4px;*/
}

.cadre_acc .jcarousel-list li a {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	/*font-weight:bold;*/
	font-size:1.3em; 
}

.cadre_acc .jcarousel-list li img {
	float:left;
	margin:4px;
}



.jcarousel-skin-home .jcarousel-container {
    background: #255953;
	/*width: 645px;*/
}

.jcarousel-skin-home .jcarousel-container-vertical {
    width: 244px;
	height : 240px;
    /*padding:10px 50px;*/
}

.jcarousel-skin-home .jcarousel-clip-vertical {
    width: 244px;
	height : 240px;
   /* width: 645px;
    height: 152px;*/
}

.jcarousel-skin-home .jcarousel-item {
   width:244px; height: 80px;
}

.jcarousel-skin-home .jcarousel-item-vertical {
    margin: 5px 0;
}

.jcarousel-skin-home .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-home .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-home .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-home .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-home .jcarousel-next-disabled-vertical,
.jcarousel-skin-home .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-home .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-home .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-home .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-home .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-home .jcarousel-prev-disabled-vertical,
.jcarousel-skin-home .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-home .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

/* ------------------------------------------

/* BLOC NEWS ACCUEIL

/* ------------------------------------------ */


.cadre_acc .news {
	width:244px;
	padding:0;
	padding-left:5px;
	overflow: hidden;
	}

.cadre_acc .news a {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	/*font-weight:bold;*/
	font-size:1.3em;
}

.cadre_acc .news ul {
	margin:0;
	padding:0;
}

.cadre_acc .news li {
	margin:0;
	padding:0;
	clear:right;
	padding-top:12px;
	padding-bottom:14px;
	border-bottom:#FFFFFF dotted 1px;
}

.cadre_acc .news img {
	float:right;
	margin:4px;
}




/* ------------------------------------------

/* Mise en forme des formulaires Devis/Contact

/* ------------------------------------------ */

form { color:#255953; width:900px; margin-left:auto; margin-right:auto; }
form table { width:auto; }
form tr { height:32px; }

label { padding-right: 8px; }
input, select, textarea { color:#255953; border: none /*#255953 solid 1px*/; background:#EEFFFF; margin: 6px auto; }

fieldset { float:left; border: #FFFFFF /*#255953*/ solid 2px; -moz-border-radius:6px; width:400px; margin: 10px; padding:10px; }
fieldset.message  { width:845px; }

legend { color:#255953; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold; padding-right:8px; }

.red, .erreur { font-weight:bold; color:#CC0000; font-style:italic; }

form #btn_envoi { position:relative; top:auto; left:810px; padding:1px; border: /*#FFFFFF*/ #255953 solid 2px; -moz-border-radius:4px; }


/* ------------------------------------------

/* Mise en forme calendrier DatePicker

/* ------------------------------------------ */


table.jCalendar {
	border: 1px solid #255953 /*#000*/;
	background: #ffffff/*#aaa*/;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #244;
	color: #D1E2E9;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #acc;
	color: #255953;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #355;
	color: #D1E2E9;
}
table.jCalendar td.selected {
	background-color:#009933;
	color:#fff;
}
table.jCalendar td.selected.dp-hover {
	background-color: #FFCC99;
	color: #355;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #eeffff;
	color: #133;
}
table.jCalendar tr.selectedWeek td {
	background: #000;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #cdd;
	color: #9aa;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #FFF;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}




div.dp-popup {
	position: relative;
	background: #255953/*#ccc*/;
	/*border: #FFFFFF dotted 1px;*/
	-moz-box-shadow: 1px 1px 12px #333;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}





/*----------------------------

Reprise des styles enluminures typo V3

---------------------------------*/

.texteencadre-spip {
	/*color: #000033;
	background: #EEF;
	border-bottom: 2px solid #0066CC;
	border-left: 1px solid #3399FF;
	border-right: 2px solid #0066CC;
	border-top: 1px solid #3399FF;*/
	color:#FFFFFF;
	border: #FFFFFF solid 3px;
	-moz-border-radius:6px;
	background-color:#255953;
	margin: 10px 15px;	
	padding: 5px;	
	position: relative;
}

#bleu .texteencadre-spip h3, #bleu .texteencadre-spip h4, #bleu .texteencadre-spip h5 { color:#A7C8D4; }

.caractencadre-spip {
	/*color: #F60;*/
	color:#FF6600;
	font-weight: bold;
}

.caractencadre2-spip {
	/*color: #009;*/
	color:#116655;
	font-weight: bold;
	/*font-style:italic;*/
}




/*----------------------------

Reprise des styles decoupe.css (onglets)

---------------------------------*/




div.onglets_print {
	margin:1em;
	padding:0.6em;
	border:1px dashed ;
}

div.onglets_print h4 {
	margin-top:0px;
	margin-bottom:0.6em;
}

div.onglets_bloc {
	/*position:relative;
	width:100%;
	clear:both;*/
}

div.onglets_bloc h2.onglets_titre a {
	text-decoration:none;
	/*height:22px;*/
/*	cursor:	inherit;
	color:inherit; */
}

div.onglets_bloc h2.onglets_titre {
	/*height:20px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:6px;
	background-color:#f2f2f2;*/
	/*position:relative;
	top:-1px;*/
	display:inline;
	text-align:right;
	float:left;
	/*overflow:hidden;*/
	cursor:pointer;
	/*margin:1px -1px 1px 0px;*/
	padding: 4px 20px;
	/*padding:0px 0.6em;
	border:1px solid rgb( 145, 155, 156 );
	border:0;*/
	
	z-index:11;
	white-space:nowrap;
	text-align:center;
	/*font-weight:normal;
	font-size:88%;*/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.3em;
	color:#255953;
	font-style:italic;
}

div.onglets_bloc h2.onglets_titre.selected {
	height:22px;
	/*background-color:white;
	border-top:3px solid #8B6F92;*/
	z-index:11;
	/*top:-3px;*/
	/*margin:1px -1px -1px 0px;*/
	padding: 4px 20px;
	/*border-bottom-width:0px;*/
	color:#255953;
	text-decoration:underline;
	background-color:#BBD5DF;
	-moz-border-radius:3px;
}

div.onglets_bloc h2.onglets_titre.selected, div.onglets_bloc h2.onglets_titre.selected a {
	cursor:default;
}

div.onglets_bloc h2.onglets_titre, div.onglets_bloc h2.onglets_titre a {
	/*color:black;*/
}
div.onglets_bloc h2.hover a {
	/*color:blue;*/
}
div.onglets_bloc h2.onglets_titre.selected a {
	/*color:black;*/
}


div.onglets_bloc .onglets_liste {
	white-space:nowrap;
}

div.onglets_bloc .onglets_contenu {
	display:none;
	clear:both;
	z-index:10;
	/*border:1px solid rgb( 145, 155, 156 );
	background:rgb( 252, 252, 254 );
	position:relative;
	top:-3px;
	padding:0.6em;*/
}

div.onglets_bloc .onglets_contenu.selected {
	display:block;
	/*overflow:auto;*/
	border-top:#FFFFFF dotted 1px;
	padding:20px 10px;
	width: 660px;
}


/*----------------------------

Reprise des styles local/couteau_suisse/header.css (puces étoiles)

---------------------------------*/

.blocs_titre {
	background:transparent url(http://www.beauxsonges.fr/prive/images/star_bleu.png) no-repeat scroll left center;
	/*background:transparent url(http://localhost/Beaux-songes_Chris/prive/images/star_bleu.png) no-repeat scroll left center;*/
	font-weight:normal;
	line-height:1.2em;
	margin-top:4px;
	padding:0pt 0pt 0pt 20px;
	margin-bottom:0.1em;
	clear:left;
	cursor:pointer;
}

.blocs_replie {
	/*background:transparent url(http://localhost/Beaux-songes_Chris/prive/images/star_blanc.png) no-repeat scroll left center;*/
	background:transparent url(http://www.beauxsonges.fr/prive/images/star_blanc.png) no-repeat scroll left center;
}

.blocs_title{
	display:none;
}



/*----------------------------

Reprise des styles spip.css

---------------------------------*/



/* Logos, documents et images */

.spip_documents_center { display: block; clear: both; width: 100%; /*margin: 1em auto;*/ margin:8px; }
.spip_documents_left { float: left; /*margin-right: 15px; margin-bottom: 5px;*/ margin:8px 18px; }
.spip_documents_right { float: right; /*margin-left: 15px; margin-bottom: 5px;*/ margin:8px; }
.spip_doc_titre { /*margin-right: auto; margin-left: auto; font-weight: bold; font-size: 0.90em;*/ display:none; }
.spip_doc_descriptif {/* clear: both; margin-right: auto; margin-left: auto; font-size: 0.90em;*/ display:none; }


/* Petites capitales <sc></sc> */

sc {
	font-variant:small-caps;
	}
	
	
/* Citations */

blockquote.spip { margin-left:50px; padding-left:0px; font-style:italic; border-left: 3px solid; }

blockquote.spip_poesie { margin: 2em 0; padding-left: 1em; border-left: 1px solid; font-family: Garamond, Georgia, Times, serif; }

blockquote.spip_poesie div { text-indent: -3em; margin-left: 3em; }




/*-----------------------------

Pied de page

-------------------------------*/

#pied { position:relative; top:50px;; left:auto; float:left; width:935px; text-align:center; color:#255953; font-size:0.9em; }
#pied a { color:#255953; text-decoration:none; }
#pied a:hover { text-decoration:underline; }
#pied img { vertical-align: middle; }