body {
	background-color: #310D0A;
	/*background-color: #DEDBDB;*/
          /* background: #666699;*/
	margin-top: 20px;
       text-align: center;
  }

 #container {
width: 790px;
margin: 0px auto;
padding: 0;
 background-color: white;
 /*background-image: url(images//pix-arb.gif);*/
 /*color: #333;*/
 border: 2px solid #DEDBDB;
line-height: 130%;
 text-align: left;
  }

/*--------------- Clearfix -------------*/
/* Clearfix Method for clearing the floats */
 .clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
  }

/* This declaration is necessary for Safari!! */
 .clearfix { 
 /* display: block; 
 overflow:hidden; */
 }
/*--------------- top -------------*/

  #letopdutop {
 /*height: 200px;*/
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
   }

 #top {
 /*height: 200px;*/
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
 /*background-image: url(cbff_bojo_01_FILES/ligne_bleu.gif); */
   background-position: bottom right;
   background-repeat: no-repeat;
   background-color: white;
  }

 #entetmdn {
 /*float: left; 
 width: 200px;*/
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 /*border-top: #666699 4px solid;*/
 /*border-bottom: #D3D3D3 4px solid;*/
  /*border: #D3D3D3 4px solid;*/
   /*display: inline;*/
  /*background-image: url(images//pix-arb.gif);*/
   text-align: center;
   height: 170px;
 }
 
  #bandeauxmdn {
 margin: 0px 0px 0px 230px;
 padding: 10px 0px 10px 0px;
 text-align: center;
 /*background-color: #B0C4DE;*/
   background-image: url(images//pix-arb.gif);
  height: 170px;
 }
 
 .clearhaut {
clear: both;
margin: 0;
 background-image: url(images//pix-arb.gif);
height: 0px;
}
 
 /*.laligne {
  
   height: 40px;
   }*/
 
/*------------- Gauche  ------------------*/

 #leftnav {
float: left;
width: 200px;
margin: 0;
/*padding: 1em;*/
/*background-image: url(images//pix-arb.gif);*/
}

#menugauche {
  font-size: 11px;
 margin: 5px 0px 100px 5px;
  padding: 5px 0px 5px 0px;
  border-bottom: #FFFFFF 4px solid;
     text-align: left;
  }

  #leftnav  .contenugauche {
    font-size: 10px;
   margin: 100px 0px 10px 5px;
  padding: 2px 0px 2px 5px;
 /* border-top: 0px solid #EEE8AA ;
  border-bottom: 0px solid #EEE8AA ;*/
  border-left: 5px solid #666677;
  /*border-left: 5px solid #B22222 ;*/

  }  

   #leftnav  .contenugauche P {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-align: right;
   color: #666677;
    line-height : 120%;
       /*background-color: #A0522D ;*/
    /*background-color: #CBBE7A;*/
    padding: 5px 5px 5px 5px;
    /* border-left: 2px solid #A0522D;*/
	}

/*------------- Droit -------------------*/

#rightnav {
float: left;
width: 260px;
/*float: right;
width: 160px;*/
 margin:0px 10px 2px 0px;
 padding: 2px 2px 2px 2px;
 /*border: 1px solid #FFD700 ;*/
  /*border-left: 1px solid #B22222 ;*/
  /* border-left: 2px solid #666677;*/
  text-align: center;
 /*background-color: #DEDBDB;*/
}


 #content a IMG, #rightnav a IMG {
  text-decoration: none;
  /*border: 1px solid #FFFF00 ;*/
 /* border: 1px solid #B22222 ;*/
  border: 1px solid #2F4F4F ;
  }

   #content  a:hover IMG, #rightnav a:hover IMG {
  /*border: 1px solid #0000CC;*/
    border: 1px solid red;
  }

/*------------------------ Central ---------------*/

#content {
/* position: relative; */
overflow:hidden ;
width: 540px ;
margin-left: 230px;
margin-right: 10px;
padding: 0px 0px 0px 0px;
/*border-left: 0px solid gray;
border-right: 0px solid gray;*/
max-width: 36em;
background-color: white;
}

 #content p, #rightnav p {
	margin-top : 0px;
 }

    #content .indentgauche {
	margin-left : 100px;
 }

    #content .indentmilieu{
	margin-left : 60px;
       width: 400px;
 }


/*--------------- Pief Page ---------------------*/

#footer {
clear: both;
 margin: 10px 0px 10px 0px;
 padding: 0px 0px 0px 0px;
