body {
	margin: 0;
	padding: 0;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: black;
	background-color:#c8c1b1;
	background-image: url(../images/body_fond.png);
        background-attachment: fixed;
}


.liste ul {
	list-style-type:none;
	margin: 7px 0;
	padding: 3px 3px 3px 10px;
}

.liste ul li {
	background-position: left center;
	background-repeat: no-repeat;
	font-size:11px;
	margin-bottom:5px;
	margin-left:0;
	padding-left:25px;
	color: #777777;
}

.liste a.titre-element {
	font-weight:bold;
	color:#252525;
	font-size:12px;
}

.liste a:hover{
	color: #199cd3;
}
.liste .date span {
	text-transform:lowercase;
}



.article {
        border: none; /*2px solid #e9932b;*/
        padding: 3px;
        margin: 0 0 4px 0;
}

.titre-article {
        font-size: 14px;
        color: black;
        background-color: #f9f3da; /*F0F0F0;*/
        border: none; /*2px solid #DDDDDD;*/
        font-weight: bold;
        padding: 3px 7px;

}


.titre-article span{
        font-weight: normal;
        font-size: 12px;
}

.editer-article {
        color: black;
        font-weight: normal;
        float: right;
        font-size: 12px;
text-align: right;
}
.contenu-article {
        padding: 10px;
        font-size: 12px;
}

.contenu-article li {
        margin-bottom: 10px;
}

.cadre {
        border: 1px solid #f9f3da;
        padding: 3px;
        margin-bottom: 15px;
}





label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }

input[type=text],
input.text, input.title, 
textarea, select { 
  background-color:#fff; 
  border:1px solid #bbb; 
}
input[type=text]:focus, 
input.text:focus, input.title:focus, 
textarea:focus, select:focus { 
  border-color:#666; 
}

input[type=text], 
input.text, input.title,
textarea, select {
  margin:0.5em 0;
}

textarea      { width: 390px; height: 250px; padding:5px; }

input[type=checkbox], input[type=radio], 
input.checkbox, input.radio { 
  position:relative; top:.25em; 
}

a {
	color: #252525;
	text-decoration: none;
}
a:hover{
	color: #199cd3;
}

img {
	border-style: none;
}

#page {
	padding: 0;
	width: 982px;
	margin: 10px auto 0;
	background-color: transparent;
	background-image: url(../images/entete/header_bg.gif); 
	background-repeat: no-repeat;
	background-position: 0 0;
}


#logo {
	float: left;
	padding-left: 20px;
	position: relative;
	width: 295px;
}

#header{
	height:107px;
}

#logo a {
line-height: 0;
}

#header-droite {
	float: left;
	position: relative;
	width: 665px;
	text-align: right;
}
#corps-accueil .int {
	background-color:#FFFFFF;	
}

#header-droite .int {
	padding: 15px;
}


#header-droite .int ul {
	list-style:none;
	padding: 0;
	margin: 0;
}

#header-droite .int ul img{
	border:none;
	float:left;
}

#header-droite .int ul li {
	float:right;
}

#header-droite .int ul li a {
	margin-right:20px;
}

#header-droite .int #search {
	clear:right;
	color:#5DAEF0;
	float:right;
	margin:10px 30px 0 0;
}

#header-droite .int input {
	color:#5daef0;
	border:none;
}

#header-droite .int #submit{
	color:#666;
	font-weight:bold;
	text-transform:uppercase;
	background: url('../images/btn-search_bg.gif') repeat-x;
	border:1px solid #CCC;
}

#menu {
	float: left;
	background-image: url(../images/menu/menu_bg.gif);
	background-color: #ffffff;
	width: 100%;
	_margin-top: -3px;
}

#contenu {
	background-color: #ffffff;
}

#gauche {
	float: left;
	width: 192px;
	min-height: 482px;
	*height: 482px;
	background-color: #ffffff;
	background-image: url(../images/menu-gauche/fond.png);
	background-repeat : repeat-x;
	color: #434443;
}
#gauche .int {
	padding: 15px;
}

#droite {
	float: left;
	width: 789px;
	background-color: #ffffff;
}
#droite .int{
	padding: 15px;
}

#arrondis {
	height: 20px;
	background-image: url(../images/pied/footer_bg.gif);
	background-repeat:no-repeat;
	background-color: transparent;
}

#arrondis-bug-ie6 {
	background: white; height: 1px;
}

#bonjour {
	background: transparent url(../images/icones/user.gif);
	background-repeat: no-repeat;
	background-position: 0 25%;
        margin: 0 -5px; 
	padding: 0 0 8px 30px;
	min-height: 25px;
border-bottom: 1px dotted white;
line-height: 140%;
}

#confidentialite {
	background: transparent url(../images/icones/confidential.gif);
	background-repeat: no-repeat;
	background-position: 0 25%;
        margin: 5px -5px 0 -5px; 
	padding: 0 0 8px 30px;
	min-height: 25px;
	*height: 25px;
border-bottom: 1px dotted white;
}


#participer {
	background: transparent url(../images/icones/contribuer.gif);
	background-repeat: no-repeat;
	background-position: 0 25%;
        margin: 5px -5px 0 -5px; 
	padding: 0 0 8px 30px;
	min-height: 25px;
        border-bottom: 1px dotted white;
}

#sous-menu {
	margin-top: 15px;
}

#sous-menu .titre {
	border-bottom: 1px solid #a7a7a7;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
}
#sous-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 5px;
}
#sous-menu ul li{
	padding: 7px 0 0 0;
}
#sous-menu a{
	text-decoration: none;
}

