/* Ce fichier définit le style visuel pour les différents éléments des pages.
 * Dans l'ordre, vous trouverez les règles qui définissent l'apparence pour:
 * - Eléments HTML en général
 * - Page
 * - Entête
 * - Chemin
 * - Menu de gauche
 * - les styles particuliers pour la page d'accueil
 */


/* Eléments HTML en général
-------------------------------------------------------- */

body {
	padding: 0;
	margin: 0;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	font-size: 0.7em;
	background-image: url(images/fondBody.gif);
	background-repeat: repeat-y;
}

h1, h2, h3, h4{
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h1{
	font-size: 1.8em;
	margin: 0;
	padding: 0;
}
h2{
	font-size: 1.7em;
	margin: 0;
	padding: 0;
	color: #336699;
}
h3{
	font-size: 1.1em;
	margin: 0;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	text-align: left;
}

h4{
	font-size: 0.9em;
	color: #336699;
	margin: 0;
	padding: 0;
}

a {
	color: #336699;
	text-decoration: none;
}

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

a:hover {
	text-decoration: underline;
	color: #336699;
}

/* Page
-------------------------------------------------------- */

#wrapper {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
}

#subwrapper {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
}

#content {
	margin: 0;
	padding: 0;
}

#contenu {
	width:810px;
	margin-right: 0;
	margin-bottom: 0;
	position: absolute;
	left: 190px;
	top: 323px;
	padding: 0;
}

.titrePage {
	color: #336699;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-align: left;
	background-color: #DAE6F5;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-right: 5px;
}

#paragraphe {
	margin: 0;
	font-size: 1.1em;
	line-height: 1.4em;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: justify;
	min-height: 500px;	
}

#paragraphe img {
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	}

