*{
	margin:0px;
	padding: 0px;
		} /** Initialisation de toutes les balises **/
/** Définition des balises **/
body {
	font-family: Arial, Helvetica, sans-serif; /** Type de police **/
	font-size: 12px;
	padding:0px; /** Définition de blanc tournant **/
	background-color:#FFFFFF;
}
img{
	border:none;
    padding: 2px;
}


/** Définition du bloc Conteneur **/
#conteneur{
	width:980px; /** Centrage du bloc conteneur **/
	height:auto;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 5px solid #91a8cb;
    border-top:0px;
	background-color:#91a8cb;
}
/** IE6 **/
* html #conteneur{ 
	height:auto;
}
/** IE7 **/
* + html #conteneur{ 
	height:auto;
}
/** Définition de l'entête **/
#patinage{
	width:980px; /** Centrage du bloc conteneur **/
    height:7px;    
    background-color:#91a8cb;
	color:#8a7559;
	font-family: Arial, Helvetica, sans-serif;
    font-size:7px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 5px solid #91a8cb;
    border-top:0px;
}
#entete{
	width: 980px;
	height:170px;
	background-color:#FFFFFF;
}
#entete #logo {
	float: left;
}
#entete #bandeau {
	float: right;
}
#entete ul {
    text-align:center;
}
#entete li {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color:#8a7559;
	display:inline; /** Affichage sur une ligne **/
	padding:5px 80px 5px 50px; /** Définition des marges internes des li **/
	line-height:17px; /** Hauteur de ligne **/
	font-size:12px;
}
#navigation{
	background:#003686; /** Couleur de fond du bloc de navigation **/
	font-weight:bold;
	width:980px;
	color:#FFF /** Couleur de la police **/
}
/** IE6 **/
* html #navigation{ 
}
/** IE7 **/
* + html #navigation{ 
}

#navigation li{ /** Définition des éléments de liste **/
	display:inline; /** Affichage sur une ligne **/
	padding:5px 50px 5px 50px; /** Définition des marges internes des li **/
	line-height:17px; /** Hauteur de ligne **/
	font-size:16px;
}
#navigation li a{ /** Définition des liens des li **/
	text-decoration:none; /** Ne pas souligner le texte **/
	color:#FFFFFF; /** Définition de la couleur du lien ici blanc **/
	font-weight:bold; /** Définition du corps du texte ici gras **/
}
#navigation li a:hover{ /** Définition du comportement au passage de la souris **/
	color:#FF0033;
}
#pays {
	background-color: #d6e4f6;
	height: 5px;
	width: 980px;
	border: none;
	margin-right: auto;
	margin-left: auto;
}
/** IE6 **/
* html #pays{ 
	height: 3px;
}
/** IE7 **/
* + html #pays{ 
	height: 3px;
}

/** Définition des titres **/
h1 {
	padding-top: 6px;
	padding-left: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	color:#8a7559;
}
h1.texte3 { /** Définition des paragraphes pour les paragraphes d'un div ayant la class texte **/
    font-size:15px;
	color:#8a7559;
    margin-top:20px;
    margin-left:0px;
}
h2{
	margin-right: auto;
	margin-left: 2px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	text-align:left;
	white-space: pre;
}
h2.patineuse{
	background-image:url(../image/logocanadagames2.gif); 
	background-repeat: no-repeat ;  
	background-position:0px 2px;
	display:block;
	height:30px;
	color: #003686;
	padding-left:40px;
    line-height:40px;
    border-bottom:1px solid #FC3;
    margin-bottom:5px; 
	width:600px; 
	clear:right;
}
h2 a{
    text-decoration:none;
	color: #003686;
}
h2 a:hover{
	color: #333399;
	background-color:#91a8cb;
}
h3{
	background-color:#003686;
	color:#FFF;
	margin:0px 0px 0px 0px; /** marges pour la mise en place de h3 **/
	font-size:12px; /** Taille du titre **/
	letter-spacing:0.2em; /** Espacement entre les lettres **/
	font-weight:bold; /** remis à une graisse normal pour le titre **/
	padding:0px 0px 2px 15px;
}
h4{
	padding-left:60px;
    margin-bottom:5px; 
		/**width:585px; **/
	clear:right;
	font-size:12px; /** Taille du titre **/
	font-weight:bold; /** remis à une graisse normal pour le titre **/
}
h4.patineuse{
	background-image:url(../image/logocanadagames4.gif); 
	background-repeat: no-repeat ;  
	background-position:0px 2px;
	display:block;
	height:25px;
	color: #003686;
	padding-left:60px;
    line-height:40px;
	border-top:1px dotted #000066;
    margin-bottom:5px; 
	/**width:585px; **/
	clear:right;
}
h4 a{
    text-decoration:none;
	color: #003686;
}
h4 a:hover{
	color: #333399;
	background-color:#91a8cb;
}
table {
	font-size:12px;
	float: none;
	margin-left: 35px;
	word-spacing: normal;
	display: table;
	white-space: nowrap;
	border: thin none #006;
}

