/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



html { height: 100%;

}

body {
margin: 0px; 
padding: 0px; 
height: 100%; 
margin-top: -1px; 
position: relative; 
color: #fff;
font-size: 10px;
font-family: verdana, arial, sans-serif;
line-height: 1.4em;
overflow: auto;
}


img#background{ 
height: 100%; 
width: 100%; 
z-index: -1; 
position: fixed; 
color: white; 
}


div#site{
position: absolute;
z-index: 10;
top: 0;
left: 0;
width: 950px;
}


div#haut{
float: left;
width: 950px;
height: 50px;
margin: 10px 0 0 25px;
}


div#editions{
float:left;
width: 350px;
height: 40px;
margin-top: 8px;
padding-bottom: 5px;
color: #222;
}


div#editions img{
float: left;
width: 22px;
height: 9px;
margin-top: 10px;

}


div#editions h1{
color: #000;
text-decoration: none;
font-family: 'geneva', verdana, sans serif;
font-size: 23px;
padding-bottom: 12px;
margin-bottom: 6px;
border-bottom: 1px solid #000;
}


div#editions a{
margin-left: 1px;
color: #000;
text-decoration: none;
}


div#editions p{
margin-bottom: 5px;
}


div#editions img{
top: 30px;
line-height: 5px;
margin-top: 0px;
margin-left: 5px;
width: 15px; 
height: 10px; 
}

div#editions-menu{
overflow: hidden;
visibility: hidden;
position: absolute;
z-index: 1;
top: 73px;
background-color: #223;
width: 565px;
font: 12px 'geneva', verdana, sans serif;
padding: 0 10px 30px 20px;
}

div#editions-menu div#fermer{
float: right ;
margin: 12px 2px;
}

div#editions-menu div#fermer a{
color: #fff;
font-size: 10px;
text-decoration: underline;
}

div#editions-menu div#fermer a:hover{
color: #fff;
}

div#editions-menu div#fermer a:active{
color: #fff;
text-decoration: line-through;
}

div#editions-menu ul{
padding: 15px 0 ;
border-bottom: 1px solid #fff;
margin-top: 10px;
}

div#editions-menu li{
list-style: none;
margin: 0;
padding-top: 2px;
padding-left: 0px;
color: #EEE;
}

div#editions-menu li img{
float: none;
padding: 0px 20px 5px 10px;
}


div#editions-menu li a{
color: #FFF;
margin-bottom: 6px;
}


div#editions-menu li p{
width: 560px;
color: #FFF;
margin-top: 10px;
line-height: 1.5em;
}


div#editions-menu p a{
margin-bottom: 2px;
}


div#editions-menu li a:hover{
color: #bbb;
}


div#editions-menu img{
float: left;
}

#texte_presentation{display:block;}
#texte_coordonnees{display:none;}
#texte_equipe{display:none;}
#texte_partenaires{display:none;}

div#editions-menu li#texte_equipe h2{
padding: 10px 0;
}

div#editions-menu li#texte_equipe div{
width: 250px;
float: left;
}

div#editions-menu li#texte_coordonnees p span{
text-decoration: underline;
line-height: 3em;
}

div#editions-menu li#texte_equipe div p.nom{
width: 200px;
margin-top: 10px;
padding-bottom: 2px;
}

div#editions-menu li#texte_equipe div p.poste{
width: 300px;
padding-bottom: 0px;
margin: 0;
}

div#editions-menu li#texte_equipe div p.adresse{
width: 300px;
margin: 0;
font-size: 10px;
}

div#editions-menu li#texte_partenaires p a{
padding-bottom: 6px;
border: 1px solid #fff; 
}


div#navigation-boite{
width: 975px;
height: 100px;
}


div#navigation{
float: left; 
clear: both;
width: 950px;
height: 92px;
color: #fff;
margin: 0px 0px 0px 0px;
overflow:hidden;
}


div#navigation ul{
list-style: none;
overflow: hidden;
height: 25px;
margin: 0px 0px 8px 0px;
width: 1000px;
}


div#navigation li{
font-family: monaco, helvetica, lucida sans, sans serif;
font-size: 10px;
background-color: #c20;
float: left;
height: 24px;
line-height: 30px;
padding: 0 4px 0 0;
}

div#navigation li#espacement{
padding: 0 2px;
}


div#navigation li a{
display:block;
color:#fff;
cursor: default;
text-decoration: none;
margin: 0px;
padding: 0 7px;
height: 20px;
line-height: 26px;
padding: 0 8px 0 8px;

}


div#navigation li a:hover{
background-image: url(../images/px-blanc.gif);
background-repeat: repeat;
color: #555;
}


div#navigation li:visited{
text-decoration: underline;
color: #fff;
}


div#navigation li:active{
text-decoration: underline;
}


div#navigation li#current{
text-decoration: underline;
}

div#navigation li#current2{
width: 210px;
}


div#navigation li#current2 a{
background-image: url(../images/px-blanc.gif);
background-repeat: repeat;
font-size: 10px;
color: #444;
text-decoration: none;
}


div#navigation li#current2 li:hover{
background-image: none;
background-repeat: repeat;
color: #fff;
}

div#navigation li.entites{
font-size: 10px;
margin: 0;
padding: 0;
width: 210px;
}

div#navigation li.entites a span{
color: #fff;
text-decoration: underline;
}


div#navigation li.entites a{
font-size: 10px;
display: block;
line-height: 26px;
margin: 0;
}


div#navigation li.entites a:hover{
background-image: url(../images/px-blanc.gif);
background-repeat: repeat;
color: #444;
display: block;
text-decoration: none;
}


div#navigation li.entites a:link{
text-decoration: none;
}


div#bouton-boutique{
background-color: transparent;
float: right;
margin-bottom: 10px;
padding: 0;
width: 100px;
}


div#bouton-boutique a{
background-image: url(../images/rectangle.gif);
background-repeat: no-repeat;
color: #222;
display:block;
padding: 0 5px;
height: 24px;
line-height: 20px;
float: right;
text-decoration: none;
font-size: 11px;
font-family: 'verdana', sans serif;
background-color: #222;
}


