/* Redéfinition des tags */


body {

	background: #f7e2c3;

	margin: 0px;

	font: 62.5% Arial, Helvetica, sans-serif;

	color: #004c90;

}

input {

	font-size: 1em;

}

a {

	text-decoration: none;

}

a:hover {

	text-decoration: underline;

}



/* Styles communs */



.hidden {

	display: none;

}

.just_drt {

	text-align: right;

}

.flt_drt {

	float: right;

}

.img_g {

	margin: 0px 15px 10px 0px;

	float: left;

}

#r_0 ,#r_1 ,#r_2 ,#r_3 ,#r_4 ,#r_5 {

	font-size: 1.7em;

	line-height: 1em;

	font-weight: bold;

	color: #FFFFFF;

	background-image: url(../_img/bg_r.gif);

	background-repeat: no-repeat;

	background-position: 0px 0px;

}

#menu_h #r_0 ,#menu_h #r_1 ,#menu_h #r_2 ,#menu_h #r_3 ,#menu_h #r_4 ,#menu_h #r_5 {

	padding: 4px 0px 0px 28px;

}

#r_0, .ps#sr_0 h3 {

	background-color: #df002c;

}

#r_1, .ps#sr_1 h3 {

	background-color: #ffa004;

}

#r_2, .ps#sr_2 h3 {

	background-color: #83056e;

}

#r_3, .ps#sr_3 h3 {

	background-color: #60b7c5;

}

#r_4, .ps#sr_4 h3 {

	background-color: #004c90;

}

#r_5, .ps#sr_5 h3 {

	background-color: #007d31;

}

#r_nul, .ps#sr_nul h3 {
	background-color: #D8B582;
	}
	
#sr_nul, #mytree #r_nul ul {
	background-color: #f7e2c3;
	}
	
#sr_0, #mytree #r_0 ul {

	background-color: #f0b492;

}

#sr_1, #mytree #r_1 ul {

	background-color: #f8bf64;

}

#sr_2, #mytree #r_2 ul {

	background-color: #c7927e;

}

#sr_3, #mytree #r_3 ul {

	background-color: #b4b696;

}

#sr_4, #mytree #r_4 ul {

	background-color: #979586;

}

#sr_5, #mytree #r_5 ul {

	background-color: #97a46a;

}

#info { 
	position:absolute;
	top:70px;
	left:685px;
	width:285px;
	height:149px;
	font-size:12px;
	font-weight:normal;
	color:#ffffff;
	background:#DF002C url(../_img/nouvelle_adresse.gif) top left no-repeat;
	margin:0px;
	/* pour IE 6 */
	padding:9px 0px 0px 83px;
	}
	/* pour les autres navigateurs */
	* > #info {
		padding:0px 0px 0px 83px;
		}				
	/* pour IE 7 */
	*+html #info {
		padding:9px 0px 0px 83px;
		}
	
#info a { color:#ffffff; text-decoration:underline; }
#info a:hover { text-decoration:none; }
#info p { width:190px; }


#info2 { 
	position:absolute;
	top:70px;
	left:685px;
	width:276px;
	font-size:12px;
	font-weight:normal;
	color:#ffffff;
	/*background:#DF002C url(../_img/nouvelle_adresse2.gif) top left no-repeat;	*/
	margin:0 0 0 -10px;
	text-align:center;
	/* pour IE 6 */
	padding:9px 0px 0px 9px;	
	height:140px;	
	}
	/* pour les autres navigateurs */
	* > #info2 {
		padding:0px 0px 0px 9px;
		height:149px;		
		}				
	/* pour IE 7 */
	*+html #info2 {
		padding:9px 0px 0px 9px;
		height:149px;		
		}
	
#info2 a { color:#ffffff; text-decoration:underline; }
#info2 a:hover { text-decoration:none; }
#info2 p { width:270px; }
#info2 .big { font-size:1.3em; }
	* > #info2 .big { font-size:1.5em; }	
	*+html #info2 .big { font-size:1.3em; }

/* Styles spécifiques */



#main {

	width: 991px;

}

#head {

	height: 98px;

	background: #f3d3a4 url(../_img/bg_head.gif) repeat-x 0px 0px;

	vertical-align: top;

}

#head #toptools {

	margin: 10px 22px 0px 0px;

	float: right;

	font-size: 1.2em;

	color: #153f97;

	display: inline;

}

#head #toptools a {

	color: #153f97;

}

.bt_ok {

	background: url(../_img/bg_bt_ok.gif) no-repeat 50% 50%;

	color: #FFFFFF;

	border-style: none;

	padding: 1px 1px 2px;

}

#head #mariane {

	/* margin: 10px 0px 0px 16px; */
	margin: 6px 0px 2px 6px;

}

#head h1 {

	margin: 0px;

	text-indent: -1000px;

	background: url(../_img/epide_graph.gif) no-repeat 0px 0px;

	height: 28px;

	width: 510px;

}

