/*------------ bloog, squelette de blogue pour SPIP -------------- */
/*------ Caractéristiques principales du site modifiables facilement----- */

@import "_interface_couleurs.css";

/*----- Détails à changer si on se sent alaise avec les css ----------------------- */
/*----- Attention d'être sur de ce que vous faites -------------------------------- */
body{

margin:auto;
width:1024px;;

}

.entete {

/*BORDER-BOTTOM: black 1px solid; BORDER-TOP: #333333 1px solid;*/
width: 100%;
heihght:135px;
background-color:#34CC33; 
bdackground-repeat:repeat-y;
background-repeat:no-repeat;
badckground-image:url('/dsne/fondverti.jpg');
background-image:url('/dsne/IMG/002/bandeau1024.jpg');
z-index:2;
}

.tableau3 {
width:100%;
}

.titreentete {
background-image:url('/dsne/logoDSNE.gif');
background-repeat:no-repeat;

}


#zoneg1 {
background-image:url('/dsne/logoRDV.gif');
background-repeat:no-repeat;
position:relative;
top:-50px;
padding-top:50px;
left:-10px;
padding-left:10px;

}


#zoned1 {
background-image:url('/dsne/logoarchive.gif');
background-repeat:no-repeat;
position:relative;
top:-40px;padding-top:40px;left:-20px;padding-left:20px;
}

#zoneg2 {
background-image:url('/dsne/logoune.gif');
background-repeat:no-repeat;
position:relative;
top:-40px;padding-top:40px;left:-10px;padding-left:10px;
}

#zoned2 {
background-image:url('/dsne/logopapillon.gif');
background-repeat:no-repeat;
position:relative;
top:-30px;padding-top:30px;left:-10px;padding-left:10px;
}

#zoned3 {
background-image:url('/dsne/logovoirnet.gif');
background-repeat:no-repeat;
position:relative;
top:-40px;padding-top:40px;left:-20px;padding-left:20px;
}

#zoneg3 {
background-image:url('/dsne/logosalamandre.gif');
background-repeat:no-repeat;
position:relative;
top:-60px;padding-top:60px;left:-10px;padding-left:10px;
}

#zoned4 {
background-image:url('/dsne/bas_triton.gif');
background-repeat:no-repeat;
position:relative;
top:-30px;padding-top:30px;left:-20px;padding-left:20px;
}


#zoned5 {
background-image:url('/dsne/agile.gif');
background-repeat:no-repeat;
position:relative;
top:-30px;padding-top:30px;left:-20px;padding-left:20px;
}


.titreentete {
height:113px;
}



.titreentete h1{
margin-left:85px;
margin-right:30%;


padding-top:55px;
text-align:left;
margin-bottom:0px;
margin-top:30px;
font-size:2.5em;
color:#FFFFFF;
}


.entete .recherche {float:right;text-align: right;}

.emplacement-logo {
background-image:url('/dsne/logoDSNE.gif');
background-repeat:no-repeat;
}

.menu-prog {
/*
width:100%;
height: 30px;
*/
font-family: Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 1px; cursor: hand;
padding :3 5 5 5 ;
text-align:right;
margin-left:90px;
}


/*
.menu-prog .bouton{  
font-weight: bold; letter-spacing: 1px; cursor: hand;}
*/

.menu-prog .bouton{

float:left;
BACKGROUND-COLOR: #ffffff;
BORDER: #000000 1px solid ;
width:12%;
padding:2px;
text-align: center;
MARGIN: 2px;
font-weight: bold;

}

body {
background-repeat:repeat-x;
background-image:url('/dsne/fondhorizon.jpg');
background-color:#ffff99;

}

.contenu-page{

background-repeat:repeat-x;
background-image:url('/dsne/fondhorizon.jpg');
background-color:#ffff99;
}

.mdenu-prog a:link {color:#000000;text-decoration:none;}

.mednu-prog a:visited {color:#000000;text-decoration:none;} 

.mendu-prog a:hover {color:#0456C0;text-decoration:none;}

.menu-prog a:link {text-decoration:none;}

.menu-prog a:visited {text-decoration:none;} 

.menu-prog a:hover {text-decoration:none;}


/*
.tab_menu { 

BORDER-BOTTOM: black 1px solid; 
BORDER-TOP: #333333 1px solid;

width: 750px; 
background-color: #FFFFFF;
}
*/

.grison, .grison_actif, .gris {
text-align: center;
MARGIN: 1px;  
font-weight: bold; 
letter-spacing: 1px; 
cursor: hand;
PADDING-BOTTOM: 3px; 
PADDING-LEFT: 3px; 
PADDING-RIGHT: 3px;
PADDING-TOP: 3px
}


td { 
font-size: 70%;
}
.h5, .h4 { 
dfont-weight: bold; letter-spacing: 2px; 
}
.h5  { 
font-size: 100%; 
}
.h4  { 
font-size: 120%; }


.spip_recherche {
	FONT-SIZE: 9px; 
	padding:2px;

MARGIN: 1px;
}
.spip_cadre {
	BACKGROUND-COLOR: #ffffff; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 5px; WIDTH: 100%
}
H3.spip {
	FONT-SIZE: 115%; FONT-WEIGHT: bold; TEXT-ALIGN: center
}
.spip_documents {
	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-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 1px; TEXT-ALIGN: center
}
.spip_surligne { 
bdackground-color: #FFFF66; }



/*----- Détails à changer si on se sent alaise avec les css ----------------------- */
/*----- Attention d'être sur de ce que vous faites -------------------------------- */
/*----- bloOg 3 -------------------------------- */

#right{
padding-top: 20px;

}


/* Bouton sorti */
#right h2, #right li a, #right li a:hover {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
}
/* Bouton enfoncé */
#right li a:active {
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}


#right ul {
	color: #333333;
	margin-bottom: 1.5em;
	margin-left: 0px;
	margin-top: 0.5em;
	padding-left: 0px;
list-style: none;
list-style-image: none;
}

