body {
    margin : 0px;
    padding : 0px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    color: #000099;
    /*background-color : #EEEEDE;*/
    background-color : white;
    text-align: center; /* to correct the center alignement for IE */

}

 h1 {
     font-size: 18px;
     font-weight: bold; 
     /*color:#F29024;*/
     color:#f6b01a;
     text-decoration: underline;
     margin-top: 1.5em;
}

h2 {
     font-size: 16px;
     font-weight: bold; 
     color: #333399;
     text-decoration: none;
     margin-top: 1.4em;
}
h3 {
     font-size: 14px;
     font-weight: bold; 
     /*color: #000099;*/
     color: #333399; 
     text-decoration: none;
     margin-top: 1.4em;
}

h4 {
     font-size: 13px;
     font-weight: bold; 
     color:#333399;
     text-decoration: none;
     margin-top: 1.1em;
}

/* Remplace la balise b dans certaines pages */
.highlighted{ 
    /* color :  #3333FF;*/
    color :#333399;
    font-weight: bold;
}

b{ 
    /* color :  #3333FF;*/
    color :#333399;
    font-weight: bold;
}

p {
     margin-top:10px;
     margin-bottom:10px;
     text-align: justify
}

ul.nodisc {
    list-style-type: none;
}

li { margin-bottom: 10px }

/* retirer car sinon les puces ne s'affichent pas sous IE'
ul {margin-top: 10px; 
    margin-bottom: 10px; 
    margin-left: 0px; 
    padding-left:5px;
    list-style-type: disc;      
}

ul.nodisc {margin-top: 10px; 
    margin-bottom: 10px; 
    margin-left: 0px; 
    padding-left:5px; 
    list-style-type: none;
}
*/

.symbol {font-family: Symbol}
.indice {vertical-align: bottom; font-size: 80%}
.exposant {vertical-align: text-top; font-size: 80% }

.raquo {
    font : 18px Helvetica, Arial, sans-serif;
    /*color:#F29024;*/
    color:#f6a801;
    font-weight : bold;
}

img {
    border : 0 none ;
    vertical-align : top;
    margin: 4px;
}

hr {
   /*border: 1px solid #ff9933;*/
   border:1px solid #ffcc66;
}

#page {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4px;
    width: 900px;
    text-align: left;
    /*background-color : white;*/
    /*border: 1px solid #ffcc66;*/
}

#header{
    width : 900px;
    height :90px;
    /*background-color : white;*/
    /* margin-top : 10px;
      margin-left : 10px;
      border: 1px solid red;*/
}

#logo1 {
    float: left;
    width: 86px;
    height: 86px;
    margin: 0px;
}

#headertitle {
    float: left;
    width : 400px;
    height:90px; 
    text-align: center;
    font-size: 16px; 
    color: #333399;
    text-decoration: none; 
    font-weight: bold;
    letter-spacing : 1px;
}

#patchwork {
    float: right;  
    width :300px;
    height :80px;
    margin: 0px;
}
#navig {
    width : 900px;
    height :15px;

}

#navigblock {
    float: right;
    font-size: 10px;
}

#dateupdate {
    height :20px;
    float: left;
}

#navigblock a {
    color: #000099;
    text-decoration: underline
}
#navigblock a:hover {
    color: #000099;
    text-decoration: underline overline
}

.flag {
    margin-left: 10px;
    vertical-align : top;
}

#support {
    float: right;
    /*margin-top: 5px;*/
}


#sitenav {
     /*width : 900px;*/
    position: absolute;
    z-index: 1;
    /*top : 150px;
    left : 0px;*/
    margin-top: 50px;
    padding: 0 0px 20px 4px ;
    color: #666699;
    font-size: 11px;
    /*background-color : white;*/
}

#sitenav a {
     color: #666699;
     text-decoration: underline
}

#sitenav a:hover {
     color: #666699;
     text-decoration: underline overline
}

#footer{
    margin-top: 50px;
    padding: 0 20px 20px 20px ;
    color: #666699;
}

#middle {
     /*width : 900px;*/
    position: absolute;
    z-index: 1;
    /*top : 150px;
    left : 0px;*/
    margin-top: 70px;
    padding: 0px 0px 0px 4px ;
    background-color : white;
    /*border: 1px solid gray;*/
}

#middle img{
    border : 0px solid #ff9933;
    vertical-align : top;
	margin-bottom: 15px;
}

.news {
    float: right;
    width: 310px;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    padding: 0px 20px 5px 20px;	
    background-color: #f3f2dc;
    /*background-color: #EEEEDE; plus grisé*/
    border: 1px solid #f3e7ca;
    font-weight: normal;
    color: #000099;
    /*background-image:url(../image/background_news_modif.png);
    background-color:white;
    background-repeat:no-repeat;*/
}

.oldnews {
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    padding: 0px 20px 10px 20px;
    background-color: #f3f2dc;
    /*background-color: #EEEEDE; plus grisé*/
    border: 1px solid #f3e7ca;
    font-weight: normal;
    color: #000099;
    /*background-image:url(../image/background_news_modif.png);
    background-color:white;
    background-repeat:no-repeat;*/
}
  
.news .right {
  float: right;
  margin-left: 0px ;
}
  
.news p {
  text-align: left;
}

.oldnews p {
  text-align: left;
}
  
