﻿/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, hr {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit; 
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: baseline;
}
hr
{
	/*HR hack so it's displaying right in all browser*/
	height: 0; 
	border: 0; 
	border-top: 1px solid #bcd9e8; 
}
html, body {
	color:#014984;
	font-size:11px;
}
body.background
{
    background-color: #e9eaec;
}
 
a:link, a:visited /* base class */
{
	text-decoration: none;
}
a.hypertext:link, a.hypertext:visited /* i.e. Links to an external or internal page */
{
	color:#13B0F0;
	text-decoration: none;
}
a.email:link, a.email:visited /* i.e. Email adresses...duh! */
{
	color:#13B0F0;
	text-decoration: none;    
}
a.action:link, a.action:visited,
#languageSelectionPanel a:link, #languageSelectionPanel a:visited /* i.e. Click here to do something & "View All" */
{
	color:#1b6db0;
	text-decoration: underline;    
}
a.listItem:link, a.listItem:visited, 
#news a:link, #news a:visited,
#devices a:link, #devices a:visited /* i.e. News item on homepage */
{
	color: #014984;
	text-decoration: none;    
}
a.forgotPassword:link, a.forgotPassword:visited
{
	color: #d4e7f0;
	font-size: 10px;
	text-decoration: underline;
}
a:focus, a:active
{
	outline: none;
}
:focus
{
	outline: 0;
}
img, a:link img, a:visited img
{
	border: 0;
}

.aspNetDisabled /* Default class for disabled controls in .net 4.0 */
{
  color: #A0A0Af;
}

/********************************* FOOTER **********************************/
#footer
{
	width: 980px;
	height: 20px;
	padding-top: 5px;
	font-size: 9px;
	line-height: 12px;
}
#footer a, #footer a
{
	text-decoration: underline;
}

#header
{
	background: transparent no-repeat top left;
	height: 180px;
	width: 980px;	
	position:relative;
}

#userSessionPanel
{
    position:absolute;
    right:0px;
}

#languageSelectionPanel
{   
    position:absolute;
    right:10px;
    top:8px;
}

/************************ Container - Centered ***************************************/
#container
{
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	clear: both;
}
#wrapper
{
	overflow: hidden;
	background-color: white;
	width: 100%;
}

/*******************************************************************************/
div.leftColumn
{
	background: #FFFFFF url('Images/ombre_verticale.jpg') no-repeat top right;
	float: left;
	width: 200px;
	height: 100%;
	min-height: 500px;
}

.colOneImg 
{
    width:200px;
    height:198px;
    background-image:url(Images/image.jpg);
    background-repeat:no-repeat;
}

div.centerColumn
{
	float: left;
	width: 580px;
	
	height: 100%;
	min-height: 500px;
	margin: 0px;
	padding:0px;
}

div.centerColumn.centerColumnLarge
{
	width: 780px !important;
}

div.centerColumn .introductionPanel {
	width:580px;
	height:198px;
	background:#ffffff url(Images/fond_bleu_gris.jpg) no-repeat top right;;
	background-repeat:no-repeat;
}

div.centerColumn .contentPanel {
	width:580px;
	background: #FFFFFF url('Images/ombre_verticale.jpg') no-repeat top right;
}

div.rightColumn
{
	float: left;
	width: 200px;
}

/*******************************************************************************/
.clear
{
	clear:both;
}
.floatRight
{
	float:right;
}
.floatLeft
{
	float:left;
}
/************************************* Button ******************************************/
input[type="submit"], input[type="button"], a.button
{
	border: 0px;
	cursor: pointer;
	display: inline-block;	
}
.button
{
	font-size:11px;
	font-weight: bold;
	height: 24px;
	line-height: 24px;
	text-align: center;
	width:80px;
}
.smallLightBlue
{
	background: url('Images/Button/btn_small_lightblue.png') no-repeat top left;
	color: #014984;
	width:75px;
}
.mediumLightBlue
{
	background: url('Images/Button/btn_medium_lightblue.png') no-repeat top left;
	color: #014984;
	width:125px;
}
.largeLightBlue
{

	background: url('Images/Button/btn_big_lightblue.png') no-repeat top left;
	color: #014984;
	width:175px;
}
.smallBlue
{
	background: url('Images/Button/btn_small_blue.png') no-repeat top left;
	color: #ffffff;
	width:75px;
}
.mediumBlue
{
	background: url('Images/Button/btn_medium_blue.png') no-repeat top left;
	color: #ffffff;
	width:125px;
}
.largeBlue
{
	background: url('Images/Button/btn_big_blue.png') no-repeat top left;
	color: #ffffff;
	width:175px;
}

.button.smallLightBlue:hover, .button.smallLightBlue:focus,
.button.mediumLightBlue:hover, .button.mediumLightBlue:focus,
.button.largeLightBlue:hover, .button.largeLightBlue:focus,
.button.smallBlue:hover, .button.smallBlue:focus,
.button.mediumBlue:hover, .button.mediumBlue:focus,
.button.largeBlue:hover, .button.largeBlue:focus
{
	background-position: 0px -23px;
}
.button.disabled
{
	color: InactiveCaption;
	cursor: default !important;
}
.button.disabled:hover, .button.disabled:focus
{
	background-position: 0px 0px;
}

