@import url(styles-reset.css);
@import url(SpryMenuBarVertical.css);
body {
	background: #1d2241 url(../images/bg.jpg) repeat-x;
}
/*
	Styles de base 
*/

h1 {
	color: #333;
	font-size: 21px;
	letter-spacing: 0.03em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.1em;
}
h1#semanticTitle {
	display: none;
}
h2 {
	color: #771302;
	font-size: 13px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
h2.soustitre {
	color: #971302;
	font-size: 12px;
	margin: -15px 0 0 0;
	padding: 0;
	letter-spacing: 0.1em;
}
h3 {
	color: #533;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
hr {
	height: 1px;
	border: none;
	border-bottom: 1px solid #175ca1;
}
a:link {
	color: #1c4281;
    font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;	
}
a:visited {
	color: #204271;
    font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;	
}
a:hover, a:focus, a:active {
	color: #3e76b7;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
/*
	Disposition de la page 
*/
#conteneur {
	margin-left: auto;
	margin-right: auto;
	width: 737px;
	background: white url(../images/midBg.gif) repeat-y;
}
#conteneur #entete {
	background: url(../images/entete.jpg) no-repeat;
	margin-left: 2px;
	width: 733px;
	height: 141px;
}
#conteneur #entete a {
	display: block;
	width: 733px;
	height: 141px;
}
#conteneur #entetejournal {
	background: url(../images/entete_journal.jpg) no-repeat;
	margin-left: 2px;
	width: 733px;
	height: 141px;
}
#conteneur #entetejournal a {
	display: block;
	width: 733px;
	height: 141px;
}
#conteneur #menuHaut {
	margin-left: 200px;
}
#conteneur #main {
	background: white url(../images/menuGaucheBg.jpg) repeat-y;
	margin-left: 2px;
	width: 733px;
}
/*
	Menu de gauche 
*/
#conteneur #menuGauche {
	width: 190px;
	z-index:1000;
	font-size:90%;
}
#conteneur #menuGauche #menuGaucheTop {
	width: 190px;
	height: 15px;
	background-image: url(../images/menuGaucheTop.jpg);
	background-repeat: no-repeat;
}
#conteneur #menuGauche ul {
	list-style: none;
	padding: 0;
}
#conteneur #menuGauche a.niv1 {
	display: block;
	padding: 9px 0 3px 17px;
	background-position: 17px 9px;
	text-indent: -5000px;
	background-repeat: no-repeat;
	width: 173px;
	height: 15px;
}
#conteneur #menuGauche a.niv1:hover {
	background-position: 17px -16px;
}
#conteneur #menuGauche a.niv1#renseignements {
	background-image: url(../images/mnuRenseignements.gif);
}
#conteneur #menuGauche a.niv1#organisation {
	background-image: url(../images/mnuOrganisation.gif);
}
#conteneur #menuGauche a.niv1#ressources {
	background-image: url(../images/mnuRessources.gif);
}
#conteneur #menuGauche a.niv1#vie {
	background-image: url(../images/mnuVie.gif);
}
#conteneur #menuGauche a.niv1#accueil_echo {
	background-image: url(../images/mnuAccueil_echo.gif);
}
#conteneur #menuGauche a.niv1#nouvelle {
	background-image: url(../images/mnuNouvelle.gif);
}
#conteneur #menuGauche a.niv1#echo_actuel {
	background-image: url(../images/mnuEcho_actuel.gif);
}
#conteneur #menuGauche a.niv1#archives {
	background-image: url(../images/mnuArchives.gif);
}
#conteneur #menuGauche a.niv1#Vingtans {
	background-image: url(../images/mnuVingtans.jpg);
}
/*
	Zone de texte 
*/	
#conteneur #texte {
	float: right;
	width: 435px;
	padding-right: 77px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: black;
	margin-top: 28px;
	margin-bottom: 20px;
}
*> #conteneur #texte {
	margin-bottom: 45px;
 !margin-bottom: 20px;
}
#conteneur #bas {
	clear: both;
	display: block;
	background: url(../images/bgBas.gif) no-repeat;
	color: #757575;
	width: 733px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 60px;
	height: 60px;
	padding-bottom: 5px;
}
#conteneur #bas a {
	display: block;
	float: left;
	margin-right: 42px;
	width: 180px;
	text-indent: -5000px;
}
*> #conteneur #bas a {
	margin-top: -6px;
	height: 60px;
}
a.document {
	display: block;
	margin: 0 0 10px 0;
	text-decoration: none;
	color: #333;
	background-color: #dadfe5;
	padding: 6px;
	font-weight: bold;
}
a.document img {
	border: black 1px solid;
	margin-right: 10px;
}
a.document p {
	display: inline;
}
a.document:hover {
	background-color: #eaeff5;
}
img.alignRight {
	margin-top: 5px;
	float: right;
}
table.bordure {
	border:1px solid black;
	font-size:80%;
}
table.bordure td {
	border:1px solid black;
	padding-bottom:1px;
	padding-left:1px;
	padding-right:1px;
	padding-top:1px;
}
table.fondCouleur {
	background-color: #fef7d3;
}
table.fondCouleur tr td {
	padding: 2px;
	border: #dcc58f 1px solid;
}
div.submenu {
	font-weight: bold;
	background-color: #fef7d3;
	padding: 2px 4px 3px 6px;
	border: #dcc58f 1px solid;
}
div.submenu a {
	font-weight: normal;
}
div.submenu ul {
	padding: 3px 0 4px 18px;
	margin: 0;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.clearBoth {
	clear: both;
}
p.imgFond {
	display: block;
	background: url(../images/bgPhoto.gif) repeat-x 0 40px;
	margin-left: -30px;
	padding-left: 26px;
	margin-right: -75px;
}
p.imgFond {
 !margin-left: -30px;
 !padding-left: 14px;
 !margin-right: -75px;
}
p.imgFond img {
	border: 4px white solid;
}
#accueil p.imgFond img { /* Les photos sont plus petites sur l'accueil */
	margin-top: 18px;
}

