/* CSS Document */

* { padding:0; margin:0; }
			
body {font: 12pt "Times New Roman", Times, serif; background: white; padding: 0 10px;}	
		
#conteneur {width: auto; margin: 0 5%;	padding: 0;	border: 0;	float: none !important;	color: black; background: transparent;}

html>body #conteneur {height: auto;}
 
div#pied, div#mach_cach { display: none;}
div#contPied {display: none; }
div#pied p {padding: 3px 0; background: url(../im4/piedMilieu.gif) repeat-x;}

div#enTete, form#rechRap, div#navigPerso { display: none;} 


div#colonne1 {display: block; }
div#colonne1 p.fg{ font-size:.7em; }

div#colonne2 { display:block;}
a.infobulle span{display: none}
div#colonne3 { display: none; }

div#navig { display: none;}

/* content boxes */

/*.cbg {display: inline; clear: both; display: none;}*/
.cbg h2 {color:#224568; /*border: solid 1px #000000;*/ background-color:#e9f0f7; font-size: 12pt;}
.cbg h2.hautGauche { /*height: 33px; line-height: 2.5em; background: url(../im4/cbGHTitreB2.gif) no-repeat;*/ }
.cbg label {text-align:left; display:block; margin-left: 15px; color:#224568;}
.cbg .mem { display:inline; margin-left: 0; margin-top: 5px; }
.cbg h4 { padding: 0 4px 5px 8px; text-align: center; font-size: .7em;}


.cbg ul, .cbd ul, ul.listeMilieu  {list-style-type: none; font-size: .7em; margin-left: 9px; }
.cbd ul  {/*margin: 0 5px;  margin: 0;*/ }
.cbg li, .cbd li, ul.listeMilieu li  {padding-bottom: 5px; }

.cbg li a, .cbd li a , ul.listeMilieu li a { padding-left: 11px; text-decoration:none; color:#346ba2; background: url(../im4/flecheFW.png) no-repeat top left !important; background: url(../im4/fleche.png) no-repeat top left; }

ul.listeMilieu li a.gras, ul.listeMilieu li a:hover.gras {font-weight: bold; margin: 0; padding-left: 0; background: none !important; }

.cbg li.centree {text-align: center; padding-top: 10px;}
.cbg li.centree a, .cbg li.centree a:hover {  font-weight: bold; background: none !important; padding-left: 0;  }
.cbg li a:hover, .cbd li a:hover, ul.listeMilieu li a:hover { margin-left:5px; text-decoration:none; border-bottom: #224568 dashed 1px; color:#224568; background: url(../im4/flecheHoverFW.png) no-repeat top left !important; background: url(../im4/flecheHover.png) no-repeat top left; }
ul.listeMilieu li a:hover { margin-left: 0;}
.cbg .cont { /*padding: 0 5px 5px 10px;*/ font-size: 12pt;}
.cbg .cont h6 { float: left; font-size: 12pt; font-weight: normal; }
.cbg .cont h4 {font-size: 13pt;  text-align: left; padding-top: 5px; clear: left;}
.cbg h5 {/*font-size: .7em; font-weight: normal;*/}

.basCd {background: url(../im4/cbDbas.gif) top left no-repeat; width: 191px; height: 5px;}
/* fin content boxes */

/* boutons */
div.bto {display: none;}


/*divers */
p a, form#ident a, h5.rechForm a, div#resultat h6 a {font-weight: normal; text-decoration:none; color: #000000;}
 .cbga, div#pied a {font-weight: normal; float: left; text-decoration:none; color: #000000; margin-left: 5pt; }
p a:hover, form#ident a:hover, h5.rechForm a:hover, div#resultat h6 a:hover, div#pied a:hover  { color: #224568; border-bottom: none; }
.rouge {font-size: .8em; color:#FF0000; font-weight:bold;}
.pt{font-size: .6em;}
.ptg {font-size: .6em; font-weight: bold;}
.surl {font-weight: bold; background-color:#FFFF00;}
#ct {padding-left: 50px;}
div#tipDiv { position:absolute; visibility:hidden; left:0; top:0; z-index:10000; background-color:#dee7f7; border:1px solid #336; width:500px; padding:4px; color:#000; font-size:11px; line-height:1.2; }
h5.rechForm { background:#c1d6eb url(../im4/loupe.png) no-repeat top left; color: #346ba2; padding-left: 42px; height: 30px; line-height: 30px; border: #c1d6eb solid 1px; margin-left: 10px; margin-top: 10px;}
ul.listeMilieu {font-size: .8em;}
h3.rechForm { background:#c1d6eb;}
h4.formDom {margin: 7px 0;}
#colonne2 h6, h2.hautGauche {clear: left;	font-size: 11pt; color: #666666; margin-bottom: 1pt; font-family: Arial, Helvetica, sans-serif;	background-color: #E1E1E1;	padding-top: 3px;padding-bottom: 3px;padding-left: 5px;	font-weight: bold;}
h5.maj {text-align: center; font-style:italic; font-weight: normal; }

/*news*/ 
div#news { margin-top: 1em; }
div#news h2, div#colonne2 h2{ font: 900 italic 1.8em Georgia, "Times New Roman", Times, serif; color: #346ba2; /*background-color:#dbe6f1;*/ border-bottom: dashed 1px #dbe6f1 ; }
div#colonne2 h1.df {font-size: 13pt; font-weight: bold;	font-variant: small-caps; text-align: center; padding: 7px;	border: solid #000099 1.5pt; background-color: #999999;	color: #000000;	display: block;	margin-bottom: 4pt;}
div#news .new {background: url(../im4/diago.png) repeat; margin-bottom: 1em ; padding-bottom: .3em; }
div#news h3{ font-weight: normal; font-size: .7em;   padding: .3em .8em; border-bottom: dashed 1px #608fbf } 
div#news h1{font-weight: bold; font-size: .85em; text-align:center; margin: .8em 0; color:#508fc0;} 
div#news p{padding: 0 .8em; line-height: 1.3em;}

/*formulaires*/
div#formul {background: url(../im4/diago.png) repeat;  margin-top: 1em; padding: 0 5% 33px;}
div#formul h2 {color:#0A3D64; font-size: .8em; height: 33px; position:relative; left:-5%;}
div#formul form { border:1px dashed #608fbf;}
div#formul div.champ {border-bottom:1px dashed #608fbf; padding: 7px 0;}
div#formul div.champ div.rb { display: inline;}
div#formul div.champ div.rb label, div#formul div.champ div.rb input {float:none; font-style:normal;}
div#formul form label{ width: 110px; float:left; font-size:.75em; margin: 0 4px; font-style:italic; height: 25px;}
* html div#formul form {height: 1%;} 
div#formul div.bt {text-align: center; padding: 7px 0;}
div#formul h4 { font-weight: bold; font-variant:small-caps; font-size: .7em; color:#764394;}

/*espace perso*/
div.cadreManip { float:left; width: 47.5%; margin-right: 1%; margin-bottom: 5px;}
div.cadreManip .cadreCont {border: 1px dashed #5a92c7; height: 400px; overflow: auto;}
div.cadreManip ul {list-style-type: none; font-size: .7em; margin-left: 5px; }
div.cadreManip ul .tsd {margin: 3px 0; font-size: 1.2em; padding-bottom: 2px; border-bottom: 1px solid; font-weight: bold;}
div.cadreManip h4 { color:#0A3D64; font-weight:normal; background-color:#B5CEE6; padding: .2em; font-size: .9em;}
div.cadreManip li { margin-bottom: .5em;}
div.cadreManip li a {text-decoration:none; color:#1e5e9c; }
div.cadreManip li a:hover {text-decoration: underline overline; color:#0A3D64; }
* html #manip {height: 1%;} 

div.mesForm {/*border: 1px solid #333333; border-bottom: none;*/ }
div.mesForm h6 { margin: 2px 0; padding: 5px 0; background-color:#e9f0f7;}
/*div.mesForm h1 { font-weight: bold; color:#000000; font-size: .8em; margin: 5px 0; }*/
div.mesForm h1 a {color:#224568; text-decoration: none; font-style: normal; text-align: left; }
div.mesForm h2 { text-align: center; color:#608fbf; font-size: .7em; border-bottom: 1px dashed #608fbf;}
div.mesForm h3, div.mesForm h4 {font-size: .65em; }
div.mesForm h4 {margin-bottom: 5px;}

/*recherche par nom*/
form#rechNom {text-align: center; margin-top: 5%;}

/*recherche multi */
form#multi {padding: 1%;}
form#multi select, form#multi input { margin: 0 0 2% 2%;  color:#0A3D64}
form#multi select {font: .7em Verdana, Arial, Helvetica, sans-serif;}
form#multi div.hg, form#multi div.hd {float: left;  padding-bottom: 2%;}
form#multi div.hd {width: 53%; border-left: 2px dashed #5a92c7; padding-left: 3%;}
form#multi div.hg {margin-top: 1em; width: 40%; border-left: 0;}
form#multi label {display: block; font-size:.75em;}
form#multi div.bas {width: 100%; border-top: 2px dashed #5a92c7; padding-top: 2%; margin-bottom: 15px; float:left;}
form#multi div.basp {float: left; margin-right: 10px;}
form#multi div.btn {clear:left; text-align: center; margin: 0 auto;}

/*r�sultat*/
div#contResultat { position:relative;margin: 0 1%; background: url(../im4/diago.png) repeat; font-size: .8em;}
div#contResultat .hg{position: absolute; top: 0; left: 0;}
div#contResultat .hd {position: absolute; top: 0; right: 0;}
h4.res  {text-align: center; font-size: .8em; margin-top: .8em; font-weight: normal; display:block;}

div#resultat ul {margin-left: 5px; list-style-type: none; clear: left;}
div#resultat li a { text-decoration:none; color:#346ba2; background: url(../im4/flecheFW.png) no-repeat top left !important; background: url(../im4/fleche.png) no-repeat top left; padding-left: 14px; margin-left: 10px;  }
div#resultat li a:hover { text-decoration:none; border-bottom: #224568 dashed 1px; color:#224568; background: url(../im4/flecheHoverFW.png) no-repeat top left !important; background: url(../im4/flecheHover.png) no-repeat top left;  margin-left: 15px; }
div#resultat li.org {margin-bottom: 1em; font-size: .85em; }
div#resultat h6 { margin-bottom: 5px; font-style:normal;text-align: left; width: 20%; float: left;  background-color: #c1d6eb;  padding: 2px 0; }
div#resultat h6 a {border-bottom:none; }
div#resultat h6.droit {text-align: right; }
div#resultat h6.milieu {text-align: center; width: 60%;}
div#resultat .clea {clear: left;}

/*orga*/

/*div.orgar {background-color:#00CC66;}*/
div.orgar ul {list-style-type: none; float: left;} 
div.orgar li {float: left; margin: .2em;}
div.orgar li a {  background-color:#EBF1F7; text-decoration: none; padding: 0 .5em; border: .5px solid #D1DFED; color:#37638E;}
div.orgar li.actu {background-color:#D1DFED; border: .5px solid #97B7D7;padding: 0 .5em; border: .5px solid #D1DFED; color:#37638E;}
div.orgar li a:hover {background-color:#D1DFED; border: .5px solid #97B7D7;}
form.clea {clear: left; margin-top: 15px; padding-top: 13px; border-top: solid 1px #333333;}
div.orgar form { font: .7em Verdana, Arial, Helvetica, sans-serif }
div.affOrga ul {list-style-type: none;}
/* Hides from IE-mac \*/
* html .orgar {height: 1%;}
/* End hide from IE-mac */