*
{
    font-family : Arial;
    font-size : 11px;
    margin : 0;
    padding : 0;
}
html
{
    height : 100%;
}
body 
{
    height : 100%;
}
input
{
	margin : 3px 5px 0 0;
}

.notPrintable
{
    display: none;
}

.spacer
{
    margin : 0 5px 0 5px;	
}
.private
{
	left : 280px;
    position : absolute;
	top : 0px;
}
#bgcontainer
{
    /* we need these containers to bypass the problem of background decalage on IE impair width if the bg is centered */
    background-image : url('assets/elements/bg.gif');
    background-position : center 0; 
    background-repeat : repeat-y;
    margin : auto;
    width : expression(Math.floor((document.body.clientWidth)/2) *2);
}
#bgheader
{
    height : 0px;
    margin : auto;
    width : 100%;
}
#container
{
    /* we need this background because due to FF3 the bg.gif is 1px too large in the left center */
    background-color: #FFFFFF;
    height : 100%;
    margin : -227px auto 0 auto;
    position: relative;
    width : 980px;
    overflow: hidden;
}
#content
{
    float : left;
    left : 45px;
    min-height : 420px;
    margin-bottom : 35px;
    position : relative;
    top : 27px;
    width : 744px;
}

/* paragraphes et liens */
p
{
    line-height : 17px;
}
p.magazine
{
    margin-bottom : 25px;
}
p.documentarticle
{
    font-size : 13px;
    line-height : 20px;
    margin-bottom : 0px;
}
p.next
{
    margin-bottom : 10px;
    margin-top : 5px;
}
p.home
{
    font-size : 13px;
    line-height : 18px;
    margin-bottom : 45px;
}
a
{
    color : #ff7a2c;
    text-decoration : none;
}
p#headline
{
    font-size : 13px;
    line-height : 19px;
    margin-bottom : 50px;
}
a img
{
    border : none;
}
a.sidebar-on
{
    color : #910027;
    font-weight : bold;
}

/* titles */
h1
{
    color : #910027;
    font-weight : bold;
    margin-bottom : 10px;
}
h1 a
{
    color : #910027;
}
h1.page
{
	margin-top : 20px;
}
#sidebar h1
{
	margin-bottom : 0;
}
h1.home
{
	font-size : 14px;
	margin-bottom : 15px;
}

h1.article
{
	color : #910027;
    font-size : 18px;
	font-weight : normal;
	line-height : 30px;
	margin : 10px 0px 15px 0px;
}
h1.article a
{
	color : #910027;
	font-size : 18px;
	font-weight : normal;
}
h2
{
	color : #910027;
	font-size : 17px;
	font-weight : bold;
	margin-bottom : 20px;
}

/* header */
#header
{
    height : 227px;
    left : 0px;
    position : relative;
    top : 0px;
    width : 980px;
}
#slideshow-header
{
    z-index : 0;
}
#logo
{
    height : 107px;
    left : 68px;
    position : absolute;
    top : 58px;
    width : 111px;
    z-index : 10001;
}
#recherche
{
    position : absolute;
    right : 20px;
    text-align : right;
    top : 160px;
    width : 128px;
    z-index : 10000;
}
#recherche img
{
	margin : 5px 0px 5px 0px;
}
#recherche input
{
    background : #ededed;
    border : 1px solid #ededed;
    margin : 0;
    text-align : right;
}
#recherche-submit
{
    background : transparent url(assets/recherche/recherche-ok.png) no-repeat top left;
    border : 0px;
    height : 10px;
    width : 16px;
}

/* corps */
#menu
{
    display: none;
}
#menu li
{
    list-style : none;
    margin-bottom : -3px;
}
#texte
{
	float : left;
	margin-bottom : 0px;
	width : 393px;
}
#title
{
    display : block;
    left : -12px;
    margin-bottom : 23px;   
    position : relative;
}
#sidebar
{
    color : #666666;
    width : 278px;
    margin-left: 600px; 
} 
.nav_pages
{
    clear : both;
    margin-bottom : 15px;
}

/* footer */
#footer
{
    display: none;
}
#footer ul
{
    list-style : inside;
	padding-top : 14px;
}
#footer li
{
	display : inline;
    list-style : none;
}

