/* Caractéristiques générales --------------------------------------------------------------- */
*{
margin: 0;
padding: 0;
border:0;
}
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:medium; /* medium => 16 px*/
color:#FFF;
background-color:#000;
}
#centrage {
width:940px;
margin:0 0;
font-size:11px;
display:table;
text-align:left;
position:relative;
background-image:url(../pics/fond-centrage.jpg);
color:#3B3B3B;
}
#conteneur{
width:940px;
background-repeat:no-repeat;
display:table;
position:relative;
}
#miseavant {
width:180px;
margin:0 0 0 10px;
font-size:11px;
text-align:left;
position:relative;
color:#E5E5E5;
}
#miseavant a{
color:#fff;
}

.separateur{
clear:both;
}
.separateur.border{
clear:both;
width:100%;
height:24px;
background:url(../pics/separateur.gif) repeat-x center;
}

.fdvert{
background-image:url(../pics/fond-conteneur-vert.jpg);
}
.fdorange{
background-image:url(../pics/fond-conteneur-orange.jpg);
}
.fdbleu{
background-image:url(../pics/fond-conteneur-bleu.jpg);
}
.fdprune{
background-image:url(../pics/fond-conteneur-prune.jpg);
}
.gras{
font-weight:bold;
}
.italique{
font-style:italic;
}
a:link, a:visited{
text-decoration:none;
}
a:hover, a:active{
text-decoration:underline;
}
h1{
font-size:95%;
left:10px;
position:relative;
width:190px;
margin-bottom:10px;
clear:left;
}
.vert, .color01{
color:#A1B82F;
}
.orange, .color02{
color:#F3A602;
}
.bleu, .color03{
color:#4DA2EA;
}
.prune, .color04{
color:#CE32A5;
}

html>body #zonedroite{

}

