/*
Feuille de style
*/
/*
Cette feuille de style permet le bon affichage du site. *Attention!* Ne pas modifier si on ne sait pas ce que l'on fait.

------------------------------
1. Structure
------------------------------

(css)
 */
a.spip_out { color: #007fac; }
body {
	margin:0;
	background: #990000;
	color: #007fac;
	font-family: Verdana, Tahoma, Arial, Helvetica, FreeSans, sans-serif;
	font-size: 13px;
	font-style:bolder;
}
#Corps{
	background: #fff no-repeat 100% 0% url('style/Tete.png');
	width: 890px;
	margin: 0 auto;
}
body.home #Corps{ 
	background: #fff no-repeat 100% 0% url('style/Logo600px.png');
}
body.home #Page {
	margin-left:40px;
	margin-right:20px;
	min-height:850px;
	padding-top:230px;
	font-style:italic;
	width:400px;
	font-size:110%;
	margin-bottom:2em;
}
#Body {
min-height:500px;

}
#Tete{
	padding-top:10px;
}
#Petition{
	text-align:center;
	color:red;
	font-variant: small-caps;
	font-size: 13px;
	font-weight: bold;
	margin-left:5px;
	padding:25px;
	border:1px solid #007fac;
	margin-bottom:10px
}
#LogoPetition{
	margin: 0 auto;	
	text-align: center;
	margin:10px
}
#Login, a.droite{
	margin-right:30px;
}
#Navigation{
	position:absolute;
	left:50%;
	margin-left:100px;
	margin-top:200px;
	clear:both;
    width:260px;   
	min-height:300px;
}
body.home #Navigation{
	margin-top:400px;
}
#InnerNavigation{
	margin-top:1em;
	margin-bottom:1em;
	border-bottom:3px solid #007fac;
	border-top:3px solid #007fac;
}
#InnerNavigation a{
	font-weight:bold;
	font-size:120%;
	display:block;
	padding:0.5em;
	padding-left:40px;
	background: #fff no-repeat 0% 50% url('style/NavOff.png');
}
#InnerNavigation a.current, #InnerNavigation a:hover{
	font-style:italic;
	background: #fff no-repeat 0% 50% url('style/NavOn.png');
}
#Logos{padding:0em;}
#Logos img{border:1px solid #ddd;height:30px;}
#Resume{
	font-style:italic;
	font-weight:bold;
	color:#c30000;
	font-size:130%;
	margin-bottom:1em;
	width:300px;
}
#Body {
	color:black;

}
.rubrique, a.TexteAcc {
	color: #003366;
}
#Path {
	margin-left:20px;
	}
#Logo {margin-bottom:1em;}
#Page{
	margin-left:40px;
	margin-right:370px;
	min-height:500px;
}
.accroche{
	margin:1em;
	border:1px solid #007fac;
}
.accroche .titre{
	background:#007fac;
	width:200px;
	color:white;
	float:right;
	font-weight:bold;
	text-align:right;
}

.accroche .logo{
	border-right:1px solid #007fac;
	float:left;
}

.accroche .content{
	clear:right;
	margin-left:110px;
	padding:0.5em;
	font-size:90%;
}
#Footer {
	border-top:1px dashed #007fac;
	margin:1em;
	padding:1em;
	font-size:x-small; 
	text-align:center;
	padding:0.3em;
}
/*
------------------------------
3. Titres
------------------------------
(css) */

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5{
	font-variant:small-caps;
	color:#F8BE2A;
	font-weight:bold;
}

h1, h2, h3, h4, h5{
        font-weight: bold;
	margin:0;
	padding:0;
	margin-bottom:1em;
	margin-top:1em;
}
h1{
	font-size:30px;
	font-style:italic;
}
h3, .h3{
	font-weight:bold;
	font-size:15px;
}
h3.spip {
color:red;
}
h4, .h4{font-weight:bold;font-size:14px;font-family:verdana,sans-serif;}
h5, .h5{font-weight:bold;font-size:13px;font-family:verdana,sans-serif;}
/* 
------------------------------
4. Balises
------------------------------
(css) */

a {font-weight:bold;  text-decoration: none; color: #217792; }
a:hover { text-decoration: none; }
a img{border:none;}

table {
	width:100%;
	margin:1em;
	margin-left:auto;
	margin-right:auto;		
	border:1px solid #ddd;
	border-collapse:collapse;
	vertical-align:top;
	text-align:left;
}
tr{vertical-align:top;}
tr.alternate {	
	border:0px solid #669900;
	background: #F9FFE6;
	border-bottom:1px dotted #ddd;
	border-top:1px dotted #ddd;
}
th {
        text-align:center;
	vertical-align:middle;
	color:green;
	padding:3px;
}
td {
	vertical-align:top;
	padding:0.2em;
}
td.large{
	width:100%;
}
td.nowrap{
	white-space: nowrap;
}


th.day {
	border-top:1px solid #ddd;
	text-align:center;
	font-weight:bold;
	color:orange;
}
th.alternate {
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	text-align:center;
	color:orange;
}
td.body_r {
	font-size:x-small;
}
a[hreflang]:after{content: "\0000a0[" attr(hreflang) "]"}

#Body img {   padding: 0.2em;
}



