/* Caractéristiques générales communes à toutes les pages ----- */

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

.gras{font-weight:bold;}
.italique{font-style:italic;}
.souligne{text-decoration:underline;}
.tpetit{font-size:70%;}
.petit{font-size:80%;}
.grand{font-size:115%;}
.tgrand{font-size:140%;}
.textcenter{text-align:center;}
.textleft{text-align:left;}
.textright{text-align:right;}
.left{float:left;}
.right{float:right;}
.both{clear:both;}
.none{display:none;}
.legende{background:#FFF;font-style:italic}

/* ---------- Balises ---------- */

body{
font-family:Arial, Helvetica, sans-serif;
font-size:medium; /* medium => 16 px*/
/*font-size:60%;*/
font-size:70%;
line-height:150%;
/*color:#545454;*/
color:#333;
text-align:center;
background-color:#333333;
margin-bottom:10px;
}

#centrage {
width:970px;
padding:0 0 5px 10px;
margin:0 auto;
display:table;
text-align:left;
position:relative;
background-color:#FFF;
}

a:link, a:visited{
text-decoration:none;
color:#545454;
}

a:hover, a:active{
text-decoration:underline;
color:#545454;
}

h1{
font-size:120%;
clear:both;
}

h2{
font-size:120%;
clear:both;
}

ul{
list-style:none outside none;
}

input.champ{
border:1px inset #808080;
width:107px;
height:12px;
font-size:12px;
padding:1px 2px;
}

select {
border:1px inset #808080;
/*height:14px;*/
height:18px;
font-size:12px;
padding:0px;
}

select option{
padding:1px 2px;
}

td{
vertical-align:top;
}

div.separateur{
background-image:url(../pics/separateur-gris.gif);
background-repeat:repeat-x;
height:1px;
font-size:1px;
}

div.gauche{
width:48%;
float:left;
padding-bottom:10px;
}

div.droite{
width:48%;
float:right;
padding-bottom:10px;
}

/* ---------- Structure ---------- */

div#entete {
display:table;
position:relative;
height:130px;
width:960px;
z-index:9999;
}

div#corps {
display:table;
position:relative;
margin:0 0 0 -4px;
background-image:url(../pics/fond-contenu.jpg);
background-repeat:repeat-y;
background-position:147px;
}

div#pied {
display:table;
position:relative;
padding:5px 0 0 10px;
background-image:url(../pics/fond-pied.jpg);
background-repeat:no-repeat;
background-position:10px 0;
height:45px;
width:950px;
}

/* ---------- En tete ---------- */

div#entete object{
display:table;
position:relative;
z-index:1;
}

form#recherche{
position:relative;
z-index:2;
width:140px;
float:right;
right:100px;
margin:0px 0px 0px 12px;
padding:46px 0px 0px 0px;
}
html>/**/body form#recherche{
padding-top:47px;
right:88px;
}
form#recherche input.champ{
width:105px;
border:solid #808080 1px;
color:#808080;
font-size:11px;
}
form#recherche input.ok{
position:relative;
height:14px;
font-size:10px;
background-color:#FFFFFF;
color:#808080;
}
*+html form#recherche{
padding-top:49px;
}

form#langues{
margin:0px;
padding:45px 0px 0px 0px;
position:relative;
z-index:2;
float:right;
left:142px;
top:1px;
}

form#langues select{
width:55px;
color:#808080;
height:17px;
font-size:10px;
}

div#langues{
margin:1px 0 0 2;
padding:0px;
position:relative;
z-index:2;
float:right;
left:140px;
top:49px;
}
*+html div#langues{
top:52px;
}

/* ---------- Corps ---------- */

