body {
font-family : sans-serif, Arial, Verdana, Helvetica;
margin : 0 15px 15px;
color : #333333;
background-color: #ffffff;
height : 100%;
}

/* éléments du menu principal*/

.fondmenu {
margin: 0;
padding: 0;
background-color: white;
font: 80% verdana, arial, sans-serif;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
position: relative; 
top: 0;
left: 0;
}

#menu {
width: 11em;
}

#menu dt {
cursor: pointer;
margin: 2px 0;
height: 20px;
line-height: 20px;
text-align: center;
color: Blue;
border-top: 1px solid #1e7b1f;
border-bottom: 1px solid #1e7b1f;
background : url(images/bg_vert.png) repeat-x;
}

#menu dd {
border-top: 1px solid #1e7b1f;
border-bottom: 1px solid #1e7b1f;
}

#menu li {
text-align: center;
text-transform: capitalize;
background-color: #fff8dc;
}

#menu li a{  /*spécial Explorer*/
background-color: #fff8dc;
}

#menu li a, #menu dt a {
color: Blue;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

#menu dt a:hover {
background : url(images/bg_off.png) repeat-x;
color: Red;
}

#menu li a:hover  {
background-color: #a8d44f;
color: Red;
}

/*fin elements de menu*/

a:link {
color : Blue;
text-decoration : none;
font-weight : normal;

}

a:visited {
color : #f60000;
text-decoration : none;
font-weight : normal;
}

a:hover {
color : #781078;
text-decoration : none;
font-weight : normal;
}

.bab01 {
margin : 0 auto;
height : auto;
}

.clr {
clear : both;
}

table.container {
width : 790px;
border : 1px solid #1e7b1f;
background-color : #ffffff;
}

td {
vertical-align: top;
}

.topmenu1 {
width : 626px;
float : left;
margin-bottom : 2px;
margin-right : 2px;
}

.topmenu2 {
float : none !important;
float : left;
border : 1px solid #1e7b1f;
height : 21px;
background-color : #fff8dc;
}

.bouton {
float : right;
margin : 0;
padding : 0;
width : 22%;
/*background-color : #68bf94;*/
background : url(images/bg_vert.png) repeat-x;
}

ul.nav {
list-style : none;
padding : 0;
margin : 0;
font-size : 0.8em;
}

ul.nav li {
display : block;
padding-left : 0;
padding-right : 0;
float : right;
margin : 0;
width : auto !important;
width : 15%;
font-size : 11px;
font-weight : normal;
line-height : 21px;
border-left : 1px solid #1e7b1f;
}

ul.nav li a {
width : 100%;
display : block;
padding-left : 15px;
padding-right : 15px;
text-decoration : none;
color : #8400ff;
background : transparent;
}

.bouton > ul.nav li a {
width : auto;
}

ul.nav li a:hover {
color : #333333;
background : url(images/bg_off.png) repeat-x;
}

.topmenudate {
float : left;
height : 15px !important;
border : 1px solid #1e7b1f;
margin-right : auto;
margin-right : 0;
padding : 3px 5px 3px 3px;
background-color : #fff8dc;
}

.ladate {
width : 152px;
font-size : 11px;
text-align : center;
color : #e14d05;
}

.bando {
float : left;
padding : 0;
margin-top : 1px;
margin-bottom : 3px;
width : 788px;
height : 172px;
background : url(images/ban_AM4.jpg);
background-repeat : no-repeat;
border : 1px solid #1e7b1f;
}

.ligne {
float : none !important;
float : left;
border : 1px solid #1e7b1f;
height : 7px;
width : 788px;
margin-right : 2px;
margin-bottom : 3px;
background-color : #fff8dc;
}

.ligne2 {
border : 1px solid #1e7b1f;
height : 7px;
width : auto; 
margin-left: 2px;
margin-right : 2px;
margin-bottom : 3px;
background-color : #fff8dc;
}

.maincontent {
float : left;
}

.mainColTitre {
background : url(images/bg_vert.png) repeat-x;
color : #1e7b1f; 
text-align : left;
padding-top : 4px;
padding-left : 4px;
height : 21px;
font-weight : bold;
font-size : 11px;
text-transform : uppercase;
}

.mainColnews {
background-color: #D5FFAC;
vertical-align : top;
text-align : left;
font-size : 0.8em;
font-weight : normal;
line-height : normal;
padding-left : 4px;
}

.mainColnews img{
border : 0px;
}

.mainColink {
text-align: center;
text-decoration: none;
}

.mainColink img {
border: 0px;
}

.bd_titre {
width : auto;
background : url(images/bg_vert.png) repeat-x;
color : #1e7b1f; 
text-align : left;
padding-top : 4px;
padding-left : 4px;
height : 21px;
font-weight : bold;
font-size : 11px;
text-transform : uppercase;
}

.bd_titreSom {
background : url(images/bg_vert.png) repeat-x;
color : #1e7b1f; 
text-align : left;
padding-top : 4px;
padding-left : 4px;
height : 21px;
font-weight : bold;
font-size : 11px;
text-transform : uppercase;
border-top : 1px;
border-right: 1px;
border-bottom: 0px;
border-left: 1px;
border-style: solid;
border-color: #1e7b1f;
height: 17px;
}

a.bd_titre {
width : auto;
display : block;
background : url(images/bg_vert.png) repeat-x;
color : #1e7b1f;
text-align : left;
padding-top : 4px;
padding-left : 4px;
height : 20px;
font-weight : bold;
font-size : 11px;
text-transform : uppercase;
}

