body {
margin : 2em  1%; 
padding : 0;
background-color : #ffffff;
color : #000;
font : 11px Verdana, Arial, Helvetica, sans-serif;
}
.bodyline {
background : #FFF;
color : #0a0ea7;

width :994px;
height : 25px;
text-align : center;
padding-top : 10px;
margin-top : 1px;
}
.blocline {
background : #f7f8fc;

width : 990px;
}
#conteneur {
width : 992px;
height : auto;
background-color : #fff;
}
#b1g {
padding : 1px;
float : left;
width : 20%;
height : auto;

text-align : left;
}
#b1m {
padding : 3.4px;
float : left;
margin-left : 1px;
width : 60%;
height : 1800px;
text-align :left;
background-color : #FFF;
border : 1px solid #ee8219;
}
#b1d {
padding : 1px;
float : left;
margin-left : 2px;
width : 20%;
height : auto;

text-align : left;
}
#texte {
padding-left : 5px;
font-size : 10px;
float : right;
width : 60%;
font-family : Arial, Verdana;
height : 230px;
text-align : left;
}
.ombre {
border-bottom : 3px ridge #4d88c4;
border-right : 3px ridge #4d88c4;
}
.etiq {
margin : 1px;
position : relative;
top : 0;
left : 0;
font-size : 12px;
color : #000080;
font-weight:bold;
width : 96%;
font-family : Verdana;
height : 25px;
text-align : center;
padding-top : 5px;
background-color : #a4bcdb;
border-bottom-color : #0033cc;
}
.titre {
color : #32475f;
font-size : 20px;
font-weight : bold;
text-align : center;
text-decoration: underline;
}
.ttitre {
color : #32475f;
font-family : Verdana, Arial, sans-serif;
font-size : 12px;
}
.p {
color : #000;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
margin : 10px;
text-align : left;
}
.petit {
font-size : 10px;
}
h1 {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 18px;
margin : 10px;
text-align : center;
color : #000080;
}
h2 {
font-family : Georgia, "Times New Roman", serif;
letter-spacing : 1px;
font-size : 14px;
font-weight : bold;
text-align : center;
color : #32475f;
}
h3 {
font-family : Georgia, "Times New Roman", serif;
letter-spacing : 1px;
font-size : 12px;
font-weight : bold;
color : #32475f;
}