/* En tête --------------------------------------------------------------- */
#logo{
margin:5px;
float:left;
}
#flash{
position:relative;
left:19px;
}
html>body #flash{
left:27px;
}
/* Accès rapide ----------------------------------------------------------------- */
#accesrapide{
margin-bottom:60px;
top:30px;
position:relative;
padding:0 10px;
width:190px;
font-weight:bold;
font-size:100%;
line-height:20px;
color:#FFF;
display:table;
min-height:80px;
}
.moteur{
border:2px groove #999;
padding:2px;
font-size:80%;
width:145px;
margin:0 0 0 15px;
color:#777;
}
.lancerech{
margin:0 0 0 8px;
}
.accesrub{
border:2px groove #999;
padding:2px;
font-size:80%;
width:155px;
margin:10px 0 0 15px;
color:#777;
}
/* Navigation ----------------------------------------------------------------- */
#navigation{
height:34px;
margin:12px 16px 12px 0px;
}
html>body #navigation{

}
#navigation li{
list-style:none;
float:left;
margin:0 0 0 8px;
}
#navigation a{
height:32px;
display:block;
}
#rub01{
background-image:url(../pics/rub-01-le-pays.gif);
background-repeat:no-repeat;
width:174px;
padding:0 8px 0 0;
border-right:1px dotted #000;
}
#rub02{
background-image:url(../pics/rub-02-developpement.gif);
background-repeat:no-repeat;
width:157px;
padding:0 8px 0 0px;
border-right:1px dotted #000;
}
#rub03{
background-image:url(../pics/rub-03-eau.gif);
background-repeat:no-repeat;
width:157px;
padding:0 8px 0 0;
border-right:1px dotted #000;
}
#rub04{
background-image:url(../pics/rub-04-culture.gif);
background-repeat:no-repeat;
width:155px;
}
#navigation li span{
display:none;
}
/* Fil d'ariane ------------------------------------------------------------ */
#arianeh{
margin:10px 0 10px 15px;
padding-top:10px;
font-size:90%;
width:668px;
background-image:url(../pics/fond-infos-h.gif);
}
html>/**/body #arianeh{
margin:10px 30px;
}
#arianeb{
background-image:url(../pics/fond-infos-b.gif);
background-position:bottom;
width:658px;
padding: 0 0 10px 10px;
}
#arianeb a{
font-weight:100;
color:#3B3B3B;
text-decoration:underline;
}
#arianeb a:hover{
text-decoration:none;
}
/* Sous navigation ------------------------------------------------------------ */
#snav{
color:#E5E5E5;
width:199px;
list-style:none;
}
#snav a{
color:#E5E5E5;
}
#snav li{
border-top:1px dotted #B6BABC;
padding:3px 0 4px 20px;
}
.snavon{
font-weight:bold;
background-image:url(../pics/puce-fleche-smenu.gif);
background-repeat:no-repeat;
background-position:10px 7px;
}
/* Sous sous navigation ------------------------------------------------------------ */
#ssnav{
color:#E5E5E5;
width:179px;
list-style:none;
}
#ssnav li{
padding:1px 0 2px 20px;
border:none;
font-weight:100;
}
.ssnavon{
background-image:url(../pics/puce-fleche-smenu.gif);
background-repeat:no-repeat;
background-position:10px 4px;
}
/* Sous sous sous navigation ------------------------------------------------------------ */
#sssnav{
color:#E5E5E5;
width:159px;
list-style:none;
}
#sssnav li{
padding:1px 0 2px 20px;
border:none;
font-weight:100;
}
.sssnavon{
background-image:url(../pics/puce-fleche-smenu.gif);
background-repeat:no-repeat;
background-position:10px 4px;
}
/* Corps ------------------------------------------------------------ */
#corps{
width:660px;
height:420px;
/*
position:relative;
top:-25px;
left:35px;
display:table;
margin-top:20px;
display:table;*/
padding-left:30px;
position:relative;
}
#corps ul{
	padding-bottom: 20px;
    padding-left: 40px;
}
html>body #corps{
height:auto;
min-height:420px;
}
html>body #corps.carteff{

}
html>/**/body #corps{
height:420px;
}
/* Sous sous sous navigation ------------------------------------------------------------ */
#corps #sssnav{
list-style:none;
line-height:130%;
border-right:1px dotted #B6BABC;
width:230px;
margin-bottom:20px;
float:left;
}
#corps #sssnav li{
padding:0 0 0 20px;
}
#corps #sssnav a{
color:#3B3B3B;
}
#corps .sssnavon{
font-weight:bold;
background-repeat:no-repeat;
background-position:10px 5px;
}
.pucevert{
color:#A1B82F;
background-image:url(../pics/puce-fleche-ssmenu-vert.gif);
}
.puceorange{
color:#F3A602;
background-image:url(../pics/puce-fleche-ssmenu-orange.gif);
}
.pucebleu{
color:#4DA2EA;
background-image:url(../pics/puce-fleche-ssmenu-bleu.gif);
}
.puceprune{
color:#CE32A5;
background-image:url(../pics/puce-fleche-ssmenu-prune.gif);
}
html>body #corps .sssnavon{
background-position:10px 4px;
}
/* Contenu -------------------------------------------------------------------- */
#citation{
float:left;
margin-left:20px;
width:404px;
}
#citationseul{
width:100%;
text-align:center;
}
h2{
font-size:125%;
clear:left;
margin-bottom:10px;
}
h3{
font-size:100%;
font-weight:bold;
}
p{
margin-bottom:20px;
}
.visuel{
float:right;
border-right:7px solid;
margin-left: 20px;
margin-bottom: 15px;
width:184px;
}
.visuelsans{
text-align:center;
margin-bottom:10px;
}
.zoom{
float:right;
clear:right;
margin:-10px 7px;
padding-left:15px;
background-image:url(../pics/puce-liens-bleu.gif);
background-repeat:no-repeat;
background-position:0 3px;
}
.bordvert{
border-color:#A1B82F;
}
.bordorange{
border-color:#F3A602;
}
.bordbleu{
border-color:#5EABEC;
}
.bordprune{
border-color:#CE32A5;
}

#actuune.bordvert{
	border:solid 7px #A1B82F;
	border-bottom:none;
	border-right:none;
	border-top:none;
}
#actuune.bordorange{
	border:solid 7px #F3A602;
	border-bottom:none;
	border-right:none;
	border-top:none;
}
#actuune.bordbleu{
	border:solid 7px #5EABEC;
	border-bottom:none;
	border-right:none;
	border-top:none;
}
#actuune.bordprune{
	border:solid 7px #CE32A5;
	border-bottom:none;
	border-right:none;
	border-top:none;
}
/* Actualites -------------------------------------------------------------------- */
#actuune{
/*width:200px;
float:left;*/
padding:0 4px 0 0;
background-image:url("/pics/fond-actune.gif");
background-repeat:no-repeat;
background-position:center bottom;
/*background-color:#ccc;*/
width:100%;
min-height:130px;
position:relative;
}
#actuune h2{
margin: 0;
background-color: #fff;
padding: 0 0 5px 15px;
}
#actuune p{
margin:0;
margin-right:10px;
}
#actuune .visuel{
float:none;
margin:0 0 10px 0;
border:none;
width:190px;
}
#actusliste{
/*width:420px;
float:left;*/

