@charset "UTF-8";
/* CSS Document */

/* Standard Format */

body {
	background-color:#CCC;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	font-size:0.8em;
	color:#302f2f;
}

h1 {
	font-size:1.5em;
	color:#302f2f;
	letter-spacing:0px;
	margin-top:5px;
	margin-bottom:3px;
}

h2 {
	font-size:1.3em;
	letter-spacing:0px;
	margin-top:15px;
	margin-bottom:3px;
}

h3 {
	font-size:1.2em;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:3px;
}

h4 {
	font-size:1em;
	color:#302f2f;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:0px;
}

ul {
	margin:0px 0px 0px 28px;
	padding:0px;
}

li {
	margin:0px;
	padding:0px;
}

/* Global */

#global {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:898px;
	padding-left:20px;
	padding-right:20px;
	background-image:url(../images/bg_global.png);
	background-repeat:repeat-y;
	!important;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/bg_global.png');	
}

/* Styles */

.red_text {
	color:#a02c2c;
}

.grey_text {
	color:#717171;
	font-weight:bold;
}

.quoted_text {
	color:#999;
	font-style:italic;
}

/* Links */
	



li a {
	text-decoration:none;
	color:#302f2f;
}

li a:hover {
	text-decoration:underline;
}

/*** liens génériques ***/
#content a:link{text-decoration:none;font-weight:bold;}
#content a:visited{text-decoration:none;font-weight:bold;}
#content a:hover{text-decoration:underline;font-weight:bold;}
#content a:active{text-decoration:underline;font-weight:bold;}

/*** liens themes dans les listes ***/
#content .info a:link{color:#556888;text-decoration:none;font-weight:normal;}
#content .info a:visited{color:#556888;text-decoration:none;font-weight:normal;}
#content .info a:hover{color:#556888;text-decoration:underline;font-weight:normal;}
#content .info a:active{color:#556888;text-decoration:underline;font-weight:normal;}

/*** liens url dans les listes de fichiers associes ***/
#content .url a:link{color:#556888;font-weight:normal;}
#content .url a:visited{color:#556888;font-weight:normal;}
#content .url a:hover{color:#556888;font-weight:normal;}
#content .url a:active{color:#556888;font-weight:normal;}



/* Header */

#header {
	position:relative;
	width:896px;
	padding-top:10px;
	padding-bottom:10px;
}

	#logo {
		position:relative;
		float:left;
		width:137px;
		height:132px;
		margin-right:30px;
		margin-bottom:10px;
	}
	
	
	#header_banner {
		position:relative;
		float:right;
		width:630px;
		height:90px;
	}
	
	#main_menu_container {
		position:relative;
		top:92px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		letter-spacing:1px;
		color:#fff;
	}

	#main_menu_container ul {
		position:relative;
		list-style:inline;
		float:right;
		margin:19px 0 0 0;
		padding:0px;
	}
	
	.main_menu li {
		float:left;
	}
	
	.main_menu li a {
		position:relative;
		padding:5px 19px 5px 20px;
		border-right:1px solid #fff;
		color:#fff;
		display:block;
		margin:0px 3px;
		font-size:1.1em;
	}

	.main_menu li a:hover {
		text-decoration:none;
	}
	
	.main_menu a#menu_red {
		background-color:#a02c2c; /*red*/
	}
	
	.main_menu a#menu_red:hover {
		background-color:#7f2626; /*red*/
	}
	
	.main_menu a#menu_green {
		background-color:#5f8f27; /*green*/
	}
	
	.main_menu a#menu_green:hover {
		background-color:#42641b; /*green*/
	}
	
	.main_menu a#menu_blue {
		background-color:#6693bc; /*blue*/
	}
	
	.main_menu a#menu_blue:hover {
		background-color:#4f6f8d; /*blue*/
	}
	
	.main_menu a#menu_yellow {
		background-color:#f4a10a; /*yellow*/
	}
	
	.main_menu a#menu_yellow:hover {
		background-color:#cc8400; /*yellow*/
	}
	
	.main_menu a#menu_dark_blue {
		background-color:#4f6f8d;/*dark blue*/
	}
	
	.main_menu a#menu_dark_blue:hover {
		background-color:#3A5166;/*dark blue*/
	}

	.main_menu_last li a {
		position:relative;
		padding:10px 10px 10px 10px;
		color:#fff;
		display:block;
		margin:0px;
	}

	.main_menu_last li a:hover {
		text-decoration:none;
	}

	#search_container a {
		color:#fff;
	}
	
		
