html, body { height: 100%; }

body 
{
	background-color: #999;
	margin: 0;
	padding: 0;
	text-align: center; /* for IE PC only */
	font-size: 76%;
	background: url(/site/images/fond_page.gif);
}

h1, h2, h3, h4, h5, h6
{
	font-family:  arial, helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0;
}


p, div, li, input, textarea, a, a:link, a:visited, dl, dt, dd, button
{
	font-family: arial, helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	text-align: left;
	border: none;
}

img { border: 0; }
p, ul, dl, dd { margin: 0; padding: 0; }
ul, dl, li { list-style-type: none; }

a:hover, a:active, a.active, #content a.active,
#lang a:hover, #lang a:active, #lang .active,
#head a:hover, #head a:active, #head .active
{
	text-decoration: underline;
}

#menu a:hover, #menu a:active, #menu .active
{
	text-decoration: none;
	background: url(/site/images/bg-menu.jpg);
}

.sep 
{
	clear: both;
}

#outer
{
	width: 960px;
	margin: 0 auto 0;
	min-height: 500px;
	position: relative;
}

* html #outer
{
    height: 500px;
}

#outer, #inner
{
	background-color: #fff;
	padding-top: 12px;
}



#head
{
	float: right;
	border-bottom: 0;
	height: 20px;
	width: 765px;
}

#head li
{
	float: left;
}

#head a
{
	font-size: .9em;
	display: block; /* just for IE5 */
	color: #000;
	padding: 0 5px;
	border-left: 1px solid #000;
	font-weight: bold;
}

#head form
{
	display: inline;
}

#head li.first a
{
	border-left: 0;
}

#tools
{
	float: right;
	margin-right: 10px;
}

#tools input
{
	position: relative;
	top: -3px;
	width: 9em;
	height: 1.3em;
	margin-right: 5px;
}

#banner
{
	position: relative;
	width: 960px;
	height: 140px; /* 140 */
	overflow: hidden;
	background-color: #fff;
}

#banner div, #banner h1, #banner h2, #banner h3
{
	float: left;
}

#bandeau
{
	width: 960px;
	height: 140px;
    background-color: #eee;
	background-repeat: no-repeat;
}

#lang
{
	width: 193px;
	height: 27px;
	background-color: #008ed5;
	padding-left: 7px;
	position: relative;
}

#lang li
{
	float: left;
	padding-top: 7px;
}

#lang a
{
	display: block; /* just for IE5 */
	color: #fff;
	text-transform: uppercase;
	font-size: 0.9em;
	padding: 0 5px 0 5px;
	border-right: 1px solid #fff;
}

#lang li.last a
{
	border-right: 0;
}


#inner
{
	position: relative;
	margin: 0;
	padding: 0;
	background: url(/site/images/bg-inner.jpg) repeat-y 162px 0;
	height: 100%;
}

* html #inner
{
    height: 1%;
}


#content
{
	position: relative;
	float: right;
	width: 760px;
	overflow: hidden;
	background-color:white;
}



#content .standard
{
	padding: 30px 20px 15px 25px;
	/* content is 619 - 20 - 55  = 544 */
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 1em;
	line-height: 1.4em;
	background-color: #fff;
}

#content .standard *
{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.4em;
}

#logo
{
	background: url(/site/images/idheap.gif) no-repeat 0 0;
	font-size: 1em;
	text-align: left;
	margin-left: 12px;
	overflow: hidden;
	width: 172px;
	height: 78px;
	text-transform: uppercase;
	font-size: 1.5em;
	color: #a60115;
}

#logo a
{
	display: block;
	padding-top: 80px;
	padding-left: 120px;
	font-size: .8em;
	color: #666;
	font-weight: normal;
	text-transform: none;
}
#slogan
{
	position: absolute;
	margin-left: 200px;
	top: 63px;
	font-size: 1.1em;
	font-weight: bold;
	color: #A60115;
}

#searchform
{
	position: absolute;
	top: 55px;
	right: 10px;
	background-color: transparent;
}

