/* **************************** */
/* general */
/* **************************** */
* {
 -ms-box-sizing:     border-box;
 -moz-box-sizing:    border-box;
 -webkit-box-sizing: border-box;
 box-sizing:         border-box;
 margin: 0px;
 padding: 0px;
}
html {
 margin: 0px;
 padding: 0px;
}
body {
 margin: 0px;
 padding: 0px;
 background: #ffffff;
 text-align: center;
}

.page{
 min-width: 1000px;
 width:1000px;
 margin: 0 auto ;
 font-family: Trebuchet MS, Verdana, Arial, Geneva, Helvetica, sans-serif;
 color: #004545;
 font-size: 13px;
}

#XeusFrame{
 display:none;
 height:200px;
}

h1.right {
	font-size: 12px;
	padding:0 5px 3px;
	color:#ff0000;
   background: url(images/bandedroite.jpg) no-repeat +130px bottom;
	text-align: right;
}

p.left {
	font-size: 12px;
	text-align: left;
	margin: 0px;
	padding:3px 5px 0;
	font-weight: bold;
	color:#ff0000;
   background: url(images/bandegauche.jpg) no-repeat -300px top;
}


/* ** Liste ***************************** */

table.list {
 width:400px;
 border: solid 2px #fcdf75;
 margin: 0px auto;
}
.list td, .list th {
 padding: 0 5px;
 border-left: solid 1px #fcdf75;
 border-right: solid 1px #fcdf75;
 white-space: nowrap;
}
.list .ligpaire {
 background-color: #eeffee;
}
.list .ligimpaire {
 background-color: #eeeeff;
}
.list .ligpairehover {
 background-color: #cceecc;
}
.list .ligimpairehover {
 background-color: #ccccff;
}
.list th {
 background: url(images/listtrinone.gif) no-repeat left center;
 border: solid 1px #fcdf75;
 padding-left: 15px;
}
.list th a{
 display:block;
 height:24px;
 text-decoration: none;
}
.list th.triasc {
 background: url(images/listtrihaut.gif) no-repeat left center;
}
.list th.tridesc {
 background: url(images/listtribas.gif) no-repeat left center;
}


/* ** Formulaire ***************************** */
.caption , caption{
 border: solid 1px #fcdf75;
 line-height: 25px;
 font-weight: bold;
 padding: 0 5px;
 color:#b30b1b;
 text-align: center;
 background: url(images/fond.gif) repeat-x left center;
}
.section{
 background-color: #b30b1b;
 text-align: center;
 color: #fcdf75;
 font-weight: bold;
}
a.BoutonAjouter {
 background-color: #b30b1b;
 color: #FCDF75;
 border: #FCDF75 solid 1px;
 text-transform: uppercase;
 font-size: 12px;
 font-weight: bold;
 margin: 5px;
 white-space: nowrap;
}
a.BoutonModifier {
 background-color: #FCDF75;
 color: #b30b1b;
 border: #b30b1b solid 1px;
 text-transform: uppercase;
 font-size: 12px;
 font-weight: bold;
 margin: 5px;
 white-space: nowrap;
}
.boutonprincipal {
 background-color: #b30b1b;
 color: #FCDF75;
 border: #FCDF75 solid 1px;
 text-transform: uppercase;
 font-size: 12px;
 font-weight: bold;
 margin: 5px;
}
.boutonsecondaire {
 background-color: #FCDF75;
 color: #b30b1b;
 border: #b30b1b solid 1px;
 text-transform: uppercase;
 font-size: 12px;
 font-weight: bold;
 margin: 5px;
}
.left {
 text-align: left;
}
.center {
 text-align: center;
}
.right {
 text-align: right;
}
.radio {
 text-align: center;
 width: 30px;
}
table.structure {
 margin: 0px;
 padding: 0px;
 border-spacing: 0px;
 border-collapse: collapse;
}
td, th {
 vertical-align: top;
 text-align: left;
}