/* Rootline */

#rootline {
	position:relative;
	height:31px;
	width:889px;;
	background-color:#b8b8b8;
	padding-left:7px;
	color:#FFF;
	font-size:0.75em;
	clear:both;
	z-index:100;
}

#rootline a {
	color:#fff;
}

#rootline a:hover {
	color:#a02c2c;
}

	#rootline_text {
		position:relative;
		float:left;
		padding-top:9px;
	}

	#search_container {
		position:relative;
		float:right;
		height:24px;
		padding-top:7px;
		background-color:#858585;
		padding-right:2px;
		padding-left:10px;
		font-size:1.2em;
		width:290px;
	}
	
	#search_container a {
		text-decoration:none;
		font-weight:bold;
		font-size:1em;
	}
	
		#search_container input {
			margin:0px;
			padding:0px;
			border:none;
		}
		
			.float_elements {
				position:relative;
				float:left;
			}
			
		#theme_panel {
			float:right;
			position:relative;
			top:0px;
			right:0px;
			color:#FFF;
			background-color:#858585;
			width:280px;
			padding:5px;
		}
		
		#theme_panel h4 {
			margin:5px 0px;
		}
		
		#theme_panel ul {
			width:45%;
			margin:0;
			padding:0;
		}
		
			#theme_panel ul.left {
				float:left;
			}
			
			#theme_panel ul.right {
				float:right;
			}
			
			#theme_panel ul li {
				padding:0;
				margin:0;
				list-style:none;
			}
			
/* Main */

#main {
	position:relative;
	width:898px;
	margin-top:15px;
	margin-bottom:15px;
	background-color:#e8e8e8;
	background-image:url(../images/csa_stamp.jpg);
	background-position:0px 250px;
	background-repeat:no-repeat;
	display:inline-block;
	z-index:1;
}

/***** annonces flash **********/

#flash {
        margin:3px 0px 3px 0;
        border:1px solid #ccc;
        }

#flash .notice {
        padding:2px;
        background-color:#AAFF00;
}

#flash .warning {
        padding:2px;
        background-color:red;
        color:white;
}

/* Submenu_Container */

#side {
	position:relative;
	float:left;
	width:250px;
	padding-top:20px;
	margin-bottom:15px;
	background-color:#e8e8e8;
	z-index:10;
}

#subnav ul {
	margin:0px;
	list-style:none;
}

	.submenu_level1 li {
	}

		.submenu_level2 li {
		}

			.submenu_level3 li {
			}

			.submenu_level1 li a {
				position:relative;
				width:235px;
				padding-left:15px;
				min-height:20px;
				padding-top:5px;
				border-bottom:1px solid #e8e8e8;
				font-weight:bold;
				color:#fff;
				margin-left:0px;
				list-style:none;
				display:block;
				text-decoration:none;
			}
			
			.submenu_level1 li a:hover {
				color:#fff;
				text-decoration:none;
			}
			

			.submenu_level2 li a {
				position:relative;
				width:220px;
				padding-left:30px;
				min-height:20px;
				padding-top:5px;
				border-bottom:1px solid #8f8f8f;
				font-weight:bold;
				margin-left:0px;
				list-style:none;
				text-decoration:none;
				color:#302f2f;
			}
			
			.submenu_level2 li a:hover {
				text-decoration:none;
				background-color:#c9c9c9;
			}

			.submenu_level3 li a {
				position:relative;
				width:205px;
				padding-left:45px;
				height:20px;
				padding-top:5px;
				border-bottom:1px solid #8f8f8f;
				font-weight:bold;
				margin-left:0px;
				list-style:none;
				text-decoration:none;
				color:#302f2f;
			}

			.submenu_level3 li a:hover {
				text-decoration:none;
				background-color:#e1e1e1;
			}

			.submenu_level1 li a:selected {
				color:#fff;
				text-decoration:none;
			}

			.submenu_level2 li a:selected {
				color:#5f8f27;
				text-decoration:none;
				background-color:#c9c9c9;
			}

			.submenu_level3 li a:selected {
				color:#5f8f27;
				text-decoration:none;
				background-color:#e1e1e1;
			}
			
			#subnav #current {
				background-image:url(/images/bg_current.gif);
				background-repeat:no-repeat;
				background-position:center right;
			}


