/* 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: 70%;
}

a:hover {
	text-decoration: none;
	font-size: 75%;
}

a.sans:link {color: #000088;  font-weight: normal;font-size: 70%;border-width:0px;}
a.sans:active {color: #000099;  font-weight: normal;font-size: 70%;border-width:0px;}
a.sans:visited {color: #000099;  font-weight: normal;font-size: 70%;border-width:0px;}
a.sans:hover {color: #000099;  font-weight: normal;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: normal;font-size: 70%;}
a.yadelavie:active {color: #CC9933;  font-weight: normal;font-size: 70%;}
a.yadelavie:visited {color: #CC9933;  font-weight: normal;font-size: 70%;}
a.yadelavie:hover {color: #CC9933;  font-weight: normal;font-size: 75%;}

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

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


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

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

a.grandblanc:link {color: #ffffff;  font-weight: normal;font-size: 80%;}
a.grandblanc:active {color: #ffffff;  font-weight: normal;font-size: 80%;}
a.grandblanc:visited {color: #ffffff;  font-weight: normal;font-size: 80%;}
a.grandblanc:hover {color: #ffffff;  font-weight: normal;font-size: 85%;}

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

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

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


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

a.spip_url { }
a.spip_in { }
a.spip_out { }
a.spip_glossaire { }

.spip_code { }

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

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: 60%;
}

p.zoom { 
	display: block;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 65%; 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 {
}

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

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

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

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

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

b.spip { }
i.spip { }

.forml {
	width : 608px;
	background-color: #ffffff;
	border: #e26a09 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;
}

/* mettons en place les balises permettant de gŽrer les couleurs */
.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: #663300; letter-spacing: 2px;
}

form.encadrerdescriptif{
	position: absolute;
	left:600px;
	top:10px;
}

#pub {
	display: block;
	position: absolute;
	top:10px;
	left:960px;
	border: 0px solid #000000;
	padding: 0px;
	width:180px;
	height:570px;
	background: url(pictures/fondbody.jpg) #ffffff;/* couleur de la marge de droite */
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif, serif; color: #000000;
	font-size:9px;
}

#pub h1{
	color: #339966;
	font-size:11px;
	font-weight: none;
}

#pub a{
	color: #339966;
	font-size:11px;
	font-weight: none;
}


/* cette partie permet de gérer les lightbox en css pur */

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-image: url(pictures/fond.jpg);
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}


.white_content {
	display: none;
	position: absolute;
	top: 30px;
	left: 50px;
	width: 768px;
	height: 500px;
	padding: 16px;
	border: 3px solid gray;
	background-image: url(pictures/fondbody.jpg);
	z-index:1002;
	overflow: auto;
}

.no_cadre{
	border:none;
} 


#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;
}