/* Copyright (c) 2006 Skyline-arts.com. All rights reserved
Style.css - Thème 'default' */


/* ===== Sommaire =====
1/ html et body
2/ Styles généraux
3/ Haut de page (#top)
4/ Zone de contenu (#content)
5/ Paneau latéral (#sidebar) 
6/ Commentaires 
7/ Pied de page (#footer)
=================== */



/* ---------------------
Html et body
--------------------- */
html {
	font : 75%/1.7em Verdana, Lucida, Tahoma, Arial, sans-serif;
	color : #000;
	background : #FFF;
	margin : 0; padding : 0;
	}

body {
	margin : 0; padding : 0;
	}
	

#page {
	width : 720px;
	margin : 0 auto; padding : 30px 0 0 0;
	clear : both;
	}




/* ---------------------
Styles généraux
--------------------- */
h1 {font-size : 1.8em;}
h2 {font-size : 1.2em;}
h3 {font-size : 1.1em; padding : 5px 0; margin : 0;}
p {margin : 0; padding : 3px 0; text-align:justify;}
a {color : #111;}
a:hover {color : #A92C13;}
hr, .clearer {clear : both; visibility : hidden; margin : 0; padding : 0;}



/* ---------------------
Haut de page (#top)
--------------------- */
#top {
	background :#FF0033;
	width:100%;
	}
#header {
	width : 720px;
	color : #482018;
	margin : 0 auto; padding : 50px 0 5px 0;
	}
#header h1{ /* titre et sous-titre du site */
	margin : 0; padding : 0;
	/*font-weight : normal;*/
	font : 4em "Nasalization", Lucida, Tahoma, Arial, sans-serif;
	letter-spacing : 1px;
	color : #eee;
	display : inline;
	}
#header p{ /* titre et sous-titre du site */
	margin : 0; padding : 0;
	font : 16px "Amerika sans", Lucida, Tahoma, Arial, sans-serif;
	color : #eee;
	display : inline;
	}
#top h1 a { /* lien du titre */
	text-decoration : none;
	color : #482018;
	}
#top h1 a:hover {
	color : #fff;
	}
#header p {
	display : inline;
	}
#menu {
	background : #222;
	}
#menu ul {
	margin : 0 auto; padding : 0;
	width : 720px;
	list-style-type : none;
	}
#menu li {
	float : left;
	}
	#menu li a {
	font : 16px Verdana, Lucida, Tahoma, Arial, sans-serif;
	display : block;
	padding : 4px 10px;
	color :  #ddd;
	text-decoration : none;
	text-transform : capitalize ;
	letter-spacing : 1px;
	}
#menu li a:hover {
	background : #111;
	color : #fff;
	}

#menu li div.field{
	margin-left : 350px;
	}
#menu li div.field input.champ_menu{
   margin-top:3px;
}	
#menu li div.field input.bouton_menu{
   margin-top:2px;
   color:#ddd;
   font : 12px Verdana, Lucida, Tahoma, Arial, sans-serif;
   background-color:#222;
   border:1px solid;
   border-top-color:#999;
   border-left-color:#999;
   border-right-color:#666;
   border-bottom-color:#666;
}
#menu li div.field input.bouton_menu:hover{
   margin-top:2px;
   color:#fff;
   border-top-color:#F03;
   border-left-color:#F03;
   border-right-color:#D03;
   border-bottom-color:#D03;
}

/* --------------------- 
Zone de contenu (#content)  
--------------------- */
#content { /* Bloc */
	float : right;
	width : 560px;
	}
.margedroite{
  position:absolute;
  margin-top: 50px;
  margin-left : 520px;
  width : 220px;
  height:auto;
	border-width: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color:#000;
	padding:10px;
	background:white;
}

.adresse{
  position:relative;
  margin-top : 10px;
  -moz-border-radius : 10px;
  padding:10px;
  background:#222;
  color:white;
  height:145px;
  width : 590px;
}

div.lieu{
  position:absolute;
  margin-left:0px;
  margin-top:0px;
  width : 450px;
}
.lieu p{
text-align:center;
}
.lieu a{
color:red;
}
img.thumb{
  position:absolute;
  margin-left:440px;
  margin-top:10px;
  padding:10px;
  background:white;
}
.post dt{
  font-weight : bold; 
  font-variant : small-caps;
}
.post div.fichecadrefede{
  background : #80A1B3;
  -moz-border-radius : 10px;
  padding : 10px;
}