#foot {

	background: #d8b582;

	text-align: center;

	font-size: 1.2em;

	color: #767a8d;

	height: 50px;

	vertical-align: middle;

	border-top: 8px solid #df002c;
	padding:10px;

}

#foot a {

	color: #767a8d;

}

.home #foot {

	height: 79px;

	border-bottom: 8px solid #DF002C;

	border-top-style: none;

}

#cont {

	background: #f3d3a4;

	padding-bottom: 10px;

}

.home #cont {

	padding-bottom: 0px;

}

#cont #intro {

	height: 325px;
	width: 990px;
/* 	width: 587px; */

	padding: 0px 0px 0px 0px;

	background: url(../_img/bg_intro.jpg) no-repeat 0% 100%;

}

#cont #intro #edito {

	font-size: 1.5em;

	background: #f0b492;

	padding: 10px 13px;

	color: #153f97;

	margin: 0px 0px 7px;

}

#cont #intro #edito p {

	margin: 0em 0em 0.25em;

	line-height: 1.5em;

}

#cont #intro #edito a {

	color: #153f97;

}

#cont #intro #actus {

	background: #dfcba8;

	color: #222f62;

	padding: 8px 13px 6px;

}

#cont #intro #actus .flt_drt {

	font-size: 1.1em;

}

#cont #intro #actus a {

	color: #222f62;

}

#cont #intro #actus p {

	margin: 0px;

	font-size: 1.2em;

	padding: 0px 0px 0px 15px;

	background: url(../_img/picto_actus.gif) no-repeat 0px 2px;

	line-height: 1.2em;

	font-weight: bold;

}

#cont #menu_h {

	border-top: 8px solid #df002c;

	background: #D8B582;

	float: left;

}

#cont #menu_h .r_cont {

	margin: 1px 0px 0px 1px;

	float: left;


	width: 197px;

	position: relative;

}

#cont #menu_h .r_cont ul {

	/*height: 110px;*/

	font-size: 1.2em;

	margin: 10px 5px 10px 7px;

	padding: 0px;

	list-style: none outside;

	height: 1%;

}

#cont #menu_h .r_cont p {

	margin: 0px;

	position: relative;

	bottom: 0px;

}

#cont #menu_h a {

	color: #222f62;

}

.home #r_1, .home #r_2, .home #r_3, .home #r_4, .home #r_5 {

	background-image: url(../_img/bg_r_h.gif);

	background-repeat: no-repeat;

	background-position: 0px 0px;

	border-top: 1px solid #D8B582;

	height: 35px;

}

.home #menu_h li {

	background-repeat: no-repeat;

	background-position: 0px 3px;

	padding: 0px 0px 0px 12px;

}

.home #menu_h #sr_1 li {

	background-image: url(../_img/picto_sr_1.gif);

}

.home #menu_h #sr_2 li {

	background-image: url(../_img/picto_sr_2.gif);

}

.home #menu_h #sr_3 li {

	background-image: url(../_img/picto_sr_3.gif);

}

.home #menu_h #sr_4 li {

	background-image: url(../_img/picto_sr_4.gif);

}

.home #menu_h #sr_5 li {

	background-image: url(../_img/picto_sr_5.gif);

}

#cont #colg {

	width: 185px;

	vertical-align: top;

	padding: 27px 30px 0px 0px;

}

#cont #centre {

	width: 100%;

	padding-right: 30px;

	vertical-align: top;

}

#cont #cold {

	vertical-align: top;

	width: 0px;

	padding-top: 27px;

}

#colg #nav {

	width: 185px;

}

#colg #nav a {

	color: #222F6A;

}

#colg #nav #actif a {

	font-weight: bold;

}

#colg .sousnav {

	padding: 39px 0px;

}

#centre #arrianne {

	font-size: 1.1em;

	margin: 0px 0px 20px 26px;

}

#centre a, #cold a {

	color: #004c90;

	text-decoration: underline;

}

#centre a:hover, #cold a:hover {

	text-decoration: none;

}

#centre h2 {

	font-size: 1.8em;

	margin: 0px 0px 25px 26px;

	font-weight: normal;

	line-height: 1.1em;

}

#centre #article {

	background: #f7e2c3;

	padding: 25px 26px;

	font-size: 1.2em;

	height: 1%;

}

#centre #article p {

	margin: 0em 0em 1.5em;

	clear: both;

}

#centre #article h3 {

	font-size: 1.2em;

	margin: 0em 0em 1.5em;

	border-bottom: 2px solid #004C90;

	padding-bottom: 3px;

	line-height: 1.1em;

}

#centre #article .actu {

	background: url(../_img/picto_actus.gif) no-repeat 0px 3px;

	padding-left: 15px;

	margin-bottom: 1em;

}

#centre #article ul {

	margin: 0px;

	padding: 0 0 0 15px;

	list-style: square outside;

}