.menuBox {
float : left;
margin-right : 2px;
width : 140px;
border : 1px solid #1e7b1f;
background-color : #ffffff;
text-align : left;
}

.meteoBox {
width : 154px;
height : auto;
text-align : center;
vertical-align : middle;
padding-left: 3px;
padding-bottom: 30px;
}

.espace {
    height : 2px;
    clear : both;
    border-top: 1px solid #1e7b1f;
    border-bottom: 1px solid #1e7b1f;
}

.disclaim {
width : auto; 
height : auto;
border : 1px solid #1e7b1f;
margin-top : 2px;
margin-right : 2px;
margin-bottom : 2px;
margin-left : 2px;
background-color : #fff8dc;
font-size : 0.7em;
font-style : italic;
text-align : center;
}

.main1 {
    width : auto; 
    margin : 2px;
    background-color : #ffffff;
    text-align : left;
}

.contenu {
width : 483px;
border : 1px solid #1e7b1f;
height : auto;
margin-right : 0px;
margin-bottom : 2px;
padding-bottom: 2px;
background-color : transparent;
}

.txt {
padding : 2px;
font-size : 0.9em;
font-weight : normal;
text-align : justify;
border : 1px solid #1e7b1f;
}

.txt2 {
padding : 2px;
font-size : 0.9em;
font-weight : normal;
text-align : justify;
vertical-align : top;
}

.txt2 h3 {
font-size: 1.2em;
color: #1e7b1f;
text-transform: uppercase;
padding-bottom: 5px;
padding-left: 15px;
border-bottom: 1px solid #1e7b1f;  
}

.txt2 img {
border : 0;
margin : 5px;
}

.date_pub {
font-size : 0.7em;
text-align : right;
font-style : italic;
margin-right : 3px;
}

.centrer {
font-size : 0.8em;
font-size : 10px;
text-align : center;
}

.centrer img {
text-align: center;
}

.photos img {
border : 1px solid #000;
float : left;
margin : 3px;
padding : 3px;
width : 152px;
height : 102px;
}

.mainCol1 {
width : auto;
height : auto;
border : 1px solid #1e7b1f;
margin-top : 2px;
margin-right : 2px;
margin-bottom : 2px;
margin-left : 2px;
background-color : #ffffff;
font-size : 1em;
}

.red {
color : red;
}

.right {
    text-align : right;
}

.mini {
font-size : 0.8em;
font-style : italic;
font-weight : normal;
text-align : right;
padding-right : 2px;
}

.menu {
font-size : 0.7em;
font-style : normal;
font-weight : normal;
padding : 2px;
}

.menu_arch {
font-size : 0.85em;
font-style : normal;
font-weight : normal;
padding-left : 15px;
}

.menu_arch strong {
color : #1e7b1f;
font-style : italic;
}

h1 {
font-size: 1em;
font-weight: bold;
text-align: left;
color: #A45317;
text-transform: uppercase;
padding-bottom: 4px;
padding-left: 4px;
border-bottom: 1px solid #23348D;
background-color: #ffffff;
width: auto;
}

.boite{
float: left;
width: 474px;
height: auto;
background-color: #ffffff;
}

.boite img {
border: 0px;
padding: 0px 15px 0px 0px;
float: left;
height: 90px;
width: 90px;
}

.txt3{
padding: 4px 10px 2px 10px;
font-family: sans-serif, Arial, Verdana;
font-size: 0.80em;
background-color: #ffffff;
text-align: justify;
} 

.colD {
float : right;
border : 1px solid #1e7b1f;
background-color : #ffffff;
margin-right: 2px;
}

.flashbox {
width : 156px;
height : auto; /*147px;*/
padding : 0;
background-color : #ffffff;
margin-bottom: 20px;
}

.logoBox {
width : 156px;
height : 70px;    
text-align : center;
vertical-align : middle;
border-top : 1px solid #1e7b1f;
border-bottom : 1px solid #1e7b1f;
}

.logoBox1 {
width : 156px; 
padding-bottom: 30px;
height : auto;
text-align : center;
vertical-align : middle;
}

.bd_titreR {
width : auto;
display : block;
background : url(images/bg_vert.png) repeat-x;
color : #1e7b1f;
text-align : left;
padding-top : 4px;
padding-left : 4px;
height : 21px;
font-weight : bold;
font-size : 11px;
text-transform : uppercase;
border-top : 1px solid #1e7b1f;
}

.rightcol {
width : 156px;
height : auto;
}

.toPub {
height : 59px;
background-image : url(images/logosite.gif);
background-repeat : no-repeat;
background-position : center;
text-align : center;
}

table.flash {
table-layout : auto;
width : 156px;
padding : 0;
border-spacing : 0;
border-collapse : collapse;
speak-header : once;
}

table.flash th {
width : 156px;
vertical-align : top;
background : url(images/bg_vert.png) repeat-x;
color : #1e7b1f;
text-align : left;
padding-top : 4px;
padding-left : 4px;
height : 21px;
font-weight : bold;
font-size : 11px;
text-transform : uppercase;
}

table.flash td {
width : 156px;
vertical-align : top;
font-size : 0.8em;
padding : 3px;
text-align : center;
}

table.flash img {
max-height : 106px;
max-width : 150px;
}

.navlinks  a:link{
color: Yellow;
font-size: 0.9em;
}

.navlinks  a:hover a:visited{
color: Red;
}

.button {
	font-family: Arial, Helvetica, sans-serif;
	width: 60px;
	padding: 3px;
	font-size: 10px;
	text-align: center;
	background-color: #64FF65;
	border: 1px solid #007d40;
   -moz-border-radius: 12px;
	border-radius: 12px;
}