/*******************************************************************************/
.popup
{
	background-color: White;
	padding: 10px;
	line-height: 18px;
	overflow:hidden;
}

div.popupButton
{
	float: right;
	margin-right:15px;
}

.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.passwordError
{
	color: #FF0000;
	font-weight: bold;
	position:relative;
	text-align:left;
}
.formButtons
{
	margin: 20px auto;
}
/*******************************************************************************/
.bold
{
    font-weight:bold;
}
.textRight
{
    text-align:right;
}
h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#feedc3;
	font-weight:normal;
	padding-left:28px;
	padding-top:28px;
	line-height: 22px;
}
.h1Text {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#feedc3;
	font-weight:normal;
	padding-left:28px;
	line-height: 22px;
}
.h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#feedc3;
	font-weight:bold;
	line-height: 27px;
	padding-bottom: 2px;
}
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#feedc3;
	font-weight:bold;
	padding-left:28px;
	line-height: 22px;
	padding-bottom: 2px;
}
h5 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
	padding-left:28px;
	padding-right:20px;
	padding-top:8px;
}

.documents 
{
    height:95px;
    background-image:url(Images/picto_dossier.jpg);
    background-repeat:no-repeat;
}

.sousDoc 
{
	background-image:url(Images/ombre_coin.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}

.sousDocIn 
{
    margin-left:55px;
    width:450px;
}

h3 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#7d3449;
}
.textBlue 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#00315b;
}
.textBlueLast {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#00315b;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.textBlueCl {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#1b6db0;
}
.sousText {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#6c7d8c;
}
.download {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#1b6db0;
	padding-bottom: 5px;
}

.h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#014984;
	margin-bottom: 6px;
}
.p11 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#014984;
}
.p11red {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#7d3449;
}
.p11red a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#7d3449;
}
h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#014984;
	margin-left: 17px;
}
.contact {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#014984;
	padding-left: 17px;
}
.href {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:normal;
    color:#1b6db0;
}
.hrefCol3 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:normal;
    color:#1b6db0;
	margin-left: 17px;
}
a.editProfile {
    display:block;
    height:24px;
    width:97px;
    margin-left: 17px;
    background-image:url(Images/btn_edit_profile_base.jpg);
    background-repeat:no-repeat;
}
a.editProfile:hover, a.editProfile:focus {
	background-image:url(Images/btn_edit_profile_over.jpg);
	margin-left: 17px;
}

div.documentblock 
{
	margin:0px 0px 0px 0px;
	padding:0px 20px 0px 20px;
	background-image: url(Images/ombre_coin.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom:20px;
}
div.documentblock h3
{
	margin:0px 10px 0px 10px;
	border-style:solid;
	border-width:0px 0px 1px 0px;

}
div.documentblock  div.blockcontent
{
	margin:0px 0px 0px 0px;
	padding:10px 20px 10px 20px;
}

div.documentblock div.blockcontent div.collapsibletop 
{
	height:20px;
	line-height:20px;
	border-style: solid;
	border-color: #014984;
	border-width:0px 0px 1px 0px;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
	
}
div.documentblock div.blockcontent div.collapsibletop span
{
	font-size:11px;
	color: #014984;
	font-weight:bold;
	float:left;
	cursor: pointer;
}
div.documentblock div.blockcontent div.collapsibletop span.right
{
	float:right;
	width:auto;
	font-weight:bolder;
}
div.documentblock div.blockcontent div.collapsiblebottom 
{
	margin-top:0px;
	display:none;
	border-width:0px 0px 1px 0px;
	border-style: solid;
	border-color: #014984;
	color: #014984;
	padding-bottom:5px;
	font-size: 13px;
	margin: 5px 0px 0px 10px;
}
div.documentblock div.blockcontent div.collapsiblebottom a
{
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color: #1B6DB0;
	font-weight:bold;
	text-decoration:none;
}
.separateur {
	font-size: 3px;
	line-height: 3px;
}
.espaceText {
	height:auto;
	margin-left:28px;
	margin-top:0px;
	margin-right: 28px;
}
/*.espaceText ul li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#014984;
}*/
.list {
    padding-left:18px;
    padding-top:3px;
    padding-bottom:3px;
}
.list ul li{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#014984;
	
	vertical-align:middle;
}
.espaceText a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#7d3449;
	text-decoration:underline;
	cursor: hand;
}
.topleft {
	float:left;
	width:250px;
}
.textwhite {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#FFFFFF;
}
.topleft a {
	color:#d4e7f0;
	text-decoration:underline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.textblack {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#000000;
}
.textPurple {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#7d3449;
}
.textPurple a {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#7d3449;
	text-decoration:underline;
}

/************************ Buttons and Error Messages *********************************/
.clsButton{font-size: 8px;font-weight: bold;height: 20px;text-transform: uppercase;width: 90px;font-family: Tahoma,  Arial, Helvetica, sans-serif;}	
.clsError{background-color: #DEE9F4; background-repeat: no-repeat; border-color: #3366CC;border-width: 1px;border-style: solid;
	color: #FF0000;font-size: 10px;font-weight: bolder;padding-bottom: 5px;padding-left: 37px;padding-right: 37px;padding-top: 5px;}
/************************ Buttons and Error Messages *********************************/
