* {
	
}

img{
	border:0;
}
div{
	
}
html, body, form, h1, h2, h3, h4, h5, h6, p, div, ul, li, dl, dd, dt {
	margin:0px;
	padding:0px;
}
ul, li{
	list-style-type: inside;
	list-style: none none none;
}
body{
	margin:0px;
	background:#FFF url(/cosmos/images/bg.gif) repeat 0% 0%;
	font-size:11px;
	color:#595959;
	font-family: verdana, arial, tahoma, Trebuchet MS,arial, sans-serif;
	margin: 0px; 
	padding: 0px;
}

#overall{
	width:965px;
	/*min-width:780px;*/
	/*line-height:100%;*/
	/*width:85%;*/
	background:#FFF url(/cosmos/images/bg-content-left.gif) repeat-y 0% 0%;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
}

#overall2{
	background:transparent url(/cosmos/images/bg-content-right.gif) repeat-y 100% 0%;
}
#overall3{
	background:transparent url(/cosmos/images/visuel-droite.gif) no-repeat 100% 0%;
}
#contenu{
	padding:0px;
	margin-left:14px;
	margin-right:13px;
}

#header{
	margin:0px;
	padding:0px;
	margin-left:14px;
	margin-bottom:10px;/*IE 8, autre 10*/
}
*html #header{
	margin-bottom:10px;
}
a, a:active, a:visited, a:link {
	color:#186Ba1;
	text-decoration: underline;
}
a:hover {
	color:#B70100;
	text-decoration: none;
}

/* MENU */
#leftnav {
	
}

#leftnav .top {
	/*width:440px;*/
	background:#fff url(/cosmos/images/shadow-top.gif) repeat-x 0% 0%;
	clear : both;
	dislpay:block;
	padding-top:8px;
	margin:0px;
}

/* menu haut */
#menu {
	width:420px;
}
#menu ul{
	height:1%;
	list-style:none;
	list-style-position: inside;
	margin: 0px;
	padding: 0px;
}
#menu li {
	line-height:16px;
	display: inline;
	margin: 0px;
	padding: 0px;
	float: left;
	text-align: center;
	width: 104px;
	border-right: 1px solid #880000;
}
#menu li.last{
	border-right: 1px solid #BA0001;
}
html>body #menu li {
	width: 104px;
}
#menu li ul { /* listes de deuxieme niveau */
	background:none;
	padding: 0;
	position: absolute;
	padding:0px;
	left: -999em; /* on met left plutot que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'ecran */
}
#menu li ul li { /* sous-listes */
	float: none;
	width: auto;
	line-height:16px;
	margin-top:5px;
	border-right: none;
}
#menu a {
	color:#FFF;
	background:#BA0001;
	text-decoration: none;
	font-weight:bold;
	font-family:arial, helvetica;
	display: block;
	width:104px;
}
#menu a:hover {
	background:#880000;
}
#menu li ul li a { /* sous-listes */
	font-family: arial, helvetica, sans-serif;
	color:#FFF;
	line-height:14px;
	font-variant: normal;
	font-weight: normal;
	text-align: left;
	margin:0px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:3px;
	padding-right:3px;
	background:none;
	background:#880000;
	border-top: 1px solid #000;
	display:block;
}
#menu li ul li a:hover { /* sous-listes */
	background:#186BA1;
}
#menu li:hover ul { /* listes imbriquees sous les items de listes survoles */
	left: auto;
}
#menu li.sfhover ul { /* listes imbriquees sous les items de listes survoles */
	left: auto;
	padding:0px;
	margin-left: -54px;
}

#leftnav .bot {
	clear : both;
	dislpay:block;
	padding-top:8px;
	background:#fff url(/cosmos/images/shadow-bot.gif) repeat-x 0% 100%;
}



/* --------- contenu ----------*/
#chemin, #chemin a,#chemin a:active,#chemin a:visited{
	color:#888;
	text-decoration:none;
}

#page{ 
/* #categorie, #home*/
	margin-top:10px;
	margin-left:15px;
	margin-right:15px;
	text-align:justify;
}
#page p {
	text-align:justify;
	/*padding-top:4px;
	padding-bottom:4px;*/
}

#page h1, #page h2, #page h3, #page h4{
	display:block;
	margin-bottom:6px;
	text-decoration:none;
	font-weight:bold;
}
#page h1, #categorie h1{
	padding: 3px;
	margin-top: 4px;
	margin-bottom: 12px;
	clear:both;
	font-size:16px;
	color:#186BA1;
	font-weight:bolder;
	/*width:480px;*/
	width:675px;
}

#page h2{
	background:#CCE0EF;
	color:#0064AA;
	font-size:1.2em;
	padding:3px;
}
#page h3{
	background:#FFF url(/cosmos/fichiers/Image/pictos/puce2.gif) no-repeat 0% 2px;
	color:#BA0001;
	padding-left:25px;
	font-size:1.3em;
}
#page h4{
	color:#777;
	font-size:1.1em;
}
#page .date{
	color:#777;
	float:right;
}

.cellule4 {
  float: left;
  width: 24%;
}
.cellule3 {
  float: left;
  width: 32.3%;
}
.cellule2 {
  float: left;
  width: 48.6%;
}
.cellule1 {
  float: left;
  width: 98%;
}
.organigramme {
  width: 100%;
  list-style-type: none;
  margin-left:auto;
  margin-right:auto;
}
.organigramme li {
  	float: left;
	margin: 1px 5px 5px 1px;
	height: 120px;
	border: 1px solid #0064AA;
	text-align: left;
	padding-top: 6px;
	/*background-color: #F0F6FA;*/
	background-color: #FFFFFF;
}
#page .organigramme img {
  padding:2px;
}
#page .organigramme h1{
	background-color: #FFFFFF;
	color: #BA0001;
	font-weight: bold;
	font-size: 12px;
}
#page .organigramme h2{
	background-color: #FFFFFF;
	color: #0064AA;
	font-weight: bold;
	font-size: 12px;
}

