@charset "utf-8";
/* CSS Document */

* =General-----------------------------------------------------------------------------*/

html{height: 100%}
p{margin: 0;padding: 0;}
blockquote{}
ul, ol{margin: 0;padding: 0;list-style: none;}
.clear{ /* Class for clearing floats */clear:both;}
img{ /* Remove border around linked images */
	border: 0;
	font-size: 10px;
}
*html a, *html input{ position: relative; z-index: 1; }

/* =Typography-----------------------------------------------------------------------------*/

body{ height:100%; margin:0px; padding:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: left; color: #333; background:#63c5e2;}


/* =Headings-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6{ font-family: Arial, Helvetica, sans-serif; margin:0px 0px; padding:0; color:#333;}

/* =Frame-----------------------------------------------------------------------------*/

#wrap{ width:750px; background:#fff; margin:0 auto; }

#header{ height:94px; background:#fff url(../../img/header.jpg) top left no-repeat; padding-top:326px; }
#header02{ height:326px; background:#fff url(../../img/header2.jpg) top left no-repeat; }
#header #headerTxt{ height:100px; padding-left:25px; font-size:9px; color:#999999; width:325px; }
#menu{ height:18px; }
#menu #btnConcours{ height:18px; width:184px; background:#fff url(../../img/btnConcours.gif) top left no-repeat; display:block; float:left; }
#menu #btnReglements{ height:18px; width:191px; background:#fff url(../../img/btnReglements.gif) top left no-repeat; display:block; float:left; }
#menu #btnProgrammes{ height:18px; width:192px; background:#fff url(../../img/btnProgrammes.gif) top left no-repeat; display:block; float:left; }
#menu #btnContact{ height:18px; width:183px; background:#fff url(../../img/btnContact.gif) top left no-repeat; display:block; float:left; }

#middle{}
#middle #linkHomeAlma{
	display:block;
	float:left;
	height:224px;
	width:188px;
	background:#fff url(../../img/logoHoneAlma.gif) top left no-repeat;
}
#middle #linkHomeStfe{
	display:block;
	float:left;
	height:224px;
	width:188px;
	background:#fff url(../../img/logoHomeStfe.gif) top left no-repeat;
}
#middle #linkHomeChicoutimi{
	display:block;
	float:left;
	height:224px;
	width:187px;
	background:#fff url(../../img/logoHomeChicoutimi.gif) top left no-repeat;
}
#middle #middleLeft{
	width:365px;
	float:left;
	font-size: 15px;
}
#middle #middleLeft #zoneLink{
	height:115px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#middle #middleLeft #zoneLink #linkAlma{
	height:115px;
	width:182px;
	background:#fff url(../../img/logoAlma.gif) top left no-repeat;
	display:block;
	float:left;
}
#middle #middleLeft #zoneLink #linkStfe{
	height:115px;
	width:182px;
	background:#fff url(../../img/logoStfe.gif) top left no-repeat;
	display:block;
	float:left;
}
#middle #middleLeft #zoneLink #linkChicoutimi{
	height:115px;
	width:182px;
	background:#fff url(../../img/logoChicoutimi.gif) top left no-repeat;
	display:block;
	float:left;
}
#middle #middleLeft #linkProgrammesRose{ height:77px; width:365px; background:#fff url(../../img/btnProgrammesRose.gif) top left no-repeat; display:block; }
#middle #middleLeft #zoneTxt p{ padding-bottom:10px; }
#middle #middleRight{
	width:382px;
	float:right;
}

#middle #zoneTxt{ padding-top:15px; padding-left:25px; padding-right:25px; }
#middle #boxComment{
	padding:10px;
	padding-left:20px;
	padding-right:20px;
	font-style: italic;
}
#middle #boxComment h1{ text-transform:none; font-weight:bold; font-size:40px; color:#DE0073; }
#middle #boxComment p{ font-weight:bold; color:#999999; padding-top:5px; }
#middle h1{ font-weight:400; text-transform:uppercase; color:#CC0066; font-size:16px; margin-top:10px;  }
#middle h2{ font-weight:400; text-transform:uppercase; color:#CC0066; font-size:13px; margin-top:10px;  }
#middle h4{
	font-weight:bold;
	text-transform:none;
	color:#CC0066;
	font-size:12px;
	margin-top:10px;
	color:#DE0073;
}
#middle ul{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; }
#middle ul li{ padding:4px 0 4px 0; border-bottom:1px #999999 dashed; display:block; height:32px; }
#middle ul li strong{ font-weight:normal; width:190px; float:left; margin-right:20px;}
#middle ul li em{ font-style:normal; width:190px; padding-top:10px; float:left; margin-right:20px;}

#footer{ height:15px; text-align:center; padding-top:15px; color:#999999; font-size:9px; padding-bottom:5px; }
#footer a{ color:#999; }

a{ color:#CC0066; }


form div.formCol{ width:165px; float:left; }
form div.title{ color:#666666; padding-top:2px; padding-bottom:2px; }
form input{ border:1px #999999 solid; width:330px; }
form input.checkbox{ border:1px #999999 solid; width:20px; }
form input.submit{ border:1px #de0073 solid; background-color:#de0073; color:#fff; font-weight:bold; width:200px; margin-left:75px; }
form select{ border:1px #999999 solid; width:330px; }
form textarea{ border:1px #999999 solid; width:330px; height:70px; }
form div.formCol input{ width:160px; }

/* BOITE ERREUR */
h5.msgError {
background:#FDF9BC url("error.gif") no-repeat 20px 5px;
border:2px solid #FF9F00;
color:#FF9F00;
display:block;
font-size:16px;
margin:5px;
padding:5px 5px 5px 90px;
text-align:left;
}
h5.msgError div {
border-left:1px solid #FF9F00;
padding-bottom:10px;
padding-left:10px;
}
h5.msgError div span {
color:#666666;
display:block;
font-size:12px;
font-weight:normal;
padding:4px 0px 0px;
}#middle #linkHomeJonquiere {
	display:block;
	float:left;
	height:224px;
	width:187px;
	background:#fff url(../../img/logoHomeJonq.gif) top left no-repeat;
}
#middle #middleLeft #zoneLink #linkJonq {
	height:115px;
	width:182px;
	display:block;
	float:left;
	background-color: #fff;
	background-image: url(../../img/logoJonq.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#wrap #middle #middleLeft #boxComment p {
	font-weight: normal;
}
#wrap #middle #middleLeft #boxComment p {
	font-size: 10px;
}
#wrap #middle #middleLeft #boxComment p {
	font-size: 9px;
}
#wrap #middle #middleLeft #boxComment p {
	font-weight: bold;
}
#header03 {
	height:326px;
	background-color: #fff;
	background-image: url(../../img/header3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#middle h5 {
	font-weight:normal;
	text-transform:none;
	color:#CC0066;
	font-size:15px;
	margin-top:10px;
	color:#DE0073;
	line-height: 90%;
	font-family: Arial, Helvetica, sans-serif;
}
#wrap #middle #middleLeft #boxComment p {
	font-style: normal;
	font-weight: normal;
}
#wrap #middle #middleLeft #zoneLink #linkJonq {
	font-size: 15px;
}