.titreParagraphe {
	background-image: url(images/puceBleu.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-left: 10px;
}

a.LIEN_enSavoirPlus:link {
	color: #336699;
	text-decoration: none;
	background-image: url(images/flecheBleu.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-left: 10px;
	font-weight: bold;
}

a.LIEN_enSavoirPlus:visited {
	color: #336699;
	text-decoration: none;
	background-image: url(images/flecheBleu.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-left: 10px;
}

a.LIEN_enSavoirPlus:hover {
	color: #336699;
	text-decoration: underline;
	background-image: url(images/flecheBleu.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
}

.imageFlottantGche {
	float: left;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 5px;
	clear: both;
}

.imageFlottantDroite {
	float: right;
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 15px;
}

/* Dans la même rubrique
-------------------------------------------------------- */

.contenuDansLaMemeRubrique {
	text-align: left;
	width: 800px;
	padding-left: 10px;
	background-color: #336699;
	background-image: url(images/footerSousTitrePage2.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	padding-bottom: 10px;
	line-height: 1.4em;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #7ba1c8;
	padding-top: 10px;
}

.DansLaMemeRubrique {
	text-align: left;
	width: 810px;
	margin-top: 20px;
	margin-bottom: 20px;
		font-size: 1.2em;

}

.titreDansLaMemeRubrique {
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
	width: 790px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	background-image: url(images/fondSousTitrePage.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size: 1.2em;
	padding-left: 20px;
}


a.LIEN_dansLaMemeRubrique:link {
	color: #707276;
	text-decoration: none;
	background-image: url(images/puceDansLaMemeRub.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-left: 10px;
}

a.LIEN_dansLaMemeRubrique:visited {
	color: #707276;
	text-decoration: none;
	background-image: url(images/puceDansLaMemeRub.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-left: 10px;
}

a.LIEN_dansLaMemeRubrique:hover {
	color: #336699;
	text-decoration: underline;
	background-image: url(images/puceDansLaMemeRub2.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-left: 10px;
}

/* Entête
-------------------------------------------------------- */

#entete {
	width: 1000px;
	margin: 0;
	padding: 0;
	color: #a5a5a5;
	position: absolute;
	left: 0px;
	top: 23px;
	font-size: 1.1em;
	height: 260px;
	background-image: url(images/fondEntete.jpg);
	background-position: 0px 0px;
}
#entete1 {
	width: 1000px;
	margin: 0;
	padding: 0;
	color: #a5a5a5;
	position: absolute;
	left: 0px;
	top: 23px;
	font-size: 1.1em;
	height: 260px;
	background-image: url(images/bandeau_1.jpg);
	background-position: 0px 0px;
}
#entete2 {
	width: 1000px;
	margin: 0;
	padding: 0;
	color: #a5a5a5;
	position: absolute;
	left: 0px;
	top: 23px;
	font-size: 1.1em;
	height: 260px;
	background-image: url(images/bandeau_2.jpg);
	background-position: 0px 0px;
}
#entete3 {
	width: 1000px;
	margin: 0;
	padding: 0;
	color: #a5a5a5;
	position: absolute;
	left: 0px;
	top: 23px;
	font-size: 1.1em;
	height: 260px;
	background-image: url(images/bandeau_3.jpg);
	background-position: 0px 0px;
}





#menuEntete {
	width: 1000px;
	margin: 0;
	padding: 0;
	color: #a5a5a5;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 1.1em;
	background-color: #e1e9eb;
	height: 22px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a3a3a3;
}

#EnteteNiveauSup {
	width: 1000px;
	margin: 0;
	padding: 0;
	color: #a5a5a5;
	position: absolute;
	left: 0px;
	top: 23px;
	font-size: 1.1em;
	height: 260px;
	z-index: 100;
	background-image: url(images/fondEnteteNiveauSup.png);
	background-repeat: no-repeat;
	background-position: 0px bottom;
}

.enteteBlocY {
	width: 170px;
	margin: 0;
	color: #FFFFFF;
	padding-top: 210px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	float: left;
}

.enteteBloc1 {
	width: 150px;
	margin: 0;
	color: #FFFFFF;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 210px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	text-align: right;
	float: left;
}

.enteteBloc2 {
	width: 225px;
	margin: 0;
	color: #000000;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 180px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	text-align: right;
	float: left;
	font-style: italic;
}

.enteteBloc3 {
	width: 220px;
	margin: 0;
	color: #FFFFFF;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 150px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	text-align: right;
	float: left;
}

a.enteteBloc1:hover, a.enteteBloc1:visited, a.enteteBloc1:link {
	color: #FFFFFF;
	text-decoration: none;
}

a.enteteBloc2:hover, a.enteteBloc2:visited, a.enteteBloc2:link {
	color: #000000;
	text-decoration: none;
}

a.enteteBloc3:hover, a.enteteBloc3:visited, a.enteteBloc3:link {
	color: #FFFFFF;
	text-decoration: none;
}

.logo {
	margin: 0;
	padding: 0;
	position: absolute;
	height: 85px;
	width: 180px;
	left: 0px;
	top: 0px;
}


/* Chemin
-------------------------------------------------------- */

#chemin {
	width:800px;
	color: #989898;
	font-size: 1em;
	margin: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	position: absolute;
	left: 190px;
	top: 283px;
	background-image: url(images/puceChemin.gif);
	background-repeat: no-repeat;
	background-position: 0px 13px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #a3a4a6;
}

a.LIEN_chemin:link {
	color: #989898;
	text-decoration: none;
}

a.LIEN_chemin:visited {
	color: #989898;
	text-decoration: none;
}

a.LIEN_chemin:hover {
	color: #989898;
	text-decoration: underline;
}


/* Pied de page
-------------------------------------------------------- */

#footer{
	width: 775px;
	float: left;
	color: #FFFFFF;
	font-size: 0.9em;
	padding-top: 20px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #003366;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

a.LIEN_footer:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_footer:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_footer:hover {
	color: #996600;
	text-decoration: underline;
	font-weight: bold;
}

/* Divers éléments de formulaires
-------------------------------------------------------- */

.zoneDeSaisie {
	color: #666666;
	font-weight: bold;
	font-size: 0.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #979b9c;
	margin-left: 10px;
}

.Recherche{
	color: #276e80;
	text-decoration: none;
	font-weight: bold;
	background-image: url(images/iconeLoupe.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 30px;
	float: right;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
}

/* Menu général
-------------------------------------------------------- */

#menuGeneral {
	width:175px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
	position: absolute;
	left: 0px;
	top: 283px;
	/*background-image: url(images/logoMaisonInnovation.gif);
	background-repeat: no-repeat;
	background-position: center top;*/
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}


dl, dt, dd, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu {
	position: relative;
	padding: 0;
	margin: 0;
}

dl#menu {
	width: 175px;
}


dl#menu dt {
	cursor: pointer;
}
dl#menu dt .on {
	color: #96ab00;
	background-color: #FFFFFF;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	overflow: hidden;
	zoom: 1;
	margin: 0;
}
dl#menu dt a {
	font-size: 1.2em;
	color: #336699;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	overflow: hidden;
	zoom: 1;
	margin: 0;
}

