@import url("communs.css");



/* styles partie institution */



/*couleur de fond de la page*/

#container {

	background-color: #8f8f8f;

}

/*titres utilise dans l'entete*/

h1 {

	font-size: 24px;

	color: #FFFFFF;

	margin: 0px;

	padding-top: 20px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold;

	line-height: 24px;

	text-align: center;

}

h2 {

	font-size: 16px;

	margin: 6px 0px 0px;

	line-height: 16px;

	text-align: center;

	color: #FFFFFF;

}

h3 {

	font-size: 14px;

	font-family: Arial, Helvetica, sans-serif;

	margin-bottom: 3px;

	line-height: 16px;

	color: #000000;

	margin-top: 0px;

}

/*titre voir aussi*/

h4 {

	font-size: 12px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	margin: 0px;

	color: #FFFFFF;

	background-image: url(../institution/images/nav/fleche1.gif);

	background-repeat: no-repeat;

	background-position: 0px 4px;

	padding-left: 14px;

}



#logo {

	margin: 0px;

	position: absolute;

	left: 890px;

	top: 6px;

}



#contenu {

	height: 437px;

}

#texte2 {

	position:absolute;

	left:241px;

	top:163px;

	width:642px;

	height:370px;

	z-index:1;

	color: #FFFFFF;

	line-height: 16px;

	overflow: auto;

}

#texte2 p {

	margin-top: 0px;

	margin-bottom: 8px;

	text-align: justify;

}

#texte2 a {

	color: #FFFFFF;

	font-weight: bold;

	text-decoration: none;

}

#texte2 a:hover {

	text-decoration: underline;

}

#contenuhome {

	position:absolute;

	left:160px;

	top:119px;

	width:750px;

	height:322px;

	z-index:1;

}

/*couleur lien sous menu*/

.lienactifsm
{
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/*Menu gauche home entreprendre */

#nav2 {

	position:absolute;

	left:11px;

	top:122px;

	width:147px;

	height:86px;

	z-index:2;

}

#nav2 a {

	display: block;

	padding: 4px 4px 4px 12px;

	font-size: 12px;

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	text-transform: uppercase;

	color: #FFFFFF;

	font-weight: bold;

}

#nav2 a:hover {

	background-image: url(../institution/images/nav/fleche_ssrub.gif);

	background-repeat: no-repeat;

	background-position: left center;	

}

#menu_offre {

	position:absolute;

	left:151px;

	top:259px;

	width:180px;

	z-index:12;

	visibility: hidden;

}

#menu_offre table {

	border-top: 8px solid #999999;

	border-right: 1px solid #000000;

	border-bottom: 1px solid #000000;

	border-left: 1px solid #000000;

	background-color: #FFFFFF;

}

#menu_offre td {

	padding: 2px 2px 2px 4px;

}

#menu_formation {

	position:absolute;

	left:144px;

	top:393px;

	width:180px;

	z-index:12;

	visibility: hidden;

}

#menu_formation table {

	border-top: 8px solid #999999;

	border-right: 1px solid #000000;

	border-bottom: 1px solid #000000;

	border-left: 1px solid #000000;

	background-color: #FFFFFF;

}

#menu_formation td {

	padding: 2px 2px 2px 4px;

}

.lien_sousmenu2{

	color: #666666;

	text-decoration: none;

	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

}

a.lien_sousmenu2:hover{

	color: #000000;

}

#transp2 {

	position:absolute;

	left:-1px;

	top:235px;

	width:379px;

	height:256px;

	z-index:1;

	visibility: hidden;

}

/*Styles pour les pages secondaires*/

#retour {

	position:absolute;

	left:102px;

	top:294px;

	width:37px;

	height:37px;

	z-index:1;

	bottom: 1px;

}

/*gestion galeries photos*/

#zoomphoto {

	position:absolute;

	left:24px;

	top:86px;

	width:163px;

	height:174px;

	z-index:2;

	bottom: 1px;

}

#zoomphoto img {

	border: 2px solid #333333;

}

#photos {

	position:absolute;

	left:242px;

	top:86px;

	width:625px;

	height:61px;

	z-index:1;

}

#photos h3 {

	color: #FFFFFF;

}



#photos img {

	margin-right: 2px;

}

#photos a img {

	border: 2px solid #000000;

} 

#photos a:hover {

border:0px

} /* hack pour IE - ne sert sinon  rien */

#photos a:hover img {

	border: 2px solid #FFFFFF;

} /* dfini l'encadrement des images lors du survol */

 

#voiraussi {

	position:absolute;

	left:27px;

	top:342px;

	width:191px;

	height:127px;

	z-index:1;

	color: #FFFFFF;

	line-height: 15px;

}



#voiraussi ul {

	margin: 0px;

	padding: 0px;

	list-style-type: none;

	text-align: left;

}

#voiraussi a {

	color: #FFFFFF;

	text-decoration: none;

}

#voiraussi a:hover {

	text-decoration: underline;

}



#contacts {

	position:absolute;

	left:27px;

	top:487px;

	width:201px;

	height:47px;

	color: #FFFFFF;

	line-height: 15px;

	z-index:1;

}

#contacts h3 {

	font-size: 11px;

	font-family: Arial, Helvetica, sans-serif;

	margin: 0px;

}

#contacts ul {

	margin: 0px;

	padding: 0px;

	list-style-type: none;

	text-align: left;

}

#contacts a {

	color: #FFFFFF;

	text-decoration: none;

}

#contacts a:hover {

	text-decoration: underline;

}

#texte2 ul {

	margin-top: 0px;

	margin-bottom: 8px;

}

.aligngauche {

	float: left;

	margin-right: 5px;

	padding-bottom: 5px;

}

.big {

	font-size: 14px;

	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

}

.noir {

	color: #000000;

}

.titrevignette {

	padding-left: 150px;

}

#voiraussi a.lien-noir{

	color: #000000;

}