/* SPIP-STYLE                                              version 1.9  */
/* Cette feuille contient les styles associes au code genere par SPIP.  */
/* Ces styles sont indispensables et doivent necessairement etre        */
/* definis pour le bon fonctionnement de vos squelettes.                */


/* Raccourcis typographiques de SPIP */
i.spip {}
strong.spip {}
hr.spip {}

.spip_puce { list-style-position: outside; }

ul.spip {}
ol.spip {}
li.spip {}

h3.spip {
	text-align: center; 
	margin-top: 2em; 
	margin-bottom: 1.4em; 
	font-size: 1.15em; 
	font-weight: bold; }

/* Paragraphes, citations, code et poesie */
p.spip {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
p.spip_note {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

blockquote.spip, .spip_serif { font-family: Arial, Helvetica, sans-serif; }

blockquote.spip { 
	margin: 1em; 
	padding-left: 1em;
	padding-right: 1em;
	border: 1px dotted; }

div.spip_poesie { 
	margin: 1em; 
	padding-left: 1em; 
	border-left: 1px solid;
	font-family: GArial, Helvetica, sans-serif }
div.spip_poesie div { text-indent: -60px; margin-left: 60px; }

.spip_code, .spip_cadre { font-family: monospace; font-style: normal; font-size: 1.2em; }
.spip_cadre { width: 99%; border: 1px inset; }

.spip_surligne { background: #FF6; }

/* Tableaux */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid;
	border-collapse: collapse;
}
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold;
}
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }

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

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.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; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }

/* Images typographiques (via image_typo), URL a revoir... */
.format_png { behavior: url(win_png.htc); }

/* modeles par defaut */
.spip_modele { float: right; display: block; border: 1px dotted #666; width: 180px; }

/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }

table.spip_barre a img {
	background: #FDA;
	padding: 3px;
	border: 1px outset #999; }
table.spip_barre a:hover img {
	background: #FFF;
	border: 1px solid #999; }

table.spip_barre input.barre { width: 100%; background: #EEE; }

/* * Couleurs des liens de Spip */
a.spip_note {} /* liens vers notes de bas de page */
a.spip_in { color: #900; } /* liens internes */
a.spip_out { color: #009; } /* liens sortants */
a.spip_url { color: #009; } /* liens url sortants */
a.spip_glossaire { color: #060; } /* liens vers encyclopedie */
.on { font-weight: bold; color: #000; } /* liens exposes */


/************************************************/
/*    Classe et IDs spécifiques à randomona    */
/************************************************/
BODY {
	background: white;
	margin-left: 0px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

P {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

TD {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.encadrementImageTop {
	vertical-align: top;
	background-color: #CCCCCC;
	width: 5px;
	height: 5px;
	background-image: url('http://www.randomona.com/new/imagesblank_pour_cadre_photo.gif');
}

.encadrementImageLeft {
	vertical-align: top;
	background-color: #CCCCCC;
	width: 5px;
	height: 5px;
	text-align: left;
	background-image: url('http://www.randomona.com/new/images/blank_pour_cadre_photo.gif');
}

.encadrementH {
   background-image: url('http://www.randomona.com/new/images/cadre_h.gif');
	background-repeat: repeat-x;
}

.encadrementB {
	background-image: url('http://www.randomona.com/new/images/cadre_b.gif');
	background-repeat: repeat-x;
}

.encadrementD { background-repeat: repeat-y; }

.encadrementB { background-repeat: repeat-x; }

.imageCadreSpecialitesEtCdC {
	float: left;
	margin: 0px 10px 10px 0px;
	padding: 5px;

}

.texteCadreSpecialitesEtCdC {
	text-align: justify;
	vertical-align: text-top;
	margin: 5px;
	padding-right: 5px;
	font-size: 12px;
	color: #888888;
}

.texteCadreSpecialitesEtCdC A {
	text-decoration: none;
	color: #888888;
	font-size: 12px;
}
.texteCadreSpecialitesEtCdC A:hover { text-decoration: underline; }

.texteCadreSpecialitesEtCdC-bis {
	text-align: justify;
	vertical-align: text-top;
	margin: 5px;
	padding-right: 5px;
	font-size: 12px;
	color: #888888;
}

.texteCadreSpecialitesEtCdC-bis A {
	text-decoration: none;
	color: #888888;
	font-size: 12px;
}
.texteCadreSpecialitesEtCdC-bis A:hover {
	text-decoration: underline;
}

.titreCadreSpecialitesEtCdC {
	color: #AC8D2A;
	font-weight: bold;
	font-size: 12px;
}

.borderCadreSpecialitesEtCdC {
	background-image: url('http://www.randomona.com/new/images/pointilles.jpg');
	background-repeat: repeat-y;
	padding-left: 5px;
}

.colGauche {
	text-align: right;
	width: 250px;
	font-weight: bold;
	padding-right: 10px;
}

.champObligatoire {
	color: red;
	font-weight: normal;
}

/*******************************/
/*    Listing des rubriques    */
/*******************************/
#menuDeroulant {
	padding-left: 25px;
}

ul#menulist li ul{ display:none; }

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

ul#menulist {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0F4D2A;
	position: static;
	left: 10px;
	margin: 15px;
}

ul#menulist, ul#menulist ul {
	list-style:none;
	margin:0;
	padding:0;
	width:13em;
	background-color: #FFCC33;
	font-weight: bold;
}

ul#menulist ul{
	position:absolute;
	top:-1px;
	left:12.7em;
}

ul#menulist li{
	position:relative;
	margin:0px;
	padding:0px;
	_display:inline;
}

ul#menulist a{
	display:block;
	width:100%;
	text-indent: 1em;
	width: 12.7em;
	padding: 5px 0;
}

ul#menulist span{
	display:block;
	width:100%;
	text-indent: 1em;
	width: 12.7em;
	padding: 5px 0;
}
ul#menulist li.smenu>a {
	color: black;
	text-decoration: underline;
	background-color: #FFCC33;
}
ul#menulist li.smenu>a:hover {
	background-color: #AD902C;
}
ul#menulist a {
	padding-left: 5px;
	color: black;
	text-decoration: underline;
	background-color: #FFCC33;
	background: url('http://www.randomona.com/new/images/fleche1_menu.gif') left;
	background-repeat: no-repeat;
}
ul#menulist a:hover {
	background-color: #AD902C;
}
ul#menulist li.smenu>span {
	color: black;
	text-decoration: none;
	background-color: #FFCC33;
}
ul#menulist li.smenu>span:hover {
	background-color: #AD902C;
}
ul#menulist span {
	padding-left: 5px;
	color: black;
	text-decoration: none;
	background-color: #FFCC33;
	background: url('http://www.randomona.com/new/images/fleche1_menu.gif') left;
	background-repeat: no-repeat;
}
ul#menulist span:hover {
	background-color: #AD902C;
}
.menuSousRubrique {
	border: 1px dotted black;
}

.lien-partenaires {
	COLOR: #378742;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	text-decoration: underline
}

.lien-contact {
	COLOR: #378742;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	text-decoration: underline
}

.menu-bas-gris {
	COLOR: #888888;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
}

.menu-bas-vert {
	COLOR: #378742;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
}

.texte-rouge {
	COLOR: #AA0000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
}

.texte-copyright {
	COLOR: #888888;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 10px;
}

.texte-titre {
	COLOR: #AE8D2B;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 18px;
}

.texte-titre-noir {
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 18px;
}

.lien-contenu {
	COLOR: #378742;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	text-decoration: underline
}