body {
margin:0; padding:0; font-family:verdana, arial, sans-serif; font-size:80%; color:#ffffff; text-align:center;
background-color:#ffffff;}

p {
margin:0.2em 0 1.2em 0; padding:0.3em;}

h1 {
padding-left:150px; margin:0;font-size:150%; font-weight:normal;background-color: transparent;  
color:#ffffff; font-family:verdana, arial, sans-serif;background-image:url(logo.jpg); background-repeat:no-repeat;height:131px;}

h2 {
color:#c1bfbf; font-size:small; font-weight:normal; margin:0.2em; padding:0; 
font-family:"Trebuchet MS", verdana, arial, sans-serif;}

div {
margin:0; padding:0; display:block;}

a:link, a:visited {
color:#8CD749; text-decoration:none;}
a:hover {
color:#8CD749; text-decoration:underline;}
a:active {
color:#8CD749; text-decoration:underline;}



.container {
margin:0 auto 0 auto; padding:0; width:1000px;background-color:#333333; }

.titleblock {
padding:5px 2em;margin:0 0 0 0; text-align:left;valign:middle;
background-image:url(fondbandeauref.jpg); background-repeat:no-repeat; background-position:right center;background-color:#333333;}

.titleblock p {
text-indent:4em; color:#3B4471;}

.titleblock h2{
color:#444444;width:60%;}

.navbardiv {
margin:0 0 0 0;background:url('quote_1.jpg') repeat;width:100%;
}
ul.navbar {
list-style-type:none; display:block; line-height:5px; 
clear:both; margin:0 0 0 0;padding:0; background-color:#333333;/*background:url('quote_off.jpg') repeat;*/}

ul.navbar li {
display:inline;padding:0.5em 0 1em 0;}

a.nav:link, a.nav:visited {
display:block; float:left; width:12%; padding:0.5em 0 1em 0; margin:0 0 0 0; 
text-decoration:none; background-color:#333333;background:url('quote_off.jpg') repeat; color:#FFFFFF;}

a.nav:hover {
display:block; float:left; width:12%; padding:0.5em 0 1em 0; margin:0 0 0 0; 
text-decoration:none; background:url('quote.jpg') repeat; color:#FFFFFF;}

a.nav:active {
display:block; float:left; width:12%; padding:0.5em 0 1em 0; margin:0 0 0 0; 
text-decoration:none; background:url('quote.jpg') repeat; color:#FFFFFF;}

a.navbleu:link, a.navbleu:visited {
display:block; float:left; width:12%; padding:0.5em 0 1em 0; margin:0 0 0 0; 
text-decoration:none; background-color:#333333;background:url('quote_off.jpg') repeat; color:#FFFFFF;}

a.navbleu:hover {
display:block; float:left; width:12%; padding:0.5em 0 1em 0; margin:0 0 0 0; 
text-decoration:none; background:url('quote_bleu.jpg') repeat; color:#FFFFFF;}

a.navbleu:active {
display:block; float:left; width:12%; padding:0.5em 0 1em 0; margin:0 0 0 0; 
text-decoration:none; background:url('quote_bleu.jpg') repeat; color:#FFFFFF;}

a.navjaune:link, a.navjaune:visited {
display:block; float:left; width:12%; padding:0.5em 0 1em 0; margin:0 0 0 0; 
text-decoration:none; background-color:#333333;background:url('quote_off.jpg') repeat; color:#FFFFFF;}

a.navjaune:hover {
display:block; float:left; width:12%; padding:0.5em 0 1em 0; margin:0 0 0 0; 
text-decoration:none; background:url('quote_jaune.jpg') repeat; color:#FFFFFF;}

a.navjaune:active {
display:block; float:left; width:12%; padding:0.5em 0 1em 0; margin:0 0 0 0; 
text-decoration:none; background:url('quote_jaune.jpg') repeat; color:#FFFFFF;}

a.navrouge:link, a.navrouge:visited {
display:block; float:left; width:12%; padding:0.5em 0 1em 0; margin:0 0 0 0; 
text-decoration:none; background-color:#333333;background:url('quote_off.jpg') repeat; color:#FFFFFF;}

a.navrouge:hover {
display:block; float:left; width:12%; padding:0.5em 0 1em 0; margin:0 0 0 0; 
text-decoration:none; background:url('quote_rouge.jpg') repeat; color:#FFFFFF;}

a.navrouge:active {
display:block; float:left; width:12%; padding:0.5em 0 1em 0; margin:0 0 0 0; 
text-decoration:none; background:url('quote_rouge.jpg') repeat; color:#FFFFFF;}

a.navviolet:link, a.navviolet:visited {
display:block; float:left; width:12%; padding:0.5em 0 1em 0; margin:0 0 0 0; 
text-decoration:none; background-color:#333333;background:url('quote_off.jpg') repeat; color:#FFFFFF;}

a.navviolet:hover {
display:block; float:left; width:12%; padding:0.5em 0 1em 0; margin:0 0 0 0; 
text-decoration:none; background:url('quote_violet.jpg') repeat; color:#FFFFFF;}

a.navviolet:active {
display:block; float:left; width:12%; padding:0.5em 0 1em 0; margin:0 0 0 0; 
text-decoration:none; background:url('quote_violet.jpg') repeat; color:#FFFFFF;}

a.navorange:link, a.navorange:visited {
display:block; float:left; width:12%; padding:0.5em 0 1em 0; margin:0 0 0 0; 
text-decoration:none; background-color:#333333;background:url('quote_off.jpg') repeat; color:#FFFFFF;}

a.navorange:hover {
display:block; float:left; width:12%; padding:0.5em 0 1em 0; margin:0 0 0 0; 
text-decoration:none; background:url('quote_orange.jpg') repeat; color:#FFFFFF;}

a.navorange:active {
display:block; float:left; width:12%; padding:0.5em 0 1em 0; margin:0 0 0 0; 
text-decoration:none; background:url('quote_orange.jpg') repeat; color:#FFFFFF;}

a.navturquoise:link, a.navturquoise:visited {
display:block; float:left; width:12%; padding:0.5em 0 1em 0; margin:0 0 0 0; 
text-decoration:none; background-color:#333333;background:url('quote_off.jpg') repeat; color:#FFFFFF;}

a.navturquoise:hover {
display:block; float:left; width:12%; padding:0.5em 0 1em 0; margin:0 0 0 0; 
text-decoration:none; background:url('quote_turquoise.jpg') repeat; color:#FFFFFF;}

a.navturquoise:active {
display:block; float:left; width:12%; padding:0.5em 0 1em 0; margin:0 0 0 0; 
text-decoration:none; background:url('quote_turquoise.jpg') repeat; color:#FFFFFF;}

a.navmarine:link, a.navmarine:visited {
display:block; float:left; width:12%; padding:0.5em 0 1em 0; margin:0 0 0 0; 
text-decoration:none; background-color:#333333;background:url('quote_off.jpg') repeat; color:#FFFFFF;}

a.navmarine:hover {
display:block; float:left; width:12%; padding:0.5em 0 1em 0; margin:0 0 0 0; 
text-decoration:none; background:url('quote_marine.jpg') repeat; color:#FFFFFF;}

a.navmarine:active {
display:block; float:left; width:12%; padding:0.5em 0 1em 0; margin:0 0 0 0; 
text-decoration:none; background:url('quote_marine.jpg') repeat; color:#FFFFFF;}

a.navblanc:link, a.navblanc:visited {
display:block; float:left; width:12%; padding:0.5em 0 1em 0; margin:0 0 0 0; 
text-decoration:none; background-color:#333333;background:url('quote_off.jpg') repeat; color:#FFFFFF;}

a.navblanc:hover {
display:block; float:left; width:12%; padding:0.5em 0 1em 0; margin:0 0 0 0; 
text-decoration:none; background:url('quote_blanc.jpg') repeat; color:#FFFFFF;}

a.navblanc:active {
display:block; float:left; width:12%; padding:0.5em 0 1em 0; margin:0 0 0 0; 
text-decoration:none; background:url('quote_blanc.jpg') repeat; color:#FFFFFF;}

a.navvertfonce:link, a.navvertfonce:visited {
display:block; float:left; width:12%; padding:0.5em 0 1em 0; margin:0 0 0 0; 
text-decoration:none; background-color:#333333;background:url('quote_off.jpg') repeat; color:#FFFFFF;}

a.navvertfonce:hover {
display:block; float:left; width:12%; padding:0.5em 0 1em 0; margin:0 0 0 0; 
text-decoration:none; background:url('quote_vertfonce.jpg') repeat; color:#FFFFFF;}

a.navvertfonce:active {
display:block; float:left; width:12%; padding:0.5em 0 1em 0; margin:0 0 0 0; 
text-decoration:none; background:url('quote_vertfonce.jpg') repeat; color:#FFFFFF;}

.rightcontainer {
float:right; clear:right; width:17em; margin:1em 0.5em 0 0; padding:0;background-color:#333333;overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; }
.rightbox {
width:220px;text-align:center;background: #333 url('corner.jpg') no-repeat bottom right;margin:0.2em 0 0 0;padding:0 0 0.2em 0;}
.rightbox p{
width:200px;text-align:center;margin:0 1.2em 1.2em 0;}
.rightbox h2 {
width:190px;height:24px;text-align:center;font-size:120%;background:url('quote_marron.jpg') repeat;font-weight:bold;margin:0 1.2em 0 0.2em;}

.leftcontainer {
float:left; clear:both; width:17em; margin:1em 0 0 0; padding:0;background-color:#333333;overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; }
.leftbox {
width:220px;text-align:center;background: #333 url('corner.jpg') no-repeat bottom right;margin:0.2em 0 0 0;padding:0 0 0.2em 0;}
.leftbox p{
width:200px;text-align:center;margin:0 1.2em 1.2em 0;}
.leftbox h2 {
width:190px;height:24px;text-align:center;font-size:120%;background:url('quote_marron.jpg') repeat;font-weight:bold;margin:0 1.2em 0 0.2em;}

.leftbox ul {
	text-align:left;
  padding-bottom: 10px;
}

.leftbox ul li {
  list-style-image: url(li_bullet.gif);
}
.leftboxmarine {
width:220px;text-align:center;background: #333 url('corner.jpg') no-repeat bottom right;margin:0.2em 0 0 0;padding:0 0 0.2em 0;}
.leftboxmarine h2{
width:190px;height:24px;text-align:center;font-size:120%;background:url('quote_marine.jpg') repeat;font-weight:bold;margin:0 1.2em 0 0.2em;
}
.rightboxblanc {
width:220px;text-align:center;background: #333 url('corner.jpg') no-repeat bottom right;margin:0.2em 0 0 0;padding:0 0 0.2em 0;}
.rightboxblanc h2{
width:190px;height:24px;text-align:center;font-size:120%;background:url('quote_blanc.jpg') repeat;font-weight:bold;margin:0 1.2em 0 0.2em;
}
.rightboxorange {
width:220px;text-align:center;background: #333 url('corner.jpg') no-repeat bottom right;margin:0.2em 0 0 0;padding:0 0 0.2em 0;}
.rightboxorange h2{
width:190px;height:24px;text-align:center;font-size:120%;background:url('quote_orange.jpg') repeat;font-weight:bold;margin:0 1.2em 0 0.2em;
}
.rightboxorange p{
font-family : Verdana, Arial, sans-serif;
font-size : 100%;
color : #c1bfbf;
text-align : center;
margin:0 1.2em 1.2em 0;
}
.rightboxviolet p{
font-family : Verdana, Arial, sans-serif;
font-size : 100%;
color : #c1bfbf;
text-align : center;
margin:0 1.2em 10px 0;
padding: 0 0 10px 0;
}

.rightboxviolet {
width:220px;text-align:center;background: #333 url('corner.jpg') no-repeat bottom right;margin:0.2em 0 0 0;padding:0 0 0.2em 0;}
.rightboxviolet h2{
width:190px;height:24px;text-align:center;font-size:120%;background:url('quote_violet.jpg') repeat;font-weight:bold;margin:0 1.2em 0 0.2em;
}
.rightboxvertfonce {
width:220px;text-align:center;background: #333 url('corner.jpg') no-repeat bottom right;margin:0.2em 0 0 0;padding:0 0 0.2em 0;}
.rightboxvertfonce h2{
width:190px;height:24px;text-align:center;font-size:120%;background:url('quote_vertfonce.jpg') repeat;font-weight:bold;margin:0 1.2em 0 0.2em;
}
.rightboxturquoise {
width:220px;text-align:center;background: #333 url('corner.jpg') no-repeat bottom right;margin:0.2em 0 0 0;padding:0 0 0.2em 0;}
.rightboxturquoise h2{
width:190px;height:24px;text-align:center;font-size:120%;background:url('quote_turquoise.jpg') repeat;font-weight:bold;margin:0 1.2em 0 0.2em;
}

.leftboxjaune {
width:220px;text-align:center;background: #333 url('corner.jpg') no-repeat bottom right;margin:0.2em 0 0 0;padding:0 0 0.2em 0;}
.leftboxjaune h2{
width:190px;height:24px;text-align:center;font-size:120%;background:url('quote_jaune.jpg') repeat;font-weight:bold;margin:0 1.2em 0 0.2em;
}
.leftboxjaune p{
width:200px;text-align:center;margin:0 1.2em 1.2em 0;}

.leftboxjaune ul {
	text-align:left;
  padding-bottom: 10px;
}

.leftboxjaune ul li {
  list-style-image: url(li_jaune.gif);
}
.borderimagecolonne{
	border:1px solid #999999;
}
.borderimagecontenu{
	margin:15px 18px 5px 0;
}
.borderimage img { 
border : 1px solid #8a8a8a;
margin : 3px 3px 3px 3px;
} 
.borderimage { 
border : 1px solid #8a8a8a;
margin : 3px 3px 3px 3px;
} 

.leftbox_green {
margin:0.5em; width:189px;text-align:center;background-color:#7bd32c;}

.linkbox a {display:block;}

.content {
text-align:left; margin:2em 17.5em 0 17.5em; padding:0 1ex 1em 1ex;color:#ffffff;background-color:#333333;overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

.content h2 {text-indent:3em;height:24px;text-align:left;font-size:120%;background:url('quote.jpg') repeat;font-weight:bold;margin:0 1.2em 0 0;}
.content h1 {color:#999999; font-size:90%;}
.content p {text-align : justify;margin:1.2em 1.2em 0 0;}
.contentbleu {
text-align:left; margin:2em 0 0 17.5em; padding:0 1ex 1em 1ex;color:#ffffff;background-color:#333333;overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

.contentbleu h2 {text-indent:3em;height:24px;text-align:left;font-size:120%;background:url('quote_bleu.jpg') repeat;font-weight:bold;margin:0 1.2em 0 0;}
.contentbleu h1 {color:#999999; font-size:90%;}
.contentbleu p {text-align : justify;margin:1.2em 1.2em 0 0;}
.contentviolet {
text-align:left; margin:2em 0 0 17.5em; padding:0 1ex 1em 1ex;color:#ffffff;background-color:#333333;overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

.contentviolet h2 {text-indent:3em;height:24px;text-align:left;font-size:120%;background:url('quote_violet.jpg') repeat;font-weight:bold;margin:0 1.2em 0 0;}
.contentviolet h1 {color:#999999; font-size:90%;}
.contentviolet p {text-align : justify;margin:1.2em 1.2em 0 0;}
.contentorange {
text-align:left; margin:2em 0 0 17.5em; padding:0 1ex 1em 1ex;color:#ffffff;background-color:#333333;overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

.contentorange h2 {text-indent:3em;height:24px;text-align:left;font-size:120%;background:url('quote_orange.jpg') repeat;font-weight:bold;margin:0 1.2em 0 0;}
.contentorange h1 {color:#999999; font-size:90%;}
.contentorange p {text-align : justify;margin:1.2em 1.2em 0 0;}
.contentjaune {
text-align:left; margin:2em 0 0 17.5em; padding:0 1ex 1em 1ex;color:#ffffff;background-color:#333333;overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

.contentjaune h2 {text-indent:3em;height:24px;text-align:left;font-size:120%;background:url('quote_jaune.jpg') repeat;font-weight:bold;margin:0 1.2em 0 0;}
.contentjaune h1 {color:#999999; font-size:90%;}
.contentjaune p {text-align : justify;margin:1.2em 1.2em 0 0;}
.contentturquoise {
text-align:left; margin:2em 0 0 17.5em; padding:0 1ex 1em 1ex;color:#ffffff;background-color:#333333;overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

.contentturquoise h2 {text-indent:3em;height:24px;text-align:left;font-size:120%;background:url('quote_turquoise.jpg') repeat;font-weight:bold;margin:0 1.2em 0 0;}
.contentturquoise h1 {color:#999999; font-size:90%;}
.contentturquoise p {text-align : justify;margin:1.2em 1.2em 0 0;}
.main{background: #333 url('corner.jpg') no-repeat bottom right;margin:1.2em 1.2em 0 0;}
.mainbox {
	text-align:left;
  padding: 0 0 10px 20px;
  margin-top:0;
  width:80%;
}
.mainboxjaune {
  list-style-image: url(li_jaune.gif);padding: 0 0 5px 5px;
}
.mainboxbleue {
  list-style-image: url(li_bleu.gif);padding: 0 0 5px 5px;
}
.mainboxjaune {
  list-style-image: url(li_jaune.gif);padding: 0 0 5px 5px;
}
.mainboxvert {
  list-style-image: url(li_vert.gif);padding: 0 0 5px 5px;
}
.mainboxbleu {
  list-style-image: url(li_bleu.gif);padding: 0 0 5px 5px;
}
.mainboxrouge {
  list-style-image: url(li_rouge.gif);padding: 0 0 5px 5px;
}
.mainboxblanc {
  list-style-image: url(li_blanc.gif);padding: 0 0 5px 5px;
}
.mainboxorange {
  list-style-image: url(li_orange.gif);padding: 0 0 5px 5px;
}
.mainboxmarine {
  list-style-image: url(li_marine.gif);padding: 0 0 5px 5px;
}
.mainboxvertfonce {
  list-style-image: url(li_vertfonce.gif);padding: 0 0 5px 5px;
}
.mainboxviolet {
  list-style-image: url(li_violet.gif);padding: 0 0 5px 5px;
}
.mainboxturquoise {
  list-style-image: url(li_turquoise.gif);padding: 0 0 5px 5px;
}
a.navcontentbleu:link, a.navcontentbleu:visited {
color:#c1bfbf; text-decoration:none;/*font-size:40%;*/}
a.navcontentbleu:hover {
color:#2870d2; text-decoration:underline;/*font-size:40%;*/}
a.navcontentbleu:active {
color:#2870d2; text-decoration:none;/*font-size:40%;*/}
a.navcontentjaune:link, a.navcontentjaune:visited {
color:#c1bfbf; text-decoration:none;/*font-size:40%;*/}
a.navcontentjaune:hover {
color:#cfc530; text-decoration:underline;/*font-size:40%;*/}
a.navcontentjaune:active {
color:#cfc530; text-decoration:none;/*font-size:40%;*/}
.chemindefer{color:#999999; font-size:90%;margin:3em 0 1em 0;
}
.envoyercontactrapide {
font-family : Verdana, Arial, sans-serif;
font-size : 80%;
color : #c1bfbf;
background-color : #333333;
text-align : center;
border: 1px solid #444444;
padding:0 1em 0 1em;

}
.envoyer {
width: 100%;
font-family : Verdana, Arial, sans-serif;
font-size : 12px;
color : #c1bfbf;
background-color : #333333;
text-align : center;
border: 1px solid #444444;
padding:0 1em 0 1em;

}
a.envoyer:hover {
color:#cfc530; text-decoration:none;margin-top:5px;}
.formmembre1
  {
    border: 1px solid #444444;
    color:#c1bfbf;
    background-color:#333333;
    font-size:12px;
    font-family:Arial;
    font-weight: bold;
    margin-left:37px;
   
  }
  .formmembre2
  {
    border: 1px solid #444444;
    color:#c1bfbf;
    background-color:#333333;
    font-size:80%;
    font-family:Arial;
    font-weight: bold;
    margin-left:20px;
   
  }
.smalltextenvoye {
font-size:75%;color:#8CD749;
}
.smalltext {
font-size:10px;
}
.footer {
color:#999999; font-size:75%; margin:2.5em 0.2em 0.5em 0.5em; padding:0.8em; 
border-top:1px solid #999999; text-align:left; clear:both;}

.footer .right {
float:right; clear:right; text-align:right;}

.footer p {margin:0;}