/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

/* Elements */

body {
	margin: 20px 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #A1A1A1;
}

h1 {
}

h2, h3, h4, h5, h6 {
	color: #2582A4;
}

p, ol, ul {
	text-align: justify;
}

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

a {
	color: #87A019;
}

a:hover {
	text-decoration: none;
	color: #2582A4;
}

.box {
	margin-bottom: 0;
	padding-bottom: 0;
	background: url(images/img07.gif) repeat-x left bottom;
}

.box_commentaire {
	margin-bottom: 0;
	padding-bottom: 0;
	background: url(images/img07.gif) repeat-x left bottom;
}

.bottom {
	display: block;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url(images/img08.gif) no-repeat left bottom;
}

.image {
	float: left;
	margin: 3px 0 0 0;
	padding: 0;
}

.login_text{
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.top5 { 
	width: 50px;
	height: 50px;
	float: left;
	background: url(images/top5.png) no-repeat left top;
}

.top5_text { 
	margin-left: 17px;
	margin-top:30px ;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 30px;
	padding: 0;
	font-weight: bold;
	color: white;
}
.top5_image {
	float: right;
	padding: 0;
}

.indent_upload {
	margin-left: 50px;
}

.indent_note {
	margin-left: 70px;
}

.indent {
	margin-left: 125px;
}

.indent_inscrption {
	margin-left: 145px;
}

.indent_connexion {
	margin-left: 250px;
}

.indent_detail {
	margin-left: 425px;
}

.indent_commentaire {
	margin-left: 550px;
}

.indent_profil {
	margin-left: 300px;
}

.indent_rechercher {
	margin-left: 428px;
}

.indent_recherche {
	margin-bottom: 60px;
}

/* Header */

#header {
	width: 928px;
	height: 37px;
	margin: 0 auto;
	background: #BECF74 url(images/img01.gif) repeat-x;
	border-bottom: 3px solid #FFFFFF;
}

/* Menu */

#menu {
	float: left;
	width: 600px;
	height: 37px;
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
	background: url(images/img02.gif) no-repeat;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 27px;
	padding: 10px 15px 0px 15px;
	text-transform: lowercase;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

#menu a:hover {
	background: #A4B74C url(images/img04.gif) repeat-x;
}

/* Search */

#logout {
	float: right;
	height: 28px;
	margin: 0;
	padding: 9px 25px 0 0;
	background: url(images/img03.gif) no-repeat right top;
}

#login {
	float: right;
	height: 28px;
	margin: 0;
	padding: 9px 25px 0 0;
}


#input1 {
	width: 164px;
	padding: 2px 5px;
	background: #FFFFFF;
	border: none;
}

#input2 {
	height: 20px;
	background: #87C4DB;
	border: none;
	text-transform: lowercase;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

#input3 {
	height: 20px;
	background: #a3c449;
	border: none;
	text-transform: lowercase;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

/* Content */

#content {
	width: 928px;
	margin: 0 auto;
}

#colOne {
	float: left;
	width: 238px;
	background: url(images/img05.gif) repeat-x;
}

#colOne h3 {
	padding: 0 20px;
}

#colOne ul {
	margin-left: 0;
	padding-left: 20px;
	padding-right: 20px;
	list-style: none;
}

#colOne li {
	padding: 5px 0;
	border-top: 1px solid #EFEFEF;
}

#colOne li.first {
	border: none;
}

#colTwo {
	float: right;
	width: 617px;
	padding: 30px 40px 20px 30px;
	background: url(images/img09.gif) repeat-x;
}

#colTwo h2 {
	margin-top: 0;
	font-size: 26px;
}

#colTwo h3 {
	margin-bottom: 0;
	font-size: 18px;
}

#colTwo h4 {
	margin-top: 0;
	font-size: 11px;
	font-weight: normal;
}

#colTwo .box {
	margin: 0 -30px 30px -20px;
	padding: 0 30px 0 20px;
}

#colTwo .bottom {
	margin: 0 0 20px -20px;
	padding: 0 0 20px 20px;
}

#commentaire {
	padding: 10px 40px 0 30px;
	float: right;
	width: 600px;

}

