*{
	margin:0;
	padding:0;
}

body{
	background:url(images/bg_body.gif) repeat-x #fff;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
	line-height:15px;
}

a{
	text-decoration:none;
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*                                     CLASSES DISPLAY et CLEAR                                     */
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/


.lineclear{
	clear:both;
	height:1px;
	line-height:1px;
}

.display{
	display:none;
}

.vishidden{
	visibility:hidden
}


/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*                                          CLASSES TEXTE                                           */
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/


.bold{
	font-weight:bold;
}

.fsize14{
	font-size:14px;
}






















/*##################################################################################################*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*((((((((((((((((((((((                  STRUCTURE COMMUNE                   ))))))))))))))))))))))*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*##################################################################################################*/


#td-gauche{
	background:url(images/bg_td-gauche.jpg) no-repeat right top;
}

#td-centre{
	width:955px;
	background:#fff;
}

#td-droite{
	background:url(images/bg_td-droite.jpg) no-repeat left top;
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*                                             BANDEAU                                              */
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/


#bandeau{
	height:89px;
	background:url(images/bg_bandeau.jpg) no-repeat;
}

#logo{
	padding:48px 0 0 0;
	float:left;
	width:434px;
}

#slogan{
	float:left;
	width:521px;
	text-align:center;
	font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	padding:8px 0 0 0;
}


/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*                                             CONTENU                                              */
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/


#contenu{
	background:url(images/bg_contenu.jpg) no-repeat #fff;
}


/* oOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOo */
/* .°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.  Partie gauche  .°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°. */


#accueil-gauche{
	float:left;
	width:247px;
	padding:48px 0 0 17px;
}

/* ... bloc bleu ... */

#bloc-bleu{
	background:url(images/bg_bloc-bleu.jpg) no-repeat;
	padding:10px 0 20px 24px;
	font-size:11px;
	color:#fff;
	line-height:13px;
}

#bloc-bleu ul li{
	list-style-type:none;
}

#bloc-bleu ul li a{
	color:#fff;
}

#bloc-bleu ul li a:hover{
	color:#02025D;
}

#bloc-bleu ul li a.actif{
	font-weight:bold;
	color:#010167;
}


/* ... bloc bleu ... */

#bloc-bleu2 {
	background:url(images/bg_bloc-bleu2.jpg) no-repeat;
	padding:10px 0 20px 24px;
	font-size:11px;
	color:#fff;
	line-height:13px;
}

#bloc-bleu2 ul li{
	list-style-type:none;
}

#bloc-bleu2 ul li a{
	color:#fff;
}

#bloc-bleu2 ul li a:hover{
	color:#02025D;
}

#bloc-bleu2 ul li a.actif{
	font-weight:bold;
	color:#010167;
}


/* ... bloc rose ... */

#bloc-rose{
	background:url(images/bg_bloc-rose.jpg) no-repeat;
	padding:14px 23px 24px 24px;
	font-size:11px;
	color:#fff;
	line-height:13px;
}

#bloc-rose ul li{
	list-style-type:none;
}

#bloc-rose ul li a{
	color:#fff;
}

#bloc-rose ul li a:hover{
	color:#02025D;
}


/* oOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOo */
/* .°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.  Partie centre  .°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°. */


#accueil-centre{
	float:left;
	width:457px;
	padding:18px 0 0 0px;
}

.titre-vert{
	font:normal 17px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#99B111;
	letter-spacing:-1px;
}

#centre1{
	float:left;
	width:440px;
	padding:8px 0 0 0;
	text-align: justify;
}

#centre2{
	float:left;
	width:213px;
	padding:8px 0 0 20px;
}
#note{
	float:left;
	margin-top:10px;
	padding: 5px;
	line-height:15px;
	height:100px;
	font-size:10px;
	text-align:justify;
	color:#666666;
	background-color:#d2f4fe;
	border-radius: 3px; 

-moz-border-radius: 3px; 

-webkit-border-radius: 3px; 

border: 1px solid #1489BE;
}
#important{
	color:#096395;
	font-weight:bold;
}
#nom{
	color:#333;
	text-align:right;
}

/* oOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOoOo */
/* .°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.  Partie droite  .°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°.°. */


#accueil-droite{
	float:left;
	width:225px;
	padding:97px 0 0 0px;
}




/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*                                              FOOTER                                              */
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/


#footer{
	margin:20px 0 0 20px;
	padding:0 0 15px 0;
	background:url(images/bg_footer.jpg) no-repeat;
}

#footer1{
	float:left;
	width:227px;
	padding:8px 0 0 16px;
	font-size:11px;
	line-height:13px;
}

#footer2{
	float:left;
	width:487px;
	text-align:center;
	font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	letter-spacing:-1px;
	padding:15px 0 0 0;
	line-height:20px;
}

#footer2a {
	float:left;
	width:120px;
	text-align:center;
	font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	letter-spacing:-1px;
	padding:4px 11px 0 6px;
	line-height:20px;
}
#footer2b {
	float:left;
	width:65px;
	text-align:center;
	font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	letter-spacing:-1px;
	padding:4px 11px 0 0;
	line-height:20px;
}
#footer2c {
	float:left;
	width:270px;
	text-align:center;
	font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	letter-spacing:-1px;
	padding:4px 11px 0 0;
	line-height:20px;
}

#footer3{
	float:left;
	width:151px;
	padding:10px 0 0 20px;
	line-height:16px;
	font-size:11px;
}

#footer3 a{
	color:#000;
}

#footer3 a:hover{
	color:#fff;
}

/* ... logo toptech ... */

#tt{
	text-align:center;
	margin-top:20px;
}

#tt a{
	font-size:9px;
	color:#48B9F2;
}

#tt a:hover{
	color:#99B111;
}

/* Référencement */

h1.h1tt {
	display: none;
}