@charset "utf-8";
/* PRI Home CSS Document */

@media screen {
   * { 
		font-family: Arial, helvetica,sans-serif;
		font-size:11px;
		color:#000000;
	}
	
	body {
		background-color:#F1F1F3;
		margin-top:0;
		padding:0;
		text-align:center;
	}

	#main {
		margin:0 auto;
		width:1000px;
	}
	
	#top {
		border:0;
		width:1000px;
		height:72px;
		min-height:72px;
	}
    
	#pri_logo {
		border:0;
		float:left;
		width:287px;
		height:72px;
	}

	#top_right {
		float:right;
		width:713px;
		height:72px;
	}
	
	#top_right_top {
		clear:both;
		width:713px;
		height:35px;
	}
	
	#top_right_top_left {
		float:left;
		width:365px;
		height:35px;
	}
	
	#searchboxlight {
		float:left;
		width:257px;
		height:35px;
		background:url(../imgs/topbarsearch.jpg) no-repeat top left;
	}
	
	#top_right_top_right {
		float:right;
		width:91px;
		height:35px;
	}	
	
	#last_minute {
		clear:both;
		text-align:justify;
		vertical-align:top;
		width:703px;
		height:27px;
		padding-top:3px;
		padding-left:10px;
		background:url(../imgs/infodujour.gif) no-repeat top right;
		overflow:hidden;
	}
	
	#master {
		clear:both;
		background:url(../imgs/backallactus.jpg) no-repeat top center;
		width:1000px;
		height:354px;
	}

	#edge {
		width:1000px;
		clear:both;
		background:url(../imgs/backedge.jpg) no-repeat top center;
		height:167px;
	}
	
	#galerie {
		float:left;
		width:271px;
		height:150px;
		margin:5px 0 0 10px;
	}
	
	#voirgal {
		clear:both;
		width:271px;
		height:28px;
	}
	
	#voirgal img {
		border:none;
	}
	
	#galflow {
		clear:both;
		width:271px;
		height:124px;
		overflow:hidden;
	}
	
	#actualites {
		float:left;
		clear:none;
		width:332px;
		margin:5px 0 0 16px;
		height:151px;
		overflow:hidden;
	}
	
	#actus {
		clear:both;
		width:330px;
		height:121px;
		min-height:121px;
		line-height:12px;
		text-align:left;
		overflow:hidden;
	}
	
	#voiract {
		clear:both;
		text-align:center;
		width:332px;
		bottom:0;
		right:0;
		height:28px;
	}
	
	#actus ul {
  		list-style-type: none;
  		padding: 0;
		margin: 0 0 0 3px;
	}

	#actus li {
		background-image: url(../imgs/puceactu.gif);
		background-repeat: no-repeat;
		background-position: 0 2px;
		padding: 1px 0 3px 18px;
	}
	
	#actus li a:link, a:visited, a:active {
		text-decoration:none;	
	}
	
	#actus li a:hover {
		text-decoration:underline;
	}
	
	.red {
		color:#C00;
	}
	
	.orange {
		color:#ED9315;
	}
	
	.grey {
		color:#333;
	}	
	
	#evenements {
		float:left;
		clear:none;
		width:331px;
		height:151px;
		margin:5px 0 0 14px;
	}
	
	#events {
		clear:both;
		width:331px;
		height:123px;
		min-height:123px;
		overflow:hidden;
		text-align:left;
		line-height:12px;
		margin-top:10px;
	}
	
	#voirevent {
		clear:both;
		text-align:center;
		width:320px;
		bottom:0;
		right:0;
		height:20px;
	}	
	
	#events ul {
  		list-style-type: none;
  		padding: 0;
		margin: 0 0 0 3px;
	}
	
	#events li {
		background-image: url(../imgs/puceevent.gif);
		background-repeat: no-repeat;
		background-position: 0 2px;
		padding: 1px 0 3px 18px;
	}
	
	#events li a:link, a:visited, a:active {
		text-decoration:none;	
	}
	
	#events li a:hover {
		text-decoration:underline;
	}	
	
	#master {
		clear:both;
		background:url(../imgs/backmasterress.jpg) no-repeat top center;
		width:1000px;
		height:445px;
	}
	
	#ressources {
		float:left;
		clear:none;
		width:620px;
		height:410px;
		overflow:hidden;
		margin:21px 0 0 8px;
		text-align:left;
	}
	
	#checkeen {
		clear:both;
		width:598px;
		text-align:right;
	}
	
	#textoeen {
		float:left;
		width:395px;
		height:278px;
		margin:0px;
		padding: 0 3px 0 3px;
		overflow:auto;
	}
	
	#formulaireeen {
		float:right;
		width:185px;
	}
	
	#blocservices {
		float:right;
		clear:none;
		width:329px;
		height:410px;
		overflow:hidden;
		line-height:13px;
		text-align:left;
		color:#FFF;
		margin:22px 27px 0 0;
	}
	
	#headerservices {
		clear:both;
		width:329px;
		height:28px;
		text-align:center;
	}
	
	#services {
		clear:both;
		width:329px;
		height:344px;
		text-align:left;
	}
	
	#services ul {
  		list-style-type: none;
  		padding: 0;
		margin: 5px 0 0 10px;
	}

	#services li {
		background-image: url(../imgs/puceservices.gif);
		background-repeat: no-repeat;
		background-position: 0 4px;
		padding: 0 0 5px 18px;
		color:#FFF;
	}
	
	#services li .libelle a:link, .libelle a:visited, .libelle a:active{
		color:#FFCC66;
		font-weight:bold;
		text-decoration:none;
		line-height:15px;		
	}
	
	#services li .libelle a:hover{
		color:#FFCC66;
		font-weight:bold;
		text-decoration:underline;
		line-height:15px;		
	}	
	
	#services li .marques {
		color:#FFFFFF;
		font-weight:bold;
	}
	
	#services li ul li{
		background-image: url(../imgs/puceservices2.gif);
		background-repeat: no-repeat;
		background-position: 5px 2px;
	}	
	
	#botservices {
		clear:both;
		width:329px;
		height:28px;
	}

	#botservleft {
		float:left;
		width:164px;
		height:28px;
		text-align:center;		
	}
	
	#botservright {
		float:right;
		width:164px;
		height:28px;
		text-align:center;		
	}           	
		
	#bottom {
		clear:both;
		width:1000px;
		height:22px;
	}

	#animepar {
		float:left;
		width:650px;
		height:10px;
		text-align:left;
		font-size:9px;
		margin-left:4px;
		letter-spacing: 0.05em;
		color:#726A68;
	}
	
	#menubas {
		float:right;
		width:300px;
		height:10px;
		text-align:right;
		margin-right:20px;
		font-size:9px;
		letter-spacing: 0.08em;
		color:#726A68;
	}

	#menubas .mstyle a:link, .mstyle a:visited, .mstyle a:active {
		color:#726A68;
		font-size:9px;
		letter-spacing: 0.1em;
		text-decoration:none;	
	}
	
	#menubas .mstyle a:hover {
		text-decoration:underline;
	}	
	
	#resmenu1 {
		position:relative;	
		width:620px;
		height:58px;
		z-index:100;
	}
	
	#resmenu2 {
		position:relative;
		width:606px;
		height:26px;
		margin-top:-2px;
		z-index:200;
	}
	
	#resscontent {
		width:600px;
		height:316px;
		padding:3px;
		margin-left:10px;
		text-align:justify;
		overflow:hidden;
	}
	
	#resscontent h1 {
		font-weight:bold;
		font-size:13px;
		color: #294A58;
	}
	
	#resscontent h2 {
		font-weight:bold;
		font-size:12px;
		font-style:italic;
		color: #333;
	}
	
	#resscontent a:link, a:visited, a:active {
		text-decoration:none;	
	}
	
	#resscontent a:hover {
		text-decoration:underline;
	}
	
	#resscontent ul {
		list-style-type: none;
	}
	
	#resscontent li {
		background-image: url(../imgs/pucefaq.gif);
		background-repeat: no-repeat;
		background-position: 0 2px;
		padding: 1px 0 3px 15px;
		margin-left:-30px;
	}
	
	#finresult {
		width:410px;
		height:313px;
		overflow:auto;
	}
	
	#finresult .header {
		font-weight:bold;
		font-size:13px;
		color: #294A58;
		margin-left:-35px;
	}
	
	.ressselector {
		width:180px;
		background-color:#F1F2F3;
		color:#2B4955;	
		font-size:12px;
		border: 1px solid #2B4955;
	}
	
	.resscheck {
		background-color:#F1F2F3;
		color:#2B4955;	
	}
	
	.ressoption {
		color:#2B4955;
		background-color:#F1F2F3;
		font-size:12px;
	}
	
	.resssubmit {
		background-color:#2B4955;
		color:#FFF;
		border: 1px solid #FFF;
	}
	
	.ressinput {
		background-color:#F1F2F3;
		color:#2B4955;
		border: 1px solid #2B4955;
		width:176px;		
	}
	
	#textotechneo {
		float:left;
		width:410px;
		height:310px;		
		overflow:auto;
		margin-left:2px;
		padding-right:2px;
	}

	#formulaireTechneo {
		float:right;
		width:180px;
		height:310px;
		overflow:hidden;
	}
	
	.textright {
		text-align:right;
	}
	
	.textbold {
		font-weight:bold;	
	}
	
	.align-justify {
		text-align:justify;
	}
}