/** Styles
--------------------------------------------------
*  Css of pva website
*  
*  1. General styles
*  2. General classes
*  3. Page layout 
*  4. Header layout 
*  5. Main
*  6. Navigation
*  7. Main Content
*  
*/

/** 1. General styles 
--------------------------------------------------*/

	html, body {height: 100%;}
	body {
		margin: 0;
		padding:0;
		font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
	}
	html{
		background:#035d9b url('../images/background.jpg') center top no-repeat;
	}
	body, caption, th, td, input, textarea, select, option, legend, fieldset {
		font-family: Arial;
		font-size:14px;
	}

	/* When declaring Link states, remember: LoVe HA : Link | Hover | Visited | Active */
	a:link, a:visited {
		color:#035d9b;
		text-decoration: none;
	}
	a:hover, a:active {
		color: #000;
		text-decoration: underline;
	}
	
	/* Titles  */
	h1 {
		font-size: 2em;
		line-height: 1.3em;
		padding: 0 0 0.5em;
		margin: 0;
	}


	/* Paragraph Styles */
	p {
		margin: 1em 0;
	}

	/* List Styles  */
	ul, ol {
		margin-left: 0;
	}

	/* Table Styles  */
	table {
		width: 99%;
	}
	tr.even td, tr.odd td {
		padding: 10px 5px;
	}
	tr.odd {
		background-color: #fff;
	}

	/* Code */
	pre, code {
		font-family: "monaco", "Courier New", monospace;
	}
	pre {
		background-color: #efefef;
		display: block;
		padding: 5px;
		margin: 5px 0;
		border: 1px solid #aaa;
	}

	/* List Styles */
	ul          { list-style-type: disc; }
	ul ul       { list-style-type: circle; }
	ul ul ul    { list-style-type: square; }
	ul ul ul ul { list-style-type: circle; }
	ol          { list-style-type: decimal; }
	ol ol       { list-style-type: lower-alpha; }
	ol ol ol    { list-style-type: decimal; }

	/* Abbreviation */
	abbr {
		border-bottom: 1px dotted #666;
		cursor: help;
		white-space: nowrap;
	}


/** 2. General classes 
--------------------------------------------------*/

	/* Layout Helpers */

	/* remove ff links border */
	:active, :focus {outline:0;}

	/* Clear Floats Without Structural Markup: */
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	.clearfix { display: inline-block; }

	/* Hides from IE-mac \*/
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }
	/* End hide from IE-mac */

	.clear
	{
		clear: left;
	}
	
	div.rounded_box{
		background-color: #ccdaff; 
		color: #333; 
		padding: 10px;
		border:0;
		margin: 0;
		zoom:1;
	}
	/* border with rounded corners */
	div.rounded_border {  background: #6666ff; padding: 8px; }
	
	.section_header{
		clear:both;
	}
	.section_header h3{
		float:left;
		height:34px;
		background:url('../images/header_center.png') repeat-x;
		color:#fff;
		font-size:22px;
		text-transform: uppercase;
		padding:10px 5px 0 5px;
	}
	.section_header_left{
		float:left;
		height:46px;
		width:10px;
		background:url('../images/header_left.png') repeat;
	}
	.section_header_right{
		float:left;
		height:46px;
		width:10px;
		background:url('../images/header_right.png') repeat;
	}	
	
	.rightbox{
		border-left:2px solid #c0c0c0;
		border-right:2px solid #c0c0c0;
	}
	
/** 3. Page layout 
--------------------------------------------------*/
	#page {
		width: 947px; /* edit to change the width of the page */
		margin: 48px auto; /* remove 'auto' and the width to switch to a fluid width */
		font-size: 14px; /* 16px x .75 = 12px */
		/*line-height: 1.286em;  14px x 1.286 = 18px */	
	}

	#footer{
		clear:both;
		width:100%;
		height:30px;
		background:url('../images/footer.png') repeat-x;
	}
	
/** 4. Header layout 
--------------------------------------------------*/

	#header{
		width:100%;
		height:91px;
		background:url('../images/header.jpg') no-repeat;
	}
	
/** 5. Main
--------------------------------------------------*/

	#main{
		width: 944px;
		margin:4px 0 0 0;
		padding: 0 0 50px 0;
		background:#fff;
		
	}
	
/** 6. Navigation
--------------------------------------------------*/

	/* Nav Layout */
	#navigation{
		margin:3px 0 0 6px;
		height: 43px;
		width:933px;
		background:url('../images/nav_bg.jpg') no-repeat;
		overflow:hidden;
	}		

	#navigation ul{
		margin-top:12px;
		height:18px;
		text-align: center;
		list-style: none;  
	}	
	#navigation li{
		display: inline; 
		margin:0;
		padding:0;
		border-left:1px solid #fff;
		padding:0 22px 0 22px;
	}
	#navigation li.first{
		border-left:0;
	}
	#navigation a {  
		outline: none;
		height: 100%; 
		font-size:12px;	
		font-weight:bold;
		text-decoration: none;		
		text-align:center;
		text-transform: uppercase;
		cursor:pointer;	
		color:#fff;
	}  

	#navigation a:hover, #navigation a.active:hover {  
		color:#000000;
	}  
	#navigation a.active {  
		text-decoration:underline;
	}  