img {    max-width:450px;
    	border: none;
	vertical-align: middle;
}

p {
    	margin: 0.4em 0em 0.5em 0em;
    	line-height: 1.5em;
}

hr {
    	height: 1px;
	border: 0;
	margin: 0;
	padding: 0;
	clear:both;
	background: #ddd;
}
hr.page_break {
	height:0px;
	visibility:hidden;
	clear:both;
	page-break-before:always;
}
ul {
	list-style-type:disc;
	margin: 0px;
	padding:0px;
	padding-left:2em;
	list-style-position:outside;
}
ul ul{
	list-style-type:circle;
        
}

ol {
	margin: 0px;
	margin-left:4em;
	padding:0px;
	list-style-position:outside;
}

li {
	margin-left:0.5em;}

dt {
	font-weight: bold;
	margin-bottom: 0.1em;
}

dl{
	margin-top: 0.2em;
	margin-bottom: 0.5em;
}

dd {
	line-height: 1.5em;
	margin-left: 2em;
	margin-bottom: 0.1em;
}
	
abbr, acronym, {
	border-bottom: 1px dotted Black;
	color: Black;
	cursor: help;
}

q, quote{
	font-family: Times, "Times New Roman", serif;
	font-style: italic;
	font-size:110%;
	color: #666;
}

blockquote, .selected  {
	border-left: 3px solid #ccc;
	padding-left:10px;
	margin: 0.5em;
	font-family: Times, "Times New Roman", serif;
	font-style: italic;
	font-size:110%;
	color: #666;
}
pre  {
	border: 1px solid #ccc;
	padding: 0.5em;
	margin: 0.5em;
	background:#000;
	color: #fff;
	overflow:auto; 
	font-family: 'Courier New', Courier;
	height:200px;
}

/* 

------------------------------
5. Formulaires
------------------------------

(css) */

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

legend {
	background: #fff;
	padding: 0.5em;
}

label {
	font-style:italic;
	line-height:2em;
}

form {		
}

textarea {
	color: black;	
	border:1px solid #217792;
	padding: 0.1em;
	width:98%;  
	height:175px;
}

input, textarea {
	border: 1px solid #217792;
}

input{
	color: #217792;	
	border: 1px solid #217792;
}
input[type=text], input[type=password]{
	width:150px; 
}
input[type=submit]{
	background: #fff url('http://www.casiwi.org/kernel/files/style/input_background.png') repeat-x;
}
input[type=submit]:hover {
	border: 1px solid #669900;
	background: #669900;
	color: #fff;
	cursor:pointer;
}
input[type=reset]:hover {
	border: 1px solid #990000;
	background: #990000;
	color: #fff;
	cursor:pointer;
}
input.annulation:hover {
	border: 1px solid #990000;
	background: #990000;
	color: #fff;
	cursor:pointer;
}

input.apercu:hover {
	border: 1px solid #ffaa00;
	background: #ffaa00;
	color: #fff;
}

select {
	vertical-align: top;
}
/* 
------------------------------
6. Useful
------------------------------
(css) */

.invisible{display:none;}
.visible{display:block;}



.gauche {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.droite {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

.centre {
	text-align:center;
}
div.grand, p.grand, option.grand{
	font-size:130%;
}

div.alignerdroite, p.alignerdroite, option.alignerdroite{
	text-align:right;
}

div.pagination{
	margin:1em;
	text-align:center;	
}
div.pagination a.current{
	font-weight:bold;
}
div.aide, div.info, div.confirmation, div.error, div.warning, div.important, div.preview,
p.aide, p.info, p.confirmation, p.error, p.warning, p.important, p.preview{
	-moz-border-radius:1em;
	border-radius:1em;
	padding: 1em;  
	padding-left:30px;	
	border: 1px dashed #ddd;
	margin-top:0.5em;
	margin-bottom:0.5em;
}
div.preview, p.preview {
	background:transparent 3px 0% repeat-y url('style/preview.png');
}
div.aide, p.aide, option.aide, div.help, p.help, option.help  {
	font-style:italic;
	background:transparent 3px 50% no-repeat url('style/help.png');
}
div.info, p.info, option.info {
	font-style:italic;
	background:transparent 3px 50% no-repeat url('style/info.png');
}
div.error, p.error, option.error {
	font-style:italic;
	border: 1px solid red;
	background:transparent 3px 50% no-repeat url('style/error.png');
}
div.confirm, p.confirm, option.confirm { 
	font-style:italic;
	background:transparent 3px 50% no-repeat url('style/warning.png');
	border:1px solid green;
}
div.warning, p.warning, option.warning { 
	font-style:italic;
	background:transparent 3px 50% no-repeat url('style/warning.png');
	border:1px solid orange;
}
div.important, p.important, option.important {
	background:transparent repeat url('http://www.casiwi.org/kernel/files/style/content_bg.gif');			
	border: 1px solid #ccc;  
	border-bottom: 1px solid #bbb; 
	border-right: 1px solid #bbb;
}
.lettrine:first-letter{
	color:#000;
	float:left;
	font-size:300%;
	margin-top:10px;
}
hr.clear{
	margin: 0;
	padding: 0;
	height:0px;
	clear:left;
	visibility:hidden;
}

.visualClear { 
	clear: both; 
}


/*  */