/* ------------------------------------ */
/*            Généralités               */
/* ------------------------------------ */
html>body {
	font-size: 0.8em;
}

body{
	background:#0099cc;
	font-family: "Trebuchet MS", Verdana, Helvetica, FreeSans, sans-serif;
    font-size: .8em;
    line-height: 1.4;
	color: black;
	margin: 0;
	padding: 0;
	text-align: center;
}

#all{
width:700px;
padding:0 0 25px 0;
margin:auto;
position:relative;
background:url(../images/Fond_Header.png) repeat-x 0 -20px;
}

img{
	border:0;
	margin:0;
	padding:0;
}

p{
	margin:0;
	padding:10px 20px 5px 20px;
}

h1{
	margin:0;
	padding:20px 10px 40px 10px;
	color:#FFFFFF;
}

h2{
	margin:0;
	padding:5px 10px 10px 10px;
}

h3{
	margin:20px 0 0 0;
	padding:10px;
	color:#0099cc;
	background:#FFFFFF;
}

h4{
margin:0 0 0 10px;
padding:0 0 5px 5px;
font-size:18px;
}

a{
color:#FFFFFF;
}
a:hover{
color:#E42D7E;
background:#FFFFFF;
}

.titreh3{
color:#0099cc;
text-decoration:none;
}

.titreh3:hover{
color:#E42D7E;
text-decoration:none;
}


.invisible{
	display:inline;
	position: absolute;
	left: -9999px;
	top: -9999px;
}

.separateur{
	border: 0;
	clear: both;
	float: none;
	margin: 0;
	padding: 0;
	visibility: hidden;
}

.txt_bleu{
	color:#0099cc;
	background:#FFFFFF;
}

.rose{
background:#E42D7E;
}

.centrer{
text-align:center;
margin:0;
padding:0;
}

.margeBottom{
margin:0 0 50px 0;}


/* ------------------------------------ */
/*               Entête                 */
/* ------------------------------------ */
#header{
margin:0;
padding:5px;
text-align:right;
}

#header p{
color:#FFFFFF;
margin:5px 0 0 0;
padding:0;
font-size:1.4em;
}

#header h1{
margin:0;
padding:0;
}

#header h3{
color:#FFFFFF;
margin:0;
padding:0;
font-size:1.9em;
background:none;
}

#header a:hover{
background:none;
}

ul#nav{
position:absolute;
top:75px;
left:5px;
list-style-type:none;
width:300px;
text-align:left;
margin:0;
padding:0;
font-size:0.9em;
font-weight:bold;
line-height:1.3em;
}

#nav li{
float:left;
width:80px;
margin:0;
padding:2.5px 0;
}

#nav li.plusgrang{
width:120px;
}

#nav li a{
color:#FFFFFF;
margin:0;
padding:1.5px 6px 1.5px 5px;
text-decoration:none;
letter-spacing:0.1em;
}

#nav li a:hover{
color:#E42D7E;
background:#FFFFFF;
}

/* ------------------------------------ */
/*         Contenu des pages            */
/* ------------------------------------ */
#page{
background:url(../images/Fond_Contenu.png) repeat-x;
text-align:left;
color:#FFFFFF;
}

/* ------------------------------------ */
/*            PAGE CIRCUITS             */
/* ------------------------------------ */
.txtGros{font-size:28px;}

.txtPetit{font-size:14px;}

.conteneur_liste{
float:left;
width:330px;
margin:0 0 50px 0;
}

.conteneur_liste h2{
position:relative;
margin:25px 30px 0 10px;
padding:0 0 0 70px;
text-align:right;
}

.conteneur_liste h2 img{
display:block;
position:absolute;
top:-10px;
left:10px;
}

.listeCircuit{
margin:0 0 0 10px;
padding:10px 10px 30px 10px;
text-align:left;
list-style-type:none;
line-height:1.1em;
}

.listeCircuit li{
position:relative;
margin:6px 10px 6px 10px;
padding:2px 0 2px 25px;
}

