/* --------------- LIENS PAR DEFAUT --------------- */

a	{ text-decoration: underline ; color: #868383; }
a:hover { text-decoration: underline; color: #000000; }

a.spip_note { color: #EC0606;} 
a.spip_in, a.spip_out, a.spip_url { color: #868383; }
a:hover.spip_in, a:hover.spip_out, a:hover.spip_url { color: #000000; }



/* --------------- STRUCTURE DE LA PAGE ----------- */

body {
	margin: 0;
	background-color: #FFF; 
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
}

#global { 
	/* direction: ltr; */
	position: absolute;
	left: 50%; 
	margin-left: -380px;
	width: 760px;
	min-height: 100%;
	background-image: url(https://www.silviacattori.net/elements/gris-left.gif);
	background-repeat: repeat-y;
}

#bandeau { 
	position: absolute; 
	top: 40px; 
	left: 0px;  
	width: 760px; 
	height: 111px; 
	background-image: url(https://www.silviacattori.net/elements/logo_silvia_cattori-left.gif);
}

#baseline { 
	position: absolute; 
	top: 83px; 
	left: 0px;  
	width: 252px; 
	height: 111px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 31px;
	color: #fff;
	text-align: right;
}

#logo { 
	position: absolute; 
	top: 0px; 
	left: 252px;  
	width: 508; 
	height: 111px; 
}

#menu { 
	position: absolute; 
	direction: ltr;
	top: 29px; 
	left: 5px;  
	width: 252px; 
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #868383;
}

#langues { 
	position: absolute; 
	direction: ltr;
	top: 29px; 
	left: 250px;  
	width: 505px;  
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #868383;
}

#navigation { 
	position: relative; 
	/*direction: ltr;*/
	top: 211px; 
	left: 5px;  
	width: 240px;  
	height: 300px;
}

#page { 
	position: relative; 
	/*direction: ltr;*/
	top: -89px; 
	left: 305px;  
	width: 400px; 
}


/* --------------------- MENUS -------------------- */

.menu, a.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #868383;
	text-align: left;
	text-decoration: none ;
}

A:hover.menu {
	color: #000;
	text-decoration: none ;
}

.navigation, a.navigation {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 22pt;
	font-size: 16px;
	font-weight: bold;
	color: #868383;
	font-variant: small-caps;
	text-align: left;
	text-decoration: none ;
}

A:hover.navigation {
	color: #000;
	text-decoration: none ;
}

/* ------------------ TYPOGRAPHIE ------------------ */

.surtitre { 
	font-family:  Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	text-transform: uppercase;
	color: #868383; 
	font-weight: bold;
}

.titre { 
	font-family:  Arial, Helvetica, sans-serif; 
	font-size: 30px; 
	color: #EC0606; 
	font-weight: normal;
}

.chapo { 
	font-family:  Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	color: #434343; 
 	margin-left: 40px;
	margin-top: 20px;
}

a.surtitre1, .surtitre1 { 
	font-family:  Arial, Helvetica, sans-serif; 
	font-size: 18px; 
	font-variant: small-caps;
	color: #868383; 
	font-weight: bold;
	text-decoration: none;
}

a.titre1, .titre1 { 
	font-family:  Arial, Helvetica, sans-serif; 
	font-size: 27px; 
	color: #EC0606; 
	font-weight: normal;
	text-decoration: none;
}

a:hover.titre1 { text-decoration: underline; }

a.chapo1, .chapo1, a:hover.chapo1 { 
	font-family:  Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color: #434343; 
	text-decoration: none;
}

a.surtitre2, .surtitre2 { 
	font-family:  Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	font-variant: small-caps;
	color: #868383; 
	font-weight: bold;
	text-decoration: none;
}

a.titre2, .titre2 { 
	font-family:  Arial, Helvetica, sans-serif; 
	font-size: 22px; 
	color: #EC0606; 
	font-weight: normal;
	text-decoration: none;
}

a:hover.titre2 { text-decoration: underline; }

a.chapo2, .chapo2, a:hover.chapo2 { 
	font-family:  Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	color: #434343; 
	text-decoration: none;
}

.references { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	text-transform: uppercase;
	color: #868383; 
	margin-top: 20px;
 	margin-left: 40px;
	margin-bottom: 40px;
}

.a.traductions, .traductions, a:hover.traductions { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #868383; 
	text-decoration: none;
}

a:hover.traductions { 
	color: #000; 
	text-decoration: underline;
}

texte, p.spip { 
	font-family:  Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	line-height: 20px;
	color: #000000; 
	font-weight: normal;
}

.ps	{  
	position:relative;
	top: 20px;
	border: 1px solid #CACACA;
	background-color: #E7E7E7;
	width: 380px;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000;
}

p.spip_note { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	color: #515151; 
}

/* reponse mot recherche */
.spip_surligne { color: #EC0606; }

/* Logos, documents et images */
.spip_logos { margin: 0; margin-top: 3px; margin-right: 5px; padding: 0; border: none; }
img { border: none;   }
.spip_documents {}
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-left: 0em; margin-right: 0.5em; margin-top: 0.3em; margin-bottom: 0.5em; text-align: left; }
.spip_documents_right { float: right; margin-left: 0.5em; margin-right: 0em; margin-top: 0.3em; margin-bottom: 0.5em; text-align: left; }
.spip_doc_titre { font-weight: bold; font-size: 1em; margin-left:auto; margin-right:auto; }
.spip_doc_descriptif { clear: both; font-size: 1em; margin-left:auto; margin-right:auto; }
