/* CSS Document */
/* ---------------------------------------------------------------- Remise à zéro de tous les préformatages navigateurs */
	* {
		padding:0;
		margin:0
	}
	body {
		font-family:arial, helvetica, sans-serif;
		font-size:11px;
		background:#559ade url(../img/environment/body.jpg) repeat-x;
		color:#58656d
	}
	a {text-decoration:none}
	a:hover {text-decoration:none}
	img{border:none}
	ul,li,radio,label{list-style:none}
/* ---------------------------------------------------------------- Eléments positionnés en absolu */
/* ----------------------- Menu deroulant navigation secondaire */
	#menu {
		position:absolute;
		z-index:2;
		top:-30px;
		left:4px;
	}
	#menu dt {
		cursor:pointer;
		margin:2px 0;
		background:url(../img/basics/squareV.gif) no-repeat 0 6px;
		padding-left:8px;
		width:160px
	}
	#menu dt a{color:#fff}
	#menu dt a:hover{
		color:#97c93c;
		text-decoration:underline
	}
	#menu dd {
		position:absolute;
		z-index:3;
		left:8em;
		margin-top:-1.4em;
		width:150px;
		border:2px solid #fff;
		background:#4689d1;
		padding:3px 0 0 0
	}
	#menu ul {padding:2px 2px 2px 10px}
	#menu li {
		font-size:0.9em;
		margin:0 0 5px 0;
		background:url(../img/basics/puceB.gif) no-repeat 0 6px;
		padding-left:10px
	}
	#menu li a{color:#fff}
	#menu li a:hover {text-decoration: underline}
/* ----------------------- Menu deroulant navigation principal */
/* --------- Commun */
	ul#smenu1, ul#smenu2, ul#smenu3, ul#smenu4 {
		position:absolute;
		left:50%;
		top:244px;
		padding:10px 8px 10px 8px
	}
	ul#smenu1 li, ul#smenu2 li, ul#smenu3 li, ul#smenu4 li {
		background:url(../img/basics/puceB.gif) no-repeat 0 6px;
		padding:0 0 0 10px;
		margin:0 0 4px 0
	}
	ul#smenu1 li a:hover, ul#smenu2 li a:hover, ul#smenu3 li a:hover, ul#smenu4 li a:hover {text-decoration:underline}
/* --------- Client */
	ul#smenu1 {
		z-index:4;
		margin:0 0 0 -324px;
		width:178px;
		background:#ff8b00 url(../img/environment/menu.gif) repeat-x
	}
	ul#smenu1 li a {color:#fff}
/* --------- Etudiants */
	ul#smenu2 {
		z-index:5;
		margin:0 0 0 -130px;
		width:179px;
		background:#d8dd29 url(../img/environment/menu.gif) repeat-x
	}
	ul#smenu2 li a {color:#697a1b}
/* --------- Fournisseurs */
	ul#smenu3 {
		z-index:6;
		margin:0 0 0 66px;
		width:192px;
		background:#c93582 url(../img/environment/menu.gif) repeat-x
	}
	ul#smenu3 li a {color:#fff}
/* --------- Presse */
	ul#smenu4 {
		z-index:7;
		margin:0 0 0 275px;
		width:167px;
		background:#1a56a9 url(../img/environment/menu.gif) repeat-x
	}
	ul#smenu4 li a {color:#fff}
/* ---------------------------------------------------------------- Global */
	#global {
		width:1000px;
		margin:0 auto
	}
/* ---------------------------------------------------------------- Page */
	#page {
		float:left;
		width:974px;
		padding:13px 19px 0 7px;
	}
/* ---------------------------------------------------------------- Logo */
	#logo {
		float:left;
		width:148px;
		height:193px
	}
/* ---------------------------------------------------------------- Top */
	#top {
		float:left;
		width:826px;
		height:45px;
		background:url(../img/environment/tools.gif) no-repeat bottom
	}
