body {
margin:0px 0px 0px 0px;
background-color:#DDFFDD;
font-family:arial,sans-serif;
}

A {
color:#0000FF;
text-decoration:underline;
}
A:visited {
color:#0077FF; /* FF6633 */
text-decoration:underline;
}
A:hover {
color:#FF0000; /* 006600 */
text-decoration:underline;
}

A.menu {
color:#0000FF;
text-decoration:underline;
font-size:16pt;
font-family:arial,sans-serif;
}
A.menu:visited {
color:#0000FF;
text-decoration:underline;
font-size:16pt;
font-family:arial,sans-serif;
}
A:hover.menu {
color:#006600;
text-decoration:none;
font-size:16pt;
font-family:arial,sans-serif;
}

A.dl {
color:#0000FF;
text-decoration:underline;
}
A.dl:visited {
color:#0077FF;
text-decoration:underline;
}
A:hover.dl {
color:#FF0000; 
text-decoration:underline;
}

A.link {
color:#006600;
font-family:arial,sans-serif;
font-size:18px;
text-decoration:underline;
}
A.link:visited {
color:#006600;
font-family:arial,sans-serif;
font-size:18px;
text-decoration:underline;
}
A:hover.link {
color:#FF0000;
font-family:arial,sans-serif;
font-size:18px;
text-decoration:none;
}

.linked{
color:#FF6633;
font-family:arial,sans-serif;
font-size:18px;
}

A.gras {
color:#0000FF;
text-decoration:none;
}
A.gras:visited {
color:#FF6633;
text-decoration:none;
}
A:hover.gras {
color:#006600;
text-decoration:none;
font-weight:bold;
}

h1 {
color:#009933;
text-align:center;
font-family:arial,sans-serif;
text-decoration:none;
font-size:24px;
}

h1.par {
color:#009933;
text-align:center;
font-family:arial,sans-serif;
text-decoration:none;
font-size:24px;
}

h2 {
font-family:arial,sans-serif;
text-align:center;
color:#009933;
}

h3 {
font-family:arial,sans-serif;
text-align:center;
color:#009933;
}

td {
font-family:arial,sans-serif;
color:#006633;
}

td.texte {
font-family:arial,sans-serif;
color:#006633;
font-size:12pt;
}

td.menu {
text-align:center;
background:#DDFFDD;
}

td.image {
font-family:arial,sans-serif;
background:#DDFFDD;
text-align:center;
}

table.haut {
background:url(images/fond_haut.jpg);
height:80px;
}

td.menuG {
background:url(images/fond_menu.jpg);
}

.texte {
font-family:arial,sans-serif;
color:#006633;
font-size:12pt;
}

p {
font-family:arial,sans-serif;
color:#009933;
}

small {
font-family:arial,sans-serif;
text-align:center;
color:#006633;
}


div#entete {
 height:80px; width:100%;
 margin:0; padding:0;
 background:url(images/fond_haut.jpg) fixed repeat;
 z-index:1;
 position:fixed; top:0px;
}

div#colgauche {
 float:left;
 width:130px; height:600px;
 background:url(images/fond_menu.jpg) fixed repeat;
 margin:0px; padding:0px;
}

div#colcentre {
 float:none;
 margin:0px; padding:0px;
 margin-left: 150px;
 margin-right: 140px;
}

div#coldroite {
 float:right;
 width:120px; height:100%;
 margin:0px; padding:0px;
}

div#blocp {
 width:100%; height:auto;
 position:relative;
 margin:0px; margin-top:80px;
 padding:0px;
}

.sous-bloc {
 border:0px;
 height:24px;
}

.bloc {
 margin:3px; margin-bottom:1px; padding:0px;
}

.vert {
 font-family:arial,sans-serif;
 color:#006633;
}

.marron {
 font-family:arial,sans-serif;
 color:#993300;
}

.titre {
font-family:arial,sans-serif;
color:#009933;
font-weight:bold;
text-align:center;
}

.rouge {
font-family:arial,sans-serif;
color:#FF3300;
font-weight:bold;
}

.sous-ligne {
border:2px solid #BBDDCC;
padding:3px 3px;
color:#006633;
text-align:justify;
background-color:#DDFFEE;
}

.par {
width:90%; height:auto;
margin:0px; padding:0px;
}

.ligne {
margin:6px; margin-bottom:5px; padding:0px;
}

.par2 {
width:530px; height:110px;
border:2px solid #009955;
margin:0px; padding:0px;
background-color:#FFFFFF;
}

.par2 h1 img {
float:left;
margin-top:-16px;
}

.par3 {
width:67%; height:auto;
border:2px solid #009955;
padding:3px 3px;
text-align:justify;
background-color:#EEFFEE;
}

.ligne h2 img {
float:left;
margin-top:-24px;
}

.ligne h2 {
font-size: 11pt;
margin:0px; padding:5px 10px;
text-align:left;
font-weight: normal;
background-color:#BBDDCC;
border:1px solid #BBDDCC;
}

.tableau {
width:450px; height:auto;
border:2px solid #009955;
margin:0px; padding:0px;
}

.tab_line1 {
font-size: 12pt;
font-family:arial,sans-serif;
color:#005500;
margin:0px; padding:3px 3px;
text-align:left;
font-weight: normal;
background-color:#DDFFEE;
/* border:1px solid #009955; */
}

.tab_line2 {
font-size: 12pt;
font-family:arial,sans-serif;
color:#005500;
margin:0px; padding:3px 3px;
text-align:left;
font-weight: normal;
background-color:#CCFFCC; /* #EEFFFF; */
}

.cRouge {
width:80%; height:auto;
font-family:arial,sans-serif;
text-align:justify;
color:#006633;
padding:2px 2px;
background-color:#EEFFEE;
border:2px solid #EE0000;
}

.titreG{
font-family:arial,sans-serif;
font-weight:bold;
text-shadow:#CCCCCC 4px 4px 2px;
color:#FF3300;
}

.texte_citation{
font-family:arial,sans-serif;
color:#707070;
font-style: italic;
}


.redB{
font-family:arial,sans-serif;
font-weight:bold;
color:#FF0000;
}

.vertB{
font-family:arial,sans-serif;
font-weight:bold;
color:#006600;
}

.orangeB{
font-family:arial,sans-serif;
font-weight:bold;
color:#FF6600;
}

@media (max-width: 641px) {
/* Smartphone */
#gal_main {
display:table;
padding:2px 2px;
}

.galC {
padding:0px 0px;
align:left;
}
.galB {
 font-family:arial,sans-serif;
 font-size:16px;
 background:#FFFFFF;
}

h1.g {
font-family:arial,sans-serif;
text-align:left;
font-size:18px;
color:#009933;
}

.t_a {
text-align:left;
}

}

@media (min-width: 642px) {
/* Desktop */
#gal_main {
margin:auto;
display:table;
padding:2px 2px;
}
.galC {
align:left;
}
.galB {
 display:table-cell;
 width:260px;
 font-family:arial,sans-serif;
 font-size:16px;
 text-align:center;
 vertical-align:bottom;
 background:#DDFFDD;
}

h1.g {
font-family:arial,sans-serif;
text-align:center;
color:#009933;
}

.t_a {
text-align:center;
}

}