.post div.fichecadrefede span.date{
  font-weight : bold ;
  margin-top : -15px;
  float : right;
}

.post div.objectif{
  padding : 0px 2px 0px 2px;
  font-style: italic; 
}
.post div.bloccadrefede{
  background : #9DCCBE;
  margin :  5px 5px 5px 15px;
  -moz-border-radius : 5px;
  padding : 0px 2px 0px 2px;
}	


.post div.fichecadrefede form{
  background : #9DCCBE;
  margin :  5px 5px 5px 15px;
  -moz-border-radius : 5px;
  padding : 0px 2px 0px 2px;
}	

.post div.fichecadrefede form legend{
  font-variant : small-caps;
  color:#9DCCBE;
  font-weight:bold;
  font-size:1.5em;
  text-align:center;	
  width:86px;
  padding:3px 5px;
  margin:24px 0px 0px -10px;
  position:relative;
}

.post div.fichecadreetat{
  background : #304860;
  color: #EDEDF2;
  -moz-border-radius : 10px;
  padding : 10px;
}

.post div.fichecadreetat span.date{
  font-weight : bold ;
  margin-top : -15px;
  float : right;
}

.post div.objectif{
  padding : 0px 2px 0px 2px;
  font-style: italic; 
}
.post div.bloccadreetat{
  background : #486078;
  color: #EDEDF2;
  margin :  5px 5px 5px 15px;
  -moz-border-radius : 5px;
  padding : 0px 2px 0px 2px;
}	


.post div.fichecadreetat form{
  background : #486078;
  margin :  5px 5px 5px 15px;
  -moz-border-radius : 5px;
  padding : 0px 2px 0px 2px;
}	

.post div.fichecadreetat form legend{
  font-variant : small-caps;
  color:#486078;
  font-weight:bold;
  font-size:1.5em;
  text-align:center;	
  width:86px;
  padding:3px 5px;
  margin:24px 0px 0px -10px;
  position:relative;
}


.post div.fichebenevole{
  background : #EB8686;
  -moz-border-radius : 10px;
  padding : 10px;
}

.post div.fichebenevole span.date{
  font-weight : bold ;
  margin-top : -15px;
  float : right;
}

.post div.objectif{
  padding : 0px 2px 0px 2px;
  font-style: italic; 
}
.post div.blocbenevole{
  background : #EB9D9D;
  margin :  5px 5px 5px 15px;
  -moz-border-radius : 5px;
  padding : 0px 2px 0px 2px;
}	


.post div.fichebenevole form{
  background : #EB9D9D;
  margin :  5px 5px 5px 15px;
  -moz-border-radius : 5px;
  padding : 0px 2px 0px 2px;
}	

.post div.fichebenevole form legend{
  font-variant : small-caps;
  color:#EB9D9D;
  font-weight:bold;
  font-size:1.5em;
  text-align:center;	
  width:86px;
  padding:3px 5px;
  margin:24px 0px 0px -10px;
  position:relative;
}

.post div.fichearbitre{
  background : #8AB029;
  -moz-border-radius : 10px;
  padding : 10px;
}

.post div.fichearbitre span.date{
  font-weight : bold ;
  margin-top : -15px;
  float : right;
}

.post div.objectif{
  padding : 0px 2px 0px 2px;
  font-style: italic; 
}
.post div.blocarbitre{
  background : #A9D63F;
  margin :  5px 5px 5px 15px;
  -moz-border-radius : 5px;
  padding : 0px 2px 0px 2px;
}	

.post div.fichearbitre form{
  background : #A9D63F;
  margin :  5px 5px 5px 15px;
  -moz-border-radius : 5px;
  padding : 0px 2px 0px 2px;
}	

.post div.fichearbitre form legend{
  font-variant : small-caps;
  color:#A9D63F;
  font-weight:bold;
  font-size:1.5em;
  text-align:center;	
  width:86px;
  padding:3px 5px;
  margin:24px 0px 0px -10px;
  position:relative;
}

.post div.ficheinscription{
  -moz-border-radius : 10px;
  padding : 10px;
}

.post div.objectif{
  padding : 0px 2px 0px 2px;
  font-style: italic; 
}
.post div.blocinscription{
  background : #EB9D9D;
  margin :  5px 5px 5px 15px;
  -moz-border-radius : 5px;
  padding : 0px 2px 0px 2px;
}	