/*background-image:url("/pics/fond-actuliste.gif");
background-position:center bottom;*/

/*background-repeat:no-repeat;*/
border-left:1px dotted #999;
/*margin-left:-10px;*/
width:100%;
}
#actusliste .visuel{
float:left;
margin:0 5px 0 0;
}
#actusliste h2{
margin: 0 0 10px 20px;
font-size:100%;
}
#actusliste span{
float:right;
}
#actusliste a{
font-size:90%;
font-weight:bold;
}
#actusliste #citation{
margin-left:10px;
}
#actusliste p{
/*border-bottom:1px dotted #999;
padding-bottom:20px;
margin-left:20px;
height:60px;*/
}
html>body #actusliste p{
height:auto;
/*min-height:60px;*/
}

#actusliste div#slider {
position:relative;
overflow:hidden;
width:400px;
height:150px;
z-index:2;
}
#actusliste div#slider div#slider-items {
position:absolute;
width:99999px;
z-index:1;
}
#actusliste div#slider div#slider-items div.slider-item {
float:left;
width:400px;
height:150px;
display:block;
}

.fleche{
margin:0 5px;
}

/* Resultats -------------------------------------------------------------------- */
#resultat,
.resultat{
width:640px;
border-bottom:1px dotted #999;
padding:10px 10px;
margin-left:10px;
display:table;
}
.gauche,
#gauche{
width:300px;
float:left;
border-right:1px dotted #999;
padding-right:10px;
}
.droite,
#droite{
float:left;
width:300px;
border-left:1px dotted #999;
margin-left:-1px;
padding-left:10px;
}
.resultat h2,
#resultat h2{
font-size:100%;
}
.resultat p,
#resultat p{
float:left;
width:235px;
}
html>body .resultat p,
html>body #resultat p{
width:240px;
}
.resultat span,
#resultat span{
float:right;
margin:5px 15px;
}
.resultat img,
#resultat img{
float:right;
margin-bottom:5px;
}
.resultat img.fleche,
#resultat img.fleche{
float:none;
margin-bottom:2px;
}
/* Zones d'infos --------------------------------------------------------------- */
#infosh{
float:left;
margin:20px 5px;
padding-top:10px;
font-size:90%;
background-image:url(../pics/fond-infos-h.gif);
width:668px;
}
#infosb{
background-image:url(../pics/fond-infos-b.gif);
background-position:bottom;
width:668px;
margin-top:-4px;
display:table;
}
#infosg{
border-left:7px solid;
border-right:1px dotted #999999;
width:320px;
position:relative;
top:-3px;
left:3px;
padding:10px 0 10px 10px;
float:left;
display:table;
}
#infosg.bordvert{
border-left-color:#A1B82F;
}
#infosg.bordorange{
border-left-color:#F3A602;
}
#infosg.bordbleu{
border-left-color:#5EABEC;
}
#infosg.bordprune{
border-left-color:#CE32A5;
}
#infosd{
float:left;
margin:5px 0 0 10px;
width:320px;
display:table;
}
#liensvert, #liensorange, #liensbleu, #liensprune{
list-style:none;
line-height:170%;
width:85%;
/*width:95%;*/
}
#liensvert li, #liensorange li, #liensbleu li, #liensprune li{
padding:0 0 0 20px;
background-repeat:no-repeat;
background-position:4px 4px;
}
#liensvert li{
background-image:url(../pics/puce-liens-vert.gif);
}
#liensorange li{
background-image:url(../pics/puce-liens-orange.gif);
}
#liensbleu li{
background-image:url(../pics/puce-liens-bleu.gif);
}
#liensprune li{
background-image:url(../pics/puce-liens-prune.gif);
}
#defil{
height:80px;
overflow:auto;
}
#calendrier{
line-height:170%;
width:95%;
}
/* Zones d'infos carto--------------------------------------------------------------- */
.recherche{
border:2px groove #999;
padding-left:2px;
width:280px;
margin:5px 0 0 15px;
color:#777;
font-size:90%;
}
#liensvertcarto, #liensorangecarto, #liensbleucarto, #liensprunecarto{
list-style:none;
line-height:170%;
width:95%;
float:left;
width:190px;
margin:5px 5px;
padding:10px 0;
}
#liensvertcarto li, #liensorangecarto li, #liensbleucarto li, #liensprunecarto li{
padding:0 0 10px 20px;
background-repeat:no-repeat;
background-position:4px 2px;
}
#liensvertcarto li{
background-image:url(../pics/puce-coche-vert.gif);
}
#liensorangecarto li{
background-image:url(../pics/puce-coche-orange.gif);
}
#liensbleucarto li{
background-image:url(../pics/puce-coche-bleu.gif);
}
#liensprunecarto li{
background-image:url(../pics/puce-coche-prune.gif);
}
#voircarte{
width:100px;
text-align:center;
font-weight:bold;
float:left;
}
#voircarte img{
border:1px solid;
}
#carteie {
right:0; left:30px; height:0px; /*overflow:hidden;*/
}
html>body #carteie {
/*position:static; right:auto; margin-top:auto;left:auto;*/
}
/* acteurs --------------------------------------------------------------- */
#acteurs {
display:table;
background-image:url(../pics/fd_acteurs.gif);
background-repeat:repeat-y;
margin-right:18px;
}
#acteurs .bord{
z-index:100;
position:relative;
margin-bottom:-3px;
}
#acteurs .visuels{
float:left;
width:206px;
display:table;
margin:-28px 0 -35px 0;
padding-right:0px;
}
#acteurs .visuels .photo{
margin:0 0 20px 0;
}