div#bouton-boutique a:hover{
color: #222;
float: right;
height: 24px;
line-height: 20px;
text-decoration: none;
background-color: #ff1;
}


div#contenu{
font: 11px 'verdana', sans serif;
float: left;
height: 520px;
line-height: 1.5em;
margin: 5px 0 0 0;
width: 975px;
line-height: 1.8em;
}

div#contenu p{
color: #000;
}


div#contenu h2{
padding-bottom: 10px;
font-size: 12px;
line-height: 1.3em;
color: #000;
}


div#contenu h3{
float: left;
width: 100px;
}


div#lieupresentation{
color: #000;
margin-top: 10px;
padding: 0;
width: 975px;
height: 490px;
}


div#lieupresentation ul{
float: left;
padding: 0;
}


div#lieupresentation li{
background-image: url(../images/px-blanc.gif);
background-repeat: repeat;
list-style: none;
padding: 1px 15px 20px 10px;
margin-right: 10px;
width: 440px;
}


div#lieupresentation ul.ulcomiteprog{
float: left;
margin-right: 10px;
padding: 0;
}


div#lieupresentation li.licomiteprog{ 
background-image: url(../images/px-blanc.gif);
background-repeat: repeat;
list-style: none;
padding: 1px 5px 20px 10px;
width: 220px;
}




/*Lieu programmation*/

lieuprogrammation{
width: 1000px; height: 500px;
}


div#lieuprogrammation-scroll{
background-image: url(../images/px-blanc.gif);
background-repeat: repeat;
color: #000;
float: left;
margin: 10px 0 0 0;
overflow: auto;
width: 200px;
top: 0;
bottom: 0;
position: relative;
background-color: #fff;
padding-left: 10px;
padding-bottom: 20px;
max-height: 480px;
}

div#lieuprogrammation-scroll h2{
font-size: 12px;
color: #000;
margin-bottom: 0;
padding-bottom: 4px;
padding-left: 0px;
}

div#lieuprogrammation-scroll p{
font-size: 10px;
color: #000;
border-bottom: 1px solid #aaa;
margin-left: 0px;
padding-bottom: 16px;
width: 185px;
line-height: 1.4em;
}


div#lieu-programmation-scrollbox{
float: left;
width: 180px;
}

div#lieu-programmation-scrollbox a{
text-decoration: none;
color: #000;
}

div#lieu-programmation-scrollbox div{
float: left;
padding-top: 15px
}

div#lieu-programmation-scrollbox-img{
width: 50px;
padding-bottom: 0px;
padding-left: 0px;
}

div#lieu-programmation-scrollbox-img img{
float: right;
}

div#lieu-programmation-scrollbox-txt{
float: right;
padding-bottom: 0px;
}

div#lieu-programmation-scrollbox-txt ul{
width: 180px;
float: right;
padding-left: 0px;
color: #000;
}

div#lieu-programmation-scrollbox-txt ul li.titre{
width: 180px;
padding: 0;
text-decoration: none;
line-height: 1.3em;
color: #c10;
}

div#lieu-programmation-scrollbox-txt ul li.titre:hover{
width: 180px;
padding: 0;
text-decoration: none;
line-height: 1.3em;
color: #c10;
background-color: #ff1;
}

div#lieu-programmation-scrollbox-txt ul li#current{
width: 180px;
padding: 0;
text-decoration: none;
line-height: 1.3em;
color: #000;
background-color: #ff1;
}

div#lieu-programmation-scrollbox-txt ul li.autres{
width: 180px;
text-decoration: none;
padding: 1px 0 4px 0;
color: #000;
font-size: 10px;
line-height: 1.4em;
}

div#lieu-programmation-scrollbox-txt ul li.dates{
width: 180px;
text-decoration: none;
padding-bottom: 0px;
color: #555;
font-size: 10px;
line-height: 1.2em;
}


div#lieuprogrammation-main{
background-image: url(../images/px-blanc.gif);
background-repeat: repeat;
float: right;
margin-top: 10px;
width: 755px; height: 490px;
}


div#lieuprogrammation-main-image{
float: left;
margin-right: 16px;
width: 320px; height: 490px;}


div#lieuprogrammation-main-image img{
float: left;
margin-right: 15px;
margin-top: 10px;
margin-left:10px;
}


div#lieuprogrammation-main-description{
float: left;
color: #333;
margin: 8px 10px 10px 0px;
position: relative;
width: 390px;
height: 461px;
border-bottom: 1px solid #DDD;
}


div#lieuprogrammation-main-description p{
margin-top: 0px;
padding-bottom: 10px;
}

div#lieuprogrammation-main-description h4{
margin-top: 0px;
padding-bottom: 16px;
font-size: 12px;
color: #111;
} 


div#lieuprogrammation-main-description p.autres{
margin: 0px;
color: #111;
padding-top: 10px;
padding-bottom: 0px;
}


div#lieuprogrammation-main-description p.date{
padding: 0;
color: #555;
border-bottom: 1px solid #aaa;
font-size: 10px;
line-height: 1.3em;
padding-bottom: 4px;
}




/* pas de programmation-venir.html */

div#lieu-archives{
color: #000;
float: left;
margin: 10px 2px 0 0;
width: 975px; height: 480px;
}


div#lieu-archives-liste{
background-image: url(../images/px-blanc.gif);
background-repeat: repeat;
width: 755px; height: 490px;
float: right;
padding-top: 10px;
}

div#lieu-archives-liste ul{
float: left;
width: 240px;
max-height: 500px;
padding-left: 10px;
}

div#lieu-archives-liste ul li{
width: 230px;
}

div#lieu-archives-liste ul li a{
text-decoration: none;
color: #222;
}

div#lieu-archives-liste ul li div div.archives-image{
float: left;
width: 50px;
height: 78px;
padding-bottom: 5px;
}


div#lieu-archives-liste ul li div div.archives-infos{
float: left;
width: 160px;
padding-left: 10px;
height: 78px;
padding-bottom: 5px;
}