d#menu dt a:hover {
	color: #336699;
	background-color: #b4cce9;
}
dl#menu dd {
}

dl#menu li {
}

dl#menu li a {
	font-size: 1.1em;
	color: #336699;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin:0;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow: hidden;
	zoom: 1;
}

dl#menu li a:hover {
	color: #336699;
	background-color: #b4cce9;
}

dl#menu li .on {
	color: #96ab00;
	background-color: #FFFFFF;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin:0;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow: hidden;
	zoom: 1;
}

/* Boutons du haut
-------------------------------------------------------- */
.BTtop {
	color: #276e80;
	text-decoration: none;
	font-weight: bold;
	padding-left: 0px;
	float: left;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
}
.BTagenda {
	color: #276e80;
	text-decoration: none;
	font-weight: bold;
	background-image: url(images/iconeAgenda.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 20px;
	float: left;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
}

.BTmagazine {
	color: #276e80;
	text-decoration: none;
	font-weight: bold;
	background-image: url(images/iconeMag.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 20px;
	float: left;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
}

.BTquiz {
	color: #276e80;
	text-decoration: none;
	font-weight: bold;
	background-image: url(images/iconeQuiz.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 20px;
	float: left;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
}

.BTappels {
	color: #276e80;
	text-decoration: none;
	font-weight: bold;
	background-image: url(images/iconeAppelDOffres.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 20px;
	float: left;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
}

.BTportail {
	color: #276e80;
	text-decoration: none;
	font-weight: bold;
	background-image: url(images/iconePortail.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 20px;
	float: left;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
}

.BTaides{
	color: #276e80;
	text-decoration: none;
	font-weight: bold;
	background-image: url(images/iconeAidesFinancieres.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 20px;
	float: left;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
}

a.LIEN_BoutonHaut:link {
	color: #276e80;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_BoutonHaut:visited {
	color: #767a7d;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_BoutonHaut:hover {
	color: #767a7d;
	text-decoration: underline;
	font-weight: bold;
}

/* les styles particuliers pour la page d'accueil
-------------------------------------------------------- */

.paragrapheIndex {
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: justify;
	width: 475px;
	float:left;
}
.chapoUne {
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0;
	font-size: 1.1em;
	font-style: italic;
}

.Expo {
	text-align: left;
	width: 810px;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
	font-size: 1.2em;
}

.contenuExpo {
	text-align: left;
	width: 800px;
	padding-left: 10px;
	background-color: #96c102;
	background-image: url(images/footerExpo.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	padding-bottom: 10px;
	line-height: 1.4em;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #EBC8CA;
	padding-top: 10px;
}

.titreExpo {
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
	width: 790px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	background-image: url(images/fondExpo.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size: 1.3em;
	padding-left: 20px;
}


a.LIEN_Expo:link {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(images/puceDansLaMemeRub.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-left: 10px;
}

a.LIEN_Expo:visited {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(images/puceDansLaMemeRub.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-left: 10px;
}

a.LIEN_Expo:hover {
	color: #FFFFFF;
	text-decoration: underline;
	background-image: url(images/puceDansLaMemeRub.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-left: 10px;
}

.date {
	color: #000000;
	text-decoration: none;
	background-image: url(images/puceRouge.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-left: 10px;
	font-weight: bold;
	margin-top: 10px;
}

.titreRDV {
	color: #da1f00;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-align: left;
	background-color: #ffcfcd;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-right: 5px;
	font-size: 1.7em;
}

a.LIEN_News:link {
	color: #DA1F00;
	text-decoration: none;
	background-image: url(images/petiteFlecheRouge.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-left: 10px;
}

a.LIEN_News:visited {
	color: #DA1F00;
	text-decoration: none;
	background-image: url(images/puceDansLaMemeRub.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-left: 10px;
}

a.LIEN_News:hover {
	color: #DA1F00;
	text-decoration: underline;
	background-image: url(images/petiteFlecheRouge.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-left: 10px;
}