/* toolbox */

#toolbox {
        /*border-top:1px dotted #1F114F;*/
        margin:10px;
        padding:0;
        background-color:#c9c9c9;
        color:#FFF;
		border:1px solid #FFF;
		position:relative;
		float:left;
		width:200px;
}

	#toolbox h4 {
		vertical-align:middle;
        background-image:url(../images/dots_white.gif);
		background-repeat:repeat-x;
		background-position:bottom;
		background-color:#858585;
		margin:0 0 3px 0;
        padding:0 0 3px 10px;
		font-family:Trebuchet MS, arial, geneva, sans-serif;
		text-transform: uppercase;
        font-size:11px;
        font-weight:bold;
        letter-spacing:2px;
	}

	#toolbox .content {
		padding-left:10px;
	}
	
	#toolbox a:link{color:#302f2f;text-decoration:none;font-weight:bold;}
	#toolbox a:visited{color:#302f2f;text-decoration:none;font-weight:bold;}
	#toolbox a:hover{color:#302f2f;text-decoration:underline;font-weight:bold;}
	#toolbox a:active{color:#302f2f;text-decoration:underline;font-weight:bold;}
	


/* content */

#content {
	position:relative;
	width:610px;
	text-align:justify;
	padding-right:15px;
	padding-left:23px;
	background-color:#FFF;
	float:right;
	/*margin-left:250px;*/
	min-height:300px;
	z-index:10;
}

#content p {
        padding:0 0 0 0px;
        margin:3px 0;}

#content p.retrait, #content h4.retrait {
			padding-left:25px;
		}

#content.signaletique {
	background-image:url('../images/signaletique_banner.jpg');
    background-repeat: no-repeat;
    background-position:top center;
	padding-top:120px;
}
	
/*********** styles pour les liens ***************/
div.categorie_de_lien {
	margin-bottom:20px;
}

div.lien {
        padding-left:20px;
		border-bottom:1px dashed #717171;
}

div.lien div.nom {
        width:200px;
        display:inline;
}
div.lien .url {
        width:50%;
}

div.new-link {
	border:1px solid #717171;
	padding:3px;
}

/**** item list ******/

#content .item-list {
        margin-bottom:15px;
}

#content .item, #content .item td {
        margin:0;
        padding: 2px 0;
        border-bottom: 1px dashed #717171;
}


/*** liens vers fichiers pdf dans les documents ***/
ul.show_fichiers li {
	background-image:url('../images/icone_pdf.gif');
    background-repeat: no-repeat;
    background-position:top left;
    padding:10px 0 0 55px;
    margin:0;
	height:50px;
    list-style: none;
}


/*** listes de contenus associés ***/
ul.show_associes {
        margin:0;
        padding:0;
        list-style: none;
                /*font-size: 0.8em;*/
}

/*** bullets dans les listes de contenus associés ***/
ul.show_associes li {
        background-image:url('../images/page.png');
        background-repeat: no-repeat;
        background-position:top left;
        padding:0 0 0 20px;
                margin:0;
}

ul.show_associes div.item {
                margin:0px;
                padding:0;
}

/*** personne de contact ***/
#content p.contact_person {
        background-image:url('../images/user.png');
        background-repeat: no-repeat;
        background-position:top left;
        padding:0 0 5px 20px;
}

/*** info derniere mise à jour ***/
#content p.last_update {
        text-align:right;
        color:#717171;
        font-size:0.9em;
}

