/* CSS Document */
/* by S.E.E */

/********** GENERAL *********/

html, body {
height: 100%;
width: 100%;
overflow: auto;
}

body {
margin: 0;
padding: 0;
background-repeat: repeat;
font-family: Georgia, "Times New Roman", Times, serif;
}

#zonecontenu {
position:relative;
height: 100%;
margin-left: 350px;
overflow: auto;
}

#contenuglobale {
width:575px;
color:#000000;
z-index:11;
margin:73px 0 20px 0;
padding:0;
}

div.contenusimple {padding:25px 15px 25px 15px; background:#fff; width:545px}
div.contenusimple2 {padding:25px 15px 25px 15px; background:#fff; width:545px;}

#contenugauche {
width:130px;
background:#fff;
padding:25px 15px 25px 15px;
color:#000000;
z-index:11;
margin-right:15px;
}

div.gauche1 {
width:180px;
color:#000000;
z-index:11;
margin-right:15px;
}

div.contenugauche1 {
width:150px;
background:#fff;
padding:25px 15px 25px 15px;
color:#000000;
z-index:11;
margin-bottom:15px;
}

div.contenugauche2 {
width:150px;
background:#fff;
padding:25px 15px 25px 15px;
color:#000000;
z-index:11;
}

div.contenudroit {
width:350px;
background:#fff;
padding:25px 12px 25px 12px;
color:#000000;
z-index:11;
}

div.contenudroitTab {
width:350px;
background:#fff;
padding:25px 3px 25px 10px;
color:#000000;
z-index:11;
}

/* Rajout */
div.taille {font-size:12px}
/* */

#contenugauche, div.contenudroit, div.contenudroitTab, div.contenusimple, div.contenusimple2 {float:left;}
div.gauche1, div.contenugauche1, div.contenugauche2 {float:left;}

#contenuglobale {float:none;}    /* POUR IE : SI ON VEUT VOIR LA MARGE BASSE */

div.double {
float:left;
width:250px;
background:#fff;
padding:25px 15px 25px 15px;
margin-bottom:50px;
color:#000000;
z-index:11;
}

div.first {margin-right:15px}

div.double h4 {width:250px !important;}
div.contenudroit a{text-decoration:none; color:#999999 !important;}
div.contenudroit a:hover {text-decoration:none; color:#000000 !important;}

/***** BACKGROUND ******/

.fond1 {background-image: url(img/fond1.jpg); background-attachment:fixed;}

.fond1b {background-image: url(img/fond-1/fond1.jpg); background-attachment:fixed;}

.fond1c {background-image: url(img/fond-2/fond1.jpg); background-attachment:fixed;}

.fond1d {background-image: url(img/fond-3/fond1.jpg); background-attachment:fixed;}

.fond2 {background-image: url(img/fond2.jpg); background-attachment:fixed;}
.fond3 {background-image: url(img/fond3.jpg); background-attachment:fixed;}
.fond4 {background-image: url(img/fond4.jpg); background-attachment:fixed;}
.fond5 {background-image: url(img/fond5.jpg); background-attachment:fixed;}
.fond6 {background-image: url(img/fond6.jpg); background-attachment:fixed;}
.fond7 {background-image: url(img/fond7.jpg); background-attachment:fixed;}
.fond8 {background-image: url(img/fond8.jpg); background-attachment:fixed;}
.fond9 {background-image: url(img/fond9.jpg); background-attachment:fixed;}
.fond10 {background-image: url(img/fond10.jpg); background-attachment:fixed;}
.fond11 {background-image: url(img/fond11.jpg); background-attachment:fixed;}
.fond12 {background-image: url(img/fond12.jpg); background-attachment:fixed;}
/*.fond13 {background-image: url(img/fond13.jpg); background-attachment:fixed;}
.fond14 {background-image: url(img/fond14.jpg); background-attachment:fixed;}
.fond15 {background-image: url(img/fond15.jpg); background-attachment:fixed;}*/

/******** HALO **********/

#halo {
position: absolute;
z-index:0;
}

/******** LOGO CIAP ***************/

p.logoCIAP {padding:0; margin:0; margin-bottom:-2px; position:absolute; top: 495px; left:19px;}
#logo {visibility:visible; z-index:0}
#logover {visibility:hidden; z-index:10}
img.logoidv {position:absolute; z-index:100; top:0px; left:0px;}
img.accueil {position:absolute; z-index:100; top:36px; left:0px;}

/********** MENU NAVIGATION ****************/

#menu {
position: absolute;
left:0;
width: 325px;
z-index:0;
padding-left:25px;
}

/**** cf #menu ******/

#menu table {padding:0; margin:32px 0 0 0; width:270px}
tr {padding:0;margin:0}
td {padding:0;margin:0}

#menu {display:none}
#navigation img {visibility:hidden;}
#navigation img.rub { visibility:visible; display:block}

#navigation img.rubautre {visibility:hidden;}

#navigation img.ssrub { visibility:visible;}

/********** MENU NAVIGATION NEW ****************/

#menunavigation {width:310px; position:absolute; left:10px; top:0;}

div.rubrique {height:69px; width:310px; position:relative; display:none;}
div.rubrique img.rubrique {position:absolute; top:24px; right:108px; z-index:10;}

#rubactualites {position:absolute; top:0px;}
#rubcentre {position:absolute; top:69px;}
#rubeducation {position:absolute; top:138px;}
#rubeditions {position:absolute; top:207px;}
#rubcontact {position:absolute; top:276px;}
#rubresidences {position:absolute; top:345px;}
#rubblog {position:absolute; top:414px;}


div.sourubrique {height:69px; position:relative; z-index:0; display:none;}
img#expo {position:absolute; top:3px; right:82px}
img#evenemt {position:absolute; top:24px; right:18px}
img#conference {position:absolute; top:51px; right:108px}

img#info{position:absolute; top:3px; right:135px}
img#partenaires{position:absolute; top:3px; right:44px}
img#cafe{position:absolute; top:30px; right:20px}
img#parc{position:absolute; top:51px; right:145px}
img#memoire{position:absolute; top:51px; right:79px}

img#service{position:absolute; top:3px; right:31px}
img#documentation{position:absolute; top:24px; right:0px}
img#arthoteque{position:absolute; top:51px; right:108px}

img#vente{position:absolute; top:3px; right:56px}
img#podcasts{position:absolute; top:24px; right:34px}

img#equipe{position:absolute; top:3px; right:76px}
img#newsletter{position:absolute; top:24px; right:20px}
img#liens{position:absolute; top:51px; right:159px}

img#projets{position:absolute; top:3px; right:75px}
img#pensionnaires{position:absolute; top:51px; right:108px}

/********** MENU NAVIGATION EN NEW ****************/


img#expo2 {position:absolute; top:3px; right:87px}
img#evenemt2 {position:absolute; top:24px; right:50px}
img#conference2 {position:absolute; top:51px; right:108px}

img#info2{position:absolute; top:3px; right:122px}
img#partenaires2{position:absolute; top:3px; right:33px}
img#cafe2{position:absolute; top:30px; right:20px}
img#parc2{position:absolute; top:51px; right:142px}
img#memoire2{position:absolute; top:51px; right:79px}

img#service2{position:absolute; top:3px; right:52px}
img#documentation2{position:absolute; top:24px; right:0px}
img#arthoteque2{position:absolute; top:51px; right:108px}

img#vente2{position:absolute; top:3px; right:62px}
img#podcasts2{position:absolute; top:24px; right:34px}

img#equipe2{position:absolute; top:3px; right:86px}
img#newsletter2{position:absolute; top:24px; right:20px}
img#liens2{position:absolute; top:51px; right:159px}

img#projets2{position:absolute; top:3px; right:75px}
img#pensionnaires2{position:absolute; top:51px; right:108px}


/************** CONTENU *************/

img {border:0;}

h1, h2, h3, h4 {padding:0; margin:0; }
h1, h2 {color:#00FF00; width:350px;}
h4 {width:150px }
h3, h4, h5 {color:#000;}

h1 span, h2 span {color:#000; font-weight:normal; font-style:italic; display:block}
h1 span.auteur, h2 span.auteur {font-weight:bold; font-style:normal;}

h1{font-size:18px;}
h1 span.auteur em{font-weight:normal;}
.vert {color:#00FF00}

p {font-size:12px; padding:16px 0 0 0; margin:0}
p.sansPadTop {padding-top:0px;}
p.titre {font-weight:bold;}
p.titre span {font-weight:normal; display:block}
p.left {text-align:left;}
p.right {text-align:right;}

p.right a.plusvideo {float:left; display:block; background:url(img/0picto-v.gif) no-repeat; width:19px; height:16px; text-indent:-10000px; font-size:0;}
p.right a.plusvideo:hover {background:url(img/1picto-v.gif) no-repeat;}
p.right a.plusvideo span {display:none;}
 /* new */

p.infos {padding:16px 0 16px 0;}
div.double p {padding:0; margin:0 0 15px 0;}

span.offv {display:block; font-size:15px; font-weight:bold; margin-bottom:5px; margin-top:-5px;}

div.contenugauche2 a {display:block;margin-bottom:10px;}

img.logos {margin:0 0 0 10px; padding:0}

/********* LIENS ********/

a {	font-size:12px; color: #000000;  text-decoration:none;}
a:link { color: #000000;  text-decoration:none;}
a:visited { color: #000000; text-decoration:none;}
a:hover { color: #000000; text-decoration:none;}
a:active { color: #000000; text-decoration:none;}

.PDF, a.PDF, a.PDF:link, a.PDF:visited, a.PDF:active {background:url(img/logo-pdf.gif) left no-repeat; padding:2px 0 3px 20px; color:#999999}
a.PDF:hover {background:url(img/logo-pdf.gif) left no-repeat; padding:2px 0 3px 20px; color:#000000}

a.URL, a.URL:link, a.URL:visited, a.URL:active {color:#999999; text-decoration:none;}
a.URL:hover {color:#000000; text-decoration:none;}

a.simple {text-decoration:none; color:#999999}
a.simple:hover {text-decoration:none; color:#000000}


div.contenusimple2 a{text-decoration:none; color:#999999 !important;}
div.contenusimple2 a:hover {text-decoration:none; color:#000000 !important;}


p.charte {margin:0 !important; padding:0 !important;}
p.charte span {font-size:10px}
.lienSculptures{margin:0 0 10px 0 !important; padding:0 !important;}
.lienSculptures a{margin:0 10px 0 10px !important; color:#999999;}
.lienSculptures a.first {margin:0 10px 0 0px !important}

/******* CONTENU GAUCHE 2 ************/

div.contenugauche2 h4 {margin-bottom:5px;}
div.contenugauche2 p {padding:0 0 16px 0;}
div.contenugauche2 a {text-decoration:none;}
div.contenugauche2 a:hover {text-decoration:none; color:#00FF00;}

div.contenugauche2 p.PDF {padding:2px 0 3px 20px; margin:0; background-position:0px 2px;}
div.contenugauche2 p.PDF span {display:block; color:#000}
div.contenugauche2 p.margBot {margin:0 0 10px 0 !important;}
div.contenugauche2 p.lienSculptures {margin:0 0 10px 0; padding:0 0 0 20px; letter-spacing:2px;}
div.contenugauche2 p.lienSculptures a {display:inline; padding:0 3px 0 0;}
div.contenugauche2 p.lienSculptures a.last {padding:0 0 0 3px;}


div.contenugauche2 p.PDF a, div.contenugauche2 p.lienSculptures a {color:#999999; margin:0 !important}
div.contenugauche2 p.PDF a:hover, div.contenugauche2 p.lienSculptures a:hover {color:#000000}


/************** VIDEO **************/

#video {
display:none;
background:#fff;
color:#000;
position: absolute;
left:300px;
top: 200px;
z-index:10;
width:680px;
height:400px;

}

#video ul {list-style-type:none; margin:0; padding:0; position:absolute; top:30px; left:10px; width:300px;}
#video ul li a {color:#000;}
#video ul li a:hover, #video ul li a:active, #video ul li a:focus {color:#00FF00;}

#video p.fermer {position:absolute; top:10px; right:10px; padding:0; margin:0;}
#video p.fermer a {display:block; background:url(img/boutonscommun/btn_fermer_0.gif) no-repeat; width:12px; height:12px;}
#video p.fermer a:hover {background:url(img/boutonscommun/btn_fermer_1.gif) no-repeat;}
#video p.fermer a span {display:none;}

#video div.videos {position:absolute; top:30px; right:10px; width:340px; height:289px;z-index:11;}
#video div.videos div {display:none; position:absolute; top:0; right:0px;z-index:12;}

/************** DIAPORAMA **************/

#diaporama {
display:none;
background:#fff;
color:#000;
position: absolute;
left:300px;
top: 200px;
z-index:10;
width:680px;
height:400px;
}

.popup {
display:none;
background:#fff;
color:#000;
position: absolute;
left:300px;
top: 200px;
z-index:10;
width:680px;
height:auto;
}

div.imglib {float:left; margin:0px auto !important;}
div.imglib img {display:block; margin-bottom:0 !important}
div.popup h1 {width:auto !important}

#diaporama table {margin-top:20px;}

/****** PREHOME *********/

#halo2 {visibility: hidden;}
p.logoCIAPhome {padding:0; margin:0; margin-bottom:-2px; position:absolute; top: 250px; left:320px;}
#langues {position:absolute; top:370px; left:335px; visibility:hidden; z-index:10}
#langues img {display:block; margin-bottom:2px;}

/*********** LIBRAIRIE **************/

div.imglib {margin:16px 0 16px 0; font-size:13px; float:left}
div.imglib img {padding:0 10px 5px 0}

/******** CENTRE D'ART - MEMOIRE *****/

div.contenurecherche {
width:150px;
background:#fff;
padding:5px 15px 5px 15px;
color:#000000;
z-index:11;
margin-bottom:15px;
float:left;
}

html > body div.contenurecherche {padding:5px 15px 15px 15px;}

div.contenurecherche dl, div.contenurecherche dd, div.contenurecherche form {margin:0; padding:0;}
div.contenurecherche dt {display:none;}
div.contenurecherche dd span {display:block; margin-bottom:2px;}
div.contenurecherche dd select {width:150px;}