#search .texte {
	background-color:#F7F7F7;
	background-image:url(../images/loupe.png);
	background-repeat:no-repeat;
	border:1px solid #CCCCCC;
	color:#4C4C4C;
	font-weight:normal;
	padding-left:20px;
}
#search .ok {
	color:#666;
	font-weight:bold;
	text-transform:uppercase;
	background: url(../images/btn-search_bg.gif) repeat-x;
	border:1px solid #CCC;
	cursor:pointer;
}

#footer{
	padding: 15px;
	text-align: center;
	color: #908670;
}

#footer a {
	color: #605b4f;
}

#bloc {
	background:#EEEEEE none repeat scroll 0 0;
	float:left;
	height:250px;
	margin-left:11px;
	margin-right:5px;
	width:355px;
} 

#bloc .titre {
	color: white;
	font-size: 14px;
	font-weight: bold;
	background-image: url(../images/tableau-de-bord/bord-gauche.gif);
	background-repeat: no-repeat;
	
}

#bloc .titre span {
	display: block;
	padding: 8px 10px;
	background-image: url(../images/tableau-de-bord/bord-droit.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

#bloc .liste {
	height: 196px;
	/* Code spécial IE */
	_height: expression((this.offsetHeight>this.offsetWidth) ? Math.min(parseInt(this.offsetHeight), 196 ) : true);
	overflow-x:hidden;
	overflow-y:auto;
}

#bloc .liste ul {
	list-style-type:none;
	margin: 7px 0;
	padding: 3px 3px 3px 10px;
}

#bloc .liste ul li {
	background-position: left center;
	background-repeat: no-repeat;
	font-size:11px;
	margin-bottom:5px;
	margin-left:0;
	padding-left:25px;
	color: #777777;
}

#bloc .liste a.titre-element {
	font-weight:bold;
	color:#252525;
	font-size:12px;
}

#bloc .liste a:hover{
	color: #199cd3;
}
#bloc .liste .date span {
	text-transform:lowercase;
}
#bloc h3 {
	background:#CCCCCC url(../images/tableau-de-bord/bloc-sep.png) repeat-y;
	color:white;
	font-size:10px;
	font-weight:bold;
	letter-spacing:1px;
	margin:7px 5px -5px;
	padding:1px 5px;
	text-align:left;
	text-transform:uppercase;
}

#liste-reunions li {
    background-image: url(../images/icones/mini/date.gif);
}
#liste-evenements li {
	background-image: url(../images/icones/mini/date.gif);
}
#liste-actus li {
	background-image: url(../images/icones/mini/note.gif);
}
#liste-forum li {
	background-image: url(../images/icones/mini/comments.gif);
}
#liste-fichiers li {
	background-image: url(../images/icones/mini/file.gif);
}

.sepbloc {
	clear: left;
	height: 10px;
}

div.violet {
	background: #a22a88;
}
div.vert {
	background: #79bb16;
}
div.orange {
	background: #ed902c;
}
div.rose {
	background: #dc357f;
}

a.violet:hover  {
	color: #a22a88;
}
a.vert:hover  {
	color: #79bb16;
}
a.orange:hover  {
	color: #ed902c;
}
a.rose:hover  {
	color: #dc357f;
}

.tout{
	text-align: right;
	display: block;
	padding: 5px;
}

.tout a {
	font-weight: bold;
	color: #999;
}

.tout a:hover {
		
}


a.bouton-haut {
        display: block;
        padding: 3px 5px 3px 22px;
        background-position: 3px 50%;
        background-repeat: no-repeat; 
        background-color: transparent;       
        border: 1px solid #29a7db;
        color: white;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
       -moz-border-radius: 3px;
       -webkit-border-radius: 3px;
       border-radius: 3px;
}
a.bouton-haut:hover {
        border: 1px solid white;
        color: white;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
background-color: #199cc1;
}

h1, h1.title {
	font-size: 16px;
	font-weight: bold;
	color: black; /*#199cd3;*/
	
	margin: 0;
	padding: 0;
}


.contenu-article h2 {
	margin: 20px 0 10px 0;
	padding: 5px;
	background: #eee4e5;
	font-size: 14px;
	color: #403233;
}

#ctx_menu {
	list-style-type: none;
	margin: 10px 0 20px 0;
	padding: 8px 0px 4px 10px;
	background: #eeeeee;
	border-bottom: 2px solid #1a9bd4; /*#79bb16;*/
}

#ctx_menu li {
	display: inline;
	background-color: #1a9bd4; /*#79bb16;*/
	padding: 4px 10px;
	margin: 0 10px 0 0;
	color: white;
	font-weight: bold;
       -moz-border-radius-topleft: 3px;
       -webkit-border-top-left-radius: 3px;
       -moz-border-radius-topright: 3px;
       -webkit-border-top-right-radius: 3px;
       border-radius-topright: 3px;
       border-top-right-radius: 3px;
}

#ctx_menu  li.enabled{
	background-color: white;
	color: black;
	font-weight: normal;
}

table.bab_calendar {
	background-color:#FFFFFF;
	border: 1px solid #999999;
}

.bab_calendar thead td {
	border-bottom:1px solid white;
	border-left:1px solid white;
	border-right:1px solid white;
}

#bab_calmonth tbody td {
	border:1px dashed #EEEEEE;
}

.BabCalendarDays {
	background-color: #199CD3;
	color:#FFFFFF;
}

#bab_calmonth .calendar {
	border:1px solid grey;
}

.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: black;
border-color: #1A9BD4;
background-color: #e7f2f6;
background-image: url('../images/messages/info.gif');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('../images/messages/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('../images/messages/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('../images/messages/error.png');
}