.post div.ficheinscription form{
  background : #AAA;
  margin :  5px 5px 5px 15px;
  -moz-border-radius : 5px;
  padding : 0px 2px 0px 2px;
}	

.post div.ficheinscription form legend{
  font-variant : small-caps;
  color:#99C;
  font-weight:bold;
  font-size:1.5em;
  text-align:center;	
  width:86px;
  padding:3px 5px;
  margin:24px 0px 0px -10px;
  position:relative;
}

 .post div.ficheinscription form input{
	background-color:#e9f9ac;
	width:200px;
	margin:3px 0px 0px 150px;
	padding:1px 2px;
	display:block;
	
	border-width: 0px 0px 1px 0px;
	border-style: solid solid dotted solid;
	border-color:#809431;
	
	color:#5c71a2;
	font-family:DejaVu Sans Mono, Courier, mono;
	text-align:center;
}

.post div.ficheinscription form select{
	background-color:#e9f9ac;
	width:224px;
	margin:3px 0px 0px 150px;
	padding:1px 2px;
	display:block;
	
	border-width: 0px 0px 1px 0px;
	border-style: solid solid dotted solid;
	border-color:#809431;
	
	color:#5c71a2;
	font-family:DejaVu Sans Mono, Courier, mono;
	text-align:center;
}

.post div.ficheinscription form .button{
	background-color:#e9f9ac;
	background-image:none;
	border-width:1px;
	border-style:solid;
	border-color:#809431;
	font-weight:bold;
	font-family:Verdana, Helvetica, sans-serif;
	width:80px;
	padding:2px;
	margin:10px 40% 2px
}
.post div.ficheinscription form .button:hover{
	background-color:#e9f9ac;
	background-image:none;
	border-width:1px;
	border-style:solid;
	border-color:#FF9431;
	font-weight:bold;
	font-family:Verdana, Helvetica, sans-serif;
	width:80px;
	padding:2px;
	margin:10px 40% 2px
}

.post form fieldset{
  background-color:#e9f9ac;	
  font-family:Verdana, Helvetica, sans-serif;
  -moz-border-radius : 5px;
  font-size:12px;	
  margin:1px 20px 1px 20px;
  width:420px;
  position:relative;
  display:block;
  padding: 0px 10px 5px 10px;
  }
  
.post form label{
  color:#5c71a2;
	font-size:90%;
	font-weight:bold;
	display:block;
	float:left;
	text-align:right;
	margin:0px 0px 0px 5px;
}
  
  .post form input{
	background-color:#e9f9ac;
	width:300px;
	margin:3px 0px 0px 60px;
	padding:1px 2px;
	display:block;
	
	border-width: 0px 0px 1px 0px;
	border-style: solid solid dotted solid;
	border-color:#809431;
	
	color:#5c71a2;
	font-family:DejaVu Sans Mono, Courier, mono;
	text-align:center;
}

.post form input:focus{
	background-color:#f9f9bc;
	width:300px;
	margin:3px 0px 0px 60px;
	padding:1px 2px;
	display:block;
	
	border-width: 0px 0px 1px 0px;
	border-style: solid solid dotted solid;
	border-color:#809431;
	
	color:#5c71a2;
	font-family:DejaVu Sans Mono, Courier, mono;
	text-align:center;
}

.post form select{
	background-color:#e9f9ac;
	width:300px;
	
	margin:3px 0px 0px 60px;
	padding:1px 2px;
	display:block;
	
	border-width: 0px 0px 1px 0px;
	border-style: solid solid dotted solid;
	border-color:#809431;
	
	color:#5c71a2;
	font-family:DejaVu Sans Mono, Courier, mono;
	font-size:0.8em;
}
.post form textarea{
	background-color:#e9f9ac;
	width:300px;
	margin:3px 0px 0px 60px;
	padding:1px 2px;
	display:block;
	border-width: 1px;
	border-style: dotted;
	border-color:#809431;
	color:#5c71a2;
	font-family:DejaVu Sans Mono, Courier, mono;
}
.post form .button{
	background-color:#e9f9ac;
	background-image:none;
	border-width:1px;
	border-style:solid;
	border-color:#809431;
	font-weight:bold;
	font-family:Verdana, Helvetica, sans-serif;
	width:80px;
	padding:2px;
	margin:10px 0px 0px 20px
}
.post form .button:hover{
	background-color:#e9f9ac;
	background-image:none;
	border-width:1px;
	border-style:solid;
	border-color:#FF9431;
	font-weight:bold;
	font-family:Verdana, Helvetica, sans-serif;
	width:80px;
	padding:2px;
	margin:10px 0px 0px 20px
}
.post, #comments, #form { /* Conteneur de l'article */
	padding : 0 0 25px 0;
	}
