/* CSS Document */

/* ========================================================================== */
/* Graphisme général                                                          */
/* ========================================================================== */
/* body : par de marge, fond gris rayé                                        */
/* contenant : centrage horizontal, bordures noire et bandeau en haut         */
/* contenu : contenu des pages, décalage à gauche et justification            */
/* img : images alignées à gauche par défaut                                  */


body 
{
	padding: 0px;
	margin: 0px;
	background: url("../img/fond.gif") repeat-y #FFC529;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}

#contenant
{
	background: url("../img/bandeau.jpg") no-repeat;
  width: 990px;
	margin: 0px auto 5px 0px;
	padding: 200px 0px 0px 0px;
  border: none;
  text-align: left;
}

#contenu
{
  padding: 10px 10px 50px 290px;
  text-align: justify;
}

.clearall 
{ 
  clear: both; 
}

/* ========================================================================== */
/* Les colonnes                                                               */
/* ========================================================================== */

#colgauche
{
  float: left;
  width: 165px;
  margin: 0px 10px 0px 0px;
  text-align: center;
}

#coldroite
{
  float: right;
  width: 205px;
  margin-left: 20px;
  text-align: left;
}



/* ========================================================================== */
/* Le menu                                                                    */
/* ========================================================================== */

#menu
{
  float:left;
  width: 190px;
  padding: 0px;
  font-size: 15px;
  text-align: left;
}

#menu a
{
  display: block;
  width: 172px;
	text-decoration: none;
	color: #fff;
	padding: 5px 5px 5px 20px;
	margin: 0px;
	font-weight: bold;
}

#menu a:hover
{
  text-decoration: underline ;
}

#menu .smenu
{
  margin: 0px 0px 15px 0px;
}

#menu .smenu a
{
  color: #ffc529;
  width: 172px;
	padding: 5px 5px 5px 20px;
	font-weight: bold;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
}

#menu .smenu a:hover
{
	color: #0F6CC9;
  text-decoration: underline ;
}

.menupique
{
	color: #000;
	background: url("../img/pique.png") no-repeat left;
}

.menublanc
{
  color: #FFF;
  background: #C73283;
}


a img 
{
  border: none;
}


/* ========================================================================== */
/* Les liens                                                                  */
/* ========================================================================== */
/* SeparLien : pour mettre une barre entre les liens (accessibilité)          */

a
{
	color: #0B6CB5;
  text-decoration: none;
}

a:hover
{
  text-decoration: underline ;
}

/* ========================================================================== */
/* Les formulaires                                                            */
/* ========================================================================== */

fieldset
{
  border: 1px solid #5D5D5D;
  background: #cbcbcb;
  padding: 0px 20px 20px 20px;
  margin: 10px 0px 5px 0px;
}

fieldset legend
{
  color: #5D5D5D;
  font-weight: bold;
}

label
{
  float:left;
  width: 100px;
  text-align: right;
  margin-right: 15px;
}

input, textarea
{
  width: 340px;
  background: #FFF2CF;
  border: 1px solid #666;
}

.search
{
  width: 8em;
  background: #fff;
  border: 1px solid #5D5D5D;
  margin: 0px 0px 5px 5px;
}

.submit
{
  width: 5em;
  background: #fff;
  border: 1px solid #5D5D5D;
  margin: 0px 0px 5px 5px;
}


/* ========================================================================== */
/* Section validation (boutons bas de page)                                   */
/* ========================================================================== */

#validation img
{
  border: none;
  margin: 0px 10px 0px 10px;
}


/* ========================================================================== */
/* Classes diverses                                                           */
/* ========================================================================== */
/* .centre : centrage d'élément                                               */
/* .bordures : bordures oranges                                               */

.centre
{
  text-align: center;
}

.bordures
{
  border: 1px solid #ffa500;
}

.postit
{
  background: url(../img/postit.gif) no-repeat top;
  height: 180px;
  padding: 20px 30px 40px 20px;
  margin: 15px 0px 0px 0px;
}

/* ========================================================================== */
/* Calendrier                                                                 */
/* ========================================================================== */
#Calendrier
{
  text-align: center;
  margin: 10px 0px 0px 0px;
}

#Calendrier table
{
  width: 100%;
  border: 1px solid #9896CB;
  border-collapse: collapse
}

#Calendrier table thead tr, #Calendrier table tfoot tr 
{
  font-size: 11px;
  background: #9896CB;
  color: #fff;
}

#Calendrier tbody a
{
  color: #333;
}

#Calendrier table tfoot a
{
  font-size: 9px;
  font-weight: bold;
  color: #fff;
}

#Calendrier table tfoot a:hover
{
  text-decoration: none;
}


#Calendrier td.Aujourdhui
{
  font-weight: bold;
  background: #9896CB;
}

img.polaroid
{
/*    padding: 0.75% 0.75% 0.75%;*/ 
    background: #fff;
    border: 1px solid #555;
/*    border-width: 1px 1px 1px 1px;*/
   margin-right: 10px;
}


/*--------- Lightbox -----------*/
#lightbox{
    background-color:#eee;
    padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
}

#lightboxDetails{
    font-size: 0.9em;
    color: #555;
    padding-top: 0.5em;
} 

#closeButton{ top: 5px; right: 5px; }

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 

#overlay img{ border: none; }

#overlay{ background-image: url(../img/overlay.png); }

* html #overlay{ /*Hack IE */
    background-color: #000;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.bouriol.net/semad/img/overlay.png", sizingMethod="scale");
}
/*-------- fin lightbox -------*/

#copyright
{
  height: 25px;
  width: 990px;
  text-align: center;
  font-size: 10px;
}

#documents ul
{
  list-style: none;
  padding: 0px;
  margin: 10px 0px 0px 0px;
}