/* default styles */
html {
	font-size: 100%;
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 100%;
	margin-bottom: 1px;
}

body { 
	background: #efeded url(../img/background.gif) 50% 0 no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px; 
	color: #5f6062;
	margin: 0;
	padding: 0;
}

a { color: #0070b5; font-weight: normal; }
a:hover { color: #0070b5; font-weight: normal; }

h1 { font-size: 14px; font-weight: bold; }
h2 { font-size: 14px; }
h3 { font-size: 14px; font-weight: bold; }

strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { margin-bottom: 18px; background: #eee; border:1px solid #ddd; padding:16px; }

p { margin-bottom: 10px; }

p.msgErreur { color: #d00; }
p.msgSucces { color: #0070b5; }

body#accueil { background: #e10008; }
body#accueil #wrap { width: 998px; margin: 0 auto; } 
body#accueil #wrap #accueil_01 { background: #e10008 url(../img/accueil_01.gif) bottom left; width: 375px; height: 225px; float: left;}
body#accueil #wrap #accueil_02 { background: #e10008 url(../img/accueil_02.gif) bottom left; width: 623px; height: 225px; float: left;}
body#accueil #wrap #accueil_03 { background: #e10008 url(../img/accueil_03.gif) no-repeat; width: 375px; height: 388px; float: left;}
body#accueil #wrap #accueil_04 { background: #e10008 url(../img/accueil_04.gif) no-repeat; width: 623px; height: 388px; float: left;}

#flashcontent_home {margin:0 0 30px 80px; clear:both; padding:30px 0 0 0;}

#accueil_04 { position: relative; }
#accueil_04 #entrez { width: 129px; height: 32px; position: absolute; left: 450px; top: 250px;}
#accueil_04 #enter { width: 129px; height: 32px; position: absolute; left: 450px; top: 290px;}

#container { width: 955px; margin: 0 auto;}

#header { width: 955px; }
#portrait { background: url(../img/portrait01.jpg) no-repeat; width: 325px; height: 364px; float: left; }

#logo { background: url(../fr/img/header.jpg) no-repeat; width: 630px; height: 288px; float: left; position: relative; }
#logo img { display: none; }

a#language {display:block; width:64px; height:0; padding-top:130px; overflow:hidden; position:absolute; left:448px; top:250px;}
a#plq_org {display:block; width:64px; height:0; padding-top:130px; overflow:hidden; position:absolute; left:541px; top:250px;}

#menu { background: url(../fr/img/menu.jpg) no-repeat; width: 630px; height: 76px; float: left; } 

body#bio #titre { background: url(../fr/img/titre_biographie.jpg) no-repeat; width: 955px; height: 58px; float: left; }
body#bio #titre h1 { text-indent: -5000px; height: 58px; }

body#circ #titre { background: url(../fr/img/titre_circonscription.jpg) no-repeat; width: 955px; height: 58px; float: left; }
body#circ #titre h1 { text-indent: -5000px; height: 58px; }
body#circ #portrait { background: url(../img/portrait02.jpg) no-repeat !important; }

body#presse #titre { background: url(../fr/img/titre_presse.jpg) no-repeat; width: 955px; height: 58px; float: left; }
body#presse #titre h1 { text-indent: -5000px; height: 58px; }
body#presse #portrait { background: url(../img/portrait03.jpg) no-repeat !important; }

body#events #titre { background: url(../fr/img/titre_evenements.jpg) no-repeat; width: 955px; height: 58px; float: left; }
body#events #titre h1 { text-indent: -5000px; height: 58px; }
body#photos #titre { background: url(../fr/img/titre_photosvideos.jpg) no-repeat; width: 955px; height: 58px; float: left; }
body#photos #titre h1 { text-indent: -5000px; height: 58px; }
body#photos #portrait, body#videos  #portrait { background: url(../img/portrait02.jpg) no-repeat !important; }
body#videos #titre { background: url(../fr/img/titre_photosvideos.jpg) no-repeat; width: 955px; height: 58px; float: left; }
body#videos #titre h1 { text-indent: -5000px; height: 58px; }
body#contact #titre { background: url(../fr/img/titre_contact.jpg) no-repeat; width: 955px; height: 58px; float: left; }
body#contact #titre h1 { text-indent: -5000px; height: 58px; }
body#contact #portrait { background: url(../img/portrait03.jpg) no-repeat !important; }

#contentwrap { clear: both; padding-top: 10px; }
#content { margin-bottom: 0px; padding: 0 100px; }

#menu ul#nav {
	position: relative;
	top: 0px;
	left: 0px;
	width: 630px;
	margin: 0;
	height: 76px;
	list-style-type: none;
	overflow: hidden;
}

body#bio ul#nav { background: transparent url(../fr/img/menu_allstates.gif) no-repeat 0 0; }
body#circ ul#nav { background: transparent url(../fr/img/menu_allstates.gif) no-repeat 0 -76px; }
body#presse ul#nav { background: transparent url(../fr/img/menu_allstates.gif) no-repeat 0 -152px; }
body#events ul#nav { background: transparent url(../fr/img/menu_allstates.gif) no-repeat 0 -228px; }
body#photos ul#nav { background: transparent url(../fr/img/menu_allstates.gif) no-repeat 0 -304px; }
body#videos ul#nav { background: transparent url(../fr/img/menu_allstates.gif) no-repeat 0 -304px; }
body#contact ul#nav { background: transparent url(../fr/img/menu_allstates.gif) no-repeat 0 -380px; }

#menu ul#nav li a {
	position: absolute;
	top: 0;
	width: 105px;
	text-indent: -9000px;
	text-decoration: none;
	padding: 76px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:76px; /* IE5/Win */
	background: transparent url(../fr/img/menu_allstates.gif) no-repeat;
}

body#bio li#lbio a 			{ background-position: 0 0; width: 105px; left: 0; }
body#bio li#lbio a:hover	{ background-position: 0 0px; }
body#bio li#lcir a 			{ background-position: -102px 0px; left: 102px; }
body#bio li#lcir a:hover	{ background-position: -102px -456px; }
body#bio li#lpre a 			{ background-position: -210px 0px; left: 210px; }
body#bio li#lpre a:hover	{ background-position: -210px -456px; }
body#bio li#leve a 			{ background-position: -315px 0px; left: 315px; }
body#bio li#leve a:hover	{ background-position: -315px -456px; }
body#bio li#lpho a 			{ background-position: -420px 0px; left: 420px; }
body#bio li#lpho a:hover	{ background-position: -420px -456px; }
body#bio li#lcon a 			{ background-position: -525px 0px; left: 525px; }
body#bio li#lcon a:hover	{ background-position: -525px -456px; }

body#home li#lbio a 		{ background-position: 0 -76px; width: 105px; left: 0; }
body#home li#lbio a:hover	{ background-position: 0 -456px; }
body#home li#lcir a 			{ background-position: -102px 0px; left: 102px; }
body#home li#lcir a:hover	{ background-position: -102px -456px; }
body#home li#lpre a 			{ background-position: -210px 0px; left: 210px; }
body#home li#lpre a:hover	{ background-position: -210px -456px; }
body#home li#leve a 			{ background-position: -315px 0px; left: 315px; }
body#home li#leve a:hover	{ background-position: -315px -456px; }
body#home li#lpho a 			{ background-position: -420px 0px; left: 420px; }
body#home li#lpho a:hover	{ background-position: -420px -456px; }
body#home li#lcon a 			{ background-position: -525px 0px; left: 525px; }
body#home li#lcon a:hover	{ background-position: -525px -456px; }


body#circ li#lbio a 		{ background-position: 0 -76px; width: 105px; left: 0; }
body#circ li#lbio a:hover	{ background-position: 0 -456px; }
body#circ li#lcir a 		{ background-position: -102px -76px; left: 102px; }
body#circ li#lcir a:hover	{ background-position: -102px -76px; }
body#circ li#lpre a 		{ background-position: -210px -76px; left: 210px; }
body#circ li#lpre a:hover	{ background-position: -210px -456px; }
body#circ li#leve a 		{ background-position: -315px -76px; left: 315px; }
body#circ li#leve a:hover	{ background-position: -315px -456px; }
body#circ li#lpho a 		{ background-position: -420px -76px; left: 420px; }
body#circ li#lpho a:hover	{ background-position: -420px -456px; }
body#circ li#lcon a 		{ background-position: -525px -76px; left: 525px; }
body#circ li#lcon a:hover	{ background-position: -525px -456px; }

body#presse li#lbio a 		{ background-position: 0 -152px; width: 105px; left: 0; }
body#presse li#lbio a:hover	{ background-position: 0 -456px; }
body#presse li#lcir a 		{ background-position: -102px -152px; left: 102px; }
body#presse li#lcir a:hover	{ background-position: -102px -456px; }
body#presse li#lpre a 		{ background-position: -210px -152px; left: 210px; }
body#presse li#lpre a:hover	{ background-position: -210px -152px; }
body#presse li#leve a 		{ background-position: -315px -152px; left: 315px; }
body#presse li#leve a:hover	{ background-position: -315px -456px; }
body#presse li#lpho a 		{ background-position: -420px -152px; left: 420px; }
body#presse li#lpho a:hover	{ background-position: -420px -456px; }
body#presse li#lcon a 		{ background-position: -525px -152px; left: 525px; }
body#presse li#lcon a:hover	{ background-position: -525px -456px; }

body#events li#lbio a 		{ background-position: 0 -228px; width: 105px; left: 0; }
body#events li#lbio a:hover	{ background-position: 0 -456px; }
body#events li#lcir a 		{ background-position: -102px -228px; left: 102px; }
body#events li#lcir a:hover	{ background-position: -102px -456px; }
body#events li#lpre a 		{ background-position: -200px -228px; left: 200px; }
body#events li#lpre a:hover	{ background-position: -200px -456px; }
body#events li#leve a 		{ background-position: -315px -228px; left: 315px; }
body#events li#leve a:hover	{ background-position: -315px -228px; }
body#events li#lpho a 		{ background-position: -420px -228px; left: 420px; }
body#events li#lpho a:hover	{ background-position: -420px -456px; }
body#events li#lcon a 		{ background-position: -525px -228px; left: 525px; }
body#events li#lcon a:hover	{ background-position: -525px -456px; }

body#photos #menu li#lbio a 		{ background-position: 0 -304px; width: 105px; left: 0; }
body#photos #menu li#lbio a:hover	{ background-position: 0 -456px; }
body#photos #menu li#lcir a 		{ background-position: -102px -304px; left: 102px; }
body#photos #menu li#lcir a:hover	{ background-position: -102px -456px; }
body#photos #menu li#lpre a 		{ background-position: -210px -304px; left: 210px; }
body#photos #menu li#lpre a:hover	{ background-position: -210px -456px; }
body#photos #menu li#leve a 		{ background-position: -305px -304px; left: 305px; }
body#photos #menu li#leve a:hover	{ background-position: -305px -456px; }
body#photos #menu li#lpho a 		{ background-position: -420px -304px; left: 420px; }
body#photos #menu li#lpho a:hover	{ background-position: -420px -304px; }
body#photos #menu li#lcon a 		{ background-position: -525px -304px; left: 525px; }
body#photos #menu li#lcon a:hover	{ background-position: -525px -456px; }

body#videos #menu li#lbio a 		{ background-position: 0 -304px; width: 105px; left: 0; }
body#videos #menu li#lbio a:hover	{ background-position: 0 -456px; }
body#videos #menu li#lcir a 		{ background-position: -102px -304px; left: 102px; }
body#videos #menu li#lcir a:hover	{ background-position: -102px -456px; }
body#videos #menu li#lpre a 		{ background-position: -210px -304px; left: 210px; }
body#videos #menu li#lpre a:hover	{ background-position: -210px -456px; }
body#videos #menu li#leve a 		{ background-position: -305px -304px; left: 305px; }
body#videos #menu li#leve a:hover	{ background-position: -305px -456px; }
body#videos #menu li#lpho a 		{ background-position: -420px -304px; left: 420px; }
body#videos #menu li#lpho a:hover	{ background-position: -420px -304px; }
body#videos #menu li#lcon a 		{ background-position: -525px -304px; left: 525px; }
body#videos #menu li#lcon a:hover	{ background-position: -525px -456px; }

body#contact li#lbio a 			{ background-position: 0 -380px; width: 105px; left: 0; }
body#contact li#lbio a:hover	{ background-position: 0 -456px; }
body#contact li#lcir a 			{ background-position: -102px -380px; left: 102px; }
body#contact li#lcir a:hover	{ background-position: -102px -456px; }
body#contact li#lpre a 			{ background-position: -210px -380px; left: 210px; }
body#contact li#lpre a:hover	{ background-position: -210px -456px; }
body#contact li#leve a 			{ background-position: -315px -380px; left: 315px; }
body#contact li#leve a:hover	{ background-position: -315px -456px; }
body#contact li#lpho a 			{ background-position: -400px -380px; left: 400px; }
body#contact li#lpho a:hover	{ background-position: -400px -456px; }
body#contact li#lcon a 			{ background-position: -525px -380px; left: 525px; }
body#contact li#lcon a:hover	{ background-position: -525px -380px; }

/* Section CIRCONSCRIPTION */ 
.carte { text-align: center; }

/* Section SALLE DE PRESSE */ 
.nouvelle { padding: 15px 0;}
.nouvelle .photo { float: right; margin-left:5px; width: 315px; padding-left: 5px; }
.nouvelle .photo img { padding-left:5px; } 
.nouvelle .photo p { padding-left:5px; } 
.nouvelle p.date { font-style: italic; }

.icones { clear: both; float: right; width: 400px; padding: 10px 10px 0 0; margin-bottom: 30px;}
.icones .ami { line-height: 40px; background: url(../img/icone-courrier_fondgris.gif) 0 50% no-repeat; float: right; }
.icones .ami a { padding-left: 45px; }
.icones .pdf { line-height: 40px; background: url(../img/icone-pdf_fondgris.gif) 0 50% no-repeat; float: right; margin-right: 20px;}
.icones .pdf a { padding-left: 45px; }
.icones .web { line-height: 40px; background: url(../img/icone-link_fondgris.gif) 0 50% no-repeat; float: right; margin-right: 20px;}
.icones .web a { padding-left: 45px; }

/* Section ACTIVITÉS ET ÉVÉNEMENTS */ 
.evenement { padding: 15px 0;}
.evenement .photo { float: right; margin-left:30px; }
.evenement p.date { padding-left: 20px; width: 350px; font-weight: bold; }

/* Section VIDÉOS ET PHOTOS */
body#photos #content { padding: 0 0 0 50px; }
body#videos #content { padding: 0 50px; }

#sidemenu { margin-top: 20px; background: url(../fr/img/menuphotosvideos.gif) no-repeat; width: 100px; height: 320px; float: left; } 

#sidemenu ul#sidenav {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100px;
	margin: 0;
	height: 320px;
	list-style-type: none;
}

#sidemenu ul#sidenav li a {
	position: absolute;
	top: 0;
	width: 100px;
	text-indent: -9000px;
	text-decoration: none;
	padding: 40px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:40px; /* IE5/Win */
	background: transparent url(../fr/img/menuphotosvideos.gif) no-repeat;
}

body#photos li#lphotos a 		{ background-position: 0 0; width: 100px; left: 0; }
body#photos li#lphotos a:hover	{ background-position: 0px 0px; }
body#photos li#lvideos a 		{ background-position: 0px -40px; width: 100px; top: 40px; }
body#photos li#lvideos a:hover	{ background-position: -100px -40px; }

body#videos li#lphotos a 		{ background-position: -100px 0; width: 100px; left: 0; }
body#videos li#lphotos a:hover	{ background-position: 0px 0px; }
body#videos li#lvideos a 		{ background-position: -100px -40px; width: 100px; top: 40px; }
body#videos li#lvideos a:hover	{ background-position: -100px -40px; }

#galleryphotos {
	margin-top: 20px;
	margin-left: 10px;
	float: left;
	z-index: 10;
	width: 750px;
}