.suite{
	font-size:12px;
	font-weight:bold;
	text-align:right;
	display:block;
}

#home{
	padding: 0px;
	magin:0px;
}
#home .bloc{
	/*border : 1px solid #CCC;*/
	/*margin:5px;
	width:240px;
	float:left;*/
	padding-bottom:5px;
	padding-top:5px;
	background:transparent url(/cosmos/images/points-gris.gif) repeat-x -50% 100%;
}
#home .bloc h1, #home .bloc h1 a{
	font-family: arial, helvetica;
	color:#0065AD;
	font-size:14px;
	font-weight:bold;
	display:block;
	margin-bottom:4px;
	text-decoration:none;
}
 #home .bloc h1 a:hover{
 	text-decoration:underline;
 }
 
#aconsulter ul, #listearticles ul{
	list-style: none none none;
}
#listearticles li .title{
	list-style: none none none;
	background:#FFF url(/cosmos/fichiers/Image/pictos/puce2.gif) no-repeat 0% 2px;
	color:#BA0001;
	padding-left:25px;
	font-size:1.3em;
	text-decoration:none;
	font-weight:bold;
}
#aconsulter h1{
	/*background:#FFF url(/cosmos/fichiers/Image/pictos/puce1.gif) no-repeat 0% 2px;
	border-bottom: 1px dashed #767676;*/
	background:transparent url(/cosmos/images/points-gris.gif) repeat-x -50% 100%;
	padding-left:25px;
	padding-bottom:5px;
	display:block;
}
#aconsulter li h2{
	list-style-type: none;
	color:#69C;
	font-size:1.2em;
	width:100%;
}
li.listethemes, #listethemes li{
	list-style-type: none;
	font-weight:bold;
	color:#595959;
	border: 1px solid #B5B5B5;
	background-color: #E6E6E6;
	padding: 3px;
	margin: 1px;
	margin-top: 10px;
}
li.listearticles{
	margin: 1px;
	list-style-type: none;
	list-style-image : none;
	padding-left: 20px;
}
li.listearticles a,li.listearticles a:active,li.listearticles a:visited{
	color:#595959;
	text-decoration:none;
}
li.listearticles a:hover{
	color:#B70100;
	text-decoration:underline;
}
.encadre, .encadrebold, .encadre2{
	margin: 5px;
	padding: 5px;
	border: 1px solid #0064AA;
	display:block;
}
.encadrebold{
	font-weight:bold;
	color:#0065AD;
}
.encadre2{
	background:#F0F6FA;
}
.blocshadow {
	clear: both;
	float:left;
	background: url(/images/ombres/f7f5f0.gif) no-repeat bottom right;
	margin: 14px 0 0 8px;
    padding: 2px 16px 16px 2px;
}
.postitrouge{
	background:#FFF url(/cosmos/images/coin-postitrouge.gif) no-repeat 100% 100%;
	padding:5px;
	border-top: 1px solid #FF0000;	
	border-left: 1px solid #FF0000;
}
.c1{
	color:#B70100;
}
.c2{
	color:#0065AD;
}
.c3{
	color:#000000;
}
.c4{
	color:#BABABA;
}

/** Nav de droite **/

#rightnav {
	margin-right:16px;
	width:195px;
}

#rightnav .bloc{
	margin-top:6px;
	width:195px;
	background:#CCE0EF;
	color:#000000;
}

#rightnav .bloc h1.head{
	background:#0064AA url(/cosmos/images/fleche1-blanc.gif) no-repeat 4px 4px;
	display:block;
	color:#FFFFFF;
	font-size:12px;
	text-align:left;
	font-weight:bold;
	padding: 2px;
	padding-left:15px;
}

#rightnav .bloc p{
	padding:4px;
}
#footer{
	text-align:center;
	width:100%;
	margin-top:5px;
	font-size:9px;
	color:#AAAAAA;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:10px;
	clear : both;
}
#footer a{
	font-size:9px;
	color:#777;
}
#footer a:hover{
	text-decoration:underline;
}
hr {
	/*color: #FFF;
	line-height:20px;
	background:#FFF url(/cosmos/images/points-gris.gif) repeat-x 0% 0%;*/
	color: #777;
	/*border-bottom-style: dotted;*/
}

/* form */
input, textarea, select {
	color : #000000;
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #595959;
}


/******* 	Agenda 		*******************/
#agenda{
	padding:3px;
	margin:3px;
}

#agenda li{
	list-style: none;	
}

#agenda ul{
	margin:0;
	padding:0;
	list-style-position: inside;
}

#libelle {
	margin: 0 auto;
	padding: 2px;
	border-bottom:1px solid #000;
}
.ligne {
	width: 155px;
	margin: 0 auto;
	padding: 0;
} 
#libelle li {
	float : left;
	width : 20px; 
	text-align:center;
	font-weight:bold;
}
.ligne li {
	color: #000;
	float : left; 
	width : 20px; 
	text-align:center;
}

.ligne li a:hover{
	list-style: none;
	text-decoration: none;
}

a li.itemCurrentItem {
	background-color:#CC0000;
	color:#FFF;
	/* A vous de configurer l'apparence de la date du jour */
}

li.itemCurrentItem {
	background-color:#00CC00;
	color:#FFF;
	/* A vous de configurer l'apparence de la date du jour */
}

li.itemSelectedItem, li.itemExistingItem {
	/* A vous de configurer l'apparence du jour sélectionné */
	background-color:#CC0000;
}

#agenda a.next{
	float:right;
}

#agenda a.prev{
	float:left;
}