@import url(color.css);
@import url(typography.css);

.spip_documents {padding: 20px;}

body {background: #F6F6F6; margin: 0; padding: 0; font: 62.5%/1.5 "Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif; color: #434343;}

div#branding {width: auto; border-bottom: 2px solid #993333; border-top: 15px solid #993333; padding: 10px 30px 0 30px; background-color: #ddd; color: #666;}
div#branding h1 {font-size: 2.7em; letter-spacing: 0; line-height: 2em; text-indent: -9999px; background: url(logo.png) no-repeat top left; margin-bottom: 1em;}
div#branding h1 a {display: block; width: 326px; height: 53px;}
div#branding h2 {position: absolute; display: inline; top: 75px; left: 380px; color: #993333; font-size: 1.8em; margin: 0;}
div#branding blockquote {font-style: italic; word-spacing: 0.2em; font-size: 1.6em; text-align: right; margin: 0 0 1% 0;}
div#branding blockquote p {display: inline; font-size: 1em; font-style: italic; font-weight: bold;}
div#branding blockquote cite {position: relative; font-size: 1em; font-style: normal; font-weight: normal;}


div#hierarchie {font-size: 1.15em;margin: 0 0 0 30px; padding-top: 15px;}
div#hierarchie a {color: #993333; text-decoration: none; padding: 0 3px; border-bottom: 1px dotted #993333; }
div#hierarchie a:hover {color: #fff; background: #993333; border-bottom: 1px dotted white; }

div#main {width: auto; padding: 8px 20px; margin: 0 4em 0 350px}
#main_content { 
	margin: 12px 0 0 0 
}
.date {
	position: absolute;
	margin: 0px;
	left: 331px;
	width: 5em;
	height: 5em;
	text-transform: uppercase;
	text-align: center;
	background: #ddd
}
.date span {
	display: block;
	font: italic 170%/90% Georgia, "Times New Roman", Times, serif;
	letter-spacing: -1px
}
.date .jour, .date .mois, .date .annee {
	display: block; 
	color: #993333
}
.date .jour {
	font-size: 2em; 
	line-height: 1.2em; 
	font-weight: bold; 
	text-align: center
}
.date .mois {
	font-size: 1em; 
	line-height: 1.2em; 
	text-align: center
}
.date .annee {
	font-size: 1.2em; 
	line-height: 1em; 
	text-align: center
}

h3 {
	margin-left: 20px;
	font-size: 2em; 
	color: #993333; 
	text-decoration: none; 
	padding: 0; 
	border-top: 1px solid #993333;
	display: inline
}
h3:hover {
	background: #993333;
	color: #FFFFFF;
	border: none
}
h3.more { 
	margin: 0; 
	border: none;
	font-size: 1.5em;
	border-bottom: 1px solid #993333
}

