/**********************************************
*  DEFISC-DOM.COM
**********************************************/
body {
        background-color:#990033;
        font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
        font-size:0.8em;
        margin: 2px 10px 0 10px;
		padding: 0 0 0 1em;
}
a{
   color:#CC0000;
}
.clear {
   clear:both;
}
/**********************************************
*   Navigation haute
**********************************************/
#nav1 {
   margin: 2px;
}
#nav1 a:link, #nav1 a:visited {
    color: #FFCC00;
    padding-right: 1em;
}
#nav1 a:active {
   color: #FFCC00;
}
#nav1 a:hover {
   text-decoration: none;
}

/**********************************************
*   PAGE
**********************************************/
#page {
        background-color: #FFFFCC;
        padding: 5px;
        margin: 3px 0 5px 0;
        border: solid 1px #999999;
        position: relative;
        height: 100%;
}

/**********************************************
*   EN TETE
**********************************************/
#entete{
	text-align: center;
	margin: 0 0 5px 0;
	background-color: #FFFFCC;
}
#entete .logo{
	float: right;
}
#entete .gauche{
	position: absolute;
	left: 0.5em;
	top: 0.5em;
	text-align: left;
	color: #A50122;
	font-style: italic;
	font-weight: bold;
}
#entete .droite{
	position: absolute;
	right: 0.5em;
	top: 0.5em;
	text-align: right;
	color: #A50122;
	font-style: italic;
	font-weight: bold;
}

/**********************************************
*   Navigation gauche
**********************************************/
#nav2 {
   width: 12em;
   background-color:inherit;
   position: absolute;
   top: 120px;
   left: 0.5em;
}
#nav2 .bloc h4 {
   color: #0066CC;
   border-bottom: solid 1px #CC0000;
   font-weight: bold;
   font-size: 1.2em;
   margin: .3em 0 .3em 0;
   padding: 0;
}
/*
#nav2 .bloc h4:first-letter {
   color:#FE0000;
   font-size: 1.5em;
}
*/
#nav2 .bloc ul {
   margin: 0;
   padding: 0;

}
#nav2 .bloc li {
   display: inline;
   margin: 0;
   padding: 0;

}
#nav2 .bloc li a {
   color: #990033;
   text-decoration: none;
   font-weight: bold;
   margin:2px 0 0 0em;
   padding:1px 0 0 1.5em;
   display: block;
   background-image:url(images/ico_3.gif);
   background-repeat:no-repeat;
   background-position:left center;
}
#nav2 .bloc li a:hover{
   color: #FF3200;
   background-color: #FFCC66;
}

/*********** Pour index uniquement **********/
#nav2new {
   width: 150px;
   background-color:inherit;
   font-family::"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
   margin:0;
 /*  position: absolute; 
   top: 120px;
   left: 0.5em;*/
}
#nav2new .bloc h4 {
   color: #0066CC;
   font-weight: bold;
   font-size: 12px;
   margin: 8px 0 0 0;
   padding:0 0 0 10px;
   text-align:left;
}
#nav2new .bloc ul {
   margin: 0;
   padding: 0 0 0 0;
}
#nav2new .bloc li {
   display: inline;
   margin: 0;
   padding:0;
}
#nav2new .bloc li a {
   color: #990033;
   font-family:Arial, Helvetica, sans-serif;
   text-decoration: none;
   font-size: 12px;
   font-weight: bold;
   margin: 0 0 3px 0px;
   padding:0 0 0 13px;
   display: block;
   text-align:left;
}
#nav2new .bloc li a:hover{
   color: #990033;
   background-color: #FF9966;
}
/**********************************************
*   CENTRE
**********************************************/
#centre{
   margin-left: 13em;
   margin-right: 5%;
 /*  border: 1px dashed #CCCCCC; */
   padding: 3px;
}
/* Hauteur permet de conserver la hauteur centrale mininpour englober la navigation si partie centrale petite
  doit etre placé au debut du div id=centr   */