/* -------------------------------- Compass */
 	#top #compass {
		float:left;
		width:450px;
  		color:#8de402;
  		font-size:0.9em;
		padding:0 3px
	}
	#top #compass table {
		border-collapse:collapse;
		height:43px
	}
	#top #compass table tr td {
		vertical-align:bottom;
		height:40px;
		padding-bottom:3px
	}
	#top #compass table tr td ul {display:inline} 
	#top #compass table tr td ul li {
  		padding-left:2px;
  		display:inline
 	}
 	#top #compass table tr td ul li a {color:#8de402}
 	#top #compass table tr td ul li a:hover {
		color:#fff;
		text-decoration:underline
	}
/* -------------------------------- Outils */
	#top #tools {
		float:left;
		padding:17px 0 0 0;
		color:#fff;
		width:370px
	}
	#top #tools #formulaire {float:left}
	#top #tools #formulaire label {
		padding:0 6px 0 0;
		margin:0 5px 0 0;
		background:url(../img/basics/search.gif) no-repeat right
	}
	#top #tools #formulaire .champSearch {
		width:141px;
		height:16px;
		border:solid 1px #006699;
		padding:1px 0 0 4px;
		color:#0095bd;
		font-size:11px
	}
	#top #tools #formulaire .ok {
		 position:relative;
		 top:6px;
		 left:3px;
		 margin:0 15px 0 0
	}
	* html #top #tools #formulaire .ok {top:4px}
	#top #tools img {
		width:24px;
		height:22px;
		margin:3px 0 0 0
	}
/* ---------------------------------------------------------------- Fondu images */
	#fading_picture {
		float:left;
		width:821px;
		height:148px
	}
	#border {
		float:left;
		height:148px;
		width:5px;
		background:#fff url(../img/environment/border.gif) repeat-y right
	}
/* ---------------------------------------------------------------- */
	#menuLeft {
		position:relative;
		float:left;
		width:166px;
		height:38px;
		background:#1a56a9;
		border-left:solid 3px #0095d9
	}
	.btImg {float:left}
/* ---------------------------------------------------------------- Partie principal */
	#main {
		float:left;
		width:948px;
		background:url(../img/environment/main.gif) repeat-y
	}
	#main #footerTop {
		float:left;
		width:inherit;
		background:url(../img/environment/footerTop.jpg) no-repeat 317px bottom
	}
/* -------------------------------- Partie gauche */
	#main #left {
		float:left;
		width:160px
	}
	#main #left #leftTop {
		width:157px;
		height:73px;
		background:#1a56a9;
		margin:0 0 0 3px
	}
	#main #left #contenuLeft {
		width:149px;
		padding:7px 5px 0 5px;
		border-right:solid 1px #60bde7
	}
	#main #left #contenuLeft #point_dialogue {
		background:url(../img/environment/ligne_bleu.jpg) no-repeat center bottom;
		padding:0 0 10px 0
	}
	#main #left #contenuLeft .blocs {padding:0 8px}
	#main #left #contenuLeft .blocs p {text-align:justify}
	#main #left #contenuLeft .blocs .title {
		clear:both;
		padding:12px 0 5px 0
	}
	* html #main #left #contenuLeft .blocs .title {padding:12px 0 0 0}
	#main #left #contenuLeft .blocs a.plus {
		position:relative;
		top:-6px;
		left:6px
	}
	* html #main #left #contenuLeft .blocs a.plus {top:-1px}
/* -------------- Listes */
	#main #left #contenuLeft .blocs ul {padding:5px 0 0 5px}
	#main #left #contenuLeft .blocs ul li {
		background:url(../img/basics/squareR.gif) no-repeat 0 6px;
		padding-left:8px
	}
	#main #left #contenuLeft .blocs ul li a {color:#0095bd}
	#main #left #contenuLeft .blocs ul li a:hover {text-decoration:underline}
	#main #left #leftBottom {
		width:160px;
		height:50px;
		background:url(../img/environment/left.jpg) no-repeat right bottom
	}
/* -------------- Sondage */
	#main #left #contenuLeft table.sondage {margin:5px 0 0 0}
	#main #left #contenuLeft table.sondage tr td {padding:0 0 4px 0}
	#main #left #contenuLeft table.sondage tr td input {float:left}
	#main #left #contenuLeft table.sondage tr td label {margin:0 0 0 5px}
	* html #main #left #contenuLeft table.sondage tr td label {margin:0}
	#main #left #contenuLeft table.bt_blue, #main #left #contenuLeft div.bt_blue {padding-left:90px}