.Style1 {
	font-size: larger;
	font-weight: bold;
}


/** Définition des classes **/
.cacher{ display:none;
}
.bouton {
	background-image: url(../source/images_pou_integration/boutons/bt_ok.gif);
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width:20px;
	height:20px;
}
.carres_blanc{background-image:url(../image/patinpuce.gif); background-repeat: no-repeat ;       background-position:2px 3px;
}

.imageretrait img {
    margin-left: 110px;
	width: 110px;
}
.hbig { 
	height: 320px;
}

.hgrand { 
	height: 240px;
}
.hmoyen { 
	height: 120px;
}
.hpetit { 
	height: 60px;
}
.lateral { 
	color:#FFFFFF;
    padding:0px 0px 0px 0px;
    font-size:12px;
	background-color:#91a8cb;
}
.lateral a{
	color:#FFFFFF;
    font-weight:bold;
    text-decoration:none;
	padding-left: 12px;
    height:20px;
}
.lateral a:hover{
	color: #003686;
}
.lateral img {
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 2px;
}
.lateral p{
    margin-left:5px;
}
.lateral select{
    width:140px;
	color: #003686;
    font-size:11px;
    background:#FFFFFF;
    border:1px solid #666666;/**bordure des inputs**/
    margin:5px 0px;
}
.lateral ul{
    list-style:none;
}
.lateral ul li {
}
.lateralbas{
	padding:5px 0px 5px 5px;
	margin:5px 0px 0px 0px;
	background:#e5eefc ;
	/**height: 400px;**/
}
.lateralbas ul li a {
	text-decoration: none;
	font-weight:bold;
	color: #003686;
}
.lateralbas ul li a img {
	padding-right: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.partenaires {
	color: #003686;
	float:right;
	width: 120px;
	padding-right:8px;
	padding-bottom:20px;
}
.texte2 { 
	color: #003686;
	margin-bottom:10px;
	font-size:12px;
}
.texte2 a{
    text-decoration:none;
	color: #003686;
    font-weight:bold;
}
.texte2 a:hover{
	background-color:#91a8cb;
	border: thick solid #91A8CB;
}
.texte2 img {
	float: right;
	width: 110px;
} 

.texte2 img a:hover{
	width: 50px;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
	border-top-color: #0033FF;
	border-right-color: #0033FF;
	border-bottom-color: #0033FF;
	border-left-color: #0033FF;
	filter: Gray;
}

.texte2 p{ /** Définition des paragraphes pour les paragraphes d'un div ayant la class texte.. **/
	padding:5px 0px 5px 5px;
    margin-left: 37px;
}
.texte3 { /** Définition des paragraphes pour les paragraphes d'un div ayant la class texte **/
	color: #003686;
	margin-bottom:10px;
	font-size:12px;
	margin-left:15px;
	text-align:center;
}
.texte3 a{
    text-decoration:none;
	color: #003686;
    font-weight:bold;
}
.texte3 a:hover{
	background-color:#91a8cb;
}
.texte3 img {
	float: right;
}
.texte3 ul li{
    background-image:url(../image/logocanadagames2.gif); 
	background-repeat: no-repeat ;  
	background-position:0px 2px;
	display:block;
	height:30px;
	color: #003686;
	padding-left:40px;
    line-height:40px;
    border-bottom:1px solid #FC3;
    margin-bottom:5px; 
	clear:right;
}

.texte4 { 
	background-image:url(../image/complexe_loisirs.jpg);
}
#contenu .list1 {
	margin-left: 50px;
	list-style-type: square;
}


#contenu .list2   {
	text-indent: 75px;
	list-style-type: circle;
}

#contenu .list3 {
	text-indent: 180px;
	list-style-type: none;
}

.texte4 p{ /** Définition des paragraphes pour les paragraphes d'un div ayant la class texte **/
	color: #003686;
	font-size:12px;
	margin-left:0px;
	margin-top: 10px;
	text-align:left;
	text-decoration: blink;
}

