body{
background-color:#d3005f;
margin:0px;
padding:0px;
font-size:10px;
font-size:11px;
font-family:Helvetica, Arial, sans-serif;
color:#000000;
margin-left: auto;
margin-right: auto;
text-align: center;
}

/* GENERAL -------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------*/
#containeur {
width: 710px;
margin:0 auto;
margin-top:25px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

#header{
position: relative;
width:710px;
height:165px;
background:url(imgexpo/header/header.jpg);
text-align:right;
}

#header .animation{
float:right;
margin:12px 65px 0 0;
}

#header-link {
position: absolute;
top: 142px;
left: 490px;
width: 190px;
height: 12px;
background-color: transparent;
border-style: none;
}

#contenu{
width:710px;
/* padding-bottom:530px !important; <-- supprimer sinon ajoute 530px de vide rendus
	inutile par le overflow: hidden qui permet d'allonger la longueur de la page
	à la longueur des float qui y sont inclus */
padding-bottom:0;
background:url(imgexpo/contenu/fond_contenu.jpg);
overflow: hidden; /* <-- important : permet de prendre en compte les float pour la longueur du background */
}

strong {
font-weight: bold;
}

a:link {
color:#21b5df;
}

a:visited {
color:#21b5df;
}

a:hover {
color:#d3005f;
}

/* TITRES--------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------*/

h1 {
color:#d3005f;
font-size: 18px;
margin-top: 0px;
}

h2 {
color:#d3005f;
font-size: 14px;
}

h3 {
color:#d3005f;
font-size: 12px;
font-weight: bold;
}

h4 {
color:#d3005f;
font-size: 12px;
text-decoration: underline;
}




/* MENU ---------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------*/

#menu{
width:684px;
height:22px;
margin-left:12px;
margin-bottom:20px;
padding-top:6px;
background-color:#0092ba;
text-transform: uppercase;
}

.menug{
margin:0;
padding:0;
float:left;
margin-left:27px !important;
margin-left:8px;
margin-top:3px; /* centre verticalement */
}

.menug li {
}

.menud{
margin:0;
padding:0;
float:right;
margin-right:15px !important;
margin-right:7px;
margin-top:3px; /* centre verticalement */
}

#menu li{
list-style:none;
float:left;
margin-left:10px;
}

#menu a{
color:#FFFFFF;
text-decoration:none;
font-size:12px;
}

#menu a:hover{
color:#6fd2e3;
text-decoration:none;
font-size:12px;
}

.lienparticulier{
margin-top:15px;
}

ul.menuleft li.lienparticulier {
text-transform: uppercase;
}


/* CONTENU --------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------*/

#coa{
width:110px;
margin-left:30px !important;
margin-left:15px;
float:left;
}

#coa ul{
margin:0;
padding:0;
}

#coa li{
list-style:none;
}

#coa a{
color:#21b5df;
text-decoration:none;
}

#coa a:hover{
color:#d3005f;
text-decoration:none;
}

/* deja decrit plus haut ------------
.lienparticulier{
margin-bottom:10px;
}
*/

.menuleft2 {
text-transform: lowercase;
}

#coab{
width:285px;
margin-left:15px;
float:left;
}

#coab span{
font-size:12px;
color:#d3005f;
}

#coab p{
margin:0;
margin-bottom:10px;
}

#coac{
width:228px;
margin-left:15px;
float:left;
}

#coac h1{
background-color:#d3005f;
margin:0;
margin-top:-3px;
padding:0;
padding-top:3px; /* centre verticalement */
color:#FFFFFF;
text-align:center;
font-weight:normal;
font-size:20px;
letter-spacing: 5px;
}

#coac h2{
background-color:#d3005f;
margin:0;
margin-top:-3px;
padding:0;
padding-top:3px; /* centre verticalement */
color:#FFFFFF;
text-align:center;
font-weight:normal;
font-size:20px;
letter-spacing: 5px;
}

/*
#coac p{
color:#b6b6b6;
color: #868686;
border-left:1px #b6b6b6 solid;
border-right:1px #b6b6b6 solid;
margin:0;
padding:10px 0 0 25px;
margin-top:-3px;
}
*/

div.borderright {
border-left:1px #b6b6b6 solid;
border-right:1px #b6b6b6 solid;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
color: #868686;
}

div#coac p.bodytext {
padding-top: 10px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
padding-left: 25px;
}

div#coac span.news-latest-gotoarchive {
padding-left: 25px;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
text-align: center;
}

/* FOOTER --------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------*/

#footer{
background:url(imgexpo/footer/fond_footer.jpg);
background-repeat:no-repeat;
width:710px;
height:80px;
padding:47px 0 0 0px;
clear:both;
text-align: center;
padding-bottom: 10px;
}

#footer img{
border:none;
}

#credit{
text-align:center;
width:600px;
margin-left:55px;
margin-bottom:20px;
color:#e980af;
}

#credit a:link {
color: #ffffff;
}

#credit a:visited {
color: #ffffff;
}

#credit a:hover {
color: #21b5df;
}

/* NEWS --------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------*/

div.news-unit {
color:#b6b6b6;
color: #868686;
margin:0;
padding:10px 0 0 25px;
margin-top:-3px;
}

div.news-latest-item {
padding-top: 3px;
padding-bottom: 5px;
}

table.contenttable td {
font-family:Helvetica, Arial, sans-serif;
vertical-align: top;
}

div.news-latest-item p.bodytext {
margin: 0px;
padding: 0px;
}