table.form{
 border: solid 2px #fcdf75;
 margin: 0px auto;
}
.form th{
 height: 30px;
 background: url(images/fond.gif) repeat-x left center;
}
.form td, .form th {
 padding: 0 0px;
 white-space: nowrap;
}
.form .labelform{
 text-align: right;
 padding:0px 10px;
 margin:0px;
}
.form .inputform{
 text-align: left;
 padding:0px 10px;
 margin:0px;
}
.form .inputform *{
 color: blue;
 font-weight: bold;
}
.form .labelform *{
 font-weight: normal;
}
.form .display a {
 text-decoration: underline;
}

/* ** gestion des cadres ***************************** */

dl.cadre {
 margin: 10px;
}
dl.cadre dt {
 font-family: Trebuchet MS, Geneva, Verdana, Arial, Helvetica, sans-serif;
 border: solid 1px #fcdf75;
 line-height: 25px;
 font-weight: bold;
 padding: 0 5px;
 color:#b30b1b;
 font-size: 18px;
 font-weight: bold;
 text-align: center;
 background: url(images/fond.gif) repeat-x left center;
}
dl.cadre dd {
 border: solid 2px #fcdf75;
}

table.cadre {
 margin: 10px;
 padding: 0px;
 border-spacing: 0px;
 border-collapse: collapse;
 border: solid 2px #fcdf75;
}

table.cadre dt {
 font-family: Trebuchet MS, Geneva, Verdana, Arial, Helvetica, sans-serif;
 border: solid 1px #fcdf75;
 line-height: 25px;
 font-weight: bold;
 padding: 0 5px;
 color:#b30b1b;
 font-size: 18px;
 font-weight: bold;
 text-align: center;
 background: url(images/fond.gif) repeat-x left center;
}


/*  ********** Open Close ****** */
dl.open dd {
 display: block;
}
dl.close dd {
 display: none;
}
dl.open dt {
 text-align: left;
 cursor: pointer;
}
dl.close dt {
 text-align: left;
 cursor: pointer;
}
dl.open *.openclose {
 padding-left: 30px;
 background: url(images/barreopen.gif) repeat-x left center;
}
dl.close *.openclose {
 padding-left: 30px;
 background: url(images/barreclose.gif) repeat-x left center;
}

.open .imgopenclose{
 background: url(images/open.gif) no-repeat center center;
 width:20px;
}
.close .imgopenclose{
 background: url(images/close.gif) no-repeat center center;
 width:20px;
}

/*************** modif de base *******************/
.stdpadding {
 padding:10px;
}









/***************  bandeau scrollImg *******************/
*.scroll {
	border: none;
	border-top: solid 4px #FFC831;
	border-bottom: solid 4px #FFC831;
}
*.scroll img{
	margin: 0px;
	padding: 0px;
	border: none;
	border-left: solid 1px #FFC831;
	border-right: solid 1px #FFC831;
}

/*************** gestion de paragraphe - module paragraphe *******************/

*.TL {
	vertical-align: top;
	text-align: left;
}
*.TC {
	vertical-align: top;
	text-align: center;
}
*.TR {
	vertical-align: top;
	text-align: right;
}
*.CL {
	vertical-align: middle;
	text-align: left;
}
*.CC {
	vertical-align: middle;
	text-align: center;
}
*.CR {
	vertical-align: middle;
	text-align: right;
}
*.BL {
	vertical-align: bottom;
	text-align: left;
}
*.BC {
	vertical-align: bottom;
	text-align: center;
}
*.BR {
	vertical-align: bottom;
	text-align: right;
}

table.sectionParagraphe{
 width:100%;
 margin: 0px;
 padding: 0px;
 border-spacing: 0px;
 border-collapse: collapse;
}
td.sectionParagraphe{
 margin: 0px;
 padding: 5px;
}

/***************  bloc menu haut - module paragraphe *******************/

div.blocmenuh {
	margin: 50px 0;
	height:20px;
	position:relative;
	overflow: visible;
	z-index:90;
}

div.blocmenuh  div.dl_menuniveau1{
	float:left;
}

div.dt_blocmenuh, div.dd_blocmenuh {
  clear:both;
}