.Style3 {color: #0033CC}
.Style4 {color: #800000}


a, a:visited {
color : #000080;
text-decoration : none;
font-weight : normal;
}
a:hover {
color : red;
text-decoration : underline;
}
a.mma, a.mma:visited {
color : #32475f;
text-decoration : none;
font-weight : normal;
}
a.mma:hover {
color : #32475f;
text-decoration : underline;
}
a.mm3, a.mm3:visited {
color : #808080;
text-decoration : none;
font-weight : normal;
}
a.mm3:hover {
color : #c0c0c0;
text-decoration : none;
font-weight : normal;
}
.center {
text-align : center;
}

.fond {
background-color : #a4bcdb;
}
.bloclinedot {
background : #f7f8fc;
color : #32475f;
height : auto;
padding-top : 0;
}
hr {
color : #2b4e6c;
height : 1px;
}
.gen {
font-size : 10px;
margin : 2px;
color : #000;
list-style-image: url("http://www.avis-droit-social.net/images/forward.jpg");
}
.redlum {
height : 50px;
width : 450px;
font-style : italic;
}
.texte_gras_rouge {
font-family : Arial, Helvetica, sans-serif;
font-size : 10pt;
font-style : normal;
font-weight : bold;
color : #808080;
}
blockquote {
background : #cbe6f9;
color : #404040;
font-family : Verdana, Arial, sans-serif;
font-size : 12px;
margin : 2px;
border : 3px ridge #bad0fc;
padding : 5px;
}
.link {
height : auto;
margin-top : 5px;
}
input, textarea, select {
color : #404040;
font-size : 12px;
font-family : Verdana, Arial, Helvetica, sans-serif;
border-color : #c0c0c0;
}
.imgleft {
float : left;
margin-left : 8px;
border : 4px solid #4d88c4;
}
.imgright {
float : right;
margin-left : 8px;
border : 4px solid #4d88c4;
}
ul {
padding-left : 15px;
margin-left : 5px;
margin-top : 0;
margin-bottom : 0;
color : #000;
}
img {
border : 0;
}
.logo {
width : 151px;
height : 39px;
text-align : center;
font-family : Comic sans MS;
margin : 1px;
}
.ban {
letter-spacing : 4px;
position : relative;
top : 0;
left : 2px;
margin : 1px;
font-size : 40px;
font-weight : bold;
width : 400px;
font-family : Arial;
height : 60px;
text-align : center;
padding-top : 0;
height : 36px;
}
.cleaner {
clear : both;
line-height : 0;
}
.centrer {
text-align : center;
}
div.encart {
text-align : justify;
border-style : dotted;
border-width : 2px;
border-color : #6666cc;
-moz-border-radius: 10px;
color : #800040;
background-color : #ffffff;
font-size : 95%;
margin-left : 25px;
margin-right : 25px;
margin-bottom : 15px;
padding : 1em;
}
div.encartmndr {
text-align : justify;
border-style : dotted;
border-width : 3px;
border-color : #6666cc;
-moz-border-radius: 10px;
color : #800040;
background-color : #ffffff;
font-size : 85%;
margin-left : 5px;
margin-right :5px;
margin-bottom : 15px;
padding : 1em;
}

#resume {
overflow : hidden;
padding : 20px 0 5px 20px;
color : #363b29;
background : #fff;
}
#resume ul {
margin : 0;
list-style : none;
}
#resume li {
float : left;
width : 270px;
margin : 0;
padding : 0 10px 18px 0;
}
#resume li.clear {
clear : left;
}
#resume h2 {
margin : 0 10px 6px 0;
font-size : 1.4em;
}
#resume h2 {
text-decoration : none;
color : #000080;
background : #b1c3d9;
font-size : 15px;
border: 1px solid #0000B9;
-moz-border-radius: 10px;
}
#resume p {
margin : 0 0 0 0;
padding : 3px;
}
a.info {
position : relative;
color : black;
text-decoration : none;
border-bottom : 1px dotted #587ead;
}
a.info span {
display : none;
}
a.info:hover {
background : none;
cursor : pointer;
}
a.info:hover span {
display : inline;
position : absolute;
white-space : nowrap;
top : 30px;
left : 20px;
background : #f4f4f4;
color : #3030e4;
padding : 3px;
border : 1px solid #587ead;
border-left : 6px solid #587ead;
}
.barremenu {
background : #A4BCDB;
font-size : 11px;
color : red;
width : 994px;
height : 18px;
text-align : center;
padding-top : 10x;
margin-top : 1px;
}
.cell2 {
background-color : #a4bcdb;
height :23px;
width: 100%;
font-size:12px;
border : 2px solid #bad0fc;
}

.cell3 {
background-color : #a4bcdb;
height : 28px;
color:#0000FF;
border : 2px solid #bad0fc;
}

.Style1 {
color : #ff0000;
}
.cell {padding-top:5px;height:15px;border: 2px solid #BAD0FC;background-color: #BAD0FC;);}

.sideheader2 {
width : 262px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-weight : bold; 
font-size : 11px; 
text-align : left; 
color : #6666cc; 
background-color : #f0f4ff; 
border-top : 1px solid #6666cc; 
border-bottom : 1px solid #6666cc; 
} 
div.encartpied {
text-align : justify; 
border-style : dashed; 
border-width: medium ;
border-color : #ff9933; 
border-width : 2px; 
color : #000000; 
background-image :  url(images/beige022.gif); 
font-size : 110%; 
margin-left : 35px; 
margin-right : 25px; 
margin-bottom : 15px; 
padding : 1em; 
} 
.blocmenu {
border-top :2px solid #C0C0C0;
width : 995px;
}

#footer {
    clear: both; /* important !!!!*/
  }
  
.colonne {display:table-cell; width:150px; padding:5px} 
.colonne:first-child {background:#f7f8fc} 
.colonne + .colonne {border-right:2px solid #fff; background:#f7f8fc}

.colonne1 {display:table-cell; width:580px; padding:15px} 
.colonne1:first-child {background:#fff} 
.colonne1 + .colonne {border-left:2px solid #fff; background:#fff}

.colonne2 {display:table-cell; width:150px; padding:15px} 
.colonne2:first-child {background:#f7f8fcf} 
.colonne2 + .colonne {border-left:2px solid #fff; background:#f7f8fc}