/* -------------- Questions */
	#main #left #contenuLeft .blocs p {padding:0 0 15px 0}
	#main #left #contenuLeft .blocs a.contactLink {
		display:block;
		padding:0 0 10px 0;
		color:#ff7e00
	}
	#main #left #contenuLeft .blocs a.contactLink span {font-size:.8em}
	#main #left #contenuLeft .blocs a:hover.contactLink {text-decoration:underline}
/* -------------- Logo DNV */
	#main #left #dnv {text-align:center}
/* -------------------------------- Partie centrale */
	#main #middle {
		float:left;
		width:494px;
		background:url(../img/environment/middle.gif) no-repeat;
		padding:20px 10px 10px 10px;
		min-height:370px
	}
	* html #main #middle {height:370px}
	#main #middle h1 {
		color:#0095bd;
		font-size:1.5em
	}
	#main #middle .intro {
		padding:5px 0 0 0;
		text-align:justify
	}
	#main #middle .intro p {margin:0 0 5px 0}
	#main #middle .title {
		padding:14px 0 8px 0;
		vertical-align:middle
	}
	#main #middle a.plus {margin:0 0 0 10px}
	#main #middle .article {
		clear:both;
		padding:0 0 25px 0;
		margin:0 0 20px 0
	}
	.articleHome, .articleHome2 
	{
		text-align:justify
	}
	.articleHome span.img img, .articleHome2 span.img img {
		padding:0 3px 3px 0;
		border-right:solid 1px #b5b4b4;
		border-bottom:solid 2px #b5b4b4
	}
	.articleHome span.img img {
		float:left;
		margin:3px 10px 0 0
	}
	.articleHome2 span.img img {
		float:right;
		margin:3px 0 0 10px
	}
	h4 {
		font-size:1em;
		padding:0 0 10px 25px;
		color:#c93582;
		background:url(../img/basics/h2.gif) no-repeat
	}
	h4 a {color:#c93582}
	h4 a:hover {text-decoration:underline}
	
/* ---------------- Actu zoom */
	.actuZoom {
		text-align:justify;
		margin:0 0 20px 0
	}
	.actuZoom span.title {
		font-size:1.1em;
		padding:0 0 10px 0;
		color:#006897;
		display:block;
		font-weight:bold
	}
	.actuZoom span.title a {color:#006897}
	.actuZoom span.title a:hover {text-decoration:underline}
	
	.actuZoom img {
		padding:0 3px 3px 0;
		border-right:solid 1px #b5b4b4;
		border-bottom:solid 2px #b5b4b4;
		float:left;
		margin:3px 10px 0 0
	}
/* -------------------------------- Partie droite */
	#main #right {
		float:left;
		width:256px;
		min-height:316px;
		padding:14px 4px 0 12px;
		background:url(../img/environment/right.gif) no-repeat left center
	}
	* html #main #right {height:316px}
	#main #right .article {padding:0 5px 15px 0}
	#main #right .article .title {padding:0 0 8px 0}
	#main #right .article a.plus {margin:0 0 0 10px}
	#main #right .article p {
		color:#018eb9;
		padding:0 4px 0 0
	}
	#main #right ul.green, #main #right ul.blue {padding:10px 25px}
	#main #right ul.green li, #main #right ul.blue li {
		background:url(../img/basics/squareR.gif) no-repeat 0 6px;
		padding-left:8px
	}
	#main #right ul.green li a {color:#569100}
	#main #right ul.blue li a {color:#0095bd}
	#main #right ul.green li a:hover, #main #right ul.blue li a:hover {text-decoration:underline}
/* ---------------------------------------------------------------- Footer */
	#footer {
		position:relative;
		float:left;
		width:960px;
		height:15px;
		background:url(../img/environment/footer.jpg) no-repeat;
		color:#ff4e00;
		padding:78px 0 0 40px;
		font-size:.8em
	}
	#footer ul {
		position:relative;
		margin:-50px 0 0 700px;
		font-size:1.1em;
		line-height:16px
	}
	#footer ul li a {color:#fff}
	#footer ul li a:hover {text-decoration:underline}