/** 7. Main Content
--------------------------------------------------*/	

	#main_content{
		margin:12px 0 0 12px;
	}
	#main_content_left{
		width: 570px;
		float:left;
	}
	#main_content_right{
		width: 330px;
		float:left;
		margin:0 0 0 22px;
	}
	#main_content_left .section_header h3{
		width:540px;
	}
	#main_content_right .section_header h3{
		width:300px;
	}	
/** 8. Frontpage
--------------------------------------------------*/	
	#news_flash{
		width: 568px;
		height:290px;
	}


/** 9. Actualite
--------------------------------------------------*/
	#news{
		width:547px;
		margin:0 0 0 2px;
		padding:15px 0 0 14px;
		border-left:2px solid #c0c0c0;
		border-right:2px solid #c0c0c0;
		border-bottom:2px solid #c0c0c0;
	}
	#news li{
		display:block;
		height:116px;
	}		
	#news h4{
		margin:0 0 4px 0;
		color:#035d9b;
		font-size:14px;
		font-weight:bold;
		text-transform: uppercase;
		clear:both;
	}
	#news img{
		float:left;
	}	
	#news p{
		float:left;
		width:420px;
		margin:0 0 0 14px;
		font-size:13px;
	}	
	#news p a.news_suite{
		display:block;
		width:100%;
		font-weight:bold;
	}		

/** 10. Derniere heure
--------------------------------------------------*/	
	#box_dheure div.rightbox{
		width:320px;
		margin:-2px 0 0 2px;
		overflow:hidden;
	}	
	#box_dheure h4{
		margin:16px 0 0 12px;
		font-size:20px;
		font-weight:bold;
		text-transform: uppercase;
	}
	
	#box_dheure h5 {
		margin:16px 0 0 12px;
		font-size:14px;
		font-weight:bold;
		text-transform: uppercase;
	}
	#box_dheure h4 a{
		font-size:20px;
		font-weight:bold;
		text-transform: uppercase;
	}	
	#box_dheure h6 {
		margin:16px 0 0 12px;
		font-size:4 px;
		font-weight: lighter;
		text-transform: uppercase;
	}
	#box_dheure img#social{
		margin:112px 0 10px 12px;
	}
	#box_candidat img#candidat{
		margin:-2px 0 0 2px;
		width:325px;
	}
	#box_candidat h6{
		margin:16px 0 0 12px;
		font-size:4 px;
		font-weight: lighter;
		text-transform: uppercase;
	}

	
/** 11. Candidats
--------------------------------------------------*/		
	#candidat{
		position:relative;
		overflow:hidden;
	}
	#candidats .candidat{
		display:block;
		margin:22px 0 0 22px;
		float:left;
		width:250px;
		height:125px;
	}
	#candidats .candidat img{
		width:100%;
		height:100%;
	}	
	#candidats .candidat:hover img{
		width:99%;
		height:99%;
		border:1px solid #c0c0c0;
	}	
	#candidats a#retour_candidats{
		display:block;
		margin:20px 0 0 12px;
		font-size:14px;
		font-weight:bold;
		text-decoration:none;
	}
	#candidats a#retour_candidats:hover{
		text-decoration:underline;
	}
	#fiche_candidat{
		margin:16px 0 0 12px;
		width:550px;
		overflow:hidden;
	}
	#fiche_candidat #photo_fiche{
		float:left;
		display:inline;
		height:250px;
		width:250px;
		border:1px solid #c0c0c0;
	}
	#fiche_candidat #photo_fiche img{
		float:left;
		height:240px;
		width:240px;
		padding:0;
		margin:5px 0 0 5px;
	}
	#fiche_candidat h4{
		float:left;
		display:inline;
		margin: 0 0 0 10px;
		color:#035d9b;
		font-size:24px;
		font-weight:bold;
		text-transform: uppercase;
	}
		#fiche_candidat h5{
		
		margin:20px 0 0 0;
		color:#035d9b;
		font-size:20px;
		text-transform: uppercase;
		clear:both;
	}
	
	
	#fiche_candidat #biographie{
		overflow:hidden;
		clear:both;
		font-size:12px;
	}
	#fiche_candidat #biographie h5{
		margin:20px 0 0 0;
		color:#035d9b;
		font-size:20px;
		text-transform: uppercase;
		clear:both;
	}
/** 12. Videos
--------------------------------------------------*/		
	#video_player{
		margin:16px 0 0 10px;
		width:550px;
		height:350px;
	}
	#videos_list a{
		display:block;
		margin:22px 0 0 22px;
		float:left;
		width:250px;
		height:188px;
		font-size:14px;
		font-weight:bold;
		text-align:center;
	}
	#videos_list a img{
		display:block;
		clear:both;
		width:100%;
		height:100%;
	}	
	#videos_list a:hover img{
		width:99%;
		height:99%;
		border: 1px solid #035d9b;
	}