/* ------------------------------------ */
/*      Feuille de style CSS        	*/
/*      Conception :		        	*/
/*      Niderlinder Arnaud         	*/
/*      Pugliese Benjamin            */
/*       www.tkd67.com               */
/*      (c)  2007	                     */
/* ------------------------------------ */


/* ------------------------------------ */
/*                                      	*/
/*           	 Général                  */
/*                                      	*/
/* ------------------------------------ */

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

body
{
	font: 0.8em "Verdana", helvetica, sans-serif ;
	background: #EEE ;
	color: #FFFF33;
	/*Seulement pour Internet Explorer */
	scrollbar-face-color:#888888;
    scrollbar-arrow-color:#FFFF33;
    scrollbar-track-color:#EEEEEE;
}

html>body div#conteneur { 
 /*Pour les autres navigateurs qui intègrent min-height*/
	min-height: 100% ;
} 

img a { border:0px; }

div#conteneur
{
	width: 800px ;
	margin: 0 auto;
	position: relative;
	background: #EEE url(img/fond.png) repeat-y top center !important;
	color: #FFFF33;
	height: 100%; /*pour  ie 6*/
}
div#vote
{
	width: 170px ;
	margin: 0 auto;
	position: absolute;
	/*background: #EEE url(img/fond.png) repeat-y top center !important;*/
	color: #FFFF33;
	z-index:100;
	/*height: 100%; pour  ie 6*/
}
abbr, acronym { cursor: help; }

/* ------------------------------------ */
/*                                      	*/
/*           	 Liens                      */
/*                                      	*/
/* ------------------------------------ */
a:link {
	color: #888;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #888;
}
a:hover {
	text-decoration: underline;
	color: #FFFF33;
}
a:active {
	text-decoration: none;
	color: #FFFF33;
}

.h2:link
{
	margin: 1em 0 10px 0;
	display:block;
	padding: 0 0 2px 20px;
	line-height: 25px ;
	font-size: 1.1em ;
	color: #FFFF33 ;
	border-bottom: 1px solid #888 ;
	background: url(img/puce.jpg) no-repeat 0 0.2em !important;
}.h2:visited
{
	margin: 1em 0 10px 0;
	display:block;
	padding: 0 0 2px 20px;
	line-height: 25px ;
	font-size: 1.1em ;
	color: #FFFF33 ;
	border-bottom: 1px solid #888 ;
	background: url(img/puce.jpg) no-repeat 0 0.2em !important;
}.h2:hover
{
	margin: 1em 0 10px 0;
	display:block;
	padding: 0 0 2px 20px;
	line-height: 25px ;
	font-size: 1.1em ;
	color: #FFFF33 ;
	border-bottom: 1px solid #888 ;
	background: url(img/puce.jpg) no-repeat 0 0.2em !important;
}.h2:active
{
	margin: 1em 0 10px 0;
	display:block;
	padding: 0 0 2px 20px;
	line-height: 25px ;
	font-size: 1.1em ;
	color: #FFFF33 ;
	border-bottom: 1px solid #888 ;
	background: url(img/puce.jpg) no-repeat 0 0.2em !important;
}
.b:link
{
	font:bold;
	color: #FFFF33 ;
}.b:visited
{
	font:bold;
	color: #FFFF33 ;
}.b:hover
{
	font:bold;
	color: #FFFF33 ;
}.b:active
{
	font:bold;
	color: #FFFF33 ;
}
/* ------------------------------------ */
/*                                      	*/
/*            haut de page     	 */
/*                                      	*/
/* ------------------------------------ */

div#titre
{
	color: #888 ;
	font-size: 3em ;
	font-weight:bold;
	position: absolute;
	top:25px;
	left:125px;

}
div#photoMois
{
	color: #000 ;
	font-size: 0.7em ;
	font-weight:bold;
	position: absolute;
	top:25px;
	left:50px;

}
.photoDuMois
{
	background: #888 ;
	padding:0.1em;
	border: 1px solid #000;
}
/* ------------------------------------ */
/*                                      	*/
/*     		 Menu                     */
/*                                      	*/
/* ------------------------------------ */

div#menu_haut
{
	position:relative;
	text-align: center ;
	background: url(img/menu_haut.png) no-repeat top center;
	width: 700px ;
	height:37px;
	width: 700px !important;
	margin: 0 auto;
	padding: 8px ;
}