div#lieu-archives-liste div.archives-infos ul{
width: 160px;
height: 70px;
}

div#lieu-archives-liste div.archives-infos ul li{
width: 160px;
line-height: 1.4em;
}


div#lieu-archives-liste ul li div div.archives-infos ul li.titre{
color: #111;
width: 160px;
padding-bottom: 3px;
font-size: 10px;
line-height: 14px;
text-decoration: underline;
}

div#lieu-archives-liste ul li div div.archives-infos ul li.titre:hover{
color: #222;
width: 160px;
padding-bottom: 3px;
font-size: 10px;
line-height: 14px;
text-decoration: underline;
background-color: #ff1;
}


div#lieu-archives-liste ul li div div.archives-infos ul li.autres{
color: #111;
width: 160px;
padding-bottom: 3px;
font-size: 10px;
line-height: 12px;
text-decoration: none;
}


div#lieu-archives-liste ul li div div.archives-infos ul li.dates{
color: #555;
width: 160px;
margin-bottom: 2px;
font-size: 9px;
line-height: 11px;
text-decoration: none;
}

/*
div#lieu-archives-liste ul li img{
float: left;
margin-right: 10px;
padding-bottom: 10px;
}

div#lieu-archives-liste ul li a{
text-decoration: none;
color: #444;
font-size: 9px;
line-height: 16px;
}


div#lieu-archives-liste ul li a span{
text-decoration: underline;
font-size: 10px;
line-height: 14px;
color: #222;
margin: 0;
padding: 0;
}


div#lieu-archives-liste ul li a h4{
text-decoration: none;
font-size: 10px;
font-style: normal;
margin: 0;
padding: 0;
line-height: 14px;
color: #444;
}


div#lieu-archives-liste ul li div{
width: 200px;
float: right;
}

*/




div#lieu-archives-evenement{
background-image: url(../images/px-blanc.gif);
background-repeat: repeat;
float: right;
margin-top: 0px;
width: 755px; height: 490px;
overflow: auto;
}


div#lieu-archives-evenement-image{
float: left;
width: 310px;
margin: 11px 12px 10px 10px;
}

div#lieu-archives-evenement-image img{
border-bottom: 1px solid #fff;
}

div#lieu-archives-evenement-texte{
width: 415px; 
height: 490px;
float: left;
margin: 0px 0px 10px 0px;
padding-right: 8px;
overflow: auto;
}

div#lieu-archives-evenement-texte p{
margin-top: 0px;
padding-bottom: 10px;
width: 390px;
}

div#lieu-archives-evenement-texte p.autres{
margin-top: 15px;
color: #777;
padding-bottom: 4px;
}


div#lieu-archives-evenement-texte p.date{
margin-top: 10px;
padding: 0;
color: #333;
border-bottom: 1px solid #888;
font-size: 11px;
font-family: geneva;
}


div#lieu-archives-evenement-texte h4{
padding: 2px 0 16px 0;
font-size: 12px;
line-height: 1.3em;
}

div#lieu-archives-evenement div.perf-quebec{
width: 710px; 
float: left;
margin: 0px 0px 10px 0px;
padding-right: 8px;
overflow: auto;
margin-left: 10px;
padding-bottom: 20px;
}


div#lieu-archives-evenement div.perf-quebec h4{
line-height: 1.3em;
padding-bottom: 10px;
}

div#lieu-archives-evenement div.perf-quebec p{
margin-top: 0px;
padding-bottom: 10px;
width: 475px;
float: left;
}

div#lieu-archives-evenement div.perf-quebec p.autres{
margin-top: 15px;
color: #777;
padding-bottom: 4px;
width: 710px; 
}

div#lieu-archives-evenement div.perf-quebec p.date{
margin-top: 10px;
padding: 0;
color: #333;
border-bottom: 1px solid #888;
font-size: 11px;
font-family: geneva;
width: 710px; 
}


div#lieu-archives-evenement div.perf-quebec img.performeurs{
float: right;
}


div#lieu-archives-scroll{
background-image: url(../images/px-blanc.gif);
background-repeat: repeat;
float: left;
margin: 0;
padding-bottom: 10px;
width: 210px; 
}

div#lieu-archives-scroll h2{
margin-left: 10px;
}


div#lieu-archives-scroll ul{
color: #c10;
float: left;
list-style: none;
margin-top: 0px;
padding: 0px;
width: 190px;
}


div#lieu-archives-scroll li{
margin: 0 0 4px 10px;
width: 80px;
}

div#lieu-archives-scroll li#current{
margin: 0 0 4px 10px;
color: #111;
background-color: #ff1;
}

div#lieu-archives-scroll li#current a{
color: #111;
}

div#lieu-archives-scroll li:hover{
margin: 0 0 4px 10px;
color: #c10;
background-color: #ff1;
}


div#lieu-archives-scroll li.description{
float: left;
margin: 0 0 10px 10px;
width: 170px;
}


div#lieu-archives-scroll li a{
padding-bottom: 10px;
color: #c10;
text-decoration: none;
}

div#lieu-archives-scroll li a:hover{
padding-bottom: 10px;
color: #c10;
text-decoration: none;
}

div#lieu-archives-scroll img.gauche{
float: left;
margin: 0;
overflow: hidden;
padding: 0px 10px 0 0px;
}


div#lieu-speciaux{
color: #000;
float: left;
margin: 10px 2px 0 0;
width: 975px; height: 490px;
}


div#lieu-speciaux-main{
background-image: url(../images/px-blanc.gif);
background-repeat: repeat;
height: 500px;
width: 740px;
float: right;
margin: 0px 0px 10px 0px;
}

div#lieu-speciaux-presentation{
background-image: url(../images/px-blanc.gif);
background-repeat: repeat;
width: 445px;
float: left;
margin: 0px 0px 10px 0px;
padding: 10px;
margin-left: 0;
}


div#lieu-speciaux-presentation p{
padding-right: 5px;;
margin-bottom: 10px;
}


