/**
 * @author : SGO :: acti
 * @date : 17/03/2010
 * 
 * Feuille de style commune 
 */

/**
 * @section body
 */
body {
	background-color: #B3B1B4;
	margin: 0px;
	padding: 0px;
	font-size:0.8em;
	font-family: Arial, sans-serif;
}

/**
 * @section globale
 */

img {
	border: 0px;
}

a {
	text-decoration: none;
}

	a:hover {
		text-decoration: underline;
	}
	
dl, dd, dt, form, label, input {
	margin: 0;
	padding: 0;
}

p {
	margin: 5px;
}

/**
 * @section centrale
 */

#centrale {
	margin: 0px auto;
	width: 998px;
	overflow: hidden;
}

td.occupe, th { background-color:#FFF}
/**
 * @section main
 */

#main {
	padding: 0px 8px;
	background-image: url('../img/bg/fond-vertical.jpg');
	background-repeat: repeat-y;
	width: 998px;
}

	#main #wrapper {
		margin: 10px 20px 0px 20px;
		width: 942px;
	}
/**
 * @section header
 */

	#main #header {
		position: relative;
		width: 982px;
	}
	
		#main #header img {
			float: right;
			margin-right:23px;
		}

/**
 * @section descriptif_site
 */

		
		#main #header #descriptif_site {
			float: left;
			margin-left: 25px;
			margin-top: 20px;
			width: 460px;
			text-align: left;
			z-index: 2;
			position: absolute;
			left: 0px;
                        opacity : 0.8;
                        -moz-opacity : 0.8;
                        -ms-filter: "alpha(opacity=80)"; /* IE 8 */
                        filter : alpha(opacity=80); /* IE < 8 */
		}
		
			#main #header #descriptif_site h1 {
				margin-top: 42px;
				font-size: 1.6em;
				font-weight: bold;
				text-align:right;
				padding: 6px 15px 6px 50px;
				
			}

/**
 * @section top
 */
	#main #top {
		margin-bottom: 20px;
	}

/**
 * @section barre_raccourcis
 */

		#main #top #barre_raccourcis {
			height: 36px;
			background-position: top;
			background-repeat: repeat-x;
			width: 941px;
		}
		
			#main #top #barre_raccourcis #barre_raccourcis_bord_gauche {
				float: left;
				width: 7px;
				height: 36px;
				background-position: left;
				background-repeat: no-repeat;
			}
			
			#main #top #barre_raccourcis #barre_raccourcis_bord_droite {
				float: right;
				width: 8px;
				height: 36px;
				background-position: right;
				background-repeat: no-repeat;
			}
			
/**
 * @section ariane
 */
			
			#main #top #barre_raccourcis #ariane {
				float: left;
				font-size: 0.85em;
				width: 700px;
				padding-top:5px;
			}
				
				#main #top #barre_raccourcis #ariane p {
					margin: 5px 0;
				}
				
				#main #top #barre_raccourcis #ariane a {
					text-decoration:none;
				}

				#main #top #barre_raccourcis #ariane a:hover {
					text-decoration:underline;
				}
				
				#main #top #barre_raccourcis #ariane a.selected {
					font-weight: bold;
				}

/**
 * @section accessibilite
 */
			
			#main #top #barre_raccourcis #accessibilite {
				float: right;
				padding-top: 5px;
			}
		
				#main #top #barre_raccourcis #accessibilite ul {
					margin: 0px;
					list-style: none;
				}
				
					#main #top #barre_raccourcis #accessibilite ul li {
						list-style: none;
						float: left;
						margin: 5px;
					}
					
/**
 * @section contactez_nous
 */
			
			#main #top #barre_raccourcis #contactez_nous {
				float: left;
			}

/**
 * @section menu_top
 */
	#main #top #wrapper_menu_top {
		margin: 0px 5px 10px;;
		width: 931px;
		height: 50px;
	}

		#main #top #menu_top {
			font-size: 0.9em;
			z-index: 2;
		}

			#main #top #menu_top ul {
				list-style: none;
				margin: 0px;
				padding: 3px 10px;
				position: relative;
			}

				#main #top #menu_top ul li {
					list-style: none;
					float: left;
				}
				
					#main #top #menu_top ul li .submenu {
						position: absolute;
						width: 931px;
						left: 0;
						top: 15px;
					}
	
				#main #top #menu_top ul li span {
					margin: 0px 5px;
				}
				
				#main #top #menu_top a {
					text-decoration: none;
				}
					
					#main #top #menu_top a:hover {
						text-decoration: underline;
					}
					
					#main #top #menu_top a.expose {
						font-weight: bold;
					}
					
				#main #top #menu_top .submenu {
					margin-top: 2px;
				}

		#main #top #menu_top_languette {
			width: 925px;
			margin: 0 auto;
			z-index: 1;
		}

/**
 * @section content
 */

#content {
	
}

/**
 * @section col_gauche
 */
	#content #col_gauche {
		border-right: 1px solid #C1C1C1;
		float: left;
		padding-right: 20px;
	}

