/**************************************************************************************************/
/* Copyrigth General Networks
/* version 1.0
***************************************************************************************************/

#principal #content {
	width: 1040px;
	height: 800px;   /* si + de commentaires dans div.copy cette valeur augmente la taille de la page blanche */
	text-align:left;
	/*background-color:#F7F7F7; */
	clear:both;
	margin:0;
}

#principal #content-top {
	text-align: left;
	width: 990px;
	height: 15px;
	/*background-image: url('../images/home/bg-container-top.png');*/
	/*background-color: #FFF;*/
	background-repeat: no-repeat;
	background-position: left top;
}

#principal #partenaires {
	width: 988px;
	height: 165px;
	padding: 0px 0px 0px 17px;
	position: relative;
	z-index:4;


}


/*------- CONTENT --------------------------------------------------------------------------------*/
/*------- container-banner -----------------------------------------------------------------------*/
div.container-banner {
	width: 1410px;
	height: 450px;
	margin: 0 auto 0 0px;
	padding: 5px 0px 0px 0px;
	font-family: Verdana, Helvetica, sans-serif;
	color: #231f20;

	position: relative;
	/*background-color:#F7F7F7;*/

	/*	z-index:4; */
}/* ok */

/*------- CONTENT ---------------------------------------------------------------------------*/
/*------- resume, news, pub ...--------------------------------------------------------------*/
div.resume {
	width: 988px;
	height: 35px; /* changer la taille pour insérer une description entre container-banner et container-description */
	position: relative;
	overflow: hidden;
	padding: 0px 5px 0px 22px;
	z-index:6;  /*mettre -1 pour cacher la balise resume ou hidden dans html */
	color: #666666;
}

/* ok */

div.resume h5 {
	font: 11px/10px arial, sans-serif;
	color: #666666;
	padding:10px 10px 5px 10px;
	margin:0;

}/* ok */
div.resume h6 {
	font: 11px/10px arial, sans-serif;
	color: #666666;
	padding: 0 0 10px 10px;
	margin:0;

}/* ok */

/*------- CONTENT ---------------------------------------------------------------------------*/
/*------- container-describleption -------------------------------------------------------------*/
/*------- description -----------------------------------------------------------------------*/

/*------- global ------------------------------------------------------------------*/

div.container-description {
	width: 1040px;
	height: 100px;
	padding: 5px 0px 0px 0px;
	position: relative;
	z-index:4;
}/* ok */

#principal #content #description {
	margin: 5px auto 0px 0px;
	margin-right: auto;
	width: 1040px;
	height: 100px;
	position: relative;
	text-align: left;
}/* ok */

/*------- titre et lien ------------------------------------------------------------------*/

#principal #content  #description p.descrip-link {
	margin: 11px 0 0 0px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #7d7d7d; ;
	width: 125px;
} /* ok */

#principal #content  #description p.descrip-titre{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 17px;
	color: #333333;
	width: 210px
} /* ok */

/*------- conf specifique a description1 ------------------------------------------------------------------*/
#principal #content #descrip1 {
	width: 140px;
	height: 137px;
	position: absolute;
	left: 20px;
	top: 18px;
	z-index: 3;
}/* ok */
#principal #content  #description #descrip1 p.descrip-activite{
	margin: 40px 0 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: rgb(80, 80, 80);
	width: 300px;
}/* ok */
#principal #content  #descrip1-click {
	width: 370px;
	height: 225px;
	position: absolute;
	z-index: 4;
	left: 27px;
	top: 5px;
} /* ok */

/*------- conf specifique a description2 ------------------------------------------------------------------*/
#principal #content  #descrip2 {
	width: 255px;
	height: 128px;
	position: absolute;
	left: 260px;
	top: 18px;
	z-index: 3;
}/* ok */

#principal #content  #description #descrip2 p.descrip-activite{
	margin: 40px 0 0 170px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: rgb(80, 80, 80);
	width: 300px;
}/* ok */

#principal #content  #descrip2-click {
	width: 370px;
	height: 225px;
	position: absolute;
	z-index: 5;
	left: 415px;
	top: 5px;
}/* ok */


/*------- conf specifique a description3 ------------------------------------------------------------------*/
#principal #content  #descrip3 {
	width: 207px;
	height: 105px;
	position: absolute;
	left: 260px;
	top: 18px;
	z-index: 3;
}/* ok */

#principal #content  #description #descrip3 p.descrip-activite{
	margin: 270px 0 0 97px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: rgb(80, 80, 80);
	width: 360px;
}/* ok */

#principal #content  #description #descrip3 p.descrip-activite a{
	margin: 32px 0 0 0px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #4683B5;
	width: 325px;
}/* ok */


#principal #content  #descrip3-click {
	width: 225px;
	height: 350px;
	position: absolute;
	z-index: 6;
	left: 803px;
	top: 6px;
}/* ok */

/*------- conf specifique a description4 ------------------------------------------------------------------*/
#principal #content  #descrip4 {
	width: 207px;
	height: 105px;
	position: absolute;
	left: 260px;
	top: 18px;
	z-index: 3;
}/* ok */

#principal #content  #description #descrip4 p.descrip-activite{
	margin: 260px 0 0 566px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #666666;
	width: 170px;
}/* ok */

#principal #content  #description #descrip4 p.descrip-activite a{
	margin: 32px 0 0 0px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #4683B5;
	width: 116px;
}/* ok */

#principal #content  #descrip4-click {
	width: 760px;
	height: 125px;
	position: absolute;
	z-index: 6;
	left: 27px;
	top: 236px;
}/* ok */


/*------- pieds de page -----------------------------------------------------------------------*/
#principal #bp {
	color:#ffffff;
	float:left;
	width:1040px;
	font-family: Arial,Helvetica,sans-serif;
	font-size:28px;

} /* ok */
#principal #droits {
	font-size: 16px;
	color: #ffffff;
	margin: 15px 0px 0px 0px;

}/* ok */

#principal #droits a {
	color: #000000;
}/* ok */


#principal span.bvertical {
	margin: 0px 7px 0px 7px
} /* ok */
#principal #vide {
	background: #none;
	padding: 0;
} /* ok */