#commentaire .ajout {
	margin-top: 20px;
	margin: 0 -30px 30px -20px;
	padding: 0 30px 0 20px;
	border: 1px dashed gray;
	background: url(images/img09.gif) repeat-x;
}

#inscription {
	padding: 20px 50px 10px 50px;
	float: right;
	width: 500px;
}

#inscription .ajout {
	border: 2px dashed #d3d3f4;
	background: #f1f1f9;
	font-weight: bold;
}

#recherche {
	float: right;
	width: 620px;
	padding: 15px 0 20px 0;
}

#recherche .ajout {
	border: 2px dashed #cccccc;
	background: #e4edbf;
	font-weight: bold;
}


#erreur {
	padding: 30px 40px 0 30px;
	float: right;
	width: 660px;
	padding: 15px 20px 0 0;
}

#erreur .ajout {
	border: 2px dashed Red;
	background: #f9e4e4;
	font-weight: bold;
}
#gallery {
	padding: 5px 10px 5px 10px;
	float: left;
	width: 120px;
	height:200px;

}

#gallery2 {
	padding: 5px 10px 5px 10px;
	float: left;
	width: 120px;
	height:120px;

}

#gallery .font {
	padding: 2px 2px 0 2px;
	margin-left: 0px; 
	margin-right: auto;
	border: 1px dashed #d3d3f4;
	background: #f5f5fb;
	font-weight: bold;
}

#gallery2 .font {
	padding: 2px 2px 0 2px;
	margin-left: 0px; 
	margin-right: auto;
	border: 1px dashed #d3d3f4;
	background: #f5f5fb;

	font-weight: bold;
}

#tableau {
	float: right;
	width: 617px;
	padding: 30px 40px 20px 30px;
	background: url(images/img09.gif) repeat-x;
}

#tableau h2 {
	margin-top: 0;
	font-size: 26px;
}

#tableau h3 {
	margin-bottom: 0;
	font-size: 18px;
}

#tableau h4 {
	margin-top: 0;
	font-size: 11px;
	font-weight: normal;
}

/* Tableau */

.tableRowClickEffect1{
	background-color:#000;
	color:#FFF;
}

.ds_subhead {
	background-color: #a0b44a;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}


/* Alternance de bleu et vert */
.Tab_impaire {background:   #e8ffcc;}
.Tab_paire {background:  #f5f5fb;}

/* Logo */

#logo {
	height: 150px;
	background: url(images/img06.gif) no-repeat;
}

#logo h1, #logo h2, #logo a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-transform: lowercase;
	text-align: center;
	color: #FFFFFF;
}

#logo h1 {
	padding-top: 25px;
	font-size: 34px;
}

#logo h2 {
	margin-top: -5px;
	font-size: 12px;
}

/* Footer */

#footer {
	clear: both;
	width: 928px;
	margin: 0 auto;
	padding-top: 40px;
	background: url(images/img11.gif) repeat-x;
}

#footer p {
	margin: 0;
	text-align: center;
}

/*********** CALENDRIER *************/

#calendar {   
    text-align: center; 
	width: 100%;
    background-image: url(images/img12.gif);
}

#calendar_font {   
    text-align: center;   
    margin: 0 auto;   
    background-color: #FFFFFF;
} 
   
#mois {   
    font-weight: bold;
	color: white;
    background: #BECF74 url(images/img01.gif) repeat-x;   
}   
#jours td {   
    width: 22px;  
    color: white;   
	font-weight: bold;	
    background-color: #87C4DB;   
}   
.ligne td {   
    padding: 3px;   
}

td.itemCurrentItem {   
    color: white;   
	font-weight: bold;
    background-color: black;   
}   
td.itemSelectedItem {   
    background-color: #F4F4F4;   
} 

td.itemBlank {    
    background-color: #FFFFFF;
}   

/************* Affichage des images ***************/

.gallerycontainer{
	position: relative;
}

.thumbnail img{
	border: 1px solid black;
}

.thumbnail:hover{
	background-color: white;
}

.thumbnail:hover img{
	border: 1px solid blue;
}


/* // single thumbnail */