/**
 * @section col_centrale
 */
	#content #col_centrale {
		float: left;
		padding: 0px 20px;
		margin-bottom: 20px;
	}
	
		#content #col_centrale h2 {
			border-bottom: 1px solid #C1C1C1;
			margin: 0px;
			font-size: 0.9em;
			padding: 2px 0px 2px 10px;
			background-image: url('../img/common/h2.jpg');
			background-position: left;
			background-repeat: repeat-y;
		}
		
		#content #col_centrale h3 {
			color: #474747;
			margin: 10px 0px;
		}
		
			#content #col_centrale h3 a {
				color: #474747;
			}

/**
 * @section col_droite
 */
	#content #col_droite {
		border-left: 1px solid #C1C1C1;
		float: left;
		padding-left: 20px;
	}

/**
 * @section articles
 */

.articles {
	
}

	.articles p a {
		text-decoration: none;
	}
	
		.articles p a:hover {
			text-decoration: underline;
		}

/**
 * @section infos auteurs
 */

	.articles .infos_auteurs {
		font-size: 0.82em;
		border-bottom: 1px solid #DFDFDF;
	}
	
		.articles .infos_auteurs span {
			font-weight: bold;
		}

/**
 * @section commentaires
 */

.forums fieldset {
	border: 1px solid #D3C8AA;
        margin: 0 0 10px 0;
}

.forums legend {
	font-weight: bold;
}

	.forums legend h4 {
		margin: 0px;
	}
	
	.forums legend img {
		border: 0;
		margin: 0px 5px;
	}

	.forums legend a {
		text-decoration: none;
	}

		.forums legend a:hover {
			text-decoration: underline;
		}

		.forums legend a.new {
			
		}

.forums .reponse {
	margin-left: 20px;
}

.forums h4 {
	display:none;
}

.forums .titre {
	font-size: 1em;
	margin:0;
	padding: 0;
	font-weight: bold;
}

.forums .deploy {
	text-decoration: none;
}

.forums p {
	margin: 0 0 10px 0;
	font-size: 0.85em;
}
				
/**
 * @section services
 */

.articles .services {
	border-top: 1px solid #DEDEDE;
	margin: 8px 0 30px;
}

	.articles .services ul {
		display: inline;
		font-size: 0.85em;
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	
		.articles .services ul li {
			display: inline;
			padding-right: 15px;
			padding-left: 10px;
			
		}
		
	.articles .services a {
		color: #6B6B6B;
		text-decoration: none;
	}
		
		.articles .services a:hover {
			text-decoration: underline;
		}		

/**
 * @section document
 */

.articles .artdoc {
	margin-bottom: 5px;
}

	.articles .artdoc ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
		.articles .artdoc ul li {
			text-align: center;
			font-size: 0.9em;
			font-weight: bold;
			float: left;
			border: 1px solid #C1C1C1;
			padding: 5px;
			margin-right: 5px;
			margin-top:5px;
		}
		
		
			.articles .artdoc ul li a {
				text-decoration: none;
			}
			
				.articles .artdoc ul li a:hover {
					text-decoration: underline;
				}
				
				.articles .artdoc ul li a span,
				.articles .artdoc ul li a span.info {
					color: #000000;
				}
				
				.articles .artdoc ul li a img {
					display:block;float:none;
					margin:0 auto;
				}
				
				.articles .artdoc ul li a span {
					display:block;clear:left;
					text-align:center;
				}

	.articles .artdoc ul.small li {
		text-align: left;
		font-size: 0.9em;
		font-weight: bold;
		float: none;
		border: none;
		padding: 2px 0 2px 17px;
	}

		.articles .artdoc ul.small li a img {
			float: left;
		}
		
		.articles .artdoc ul.small li a span {
			clear: none;
			display: inline;
		} 
		
	li.doc_img {
		width: 120px;
	}
	
	li.doc_doc {
		width: 120px;
	}
	
	.small li.doc_doc {
		width: auto;
	}

/**
 * @section sommaire
 */
.sommaire {margin-top:10px;}
.sommaire ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

	.sommaire ul li {
			font-size: 0.9em;
			font-weight: bold;
			padding: 2px 0 2px 17px;
		}
		
		
			.sommaire ul li a {
				text-decoration: none;
			}
			
				.sommaire ul li a:hover {
					text-decoration: underline;
				}

/**
 * @section alerte
 */

#alerte {
	padding: 5px;
	font-weight: bold;
}

	#alerte img.logo {
		float: left;
		/*margin-top: 10px;*/
		margin-right: 5px;
	}

/**
 * @section footer
 */

 #footer {
 	width: 998px;
	background-image: url('../img/bg/fond-footer.jpg');
	background-position: top;
	background-repeat: no-repeat;
	padding: 12px 0px 0px 0px;
	font-size: 0.82em;
 }
 
/**
 * @section copy
 */

 	#footer #copy {
 		float: left;
		padding-left: 15px;
		font-weight: bold;
 	}
	