div#lieu-speciaux-presentation h2{
margin: 0;
padding-bottom: 10px;
}

div#lieu-speciaux-presentation a{
font-size: 13px;
}


div#lieu-speciaux-main-photo{
float: left;
padding-top: 10px;
margin-right: 10px;
width: 320px;height: 490px; 
}


div#lieu-speciaux-main-photo img{
float: left;
padding-left: 10px;
width: 305px;
border-bottom: 1px solid #fff;
}


div#lieu-speciaux-main-text{
float: right;
color: #333;
padding-top: 10px;
margin: 0px 0px 10px 0px;
position: relative;
width: 410px;
height: 490px;
overflow: auto;
}


div#lieu-speciaux-main-text h4{
padding: 15px 0 10px 0;
font-size: 12px;
}


div#lieu-speciaux-main-text p{
margin-top: 0px;
padding-bottom: 10px;
width: 380px;
}


div#lieu-speciaux-main-text p.date{
margin: 0;
padding: 0;
color: #444;
border-bottom: 1px solid #888;
font-size: 11px;
font-family: geneva;
}



div#lieu-speciaux-scroll{
background-image: url(../images/px-blanc.gif);
background-repeat: repeat;
width: 215px;
height: 500px;
overflow: auto;
float: left;
padding-left: 10px;
}


div#lieu-speciaux-scroll h4{
margin-top: 10px;
margin-bottom: 15px;
}


div#lieu-speciaux-scroll ul{
width: 175px;
margin-top: 0px;
margin-left: 0px;
}

div#lieu-speciaux-scrollbox{
float: left;
width: 200px;
}


div#lieu-speciaux-scrollbox a{
color: #000;
text-decoration: none;
}


div#lieu-speciaux-scrollbox-img{
float: left;
width: 50px;
height: 50px;
padding-bottom: 18px;
}


div#lieu-speciaux-scrollbox-txt{
float: left;
width: 180px;
color: #000;
text-decoration: none;
font-size: 10px;
padding-left: 0px;
padding-bottom: 18px;
}


div#lieu-speciaux-scrollbox-txt ul{
width: 180px;
}


div#lieu-speciaux-scrollbox-txt ul li.titre{
color: #222;
width: 190px;
padding-bottom: 3px;
font-size: 10px;
line-height: 14px;
text-decoration: none;
}

div#lieu-speciaux-scrollbox-txt ul li.titre:hover{
background-color: #ff1;
color: #111;
}

div#lieu-speciaux-scrollbox-txt ul li#current{
background-color: #ff1;
color: #111;
width: 190px;
padding-bottom: 3px;
line-height: 1.4em;
}


div#lieu-speciaux-scrollbox-txt ul li.dates{
color: #c01;
width: 190px;
padding-top: 2px;
padding-bottom: 3px;
font-size: 10px;
line-height: 12px;
text-decoration: none;
}


div#lieu-speciaux-scrollbox-txt a{
text-decoration: none;
}


div#lieu-speciaux-scroll ul li h4{
margin: 0;
padding-top: 10px;
font-size: 11px;
}


div#lieu-speciaux-scroll ul a{
text-decoration: none;
}


div#lieu-speciaux-scroll ul li.image{
width: 50px; 
padding-bottom: 0px;
font-size: 11px;
line-height: 14px;
border: 1px solid #000;}


div#lieu-speciaux-scroll ul a li.dates{
color: #c10;
width: 175px;
margin-bottom: 2px;
font-size: 9px;
line-height: 11px;
text-decoration: none;
}


div#lieu-speciaux-scroll ul li img{
float: left;
margin-right: 10px;
}

div#lieu-speciaux-scroll ul li a{
text-decoration: none;
color: #444;
font-size: 9px;
line-height: 16px;
}


div#lieu-speciaux-scroll ul li a span{
text-decoration: underline;
font-size: 10px;
line-height: 14px;
color: #222;
margin: 0;
padding: 0;
}

div#lieu-speciaux-scroll ul li a h4{
text-decoration: none;
font-size: 10px;
font-style: normal;
margin: 0;
padding: 0;
line-height: 14px;
color: #444;
}

div#lieuaccesmembres{
color: #000;
margin: 0;
padding: 0;
width: 975px; 
height: 500px;
}

div#lieuaccesmembres-adhesion{
background-image: url(../images/px-blanc.gif);
background-repeat: repeat;
color: #000;
float: left;
margin: 10px 10px 10px 0;
padding: 0px 15px 20px 10px;
width: 340px;
max-height: 480px;
overflow: auto;
}


div#lieuaccesmembres-adhesion p{
padding-bottom: 10px;
} 


div#lieuaccesmembres-adhesion h2{
padding-bottom: 10px;
}


div#lieuaccesmembres-equipement{
background-image: url(../images/px-blanc.gif);
background-repeat: repeat;
color: #000;
float: left;
margin: 10px 0px;
overflow: auto;
padding: 0px 15px 20px 10px;
width: 575px;height: 480px;
}

div#lieuaccesmembres-equipement h2.1{
float: left;
padding-bottom: 0px;
}

div#lieuaccesmembres-equipement h2.2{
float: right;
padding-bottom: 0px;
}

div#lieuaccesmembres-equipement p.section{
text-decoration: underline;
padding-bottom: 10px;
padding-top: 10px;
}


div#lieuaccesmembres-equipement ul{
}

div#lieuaccesmembres-equipement ul#titre{
width: 550px;
height: 20px;
}

div#lieuaccesmembres-equipement ul#titre li.titre1{
float: left;
}

div#lieuaccesmembres-equipement ul#titre li.titre2{
float: right;
padding-top: 10px;
}

div#lieuaccesmembres-equipement ul.fin{
padding-bottom: 20px;
}


div#lieuaccesmembres-equipement li.equip-col1{
color: #222;
padding: 8px 0 0px 0;
font-style: normal;
width: 550px;
}

div#lieuaccesmembres-equipement li.equip-col1 span{
color: #666;
font-size: 10px;
}