/* ---------------------------------------- eContoo */
	#eContoo {
		position:absolute;
		top:50px;
		right:10px;
		color:#fff
	}
	#eContoo img {
		display:block;
		clear:both
	}
/* ---------------------------------------------------------------- Boutons extensibles */
	.actions {
		float:left;
		margin:0 0 5px 0
	}
	.bt_blue .left, .bt_green .left, .bt_red .left, .bt_gray .left {
		width:2px;
		height:18px;
		float:left
	}
	.bt_blue .left {background:url(../img/bt/blue_left.gif)}
	.bt_green .left {background:url(../img/bt/green_left.gif)}
	.bt_red .left {background:url(../img/bt/red_left.gif)}
	.bt_gray .left {background:url(../img/bt/gray_left.gif)}
	.bt_blue a.middle, .bt_green a.middle, .bt_red a.middle, .bt_gray a.middle {
		display:block;
		height:18px;
		padding:2px 5px 0 5px;
		float:left;
		text-decoration:none;
		font-size:.9em
	}
	.bt_blue a.middle, #middle .bt_blue a.middle {
		background:url(../img/bt/blue.gif) repeat-x;
		color:#0095bd;
		text-decoration:none
	}
	.bt_green a.middle, #middle .bt_green a.middle {
		background:url(../img/bt/green.gif) repeat-x;
		color:#333;
		text-decoration:none
	}
	.bt_red a.middle, #middle .bt_red a.middle {
		background:url(../img/bt/red.gif) repeat-x;
		color:#da1822;
		text-decoration:none
	}
	.bt_gray a.middle, #middle .bt_gray a.middle {
		background:url(../img/bt/gray.gif) repeat-x;
		color:#fff;
		text-decoration:none
	}
	.bt_blue .right, .bt_green .right, .bt_red .right, .bt_gray .right {
		height:18px;
		width:3px;
		float:left;
		text-decoration:none
	}
	.bt_blue .right {background:url(../img/bt/blue_right.gif)}
	.bt_green .right {background:url(../img/bt/green_right.gif)}
	.bt_red .right {background:url(../img/bt/red_right.gif)}
	.bt_gray .right {background:url(../img/bt/gray_right.gif)}
	#middle .bt_blue a.middle:hover, #middle .bt_red a.middle:hover, #middle .bt_green a.middle:hover, #middle .bt_gray a.middle:hover, {text-decoration:none}
/* ---------------------------------------------------------------- Messages et aide */
	#messages, #aide {
		position:absolute;
		top:270px;
		right:50%;
		margin:0 -476px 0 0;
		width:238px;
		background:url(../img/environment/messageMd.gif) repeat-y right
	}
	#aide {top:270px}
	* html #messages, * html #aide {margin:0 -477px 0 0}
	#messages #contenu, #aide #contenu {
		width:202px;
		min-height:243px;
		background:url(../img/environment/messageTp.gif) no-repeat;
		padding:50px 15px 0 21px
	}
	#aide #contenu {
		background:url(../img/environment/aideTp.gif) no-repeat;
		color:#fff;
		text-align:justify
	}
	#aide #contenu p {margin:0 0 10px 0}
	* html #messages #contenu, * html #aide #contenu {height:243px}
	#messages #contenu input.plus {
		display:block;
		position:absolute;
		width:28px;
		height:7px;
		margin:-25px 0 0 172px
	}
	#messages #contenu ul {
		line-height:16px;
		padding:0 0 10px 0
	}
	#messages #contenu li {
		background:url(../img/basics/squareJ.gif) no-repeat 0 7px;
		padding-left:8px
	}
	#messages #contenu li a {color:#fff}
	#messages #contenu li a:hover {
		color:#d8dd29;
		text-decoration:underline;
	}
	#messages #contenu li a span {
		color:#d8dd29;
		font-weight:bold
	}
	#messages #contenu #demande {
		border-top:solid 1px #fff;
		border-bottom:solid 1px #fff;
		color:#fff;
		padding:10px 0;
		margin:10px 0
	}
	* html #messages #contenu #demande {width:182px}
	#messages #contenu #demande span {
		width:100%;
		display:block;
		font-weight:bold;
		background:url(../img/basics/arrow.gif) no-repeat;
		padding:0 0 0 20px;
		margin:0 0 4px 0
	}
	#messages #contenu #demande a.demande {
		display:block;
		color:#fff;
		text-indent:20px;
		text-decoration:none
	}
	#messages #contenu #demande a.demande:hover {text-decoration:underline}
	#messages #contenu #interlocuteur {
		color:#1a56a9
	}
	#messages #contenu #interlocuteur span {
		color:#fff;
		font-weight:bold;
		background:url(../img/basics/arrow.gif) no-repeat;
		padding:0 15px 0 20px
	}
	#messages #messagesBt, #aide #messagesBt {
		float:left;
		width:238px;
		height:29px;
		background:url(../img/environment/messageBt.gif) no-repeat right
	}
	#messages #contenu #point_dialogue {
		text-align:center;
		margin:12px 0 5px 0;
		padding:0 0 0 10px
	}
	#messages #contenu span a, #messages #interlocuteur span a {color:#fff}
	#messages #contenu span a:hover, #messages #interlocuteur span a:hover {text-decoration:underline}