div.dl_blocmenuh div.dt_menuniveau1 a{
	display: block;
	float: left;
	background: white url(images/menu0.jpg) no-repeat left bottom;
	padding: 0  0 0 8px;
	text-decoration: none;
}

div.dl_blocmenuh div.dt_menuniveau1 span{
   float:none !important;
   float:left; /* ie <=7 */
	display: table-cell !important;
	display: block; /* ie <=7 */
  	height:55px;
	background: white url(images/menu0.jpg) no-repeat right bottom;
	padding-right:8px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	color:#000000;
	font-size: 14px;
	font-weight: bold;
}

div.blocmenuh div.dd_menuniveau1{
	position:absolute;
   z-index: 100;
	top:55px;
   border:solid 1px white;
   background-color: #f3f3f3;
   min-width: 50px;
}

div.dd_blocmenuh a{
	font-size: 14px;
	line-height: 18px;
	display:block;
	text-align: left;
	white-space: nowrap;
	color:#666666;
	text-decoration: none;
}

div.dd_blocmenuh a.ancre{
	font-size: 13px;
	display:block;
	text-align: left;
	white-space: nowrap;
	padding-left:18px;
	background: url(images/ancre.gif) no-repeat left top;
}
div.dd_blocmenuh a:hover{
   background-color: #cccccc;
	color:#000000;
}

div.dt_blocmenuh form.miniA, div.dt_blocmenuh form.miniM{
	display:block;
	float:left;
}

div.dd_blocmenuh form.miniM{
	display:block;
   position: absolute;
   left:-25px;
	float:left;
}

div.blocmenuh input.miniBouton{
  width: 25px;
  height: 50px;
}
div.dd_blocmenuh input.miniBouton{
  width: 25px;
  height: 25px;
}

*.menuclose{
  display:none;
}
*.menuopen{
  display:block;
}

/* menu personalisé  1*/
div.blocmenuh div.menu1 div.dd_menuniveau1{
   border:solid 2px #DBE9FE;
   background-color: #F0F7FF;
}
div.blocmenuh div.menu1 div.dt_menuniveau1 a{
	background: white url(images/menu1.jpg) no-repeat left bottom;
}

div.blocmenuh div.menu1 div.dt_menuniveau1 span{
	background: white url(images/menu1.jpg) no-repeat right bottom;
	color:#03417C;
}

div.blocmenuh div.menu1 div.dd_blocmenuh a{
	color:#03417C;
}
div.blocmenuh div.menu1 div.dd_blocmenuh a:hover{
   background-color: #CAE2FF;
	color:#03417C;
}

/* menu personalisé  2 */

div.blocmenuh div.menu2 div.dd_menuniveau1{
   border:solid 2px #FEDBDE;
   background-color: #FFECED;
}
div.blocmenuh div.menu2 div.dt_menuniveau1 a{
	background: white url(images/menu2.jpg) no-repeat left bottom;
}

div.blocmenuh div.menu2 div.dt_menuniveau1 span{
	background: white url(images/menu2.jpg) no-repeat right bottom;
	color:#D11E00;
}

div.blocmenuh div.menu2 div.dd_blocmenuh a{
	color:#D11E00;
}
div.blocmenuh div.menu2 div.dd_blocmenuh a:hover{
   background-color: #FEC7CB;
	color:#7D1300;
}


/* menu personalisé  3 */

div.blocmenuh div.menu3 div.dd_menuniveau1{
   border:solid 2px #9FE394;
   background-color: #CCFBCC;
}
div.blocmenuh div.menu3 div.dt_menuniveau1 a{
	background: white url(images/menu3.jpg) no-repeat left bottom;
}

div.blocmenuh div.menu3 div.dt_menuniveau1 span{
	background: white url(images/menu3.jpg) no-repeat right bottom;
	color:#009200;
}
div.blocmenuh div.menu3 div.dd_blocmenuh a{
	color:#009200;
}
div.blocmenuh div.menu3 div.dd_blocmenuh a:hover{
   background-color: #9FE394;
	color:#009200;
}