#acteurs .visuels .photo #loupe{
position:absolute;
margin-top:205px;
margin-left:180px;
}

#acteurs .artiste{
float:left;
margin:-30px 0 -35px 20px;
width:408px;
display:table;
padding:15px 10px 15px 15px;
text-align:justify;
}

#acteurs .artiste h2.art {
font-size:100%;
background-image:url(../pics/fleche.gif);
background-position:left 5px;
background-repeat:no-repeat;
padding-left:10px;
margin-left:-10px;
}

#acteurs .artiste h2{
font-size:100%;
}

#acteurs .artiste .liens{
margin-bottom:20px;
height:10px;
display:table;
}

#acteurs .artiste .liens a{
float:left;
margin-right:10px;
background-image:url(../pics/fleche.gif);
background-position:left 5px;
background-repeat:no-repeat;
padding-left:10px;
color:#3B3B3B;
font-weight:bold;
}
ul.ListeActeur {
	list-style-type: none;
}

/* contact */
table.contact{
margin:0 auto;
width:500px;
}

table.contact input{
border:solid 1px #000;
margin-left:5px;
}

table.contact textarea{
border:solid 1px #000;
}

table.contact tr.titre{
height:50px;
}

table.contact tr.rens{
height:30px;
}

table.contact td.col1{
padding-right:5px;
}


/* plan du site */

#plansite ul{
margin-left:15px;
}
#plansite ul li{
list-style:none outside none;
}
#plansite ul li a.niveau1{
color:#000;
}
#plansite ul.niveau2{
color:#000;
margin-left:30px;
}

#plansite ul.niveau2 li a{
list-style:none outside none;
background-image:url(../pics/fleche.gif);
background-repeat:no-repeat;
background-position:0 5px;
padding-left:10px;

}

#plansite ul.niveau2 a{
color:#000;
}
#plansite ul.niveau3{
margin-left:45px;
}

/* Logos et partenaires --------------------------------------------------------------- */
#logomono{
text-align:center;
width:195px;
/*margin-top:-130px;*/
margin-left:-205px;
/*position:relative;*/
/*z-index:99;*/
}
#logomono img{
margin-bottom:10px;
}
#logomono a{
color:#FFFFFF;
font-weight:bold;
text-decoration:underline;
}
#logomono a:hover{
text-decoration:none;
}
/* Territoire  --------------------------------------------------------------- */
#VillePhoto {
	width: 200px;
	height: 200px;
	border: 1px solid black;
	float: right;
}
/* Pied de Page --------------------------------------------------------------- */
#pied{
width:940px;
height:68px;
background-image:url(../pics/fond-pied.gif);
background-repeat:no-repeat;
}
#navsup{
float:left;
width:215px;
font-size:10px;
padding-left:0px;
padding-top:18px;
}
#navsup a{ 
color:#fff;
}
#adresse{
float:left;
text-align:center;
color:#4B4B4B;
font-size:90%;
width:700px;
padding-top:10px;
}
/*
.valid {
	color: rgb(0, 0, 0);
	background-color: rgb(255, 255, 255);
	padding: 0 5px;
	cursor: pointer;
}

.valid:hover{
	background-color: rgb(0, 0, 0);
	color: rgb(255, 255, 255);
}
input:focus, textarea:focus {
	background: rgb(200, 200, 200);
}*/
input#submiter {
	background-color:#fff;
	width:140px;
	text-align:left;
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top:1px;
}
html>body #submiter{
	margin-left:-3px;
	}