/* affichage en liste */
.un-site-liste
{
    margin-bottom : 20px;
}
.un-site-infos-liste
{
	height : auto !important;
    height : 69px;
    margin-left : 125px;
    margin-bottom : 13px;
    min-height : 69px;
}
.un-site-icones
{
    margin-left : 125px;
}
img.icone-site-small
{
    margin : 8px 4px 0px 0px;
}
img.icone-site-sidebar
{
    margin : 0px 6px 0px 0px;
}
img.vignette-site-liste
{
    float : left;
    margin-bottom : 3px;
    margin-top : 3px;
}
li
{
    list-style : none;
}
img.privateDocument
{
    float : left;
    margin-bottom : 10px;
    margin-right : 10px;
    margin-top : 6px;
}


/*sidebar*/
#introduction-sidebar
{
	margin-top : 15px;
}
.title-sidebar
{
    margin-bottom : 10px;
    margin-bottom : 0px !ie;
}
#sidebar li
{
    list-style : none;
    margin-bottom : 20px;
    margin-bottom : 5px !ie;
    margin-right : 10px;
    margin-top : 15px;
    margin-top : 0px !ie;
}
#sidebar .themeList li
{
    margin-bottom : 0px;
    margin-top : 5px;
}
#sidebar li img
{
    float : left;
    margin-right : 10px;
    margin-top : 3px;
}

#sidebar .imagesStandard li img
{
	float : none;
	margin : 0;
}
#sidebar li img.imagesStandard
{
	float : none;
	margin : 0;
}
.icon-sidebar
{
    padding-top : 12px !ie;
}
#sidebar .description-icone
{
    color : #999999;
}
div#alphabet ul
{
    margin-top: 10px;
    margin-bottom: 10px;
}
div#alphabet ul li
{
    display : inline;
    margin : 0;
    padding : 0;
}
#sidebar ul.partenaires-plus
{
    padding-bottom:17px;
    margin-top : 7px !ie;
}
#sidebar ul.partenaires-plus li
{
	margin-bottom : -10px;
	margin-bottom : 7px !ie;
	padding-bottom : 0px;
	line-height : 12px;
}
#sidebar ul.partenaires-plus li.partenaires-kind
{
    color : #910027;
    font-weight : bold;
}
ul#liste-documents li
{
	font-size : 8px;
	color : #910027;
	line-height : 20px;
    list-style-type : square;
    margin-top : 2px;
}
ul#liste-documents li a
{
    font-size : 12px;
}       
#sidebar ul#liste-documents li
{
    list-style-type : none;
    margin-top : 12px;
    margin-top : 14px !ie;
}
.pointilles-separation
{
    margin-top : 15px;	
    margin-bottom : 15px;
}
.pointilles-separation-titre
{
    margin-bottom : 15px;
}

/* affichage en vignettes */
.un-site-vignettes
{
    float : left;
    height : 175px;
    margin-right : 20px;
    width : 108px;
}
p.vignettes a
{
    color : #910027;
    margin-top : 7px;
}
/* fiche d'un site */
#legende-images
{
    color : #777777;
    float : left;
    font-size : 10px;
}
p#navigation-images
{
    display: none;
}
#zone-image
{
    height : 385px;
    margin-bottom : 45px;
    overflow : auto;
    width : 770px;
}
img#fleche-description-accueil
{
    float : left;
    height : 11px;
    left : -15px;
    margin-right : -15px;
    position : relative;
    top : 2px;
    top : 29px !ie;
    width : 8px;
}
img#fleche-description
{
    float : left;
    height : 11px;
    left : -15px;
    margin-right : -15px;
    position : relative;
    top : 5px;
    width : 8px;
}
p#indication
{
    display : inline;
}
#ouvrir
{
	color : #666666;
	cursor : pointer;
	float : right;
}
#separation_carte
{
	margin-bottom : 15px;
}
#googleMap
{
    /* a l'idéal il faudrait masquer la carte "par défaut" mais cela entraine un bug de chargement de la googlemap */
	height : 300px;
	width : 393px;
}
p#description
{
    margin-bottom : 40px;
    margin-top : -25px;
}

/* mise en forme du contenu édité */
b
{
    color : #910027;
}