#galleryphotos a:link { text-decoration: none; }

.thumbnail {
	position: relative;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 240px;
	min-height: 220px;
}

.thumbnail .shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 240px;
	height: 160px;
	background: transparent url('../img/thumbnail_shadow.png') top left no-repeat;
}

.thumbnail p {
	font-size: 11px;
	line-height: 14px;
}

#galleryvideos {
	margin-top: 20px;
	margin-left: 10px;
	float: left;
	width:700px;
	z-index: 10;
}

/* Section ME JOINDRE */ 
body#contact #informations {width: 375px; float: left; }
body#contact #formulaire { width: 300px; float: left; }

/*
form ul { font-size:100%; list-style-type:none;	margin:0; padding:0; width:100%; }
form li { display:block; margin:0; padding:4px 5px 2px 9px; position:relative; }
form li:after {	clear:both; content:"."; display:block; height:0; visibility:hidden; }
*/
.buttons:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

.buttons {
	clear:both;
	display:block;
	margin-top:10px;
}

* html form li { height:1%; }
* html .buttons { height:1%; }
* html form li div { display:inline-block; }

form li div {
	color:#444;
	margin:0 4px 0 0;
	padding:0 0 8px;
}

form li div label {
	clear:both;
	color:#444;
	display:block;
	font-size:9px;
	line-height:9px;
	margin:0;
	padding-top:3px;
}