.listeCircuit li span{
display:block;
position:absolute;
top:0;
left:0;
width:22px;
height:22px;
text-align:center;
line-height:22px;
color:#CC3366;
font-weight:bold;
background:url(../images/PuceRonde.png) 50% no-repeat;
}

/* ------------------------------------ */
/*            PAGE ANIMATION            */
/* ------------------------------------ */
#animations{
list-style-type:none;
text-align:left;
margin:0 0 40px 0;
padding:0;
}

#animations li{
margin:20px 0 0 0;
}

#animations li a{
display:block;
width:100%;
text-decoration:none;
font-size:2.5em;
font-weight:bold;
letter-spacing:0.1em;
color:#FFFFFF;
line-height:1em;
padding:0.3em 0 0.3em 1em;
margin:0;
background:url(../images/Fond_animation_rose.png) repeat-y;
}

#animations li a span{
display:block;
font-size:0.4em;
margin-top:-0.5em;
}

#animations li a:hover{
background:url(../images/Fond_animation.png) repeat-y;
color:#CC3366;
}

/* ------------------------------------ */
/*              PAGE PLAN               */
/* ------------------------------------ */
.plan{
padding:20px 10px;
}

.legendePlan{
padding:0 0 50px 0;
margin:0;
text-align:left;
list-style-type:none;
line-height:1.1em;
float:left;
width:350px;
}

.legendePlan li{
position:relative;
margin:6px 10px 6px 10px;
padding:2px 10px 2px 25px;
}

.legendePlan li span{
display:block;
position:absolute;
top:0;
left:0;
width:22px;
height:22px;
text-align:center;
line-height:22px;
color:#FFFFFF;
font-weight:bold;
background:url(../images/PuceRonde_orange.png) 50% no-repeat;
}

.legendePlan li a{
text-decoration:none;
}

/* ------------------------------------ */
/*              PAGE LIEUX              */
/* ------------------------------------ */
.conteneur_liste_lieux{
float:left;
width:350px;
margin:0 0 50px 0;
}

.conteneur_liste_lieux ul{
padding:0;
margin:0;
text-align:left;
list-style-type:none;
line-height:1.1em;
font-size:14px;
}

.conteneur_liste_lieux ul li{
position:relative;
margin:0 10px 20px 10px;
padding:2px 10px 2px 25px;
}

.conteneur_liste_lieux ul li span{
display:block;
position:absolute;
top:0;
left:0;
width:22px;
height:22px;
text-align:center;
line-height:22px;
color:#FFFFFF;
font-weight:bold;
background:url(../images/PuceRonde_orange.png) 50% no-repeat;
}

.conteneur_liste_lieux ul li p{
font-size:0.8em;
margin:0;
padding:0.2em 0;
text-align:justify;
white-space:normal;
}


.adresse{
color:#81DFFE;
margin:0;
padding:0;
background:none;
font-weight:bold;
}

.picto{
position:absolute;
top:0;
right:0;
}

/* ------------------------------------ */
/*              PAGE EXTRA              */
/* ------------------------------------ */
#extra h4{
margin:0 0 0 10px;
padding:20px 10px 0 10px;
font-size:20px;
}

#extra p{
	margin:0;
	padding:0 20px 25px 20px;
}

/* ------------------------------------ */
/*          PAGE RENSEIGNEMENT          */
/* ------------------------------------ */
#pageRose{
background:#E42D7E;
text-align:left;
color:#FFFFFF;
}

.txt_PR_bleu{
font-weight:bold;
font-size:14px;
color:#0099cc;
background:#FFFFFF;
padding:15px 20px 50px 20px;
}

.info{
font-size:14px;
padding:0 20px 30px 20px;
}

/* ------------------------------------ */
/*           PAGE PARTENAIRES           */
/* ------------------------------------ */


/* ------------------------------------ */
/*            Bas de page               */
/* ------------------------------------ */
#footer{
padding:20px 5px 15px 5px;
background:url(../images/Fond_Footer.png) repeat-x 0 -20px;
}

#footer p{
text-align:right;
}

table{
padding:30px 0 50px 0;}

.margeur{
position:absolute;
top:0;
right:0;
width:1px;
height:1024px;
}