div#lieuaccesmembres-equipement li.equip-col2-3{
border-bottom: 1px solid #EEE;
font-size: 10px;
padding-bottom: 6px;
padding-top: 2px;
padding-left: 0px;
text-align: left;
color: #666;
width: 550px;
}



div#formulaire{
padding-top: 20px;
margin-left: 20px;
color: #000;
width: 620px;
}

div#formulaire h2{
font-size: 14px;
padding-bottom: 15px;
}

div#formulaire h2.sous{
font-size: 14px;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #aaa;
}

div#formulaire img{
padding-bottom: 10px;
}

div#formulaire p{
padding-bottom: 5px;
}

div#formulaire p.section{
text-decoration: underline;
padding-bottom: 10px;
padding-top: 10px;
}

div#formulaire ul.location{
overflow: hidden;
width: 580px;
float: none;
}

div#formulaire ul.location li{
float: left;
color: #000;
}

div#formulaire ul.fin{
padding-bottom: 20px;
}


div#formulaire li.equip-col1{
color: #222;
padding: 8px 0 0px 0;
font-style: normal;
width: 550px;
}


div#formulaire li.equip-col1 span{
color: #666;
font-size: 10px;
}

div#formulaire li.equip-col2-3{
border-bottom: 1px solid #EEE;
font-size: 10px;
padding-bottom: 6px;
padding-top: 2px;
padding-left: 0px;
text-align: left;
color: #666;
width: 550px;
}

div#formulaire ul{
padding-bottom: 5px;
}

div#formulaire ul.abonnement{
padding-top: 14px;
width: 230px;
margin-right: 45px;
float: left;
}

div#formulaire ul.abonnement li{
width: 225px;
float: none;
color: #000;
padding-top: 3px;
padding-bottom: 0px;
margin-left: 22px;
}

div#formulaire ul.abonnement li.right{
width: 30px;
float: right;
color: #000;
padding-bottom: 10px;
padding-top: 1px;
height: 19px;
}

div#formulaire ul.abonnement li.abonnement{
padding-top: 5px;
padding-bottom: 5px;
height: 20px;
font-size: 11px;
font-weight: 600;
margin-left: 0px;
}



div#lieuappeldossier{
float: left;
width: 975px;height: 500px;
margin: 10px 2px 0 0;
color: #000;
}


div#lieuappeldossier-image{
float: right;
}


div#lieuappeldossier-image img.gauche{
float: right;
padding: 0;
}


div#lieuappeldossier-text{
background-image: url(../images/px-blanc.gif);
background-repeat: repeat;
float: left;
padding: 10px;
width: 330px;
margin-top: 0px;
margin-right: 0px;
color: #222;
}


div#lieuappeldossier-text h2{
margin: 0;
padding: 0 0 10px 0;
}


div#lieuappeldossier-text p{
margin-bottom: 20px;

}


div#lieuappeldossier-text a{
color: #222;
}


div#interpresentation{
color: #000;
margin-top: 10px;
padding: 0;
width: 975px;
height: 490px;
}


div#interpresentation ul{
background-image: url(../images/px-blanc.gif);
background-repeat: repeat;
float: left;
padding: 0;
}


div#interpresentation li{
list-style: none;
padding: 1px 15px 0px 10px;
margin-right: 0;
width: 445px;
max-height: 500px;
overflow: auto;
}


div#interpresentation ul.ulcomiteprog{
background-image: url(../images/px-blanc.gif);
background-repeat: repeat;
float: left;
margin-left: 10px;
padding-left: 10px;
padding-bottom: 10px;
width: 220px;
max-height: 500px;
overflow: auto;
}


div#interpresentation ul.ulcomiteprog li{
list-style: none;
width: 200px;
margin: 0;
padding: 0;
line-height: 1.6em;
}

div#interpresentation ul.ulcomiteprog li img{
padding-top: 10px;
}


/*Inter*/


div#internumerospublies-scroll{
background-image: url(../images/px-blanc.gif);
background-repeat: repeat;
color: #000;
float: left;
margin: 10px 0 0 0;
padding-bottom: 8px;
position: relative;
width: 210px;

}


div#internumerospublies-scroll ul{
background-image: url(../images/px-blanc.gif);
background-repeat: repeat;
color: #000;
width: 190px;
float: left;
margin: 10px 0 0 10px;
list-style: none;
padding: 0px 0px 8px 0px;
border-bottom: 1px solid #777;
}


div#internumerospublies-scroll ul h1{
padding-bottom: 10px;
font-size: 12px;
}


div#internumerospublies-scroll ul li{
float: left;
width: 21px;
margin-top: 0px;
padding-bottom: 2px;
padding-right: 6px;
text-align: right;
}


div#internumerospublies-scroll ul li.apercu{
width: 180px;
border: 1px solid #000;
}


div#internumerospublies-scroll ul li a#current{
padding-top: 2px;
padding-bottom: 2px;
background-color: #002;
color: #fff;
text-decoration: underline;
}


div#internumerospublies-scroll ul li a{
color: #444;
text-decoration: none;
}


div#internumerospublies-scroll ul li a:hover{
padding-top: 2px;
padding-bottom: 2px;
background-color: #ff1;
color: #000;
text-decoration: underline;
}


div#internumerospublies-scroll ul li a:visited{
padding-top: 2px;
padding-bottom: 2px;
color: #c10;
text-decoration: none;
}




div#internumerospublies-scroll img{
float: left;
margin-left: 10px;
overflow: hidden;
padding: 8px 10px 2px 0px;
}


div#internumerospublies-main{
background-image: url(../images/px-blanc.gif);
background-repeat: repeat;
float: right;
margin-top: 10px;
width: 755px; 
height: 500px;
}


div#internumerospublies-main-image{
float: right;
margin-right: 20px;
width: 320px; height: 490px;
}


div#internumerospublies-main-image img{
float: left;
margin-right: 15px;
}


div#internumerospublies-main-texte{
float: right;
color: #333;
padding-top: 10px;
margin: 0px 0px 10px 0px;
position: relative;
width: 415px;
height: 490px;
border-bottom: 1px solid #DDD;
overflow: auto;
}