color: #333;
/*background-color: #ddd;
border-top: 1px solid gray;*/
}

/*----------- gauche menu -------------------*/
 ul.themlist {
padding: 0px;
border: 0px solid #808080;
border-top: 0px;
margin: 0px;
   font: verdana,helvetica,arial,sans-serif;
  font-size :  14px ;
  font-weight: bold;
  text-align: right;
  font-variant: small-caps;
	}

 ul.themlist ul {
	margin: 0 5% 0 5%;
	font-size :  11px ;
	font-weight: normal;
	font-variant: normal;
	}

ul.themlist li {
list-style: none;
margin: 0px;
border: 0px;
border-top: 0px solid #808080;
	}

ul.themlist li a {
display: block;
padding: 4px 0px 4px 10px;
border: 0px;
border-left: 5px solid #666677;
/*border-left: 20px solid #D2B48C ;*/
/*background: #ccccdd;   #aaaabb*/
text-decoration: none;
text-align: right;
color: #666677;
	}

ul.themlist ul li a {
padding: 4px 0px 4px 5px;
border-left: 10px solid #2F4F4F;
color: #2F4F4F ;
	}

ul.themlist li a.lemenutheme_actu { 
 display: block;
 border-left: 10px solid #B22222 ;
 color : #B22222 ; 
 }

ul.themlist li a:hover {
border-color: #ff9000;
color: #ff9000;
/*background: #000d33;*/
	}

/*------------- -----------------*/

 .caption, .csc-caption, .csc-textpic-caption  {
	 font-family : Verdana, sans-serif;
	font-size : 10px;
	line-height : 120%;
	/*color: #000000;*/
         color: #310D0A;
	  text-align: left;
 }

/* ---------- formulaire ---------------- */

 .formulaire-comment {
  width: 450px;
  wid\th: 430px;
   border: 2px dotted silver;
    color: #003399;
   text-align: left;
   margin: 10px 10px 10px 30px;
  padding: 5px 5px 5px 10px;
  }

 .formulaire-comment a {
 font-size : 10px;
  }

 .formregion {
   border: 1px dotted silver;
    color: #003399;
  }

.formbouton {
   background-color: #FFCC00;
  text-align: right;
  }

.inside-comment {
   
   border-right: 2px dotted silver;
   border-bottom: 2px dotted silver;
   margin: 5px 2px 2px 5px;
  padding: 10px 10px 10px 10px;
  }

 .obligationfield, .form-erreur { color: #CC0000; }
 .form-med { border: 1px dotted silver; font-size: 12; color: #333333; width: 300; height: 20; background-color: #FFDDAA; }
 .form-long { border: 1px dotted silver; font-size: 12; color: #333333; width: 350; height: 20; background-color: #FFDDAA; }
 .form-text, .tx-veguestbook-pi1 .form-text { border: 1px dotted silver; font-size: 12; color: #333333; width: 350;  height: 200; background-color: #FFDDAA; }

 /*----------------------*/
.mailformrequired {
	font-family : Verdana, sans-serif;
	font-size : 11px;
	color : #003366;
	font-weight : bolder;
}
.mailform {
	font-family : Verdana, sans-serif;
	font-size : 11px;
	color : #003366;
	font-weight : normal;
}


SELECT {  
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
        border: 1px dotted silver;
        background-color: #FFDDAA;
}
TEXTAREA {  
	font-family: Verdana, Arial, Helvetica; 
	font-size: 11px;
        border: 1px dotted silver;
        background-color: #FFDDAA;
} 
INPUT {  
	font-family: Verdana, Arial, Helvetica; 
	font-size: 11px;
        border: 1px dotted silver;
        background-color: #FFDDAA;
}


/*---------------------------- Texte Central  */

 .lettrine {

 float: left;
 width: .7em;
 font-size: 4em;
 line-height: 83%;
 }


/* synchro avec RTE */

H1 {
	 font-family: georgia, times new roman, times, serif;
	font-size : 24px;
       line-height : 100%;
          color:#2F4F4F ;
         font-weight: bold;
         font-variant: small-caps;
      /*background-color: #B22222;*/
    margin: 0px 0px 20px 0px;
   padding: 0 0 0 0;

  }

   #content h1:first-letter {
    /*color:#f90;*/
    color : #B22222;
    font-size : 28px;
     font-weight: bold;
    background-color:transparent;
     }

  H2 {
    font-family: georgia, times new roman, times, serif;
	font-size : 18px;
	color : #2F4F4F ;
          line-height : 100%;
      /* border-color:#B22222;
       border-style:solid;
       border-width:0 0 3px 0;*/
	    margin: 20px 0px 10px 0px;
            padding: 0 0 0 0;
    }
  #content h2:first-letter {
    /*color:#f90;*/
    color:#B22222;
    font-size : 20px;
        font-weight: bold;
    background-color:transparent;
     }

H3 {
	 font-family: georgia, times new roman, times, serif;
	font-size : 16px;
      /* font-weight: bold;*/
     font-style: italic;
          line-height : 100%;
       /* color : #666677;*/
        color: #2F4F4F ;
      /*  background-color: #E5EAF0;
      padding: 2px 5px 2px 10px;*/
	margin-bottom : 10px;
	margin-top : 10px;
 }

    #content h3:first-letter {
    /*color:#f90;*/
    color:#B22222;
    font-size : 18px;
      font-weight: bold;
       font-style: normal;
    background-color:transparent;
     }

H4 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	margin-bottom : 0px;
	margin-top : 10px;
 }