.lys img {
	float: left;
	width:360px;
	height:auto;
}

.panorama img {
	float: right;
	width:630px;
}
.youtube{
	float:right;
	padding-left:25px;
	text-align:left;
	width:190px;
	height: 150px;

}
.youtubetext{
	float:right;
	padding-left:5px;
	text-align:left;
	width:400px;
}
.youtubetext p{ /** Définition des paragraphes pour les paragraphes d'un div ayant la class texte **/
	margin-left:0px;
	text-align:left;
}


/** Définition des blocs du Conteneur **/
#grandcorps{
    height:auto;
}
/** IE6 **/
* html #grandcorps{ 
	height:auto;
	/**height: 857px;**/
}
/** IE7 **/
* + html #grandcorps{ 
	height:auto;
}
#corps{
	width:820px; /** Centrage du bloc conteneur **/
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float:left;
	/**height:630px;**/
	height:auto;
}
* html #corps{ /** Correctif IE6 **/
	height:auto;
}
/** IE7 **/
* + html #corps{ 
	height:auto;
}
#corps ul{
	color: #003686;
	text-decoration: none;
	text-align: left;
	list-style:none;
}

#centregab {
	font-family: Arial, Helvetica, sans-serif;
	float:right; /** Rendre la colonne flottante à droite **/
	width:650px; /** marge intérieur du bloc **/
	height:auto;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
* html #centregab{ /** Correctif IE6 **/
	height:auto;	
}
 /** IE7 **/
* + html #centregab{
	height: auto;
}
#corps.resultat{
	border-left-style:solid;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: medium;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-color: #91a8cb;
	color: #003686;
	background-color: #FFFFFF;
	height:auto;
}
* html #corps.resultat{ /** IE6 **/
	height:auto;
}
/** IE7 **/
* + html #corps.resultat{ 
	height:auto;
}
#centreadresse {
	background-image:url(../image/bckg_adresse.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	height: auto;
}
* html #centreadresse{ /** IE6 **/
	height: auto;
}
 /** IE7 **/
* + html #centreadresse{
	height: auto;
}
#centresuite {
    height: auto;
}
* html #centresuite{ /** IE6 **/
}
/** IE7 **/
* + html #centresuite{ 
}

#contenu{
	height:auto;
	width: 640px;
}
* html #contenu{ /** Correctif IE6 **/
   height:auto;
}
/** IE7 **/
* + html #contenu{ 
   height:auto;
}
#col_gauche{
	width:152px; /** largeur de la colonne **/
	float:left; /** Colonne flottante à gauche **/
	height:auto;
}
* html #col_gauche{ /** Correctif IE6 **/
	height:auto;
}
/** IE7 **/
* + html #col_gauche{ 
	height:auto;
}
#col_droit {
	width: 152px;
	float: right;
	height:auto;
}
/** Correctif IE6  **/
* html #col_droit{ 
	height:auto;
}
/** IE7 **/
* + html #col_droit{ 
	height:auto;
}
#liensutiles ul li{
    display:inline;
	padding:5px 0px 5px 3px;
	height:95px;
	width:162px;
}
#partenaires ul li{
    display:inline;
	padding:5px 0px 5px 3px;
	height:95px;
	width:162px;
}
#carnetclst {
    height:800px;
}
#liens9 {
	height:30px;
}
 /** Correctif IE6  **/
* html #liens9{
	height:30px;
}
/** IE7 **/
* + html #liens9{ 
	height: 30px;
}
#liens9 p{
	color: #003686;
}
#liens9 img {
	height: 11px;
}

#blocnote {
	background-image: url(../image/bloc_note.gif);
	background-repeat: no-repeat;
	background-position: right top;
	float: right;
	height: 100px;
	width: 100px;
	color: #000066;
	text-align:center;
	text-decoration: blink;
	padding-left: 10px;

}
.blocnote { /** Définition des paragraphes pour les paragraphes d'un div ayant la class texte **/
	color: #003686;
	font-size:12px;
	margin-left:5px;
}

#blocnote2 {
	background-image: url(../image/bloc_note.gif);
	background-repeat: no-repeat;
	background-position: center top;
	float: right;
	height: 100px;
	width: 100px;
	color: #000066;
	text-decoration: blink;
	font-weight: bolder;
}
#blocyoutube {
	height: 160px;
	width: 630px;
	float: left;
}
* html #blocyoutube{ /** IE6 **/
	height: 160px;
}
/** IE7 **/
* + html #blocyoutube{ 
	height: 160px;
}