div#menu_bas
{
	position:relative;
	text-align: center ;
	background: url(img/menu_bas.png) no-repeat top center;
	width: 700px ;
	height:37px;
	width: 700px !important;
	margin: 0 auto;
	padding-top: 8px;
}

/* ------------------------------------ */
/*                                      	*/
/*           	 Contenu                 */
/*                                      	*/
/* ------------------------------------ */
div#contenu
{
	position:relative;
	width: 700px ;
	margin: 35px;
	padding: 0 5px 0 5px ;
	
}

div#entete
{
	width:750px;
	height:200px;
	background:  url(img/banniere.png) no-repeat top center;
	margin: 0 auto;
	display:block;
}

div#logo
{
	position:absolute;
	width:75px;
	height:75px;
	background: url(img/logo.png) no-repeat top center !important;
	margin: 15px;
}

div#contenu h2
{
	margin: 1em 0 10px 0;
	display:block;
	padding: 0 0 2px 20px;
	line-height: 25px ;
	font-size: 1.1em ;
	color: #FFFF33 ;
	border-bottom: 1px solid #888 ;
	background: url(img/puce.jpg) no-repeat 0 0.2em !important;
}

div#contenu h3
{
	margin-top: 0px;
	margin-left: 15px ;
	display:block;
	padding-left: 5px ;
	padding-top: 0px ;
	border-left: 2px dotted #888 ;
	border-bottom: 2px dotted #888 ;
	color: #FFFF33 ;
	font-size: 1.4em ;
	text-align: left;
}
div#contenu h4
{
	margin-top: 10px;
	margin-left: 35px ;
	padding-left: 5px ;
	border-left: 1px dotted #888 ;
	border-top: 1px dotted #888 ;
	color: #FFFF88 ;
	font-weight: none ;
	font-size: 0.8em ;
	text-align: left;
}
div#contenu p { text-align:left; }

div#contenu p:first-letter {
	color: #FFFF88;
	font-weight:bold;
	text-transform : capitalize;
}

div#hautPage { 
	float:right;
	font-weight: none ;
	font-size: 0.8em ;
}

.news { 
	background: #222;
	margin-bottom: 5px;
	padding: 5px;
}
.newsImg { 
	padding-top: 0.3em;
}
.livredor { 
	background: #222;
	margin-bottom: 10px;
	padding: 2px 5px 5px 5px; 
}
.livredor p { padding-top: 5px; }

.infoPost {
	margin-bottom: 5px ;
	border-bottom: 1px dotted #888 ;
	color: #FFFF88 ;
	font-weight: none ;
	font-size: 0.8em ;
	text-align: left;
}
.correct {
	font-size: 0.8em ;
	color: #00CC00;
	font-weight: bold;
}
.avertissement {
	font-size: 0.8em ;
	color: #CC0000;
	font-weight: bold;
}
div#image_right{
	float:right;
	border:#CCCC00 solid thin;
	padding: 5px 5px 5px 5px; 
	background-color:#555500;
	margin-left:10px;
	clear:left;
}
div#image_left{
	float:left;
	border:#CCCC00 solid thin;
	padding: 5px 5px 5px 5px; 
	background-color:#555500;
	margin-right:10px;
	clear:both;
	clear:right
}

div#journal{
	font-style:italic;
	margin-bottom:10px;
}
div.niveau0{
	margin:20px;
	/*white-space : normal ;
	line-height : -10px ;*/
	display:inline;
}
div.niveau1{
	margin-left:60px;
	display:list-item;
}
div.niveau2{
	margin-left:100px;
	display:list-item;
}
.allwidth{
	width:100%;
	height:100px;
}
.left {
	float:left;
	width: 50%;
}
div#legende{
	width:20px;
	float:left;
}
.alinea{
	margin-left:30px;
	margin-bottom:10px;
}
.partenaire{
	text-align:center;
	clear:both;
	margin-bottom: 10px ;
	margin-top: 10px ;
	padding-bottom: 10px ;
	border-bottom: 2px dotted #888 ;
}
/* ------------------------------------ */
/*                                      	*/
/*               Bas de page              */
/*                                      	*/
/* ------------------------------------ */

div#footer
{
	position:absolute ;
	width:800px;
	height:100px;
	background: url(img/footer.png) no-repeat top center !important;
	padding-top:20px;
	text-align:center;
}
div#footer_admin
{
	position:absolute ;
	width:800px;
	height:57px;
	background: url(img/footer_admin.png) no-repeat top center !important;
	text-align:center;
}
div#footer a { color: #000 ; }