.post .categorie {
	padding : 0 0 2px 0; margin : 0;
	font-size : 0.85em;
	line-height : 1em;
	}
.post .date {
	padding : 0; margin : 0;
	text-align : center;
	font-size : 0.85em;
	}
.articletitle{ /* Titre de l'article */
	color : #DCA61C;
	font-size : 1.4em;
	margin : 0; padding : 0;
	letter-spacing : 2px;
	}
.articletitle a{ /* Lien sur le titre de l'article */
	color : #DCA61C;
	text-decoration : none;
	}
.articletitle a:hover{
	color : #FFB93D;
	}
.comment_nb { /* Informations de l'article (auteur, date etc...) */
	margin : 0; padding :0 8px 0 0;
	text-align : right;
	}

.post h3{ /* Titre ds l'article */
	color : #DCA61C;
	font-size : 1.2em;
	letter-spacing : 1px;
	margin-left:1em;
	}

.post h4{ /* Titre ds l'article */
	color : #DCA61C;
	font-size : 1.1em;
	margin-left:2em;
	letter-spacing : 1px;
	}

#pagination { /* Conteneur des liens 'page suivante' et 'page précédente' */
	text-align : center;
	margin : 0; padding : 0;
	}

div.calendrier a
{
  font-weight:bold;
  text-decoration: none;
  display:block;
}	
div.calendrier table{
  font : 11px Verdana, Lucida, Tahoma, Arial, sans-serif;
  text-align: center;
  vertical-align: middle;
  width: 525px;
  border:1px solid;
  border-collapse: collapse;
  }

div.calendrier td.mois_impair {color:#fff;background-color: #222;}
div.calendrier td.mois_pair {color:#222;background-color: #fff;}
div.calendrier th.mois_impair{color:#DCA61C;background-color: #222;}
div.calendrier th.mois_pair{color:#DCA61C;background-color: #fff;}
div.calendrier th{color:#DCA61C;}
div.calendrier .jour .mois{width:35px;}
div.calendrier .weekend col.jour1
{
  border-left: 2px solid #F03;
}
div.calendrier .weekend col.jour2
{
  border-right: 2px solid #F03;
}
div.calendrier td.arbitre{
  background-color:#8AB029;
}
div.calendrier td.cadre{
  background-color:#80A1B3;
}
div.calendrier td.benevole{
  background-color:#EB9D9D;
}

/* --------------------- 
Paneau latéral (#sidebar)  
--------------------- */
#sidebar {
	float : left;
	width : 140px;
	padding : 2px 0;
	border-right : 1px solid #111;
	}
#sidebar div {
	margin : 0 0 10px 0;
	}
#sidebar img {
	margin-left : -230px;
	}
#sidebar h2 { /* Titre des menus de la sidebar */
	color : #000;
	font-size : 1.1em;
	margin : 0; padding : 3px 0 0 10px;
	}
#sidebar ul { /* bloc de liste */
	margin : 0; padding : 3px 0;
	}
#sidebar li { /* élément de liste */
	list-style-type : none;
	padding: 1px 0 0px 10px;
	}
#sidebar li a { /* Liens dans les listes */
	color : #111;
	padding: 0 0 0 20px;
	text-decoration : none;
	}
#sidebar li a:hover {
	color : #A92C13;
	}
#syndication li a{
	display : block;
	padding : 0 0 0 25px;
	background : url(img/feed-icon-14x14.gif) no-repeat 5px 0.2em;
	}
#syndication li a:hover{
	background : url(img/feed-icon-14x14-2.gif) no-repeat 5px 0.2em;
	}



/* ---------------------
Commentaires
--------------------- */
.comment {
	padding : 2px 10px 5px 10px;
	}
.comment blockquote{
	padding : 2px 30px 2px 40px; margin : 0;
	}
.ligne0{
	background : #222;
	}



/* ---------------------
Pied de page (#footer)
--------------------- */
#footer {
	width : 740px;
	margin : 30px auto;
	text-align : center;
	font-size : 0.85em;
	}
fieldset {
	border : 0;
	}

label {
	display : block;
	}

input, textarea {
	border : 1px solid #000;
	border-left : 4px solid #111;
	}

textarea {
	width : 95%;
	}