@charset "utf-8";
/* CSS Document */
body{
background:url(../images/back-body.jpg) no-repeat top center;
margin:0;
padding:0;
font-family:Arial;
font-size:12px;
}
img{border:none;}
/*HEADER*/
#header1{
background:url(../images/back-header1.gif) no-repeat top center;
width:100%;
height:104px;
}
#header2{
width:970px;
margin:0 auto;
height:104px;
}
h1 {
margin:0;
padding:0 0 0 230px;
float:left;
width:500px;
}
h1 img {
border:none;
}
.logo-cccl {
float:left;
width:240px;
}

p {
text-align: justify;
}

/* FIL D'ARIANE */
#filariane {
width:970px;
float:left;
color:#006293;
font-size:11px;
margin-top:15px;
}
#filariane ul {
float:right;
text-align:right;
margin:0 255px 0 0;
padding:0;
list-style:none;
}
#filariane ul li {
display:inline;
}
#filariane ul li a {
color:#006293;
text-decoration:none;
}

.img-titre{
margin:0 0 0 222px;
padding:0;
border:none;
float:left;
}
.img-titre2{
float:left;
margin:0 0 0 20px;
padding:0;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#conteneur{
width:970px;
margin:0 auto;
}
#total{
background:url(../images/back-totem.jpg) no-repeat bottom left;
width:970px;
margin:0 auto;
float:left;
}

/*MENU*/
#navigation {
float:left;
width:185px;
margin-top:35px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* CONTENU */
#inter{
width:760px;
float:left;
/*background-color:#99FF00;*/
background:url(../images/back-inter.gif) no-repeat bottom right;
margin-right:25px;
}
/*BANDEAU*/
#bandeau{
/*background-color:#CCCCCC;*/
height:265px;
width:743px;
margin:0;
padding:35px 0 0 16px;
}
/*FLASH*/
#flash{
/*background:url(../images/img-flash.jpg) no-repeat 0 0;*/
height:260px;
width:437px;
float:left;
margin:0;
padding:0;
border-bottom:5px solid #eb690b;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*ORANGE*/
#orange{
background-color:#eb690b;
width:254px;
height:215px;
float:left;
margin:0;
padding:25px 25px 25px 25px;
border-left:2px solid #fff;
}
h4{
color:#fcc9a4;
font-size:14px;
margin:0;
padding:0;
float:left;
}

#orange p{
margin:0;
padding:0;
float:left;
color:#fff;
width:254px;
max-height:90px;
}
#orange p.img{
height:38px;
}
#orange a{
color:#ffcc00;
text-decoration:underline;
margin:0px;
padding:0;
}
#orange img{
margin-top:17px;
margin-bottom:20px;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*ORANGE intérieur*/
body.bodyac #orange{
color:#006293;
background-color:#006293;
}
body.bodyinter.bodymusee #orange{
color:#eb690b;
background-color:#eb690b;
}
body.bodyinter2.bodyacces #orange{
color:#eb690b;
background-color:#eb690b;
}
body.bodyinter2.bodyanim #orange{
color:#bc091b;
background-color:#bc091b;
}
body.bodyinter.bodyasso #orange{
color:#ffcc00;
background-color:#ffcc00;
}
body.bodyinter.bodyasso #orange h4{
color:#bc091b;
}
body.bodyinter.bodyasso #orange a{
color:#eb690b;
}
body.bodyinter2.bodyfond #orange{
color:#006293;
background-color:#006293;
}
body.bodyinter2.bodyactu #orange{
color:#006293;
background-color:#006293;
}
body.bodyinter2.bodygale #orange{
color:#00694d;
/*background-color:#00694d;*/
background-color:#008bd0;
}
body.bodyinter.bodyinfos #orange{
color:#009149;
background-color:#009149;
}
body.bodyinter2.bodytele #orange{
color:#008bd0;
background-color:#008bd0;
}
body.bodyinter.bodylien #orange{
color:#006293;
background-color:#006293;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*CONTENT accueil*/
#content{
width:375px;
float:left;
padding:15px 40px 25px 40px;
}
#content p{
float:left;
margin:0;
padding:0 0 20px 0;
}
#content p.img2{
margin-left:4px;
}
#content h2{
color:#006293;
font-size:22px;
padding:0 0 20px 0;
margin:0;
}
.titre{
font-size:14px;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*CONTENT intérieur*/
body.bodyinter2 #content{
width:715px;
min-height:400px;
}
body.bodyinter2 #content p{
text-align:justify;
width:695px;
padding-left:20px; 
float:left;
}
body.bodyinter #content{
width:540px;
min-height:400px;
}
body.bodyinter #totem{
width:140px;
float:left;
margin:0;
padding:0;
}
body.bodyinter #totem h3{
width:140px;
float:left;
margin:0;
padding:15px 0 15px 0;
}
body.bodyinter #totem ul{
width:140px;
float:left;
margin:0;
padding:0;
list-style:none;
}
body.bodyinter #totem ul li{
float:left;
margin:0;
padding:0;
text-align:justify;
}
body.bodyinter #totem ul li a{
float:left;
margin:0;
padding:0;
text-decoration:none;
}
body.bodyinter #totem ul li a:hover{
text-decoration:underline;
}
body.bodyinter.bodymusee #totem h3{
color:#eb690b;
}
body.bodyinter.bodymusee #totem ul li a{
color:#eb690b;
}
body.bodymusee #content ul.vignettes {
list-style: none;
text-align: center;
witdh: 540px;
}
body.bodymusee #content ul.vignettes li {
display: inline;
}
body.bodymusee #content ul.expo-vignettes {
list-style: none;
text-align : center;
}
body.bodymusee #content ul.expo-vignettes li {
display: inline;
margin: 0 5px 0 5px;
}
body.bodymusee #content p.expos-permanentes {
text-align: center;
}
body.bodymusee #content a.orange {
color:#eb690b;
}
body.bodymusee #content table {
witdh: 540px;
}
body.bodymusee #content table tr {
witdh: 540px;
margin: 0 20px 0 20px;
}
body.bodymusee #content table tr td.gauche {
height: 75px;
text-align: right;
}

