/* PATCH */
.clearfix:after { content: "."; display: block; height: 0pt; clear: both; visibility: hidden; }
.clearfix { display: block; }
* html .clearfix { height: 1%; }
.clearthis { clear:both; height:0; line-height:0; }

/* ************************************** */
/*=================================================
SUPPRIMER LES DIFFÉRENCES D'INTERPRETATION DES NAVIGATEURS
=================================================
*/
* {padding:0; margin:0; list-style-type:none;}
* img{ border:0;}
* a { text-decoration:none; }


body {
	text-align:center;
	font-family: Arial, verdana, sans-serif;
	font-size: 12px;
	color: #333333;
	background-image: url(imgs/bck.png);
	background-repeat: repeat;	
}

/*	=================================================
	DIVISION PRINCIPALE POUR CENTRER LA PAGE
*/
#main {position:relative;top:6px;
	width:587px;
	height:589px;
	margin:auto;
	background:#fff;}

/*	=================================================
	DIVISIONS POUR POSITIONNER LES ELEMENTS 
*/
#imgTop, #imgLeft1, #imgLeft2,#imgRight1, #centres, #statCan, #cadrisq, #crd, #btnEnter { 
	position:absolute; 
	left:0; 
	background-repeat: no-repeat;
	background-position: left top;
	}	
#imgTop {left:0;
	top:0;
	width:587px;
	height:121px;
	background-image: url(imgs/index/index_01b.png);
}
#imgLeft1 {
	top:121px;
	width:147px;
	height:241px;
	background-image: url(imgs/index/index_02b.png);
	}

#imgLeft2 {
	top:362px;
	width:366px;
	height:227px;
	background-image: url(imgs/index/ciqssb.png);
	}

#imgLeft2 a {
	position:relative;
	height:100%; height:100%; display:block;}

#imgRight1{
	top:499px;
	left:366px;
	width:221px;
	height:90px;
	background-image: url(imgs/index/index_14b.png);
	}


#centres {
	top:121px;
	width:219px;
	height:241px;
	left:147px;
}

/*	=================================================
	SOUS DIVISIONS DE centres 
	CONTIENT LES UNIVERSITES
	MEME IMAGE DE FOND MAIS POSITION DIFFERENTE
*/

#c1, #c2, #c3, #c4, #c5, #c6, #c7 , #c8{
	display:block;
	float:left;
	width:219px;
	height:30px;
	left:0;
	background-image: url(imgs/index/centres.png);
	background-repeat: no-repeat;
	position:relative;
}
 #c8{height:31px;}

#c1 { background-position: left 0; }
#c2 { background-position: left -30px; }
#c3 { background-position: left -60px; }
#c4 { background-position: left -90px;  }
#c5 { background-position: left -120px;  }
#c6 { background-position: left -150px;  }
#c7 { background-position: left -180px;  }
#c8 {	background-position: left -210px;}
	
#c1:hover { background-position: left -241px; }
#c2:hover { background-position: left -271px; }
#c3:hover { background-position: left -301px; }
#c4:hover { background-position: left -331px;  }
#c5:hover { background-position: left -361px;  }
#c6:hover { background-position: left -391px;  }
#c7:hover { background-position: left -421px;  }
#c8:hover { background-position: left -451px;  }

/*	=================================================
	LOGO ET LIENS CADRISQ - CDR  */

#statCan {
	top:361px;
	left:366px;
	width:221px;
	height:31px;
	background-image: url(imgs/index/crdrCadrisq.png);
	background-repeat: no-repeat;
	background-position: left top;
	}
#statCan:hover {background-position: left -138px;}

#cadrisq {
	top:392px;
	left:366px;
	width:221px;
	height:49px;
	background-image: url(imgs/index/crdrCadrisq.png);
	background-repeat: no-repeat;
	background-position: left -31px;
	}
#cadrisq:hover {background-position: left -169px;}

#crd{
	top:441px;
	left:366px;
	width:221px;
	height:58px;
	background-image: url(imgs/index/crdrCadrisq.png);
	background-repeat: no-repeat;
	background-position: left -80px;
	}
#crd:hover {background-position: left -218px;}

	
/*	=================================================
	BOUTONS FRANCAIS - ANGLAIS
*/
#bienvenue {
	position:absolute;
	top:121px;
	left:366px;
	width:221px;
	height:240px;
	background-image: url(imgs/index/index_04b.png);
	font-weight:bold;
	}
#bienvenue p{
	margin-top: 16px;
	margin-right: 80px;
	margin-bottom: 50px;
	margin-left: 20px;
}

#boutons { 
	position:absolute;
	width:221px;
	height:138px;
	top:214px;
	left:344px;
 }

#boutons a {	
	display:block; 
	width:106px; 
	float:left; 
	font-size:14px; 
	font-weight:bold; 
	z-index:3000;}
#boutons a.fr { color:#F37F20 ; }
#boutons a.en { color:#26387F ; }
#boutons a:hover {  color:white; }