@charset "UTF-8";
@import url("styles.css");

* {
	margin:0;
	padding:0;
	border: 0;
	list-style-type: none;
}

html {
	height: 100%;
	}


html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


body {
	background-color: #8A8883;
	color: #fff;
	background-image: url(../img/bodyBg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#container {
	width: 960px;
	position: relative;
	min-height: 100%;
	text-align:left;
	background-color: #8A8883;
	margin: 0 auto;
	background-image: url(../img/containerBg.gif);
	background-repeat: repeat-y;
}

.clear {
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
		visibility:hidden;
}


#content {
	margin: 0 30px 0px 30px;
	color: #000;
	clear: both;
	font-size: 11px;
}
div.header {
	background-image: url(../img/headerBg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 32px 30px 0 30px;
	color: #333;
}
div.header div.logo {
	float:left;
	height: 55px;
}
div.header div.extbt {
	float: right;
}
div.header div.contact {
	float: right;
	margin-left: 20px;
	padding-left: 20px;
	background-image: url(../img/verticalDots.gif);
	background-repeat: repeat-y;
	background-position: left top;
	margin-top: 10px;
	margin-right: 16px;
}
div.header div.contact li {
	margin-top: 0px;
	margin-right: 0;
	margin-left: 0;
}
div.header div.contact li.phone {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #008CAD;
	white-space: nowrap;
	background-image: url(../img/phoneIcon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 22px;
	margin-bottom: 12px;
}
div.header div.contact li.mail a {
	font-size: 10px;
	color: #008CAD;
	text-decoration: none;
	background-image: url(../img/mailIcon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	padding-left: 22px;
}
div.header div.contact li.mail a:hover {
	text-decoration:underline;
}

div.bottomline {
	clear: both;
	height:2px;
	overflow: hidden;
	background-color: #999;
	margin-bottom:4px;
}





#footer {
	font-size: 11px;
	color: #666;
	padding: 8px 30px;
}
#footer img {
	vertical-align: middle;
}
#footer a {
	color: #666;
	text-decoration: none;
}
#footer a:hover {
	color: #333;
	text-decoration: underline;
}
#footer .left {
	float: left;
	width: 450px;
}
#footer .right {
	float: right;
	width: 450px;
	font-size: 10px;
	text-align: right;
}
#footer .line {
	background-image: url(../img/horizontalDots.gif);
	background-repeat: repeat-x;
	background-position: left top;
}


#content .rightcol {
	background-color: #008CAD;
	color: #fff;
	width: 200px;
	float: right;
	padding: 10px 0;
	_padding: 0px 0;
	_width: 190px;
}

#content div.rightcol div.box {
	padding: 0 10px;
	_padding-right: 20px;
	_margin: 0 -10px;
}