#meteo{
	width:152px;
}
#carnet img {
	padding: 2px;
	float: left;
}
#naissance {
	width:152px;
}
#anniv{
	width:152px;
}
#apDiv {
	width:630px;
	height:255px;
}
#apDiv1 {
	width:273px;
	height:250px;
}

#apDiv2 {
	width:273px;
	height:250px;
}


/** Définition du pied de page **/
#pied_page{
	width:980px; /** Largeur de la zone de travail **/
	clear:both; /** On arrête les effets des floats **/
	background:#ebf3ff; /** Couleur de fond du pied de page **/
	border-right-width: medium;
	border-left-width: medium;
    margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
    text-align:center;
}
#pied_page ul{
	list-style:none; /** Ne pas afficher de puces à la liste **/
	margin:0px 0px 0px 0px;/** Marges autours de la liste **/
    text-align: center;
  	color:#000099; /** Définition de la couleur **/
	border-top-color: #000099;
    border-top: solid;
	border-top-width: 1px;
    padding-top:5px;
}
#pied_page li{
	display:inline; /** Eléments sur une seule ligne **/
	font-size:12px; /** Taille de la police **/
	padding:2px 3px 2px 3px;
	border-left-width:thin;
	border-right-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #91a8cb;
	border-left-color: #000099;
}
#pied_page a{ 
	text-decoration:none; /** Supprimer le soulignement du texte **/
  	color:#000099; /** Définition de la couleur **/
}
/**Mise en forme des éléments du formulaire**/
#formulaire1 fieldset{
	border:none;
	font-size:12px;
}
#formulaire1 legend{
 	background:#ffffff;
 	font-size:20px;
 	color: #003686;
 	font-weight:bold;
 	padding:40px 10px 40px 20px;
}
form#formulaire1 {
 	width:622px;/**largeur de la zone formulaire**/
 	margin:0px auto;
}
#formulaire1 label{
	display:block;/**zone label devient un bloc**/
	float:left;/**Le bloc flotte à gauche, les labels flottent à gauche**/
	width:150px;/**largeur de label**/
	clear:left;/**on annule l'effet du float après les balises de formulaires**/
	margin: 8px;
	vertical-align: text-top;
}
#formulaire1 input{
	width:200px;
	font-size:11px;
	background:#CCCCCC;
	border:1px solid #666666;
	height: 18px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}
#formulaire1 textarea{
	float:left;
	width:500px;
	font-size:11px;
	background:#CCCCCC;
	border:1px solid #666666;
	font-family:Arial, Helvetica, sans-serif;
	height:100px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
 #formulaire1 label.label1{
 	width: 800px;
 	font-size:12px;
 	border-bottom:1px solid #003366;
}
#formulaire1 input.boutonf{
 	background:#AAAAAA;
 	width:auto;
 	padding:5px;
 	border:none;
 	margin:10px 0px 10px 180px;
 	font-weight:bold;
}
#formulaire1 #valider{
 	margin:10px 10px 0px 252px;
 	color:#003686;
}
#formulaire1 #annuler{
 	margin:10px 5px 0px 5px;
 	color:#003686;
}
#formulaire1 input.boutonf:hover{
 	cursor:pointer;
}
#formulaire1 #new:hover{
 	cursor:pointer
 }
#exemple {
	border: 2px solid #d6e4f6;
}
#formulaire2 {
	width: 135px;
	padding:5px 0px 5px 3px;
}
#formulaire3 {
	width: 135px;
	padding:5px 0px 5px 3px;
}
#formulaire3 a{
	font-size:9px;
    font-weight:normal;
    margin-left:-10px;
}
#formulaire3 #exemplecd3 p {
	background-image: url(../source/images_pou_integration/puce2.gif) ; 
    background-repeat:no-repeat;
    background-position: 0px 2px;
    display:block;
    text-decoration:none;
	padding-left: 9px;
}
#formulaire3 #exemplecd3 #client ul li a {
	font-weight: bold;
	float:left;
    padding-left: 15px;
    padding-right:1px;
	background-image: url(../source/images_pou_integration/puce.gif); 
    background-repeat:no-repeat;
	background-position: 0px 2px;
}

#formulaire3 #exemplecd3 label {
	color: #FFF;
}
#formulaire4 {
	width: 135px;
	padding:5px 0px 5px 3px;
}

