html,body{
    margin:0;
    padding:0;
}
html {
	background-color: #fff;
	font-size: 100%; /* Évite un bug d'IE 6-7. */ 
} 
/* INTERFACE */
body {
	color: #000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 0.75em; /* 12px */
	line-height: 1.2em;
}

#page {
	margin: 26px auto 0 auto;;
	position: relative;
	text-align: left;
	width: 1024px;
}

.cleaner {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
}


/* HEADER ACCUEIL */
#header-accueil {
	height: 342px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	width: 1024px;
}
#header-accueil h1 {
	color: #000;
	font-size: 1px;
	height: 342px;
	line-height: 1px;
	margin: 0 auto;
	padding: 0;
	width: 1024px;
}
#header-accueil h1 a {
	display: block;
	height: 134px;
	left: 19px;
	position: absolute;
	text-decoration: none;
	text-indent: -999999px;
	top: 38px;
	width: 303px;
}
#header-accueil h1 a:hover {
	text-decoration: none;
}

#header-accueil #logo {
	background: url('/img/interface/logo-ipi-home.png') no-repeat;
	height: 134px;
	left: 19px;
	position: absolute;
	top: 38px;
	width: 303px;
}

/* HEADER INTERNE */
#header {
	height: 218px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 1024px;
}
#header h1 {
	color: #000;
	font-size: 1px;
	height: 218px;
	line-height: 1px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 1024px;
}
#header h1 a {
	display: block;
	height: 148px;
	left: 16px;
	position: absolute;
	text-decoration: none;
	text-indent: -999999px;
	top: 25px;
	width: 310px;
}
#header h1 a:hover  {
	text-decoration: none;
}

#header #logo {
	background: url('/img/interface/logo-ipi-home.png') no-repeat;
	height: 134px;
	left: 19px;
	position: absolute;
	top: 38px;
	width: 303px;
}


/* Positionnement des phrases */
.pos0 {
	left: 662px;
	position: absolute;
	top: 5px;
}
.pos1 {
	left: 649px;
	position: absolute;
	top: 90px;
}
.pos2 {
	left: 365px;
	position: absolute;
	top: 208px;
}
.pos3 {
	left: 535px;
	position: absolute;
	top: 112px;
}
.pos4 {
	left: 346px;
	position: absolute;
	top: 238px;
}


#principal {
	background: #fff;
	margin: 0;
	overflow: hidden;
	padding: 0 0 10px 0;
	position: relative;
	width: 1024px;
}

/* Positionnement du menu de niveau 1 */
#menu {
	border: 1px dotted #004259;
	height: 22px;
	line-height: 22px;
	margin: 4px 0 12px 0;
	padding: 0;
	width: 1022px;
}
ul.menus {
	list-style: none;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
ul.menus li {
	border-right: 1px dotted #004259;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 145px;
	text-align: center;
}
ul.menus li.last {
	border: none;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 143px;
	text-align: center;
}

ul.menus ul {
	display: none;
}

/* Homepage Evenements */
.events {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	width: 775px;
}
.events ul {
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
.events li {
	display: block;
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	width: 245px;
}

/*.events-footer {
	height: 9px;
	position: relative;
	width: 775px;
}*/

/* Homepage Actualites */
.news {
	display: inline;
	float: right;
	margin: 0;
	padding: 0;
	width: 230px;	
}
.news .barre {
	background-color: #f7e6dc;
	height: 11px;
	margin: 0 0 9px 0;
	padding: 0;
	width: 230px;
}
.news .news-content {
	background-color: #f7e6dc;
/*	height: 235px;*/
	margin: 5px 0 9px 0;
	padding: 0;
	overflow: hidden;
	width: 230px;
}
/*html>body .news .news-content {
	height: 194px;
}*/

.news ul {
	list-style: none;
	margin: 0;
	padding: 0 17px 0 17px;
}
.news li {
	margin: 0 0 10px 0;
	padding: 0;
}


.content {
	margin: 16px 0 0 0;
	padding: 0;
	position: relative;
/*	min-height: 200px;
	height: auto !important;
	height: 200px;*/
}
.tailleContent2Colonnes {
	display: inline;
	float: right;
	margin: 0;
	padding: 0;
	width: 820px;
}

.tailleContentTools {
	margin: 0;
	padding: 0;
	width: 1024px;
}

.content-footer, .content-header {
/*	background: url('/img/interface/bg-cross-content.gif') no-repeat;*/
	height: 9px;
	position: relative;
	width: 820px;
}
/*.content .barre {
	background-color: #f7e6dc;
	border: none;
	height: 7px;
	margin: 0 0 9px 0;
	padding: 0;
	width: 751px;
}*/


#main {
	float: left;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 775px;
}
.tailleContentNewsEvents {
	float: right;
	margin: 0;
	padding: 0;
	width: 600px;
}

/* sidebar */
#sidebar {
	display: inline;
	float: left;
	margin: 16px 0 0 0;
	width: 160px;
}