body.bodymusee #content table tr td.centre {
text-align: center;
}
body.bodymusee #content table tr td.droite {
text-align: left;
}

body.bodyactu #content ul.vignettes {
list-style: none;
text-align: center;
width: 540;
}
body.bodyactu #content ul.vignettes li{
display: inline;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  body.bodyactu #content ul.vignette { 
  tex-align: center;
  } 
}

body.bodyinter.bodyacces #totem h3{
color:#eb690b;
}
/*body.bodyinter2.bodyacces #content h3{
color:#eb690b;
font-size:12px;
}*/
body.bodyinter.bodyacces #totem ul li a{
color:#eb690b;
}
body.bodyinter2.bodyacces #content a{
color:#eb690b;
}
body.bodyinter.bodyanim #totem h3{
color:#bc091b;
}
body.bodyinter.bodyanim #totem ul li a{
color:#bc091b;
}
body.bodyinter.bodyasso #totem h3{
color:#ffcc00;
}
body.bodyinter.bodyasso #totem ul li a{
color:#ffcc00;
}
body.bodyinter.bodyfond #totem h3{
color:#006293;
}
body.bodyinter.bodyactu #totem ul li a{
color:#006293;
}
body.bodyinter.bodygale #totem h3{
color:#008bd0;
/*color:#00694d;*/
}
body.bodyinter.bodygale #totem ul li a{
/*color:#00694d;*/
color:#008bd0;
}
body.bodyinter.bodyinfos #totem h3{
color:#009149;
}
body.bodyinter.bodyinfos #totem ul li a{
color:#009149;
}
body.bodyinter.bodytele #totem h3{
color:#008bd0;
}
body.bodyinter.bodytele #totem ul li a{
color:#008bd0;
}
body.bodyinter2.bodytele #content ul{
padding:0;
margin:0;
}
body.bodyinter2.bodytele #content ul li{
color:#008bd0;
list-style:none;
padding:0 0 5px 0;
margin:0;
}
/*body.bodyinter2.bodytele #content ul li.li-jour{
padding:0 0 0 10px;
margin:0;
}*/
body.bodyinter2.bodytele #content ul li a{
color:#008bd0;
text-decoration:none;
}
body.bodyinter2.bodytele #content ul li a:hover{
text-decoration:underline;
}
body.bodyinter.bodylien #totem h3{
color:#006293;
}
body.bodyinter.bodylien #content h3{
color:#006293;
font-size:18px;
}
body.bodyinter.bodylien #totem ul li a{
color:#006293;
}
body.bodyinter.bodylien #content ul{
list-style:none;
}
body.bodyinter.bodylien #content ul li a{
color:#006293;
text-decoration:none;
}
body.bodyinter.bodylien #content ul li a:hover{
text-decoration:underline;
}
/* gestion des titres, sous titres, p pages intérieures */
#content h2.coul-bleuf{
color:#006293;
}
#content h2.coul-orange{
color:#eb690b;
}
#content h2.coul-vertc{
color:#009149;
}
#content h2.coul-rouge{
color:#bc091b;
}
#content h2.coul-jaune{
color:#ffcc00;
}
#content h2.coul-bleuc{
color:#008bd0;
}
#content h2.coul-vertf{
color:#00694d;
}
body.bodyinter #content h3 {
font-size:18px;
margin:5px 0 5px 0;
padding:0 0 0 20px;
width:520px;
float:left;
}
body.bodyinter2 #content h3 {
font-size:18px;
margin:5px 0 5px 0;
padding:0 0 0 20px;
width:520px;
float:left;
}
body.bodyinter #content h4 {
margin:0;
padding:0 0 0 20px;
font-size:14px;
width:520px;
float:left;
}
body.bodymusee #content h3{
background:url(../images/orange.jpg) no-repeat center left;
color:#eb690b;
}
body.bodymusee #content h4{
color:#eb690b;
}
body.bodyasso #content h3{
background:url(../images/jaune.jpg) no-repeat center left;
color:#ffcc00;
}
body.bodyasso #content h4{
color:#ffcc00;
}
body.bodyinfos #content h3{
background:url(../images/vertc.jpg) no-repeat center left;
color:#009149;
}
body.bodyanim #content h3{
background:url(../images/rouge.jpg) no-repeat center left;
color:#bc091b;
}
body.bodyfond #content h3{
background:url(../images/bleuf.jpg) no-repeat center left;
color:#006293;
}
body.bodyactu #content h3{
background:url(../images/bleuf.jpg) no-repeat center left;
color:#006293;
}
body.bodyactu #content h4{
color:#006293;
}
body.bodylien #content h3{
background:url(../images/bleuf.jpg) no-repeat center left;
color:#006293;
}
body.bodytele #content h3{
background:url(../images/bleuc.jpg) no-repeat center left;
color:#008bd0;
width:695px;
}
body.bodyacces #content h3{
background:url(../images/orange.jpg) no-repeat center left;
color:#eb690b;
width:695px;
}
body.bodygale #content h3{
/*background:url(../images/vertf.jpg) no-repeat center left;
color:#00694d;*/
background:url(../images/bleuc.jpg) no-repeat center left;
color:#008bd0;
}
body.bodyinfos #content h4{
color:#009149;
}
body.bodyinter #content p { 
text-align:justify;
width:520px;
padding-left:20px; 
float:left;
}

