/* CSS principal */

* { margin:0; padding:0; }

body {	
	font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 0.92em; color: #000;
	text-align: center;
	background: #252E65 url(../img/interface/body-bg.gif) no-repeat top center;
}


/* Squellette de l'interface */
#contentHeader { text-align: left; width: 790px; height: 125px; margin: 0 auto; clear: both; }
#contentHeaderLogo a { width: 1px; height: 1px; display: block; text-indent: -1000px; overflow: hidden; }
#contentHeaderMenu { width: 35em; height: 45px;  margin: 78px 0 0 28px; padding-left: 5px; }
#contentFooter { margin: 0 auto; clear: both; width: 790px; }

/* Design du menu */
#contentHeaderMenu {
	text-align: center;
	background: url(../img/interface/contentHeaderMenu-bg-01.gif) repeat-x bottom left;
}
#contentHeaderMenu ul {
	display: inline;
	list-style-type: none;
	font-size: 90%;
	}
#contentHeaderMenu li { float: left; }
#contentHeaderMenu a:link, #contentHeaderMenu a:visited, #contentHeaderMenu a:active {
	display: block; margin: 0 0 0 1px; height: 28px; padding: 17px 0 0 0;
	text-decoration: none;
	background: url(../img/interface/contentHeaderMenu-bg-03.gif) repeat-x bottom left;
	color: #000;
}
#contentHeaderMenu a:link.active, #contentHeaderMenu a:visited.active, #contentHeaderMenu a:active.active
									{ color: #fff; background: url(../img/interface/contentHeaderMenu-bg-02.gif) repeat-x bottom left; }
#contentHeaderMenu a:hover.active 	{ color: #fff; background: url(../img/interface/contentHeaderMenu-bg-02.gif) repeat-x bottom left; }
#contentHeaderMenu a:hover { font-weight: bold; background: url(../img/interface/contentHeaderMenu-bg-04.gif) repeat-x bottom left; }

#menuHome 	{ width: 5.5em;}
#menuWho 	{ width: 11em;}
#menuWhat 	{ width: 7em;}
#menuWhere 	{ width: 9em;}
#menuLg 	{ width: 6em;}

#contentHeaderMenu #menuLg a:link, #contentHeaderMenu #menuLg a:visited, #contentHeaderMenu #menuLg a:active, #contentHeaderMenu #menuLg a:hover
	{ color: #ccc; font-weight: normal; cursor: default;  }

/* Design de la bannière */
#contentBannerBody {
background: #30396D; text-align: center; }

/* Design de la colonne de droite */
#contentTextMenu { text-align: left; clear: both; }
#contentTextMenu form { padding: 0.5em 0 0 0; }
#contentTextMenu form fieldset { border: none; width: 80%; margin: 0 auto; }
#contentTextMenu form legend {
	display: block; text-indent: -10000px; overflow: hidden;
	height: 1px; width: 1px; float: left; }
#contentTextMenu form label { color: #000; font-weight: bold; font-size: 80%;}
#contentTextMenu form .searchField {
	width: 70%;
	border: 1px solid #252E65;
	height: 20px;
	padding: 2px 0 0 0.5em;
}

fieldset label {display: block;}

#contentTextMenu form .searchButton {
	width: 20%;
	border: 2px solid #252E65;
	background: #252E65; color: #fff;
	font-size: 60%;
	padding: 3px 0 4px 0;
}
#contentTextMenu ul {
	padding: 1em 1.5em 2em 1.2em;
	background: url(../img/interface/contentText-bg-04.gif) no-repeat bottom left;
}
#contentTextMenu #finDeLaColonne { padding-bottom: 3em; background: url(../img/interface/contentText-bg-04.gif) no-repeat bottom left; }
#contentTextMenu li {
	margin: 0.25em 0;
	list-style-type: none;
	font-size: 90%; font-weight: bold;
}
* html #contentTextMenu { margin: 0;}
#contentTextMenu li a {
	display: block;
	padding: 0.45em 0.5em;
	color: #000;
	text-decoration: none;
	border: 1px solid #D7E131;
	background: url(../img/interface/contentText-bg-10.gif) repeat-x bottom center;
}
#contentTextMenu li a:hover {
	color: #252E65;
	background: url(../img/interface/contentText-bg-11.gif) no-repeat bottom right;
}

/* Design du contenu */
#contentTextBody { text-align: left; }
#contentText {
	font-size: 90%;
	line-height: 145%;
	background: url(../img/interface/contentText-bg-01.gif) repeat-x left top; }
#contentText h1 {
	margin: 1.5em 0 1em 1.15em;
	font-size: 175%;
	color: #252E65;
	letter-spacing: 0.1em;
	font-weight: normal;
}
#contentText h2 {
	font-size: 120%;
	margin: 3em 1em 0 1.6em; background: #D7E131; }
#contentText h2 span, #contentText h3 span, #contentText h4 span, #contentText h5 span
	{ background: #fff; padding: 0.25em 1em 0.25em 0; }
#contentText h2.contacts { clear: left; margin-top: 3em; }
#contentText h3 {
	clear: both;
	font-size: 105%;
	margin: 1em 0 0 1.7em;
	}