/**Mise en forme des éléments du formulaire**/
#formulaire5 fieldset{
	border:none;
	font-size:12px;
}
#formulaire5 legend{
 	background:#ffffff;
 	font-size:20px;
 	color: #003686;
 	font-weight:bold;
 	padding:40px 10px 40px 20px;
}
form#formulaire5 {
 	width:622px;/**largeur de la zone formulaire**/
 	margin:0px auto;
}
#formulaire5 label{
	display:block;/**zone label devient un bloc**/
	float:left;/**Le bloc flotte à gauche, les labels flottent à gauche**/
	width:150px;/**largeur de label**/
	clear:left;/**on annule l'effet du float après les balises de formulaires**/
	margin: 8px;
	vertical-align: text-top;
}
#formulaire5 input{
	width:200px;
	font-size:11px;
	background:#CCCCCC;
	border:1px solid #666666;
	height: 20px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}
#formulaire5 textarea{
	float:left;
	width:500px;
	font-size:11px;
	background:#CCCCCC;
	border:1px solid #666666;
	font-family:Arial, Helvetica, sans-serif;
	height:50px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
 #formulaire5 label.label1{
 	width: 800px;
 	font-size:12px;
 	border-bottom:1px solid #003366;
}
#formulaire5 input.boutonf{
 	background:#AAAAAA;
 	width:auto;
 	padding:5px;
 	border:none;
 	margin:10px 0px 10px 180px;
 	font-weight:bold;
}
#formulaire5 #valider{
 	margin:10px 10px 0px 252px;
 	color:#003686;
}
#formulaire5 #annuler{
 	margin:10px 5px 0px 5px;
 	color:#003686;
}
#formulaire5 input.boutonf:hover{
 	cursor:pointer;
}
#formulaire5 #new:hover{
 	cursor:pointer
}



#pseudo2 {
	height:18px;
	width:95px;
}
#pseudo3 {
	height:18px;
	width:95px;
}
#nom {
	height:18px;
	width:95px;
}
#pseudo4 {
	height:18px;
	width:95px;
}
.exemplefd {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.boutongo {
	background-image: url(../source/images_pou_integration/boutons/go.gif);
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width:20px;
	height:20px;
}

/* class bouton fermer popup */
.fermerPop2 a{
	color:#000; 
	font-size:0.7em;
}

.clr{ 
   clear:both;
   font-size:1px;
   line-height:1px;
   height:1px;
}
.erreur { 
	font-weight:bold;
	color:#C00;
}

/** Zone Centrale 
#col_centre{
	font-family: Arial, Helvetica, sans-serif;
	color: #003686;
	float:right; 
	background:#FFF; 
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
**/
/** 
*html #col_centre{ /** Correctif IE6 pour le div portant l'id col_centre **/
/**
}
/** 
*+html #col_centre{ /** IE7 **/
/**
}
/**/
/**
#col_centre ul li img {
	float: right;
	width: 110px;
}
#col_centre .texte2{
	overflow: auto;
}
*html #col_centre .texte2{ /** Correctif IE6 pour le div portant l'id col_centre **/
/**
}
*+html #col_centre .texte2{ /** IE7 **/
/**
}
**/

#retour {
	color: #003686;
	background-color: #AAAAAA;
	height: 20px;
	width: 140px;
	text-indent: 25px;
	margin-left: 267px;
	font-weight: bold;
	margin-top: 15px;
	padding-top: 8px;
	font-size: 12px;
}

.retour a{
    text-decoration:none;
	color: #003686;
    font-weight:bold;
}
.retour a:hover{
	background-color:#AAAAAA;
}
#coupe {
	float: left;
	height: 95px;
	width: 110px;
}
#coupe img{
	float: left;
	height: 77px;
	width: 93px;
}
#entetelys {
	height: auto;
	float: left;
}
#lys1 {
	float: right;
	height: 250px;
	width: 640px;
}
#lys2 {
	float: left;
	height: 175px;
	width: 640px;
}
#choixbourse {
	height: 150px;
	width: 250px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
}
.Style2 {
	font-size: 24px;
	font-weight: bold;
}
.Style3 {color: #FF0000}
#meteodam {
	float: left;
	width: 300px;
	margin-top: -10px;
}
#imagecartonnerie {
	float: left;
	width: 110px;
}
#identifiantcartonnerie {
	float: left;
	width: 185px;
}
#blocidentifiant {
	float: right;
	width: 620px;
}
#flashcontent {
	float: right;
	height: auto;
	width: auto;
}