#centre #article ul#plan {

	font-weight: bold;

	padding-left: 0px;

	list-style: url(none) none outside;

	margin-left: 15px;

}

#centre #article ul#plan li {

	margin-bottom: 1.5em;

}

#centre #article ul#plan ul {

	font-weight: normal;

	padding-left: 30px;

}

#centre #article ul#plan ul li {

	margin-bottom: 0.25em;

}

#centre #article ul#plan a {

	text-decoration: none;

}

#centre #article ul#plan a:hover {

	text-decoration: underline;

}

#centre #article #carte_cd2c {

	text-align: center;

	margin: 0em 0em 1.5em;

}

#centre #article dt {

	font-weight: bold;

}

#centre #article dd {

	margin: 0em 0em 1em 2em;

}

#centre #article td {

	vertical-align: top;

}

.ps {

	width: 237px;

	padding-bottom: 10px;

	background: url(../_img/bg_ps.gif) no-repeat 0% 100%;

}

.ps h3 {

	font-size: 1.3em;

	color: #FFFFFF;

	background: url(../_img/bg_ps_h3.gif) no-repeat 0px 0px;

	padding: 9px 3px 8px 28px;

	margin: 0em 0em 1.5em;

}

.ps h4 {

	font-size: 1.2em;

	margin: 0px 29px 1em;

}

.ps p {

	font-size: 1.1em;

	margin: 0px 29px 1em;

}

.ps ul {

	margin: 0px 29px;

	padding: 0;

}

.ps li {

	font-size: 1.1em;

	margin: 0em 0em 1em 0em;

	list-style: square inside;

}



/* Styles pour le menu */

/* Put this inside a @media qualifier so Netscape 4 ignores it */

@media screen { 

	/* Turn off list bullets */

	ul.mktree li { list-style: none outside; padding: 0px; margin: 0px; } 

	ul.mktree		{ margin: 0px; padding: 0px; font-size: 1em; line-height: 1.1em; }

	/* margin-left controls how "spaced out" the tree is ; DON'T TOUCH THE PADDING */

	/*ul.mktree ul  {  padding: 0px; margin-left: 0px; }*/

	ul.mktree ul  {  padding: 15px 0 10px 20px; margin-left: 0px; }

	/* Provide space for our own "bullet" inside the LI */

	ul.mktree  li           .bullet { padding-left: 0px; height: 37px; display: block; margin-left: 20px; }

	ul.mktree  ul           .bullet { height: auto; display: inline; margin-left: 0px; }

	/* Show "bullets" in the links, depending on the class of the LI that the link's in */

	ul.mktree  li.liOpen    .bullet { cursor: pointer; cursor: hand; }

	ul.mktree  li.liClosed  .bullet { cursor: pointer; cursor: hand; }

	ul.mktree  li.liBullet  .bullet { cursor: default; }

	/* Sublists are visible or not based on class of parent LI */

	ul.mktree  li.liOpen    ul { display: block; }

	ul.mktree  li.liClosed  ul { display: none; }

	/* Format menu items differently depending on what level of the tree they are in */

ul.mktree  li {

	font-size: 1em;

	padding: 3px 0 0 0;

}

	ul.mktree  li ul li {

	font-size: 0.65em;

	background-image: none;

	padding: 0;

	font-weight: normal;

	list-style: square outside;

	color: #222f62;

	line-height: 1.1em;

	margin-bottom: 0.5em;

}

	ul.mktree  li ul li ul li { font-size: 0.9em; }

	ul.mktree  ul li ul li ul li li { font-size: 0.9em; }

}



/* Styles pour l'impression */



@media print {



body {

	background: #FFFFFF;

	font: 80% "Times New Roman", Times, serif;

	color: #000000;

}

#head #mariane {

	margin: 0px 0px 10px 0px;

}

#head #toptools, #colg, #foot, #centre #arrianne {

	display: none;

}

#head h1 {

	text-indent:0px;

	margin: 0 0 2em 0;

}

#main, #head h1 {

	width: 100%;

}

#head {

	height: auto;

}

#head, #head h1, #cont, #centre #article, .ps, .ps#sr_1 h3, .ps h3, #sr_0, #sr_1, #sr_2, #sr_3, #sr_4, #sr_5 {

	background: #FFFFFF url(none);

	color: #000000;

}

#cont #centre {

	width: 70%;

	padding-right: 0px;

}

#cont #cold {

	width: 30%;

	padding-top: 0px;

}

#centre #article {

	padding: 10px 0px;

}

#centre #article h3 {

	border: none;

}

.ps {

	width: auto;

	border: solid 1px #000000;

	padding-left: 5px;

	padding-right: 5px;

}

.ps h3 {

	padding: 0;

}

#centre h2, .ps ul, .ps p, .ps h4 {

	margin: 0 0 1.5em;

}



}