/**
 * @section menu_footer
 */
	
	#footer #menu_footer {
		float: right;
		padding-right: 15px;
	}
	
		#footer #menu_footer ul {
			list-style: none;
			margin: 0px;
		}
		
			#footer #menu_footer ul li {
				list-style: none;
				float: left;
			}

			#footer #menu_footer ul li span {
				margin: 0px 5px;
			}

		#footer #menu_footer a {
			text-decoration: none;
		}
		
			#footer #menu_footer a:hover {
				text-decoration: underline;
			}
			
/**
 * @section boutons
 */

.boutons {
}
	
	.boutons div {
		height: 31px;
		background-position: top;
		background-repeat: repeat-x;
	}
		.boutons div input, .boutons div a {
			float: left;
			font-weight: bold;
			font-size: 0.95em;
			cursor: pointer;
			border: 0px;
			background: none;
			margin-top: 5px;
		}
		
		.boutons div a {
			padding-top: 7px;
			text-decoration: none;
			height: 23px;
			margin-top: 0px;
		}
	
	.boutons .aB {
		float: right;
	}
	
	.boutons .aBg {
		float: left;
		background-repeat: no-repeat;
		background-position: left;
		width: 6px;
	}
	.boutons .aBd {
		float: left;
		background-repeat: no-repeat;
		background-position: right;
		width: 6px;
	}
	

/**
 * @section snippets
 */

.snippets {
	width: 180px;
	margin-bottom: 20px;
}

.reponse_formulaire {
	display: none;
}

/**
 * @section spip_logos
 */
.spip_logos {
	float: left;
	margin: 0px 5px 5px 0px;
}


/**
 * @section form
 */

.spip_forms {
	margin: 5px 0px;
}

.formContainer {
	width: 440px;
	margin: 0px auto;
}

.formContainer input, 
.formContainer textarea, 
.formContainer select {
	font-family: Arial,sans-serif;
	color: #7D7C7B;
	border: 0 none;
	margin: 0;
	outline: 0 none;
}

.formContainer textarea {
	font-size: 1.1em;
}

form .erreur {
	position: relative;
	top: -5px;
}

.textField,
.selectField,
.textareaField,
.fileField {
	margin: 0 0 7px;
}

	.textField .border,
	.selectField .border,
	.textareaField .border,
	.fileField .border {
		display: block;
	}

	.textField .contenu,
	.selectField .contenu,
	.textareaField .contenu {
		padding: 2px 0 3px 10px;
		border-left: 1px solid #E8E8E8;
		border-right: 1px solid #E8E8E8;
		background: #EEE;
	}
	
	.fileField .contenu {
		position: relative;
		padding: 2px 0 3px 10px;
		border-left: 1px solid #E8E8E8;
		border-right: 1px solid #E8E8E8;
		background: #FFF;
	}

	.textField label,
	.selectField label,
	.textareaField label,
	.fileField label {
		float: left;
		width: 300px;
		padding: 4px 0 0;
		color: #7D7C7B;
		font-size: 0.82em;
		font-weight: bold;
	}

	.fileField label {
		width: 193px;
		padding-top: 3px;
	}
	
	.fileField input {
		display: block;
		width: 230px;
		border: 1px solid #E0DFE0;
	}

	.fieldContainer {
		float: left;
		width: 416px;
		border: 1px solid #E0DFE0;
		background: #FFF;
	}
	
	.fileField .fieldContainer {
		width: 0;
		border: 0;
	}

	.textField input {
		display: block;
		width: 412px;
		height: 18px;
		padding: 2px;
		line-height: 20px;
	}

	.selectField select {
		display: block;
		width: 414px;
		height: 18px;
		margin: 2px;
		border: 0;
		line-height: 20px;
	}
	
	.textareaField textarea {
		width: 414px;
		height: 170px;
		margin: 2px;
	}

	.fileField .info,
	.fileField .info {
		clear: left;
		margin: 0 0 0 2px;
		color: #C0C1C0;
		font-size: 10px;
		font-weight: bold;
	}

	.smallLetters {
		margin: 0 0 12px;
		color: #C0C1C0;
		font-size: 10px;
		font-weight: bold;
	}

	.spip_form_choix_multiple input {
		float: left;
		width: 12px;
		height: 12px;
		margin: 5px;
	}
	
	.spip_form_choix_unique input {
		float: left;
		width: 12px;
		height: 12px;
		margin: 5px;
	}
	
/**
 * @section multimedia
 */

	
/**
 * @section easyClearing
 */

#main:after,
#main #header:after,
#main #top #barre_raccourcis:after,
#main #top #barre_raccourcis #accessibilite:after,
#main #top #menu_top:after,
#main #top #menu_top ul:after,
#content:after,
#footer:after,
.boutons:after,
.articles .artdoc ul:after,
.chapo:after,
.textField .contenu:after,
.selectField .contenu:after,
.textareaField .contenu:after,
.fileField .contenu:after,
.spip_form_choix_multiple:after,
.spip_form_choix_unique:after
{
    	content: ".";
    	overflow:hidden;
    	display: block;
    	height: 0px;
    	clear: both;
    	visibility: hidden;
	}