/* magazine */
.title-category
{
    float : right;
    margin-bottom : 5px;
}
.magazine-label
{
    color : #666666;
    left : -4px;
    position : relative;
}
.dans-le-magazine
{
    padding : 15px 15px 15px 0px;
    padding : 12px 15px 7px 0px !ie;
}
.miniature-dans-le-magazine
{
    float : left;
    margin-right : 15px;
    margin-bottom : 15px;
}
p.legende-images
{
    color : #777777;
    font-size : 10px;
    height : 10px;
}
p.headline-articles
{
    clear : both;   
    color : #555555;
    font-size : 13px;
    line-height : 20px;
    margin-top : 15px;
}
p.headline-articles-texte
{
    color : #555555;
    font-size : 13px;
    line-height : 20px;
    margin : -10px 0px 0px 0px;
}
p.headline-article
{
    font-size : 13px;
    line-height : 20px;
    margin-top : 15px;
}
p.date-articles
{
    color : #555555;
    font-size : 10px;
    margin-top : 5px;
    margin-bottom : 50px;
}
p.date-article
{
    color : #555555;
    font-size : 10px;
    margin-top : 5px;
    margin-bottom : 20px;
}
#navigation-images-article
{
	height : 50px;
    position : relative;
    right : 0px;
    width : 50px;
}
.image-chapter
{
    margin : 5px 0 10px 0;	
}
/* slideshows */
#slideshow
{
    display: none;
    position : relative;
}
#slideshowprint
{
    display: inline;
}
.slideshow-parc
{
    margin-bottom : 350px;
    position: inherit;
}
.slideshow-article
{
    margin-bottom : 430px;
}
.slideClass, .slideButton
{
    list-style : none;
    position: inherit;
}       
.slideClassHeader, .slideButtonHeader
{
    list-style : inherit;
}       
.slideClass li
{
    position : inherit;
   /* top : 0px;
    left : 0px;
    display: inline;*/
}
.slideClassHeader li
{
    display: none;
}
.slideButton
{
    clear : both;
    position : relative;
    float : right;
}
#slideButton-parc
{
	display: none;
}
#slideButton-article
{
	top : 380px;
    right : -340px;
}
.slideButton li
{
    cursor : pointer;
    float : left;
    margin : 0 5px 0 0;
}

/* conseiller-loisirs */
#module_conseiller
{
    margin-bottom : 20px;
}
#module_conseiller h1
{
    margin-bottom : 5px;
    margin-top : 10px;
}
#module_conseiller img#trouver
{
    padding-bottom : 20px;
    padding-top : 20px;
}

/* index */
.chapterImage
{
    margin-bottom : 15px;
}

/* conseiller loisirs */
.oneResult
{
    margin-bottom : 15px;
}
#trouver
{
    margin : 25px 0px 15px 0px;
}

/* observatoire */
#images-observatoire
{
    margin-bottom : 20px;
}
#images-observatoire ul li
{
    margin-bottom : 20px;
    list-style : none;
}

/* partenaires */
#preferentialPartners
{
    margin-top : 15px;
}
#preferentialPartners .partner
{
    margin : 20px 0 50px 0;
    
}
#preferentialPartners .partnerLogo
{
    float : left;
    width : 180px;
}
#preferentialPartners .partnerText
{
    margin : 0 0 0 203px !important;
    margin : 0 0 0 200px;
    width : 190px;
}
#preferentialPartners h2 a
{
    font-size : 14px;
    margin : 0 0 0 0;
    padding : 0;
}
#preferentialPartners p
{
    font-size : 12px;
    line-height : 20px;
}
#normalPartners
{
    margin : auto;
}
#normalPartners .partner
{
    margin : 8px 0 15px 0;
    width : 400px;
}
#normalPartners .partnerLogo
{
    float : left;
    width : 60px;
}
#normalPartners .partnerText
{
    margin : 0 0 0 83px !important;
    margin : 0 0 0 80px;
    width : 300px;
}
#normalPartners .partner p
{
    /*float : left;*/
    width : 300px;
}
#normalPartners .partner h2 a
{
    font-size : 14px;
    margin : 0 0 5px 0;
    padding : 0;
}
#normalPartners .alignRight
{
    width : 190px;
}
#partenairesPrivatePart
{
    margin: 35px 0 0 0;
}