/* ---------------------------------------------------------------- Bandes de couleurs */
	#on {
		position:absolute;
		left:164px;
		top:38px;
		width:784px;
		height:11px;
	}
	.clients {background:url(../img/environment/clients.gif) no-repeat}
	.etudiants {background:url(../img/environment/etudiants.gif) no-repeat}
	.fournisseurs {background:url(../img/environment/fournisseurs.gif) no-repeat}
	.presse {background:#1a56a9}
/* ---------------------------------------------------------------- Déconnexion */
	#deconnect {
		width:100%;
		text-align:center;
		color:#ff0000;
		padding:5px 0 0 0
	}
	#deconnect a {color:#ff0000}
	#deconnect a:hover {text-decoration:underline}
/* ---------------------------------------------------------------- Logo pour l'impression */
	#main #logo_print {
		padding:0 0 0 250px;
		display:none;
		visibility:hidden
	}
/* ---------------------------------------------------------------- Mention */
	.mention {
		float:left;
		font-style:italic;
		padding:10px 0 20px 0
	}
	
	
	#webservice ul.tableau {
		float: left; 
		width: 10%;
		text-align: center;
		padding: 3px 0 3px 0;
		margin: 0 1px 1px 0;
	}
	#webservice .vert {
		background-color: #d8dd29;
		margin: 0 1px 1px 0;
		height: 30px;
	}
	#webservice .violet {
		background-color: #c93582;
		margin: 0 1px 1px 0;
		height: 30px;
	}
	#webservice .gris {
		background-color: #c93582;
		margin: 0 1px 1px 0;
		height: 30px;
	}
	#webservice .blanc {
		margin: 0 1px 1px 0;
		height: 30px;
	}
	#webservice ul.tableau li.entete {
		background-color: #cccccc;
		margin: 0 1px 1px 0;
	}
	#webservice ul.tableau li a {
		width: 70px;
		height: 30px;
		display: block;
	}

	#vos_coordonnees fieldset {
		width: 475px;
		padding: 0 10px 10px;
		border: 1px solid #cccccc;
		margin:10px 5px 10px 0;
		float: left;
		display: block;
		
	}
	
	#vos_coordonnees fieldset .formu {
		margin-top: 5px
	}
	
	#vos_coordonnees legend {
		color: #0095BD;
		font-size:1.2em;
		font-weight: bold;
		padding: 2px;
	}
	
	#vos_coordonnees fieldset #intro {
		margin: 10px 0 10px 0
	}

	#vos_coordonnees fieldset .label {
		font-size: 11px;
		display: block;
		float: left;
		width: 160px;
		margin: 0 0 0 30px;
	}
	
	#vos_coordonnees fieldset .actions {
		margin: 10px 0 0 0;
	}
	
	#vos_coordonnees fieldset input {
		border: 1px solid #535154;
		padding: 2px 0 0 3px;
		font-family: Arial,Helvetica,sans-serif;
		font-size: 11px;
	}