#hauteur {
   height: 25em;
   float: left;
}
#centre h3 {
   color: #CC0000;
   font-size: 120%;
   background-image:url(images/ico_1.gif);
   background-position: center left;
   background-repeat:no-repeat;
   padding: 3px 0 3px 15px;
   margin: 0;
   text-align: left;
}
#centre .col30 {
   width: 30%;
   float: left;
}
#centre .col40 {
   width: 40%;
   float: left;
}
#centre .col50 {
   width: 50%;
   float: left;
}
#centre .col60 {
   width: 60%;
   float: left;
}
#centre .col70 {
   width: 70%;
   float: left;
}
#centre .col100 {
   width: 100%;
   float: left;
}
.chemin {
   font-size: 120%;
   color: #990000;
}
.retour {
   font-size: 100%;
   text-align:center;
}
#centre ul {
   margin: 0;
   padding: 0 0 0 1.5em;
   list-style:url(images/ico_4.gif);
}
#centre img {
   padding: 1px;
   border: outset 2px #CCCCCC;
}
#centre .liste caption {
    border-bottom: 1px solid #66CC00;
        color: #FF0000;
        text-align: left;
        font-size: 1.5em;
        font-weight: bold;
        padding-right: 1em;
}
#centre .liste caption a {
   color: #000066;
   text-align: left;
   font-size: 0.7em;
   font-weight: normal;
}
#centre .liste caption a:hover {
   color: #FF0000;
   text-align: left;
   font-weight: normal;
}
/**********************************************
*   CENTRE ACCUEIL UNIQUEMENT
**********************************************/
#centreA{
   margin-left: 13em;
   margin-right: 5px;
 /*  border: 1px dashed #CCCCCC; */
   padding: 3px;
   color:#990033;
}
#centreA .principal{
   width: 80%;
   float: left;
   padding:0;
   margin:0;
}
#centreA h1 {
   color:#990033;
   font-size: 2em;
   padding: 3px 0 3px 15px;
   margin: 0;
   text-align: left;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-weight:normal;
   font-style:italic;
}
#centreA .col1 {
   width: 30%;
   float: left;
   padding:0 0 0 10px;
}
#centreA .col2 {
   width: 30%;
   float: left;
   padding:0 0 0 20px;
}
#centreA .col3 {
   width: 30%;
   float:right;
   padding: 0 10px 0 0 
}
#centreA .legende_image{
   font-style:italic;
   color:#000000;
}
#centreA .principal p{
   padding:0;
   margin:0;
}
#centreA .edito {
   width: 18%;
   float: right;
   background-color:#FFCC33;
   margin:3px 0 0 0;
   padding:5px;
   font-size:1em;
   font-family:"Times New Roman", Times, serif;
   text-align:justify;
}
#centreA .edito h2 {
   color:#FF6633;
   margin:0 0 5px 25px;
   padding:0;
   font-size:1.1em;
   font-family:Verdana, Arial, Helvetica, sans-serif;
}
/**********************************************
*   Navigation bas de page
**********************************************/
#pied {
   text-align: center;
   clear: both;
   border-top: dashed 1px #666699;
   margin-top:.5em;
   padding-top: 3px;
   margin-left: 12em;
   margin-right: 5%;
}
#pied a {
   text-decoration: none;
   color: #999999;
   border-right: 1px solid #999999 ;
   padding: 0 4px 0 0;
}
#pied a:hover {
   color: #CC0000;
   text-decoration: underline;
}
#pied a.last {
   border-right: 0;
}
/**********************************************
*   POPUP SIMULATION
**********************************************/
#simul {
   color:#FDD637 ;     /*#CC0000*/
   font-weight: bold;
}
#simul  h1{
   color:#CC0000;
   background-color:#FDD637;
   font-size: 170%;
   font-weight: bold;
   padding: 10px;
   text-align:center;
   margin: 5px 0 5px 0;
}
#simul label{
   float: left;
   width: 60%;
   text-align: right;
   padding:  0 5px 2px 0;
}
#simul p{
   clear: left;
   padding: 0 5px 2px 0;
   margin: 0;
}
#simul form input{
   border: 0;
   text-align: right;
}
#simul a{
   padding: 1px 4px 1px 4px;
   background-color: #FF6633;
   color:#003399;
   text-decoration:none;
}
#simul a:hover{
   background-color:#FFCC33;
}
#simul legend{
   color: #FDD637;
}
#simul fieldset{
   border-color: #FDD637;
}
input.readonly  {
   background-color:#FFCC66;
   color: #FF0000;
}
input:focus, textarea:focus, select:focus {
   background-color: #CC0000;
   color: #CCCCCC;
}

/**********************************************
*   FORMULAIRE DE RENSEIGNEMETS
**********************************************/
#form1 {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
}
#form1 label {
   width: 20%;
   float: left;
   text-align: right;
   padding-right: 1em;
}
#form1 p {
   margin: 0;
   padding: 2px;
}

/*   DIVERS   */
.centre {
   text-align: center;
}
#news {

   margin-left: 0em;
   margin-right: 0%;
 /*  border: 1px dashed #CCCCCC; */
   padding: 0px;
}