div#valid
{
	position:relative ;
	width:800px;
	text-align:center;
	margin: 0 auto;
	color: #000;
	padding-top:100px;
}

.titre { text-decoration: underline; }

.rubrique
{
	color:#FFFF33;
	font-size: 1.4em ;
	text-align:center;
}


/* ------------------------------------ */
/*                                      	*/
/*           	 Formulaire             */
/*                                      	*/
/* ------------------------------------ */

form { margin: 10px 15px; }

form fieldset
{
	margin: 25px 0;
	border: 0 none;
}

form label, p.label
{
	font-weight: bold;
	cursor: pointer;
	color: #FFFF88;
	margin: 1em 0 0 0;
}

p.label { cursor: text; }

form fieldset input, form fieldset textarea, form fieldset select { margin: 5px 0; }

form fieldset input.text, form fieldset textarea
{
	display: block;
	width: 40%;
	padding: 2px;
	border: 1px solid #444;
	background: #888;
}

form fieldset input[type="text"],form fieldset input[type="password"]
{
	display: block;
	width: 40%;
	padding: 2px;
	border: 1px solid #444;
	background: #888;
}
form fieldset input[type="file"]
{
	width: 40%;
	padding: 2px;
	border: 1px solid #444;
	background: #888;
}

form fieldset input[type="text"]:focus, form fieldset input.text:focus, form fieldset textarea:focus,form fieldset input[type="password"]:focus,form fieldset input.password:focus
{
	background: #FFFF88;
	border-color: #888;
}

form fieldset input[type="text_2"]
{
	width: 40%;
	margin-left:5px;
	padding: 2px;
	border: 1px solid #444;
	background: #888;
}
form fieldset input[type="text_bis"]
{
	width: 15%;
	margin-left:5px;
	padding: 2px;
	border: 1px solid #444;
	background: #888;
}
form fieldset input[type="text_ter"]
{
	width: 10%;
	margin-left:5px;
	padding: 2px;
	border: 1px solid #444;
	background: #888;
}
form fieldset select
{
	width: 15%;
	margin-left:20px;
	padding: 2px;
	border: 1px solid #444;
	background: #888;
}
form fieldset input, form fieldset label { margin: 0; }

form fieldset p.label {
	margin-bottom: 0;
	padding-bottom:0;
}
form fieldset input[type="red"]
{
	display: block;
	width: 40%;
	padding: 2px;
	border: 1px solid #444;
	background: #F88;
}
form fieldset input[type="green"]
{
	display: block;
	width: 40%;
	padding: 2px;
	border: 1px solid #444;
	background: #AFA;
}
/* ------------------------------------ */
/*                                      	*/
/*           	 LightBox                */
/*                                      	*/
/* ------------------------------------ */

div#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

div#lightbox a img{ border: none; }

div#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

div#imageContainer{ padding: 10px; }

div#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
div#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
div#imageContainer>div#hoverNav{ left: 0;}

div#hoverNav a{ outline: none;}

div#prevLink, div#nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
	
div#prevLink { left: 0; float: left;}
div#nextLink { right: 0; float: right;}
div#prevLink:hover, div#prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
div#nextLink:hover, div#nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


div#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	color:#000;
	margin: 0 auto;
	line-height: 1.4em;
	}

div#imageData{
	padding:0 5px;
	}
div#imageData div#imageDetails{ width: 70%; float: left; text-align: left; margin-bottom:5px; }	
div#imageData div#caption{ font-weight: bold; color:#000;	}
div#imageData div#numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
div#imageData div#bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
div#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}	

/*
============================================
Tableaux
============================================
*/
table{
	border:#888800 thin solid;
	text-align:center;
	width:100%;
	border-spacing:0px;
}
table.horaires{
	width:95%;
}
th{
	background-color:#555500;
	/*border:#FFFF00 1px solid;*/
	border-collapse:separate;
}
td{
	/*border-spacing: 0px;
	border-collapse: collapse;
	padding:0px;*/
	
}
.rouge{
	background-color:#FF2200;
}
.orange{
	background-color:#FF9900;
}
.jaune{
	background-color:#FFFF00;
}


/*
============================================
Calendrier
============================================
*/

.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position:fixed;
	z-index: 32767;
	width:300px;
	margin-left:200px;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFFFAA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

/* Couleurs thead */
.ds_subhead {
	background-color: #DDDD88;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

/*Couleurs cellules*/
.ds_cell {
	background-color: #FFFFAA;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #DDDDAA;
} /* This hover code won't work for IE */