#searchbox
{
	width: 150px;
	height: 21px;
	background: url(/site/images/bg-search.gif) no-repeat;
	padding: 3px; /* attention... box-model */
	position: absolute;
	top: 55px;
	right: 10px;
}

#banner h2
{
	position: absolute;
	top: 2px;
	right: 6px;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.1em;
}

h3
{
	position: relative;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-size: 1.1em;
	color: #a60115;
}

/*
 * left menu
 */
 
#alleft
{
    position: relative;
	float: left;
	width: 200px;
}

#menu
{
    margin-top: 10px;
}


#menu a
{
	line-height: 1.85em;
	font-size: 1em;
	display: block;
	/*width: 188px;*/
	padding-left: 12px;
}


#menu dt
{
	font-weight: bold;
	padding-top: 15px;
	text-transform: uppercase;
}

/*
 * Sections
 */

#sections
{
	/*border-bottom: 1px solid #999;*/
	background: url(/site/images/fond_btns.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: none;
	padding: 0;
	float: right;
	width: 760px;
}

#sections li
{
	float: left;
	/*height: 26px;*/
	list-style-type: none;
	
	
    background: url(/site/images/fond_btns.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	

}

#sections a
{
	display: block;
	/*line-height: 26px;*/
	font-size: 1.1em;
	padding: 5px 12px 5px 12px;
	font-weight: bold;
	border-left: 1px solid #999;
	text-decoration: none;
	border-bottom: 1px solid #999;
}

#sections a.first
{
	border-left: none;
	padding-left: 25px;
}
#sections a.last
{
	border-right: 1px solid #999;
}

#sections a:hover, #content #sections a:active, #sections li a.active
{
	text-decoration: none;
	background-color: #fff;
	border-bottom: 1px solid #fff;
}

.none
{
	display: none;
}









/* VIDEOBOX */

body {margin: 0;}
#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff; text-align: center; padding: 5px;
}




.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	border: 10px solid #fff;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 5px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/* ajout */
#lbBottomContainer
{
    display: none;
}


#content h5, #content h6, 
#content p, #content ul, #content dl, #content ol,
#content table
{
	margin-bottom: 15px;
}

#content table
{
	border-collapse: collapse;
}

#content tr,
#content td
{
	vertical-align: top;
	padding: 4px;
	margin: 0;
}

#content .publications td
{
	line-height: 1.3em;
}

#content .publications td
{
	padding: .5em .5em .5em 0;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

#content .publications td.author
{
	width: 20%;
}

#content .publications td.type
{
	width: 18%;
	padding-left: 2em;
}

#content .publications td.year
{
	width: 7%;
	text-align: center;
}





.copyright
{
	font-size: .8em;
	padding-bottom: 2em;
	padding-top: 3em;
}

.copyright img
{
	float: right;
	margin-left: 1em;
}

#points-forts
{
	/*height: 20px;*/
	/*width: 685px;*/
	/*padding: 6px;*/
	background-color: #f0f3f8;
	border: 1px solid #ccc;
	margin-bottom: 15px;

}

#point 
{ 	
	width: 100%;
	/*height: 1.6em;
	line-height: 1.6em;*/
	font-size: 1em;
	overflow: hidden;
	position: relative;
	background-image: url(/site/images/bg-ban.jpg);

}

#content #point strong
{
    display: block;
    float: left;
    font-size: 1.7em;
    padding-right: 6px;
    padding-top: 0;

}


/* !! couleurs au bol !! */

#content #points-forts a
{
	display: block;
	background-image: url(/site/images/bleu.gif);
	background-repeat: repeat-x;
	background-position: 0 bottom;
	padding-top: 5px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 20px;
	line-height: 1em;
}


#content #points-forts a:hover
{
    text-decoration: none;
}

#content #points-forts a.MPA
{
    background-image: url(/site/images/orange.gif);    
}

#content #points-forts a.MPMP
{
    background-image: url(/site/images/vert.gif);    
}

#content #points-forts a.DOCTORAT
{
    background-image: url(/site/images/pourpre.gif);    
}

#content #points-forts a.SSC
{
    background-image: url(/site/images/brun.gif);    
}


#content #points-forts a.DEAP
{
    background-image: url(/site/images/rouge.gif);    
}


#actualites
{
	float: right;
	width: 400px;
	/*border-bottom: 4px solid #006699;*/
	margin-bottom: 15px;
	
}

/*
#actualites a
{
    background-color: #ddd;
    display: block;
    height: 1.5em;
    overflow: hidden;
    
}

#actualites a:hover
{
    height: inherit;
    overflow: auto;
}
*/

#actualites #accordion
{
}

#actualites .date
{
	/*display: none;
	font-size: .8em;
	text-align: right;*/
	font-weight: normal;
}

#actualites li
{
	padding-bottom: 6px;
}


#content #actualites h5
{
    margin: 0 0 0 4px;
    padding: 5px 0 0 15px;
    cursor: pointer;
    background-image: url(/site/images/arrow-li.gif);
    background-repeat: no-repeat;
    background-position: 0 9px;
    
}

#content #actualites div p
{
    margin: 0;
    padding: 0 0 0 19px;
    line-height: 1em;
}

#content #actualites p.autohide
{
    display: none;
}




#content p, #content ul, #content h6, #content h4, #content h5
{
	margin-bottom: .8em;
}

#content #points-forts a
{
	color: #a60115;
}

#content p.red
{
	color: #a60115;
}



#content a
{
	color: #a60115;
}

#content table a
{
	line-height: 1.3em;
}



#content h4
{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #333;
	font-weight: bold;
}

#content h5
{
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0;
	color: #a60115;
	margin-top: 1.5em;
	padding-bottom: .5em;
}

#content h6
{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333;
}


#content ul
{
	padding-left: 20px;
}

#content li
{
	background-image: none;
	list-style: square outside;
}

#content img
{
	margin-bottom: .5em;
}





#content #col2,
#content .col2
{
    float: right;
    width: 299px;
    margin-left: 15px;
}

.videoImg,
.banImg
{
    margin-top: 1.5em;
}



#content .inner-crumbs
{
	height: 1.5em;
	background-color: #f0f3f8;
	border: 1px solid #ccc;
	padding: 0;
	margin-bottom: 15px;
}

#content .inner-crumbs li
{
	padding-left: .5em;
	float: left;
	display: block;
	text-transform: lowercase;
}

#content .inner-nav
{
	background-color: #fff;
	/*float: right;*/
	width: 400px;
	/*margin-left: 15px;*/
}

#content .inner-nav #missions
{
    float: left;
    width: 180px;
}

#content .inner-nav #questions
{
    float: right;
    margin-left: 10px;
}

#content .inner-nav #missions a,
#content .inner-nav #questions a
{
    color: #333;
}

#content .inner-nav #missions dt
{
    padding-left: 15px;
    margin-left: 4px;
    background-image: url(/site/images/arrow-li.gif);
    background-repeat: no-repeat;
    background-position: 0 3px;
}

#content .inner-nav #missions dd
{
    background-image: none;
}




#content .inner-nav .box ul
{
	/*padding: 3px 0;*/
}

#content .box
{
	/*border-bottom: 4px solid #1CA6E2;*/
	margin-bottom: 15px;
}

#content .box ul
{
	padding-left: 0;
}

#content .box li, #content .box dd,
.inner-nav .box li, .inner-nav .box dd
{
	padding-left: 15px;
	margin-left: 4px;
	font-size: 1em;
	background-image: url(/site/images/arrow-li.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-bottom: 3px; 
	list-style: none outside;
}

#content .box h4, 
#content .box h5, 
#content .box h6, 
#content .box ul, 
#content .box dl, 
#content .box p
{
}


#content .box h4
{
	text-transform: uppercase;
	font-size: 0.9em;
	color: #f0f3f8;
	/*line-height: 2em;*/
	/*background-color: #1ca6e2;*/
	/*background-color: #007ebd;*/
	
	padding: 7px 10px 4px 0px;
	/*background-image: url(/site/images/arrow.gif) ;*/
	background-image: url(/site/images/bg_content_box.jpg);
	background-repeat: no-repeat;
	background-position: bottom 0;
}

#content .box h4 span
{
	background-image: url(/site/images/bg_content_title4.jpg) ;
	background-repeat: no-repeat;	
	padding: 7px 10px 8px 16px;
}


#content .box a
{
	display: block;
	width: 100%; /* ie click everywhere */
	font-size: 1em;
	/*color: #000;*/
	/*padding: .2em 0;*/
}

#content .box dt
{
	font-weight: bold;
}

#content p.commande
{
	margin: 0;
	padding: 0;
}

#content p.commande
{
	text-align: right;
}

#content .detail
{
	clear: both;
}
#content p.commande input
{
	text-align: center;
	width: 100px;
	background-color: #fff;
	border: 1px solid #ccc;
	text-transform: lowercase;
	text-decoration: underline;
}

#content table.publication,
#content table.commande
{
	width: 100%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#content .publication td.label
{
	width: 40%;
	font-weight: bold;
}

#content table.publication td,
#content table.commande td
{
	padding-top: .7em;
	padding-bottom: .7em;
}


#content table.commande .label
{
	width: 35%;
}

#content table.commande input.submit
{
	width: 150px;
	text-align: center;
}

#content table.commande input.number
{
	width: 2em;
	text-align: right;
}

#content .contacts
{
	clear: both;
	width: 100%;
}

#content .contacts td
{
	padding-bottom: 1em;
}

#content .contacts td.telephone 
{ 
	white-space: nowrap; 
	padding-left: 1em;
	padding-right: 1em;
}

#content .contacts td.email 
{
	padding-left: 2em;
}

#content img.contacts-groupe
{
	width: 320px;
}

#content img.plan
{
	width: 545px
}

/* ajout suite à scéance 5 janvier 2009 */

#content .box a
{
    color: #000;

}

#content input,
textarea
{
    position: relative;
    right: 0;
    top: 0;
    background-image: url(/site/images/bg_content_box.jpg);
    background-position: 0 bottom;
    background-repeat: repeat-x;
    border: 1px solid #999;
    padding: 0;
}

#content input.button
{
    background-image: url(/site/images/fond_btns.jpg);
    background-position: 0 bottom;
    background-repeat: repeat-x;
    border: 1px solid #999;
    text-align: center;
    font-weight: bold;
    padding: 3px 5px 3px 5px;
}


#top-tools
{
    display: block;
    margin-bottom: 15px;

    padding-top: 2px;
}

#content a.commande,
#content a.inscription
{
    background-color: #ccc;
    padding: 3px 5px 3px 5px;
    border: 1px solid #999;
    background-image: url(/site/images/fond_btns.jpg);
    background-position: 0 bottom;
    color: #000;
    font-weight: bold;
    text-transform: lowercase;
    margin: 15px 15px 15px 0px;


    
}


/* CORRECTIONS 2010 - Barres grises sur titres h4 */


#content .box h4 {
    background-image: none;
    padding: 0;
    margin: 0 0 15px 0;
    line-height: 1em;
    background-image: url('/site/images/bgh4bottom.jpg');
    background-position: bottom right;
    background-repeat: no-repeat;
    border-left: 1px solid #bbb;
}


#content .box h4 span {
    background-image: none;
    padding: 5px 15px 5px 5px;
    margin: 0;
    line-height: 1em;
    display: block;
    background-image: url('/site/images/bgh4top.jpg');
    background-position: top right;
    background-repeat: no-repeat;
    color: #000;
    font-size: 0.9em;
}

/**** RSS ****/
.rss {
  display:           block;
  height:           14px;
  width:            14px !important;
  background-image: url('/site/images/rss.gif');
  float:            left;
  margin-top:       -2px;
  margin-right:     5px;
}


.rss span {
display: block;
padding-top: 15px;
}

/**** social links ***/
#socialLinks {
  padding-left: 12px;
  padding-top:20px;
}
#socialLinks  p{
  font-size:0.8em;
  color:#9E9E9E;
  margin-bottom: 3px;
}

.addthis_button {
  background : no-repeat url('/site/images/social/sm-plus.gif') 0px 2px;
  padding-left: 13px;
}

/* pour permettre de saisir des table sans bordure */
.sansbords td {
	border : 	0px !important;
}