/* styles journal www.atypik.biz */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CSS pour les balises HTML */

body {
	position: absolute; 
	width:946px;
	/*min-width: 740px;*/
	border: #ffffff 3px solid;
	margin: 0px 0px 0px 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border: 0px;
	background: url(pictures/fondbody.jpg) #ffffff;/* couleur de la marge de droite */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0px; 
	color: #000000;
}


/* dŽfinition de l'ensemble des types de liens */
a, a:link, a:visited, a:active {
	text-decoration: none;
	font-size: 10px;
}

a:hover {
	text-decoration: none;
	font-size: 11px;
}

a.sans:link {color: #000088;  font-weight: bold;font-size: 70%;border-width:0px;}
a.sans:active {color: #000099;  font-weight: bold;font-size: 70%;border-width:0px;}
a.sans:visited {color: #000099;  font-weight: bold;font-size: 70%;border-width:0px;}
a.sans:hover {color: #000099;  font-weight: bolder;font-size: 75%;border-width:0px;}

a.noir80:link {color: #333333;  font-weight: normal;font-size: 70%;}
a.noir80:active {color: #333333;  font-weight: normal;font-size: 70%;}
a.noir80:visited {color: #333333;  font-weight: normal;font-size: 70%;}
a.noir80:hover {color: #333333;  font-weight: normal;font-size: 75%;}

a.yadelavie:link {color: #CC9933;  font-weight: bold;font-size: 70%;}
a.yadelavie:active {color: #CC9933;  font-weight: bold;font-size: 70%;}
a.yadelavie:visited {color: #CC9933;  font-weight: bold;font-size: 70%;}
a.yadelavie:hover {color: #CC9933;  font-weight: bolder;font-size: 75%;}

a.dieuetvous:link {color: #339966;  font-weight: bold;font-size: 70%;}
a.dieuetvous:active {color: #339966;  font-weight: bold;font-size: 70%;}
a.dieuetvous:visited {color: #339966;  font-weight: bold;font-size: 70%;}
a.dieuetvous:hover {color: #339966;  font-weight: bolder;font-size: 75%;}

a.petitsgroupes:link {color: #993366;  font-weight: bold;font-size: 70%;}
a.petitsgroupes:active {color: #993366;  font-weight: bold;font-size: 70%;}
a.petitsgroupes:visited {color: #993366;  font-weight: bold;font-size: 70%;}
a.petitsgroupes:hover {color: #993366;  font-weight: bolder;font-size: 75%;}


a.plusepis:link {color: #0099CC;  font-weight: bold;font-size: 70%;}
a.plusepis:active {color: #0099CC;  font-weight: bold;font-size: 70%;}
a.plusepis:visited {color: #0099CC;  font-weight: bold;font-size: 70%;}
a.plusepis:hover {color: #0099CC;  font-weight: bolder;font-size: 75%;}

a.blanc:link {color: #ffffff;  font-weight: normal;font-size: 70%;}
a.blanc:active {color: #ffffff;  font-weight: normal;font-size: 70%;}
a.blanc:visited {color: #ffffff;  font-weight: normal;font-size: 70%;}
a.blanc:hover {color: #ffffff;  font-weight: normal;font-size: 75%;}

a.blue:link {color: #0000ff; background: #ffffff; font-weight: bold;font-size: 70%;}
a.blue:active {color: #0000ff; background: #ffffff; font-weight: bold;font-size: 70%;}
a.blue:visited {color: #0000ff; background: #ffffff; font-weight: bold;font-size: 70%;}
a.blue:hover {color: #0000ff; background: #ffffff; font-weight: bolder;font-size: 75%;}

a.red:link {color: #ff0000; font-style: italic;font-size: 60%;}
a.red:active {color: #ff0000; font-style: italic;font-size: 60%;}
a.red:visited {color: #ff0000; font-style: italic;font-size: 60%;}
a.red:hover {color: #ff0000; font-style: normal;font-size: 60%;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Styles SPIP */

.lettrinne {
float:left;
font-size:60px;
font-family: Times New Roman;
border: 0px solid #f7f7f0; /* dfinition d'une bordure autour de la lettrine*/
background-color: #F7f7f0; 
margin: 0px;
padding:0px;
margin-top:-18px;
margin-bottom:-10px;
margin-right:1px;
line-height: 0.95em;
}


img.spip_puce{
	background: url(pictures/puce0.gif) no-repeat;
}

a.spip_url { 
font-size: 100%;
}
a.spip_in { }
a.spip_out { 
	font-size: 100%;
}
a.spip_glossaire { }

.spip_code {
	font-size: 100%;
}

ul.spip {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: justify;
}

li.spip {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: justify;
}


p.spip {
	display: block;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; text-align: justify;
	color: #333333;
}

p.spip_note { 
	display: block;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; text-align: left;color: #333333;
}

p.little { 
	display: block;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; text-align: left;
}

p.verylittle { 
	display: block;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 50%;
}

p.zoom { 
	display: block;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 50%; text-align: left;
	color: #ff0000;
}

p.basdepage { 
	display: block;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; text-align: left;
	color: #ffffff;
}


h3.spip {
	margin-top: 2em;
	margin-bottom: 1.5em;
	padding: 0em;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 120%; text-align: center;
}

.spip_documents{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 70%;
}


table.spip {
	font-size:100%;
}

table.spip tr.row_first {
	line-height:20px;
	background-color: #efefef;
	padding: 0.5em;
}

table.spip tr.row_odd {
	background-color: #c0c0c0;
	padding: 0.5em;
}

table.spip tr.row_even {
	background-color: #f0f0f0;
	padding: 0.5em;
}

table.spip td {
	padding: 1px;
	text-align: left;
	vertical-align: middle;
	padding: 0.5em;
}

/* cette partie permet de faire les lignes horizontales */
hr.spip {
width:500px;
border-top: #aaaaaa 1px solid;
}

b.spip { }
i.spip { }

.formlreco {
	width : 107px;
	background-color: #ffffff;
	border: #000099 1px solid;
	font-size: 10px; color: #727860;
}

.formlreco2 {
	width: 250px;
	background-color: #ffffff;
	border: #000099 1px solid;
	font-size: 10px; color: #727860;
}

.formlreco3 {
	width: 250px; height: 80px;
	background-color: #ffffff;
	border: #000099 1px solid;
	font-size: 10px; color: #727860;
}

.forml2 {
	width : 160px;
	background-color: #ffffff;
	border: #000099 1px solid;
	font-size: 10px; color: #727860;
}

.forml {
	width : 474px;
	background-color: #ffffff;
	border: #000099 1px solid;
	font-size: 10px; color: #727860;
}

.spip_encadrer {
	width: 608px;
	margin-top: 10px;
	text-align: left;
	scrollbar-base-color: #ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #ffffff; scrollbar-track-color: #ffffff; 
}
.spip_cadre {
	width : 608px;
}
.spip_bouton { 
	background-color: #727860;
	border: #727860 1px solid;
	font-size: 10px; color: #ffffff; text-align: center;
}
.formrecherche { 
	width : 160px;
	background-color: #ffffff;
	border: #000000 1px solid;
	font-size: 10px; color: #727860; text-align: center;
}
.reponse_formulaire {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 110%; color: #e26a09;
}
.spip_surligne { background-color: #FFB263; }
.spip-admin {
	float:left;
	clear: both;
}
.plan-secteur {
	margin-left: 20px;
}
.formrecherche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#corps {
	position: relative;
	float:none;
	font-family: Verdana, Arial, Helvetica, sans-serif, serif; color: #000000;
	font-size:80%;
	filter:alpha(opacity=100);
  -moz-opacity:1.0;
  opacity: 1.0;
}

#corps h1 {
	color: #333333;
	font-size:14px;
}

#corps a, a:link, a:visited, a:active {
	color: #9999ff; font-weight: bold; text-decoration: none;
}
#corps a:hover {
	color: #e26a09; font-weight: bold; text-decoration: none;
}
.articles {
	position: relative;
	margin-bottom: 15px;
	width: 608px;
	background: #ffffff;
	line-height: normal; 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px;
}
.titre_article {
	margin: 0px 0px 5px 0px;
	border-bottom: #000000 1px solid;
	height: 30px;
	overflow: hidden;
	line-height: 30px; font-family: "times new roman", serif; font-size: 20px; font-weight: bold; color: #333333; letter-spacing: 2px;
}
/* voici les feuille de style pour le menu de gauche */
ul.menu1 img {cursor: pointer; width: 30px; height: 16px; margin-left: -20px;}
ul.menu1 img.titre {cursor: pointer; width: 158px; height: 32px; margin-left: 10px;}
ul.menu1 div {list-style-type: none;background: url(pictures/logoplusepis.gif) no-repeat;margin-top: -20px;margin-left: 10px; padding-left: 50px; height: 32px;width: 158px;}
ul.menu1, ul.menu1 ul {text-align: left; list-style-type: none;}
ul.menu1 li {list-style-type: none; list-style-image: none; margin-left: -20px;line-height: 16px;}
ul.menu1 ul {display: none;}

ul.menu2 img {cursor: pointer; width: 30px; height: 16px; margin-left: -20px;}
ul.menu2 img.titre {cursor: pointer; width: 158px; height: 32px; margin-left: 10px;}
ul.menu2 div {list-style-type: none;background: url(pictures/logodieuetvous.gif) no-repeat;margin-top: -20px;margin-left: 10px; padding-left: 50px; height: 32px;width: 158px;}
ul.menu2, ul.menu2 ul {text-align: left; list-style-type: none;}
ul.menu2 li {list-style-type: none; list-style-image: none; margin-left: -20px;line-height: 16px;}
ul.menu2 ul {display: none;}

ul.menu3 img {cursor: pointer; width: 30px; height: 16px; margin-left: -20px;}
ul.menu3 img.titre {cursor: pointer; width: 158px; height: 32px; margin-left: 10px;}
ul.menu3 div {list-style-type: none;background: url(pictures/logopetitsgroupes.gif) no-repeat;margin-top: -20px;margin-left: 10px; padding-left: 50px; height: 32px;width: 158px;}
ul.menu3, ul.menu3 ul {text-align: left; list-style-type: none;}
ul.menu3 li {list-style-type: none; list-style-image: none; margin-left: -20px;line-height: 16px;}
ul.menu3 ul {display: none;}

ul.menu4 img {cursor: pointer; width: 30px; height: 16px; margin-left: -20px;}
ul.menu4 img.titre {cursor: pointer; width: 158px; height: 32px; margin-left: 10px;}
ul.menu4 div {list-style-type: none;background: url(pictures/logoyadelavie.gif) no-repeat;margin-top: -20px;margin-left: 10px; padding-left: 50px; height: 32px;width: 158px;}
ul.menu4, ul.menu4 ul {text-align: left; list-style-type: none;}
ul.menu4 li {list-style-type: none; list-style-image: none; margin-left: -20px;line-height: 16px;}
ul.menu4 ul {display: none;}

ul.url li {list-style-type: none; background: transparent url(presentation/fond_url.gif) no-repeat; margin-left: -20px; padding-left: 20px; line-height: 16px;}

.passer_dessous {clear:both}


form.encadrerdescriptif{
	position: absolute;
	left:590px;
	top:5px;
}


/* permet de dŽfinir les diffŽrentes pagination */
.pagination {
	background: #efefef;
	border: 1px dotted silver;
	width: 15px;
	height: 15px;
	text-align: center;
	vertical-align: middle;
	float: left;
	margin-right: 2px;
	text-decoration: none;
	margin-bottom: 2px;
}

.pagination a {
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	color: gray;
	display: block;
	width: 15px;
	height: 15px;
	border-bottom-style: none;
}

 .pagination a:hover {
	color : #37394d;
	cursor : pointer;
	text-align: center;
	vertical-align: middle;
	background: #d0dbe5;
	text-decoration: none;
	display: block;
}


.pagination_a {
	background: #d0dbe5;
	border: 1px dotted silver;
	width: 15px;
	height: 15px;
	text-align: center;
	vertical-align: middle;
	float: left;
	margin-right: 2px;
	margin-bottom: 2px;
}

/* cette partie permet de gérer la partie archive */
.annee { /* la case comportant le mois tout en haut*/
font: 11px Verdana, sans-serif;
text-align: center;
color: #000;
height: 50px;
background: #FFB263;/* couleur de la marge de droite */
}

table.centre 
{
	width:660px;
}


table.centre  {
	//background-color: none;
}

table.centre td {
	padding: 1px;
	text-align: left;
	vertical-align: middle;

}

table.centre td.top {
	padding: 20px;
	text-align: left;
	vertical-align: middle;
	width:660px;
	height:65px;
	background: url(pictures/bordurehaut.gif) no-repeat;
}

table.centre td.right {
	width:24px;
	background: url(pictures/borduredroite.gif);
}

table.centre td.left {
	width:24px;
	background: url(pictures/borduregauche.gif);
}

table.centre td.bottom {
	width:660px;
	height:20px;
	background: url(pictures/bordurebas.gif);
}


/* permet de gŽrer le forum */

div.forum-chapo
{
	display: block;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 60%; text-align: left;
}

div.forum-titre
{
	display: block;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: left;
}

/* la table permettant de gŽrer l'envoi de message
table.message {
	font-size:100%;
}

table.message tr {
	background-color: #fcf4d0;
}

table.message td {
	padding: 1px;
}

// style des nouveau menu
/* CSS issu des tutoriels http://css.alsacreations.com */

dl, dt, dd {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 250px;
left: 30px;
}
dl#menu {
width: 150px;
}
dl#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 30px;
line-height: 30px;
text-align: left;
font-weight: bold;
border: 0px solid gray;
background: none;
}

dl#menu dd {
border: 0px solid gray;
margin-left:10px;
}

dl#menu ul {
margin: 0;
padding: 0;
list-style-type: none;
}

dl#menu li {
text-align: left;
background: none;
border-left: 1px solid gray;
padding-left: 10px;
line-height:  20px;
list-style-type: none;
}

dl#menu li.yadelavie {
text-align: left;
background: none;
border-left: 1px solid #CC9933;;
padding-left: 10px;
line-height:  20px;
list-style-type: none;
}

dl#menu li.plusepis {
text-align: left;
background: none;
border-left: 1px solid #0099CC;
padding-left: 10px;
line-height:  20px;
list-style-type: none;
}

dl#menu li.petitsgroupes {
text-align: left;
background: none;
border-left: 1px solid #993366;;
padding-left: 10px;
line-height:  20px;
list-style-type: none;
}

dl#menu li.dieuetvous {
text-align: left;
background: none;
border-left: 1px solid #339966;;
padding-left: 10px;
line-height:  20px;
list-style-type: none;
}


dl#menu li a, dl#menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#menu li img {cursor: pointer; width: 30px; height: 16px; margin-left: -20px;}

dl#menu li a:hover, dl#menu dt a:hover {
background: none;
}

#mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 10px;
color: #000;
background-color: #ddd;
}
#mentions a {text-decoration: none;
color: #222;
}
#mentions a:hover{text-decoration: underline;
}