#content .page {
	float: left;
	width: 480px;
	padding: 0 10px 0 20px;
}
#content .nav {
	width: 190px;
	float: left;
}
div.breadcrumb {
	font-size: 9px;
	color: #666;
	padding-top: 4px;
	padding-bottom: 8px;
	background-image: url(../img/horizontalDots.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin: 0 30px 10px 30px;
}
div.breadcrumb span {
	color: #ccc;
}
div.breadcrumb a {
	color: #999;
	text-decoration: none;
}
div.breadcrumb a:hover {
	color: #333;
	text-decoration: underline;
}
div.nav dt, div.nav dd {
	background-image: url(../img/navItemBg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 10px;
	color: #666;
	padding: 5px 3px;
}

div.nav dt {
	font-weight: bold;
	color: #000;
	border-top: 1px solid #ccc;
}
div.nav dt a {
	color: #000;
	text-decoration:none;
}
div.nav dt a:hover {
	text-decoration:underline;
}


div.nav dl.active dt {
	color: #fff;
	background-color: #008CAD;
	background-image: url();
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 18px;
	border-top:none;
}

div.nav dl {
	margin-bottom:0px;
	}

div.nav dl.active {
	background-image: url(../img/dl-active-bg.jpg);
	background-repeat: repeat-y;
}
div.nav dd a {
	display: block;
	text-decoration: none;
	color: #545454;
	background-image: url(../img/dd-dot.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
}
div.nav dd a:hover {
	text-decoration: underline;
}
div.nav dd.active > a, div.nav dd li.active > a {
	background-image: url(../img/dd-active-blue.gif);
	color: #000;
	background-position: left 3px;
}

div.nav li {
	margin-top: 6px;
	margin-bottom: 6px;
	padding-left: 20px;
}

div.nav dd li a {
	background-image: url(../img/ddli-dot.gif);
	background-position: left 5px;
}







/* ADAPTATION PAR ESPACE DE COULEUR */

.blue { color: #008CAD;}
.red { color: #B3001A;}
.green { color: #94C835;}
.purple { color: #973466;}

body.red div.nav dl.active dt { background-color: #B3001A; }
body.green div.nav dl.active dt { background-color: #94C835; }
body.purple div.nav dl.active dt { background-color: #973466; }

body.red div.nav dd.active > a { background-image: url(../img/dd-active-red.gif); }
body.green div.nav dd.active > a { background-image: url(../img/dd-active-green.gif); }
body.purple div.nav dd.active > a { background-image: url(../img/dd-active-purple.gif); }

div.nav dd li.active > a {
	background-image: url(../img/dd-dot.gif);
}

body.red #content .rightcol { background-color: #B3001A; }
body.green #content .rightcol { background-color: #94C835; }
body.purple #content .rightcol { background-color: #973466; }

body.blue #content { background: url(../img/blueBg.gif) repeat-y right; }
body.red #content { background: url(../img/redBg.gif) repeat-y right; }
body.green #content { background: url(../img/greenBg.gif) repeat-y right; }
body.purple #content { background: url(../img/purpleBg.gif) repeat-y right; }

#content div.bulle {
	background-image: url(../img/bulle-blue.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	_background-position: 0px 10px;
	padding-top: 40px;
}

body.green #content div.bulle { background-image: url(../img/bulle-green.gif); }
body.red #content div.bulle { background-image: url(../img/bulle-red.gif); }
body.purple #content div.bulle { background-image: url(../img/bulle-purple.gif); }


#content .page a.bouton {
	display: block;
	border: 1px solid #fff;
	text-align: center;
	padding: 2px;
}

body.blue #content .page a.bouton { background-color:#008CAD; color: #fff }
body.red #content .page a.bouton { background-color:#B3001A; color: #fff }
body.green #content .page a.bouton { background-color:#94C835; color: #fff }
body.purple #content .page a.bouton { background-color:#973466; color: #fff }


#content .page li a:hover {
	color:#f60;
	border-bottom: 1px solid #f60;
}

#content .page  div a:hover {
	color:#f60;
	border-bottom: 1px solid #f60;
}

#content .page  span a:hover {
	color:#f60;
	border-bottom: 1px solid #f60;
}

#content .page  table a:hover {
	color:#f60;
	border-bottom: 1px solid #f60;
}

#content .page  p a:hover {
	color:#f60;
	border-bottom: 1px solid #f60;
}

#content .page a:hover {
	color:#f60;
	border-bottom: 1px solid #f60;
}


.box {
	font-size:13px;
}

#content .page li img a {
	text-decoration:none;
	border:0;
}

#content .page li img a:hover {
	text-decoration:none;
	border:0;
}

img a {
	text-decoration:none;
	border:none;
}

div.departements > div {
	width: 150px;
	float: left;
	margin-right: 10px;
}
#content div.page div.departements > div p {
	padding: 0 10px;
	color: #fff;
}
div.departements {
	margin-bottom: 20px;
	
}
div.departements .research {
	background-image: url(img/dptResearchBg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 20px;
	background-color: #9F2131;
	
}
div.bloc_research{
	_width: 150px;
	_float: left;
	_margin-right: 10px;
	_color: #ffffff;
	display: block;
}
p.p_research{
	_padding-left: 10px;
	_padding-right: 10px;
	_color: #ffffff;
}

div.departements .fieldwork {
	background-image: url(img/dptFieldworkBg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 20px;
	background-color: #85BC3E;
}
div.departements .mypanel {
	background-image: url(img/dptMyPanelBg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 20px;
	background-color: #8D3868;
}

#content .page h4 a, #content .page h4 a:hover {
	border:none;
}

#content div.page ul > li {
	margin-bottom: 9px;
	background-image: url(img/dd-dot.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 12px;
}

div.nav dd a.inactif {
	background-image: url(img/dd-active-blue.gif);
}

div.nav dd a.actif {
	background-position:0px 5px;
	background-image: url(img/dd-active-blue-2.gif);
}

p.pdf {
	background-image: url(../img/pdf-icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 8px;
	margin-bottom: 6px;
}