P {
	/* font-family: georgia, times new roman, times, serif;*/
       font-family : Verdana, sans-serif;
	font-size : 12px;
	line-height : 120%;
	/*color: #000000;*/
         color: #310D0A;
	margin-top : 1px;
	margin-bottom : 1px;
	padding-bottom : 0px;
      /*  text-align: justify;*/
 }


  /*P:first-letter { font-size: 200%; font-style: italic;
                    font-weight: bold; float: left }*/
 blockquote {
   /*font-style: italic;*/
  font-size : 12px;
  line-height : 140%;
  color: #000000;
  /*color:#369;*/
 }


.textAdroite {
	text-align: right;
}

  .petitAdroite {
     text-align: right; 
     font-size: 10px;
	}




.titreDeArticle {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
  font-family: georgia, times new roman, times, serif;
 font-weight: bold;
          /*font-style: italic;*/
	font-size: 20px;
	color: #660000;
	text-decoration: none;

}

.IntertitreDeArticle {
	/*font-family : Verdana, sans-serif;*/
  font-family: georgia, times new roman, times, serif;
	font-size : 15px;

       font-weight: bold;
	color : #660000;
        font-weight: bold;
	margin-bottom : 10px;

	margin-top : 10px;
}


.textDeChapeau {
	font-family:Verdana, Arial, Sans-serif;
	font-size : 12px;
	line-height : 140%;
	color: #660000;
	margin-top : 1px;
	margin-bottom : 1px;
	padding-bottom : 0px;
        text-align: justify;
        font-style:normal;

}

.textDeArticle {
	font-family : Verdana, sans-serif;
	font-size : 12px;
	line-height : 140%;
	color: #000000;
	margin-top : 1px;
	margin-bottom : 1px;
	padding-bottom : 0px;
        text-align: justify;

 }

.textJustifi {
	font-family:Verdana;
	font-size:12px;
	color: #000000;
        text-align: justify;

}
.retraitLigne {
	text-indent : 10px;
}



.noteDeArticle {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px; 
        color: #000000;
 }

.lienPourApp {
	 font-size: 10px;
         font-weight: bold;
         line-height : 100%;
	margin-top : 0px;
	margin-bottom : 0px;
	padding-bottom : 0px;
}


.textDelien {
	font-size : 10px;
        line-height : 100%;

	margin-top : 0px;
	margin-bottom : 0px;
	padding-bottom : 0px;
}

.textDeMedia {

       font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9px; 


        color: #000000;

}


.bulletlist {
	font-family : Verdana, sans-serif;
	font-size : 12px;
        line-height : 140%;
}

  span.listapuce {
	font-family : Verdana, sans-serif;
	font-size : 12px;
	line-height : 140%;
	color: #000000;
 }

 ul {
	font-family : Verdana, sans-serif;
	font-size : 12px;
	line-height : 140%;
	/*color: #000000;*/
       list-style: disc outside;
      /*color: chocolate;*/

 }

 .orangered {
      color: orangered;
   }
  .skyblue  {


      color: skyblue;
   }

  .blueviolet{

      color: blueviolet;
   }
  
  .limegreen{
      color: limegreen;
   }
  .mediumaquamarine{
      color: mediumaquamarine;
   }
  .chocolate {
       color: chocolate;
   }

  .khaki{
      color: khaki;
   }
  .gold{

      color: gold;
   }
 .tan{
      color: tan;
   }
 .mediumorchid{
      color: mediumorchid;
   }
 .pink{
      color: pink;
   }
/*------------------*/