table#calage{
background-image:url(../pics/fond-haut-contenu.jpg);
background-repeat:no-repeat;
background-position:147px -5px;
}
	/* ---------- Navigation ---------- */
	td#navigation{
	color:#808080;
	background-image:url(../pics/fond.jpg);
	background-repeat:no-repeat;
	background-position:5px 150px;
	width:146px;
	}
	td#navigation a{
	color:#808080;
	}
	td#navigation div.pratique{
	text-align:center;
	width:100%;
	margin-top:18px;
	}
	td#navigation div.magazine,
	td#navigation div.diaporama{
	text-align:right;
	width:100%;
	margin:18px 0px 4px -1px;
	}
	td#navigation div#navigation-liens{
	font-weight:bold;
	font-size:110%;
	text-align:right;
	padding-right:8px;
	margin:18px 0px 0px 0px;
	}
	td#navigation div#navigation-liens div{
	background:url(../pics/dotted.gif) repeat-x bottom;
	padding-bottom:2px;
	margin-bottom:2px;
	}
	td#navigation div#navigation-liens div.last{
	background:none;
	}
	td#navigation div#navigation-liens a{
	color:#666;
	}
	td#navigation div#meteo{
	background:url(../pics/fond-meteo.gif) repeat-x;
	width:133px;
	padding-left:12px;
	height:56px;
	color:#FFF;
	position:relative;
	margin-top:28px;
	}
	td#navigation div#meteo div.image{
	position:absolute;
	left:96px;
	top:-10px;
	}
	td#navigation div#meteo strong{
	line-height:9px;
	width:80px;
	display:block;
	padding-top:4px;
	padding-bottom:2px;
	}
	td#navigation div#meteo div.texte{
	font-size:80%;
	line-height:9px;
	}
	/* ---------- Contenu ---------- */
	td#contenu{
	padding:15px 18px;
	background-image:url(../pics/fond-bas-contenu.jpg);
	background-repeat:no-repeat;
	background-position:1px bottom;
	/*background-position:-7px bottom;*/
	}

	td#contenu div#classique p{
	font-size:11px;
	}
	
	td#contenu ul{
	margin-bottom:10px;
	overflow:auto;
	display:table;
	}
	td#contenu ul li{
	background-image:url(../pics/00/puce.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
	padding-left:12px;
	display:table;
	}
	td#contenu ul#ariane li{
	background-image:none;
	float:left;
	margin:0 0 10px 0;
	padding-left:0;
	color:#808080;
	}
	
	td#contenu a.sommairesuite{
	background-image:url(../pics/00/puce.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
	padding-left:12px;
	}
	
	td#contenu ul#ariane li a{
	color:#808080;
	}
	td#contenu h2,td#contenu h3{
	width:50%;
	border-bottom:1px solid #808080;
	clear:both;
	font-size:14px;
	font-weight:100;
	margin:10px 0 5px 0;
	}
	td#contenu div.droite h3, 
	td#contenu div.gauche h3{
	width:auto;
	}
	td#contenu h4{ 
	font-size:12px;
	margin:5px 0 5px 0;
	}
	td#contenu h5{
	font-size:11px;
	margin:0;
	}
	td#contenu a.visuel{
	background-color:#d4d4d4;
	margin:8px 5px 0px 13px;
	text-decoration:none;
	text-align:center;
	}

	td#contenu a.visuel img{
	position:relative;
	top:-5px;
	left:-5px;
	clear:both;
	}

	td#contenu p{

	margin-bottom:10px;

	}

	td#contenu table.tableau{

	border:1px solid #000;

	border-bottom:none;

	}

	td#contenu table.tableau thead{

	background-color:#000000;

	color:#FFFFFF;

	}

	td#contenu table.tableau td{

	border-bottom:1px solid #000;

	padding:0 3px;

	}

	td#contenu table p{
	margin:0;
	}
	
	td#contenu ul.sous-navigation li{
	display:inline;
	margin-right:8px;
	}
	td#contenu ul.sous-navigation li.on{
	font-weight:bold;
	}

	/* ---------- Annexes ---------- */

	td#annexes{

	padding:5px 0 0 0;

	}

	td#annexes div#decouvrir2 ul{

	margin-bottom:5px;

	}

	td#annexes div#decouvrir2 ul li{

	color:#000000;

	background-image:url(../pics/separateur-gris.gif);

	background-repeat:repeat-x;

	background-position:top;

	margin-left:10px;

	width:90%;

	}

	td#annexes div#decouvrir2 ul li a{

	color:#000000;

	}

	td#annexes div.cartouche{

	background-image:url(../pics/fond-cartouche-annexe.gif);

	background-repeat:no-repeat;

	width:215px;

	height:188px;

	padding:0 15px 0 12px;

	margin-bottom:10px;

	}

	td#annexes div.cartouche h2{

	margin:4px 0 0 -8px;

	}

	td#annexes div.cartouche img.visuel{

	margin:8px 0 0 0;

	}

	td#annexes div.cartouche h3{

	margin:4px 0 0 0;

	font-size:11px;

	}

	td#annexes div.cartouche .flash{

	position:relative;

	top:0;

	}

	td#annexes div.cartouche div.accroche{

	font-size:11px;

	margin-right:7px;

	height:50px;

	overflow:auto;

	}

	td#annexes ul#partenaires{

	background-repeat:repeat-y;

	background-position:105px 0;

	text-align:center;

	margin-left:5px;

	}

	td#annexes ul#partenaires li{

	display:inline;

	white-space:nowrap;

	padding:0px;

	}
	td#annexes ul#partenaires li img{

	padding:2px 10px;

	}