#right li a {

        color: #FF9900;
	display: block;
	font-weight: bold;
	line-height: 90%;
	margin-bottom: 3px;
	margin-left: 7px;
	margin-right: 0px;
	margin-top: 3px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 0px;
	padding-top: 5px;
	text-decoration: none;
        color:#000000;
}

#right li a:link {
text-decoration: none;
}

#right li a:visited {
	color: #000000;
	text-decoration: none;
}

#right li a:hover {
	background: url(puce.gif) no-repeat 8px;
	color: #FF000;
	text-decoration: none;
}

#right li a:active {
	background: url(puce.gif) #FFFFFF no-repeat 4px;
	border-right: 1px solid #FFFFFF;
	
}

#right ul ul {
	color: #333333;
	margin-bottom: 0.5em;
	margin-left: 0px;
	margin-top: 0.5em;
	padding-left: 10px;
list-style: none;
list-style-image: none;
}

#rdight ul ul li a, #rdight ul ul li a:hover {
	
        border-top: #333333;
	border-left: #333333;
	border-right: #333333;
	border-bottom: #333333;
        background: #F0F0FO;
	display: block;
        font-weight: normal;	
        margin-bottom: 3px;
	margin-left: 7px;
	margin-right: 0px;
	margin-top: 3px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 0px;
	padding-top: 5px;
	text-decoration: none;
        list-style: none;
        list-style-image: none;
}



/*
* AGENDA
*/

.agenda {	border: 1px solid #808080;	margin: 5px 10px 5px 10px;padding: 5px;	font-size:small;background:#fff;color:#34CC33; }
.agenda .en-tete {	display: block;	background-color:#fff;	font-weight: bold;	font-size:medium;color: #000;text-align: left;}
.agenda a.en-tete {	display: block;	background-color: #fff;	font-weight: bold;	font-size: medium;	color: #000;	text-align:left;	}
.agenda .mois {	border-bottom:1px solid #808080;	margin: 0px 0px 0px 0px;	padding: 0px;	font-size: 100%;	/*width:150px;*/	text-align:center;}
.agenda .mois a{    color:#085521;	font-weight: bold;    text-decoration: none ;font-size: small; }
.agenda .mois a:hover{    text-decoration: underline;	color: #34CC33;}
.tableau {	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:small;	color:#000;	text-align:center;	font-style:normal;}
.calendar_this_day {  /* surligne le jour d'aujourd'hui */    background:#d2f2c1;	font-weight:bold;	}
.calendar_this_month {  /* couleur des cases appartenant au mois en cours */	background-color: #fefefe;}
.calendar_not_this_month {  /* couleur des cases n'appartenant pas au mois en cours => début et fin de mois */	background: #ececec;	color:#aaa;}
.calendar_head_mini {    /* corespond à la ligne des jours : lu ma me je ve sa di*/	background-color:#34CC33;	text-align: center;	font-size: 10px;	color: #EEE;	font-family: Verdana, Arial, Helvatica, sans-serif;		font-style:normal;}
.mini-tableau{font-size:small;}
.mini-tableau table { border:1px solid #EEE; background:#FFF; width:100%; text-align:center;}
.mini-tableau caption { text-align:center; color:#EEE; margin-bottom:2px; font-size:small;}
.mini-tableau caption a{ color:#339966; font-weight:bold; text-decoration:none;}
.mini-tableau caption a.moiscourant{ color:#000080; font-weight:bold; text-decoration:none;}
.mini-tableau table a{ color:#34CC33; font-weight:bold; text-decoration:none;}
.mini-tableau table a:hover{text-decoration:underline;}

.date_jour {text-align:left; color:#000;display:inline; font-weight:bold;} 
.evenement {height:100%; overflow:hidden;}
.evenement a { text-decoration:none; font-weight:normal; color:#EEE;}
.evenement a:hover{ text-decoration:underline;}
.evenement a.courant { font-weight:bold; color:#EEE; }
.evenement table { text-align:left;width:100%; font-size:small; color:#000;}
.evenement caption{ text-align:left; margin-top:15px; color:#000080; font-weight:bold; font-size:medium;}
.texteart {padding: 0px 15px 0px 30px; text-align:justify; border-top:1px dashed #006600; margin:5px 0px 5px 0px;color:#000;border-bottom:1px dashed #006600;overflow:hidden; height:100%}
.texteart a{ text-decoration:none; font-weight:normal; color:#EEE;}.
a.date_style{font-size:small; color:#000; font-weight:bold;}
a.style_noir { color:#000; font-weight:bold;}
.rq { font-size:x-small; font-style:italic;}