div#internumerospublies-main-texte p{
margin-top: 0px;
padding-bottom: 10px;
width: 385px;
}

div#internumerospublies-main-texte p.fin{
margin-top: 0px;
padding-bottom: 25px;
width: 385px;
}



div#internumerospublies-main-texte p.numero-date{
margin: 0;
padding: 0;
color: #444;
border-bottom: 1px solid #888;
font-size: 11px;
font-family: geneva;
}


div#internumerospublies-main-texte h4{
padding: 20px 0 8px 0;
font-size: 12px;
width: 385px;
line-height: 1.3em;
}

div#internumerospublies-main-texte ul{
padding-top: 5px;
padding-right: 15px;
padding-bottom: 20px;
float: left;
border-top: 1px solid #ddd;
}

div#internumerospublies-main-texte ul li{
padding-right: 10px;
float: none;
}

div#internumerospublies-main-texte ul li.commander{
padding-bottom: 5px;
float: none;
}


div#internumerospublies-main-texte ul li a{
text-decoration: none;
color: #000;
}


div#internumerosvenir{
color: #222;
margin: 10px 0 0 0;
padding: 0;
width: 975px; height: 500px;
}


div#internumerosvenir ul{
margin: 0;
padding: 0;
}


div#internumerosvenir li{
background-image: url(../images/px-blanc.gif);
background-repeat: repeat;
float: left;
list-style: none;
margin: 0 10px 0 0;
padding: 1px 5px 10px 10px;
width: 300px; 
max-height: 490px;
overflow: auto;
}


div#internumerosvenir li p.details{
font-size: 10px;
line-height: 1.4em;
margin-top: 0;
font-weight: 400;
}

div#interproposerarticle{
background-image: url(../images/px-blanc.gif);
background-repeat: repeat;
color: #000;
margin-top: 10px;
padding: 0;
width: 975px;
height: 500px;
overflow: auto;}

div#interproposerarticle div{
float: left;
}

div#interproposerarticle h2{
padding-left: 10px;
width: 900px;
}


div#interproposerarticle p{
list-style: none;
margin: 0;
padding: 0px 15px 10px 10px;
width: 440px;
line-height: 1.5em;
}


div#interproposerarticle div p.titre{
text-decoration: underline;
font-style: normal;
padding-bottom: 5px;
}


div#interproposerarticle li p{
margin-top: 5px;
margin-bottom: 5px;
}


div#inter-publicite{
background-image: url(../images/px-blanc.gif);
background-repeat: repeat;
height: 500px;
color: #111;
margin-top: 10px;
}

div#inter-publicite-titre{
float: left;
margin-left: 10px;
width: 320px;
height: 480px;
padding-right: 20px;
}

div#inter-publicite-titre p{
width: 300px;
}

div#inter-publicite-titre ul{
width: 300px;
padding-top: 15px;
}

div#inter-publicite-titre ul li{
width: 125px;
float: left;
padding-right: 10px;
padding-bottom: 5px;
}

div#inter-publicite-titre ul li img{
border: 1px solid #ccc;
}

div#inter-publicite-infos{
float: left;
margin-left: 10px;
width: 600px;
}


div#inter-publicite-infos ul{
width: 250px;
float: left;
font-size: 10px;
line-height: 1.3em;
padding-right: 20px;
}

div#inter-publicite-infos ul li{
padding-bottom: 10px;
}

div#inter-publicite-infos ul h2{
font-size: 10px;
padding-bottom: 15px;
}

div#inter-publicite-infos ul li.technique{
padding-bottom: 5px;
}


div#interpointsdistribution{
background-image: url(../images/px-blanc.gif);
background-repeat: repeat;
color: #000;
margin: 0 0 0 0;
margin-top: 10px;
width: 470px;
height: 500px;
overflow: auto;
}


div#interpointsdistribution h2{
padding: 0px 0px 15px 10px;
}


div#interpointsdistribution p{
padding: 1px 15px 10px 10px;

}


div#interpointsdistribution p.souligner{
padding-top : 8px;
text-decoration: underline;
}


div#interpointsdistribution li{
list-style: none;
margin: 0 10px 10px 0px;
padding: 1px 5px 20px 10px;
}


div#riappresentation{
background-image: url(../images/px-blanc.gif);
background-repeat: repeat;
margin: 10px 10px 10px 0px;
padding: 1px 15px 20px 10px;
width: 445px;
height: 480px;
color: #000;
overflow: auto;
}

div#riappresentation h2{
line-height: 1.3em;
}


div#riappresentation ul{
float: left;
margin: 10px 0 0 0;
padding: 0;
}


div#riappresentation li{
float: left;
background-image: url(../images/px-blanc.gif);
background-repeat: repeat;
list-style: none;
margin: 0 10px 10px 0px;
padding: 1px 15px 20px 10px;
width: 440px;
}

div#riappresentation p{
padding-bottom: 20px;
}



div#riap-scroll{
float: left;
background-image: url(../images/px-blanc.gif);
background-repeat: repeat;
width: 225px;
height: 500px;
margin-top: 10px;
overflow: auto;
}

div#riap-scroll h2{
font-size: 12px;
color: #000;
margin-bottom: 0;
padding-bottom: 8px;
padding-left: 10px;
}

div#riap-scroll p{
font-size: 10px;
color: #333;
border-bottom: 1px solid #aaa;
margin-left: 10px;
padding-bottom: 8px;
width: 185px;
line-height: 1.3em;
}


div#riap-scrollbox{
overflow: hidden;
padding-top: 10px;
padding-left: 10px;
}

div#riap-scrollbox a{
text-decoration: none;
color: #111;
}


div#riap-scrollbox-img{
float: left;
width: 50px;
margin-bottom: 8px;
}


div#riap-scrollbox-txt{
float: left;
width: 130px;
margin-left: 10px;
margin-bottom: 8px;
}


div#riap-scrollbox-txt ul li.titre{
color: #c10;
padding-bottom: 3px;
line-height: 1.2em;
}


