@charset "utf-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
	border: 0px none;
	text-decoration: none;
	border-collapse: collapse;
}

html, body {
	background: #d3ddef;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

/****************************/
/*    STRUCTURE GENERALE    */
/****************************/
#pageGlobale {
	height: 100%;
	/*position:relative;
	left:0;
	top:0;*/
	min-width: 760px;
}

#contenuSite {
	width: 90%;
	min-height: 100%;
	margin: 0px auto;
	background: url(../img/bg_colGbleue.gif) repeat-y #f2f5fa 220px;
	/*float: left;*/
}


#degradeDroit {
	background: url(../img/bg_degD.gif) repeat-y 96% top;
	width: 90%;
	margin: 0 auto;
	max-width:1350px;
	min-width:960px;
}
#degradeGauche {
	background: url(../img/bg_degG.gif) repeat-y 4% top;
}


#page {
	height: 100%;
	overflow: hidden;
	clear: both;
	/*background: url(../img/bg_navigation.gif) repeat-x left 25px;*/
}



/****************************/
/*         BANDEAU          */
/****************************/
#bandeau {
	background: url(../img/bg_bandeau.jpg) no-repeat #FFFFFF;
	height: 155px;
	border-bottom: solid 1px #6960a3;
	min-width: 720px;
}
#bandeau h1 {
	float: left;
	width: 150px;
	height: 150px;
}
#bandeau h1 a {
	display: block;
	width: 150px;
	height: 150px;
}
#bandeau h1 span {
	display: none;
}

#bandeau form {
	float: right;
	margin: 10px;
	font-size: 0.8em;
	background: #fff;
}
#bandeau fieldset {
	background: #FFFFFF;
	border: solid 1px #FFFFFF;
	padding: 8px;
}
#bandeau legend {
	margin: 5px;
	color: #3333CC;
	font-weight: bold;
}
#bandeau label {
	display: none;
}
#bandeau input[type=text] {
	border: solid 1px #3333CC;
	margin: 3px 0px 0px 0px;
	padding: 2px;
}
#bandeau input[type=password] {
	border: solid 1px #3333CC;
	margin: 3px 0px 0px 0px;
	padding: 2px;
}
#bandeau input[type=submit] {
}
#bandeau form a {
	font-size: 0.8em;
	display: block;
	margin: 7px 0px 0px 0px;
}



/********************************************************************/
/*         colonne bleue - recherche - outils - actualites          */
/********************************************************************/
#colGbleue {
	float: left;
	width: 220px;
}

/****************************/
/*         ENCADRE          */
/****************************/
.encadre {
	background: url(../img/bg_encadre.gif) repeat-x;
	margin: 20px;
	overflow: hidden;
	clear: both;
}
/* propriétés communes à l'ensemble des 4 coins */
.coinHG, .coinHD, .coinBD, .coinBG,
.coinBGbleu, .coinBDbleu {
	height: 8px; width: 8px;
	background-repeat: no-repeat;
	font-size:1px; /* correction d'un bug IE */
}
.coinHG {
	float: left;
	background: url(../img/coinHgauche.gif) no-repeat;
}
.coinHD {
	float: right;
	background: url(../img/coinHdroit.gif) no-repeat right top;
}
.coinBG {
	width: 100%;
	background: url(../img/coinBgauche.gif) no-repeat;
}
.coinBD {
	float: right;
	background: url(../img/coinBdroit.gif) no-repeat right top;
}
.coinBGbleu {
	width: 100%;
	background: #39388b url(../img/coinBgaucheBleu.gif) no-repeat;
}
.coinBDbleu {
	float: right;
	background: url(../img/coinBdroitBleu.gif) no-repeat right top;
}
.encadre .txtencadre {
	overflow: hidden;
	clear: both;
	background-color: #FFFFFF;
	border-right: solid 1px #39388b;
	border-left: solid 1px #39388b;
}
.encadre .txtencadre h1 {
	color: #FFFFFF;
	font-size: 0.7em;
	font-weight: bold;
	display: inline;
	padding: 0px 15px 0px 5px;
	background: url(../img/coin_titre_cartouche.gif) no-repeat right top #39388b;
}
.encadre .txtencadre h4 {
	color: #636363;
	font-size: 0.9em;
	padding: 0px 15px 0px 5px;
}
.encadre .txtencadre h4 a {
	color: #636363;
	text-decoration: none;
}
.encadre .txtencadre h4 a:hover {
	text-decoration: underline;
}

.encadre ul {
	list-style: none;
}


/****************************/
/*         FORMULAIRES      */
/****************************/
#recherche form#q {
	margin: 5px;
	background: url(../img/loupe.gif) no-repeat 0px 5px;
}
#recherche label {
	display: none;
}
#recherche input.champ {
	border: solid 1px #999;
	font-size: 0.7em;
	min-width: 80px;
	width: 65%;
	margin: 0px 0px 0px 12%;
}
#recherche input.OK {
	background: #BBB;
	font-size: 0.7em;
	color: #FFF;
	border-bottom: solid 1px #999;
	border-right: solid 1px #999;
}