h3.spip {font-size: 1.4em;color: #993333; text-decoration: none; margin: 0; margin-left: 22px; border: none; border-bottom: 1px dotted #993333;}
div#main_content ul li h3 a:hover {font-size: 1.6em; color: #fff; text-decoration: none; background-color: #993333; }
div#main_content .date_rub {clear: both; float: left; margin-right: 20px;}
div#main_content #date_art {margin-left: 20px; font-size: 140%; padding: 0 3px;}
div#main_content #date_art small .mois, small .annee {padding: 0 2px;}
.ps { margin-left: 20px }

div#left {float: left; width: 240px; padding: 20px 20px 0 30px; }


div#search {background-color: #ddd; margin: 20px 0;}
div#search label {font-size: 1.2em; line-height: 2.5em; font-weight: bold; color: #993333; padding: 10px; text-transform: uppercase;}
div#search .forml {background: white; padding: 0; margin: 0;}
div#search .forml:focus {background-color: #fcfdd6;}
#video {background-color: #ddd; display: block; text-align: center; padding: 1%; margin-bottom: 2em}
#video p strong {margin: 0; padding: 0; font-size: 1.5em; line-height: 0em; color: #993333; }
#twitter { background-color: #ddd; padding: 1%; margin: 2em 0 4em 0; text-align: center; font-size: 1.25em}
#twitter img { border: 0;  }
#twitter img:hover { background: #FFF }   
#twitter p { font-size: 85%; text-align: left; padding: 3px; margin: 0;}
#twitter span { color: #993333; font-weight: bold; }

#main_content .soustitre {color: #993333; font-size: 1.4em; border-bottom: 1px dotted #993333; margin-left: 22px;}
#main_content .surtitre {color: #993333; font-weight: bold; margin-left: 20px;}
#main_content p.texte {font-size: 130%; margin-left: 22px;}
#main_content div.texte p { font-size: 130%; margin-left: 22px }
#main_content p.texte a.texte { margin: 0 5px }
#main_content .texte a {font-size: 100%; color: #993333; text-decoration: none; border-bottom: 1px dotted #993333;}
#main_content .texte a:hover {color: #fff; background-color: #993333; border-bottom: 1px dotted white;}
#main_content .lien {margin-left: 22px;}
.mots {
	margin: .5em 0 0 22px; padding: 0
}
.vcard { margin: 22px  }
.texte img {border: 0; vertical-align: bottom;}
.descriptif { font-size: 130%; margin-left: 22px}
#main_content .chapo {font-size: 130%; font-weight: bold; color: #993333; margin-left: 22px}
.fragment {color: #993333; margin-left: 20px; font-size: 1.2em;}
.fragment a {color: #993333; text-decoration: none; border-bottom: 1px dotted #993333; padding: 0 3px;}
.fragment a:hover {color: #fff; background: #993333; text-decoration: none; border-bottom: 1px dotted #fff;}
#pagination_page {padding: 0;}

strong {font-weight: bold; color: #993333;}

.row_even {color: #000; background: #ff9999;}
.row_odd {background: #ddd; color: #000;}
table {border-spacing: 3px;}
td {padding: 0 3px;}


.vevent h3 a {font-size: 2em; margin-left: 22px; line-height: 1.3em; color: #993333; text-decoration: none; padding: 0 3px; display:inline; border-bottom: 1px solid #993333; border-top: 1px solid #993333;}

p.description {font-size: 130%; margin-left: 22px;}
p.datum {font-size: 130%; margin-left: 22px; color: #993333; font-weight: bold; display: inline; padding: 03px;}

div#footer {background: #ddd url(dist/footerbg.png) repeat-x top; clear: both; border-bottom: 10px solid #993333; text-align: right; margin-top: 20px;}
p#footerlili {font-size: 180%; text-transform: uppercase; font-weight: bold; display: inline; color: #993333; position: relative; top: 32px; margin-right: 30px; z-index: 5;}
p#footerlili a {font-size: 100%;}
p#footerlili a:hover {font-size: 100%;}
#footer ul {list-style-type: none;position: relative; top: 0; text-align: left; z-index: 1;}
#footer li {display: inline;}
#footer a {font-size: 140%; text-decoration: none; color: #993333; border-bottom: 1px dotted #993333; padding: 0 3px;}
#footer a:hover {font-size: 140%; text-decoration: none; color: #fff; border-bottom: 1px dotted #fff; background: #993333;}
#footer img {border: 0; width: 12px; height: 12px; padding: 0 3px;}

.left{
	float: left;
	width: 40em;
	display: inline;
	margin: 0 0 4em 1em;
}

.right {
	float: left;
	width: 40em;
	display: inline;
	margin: 0 0 4em 1em
}
.right ul {
	margin: 0;
	padding: 1em 0;
	text-align: center
}
.right ul li { 
	display: inline;
}
ul { 
	margin: 0; 
	padding: 10px 20px;
text-indent: -12px;
}
ul li { 
	list-style-type: none;
	font-size: 8pt;
	display: block
}
ul ul {
	padding: 0 12px;
	margin: 0 0 1.5em 0;
}
.pagination { padding: 0 1em }

ol {
	
}

ol li {
	font-size: 10pt
}
ol ul {
	margin: 0 0 1em 0;
	padding: 0
}
ol ul li {
	margin: 0; 
	padding: 0
}

img { border: none }

#documents_joints { margin: 22px }