/*  ----------------------------------------------------------- */
/*  www.kaliope.net  2006*/
/*  ----------------------------------------------------------- */
/*  Feuilles de styles du site www.la-plage-blanche.com  */
/*  ----------------------------------------------------------- */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	margin: 0.5em;
	text-align: center;
	font-size: 0.88em;
	color: #02567b;
	background-color: #bec2b3;
}

img, table { margin: 0; padding: 0; border: 0; }

.img_png, .image_typo, .spip_logo {
	behavior: url("win_png.htc");}

ul, ol, li { margin: 10px 0; padding: 0; }
ul { list-style: none; }
li.bord { margin-left: 10px; padding:0 0 10px; border-bottom: 1px dashed #bec2b3; }


ul.spip { margin:1em 0 1em 1em; list-style-image:url(puce_list.gif); }
ul.spip li { margin:0.50em 0 0.50em 1.50em; border:0; }
ul.spip ul{ margin-top:5px; }

h1 {margin-left:90px; padding:15px 0 35px 0; font-family:Arial, Verdana, sans-serif; font-size:1.3em; font-weight:500; color:#dbf3d9; text-transform:uppercase;}

h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }

/* Tableaux */
table.spip { width:99%; margin:1em 0; }
table.spip caption { caption-side: top; /* bottom pas pris en compte par IE */ text-align:center; margin-right:auto; margin-left:auto; font-weight:bold; }
table.spip tr.row_first { color:#FFF; background: #bec2b3; }
table.spip tr.row_odd { background: #eef0e3; }
table.spip tr.row_even { background: #FFF; }
table.spip th, table.spip td { padding:0.40em; text-align: left; border:1px solid #bec2b3; }
table.spip th { vertical-align: bottom; font-weight: bold; }
table.spip td { vertical-align: top; }

/*  ------------------------------------------
/*  Le menu de navigation
/*  ------------------------------------------ */

ul#menulist li ul{
	display:none;
}

ul#menulist li ul{
	display:none;
}

ul#menulist li:hover>ul{
	display:block;
}

ul#menulist {
	position: static;
	width:180px;
	margin-left:5px;
}

ul#menulist li{
	position:relative;
	width:165px;
	margin:0.2em 0;
	padding:0.3em 0 0.2em 2.5em;
	line-height:1.2em;
	cursor:pointer;
	background:url(puce.gif) 0.5em 0.6em no-repeat;
}

ul#menulist ul{
	position:absolute;
	top:-10px;
	left:150px;
	width:190px;
	line-height:1.6em;
	border: 1px solid #bec2b3;
	background-color: #eef0e3;
	z-index:30;
}

ul#menulist ul li{
	width:160px;
}

ul#menulist a{
	color: #02567b;
}

ul#menulist a:hover{
	color:#ff9633;
	text-decoration:underline;
}

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	position:relative;
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	line-height:1.2em;
	text-align: left;
	font-family: Verdana, "Bitstream Vera Sans", Tahoma, Arial, sans-serif;
	border:6px solid #bec2b3;
	background:#eef0e3 url(bandeau_cpb.jpg) 0 0 no-repeat;
}

.navigation {
	float:left;
	margin-top:142px;
	width: 220px;
	font-size:0.88em;
}

.conteneur {
	float:right;
	width:540px;
	margin-top:220px;
}

/*  Cartouche et titraille
---------------------------------------------- */

#contenu { margin-bottom:10px; padding:0 20px 5px; text-align:justify; font-size: 0.82em; background: url(gd_bandeau.gif) 100% 0 no-repeat;}

#promos {padding-top:3px; background: url(band_promos.gif) 0 0 no-repeat;}

#promos h1 {font-size:1.1em; margin-left:90px;}

#contenu .spip_logos, #promos .spip_logos {
	float:left;
	margin:0 0 0 5px;
	_margin-top:10px;}


/* Fil d'Ariane */
#hierarchie {
	margin-bottom:10px; font-size: 0.82em; }

#hierarchie span {
	float:right; margin:0 10px 0; padding:0; line-height:1em;}

#hierarchie span form{ margin:0; padding:0;}

#hierarchie span select{ margin:0; color:#02567b; background-color:#eef0e3; border:1px solid #bec2b3;}

/* Pied de page */
#pied {
	clear: both;
	width: 760px;
	height:75px;
	margin-top: 4em;
	padding: 2px 10px;
	color:#fff;
	line-height:1em;
	text-align: right;
	background: url(footer.jpg) 0 100% no-repeat;}
#pied small { font-size: 0.77em; }
#pied img { vertical-align: bottom; }

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: 0; height: 0; line-height: 1px; font-size: 1px; overflow: hidden; }

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

/*  ------------------------------------------
/*  Habillage du contenu
/*  ------------------------------------------ */

/*  Portfolio
---------------------------------------------- */

#documents_portfolio { clear: both; margin:10px 0 0 0; padding-top: 10px; text-align: center; border-top: 1px dashed #bec2b3;}
#documents_portfolio img { margin: 5px; }

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: 0; }

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; }

/*  Listes de documents joints (a un article ou une rubrique)
---------------------------------------------- */
#documents_joints {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 1px dashed #bec2b3; }
#documents_joints h2 { margin-bottom: 0.4em; font-size: 0.88em; }
#documents_joints li { margin-bottom: 0.4em; }
#documents_joints li .spip_doc_titre { font-size: 1em; font-weight: normal;}
#documents_joints li .spip_doc_titre small { font-weight: normal; }

.pagination { font-size: 0.90em; }

/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a,a.spip_out { text-decoration: none; color: #ff9633; }
a:hover { text-decoration: underline; }

/*Le formulaire de contact*/

form.css fieldset{
	width:500px;
	padding:1em;
	border:0;
}

form.css legend{
	margin-bottom:10px;
	_margin-left:-7px;
	font-weight:bold;
	font-size:0.7em;
}

form.css label{
	display:inline;
	float:left;
	width:120px;
	font-size:0.9em;
}

form.css input{
	width:210px;
	border:1px solid #BEC2B3;
	margin-bottom:5px;
	margin-left:20px;
	color:#02567b;
	background-color:#F4FAF3;
}

form.css input.bouton{
	width:70px;
	color:#02567b;
	cursor:pointer;
	border:1px outset #BEC2B3;
	background-color:#F4FAF3;
}

form.css input.bouton:hover{
	color:white;
	background-color:#BEC2B3;
}

form.css textarea{
	width:350px;
	margin-bottom:10px;
	color:#02567b;
	border:2px solid #BEC2B3;
	background-color:#F4FAF3;
}

.retour{
	width:500px;
	margin-left:12px;
	padding:0;
	font-size:0.9em;
	font-weight:bold;
	color:#ff9633;
}