#contentText h3.contacts { margin: 1em 0 0 1.7em; width: 92%; clear: both; }
#contentText h4 { font-size: 105%; margin: 1em 0 0 1.9em; background: #f7f7f7; }
#contentText h5 { font-size: 105%; margin: 1em 0 0 1.9em; background: #f7f7f7; }

#contentText ul { margin: 1em 1em 1em 2em; }
#contentText li {
	list-style-type: none;
	margin: 0.2em 0; padding: 0.1em 1em 0.1em 2.5em;
	background: #f7f7f7 url(../img/interface/bullet-default.gif) no-repeat left top;
}
#contentText li.liEmphase { background: #FBF5C6 url(../img/interface/bullet-light.gif) no-repeat left top; }
#contentText p { margin: 1em 1em 1em 2em; }

#contentText a:link { color: #252E65; background: none; text-decoration: underline; }
#contentText a:visited { color: #252E65; background: none; text-decoration: underline; }
#contentText a:active { color: #252E65; background: none; }
#contentText a:hover { text-decoration: underline; color: #000;}


#contentText img {
	padding: 0.2em;
	}
#contentText img.imgLeft { float: left; margin: 1em 1.5em 1em 0; border: 1px solid #252E65; border-right: 5px solid #252E65; }
#contentText img.imgRight { float: right; margin: 1em 0 1em 1.5em; border: 1px solid #252E65; border-right: 5px solid #252E65; }

#contentText .phone { float: left; clear: left;  width: 25%; margin: 0 0 1em 2em;	padding: 8px 0 2px 35px; background: url("../img/icone-phone.gif") no-repeat top left; white-space: nowrap;}
#contentText .email { float: left; clear: right; width: 30%; margin: 0 0 1em 0;	padding: 8px 0 2px 35px; background: url("../img/icone-internet.gif") no-repeat top left; }
* html #contentText .phone { margin: 0 0 1em 1em; }

hr { height: 1px; border: 1px solid #fff; }
.hidden { display: none; }
.strongest { color: #252E65; font-size: 115%; }

#blockRight { font-size: 95%; width: 15em; margin: 0.5em 1em 1em 1em; padding: 1em; border: 1px solid #ccc; float: right;}
#blockRight h2 { font-size: 105%; background: #fff; margin: 0; }
#blockRight ul { background: none; padding: 0; margin: 0;}
#blockRight li { background: none; padding: 0; margin: 0.25em 0 0.25em 1em;  list-style-type: disc;}

/* CSS de la page recherche
-------------------------------------------------------- */
.b { font-weight: bold; color: #252E65; background: #f7f7f7; padding: 0 0.4em 0 0; margin: 0 0 0 0.35em; }


/* Formulaires
-------------------------------------------------------- */
#contentText form {
	width:87%;
	padding: 1em;
	margin: 1em 0 0 2em;
	background: #f7f7f7;
	border-top: 5px solid #ccc;
	}

#contentText form label  {
	cursor:pointer;
	display:block;
	width:20em;
	margin-top:1em;
	color:#000;
	font-weight:bold;
	}

#contentText form input, #contentText form select, #contentText form textarea {
	margin-top:0.3em;
	border: 1px solid #252E65;
	padding: 0.15em;
	width: 34em;
	}
#contentText form select {
	width: 34.75em;
}
#contentText form textarea {
	font-family: Arial,'bitstream vera sans','lucida grande',helvetica,sans-serif;
	height: 15em;
	width: 33.5em;
	font-size: 100%;
	}

#contentText form .formButton {
	width: 7em; padding: 0 0 0 0; height: 2em;
	border: 2px solid #252E65;
	background: #252E65; color: #fff;
	font-size: 100%;
	color:#fff;
	cursor:pointer;
	}

div#validationerror { width: 92%; margin-left: 1.7em; padding: 6px 8px; color: #e11;}
div#validationerror h3 { font-size: 100%; margin: 0 0 5px 0; color: #e11; }
div#validationerror p { margin: 0 0 5px 0; padding:0; }
div#validationerror ul { margin: 0 0 5px 0; padding-left: 30px; }
input:focus, input:active, a:focus, a:active, select:focus, select:active { background-color:#FFEA84; }

/* Design du bas de page */
#contentFooter {
	font-size: 80%;
	text-align: left;
	padding-top: 30px; margin-bottom: 2em;
	background: url(../img/interface/contentFooter-bg-01.gif) no-repeat top center;
}
#contentFooter address {
	font-style: normal;
	padding: 0 0 1.5em 4.5em; margin: 0 0 0 0;
	background: url(../img/interface/contentFooter-bg-01.gif) no-repeat bottom center;
}
#contentFooter ul {
	padding: 0.25em 0 3.75em 3em;
	background: #000 url(../img/interface/contentFooter-bg-02.gif) no-repeat bottom center;
	}
#contentFooter li {
	display: block;
	float: left;
	margin: 0 0.5em 0 ;
}
#contentFooter a:link { color: #252E65; background: none; text-decoration: underline; }
#contentFooter a:visited { color: #252E65; background: none; text-decoration: underline; }
#contentFooter a:active { color: #252E65; background: none; }
#contentFooter a:hover { text-decoration: underline; color: #000;}