div#riap-scrollbox-txt ul li.titre:hover{
background-color: #ff1;
}

div#riap-scrollbox-txt ul li#current{
background-color: #ff1;
color: #111;
line-height: 1.2em;
padding-bottom: 3px;
}


div#riap-scrollbox-txt ul li.dates{
color: #555;
text-decoration: none;
font-size: 10px;
line-height: 1.3em;
}


div#riap-scrollbox-txt a{
}





div#riap-contenu{
float: right;
background-color: #fff;
height: 500px;
width: 740px;
margin-top: 10px;
}

div#riap-contenu-menu{
margin-right: 0px;
height: 32px; 
margin-left: 10px;
padding-bottom: 34px;
border-bottom: 1px solid #aaa;
overflow: auto;
width: 730px;
}

div#riap-contenu-menu ul{
float: left;
padding: 10px 0 0 0;
width: 705px;
}

div#riap-contenu-menu ul li.titre{
float: left;
padding: 0;
color: #222;
font-weight: 600;
font-size: 12px;
line-height: 1.2em;
}

div#riap-contenu-menu ul li.date{
float: none;
padding: 0 0;
color: #222;
font-size: 10px;
}


div#riap-contenu-menu ul li.archives{
float: right;

}

div#riap-contenu-menu ul li a{
font-size: 11px;
color: #000;
text-decoration: none;
}


div#riap-contenu-info{
float: left;
width: 740px;
height: 433px;
color: #fff;
overflow: auto;
}


div#riap-contenu-info-text{
float: left;
width: 400px;
margin: 0;
padding-top: 10px;
padding-left: 10px;
padding-right: 15px;
height: 400px;
color: #000;
}


div#riap-contenu-info-text table{
margin-bottom: 20px;
margin-top: 20px;
}


div#riap-contenu-info-text table td.pays{
width: 110px;
height: 20px;
color: #c01;
}


div#riap-contenu-info-text table td.artistes{
line-height: 1.4em;
padding-bottom: 8px;
}

div#riap-contenu-info-text p.artistes{
color: #000; 
border-bottom: 1px solid #aaa;
padding-top: 30px;
}


div#riap-contenu-info-text p.dates{
font-weight: 400;
line-height: 3.5em;
padding-bottom: 5px;
padding-top: 10px;
color: #c01; 
}

div#riap-contenu-info-text p{
width: 400px;
padding-bottom: 10px;
line-height: 1.4em;
padding-top: 0px;
}

div#riap-contenu-info-text ul{
padding-bottom: 10px;
width: 400px;
}


div#riap-contenu-info-text ul li.pays{
float: left;
padding-bottom: 3px;
font-weight: 400;
width: 110px;
text-decoration: underline;
}

div#riap-contenu-info-text ul li.artistes{
float: right;
padding-bottom: 10px;
line-height: 1.3em;
width: 280px;
}


div#riap-contenu-info-text ul.prog{
float: left;
margin-top: 0px;
padding-bottom: 20px;
padding-top: 10px;
padding-left: 0px;
width: 400px;
line-height: 1.6em;
}


div#riap-contenu-info-text h4{
padding-top: 20px;
padding-bottom: 10px;
}


div#riap-contenu-info-text ul.archivesphotos{
padding-bottom: 20px;
width: 695px;
overflow: hidden;
border-bottom: 1px solid #ddd;
}


div#riap-contenu-info-text ul.archivesphotos li{
float: left;
padding-right: 6px;
padding-bottom: 6px;
}

div#riap-contenu-info-image{
padding-top: 12px;
}


div#riapeditionvenir{
color: #000;
margin: 10px 3px 0 0;
padding: 10px 0px 0 55px ;
width: 620px; height: 480px;
}


div#riapeditionvenir p{
background-image: url(../images/px-jaune.png);
background-repeat: repeat;
padding-bottom: 20px;
}


div#riapeditionvenir img{
width: 550px; height: 340px;
}


div#actualite{
padding-top: 10px;
width: 975px;
}


div#actualite h1{
}


div#actualite ul{
background-image: url(../images/px-blanc.gif);
background-repeat: repeat;
color: #000;
width: 165px;
float: left;
margin: 0 10px 0 0 ;
list-style: none;
padding: 5px;
}

/*
div#actualite ul.les-actualites{
font-size: 14px;
padding-top: 5px;
padding-bottom: 20px;
background-image: url(../images/px-blanc.gif);
background-repeat: no-repeat;
width: 100px;
}
*/

div#actualite ul:hover{

}

div#actualite ul li{
width: 165px;
height: 37px;
margin-left: 0px;
line-height: 1.3em;
}

div#actualite ul a{
text-decoration: none;
color: #333;
}


div#actualite li{
font-style: normal;
text-decoration: underline;
}


div#actualite li a h3{ 
text-decoration: none;
margin: 0;
padding: 0;
}


div#actualite li.nouvelle{
float: left;
width: 100px;
height: 205px;
margin-top: 0px;
padding: 0;
display: block;
line-height: 1.6em;
}


div#actualite li.nouvelle div{
color: #000;
text-indent:-999px;
background-position:left;
background-repeat:no-repeat;
padding: 0px;
width: 165px;
height: 180px;
overflow: hidden;
padding-top: 20px;
}


div#actualite li.nouvelle div:hover{
border-top: 1px solid #000;
background-position:-999px;
text-indent: 0;
}


div#actualite li.nouvelle h1{
font-size: 16px;
margin-bottom: 22px;
text-decoration: none;
}




div#boutique{
width: 785px;
margin-top: 10px;
background-color: #fff;
}


div#boutique-intro{
float: none;
width: 750px;
margin-top: 40px;
padding-bottom: 20px;
overflow: hidden;
border-bottom: 5px solid #eee;
font-size: 11px;
}


div#boutique-intro h2{
margin-top: 10px;
}


div#boutique-intro p{
float: left;
width: 525px;
padding-right: 20px;
line-height: 1.8em;
color: #000;
}