/* ---------- Pied de Page ---------- */

ul#parcs{

margin-left:4px;

float:left;

margin-right:4px;

}

html>/**/body ul#parcs{

margin-left:9px;

}

ul#parcs li{

display:inline;

margin-right:2px;

}

div#pied p{
position:relative;
top:9px;
left:50px;
line-height:170%;
}
div#pied ul#liensutiles{
font-size:90%;
font-weight:bold;
float:right;
width:230px;
text-align:center;
margin-top:-25px;
position:relative;
z-index:100;
margin-right:-5px;
}
div#pied ul#liensutiles li{
display:inline;
margin:0 2px;
}

/* ----------- Choix srub ----------- */

#choix_srub {

width:250px;

float:right;

padding:10px;

margin-top:4px;

}

#choix_srub div.liste {

/*background:url(../pics/choix_srub.gif) repeat-x;*/

border:1px solid #EEE;

}

#choix_srub h3.left {

width:250px;

}

#choix_srub li.srub {

background-image:url(../pics/blank.gif);

padding:5px;

margin:5px;

}

#choix_srub li.ssrub {

background-image:url(../pics/blank.gif);

padding:0px;

margin:0px 0px 0px 40px;

}

#choix_srub li span {

font-size:140%;

font-weight:bold;

}

#choix_srub li.border {

border-bottom:1px dotted #999;

}



/* ----------- Pagination ----------- */



#pagination {

display:table;

width:500px;

margin:auto;

}

#pagination .pgleft {

float:left;

width:100px;

text-align:center;

}

#pagination .pgcenter {

float:left;

width:300px;

text-align:center;

}

#pagination .pgright {

float:left;

width:100px;

text-align:center;

}



/* ----------- Picto zoom ----------- */



a.pictozoom {

position:relative;

z-index:24;

text-decoration:none;

}

a.pictozoom:hover {

z-index:25;

background:#fff;

text-decoration:none;

}

a.pictozoom span {

display:none;

}

a.pictozoom:hover span {

display:block; 

position:absolute;

top:-40px;

left:-20px;

background:#fff;

}



/* ----- Magazine ----- */



#magazine {

	visibility:hidden;

}

#magazine #content {

	position:absolute;

	z-index:999; 

	top:0px;

	left:0px; 

	width:100%;

	height:100%;

	/*background:#000000;	

	/*opacity:.75;

	filter: alpha(opacity=75);

	-moz-opacity: 0.75;*/

}

#magazine #content2 {

	position:absolute;

	z-index:999; 

	top:0px;

	left:0px; 

	width:100%;

	height:100%;

	background:#999;	

	opacity:.90;

	filter: alpha(opacity=90);

	-moz-opacity: 0.90;

}



/* ----- */

.separateur-srub{

background-image:url(../pics/separateur-gris.gif);

background-repeat:repeat-x;

background-position:top;

width:100%;

height:1px;

}



#pictomag{

position:absolute;

margin-left:-210px;

margin-top:-4px;

}



#pictoparc{

position:absolute;

margin-left:-80px;

margin-top:-10px;

}



#txtcolor00{

color:#BF7430;

}

#txtcolor01{

color:#888900;

}

#txtcolor02{

color:#518900;

}

#txtcolor03{

color:#0089A3;

}

#txtcolor04{

color:#C29C30;

}



span.choixparc{

font-size:140%;

margin-bottom:2px;

}





form#form_ami input{

border:1px solid #CCC;

font-size:90%;

}

form#form_newsletter input{

border:1px solid #CCC;

font-size:90%;

}



img.remonter{

margin-bottom:2px;

}

#ariane h1{
font-weight:normal;
font-size:100%;
}
#ariane{
margin-bottom:4px;
}


/*sifr*/
.sIFR-flash {z-index: 1; visibility: visible !important;margin: 0;}
.sIFR-replaced {z-index: 1; visibility: visible !important;}
span.sIFR-alternate {z-index: 1; position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}
.sIFR-flash + div[adblocktab=true] {display: none !important;}

