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

/* @group GENERIC CLASSES */

/* all stuff to hide */
.hidden-D{ display:none;}
.hidden-L{ left:-2000px;position: absolute;width: 200px; float: left;}
.hidden-T{ text-indent:-200em;}

/* all stuff to clear */
.clear-B{ clear:both;}
.clear-R{ clear:right;}
.clear-L{ clear:left;}

/* txt to align */
.align-R{ text-align: right;}
.align-L{ text-align: left;}

/* Majuscule */
.maj{ text-transform: uppercase; font-size: 85%;}

/* stuff to resize img with ems, whitout using width and height attributes in img element -according to WAI-AAA, WCAG2 and html5 - prairycat saying */
.wh-100pc{ width:100%; height:100%;}

/* all stuff to say goodby to style attribute and use spaces in class attribute -according to WAI-AAA, WCAG2 and html5 - prairycat saying */
.m-0{ margin:0px;}
.m-2{ margin:2em;}

/* list */
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* Border */
.border-top{
	border-top: 1px solid #D1D1D1;
}

/* Picto (double côte) avant certains liens */
/*

.picto-before2:before{
	 content: "« ";
}
*/
/* Accentuation taille police */
.font-up1{
	 font-size: 120%;
}
/* @end */


/* @group Layout */

html {
/*height:100%;*/
}
body {
	margin:0;
	padding:0;
	line-height: 1.5em;
	min-height:100%;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:62.5%;
	/*background :transparent url(../img/home-body-background.gif) repeat-y 51.2em 0;*/
}

a, a img{ border:none; outline: none;}
div{ position:relative;}
div.manifestations-fiche { position:static;} /*Ajout ANYWARE*/
div.description-manif { position:static;} /*Ajout ANYWARE*/
form{margin:0;}

/* @group titrage */
h1 a {/* this ruleset keeps the root link in the title from standing out */
	font-weight: normal;
	color: #000;
	}

h1 {
	font-size: 2.0em;
	font-weight: normal;
	margin-top: 0em;
	/*both set to zero and padding in header div used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	margin-bottom: 0em;	}

h2 {
	font-size: 1.6em;
	font-weight: normal;
	}

h3 {
	font-size: 1.4em;
	font-weight: bold;
	margin: 12px 0 8px;
	/* Voir feuille de style couleur */
	}

h4 {
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: underline;
	margin: 10px 0 6px;
	}

h5 {
	font-size: 1.3em;
	font-weight: normal;
	margin: 12px 0 4px;
	}

h6 {
	font-size: 1.3em;
	font-weight: normal;
	margin: 4px 0 4px;
	color: #666;
	}


/* @end */



/* @group Access - liens d'évitements */
#easy-access{
	position:absolute;
}

/* @end */

/* @group Blocs */
div#container{width:100%; margin:0 auto 20px 0;}
div#wrapper{float:left; width:94em; margin:10px 0 25px 25px;}
div#content-column{margin: 0 20px 20px 20px; width:53.5em;float:left;}
div#left-column{float:left;width:15.5em;}
div#right-column{float:left;width:20em;}
div#footer{clear:left;; width:94em; margin:0 0 0 25px;}

/* @end */

/* @end */

/* @group Header */

div.header{
	background : url(../img/logo-bpi.png) no-repeat 25px 14px;
	display: block;
	width: 100%;
	height: 144px;
	border-bottom: 5px solid red;
}

/* @group Liens */

	div.links{
		display: block;
		width: 96em;
		padding-top: 4px;
		text-align: left;
		height: 1.6em;
	}
		div.links ul{
			float: right;
		}
		div.links li{
			display: inline;
		}
			div.links a{
				display: block;
				height: 16px;
				padding: 0 11px 0 0;
				margin: 0 10px 0 0;
				float: left;
				border-right: 1px solid #fff;
				font-size: 1.2em;
				text-decoration: none;
			}
				div.links a:hover{
					text-decoration: underline;
				}
			div.links a.last{
				margin: 0;
				padding: 0;
				border: none;
			}
			div.links a.lang{
				color: #fff;
			}
/* @group group1*/
	div.links ul.group1{
		float: left;
		margin-left: 24px;
	}
		div.links ul.group1 a{
			padding: 0 8px 0 0;
			margin: 0 8px 0 0;
		}
		div.links ul.group1 a.unselect{
			color: white;
		}
			div.links ul.group1 a.select:hover{
				text-decoration: none;		
			}
/* @end */

/* @end */

/* @group Recherche */
	div.recherche{
		display: block;
		width: 96em;
		height: 72px;
		margin: 0px 0 16px 0;
		color: #fff;
		font-weight: bold;
		background-repeat: no-repeat;
		background-position: right -1px;
	}
			div.recherche .research{
			padding: 27px 0 0 55.5em;
		}			
		div.recherche input[type=text]{
			border:none;
			margin:7px 33px 0 12px;
			font-size:13px;
			width:250px;
		}
			div.recherche input[type=image]{
				vertical-align: top;
				margin-top: 7px;
				margin-left: 300px;
				margin-top: -45px;
			}
		div.recherche p{
			margin: 2px 0 4px;
			font-size: 1.3em;
			/*font-weight: bold;*/
		}
		div.recherche label{
			margin-right: 1.5em;
			font-weight:bold;
		}
	.btn-radios {
	margin-top : 3px;
	padding-top : 5px;
	}
	 
/* @end */

/* @group Menu Niv 1 */

div.menu-niv1{
	width: 96em;
	margin: 0 0 0 21px;
}
	div.menu-niv1 li{
		display: inline;
	}
		div.menu-niv1 li a{
			display: block;
			float: left;
			height: 33px;
			width: 105px;
			margin-left: 4px;
			border-bottom: 3px solid red;
			background-repeat: no-repeat;
			background-position: 5px 2px;
		}
			
			div.menu-niv1 li a.actif{
				/* voir css couleur */
			}
			div.menu-niv1 li a.profil{
				/* voir css couleur */
			}

/* @end */
					

/* @end */


/* @end */

/* @group Bdx Images */
div.bdx-images{
	width: 100%;
	height: 50px;
	background : url(../img/bdx-images.jpg) repeat-x 0 0;
}


/* @end */

/* @group Footer */
div#footer{
	border-top:1px solid red;
}
	div#footer p{
		position: relative;
		margin: 4px 0 0 -5px;
		font-size: 1.2em;
		float: left;
		color: #666;
	}
		div#footer p.group2{
			left: 52px;
		}
		div#footer p.group3{
			left: 107px;
		}
		
		div#footer p.group4{
			left: 162px;
		}
	div#footer p a{
		color: #666;
		text-decoration: none;
		margin:0 5px;
	}
		div#footer p a:hover{
			text-decoration: underline;	
		}
		

/* @end */