/** MOTEUR DE RECHERCHE PERSONNALISÉ GOOGLE */
/**
 * Default theme
 *
 */
/* Slight reset to make the preview have ample padding. */
.cse .gsc-control-cse,
.gsc-control-cse {
  padding: 2%;
  width: 96%;
}
.cse .gsc-branding,
.gsc-branding {
  display: none;
}
.cse .gsc-control-cse div,
.gsc-control-cse div {
  position: normal;
}
/* Selector for entire element. */
.cse .gsc-control-cse,
.gsc-control-cse {
  background-color: #ffffff;
  border: 1px solid;
  border-color: #ffffff;
}
.cse .gsc-control-cse:after,
.gsc-control-cse:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.cse .gsc-resultsHeader,
.gsc-resultsHeader {
  border:none;
}
/* Search button */
.cse input.gsc-search-button,
input.gsc-search-button {
  font-family: inherit;
  color: #000000;
  text-shadow: 0 1px 2px #FFFFFF;
  background-color: #CECECE;
  border: 1px outset;
  border-color: #666666;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
/* Inactive tab */
.cse .gsc-tabHeader.gsc-tabhInactive,
.gsc-tabHeader.gsc-tabhInactive {
  border-bottom: none;
  color: #666666;
  background-color: #e9e9e9;
  border: 1px solid;
  border-color: #e9e9e9;
  border-bottom: none;
}
/* Active tab */
.cse .gsc-tabHeader.gsc-tabhActive,
.gsc-tabHeader.gsc-tabhActive {
  background-color: #FFFFFF;
  border: 1px solid;
  border-top: 2px solid;
  border-color: #e9e9e9;
  border-top-color: #FF9900;
  border-bottom: none;
}
/* This is the tab bar bottom border. */
.cse .gsc-tabsArea,
.gsc-tabsArea {
  margin-top: 1em;
  border-bottom: 1px solid #e9e9e9;
}
/* Inner wrapper for a result */
.cse .gsc-webResult.gsc-result,
.gsc-webResult.gsc-result {
  padding: .25em;
  border: 1px solid;
  border-color: #ffffff;
  margin-bottom: 1em;
}
/* Result hover event styling */
.cse .gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result:hover {
  border: 1px solid;
  border-color: #FFFFFF;
}
/*Promotion Settings*/
/* The entire promo */
.cse .gs-promotion.gs-result,
.gs-promotion.gs-result {
  background-color: #FFFFFF;
  border: 1px solid;
  border-color: #336699;
}
/* Promotion image */
.cse .gs-promotion.gs-result .gs-promotion-image,
.gs-promotion.gs-result .gs-promotion-image {}
/* Promotion title */
.cse .gs-promotion.gs-result a.gs-title:link,
.gs-promotion.gs-result a.gs-title:link {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:visited,
.gs-promotion.gs-result a.gs-title:visited {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:hover,
.gs-promotion.gs-result a.gs-title:hover {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:active,
.gs-promotion.gs-result a.gs-title:active {
  color: #0000CC;
}
/* Promotion snippet */
.cse .gs-promotion.gs-result .gs-snippet,
.gs-promotion.gs-result .gs-snippet {
  color: #000000;
}
/* Promotion url */
.cse .gs-promotion.gs-result ..gs-visibleUrl,
.gs-promotion.gs-result .gs-visibleUrl {
  color: #008000;
}
/* Style for auto-completion table
 * .gsc-completion-selected : styling for a suggested query which the user has moused-over
 * .gsc-completion-container : styling for the table which contains the completions
 */
.gsc-completion-selected {
  background: #D5E2FF;
}
.gsc-completion-container {
  font-family: Arial, sans-serif;
  font-size: 13px;
  position: absolute;
  background: white;
  border: 1px solid #666666;
  margin-left: 0;
  margin-right: 0;
  /* The top, left, and width are set in JavaScript. */
}