#detailEvent {
	float: right;
	margin: 0;
	padding: 0;
	width: 340px;
}

#ImgDetailEvent {
	float: left;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 245px;
}


/* footer avec menu fonctionnalites */
#footer {
	margin: 40px auto 10px auto;
	padding: 0;
	position: relative;
	text-align: center;
	width: 1024px;
}

#pedro-calapez {
	left: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: -10px;
}

#img-calapez {
	float: left;
	display: inline;
	height: 22px;
	margin: 0;
	padding: 0;
	width: 44px;
}
#lien-calapez {
	float: left;
	display: inline;
	font-size: 0.667em;
	line-height: 1.1em;
	margin: 0 0 0 7px;
	padding: 0;
	text-align: left;
	vertical-align: top;
	width: 90px;
}

#lien a {
	color: #004259;
}
#lien a:link, #lien a:visited {
	color: #004259;
	text-decoration: none;
}
#lien a:active, #lien a:hover {
	color: #004259;
	text-decoration: none;
}



#nav2 {
	font-size: 1.0em; /*0.917em;*/
	margin: 0 0 0 10px;
	padding: 0;
}
#nav2 ul li a, #nav2 ul li a:link, #nav2 ul li a:active, #nav2 ul li a:visited {
	color: #000;
	text-decoration: none;
}
#nav2 ul li a:hover {
	color: #004259;
	font-weight: bold;
	text-decoration: none;
}

#navExpertise {
	float: left;
	font-size: 1.0em; /*0.917em;*/
	margin: 20px 0 0 10px;
	padding: 0;
	width: 390px;
}

#navExpertise ul li a, #navExpertise ul li a:link, #navExpertise ul li a:active, #navExpertise ul li a:visited {
	color: #000;
	text-decoration: none;
}
#navExpertise ul li a:hover {
	color: #004259;
	font-weight: bold;
	text-decoration: none;
}



#blocImgExpertise {
	float: right;
	margin: 20px 0 0 0;
	padding: 0;
	width: 410px;
}

#blocImgServices {
	margin: 20px 0 0 0;
	padding: 0;
}

/* contenu article */
.article {
	margin: 20px 0 0 0;
	padding: 0;
}

.article3 {
	font-size: 0.917em;
	margin: 20px 0 0 0;
	padding: 0;
}

.marge-article1 {
	padding: 0 20px 0 20px;
}

.marge-article2 {
	padding: 0 0 0 20px;
}

.marge-article3 {
	padding: 0 0 0 40px;
}


/* navigation sidebar pages internes*/
.navigation {
	width: 160px;
}
.navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.navigation ul li {
	margin: 0;
	padding: 0 0 10px 0;
}
.navigation ul li a {
	color: #000;
	font-size: 1.0em;
	font-weight: normal;
}
.navigation ul li a:visited, .navigation ul li a:link {
	color: #000;
	text-decoration: none;
}
.navigation ul li a:active, .navigation ul li a:hover {
	color: #c7532d;
	font-weight: bold;
	text-decoration: none;
}


.navigation ul li ul {
	margin: 0;
	padding: 5px 0 0 10px;
}
.navigation ul li li {
	margin: 0;
	padding: 0 0 5px 0;
}
.navigation ul li li a {
	color: #000;
	font-size: 1.0em;
	font-weight: normal;
	text-transform: none;
}
.navigation ul li li a:link, .navigation ul li li a:visited {
	color: #000;
	text-decoration: none;
}
.navigation ul li li a:active, .navigation ul li li a:hover {
	color: #c7532d;
	font-weight: bold;
	text-decoration: none;
}

.navigation ul li li li {
	margin-left: 10px;
}

a.courant {
	color: #C7532D!important;
	font-weight: bold!important;
}

/*a.courant-niv1 {
	color: #003366!important;
}*/


#content-resume {
	float: left;
	margin: 0;
	padding: 0;
	width: 600px;
}
#logo-ipi {
	float: right;
	margin: 0 3px 0 0;
	padding: 0;
	width: 158px;
}