/************************************
               Page
************************************/

body {
	font-family: Arial, Verdana;
	font-size: 14px;
	color: #222;
}

#page {
	width: 1000px;
	max-height: 680px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 22px;
	margin-bottom: 36px;
	background-color: white;
	
}

#pagePrivate {
	width: 1000px;
	height: 680px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 22px;
	margin-bottom: 36px;
	background-color: white;
}

#pageFormular {
	width: 900px;
	height: 680px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 22px;
	margin-bottom: 36px;
	background-color: white;
}

/************************************
               Headers
************************************/

#header {
	 padding: 10px;
	 height: 100px;
}


#logoLeft {
	 position: absolute;
   margin-top: 0px;
}

#logoRight {
   position: absolute;
	 margin-top: 0px;
	 margin-left: 835px;
}

#slogan{
	 position: absolute;
	 float: left;
	 width: 990px;
	 padding-top: 80px;
	 color: #CC0000;
	 font-weight: bold;
	 font-size: 14px;
	 border-bottom: 2px solid #CC0000;
}
#headerPrivate {
	 padding: 10px;
	 height: 30px;
	 border: 1px solid #ccc;
}

#sloganPrivate{
	 position: absolute;
	 float: left;
	 width: 900px;
	 padding-top: 5px;
	 padding-bottom: 5px;
	 color: #CC0000;
	 font-weight: bold;
	 font-size: 20px;
	 border-bottom: 2px solid #CC0000;
}
#retour{
	 float: right;
	 color: #CC0000;
	 font-size: 14px;
	 padding-top: 5px;
	 padding-right: 5px;
	 text-decoration: none;
}

#back{
	 position:absolute;
	 padding-top: 3px;
	 padding-left: 907px;
}


#headerFormular {
	 padding: 10px;
	 height: 30px;
	 border-top: 1px solid #ccc;
	 border-bottom: 1px solid #ccc;
}

#sloganFormular{
	 position: absolute;
	 float: left;
	 width: 850px;
	 padding-top: 5px;
	 padding-bottom: 5px;
	 color: black;
	 font-weight: bold;
	 font-size: 20px;
	 border-bottom: 2px solid black;
}
/************************************
               Menu
************************************/

#menu {
	 margin-top: 9px;
   float: left;
   width: 122px;
   height: 549px;
   border: 1px solid #ccc;
   background: white;
}


#menu ul { /* remove bullets and list indents */
	 list-style: none;
	 margin: 0;
	 padding: 0;
}


#menu a {
	 display: block;
	 margin: 0;
	 padding: 2px;
	 margin-left: 18px;
	 padding-left: 7px;
	 padding-top: 11px;
	 padding-bottom: 11px;
	 width: 80px;
	 background: white;
	 text-decoration: none;
}
.selected {
	 color: black;
}
.unselected {
	 color: #CC0000;
}

#menu #separator {
	 border-top: 1px solid #ccc;
}

#menu a:hover {
	 color: #666666;
}


#menu li {
	 /* make the list elements a containing block for the nested lists */
	 position: relative;
} 


/************************************
             Sous-menu
************************************/

#sousmenu {
	 height: 36px;
	 margin-top: 9px;
   margin-left: 135px;
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
   border-top: 1px solid #ccc;
   background-color: white;
}

#sousmenu ul{
	 padding: 8px ;
	 list-style: none ;
}
#sousmenu li {
	 display: inline;

}
#sousmenu li a {
	 padding-left: 4px;
   text-decoration: none;
   padding-right: 3px ;
}
#sousmenu li a:hover {
   color: #CC0000;
}

#sousmenu #separator {
	 border-left: 1px solid #222;
}
.smenuselected {
	 color: black;
}
.smenuunselected {
	 color: #666666;
}



/************************************
              Content
************************************/

#content {
	 min-height: 483px;
   margin-left: 135px;
   padding-bottom: 25px;
   padding: 15px;
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   background-color: white;
   line-height: 18px;
}

/* For internet explorer 6 */

* html #content {
height: 482px;
}

#content ul {
   list-style-type: disc;
   margin-left: 15px;
}

#content h1 {
   font-size: 20px;
   color:white;
   //text-decoration: underline;
   background-color:rgb(204, 0, 0);
   text-align: center;
   margin-bottom: 25px;
   font-family: Arial, Verdana;
}

#content p {
   margin-bottom: 15px;
   text-align: justify;
}

#content a {
   color: #666666;
   font-weight: bold;
}
#content a:hover {
   color: #CC0000;
}

#contentPrivate {
	 min-height: 586px;
	 margin-top: 9px;
   padding-bottom: 25px;
   padding: 15px;
   border: 1px solid #ccc;
   background-color: white;
}

/* For internet explorer 6 */

* html #contentPrivate {
height: 586px;
}

#contentPrivate h1 {
   font-size: 20px;
   font-weight: bold;
   text-align: center;
   margin-bottom: 25px;
   font-variant: small-caps;
}
#contentPrivate p {
   margin-bottom: 15px;
   text-align: justify;
}

#contentFormular {
	 min-height: 586px;
	 margin-top: 9px;
   padding-bottom: 25px;
   padding: 15px;
   background-color: white;
}

#contentFormular h1 {
   font-size: 20px;
   font-weight: bold;
   text-align: center;
   margin-bottom: 25px;
   font-variant: small-caps;
}
#contentFormular p {
   margin-bottom: 15px;
   text-align: justify;
}

/* info bulle */
.info_bulle
{
	border-top: 1.2px solid #bc2e35;
	font-size: 1.1em;
	font-style: italic;
}

/* tweaking these nerdy input buttons */

input { 
	  color:black; 
	  font: bold 90% Arial, Verdana; 
	  border: 1px solid; 
	  background-color:white;
	  border-color: #666666; 
} 

input:hover {
     background-color: #AAAAAA;
}

select {
	  color:black; 
	  font: bold 90% Arial, Verdana; 
	  border: 1px solid; 
	  background-color:white;
	  border-color: #AAAAAA; 
}

/* calendrier !! */
/* CSS Document */

#calendrier {
	font-family:arial;

	padding:10px;
}
#calendrier a{
	text-decoration:underline;
	color:#000000;
}
#calendrier table{
	width:100%;
	border:thin inset rgb(0, 0, 0);
}
#calendrier th{
	text-align:center;
	border-top:1px solid;
}
#calendrier th a{
	text-decoration:none;
	font-weight:none;
	font-size: 13px;
}
#calendrier th.mois{
	font-size: 16px;
	padding:3px;
	font-weight:bold;
	color: #666666;
}

#calendrier td{
	text-align:center;
	font-weight:bold;
	height:40px;
	width:12%;
	font-size: 16px;
	vertical-align:middle;
}
#calendrier td.today{
	border:2px solid #CC0000;
	color:#CC0000;
}
#calendrier td.inactif{
	background-color:#f0f0f0;
	font-weight:none;
	font-style:italic;
	color:#999999;
	border:0px solid #000000;
}
#calendrier td.actif{
	border:1px inset #000000;
}