div#boutique-intro ul{
line-height: 1.6em;
}

div#boutique-intro ul li{
float: left;
width: 335px;
}

div#boutique-intro ul li h2{
padding-bottom: 5px;
}


div#boutique-intro table{	
float: left;
width: 525px;
padding-top: 30px;
}

div#boutique-intro table td{	
width: 3px;
padding-top: 0px;
}


div#boutique-intro table caption{	
text-align: left;
padding: 15px 0 10px 0;
font-weight: 600;
}

div#boutique-abonnement{
margin-top: 10px;
margin-bottom: 20px;
width: 750px;
height: 290px;
border-bottom: 5px solid #eee;
padding-bottom: 20px;
}

div#boutique-abonnement ul.carte{
float: left;
width: 700px;
}

div#boutique-abonnement ul.carte li{
float: left;
padding-bottom: 20px;
padding-right: 30px;
}


div#boutique-abonnement p{
height: 60px;
}


div#boutique-abonnement-revue1{
width: 375px;
float: left;
margin-right: 30px;
padding-bottom: 20px;
}

div#boutique-abonnement-revue1 table{
width: 375px;
}

div#boutique-abonnement-revue1 table td{
border-bottom: 1px solid #fff;
padding: 7px;
text-align: center;
background-color: #eee;
color: #000;
word-spacing: 1px;
}

div#boutique-abonnement-revue1 table th{
text-align: center;
padding: 5px;
border: 1px solid #555;
color: #fff;
background-color: #333;
word-spacing: 1px;
}

div#boutique-abonnement-revue2{
width: 300px;
float: left;
}


div#boutique-abonnement h2{
padding-top: 10px;
padding-bottom: 20px;
font-size: 11px;
width: 750px;
}


div#boutique-main{
background-color: #fff;
color: #222;
float: left;
overflow: auto;
width: 765px;
margin: 0;
padding-left:10px;
text-decoration: none;
}


div#boutique p.retour{
float: right;
padding-right: 15px;
padding-top: 10px;
}

div#boutique-main p.retour a{
color: #444;
}


div#boutique-main h1{
text-align: left;
padding-bottom: 10px;
padding-top: 10px;
text-decoration: none;
font-family: 'geneva', verdana, sans serif;
font-size: 23px;
height: 35px;
width: 750px;
border-bottom: 4px solid #222;
}

div#boutique-main h1 a{
color: #444;
padding: 3px 5px;
margin-bottom: 10px;
text-decoration: none;

}

div#boutique-main ul#scroll{
float: none;
width: 750px;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: none;
}


div#boutique-main ul#scroll li{
float: left;
padding-right: 20px;
font-size: 12px;
}

div#boutique-main ul#scroll li a{
padding-right: 5px;
color: #222;
text-decoration: none;
padding-bottom: 3px;
border-bottom: 4px solid #ff0;
}


div#boutique-main ul#scroll li a:hover{
color: #666;
padding-bottom: 2px;
border-bottom: 4px solid #550;
}

div#boutique-main ul#scroll li.current a{
color: #333;
padding-bottom: 2px;
border-bottom: 4px solid #550;
}


div#boutique-main ul.debut{
padding-top: 1px;
}

div#boutique-main ul.adhesion{
width: 525px;
}


div#boutique-main ul{
width: 750px;
float: left;
border-top: 1px dotted #ddd;
padding: 7px 0;
}

div#boutique-main ul.colonnes-prix{
width: 750px;
float: left;
border: none;
padding-top: 20px;
padding-bottom: 20px;
}

div#boutique-main ul.colonnes-prix li{
float: left;
width: 60px;
text-decoration: underline;
}

div#boutique-main ul.colonnes-prix li.titreliste{
float: left;
width: 565px;
text-decoration: none;
font-size: 11px;
}

div#boutique-main ul.colonnes-prix li.titreliste h2{
padding-bottom: 5px;
}

div#boutique-main ul.colonnes-prix li.titreliste p{
font-size: 10px;
}


div#boutique-main ul.debut h2{
padding-bottom: 20px;
}

div#boutique-main h2{
padding-bottom: 20px;
}



div#boutique-main li.image{
float: left;
padding: 4px 0 3px 0;
font-style: normal;
width: 55px;
}


div#boutique-main li.equip-col1{
float: left;
font-size: 11px;
padding: 4px 0 3px 0;
font-style: normal;
width: 85px;
}


div#boutique-main li.equip-col2{
font-size: 11px;
padding: 4px 0 3px 0;
float: left;
width: 420px;	
font-style: normal;
color: #222;
}


div#boutique-main li.equip-col2 a{
text-decoration: none;
color: #777;
font-size: 10px;
}


div#boutique-main li.equip-col3{
float: right;
text-align: left;
width: 188px;
font-size: 11px;
padding: 0px 0 3px 0;
}

div#boutique-main li.equip-col3 ul{
border: none;
width: 180px;
}

div#boutique-main li.equip-col3 ul li{
width: 60px;
float: left;
}


#im {
width:100px;
height:100px;
background-color:gray;
}
 
#im div{
visibility:hidden;
width:100px;
}
 
#over{
margin-top:100px;
width:100px;
text-align:center;
background-color:#ff0000;
}


#liens{
height: 700px;
background-color: #eee;
padding-left: 20px;
color: #c10;
overflow: auto;
}

#liens ul{
height: auto;
padding-bottom: 10px;
padding-top:10px;
width: 310px;
}

#liens h1{
padding-top: 25px;
padding-bottom: 10px;
color: #c10;
font-family: 'geneva', verdana, sans serif;
font-size: 23px;
border-bottom: 1px solid #aaa;
width: 295px;
line-height: 2.5em
}

#liens h4{
font-family: geneva, verdana, sans-serif;
font-size: 12px;
padding-top: 25px;
padding-bottom: 12px;
color: #444;
font-weight: 900;
}

#liens a{
color: #c10;
font-size: 10px;
font-family: monaco, verdana, sans-serif;
}

#liens li{
padding-bottom: 3px;
}