/****************************/
/*           OUTILS         */
/****************************/
#outils ul {
	background: url(../img/pic_logo.gif) no-repeat right bottom;
	margin: 5px;
}
#outils ul li {
	list-style: url(../img/px.gif) none;
}
#outils ul li a {
	color: #999;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	font-size: 0.7em;
	margin: 5px;
}
#outils ul li a:hover {
	text-decoration: underline;
}
#outils ul li a.doc {
	background: url(../img/pic_document.gif) no-repeat;
}
#outils ul li a.util {
	background: url(../img/pic_utilitaire.gif) no-repeat;
}
#outils ul li a.liens {
	background: url(../img/pic_liens.gif) no-repeat;
}


/****************************/
/*         ACTUALITES       */
/****************************/

#actus ins {
	display: block;
	text-decoration: none;
	font-size: 0.7em;
	color: #da2032;
	margin: 0px 5px 0px 5px
}
#actus h2 {
	display: block;
	color: #666;
	margin: 0px 5px 0px 5px;
	font-size: 0.9em;
	font-weight: normal;
}
#actus div#pager ul.content {
	min-height: 250px;
	height: auto !important;
	height: 250px;
}
#actus p {
	color: #000;
	margin: 0px 5px 0px 5px;
	font-size: 0.8em;
}
#actus hr.hrblc {
	border: none 0px #FFF;
	border-top: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
}
#actus hr {
	border: none 0;
	border-bottom: solid 1px #38378b;
	margin: 5px;
	margin: 0px 5px !ie;
}
#actus #nav {
	background: url(../img/pic_logo.gif) right bottom no-repeat;
	clear: both;
	overflow: hidden;
	height: 30px;
}
#actus div.retour {
	width: 42%;
	float: left;
	text-align: right;
	margin: 15px 0px 0px 0px;
}
#actus div.suivant {
	width: 42%;
	float: right;
	text-align: left;
	margin: 15px 0px 0px 0px;
}
#actus a#lienTTactus {
	background: #39388B url(../img/coin_titre_cartouche_D.gif) no-repeat scroll left top;
	color:#FFFFFF;
	font-size: 0.7em;
	font-weight: bold;
	padding: 0 5px 0 15px;
	width: 70%;
	float: right;
}

/********************************************************************/
/*              colonne blanche - contenu de la page                */
/********************************************************************/
#colDblc {	
	float: left;
	width: 63%;
	font-size:0.9em;
	margin-left: 55px;
}

/****************************/
/*         pied de page     */
/****************************/
#piedepage {
	margin: 5px 0px 0px 20px;
	border-top:2px solid #6A5EA2;
	clear:both;
	margin:5px 0 0 20px;
	padding:5px 0 0;
}
#piedepage #CDG {
	float: left;
	width: 20%;
	font-size: 0.8em;
}
#piedepage #autresRubs {
	float: right;
	width: 79%;
	text-align: right;
	font-size: 0.8em;
}
#piedepage a {
	text-decoration: none;
	color: #999;
}


/****************************/
/*         plan du site     */
/****************************/

#plan {margin:0 30px 0 0; padding:0;}
#plan ul,
#plan li {
list-style-type:square;
margin:0;
padding:0;
border:0;
color:#cccccc;
}
#plan li {border-bottom:solid #cccccc 1px; height:auto;}
#plan ul li h2,
#plan ul li h2 a,
#plan ul li a {
margin:0;
padding:0;
text-decoration:none;
border:0;
line-height:130%;
color:#39388B;
font-weight:bold;
}
#plan ul li {
margin:5px 0 0 0;
background-color:transparent;
}
#plan ul li ul li{
margin-left:15px;
background-color:transparent;
}
#plan ul li ul li ul li{
margin-left:15px;
background-color:transparent;
}
#plan ul li a,
#plan ul li h2 {
font-size:18px;
}
#plan ul li li a,
#plan ul li li h2 {
font-size:14px;
}
#plan ul li ul li ul li a,
#plan ul li ul li ul li h2 {
font-size:14px;
font-weight:normal;
}

/**********************************************/
/*         Formulaire Mot de passe oublie     */
/**********************************************/

#motdepasse form {
  margin-top: 100px;
  font-size: 0.8em;
}
#motdepasse fieldset {
	background: #FFFFFF;
	border: solid 1px #FFFFFF;
	padding: 8px; 
  margin:8px; 
}
#motdepasse legend {
	margin: 5px;
	color: #3333CC;
	font-weight: bold;
}

#motdepasse label {
	display: inline;
}
#motdepasse input[type=text] {
	border: solid 1px #3333CC;
	margin: 3px 0px 0px 0px;
	padding: 2px;
}
#motdepasse input[type=submit] {
  background:#BBBBBB none repeat scroll 0 0;
  border-bottom:1px solid #999999;
  border-right:1px solid #999999;
  color:#FFFFFF;
/*  float:left;*/
}