/***** info class **********/

#content .info {
        font-size:0.9em;
        color:#717171;
}

#content .info ul li {
	display:inline;
}

/*** formulaires de mise à jour des contenus ***/
#content form {
        margin-bottom:10px;
}

#content form p {
        margin-top:10px;
}

#content form label {
        font-weight:bold;
        font-size:1.1em;
}

#content form input, form textarea {
	border:1px solid;
	margin-bottom:3px;
}

#search_associes_results {
        padding-left: 50px ;
}

#search_associes_results .entry {
	border-bottom:1px dashed #CCC;
}

#fichiers .entry .url, #search_fichiers_results .entry .url {
        margin-left:25px;
}

/*********** formulaires ajax dans le contenu (questions) ***************/

form.integrated {
        background-color:#CCC;
        padding:5px;
}

/*********** ordre du jour réunions dans agenda ***************/


ol#ordre_du_jour li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/********* lightbox ***********/

div.lightbox {
	width:100%;
}


/********* gestion des erreurs ***********/
.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: inline;
}

#ErrorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#ErrorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#ErrorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#ErrorExplanation ul li {
  font-size: 12px;
  list-style: square;
}


/* Footer */

#footer {
	position:relative;
	width:898px;
	clear:both;
}

	#footer_top {
		position:relative;
		width:898px;
		height:6px;
		background-image:url(../images/footer_top.jpg);
		background-position:top;
		background-repeat:no-repeat;
		overflow:hidden;
	}

	#footer_middle {
		position:relative;
		width:868px;
		background-image:url(../images/footer_middle.jpg);
		padding:15px 0px 15px 30px;
		background-repeat:repeat-y;
		height:165px;
	}
	
		#footer_content {
			position:relative;
			width:868px;
			padding-top:15px;
		}
		
		#footer_content a {
			text-decoration:none;
			color:#302f2f;
		}

		#footer_content a:hover {
			text-decoration:underline;
		}
		
			#footer_login {
				position:relative;
				float:left;
				margin-top:7px;
				padding-right:30px;
				border-right:1px solid #333;
				z-index:auto;
				width:136px;
			}
		
			#footer_login p {
				margin-top:2px;
				margin-bottom:2px;
			}
			
			#footer_login form {
				margin:0;
				text-align:right;
			}
		
			.footer_links_container {
				position:relative;
				float:left;
				padding-left:25px;
				z-index:auto;
				width:150px;
			}
		
			.footer_links_container ul {
				font-size:0.85em;
				margin-left:15px;
				list-style-image:url(../images/bullet_tray.jpg);
			}

	#footer_bottom {
		position:relative;
		width:898px;
		height:6px;
		background-image:url(../images/footer_bottom.jpg);
		background-position:top;
		background-repeat:no-repeat;
		overflow:hidden;
	}
	
	#closing_div {
		position:relative;
		margin-left:auto;
		margin-right:auto;
		width:938px;
		height:17px;
		margin-bottom:20px;
		background-image:url(../images/closing_div.png);
		background-repeat:no-repeat;
		background-position:bottom;
		!important;
		_background: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/closing_div.png');
	}

h2, h3 {color:#a02c2c;}
#content a:link{color:#a02c2c}
#content a:visited{color:#a02c2c}
#content a:hover{color:#a02c2c}
#content a:active{color:#a02c2c}
/*.main_menu li a {background-color:#a02c2c;}
.main_menu li a:hover {background-color:#7f2626;}
.main_menu_last li a {background-color:#a02c2c;}
.main_menu_last li a:hover {background-color:#7f2626;}*/
.submenu_level1 li a {background-color:#a02c2c;}
.submenu_level1 li a:hover {background-color:#7f2626;}
.submenu_level1 li a.selected {background-color:#7f2626;}
.submenu_level2 li a {background-color:#c9c9c9;}
.submenu_level2 li a:hover {}
.submenu_level3 li a:hover {}
.submenu_level3 li a {background-color:#e1e1e1;}
#content form label {color:#a02c2c;}
#content form input, form textarea {border-color:#a02c2c;}