body.bodyinter.bodymusee #content a {
text-decoration: none;
}

body.bodyinter.bodymusee #content p strong {
color: #eb690b;
}

body.bodyinter.bodymusee #content p strong.date {
color: #000;
}

body.bodyinter.bodymusee #content p.orange {
color: #eb690b;
}


/* liens pages intérieures */
body.bodyasso #content a{
color:#ffcc00;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



/*  TOTEM */
#totem{
/*background-color:#FF6600;*/
float:left;
width:304px;
padding:15px 0 25px 0;
}
.actu,
.expo,
.tour,
.tele {
float:left;
width:204px;
padding-left:100px;
margin-bottom:15px;
}
.actu{
background:url(../images/picto-totem1.jpg) no-repeat 0 0;
border-bottom:1px solid #bc091b;
}
.expo{
background:url(../images/picto-totem2.jpg) no-repeat 0 0;
border-bottom:1px solid #bc091b;
}
.tour{
background:url(../images/picto-totem3.jpg) no-repeat 0 0;
}
#totem h3{
color:#bc091b;
font-size:12px;
float:left;
width:204px;
margin:0;
padding:0;
}
#totem p{
margin:0;
padding:0;
float:left;
width:204px;
}
#totem a {
margin:0;
padding:0 0 25px 0;
float:left;
width:204px;
color:#eb690b;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* LIENS BAS PAGE */ 
.lien {
float:left;
width:760px;
margin-right:25px;
padding-bottom:10px;
}
.lien ul {
margin:0;
padding:0;
margin-left:265px;
}
.lien ul li {
display:block;
float:left;
background:url(../images/separateur-lien.jpg) no-repeat 0 2px;
}
.lien ul li a {
color:#646464;
text-decoration:none;
padding-left:10px;
margin:0 10px 0 10px;
}
.lien ul li a:hover {
text-decoration:underline;
color:#eb690b;
}
.lien ul li.no-separateur {
background:none;
}
/*  FOOTER */
#footer1{
width:100%;
background-color:#bcbcbc;
height:122px;
float:left;
}
#footer2{
width:970px;
margin:0 auto;
height:122px;
}
#footer2 img{
margin:15px 0 0 15px;
padding:0;
float:left;
border:none;
}
#jnov {
margin:0 auto;
width:970px;
text-align:center;
font-size:x-small;
color:#bcbcbc;
}
#jnov a {
color:#bcbcbc;
text-decoration: none;
}
.contact{
margin:22px 0 0 15px;
padding:0;
float:left;
color:#fff;
font-size:14px;
}
.soutien{
float:left;
padding:0;
margin:0 0 0 380px;
color:#fff;
font-size:12px;
width:300px;
}
.picto-footer2{
float:left;
padding:0;
margin:0 0 0 365px;
}
.picto-footer3{
float:left;
padding:0;
margin:0;
}