/* CSS Document 
www.gestionweb.ca 
Par Christian Rochefort 2008*/

.body {
	text-decoration: none;
	color: #FDFDFD;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	background-color: #002146;
	margin-left:auto;
	margin-right:auto;
}
#container{
		width: 778px;
        height: 100%;
        margin: auto;
		background-color: #002146;
        position:relative;
}

#header{
height:125px;
width:778px;
margin:0 auto;
padding:0;
}

.main_section {
	width : 778px;
	vertical-align: top;
}

.top-header {
	width:778px;
	height:12px;
	background-image: url(images/top_header.gif);
	background-repeat: no-repeat;
	float:left;
}

.header-top-gauche {
	width:319px;
	height:21px;
	background-image: url(images/header-top-gauche.gif);
	background-repeat: no-repeat;
		float:left;
}

.date {
	width:93px;
	height:21px;
	background-image: url(images/date.gif);
	background-repeat: no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
		float:left;
	 	
}

.top-header-droit-accueil {
	width:198px;
	height:21px;
	background-image: url(images/top-header-droit-accueil.gif);
	background-repeat: no-repeat;
		float:left;
}

.accueil {
	width:72px;
	height:21px;
	background-image: url(images/accueil.gif);
	background-repeat: no-repeat;
		float:left;
}

.courriel {
	width:77px;
	height:21px;
	background-image: url(images/courriel.jpg);
	background-repeat: no-repeat;
		float:left;
}

.top-header-droit-accueil-fi {
	width:19px;
	height:21px;
	background-image: url(images/top-header-droit-accueil-fi.gif);
	background-repeat: no-repeat;
		float:left;
}

.header-logo-titre {
	width:778px;
	height:47px;
	background-image: url(images/header-logo-titre.gif);
	background-repeat: no-repeat;
		float:left;
}

.header-bas-gauche {
	width:319px;
	height:45px;
	background-image: url(images/header-bas-gauche.gif);
	background-repeat: no-repeat;
		float:left;
}

.clients {
	width:74px;
	height:45px;
	background-image: url(images/clients.gif);
	background-repeat: no-repeat;	
	float:left;
}
	

.services {
	width:89px;
	height:45px;
	background-image: url(images/services.gif);
	background-repeat: no-repeat;
		float:left;
}

.tarifs {
	width:91px;
	height:45px;
	background-image: url(images/tarifs.gif);
	background-repeat: no-repeat;
		float:left;
}

.historique {
	width:91px;
	height:45px;
	background-image: url(images/historique.gif);
	background-repeat: no-repeat;
		float:left;
}

.forfaits {
	width:81px;
	height:45px;
	background-image: url(images/forfaits.gif);
	background-repeat: no-repeat;
		float:left;
}

.header-bas-droit {
	width:33px;
	height:45px;
	background-image: url(images/header-bas-droit.gif);
	background-repeat: no-repeat;
		float:left;
}
#animation-flash{
width:778px;
height:180px;
margin:0 auto;
padding:0;
}
.ANIMATION-FLASH {
	width:778px;
	height:180px;
	background-image: url(images/ANIMATION-FLASH.jpg);
	background-repeat: no-repeat;
		float:left;
}
#top-news{
width:778px;
height:60px;
margin:0 auto;
padding:0;
}

.derniere-nouvelles {
	width:258px;
	height:47px;
	background-image: url(images/derniere-nouvelles.gif);
	background-repeat: no-repeat;
		float:left;
	
}

.slogan {
	width:520px;
	height:47px;
	background-image: url(images/slogan.gif);
	background-repeat: no-repeat;
		float:left;
}

.top-news {
	width:258px;
	height:13px;
	background-image: url(images/top-news.gif);
	background-repeat: no-repeat;
		float:left;
}

.footer-slogan {
	width:520px;
	height:13px;
	background-image: url(images/footer-slogan.gif);
	background-repeat: no-repeat;	
		float:left;
}


#news{ 
background-color:#002146;
margin-left:auto;
margin-right:auto;
width:768px;
height:auto;
float:left;
}

.nouvelles {
	width:38%;
	height:auto;
	background-color:#002146;
	margin-left:auto;
	margin-right:auto;
	float:left;
}

.texte-page {
	width:58%;
	height:auto;
	background-color:#002146;
	margin-left:auto;
	margin-right:auto;
	float:right;
	clip: rect(auto,auto,auto,10px);
}



#footer {
	width:778px;
/*	height:43px;*/
	margin:0 auto;
	padding:0;
	float:left;
}
.footer {
	width:778px;
	height:43px;
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	float:left;
}


.text1 {font-size:100%;
}
.text2 {font-size:90%;
}
.text3 {font-size:120%;
}
.text4 {font-size:100%;
color:#000000;

}

a{
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	text-decoration:none;
	font-style: oblique;
	border:none;
}

a:visited {
	color: #FF3300;
	text-decoration:none;
	border:none;
}


a:link {
	color: #FFFFFF;
	text-decoration:none;
	border:none;
}

a:hover {
	text-decoration:underline;
	font-size:medium;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	border:none;
}

.hr{
	height: 2px;
	width: 50px;
}
img{
border:none;
}

.validation {
	float:right;
	}

.validation2 {
	float:left;
	}
blockquote {
	background-color:#002146;
	color: #fff;
	border: 1px solid #999;
	font-style: italic;
	padding:1ex;
	margin:0 2em 1em 2em;
	font-size:95%;
}
blockquote p {
	margin:0 0 1ex 0;
	font-size:110%;
}
blockquote cite {
	text-align:right;
	margin:0 0 1ex 0;
	font-size:110%;
	display:block;
}
/* Section nouvelles */

.news-texte{
	font-style: normal;
	text-align: justify;
}