.newsheadline0 {
     font-size: 18px; 
     font-weight: bold;
     /*color:#F29024;*/
     color:#f6b01a;
     text-decoration: underline;
     letter-spacing : 1px;
     margin-top: 10px;
     margin-bottom: 10px;
}

.newsheadline1 {
     font-size: 13px; 
     font-weight: bold;
     color:#333399;
     text-decoration: none;
     letter-spacing : 0px;
     margin-top: 10px;
     margin-bottom: 10px;
}

.divwithborder {
    text-align: center;
    border: 1px solid #FFCC00;
    background-color : #FFFCF2;
    padding: 5px;
}	
#middle a {
     font-weight: normal;
     color :  #3333FF;
     text-decoration: underline
}
#middle a:hover {
     font-weight: normal;
     color :  #3333FF;
     text-decoration: underline
}

.headline1 {
     font-size: 18px; 
     font-weight: bold;
     /*color:#F29024;*/
     color:#f6b01a;
     text-decoration: none;
}

#middle a.headline1{
     font-size: 18px; 
     font-weight: bold;
     /*color:#F29024;*/
     color:#f6a801;
     text-decoration: none;
}

table.tabwithbackground { 
    /*border:1px solid #f3e7ca;*/
    border:1px solid #ffcc66;
    width: 100%
}
.tabwithbackground th {
    text-align: left;
    background-color:#FFFFFF;
    font-size: 13px;
    font-weight: normal;
    height : 15px;
    padding : 5px;
}
.tabwithbackground td {
    padding : 5px; 
    /*background-color:#FFFFD9; *//*jaune pastel plus foncé*/
    background-color:#f3f2dc;
    font-size: 13px;
}

table.tabwithbackground2 { 
    width: 100%
}

.tabwithbackground2 th {
    text-align: left;
    background-color:#FFFFFF;
    font-size: 13px;
    font-weight: normal;
    height : 15px;
    padding : 5px;
    border-bottom:1px solid #ffcc66;
    /*border-bottom:1px solid #f3e7ca;*/

}

.tabwithbackground2 td {
    padding : 5px; 
    /*background-color:#FFFFD9; *//*jaune pastel plus foncé*/
    background-color:#f3f2dc;
    font-size:13px;
    /*white-space: nowrap;*/
}

#menu {
    position: absolute;
    width: 900px;
    top: 105px;
    left: 0;
    z-index:100;
    font-size:13px;
    font-weight: bold;
    letter-spacing : 0px;
    /*background-color : white;*/
}
#menu dl {
    float: left;
    margin: 0px;
    padding:0px;
}

#menu dl.menu1 {
    width: 170px;
}

#menu dl.menu2 {
    width: 225px;
}

#menu dl.menu3 {
    width: 175px;
}

#menu dl.menu4 {
    width: 160px;
}

#menu dl.menu5 {
    width: 80px;
}

#menu dl.menu6 {
    width: 90px;
}

#menu dt {
    cursor: pointer;
    text-align: center;
    color: #333399;
    /*color:#393973;*/
    background: #FFE06E;
    margin: 4px;
    padding: 4px;
}
#menu dd {
    display:none;
    /*border: 1px solid #FFCC00;*/
    border: 1px solid #FFE06E;
    margin-left: 0px;
    padding-left: 0px;
    margin-right: 0px;
    padding-right: 0px;
}

#menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#menu li {
    text-align: center;
    color: #333399;
    /*color:#393973;*/
    background: #FFFFFF;
    margin: 0px;
    padding: 3px 10px 3px 5px;
}
#menu li a, #menu dt a {
    color: #333399;
    /*color:#393973;*/ 
    text-decoration: none;
    display: block;
    height: 100%;
    border: 0 none;
    text-align: left;
}
#menu li a:hover, #menu dt a:hover {
    background: #FFFFCC;
}

.floatleft1 {
	float: left;
	/*width: 605px;*/
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;	
}

.floatleft2 {
	float: left;
	width: 330px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
    margin-left: 15px;	
}

.flux { 
	clear: both ;
} 

.left {
	float: left;
	margin-right: 10px ;
}

.right {
    float: right;
    margin-left: 10px ;
}
div#galerie 
{ 
    float: left;
    width: 480px ;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 0px; 
    padding: 10px ;
    /*/background: #eed ; */
    /* border: 1px solid #dcb ; */
    background-color: #f3f2dc;
    /*background-color: #EEEEDE; plus grisé*/
    border: 1px solid #f3e7ca; 
    text-align: center ; 
    /*font: 0.9em Arial, sans-serif ; */
} 
 
ul#galerie_mini 
{ 
    margin: 0 ; 
    padding: 0 ; 
    list-style-type: none ; 
} 
 
ul#galerie_mini li 
{ 
    float: left ; 
} 
 
ul#galerie_mini li a img 
{ 
    margin: 1px 1px ; 
    /*border: 1px solid #dcb ; */
    border: 1px solid #f3e7ca;
} 
 
dl#photo 
{ 
    clear: both ; 
    margin: 0 auto ; 
} 
 
dl#photo dt 
{ 
    font: normal 10px Arial, sans-serif ;
    color:  #333399;
} 
 
dl#photo dd 
{ 
    margin: 0 ; 
} 
 
dl#photo img 
{ 
    /*border: 1px solid #dcb ; */
    border: 1px solid #f3e7ca; 
}