label.description
{
	border:none;
	display:block;
	font-weight: bold;
	line-height:150%;
	padding:0 0 1px;
}

input.text {
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
	color:#333;
	font-size:100%;
	margin:0;
	padding:2px 0;
	width: 99%;
}

textarea.textarea {
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
	color:#333;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:100%;
	margin:0;
	width:99%;
	height:10em;
}

#formulaire { padding-top: 20px; }
#formulaire table { width: 300px; }
#formulaire table td { vertical-align: top; }
#formulaire table td.text { height: 25px; }
#formulaire table td input.text { width: 200px; }
#formulaire table td.textarea { height: 100px; }
#formulaire table td textarea.textarea { width: 200px; }
#formulaire table td label { width: 125px; }
#formulaire table #soumettre { float: right; }

form#sendtofriend { padding: 25px; margin: 0; }
form#sendtofriend label { width: 200px; }
form#sendtofriend input.text { width: 200px; }
form#sendtofriend td { vertical-align: top; }
form#sendtofriend #soumettre { float: right; }
form#sendtofriend textarea { width: 400px; }

#footer { clear: both; width: 955px; padding-top: 100px; }
#footermap { background: url(../fr/img/footer.gif) bottom left no-repeat; width: 955px; height: 50px; position: relative; }

a#sendtofriend {display:block; width:90px; height:0; padding-top:30px; overflow:hidden; position:absolute; left:750px; top:24px;}
a#print-link {display:block; width:90px; height:0; padding-top:30px; overflow:hidden; position:absolute; left:840px; top:24px;}

.w336 {
	width:336px !important;
}

.paginate {
/*    font-family: Arial, Helvetica, sans-serif;
    font-size: .7em;*/
}
a.paginate {
    border: 1px solid #0070b5;
    padding: 2px 6px 2px 6px;
    text-decoration: none;
/*    color: #000080;*/
}
a.paginate:hover {
    background-color: #0070b5;
    color: #FFF;
/*    text-decoration: underline;*/	
}
a.current {
    border: 1px solid #0070b5;
 /*   font: bold .7em Arial,Helvetica,sans-serif;*/
    padding: 2px 6px 2px 6px;
    background:#0070b5;
    color: #FFF;
    text-decoration: none;
}
/*
span.inactive {
    border: 1px solid #999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .7em;
    padding: 2px 6px 2px 6px;
    color: #999;
    cursor: default;
}

*/