/*
-----------------------------------------------
Style Sheet

Site: TODO : mettre le titre de la page 
Author: Simon Tétreault
Version: (DMR)
----------------------------------------------- */

/*
Pour Impression --------------------- */

thead {
	display: none;
}
tfoot {
	display:none;
}

body {
	background: #FFF url(../Images/back_lapersonnelle.jpg) repeat-x;
	/*font-size:1em;*/
	font-family:Arial, Helvetica, sans-serif;
	height: 100%;
}

br {
	clear: both;
}

hr {
	display: none;
}

/*
Contenant Principal --------------------- */
/* 'margin: 0 auto' est neccessaire pour que le layout soit center dans le browser si c'est plus grand que 1200px */
#contenantPrincipal {
	font-family:Arial, Helvetica, sans-serif;
	background-color: #fff;
	padding-bottom:15px;
	margin: 0 auto;
	min-height: 500px;
   /* height: 100%;
	min-width: 765px;
	max-width: 1200px; */
}

#contenantPrincipal a {
	color: #0083b2;	
	text-decoration:none;
	font-weight:normal !important;
} 

#contenantPrincipal a:visited {
    color: #993399;
}

#contenantPrincipal a:focus, #contenantPrincipal a:hover {
    color: #0083b2;
    text-decoration:underline;
}


/*
Section des Zones ------------*/ 
#zoneEntete{
	clear:both;
	float:right;
	padding : 0px 10px 0px 0px;
}	
	
#zoneEntete a {
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#0083b2;
	text-decoration:none;
	font-size:12px;
}

#zonePrincipale{
	width:600px;
	padding-top: 40px;
	margin-left: auto;
	margin-right:auto;
}


/*
Style général ----------------------- */

.contenu.titre{
	font-size: 18px;
	font-weight:bold;
	color:#5c8803;
}

.contenu.message{
	font-size: 15px;
}


#contenantPrincipal{
	font: 12px Arial;
	overflow:hidden;
}

p {
	margin: 0 0 12px 0;
}

h3 {
	font: bold 12px Arial;
	margin: 0 0 12px 0;
	color: #4d4d4d;
}


/********************* FIN A Effecer *********************/

/* Ceci est une clasee generale  */
.boite-sansTitre-type3 {
	margin-bottom: 15px;
	min-width: 229px;
	position: relative;
}
.boite-sansTitre-type3 .entete {
	margin: 0;
	background: url(../Images/boite_sansTitre_type3_NE_TPIC.gif) no-repeat top right;
	font-size: 1px;
}

.boite-sansTitre-type3 .entete div {
	background: url(../Images/boite_sansTitre_type3_NO_TPIC.gif) no-repeat;
	border: none;
	font-size: 1px;
	height: 10px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 10px;
}
.boite-sansTitre-type3 .pied {
	background: url(../Images/boite_sansTitre_type3_SE_TPIC.gif) no-repeat top right;
	font-size: 1px;
	margin: 0;
}

.boite-sansTitre-type3 .pied div {
	background: url(../Images/boite_sansTitre_type3_SO_TPIC.gif) no-repeat;
	font-size: 1px;
	height: 10px;
	border: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 10px;
}
.boite-sansTitre-type3 .contenu {
	background-color: #f8fbfd;
	border-left: solid 2px #e7f2f7;
	border-right: solid 2px #e7f2f7;
	margin: 0;
	padding: 3px 10px 0 10px;
}

.langue {
	display: inline;
	color: #585858;
	font-size: 11px;
	/*background: url("../../Images/pipe.gif") no-repeat left center;*//*26-09-2009 erreur 404*/
	padding: 0 12px 0px 11px;
}

.langue a {
	color: #0083b2;
	padding: 1px 0 0 0;
	margin: 0 0 -5px 0;
	text-decoration:none;
	font-size:11px;
	font-variant:normal;
}

#menuLangue{
	float:right; 
}

.PrintHeader {
	display: none;
}

#MessageErreur_CookieNonSupporte {
  width: 482px;
  background: #edf6d1 url(Images/bas_cookie.gif) no-repeat  left bottom;
}

#MessageErreur_CookieNonSupporte h2 {
  background: url(Images/haut_cookie.gif) no-repeat left top;
}

#MessageErreur_CookieNonSupporte h2 {
  margin:0px;
  height:1px;	
  padding: 10px 20px 0 20px;
}

#MessageErreur_CookieNonSupporte p {
  margin-left:8px;	
  padding: 0 20px 10px 25px;
  background: url(Images/exclamation_TPIC.gif) no-repeat left top;
  font-weight:bold;		
}


/********************* DEBUT CLEARFIX HACK *********************/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*the right way to clear floating elements contained within an element of this class*/
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/********************* FIN CLEARFIX HACK *********************/