/* reinitialisation */
* {margin: 0; padding: 0;}
 
/* cache de google */
#global {position: relative;}

/* structure */
#bloc-contenu-pied {z-index: 1; position: static; min-width: 1000px; width: auto; margin-top: 87px;}
#bloc-contenuhaut-pied {z-index: 1; position: static; min-width: 1000px; width: auto; margin-top: 32px;}
#tetiere {z-index: 2; position: absolute; width: 100%; height: 87px; top: -87px; background-color: #ffffff;}
#gauche {float: left; width: 130px; margin-left: -630px; vertical-align: top; background-color: #d7d4c6;}
#centre {float: left; width: 469px; padding: 15px 15px 0px 15px; margin-left: 130px; border-left: 1px solid #d7d4c6; background: #fff;}
* html #centre {display: inline;}
#large {float: left; width: 599px; padding: 0 15px;}
#droite {float: left; width: 350px; vertical-align: top; background-color: #ffffff; border-left: 1px solid #d7d4c6;}
#pied {height: 30px;}
#contenu {width: 1000px; overflow: hidden;}

/* general */
body {color: #333333; font: 12px Arial, Helvetica, sans-serif; background: #fff;}
a {text-decoration: none; color: #333333;}
a:hover {text-decoration: underline; color: #333333;}
p {margin-bottom: 5px;}
br {line-height: normal;}
h1 {margin: 10px 0; font-size: 16px; color: #454436;}
h2 {font-size: 12px; font-weight: bold; color: #cc3300; margin-top: 13px;}
h3 {font-size: 13px; font-weight: bold; color: #cc3300;}
table {font: 13px Arial, Helvetica, sans-serif;color: #333333;}
input {background-color: #ffffff; font-size: 10px;}
img {border: 0;}

/* id */
#chapeau {font: bold 13px Arial, Helvetica, sans-serif;color: #666;margin-bottom: 10px;width: 100%;}
#chapeau td {vertical-align: top;}
#chapeau #chapeau-texte {width: 100%;}
#chapeau img {margin-right: 10px;}
#signature, .signature {float: right; padding: 5px 0px; font: 10px Arial, Helvetica, sans-serif;}

/* class */
.texte {font: normal 12px Arial, Helvetica, sans-serif;text-align: left;vertical-align: top;text-decoration: none;text-indent: inherit;text-shadow: none;text-transform: none;}
.legende {font: 9px Verdana, Arial, Helvetica, sans-serif;padding: 5px 0;background: #d4d9c7;}
.credit {font: 9px Verdana, Arial, Helvetica, sans-serif;}
.date {font: 9px Verdana, Arial, Helvetica, sans-serif;float: right;}
.exergue {color: #c30;font-style: italic;font-weight: bold;font-size: 16px;float: left;text-align: left;margin: 5px 0;}
.fleche {font: bold 11px Verdana, Arial, Helvetica, sans-serif;color : #c30;}
.flechegauche {font-family: Verdana; font-size: 11px; color: #000000; font-weight: bold}
.savoir-plus {background: url(http://www.linternaute.com/image/gen/pucecolg.gif) no-repeat center left;padding-left: 8px;}
.intertitre {font: bold 12px Arial; color: #cc3300; height: 18px;}
.fond-fonce {background: #d7d4c6;}
.fond-clair {background: #fff;}

/* fil ariane */
#fil-ariane {font: 10px Verdana; margin-bottom: 10px;}
#fil-ariane td {vertical-align: top;}
#fil-ariane a {text-decoration: underline;}
#fil-ariane a:hover {text-decoration: none;}

/* pub */
.pub-5 {text-align: center; margin: 15px 0;}
.pub-mjx {margin: 15px 0;}
#top1 {position: absolute; top: -4px; left: 0px; z-index: 9999999;}

/* lien generique */
.lien, .lien a, .savoir-plus a {font: normal 12px Arial; text-decoration: underline;}
.lien-fonctionnel, .lien-fonctionnel a {font: bold 10px Verdana; text-decoration: underline;}
.lien-video, .lien-video a {font: bold 10px Verdana; text-decoration: underline; padding-left: 15px; background: #ffffff url(http://www.linternaute.com/image/gen/clip.gif) no-repeat 0% 50%;}
.lien:hover, .lien a:hover, .lien-fonctionnel:hover, .lien-fonctionnel a:hover, .lien-video:hover, .lien-video a:hover, .savoir-plus a:hover {text-decoration: none;}

/* titre categorie */
.categorie-titre {font: bold 9px Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #c30; background: #fff url(http://www.linternaute.com/image/gen/puce.gif) no-repeat 0% 50%;padding: 0 4px 0 10px;float: left;}
.categorie-fond {position: static; background: url(http://www.linternaute.com/images/commun/barre.gif) repeat-x 0% 31%;width: auto}
.categorie-entete {display: inline;}
.categorie-entete a {font: bold 12px Arial; color: #333333; text-decoration: underline;}
.categorie-entete a:hover {text-decoration: none;}

/* bloc en images */
#en-image {width: 100%;}
#en-image td {text-align: center;}
#en-image #en-image-titre {font: 12px Arial, Helvetica, sans-serif;padding-bottom: 4px;}
#en-image .en-image-titre-decoration {font: bold 9px Verdana, Arial, Helvetica, sans-serif;text-transform: uppercase;color: #c30;}
#en-image-lien {text-align: right;}

/* bloc tableau */
.tableau {display: table;width: 100%;font: 9px Verdana, Arial, Helvetica, sans-serif;}
.tableau td {padding: 2px;}
.tableau thead th {background: #333;color: #fff;font-weight: bold;padding: 2px;text-align: left;}
.tableau .tableau-titre-fond-clair {font-weight: bold;padding: 4px 2px;background: #f7f7f0;text-align: left;text-transform: uppercase;caption-side: top;}
.tableau .tableau-titre-fond-fonce {background: #333;color: #fff;font-weight: bold;padding: 2px;text-align: left;text-transform: uppercase;caption-side: top;}
.tableau tfoot td { text-align: right;border-top: 1px solid #d7d4c6;}
.tableau-photo {display: table;width: 100%;background: #ffffff; font: 9px Verdana, Arial, Helvetica, sans-serif;border-bottom: 1px solid #43443f; margin-bottom: 10px;}
.tableau-photo thead th {background: #43443f;color: #ffffff;font-weight: bold;padding: 2px;text-align: center;}
.tableau-photo td {padding: 4px; padding-left: 6px;border-bottom: 1px solid #43443f;}
.tableau-photo td.photo-apercu {padding: 4px;padding-left: 0px;border-bottom: 1px solid #43443f; width: 90px; min-width: 90px;}
.tableau-photo td.photo-entete {padding: 4px; padding-left: 6px;border-bottom: 1px solid #43443f; font-weight: bold;}

/* bloc navigation */
.navigation {font: 9px Verdana; width: 100%; margin: 0px; clear: both;}
.navigation a {text-decoration: underline; line-height: 25px;}
.navigation a:hover {text-decoration: none;}
.navigation .navigation-contexte {text-align: center; width: 300px;}
.navigation .navigation-precedent {text-align: left; width: 140px;}
.navigation .navigation-precedent a {float: left; padding-left: 25px; background: url(http://www.linternaute.com/image/gen/bt_precedent.gif) left no-repeat;}
.navigation .navigation-separateur {vertical-align: bottom;}
.navigation .navigation-suivant {text-align: right; width: 140px;}
.navigation .navigation-suivant a {float: right; padding-right: 25px; background: url(http://www.linternaute.com/image/gen/bt_suivant.gif) right no-repeat;}

/* bloc outil */
.outil {width: 100%;font: 10px Verdana, Arial, Helvetica, sans-serif;margin-bottom: 10px;clear: both;}
.outil a {text-decoration: underline;}
.outil .outil-sommaire {width: 50%;}
.outil .outil-mailto {height: 16px;background: url(http://www.linternaute.com/image/gen/mailto.gif) center left no-repeat;}
.outil .outil-mailto a {width: 100%;padding-left: 15px;display: block;white-space: nowrap;}
.outil .outil-separateur {padding: 0 4px 0 8px;}
.outil .outil-printer {height: 16px;background: url(http://www.linternaute.com/image/gen/printer.gif) center left no-repeat;}
.outil .outil-printer a {width: 100%;padding-left: 20px;display: block;white-space: nowrap;}
.outil .outil-haut {width: 50%;text-align: right;}

/* tetiere */
#tetiere .recherche {text-align: right;margin-right: 5px;}
#tetiere .accueil {margin-left: 5px;}
#tetiere .accueil a {text-decoration: underline;}
#tetiere .menu a{color: #333;}
#tetiere .menuhaut {height: 60px;font: 10px Verdana, Arial, Helvetica, sans-serif;color: #333;vertical-align: middle;}
#tetiere .menuhaut table {width: 355px;}
#tetiere .menuhaut td {vertical-align: middle;}
#tetiere .menuhaut td a {color: #333;text-decoration: none;}
#tetiere .menuhaut td a:hover {color: #333;text-decoration: underline;}
#tetiere .menuhaut ul {display: block;float: left;margin: 0 5px;}
#tetiere .menuhaut li {display: list-item;color: #333;font: 10px Verdana, Arial, Helvetica, sans-serif;list-style-position: inside;list-style-image: url(http://www.linternaute.com/images/commun/pucebleu.gif);list-style-type: none;}
#tetiere .menuhaut li a {text-decoration: none;}
#tetiere .menuhaut li a:hover {text-decoration: underline;}
#tetiere .menuhautblanc {height: 25px;}
#tetiere .menuhautblanc td {vertical-align: middle;}
#tetiere .menuhautblanc li {display: block;float: left;margin-left: 20px;color: #fff;font: 10px Verdana, Arial, Helvetica, sans-serif;list-style-type: none;}
#tetiere .menuhautblanc li a {color: #fff;text-decoration: underline;}
#tetiere .menuhautblanc li a:hover {color: #fff;text-decoration: underline;}
#tetiere .rechercher {font: bold 10px Verdana, Arial, Helvetica, sans-serif;color: #fff;text-align: right;margin-right: 5px;padding-top: 7px;}
#tetiere #search {vertical-align: middle;}
#tetiere #home {margin-left: 5px;}
#tetiere #home_diapo a {padding-left: 5px;font: 10px Verdana, Arial, Helvetica, sans-serif;color: #fff;}
#tetiere #home_diapo a {text-decoration: underline;}
#tetiere #search td {padding-right: 10px;}
#tetiere #search input {font: 10px Verdana, Arial, Helvetica, sans-serif;color: #000;}

/* colonne de gauche ancienne */
#gauche .menugauche {font-family:Verdana;font-size:9px;color:#333333;text-decoration:none;}
#gauche td.menugauche {padding: 2px 0;font: 9px Verdana, Arial, Helvetica, sans-serif;}
#gauche a.menugauche {font-family:Verdana;font-size:9px;color:#333333;text-decoration:none;}
#gauche a.menugauche:hover {font-family:Verdana;font-size:9px;color:#333333;text-decoration:underline;}
#gauche img {padding: 2px 5px 0 5px;font: 9px Verdana, Arial, Helvetica, sans-serif;}
#gauche .intitule {color: #fff;background-color: #000;font: bold 9px Verdana, Arial, Helvetica, sans-serif;}

/* colonne de gauche nouvelle */
#colonne_gauche .intitule_bordeaux, .intitule_rouge, .intitule_orange, .intitule_bleu, .intitule_vert {height: 17px;color: #ffffff;	padding: 0px;padding-top: 5px;padding-left: 18px;margin: 0px;font: bold 9px Verdana, Arial, Helvetica, sans-serif;}
#colonne_gauche .intitule_bordeaux {background: #000000 url(http://www.linternaute.com/image/homepage/amorce_bordeaux.gif) 6px center no-repeat;}
#colonne_gauche .intitule_rouge {background: #000000 url(http://www.linternaute.com/image/gen/puceamorcerouge.gif) 6px center no-repeat;}
#colonne_gauche .intitule_orange {background: #000000 url(http://www.linternaute.com/image/gen/puceamorceorange.gif) 6px center no-repeat;}
#colonne_gauche .intitule_bleu {background: #000000 url(http://www.linternaute.com/image/gen/puceamorcebleu.gif) 6px center no-repeat;}
#colonne_gauche .intitule_vert {background: #000000 url(http://www.linternaute.com/image/gen/puceamorcevert.gif) 6px center no-repeat;}
#colonne_gauche .intitule_jaune {background: #000000 url(http://www.linternaute.com/image/gen/puceamorcejaune.gif) 6px center no-repeat;}
#colonne_gauche .intitule  {height: 17px;color: #ffffff;padding: 0px;padding-top: 5px;padding-left: 18px;margin: 0px;font: bold 9px Verdana, Arial, Helvetica, sans-serif;background: #000000 url(http://www.linternaute.com/image/gen/puceamorceorange.gif) 6px center no-repeat;}
#colonne_gauche ul {list-style-type: none;margin: 0px;padding: 0px;padding-bottom: 10px;padding-top: 10px;background: #d7d4c6;}
html>body #colonne_gauche ul { margin-top: 0px;padding-top: 0px;  }
#colonne_gauche ul a {text-decoration: none;font: bold 11px Verdana, Arial, Helvetica, sans-serif;color: #333333;}
#colonne_gauche ul a:hover {text-decoration: underline;font: bold 11px Verdana, Arial, Helvetica, sans-serif;color: #333333;}
#colonne_gauche .liste_defaut {line-height: 20px;padding-left: 0px;padding-top: 5px;padding-bottom: 5px;margin-left: 0px;}
#colonne_gauche .liste_defaut li {padding-left: 15px;background: url(http://www.linternaute.com/image/gen/puce_nav2.gif) 6px 8px no-repeat;}
#colonne_gauche .evenementiel a{color: #cc0000;text-decoration: none;}
#colonne_gauche .evenementiel a:hover{color: #cc0000;text-decoration: underline;}
#colonne_gauche .titre_chaine {background: url(http://www.linternaute.com/image/gen/puce_nav1.gif) 6px 6px no-repeat;line-height: 8px;padding-left: 15px;padding-top: 0px;padding-bottom: 6px;margin-top: 4px;}
html>body #colonne_gauche .titre_chaine {line-height: 4px;}
#colonne_gauche .liste_fil {margin: 0px 0px 2px 0px;padding: 4px 0px 4px 20px;line-height: 13px;background-color: #ececdf;border-top: 1px solid #ffffff;border-bottom: 1px solid #ffffff;}
#colonne_gauche .liste_fil li {padding: 0px;line-height: 13px;background-color: #ececdf;}
#colonne_gauche .liste_fil li a, #colonne_gauche .liste_fil li.sousmenu_service a {text-decoration: none;font: 10px Verdana, Arial, Helvetica, sans-serif;color:#333333;}
#colonne_gauche .liste_fil li a:hover, #colonne_gauche .liste_fil li.sousmenu_service a:hover {text-decoration: underline;font: 10px Verdana, Arial, Helvetica, sans-serif;color:#333333;}
#colonne_gauche .liste_fil li.sousmenu_service a {padding-left: 7px;}
#colonne_gauche .liste_fil li.titre_rubrique a {text-decoration: none;font: bold 10px Verdana, Arial, Helvetica, sans-serif;color:#333333;}
#colonne_gauche .liste_fil li.titre_rubrique a:hover {text-decoration: underline;font: bold 10px Verdana, Arial, Helvetica, sans-serif;color:#333333;}

/* colonne de droite */
#droite .fond_fonce {background-color: #d7d4c6;}
#droite input {background: #ffffff;}
#droite input.petit {background-color: #fff;width: 200px;}
#droite .petit td {text-align: left;height: 20px;}
#droite #newsletter * {font-size: 9px;font-family: Verdana, Arial, Helvetica, sans-serif;}
#droite #newsletter {width: 260px;text-align: center;}
#droite #newsletter a {text-decoration: none;color: #333333;}
#droite #newsletter a:hover {text-decoration: underline;color: #333333;}
#droite #newsletter #newsletter-titre {height: 17px;background: url(http://www.linternaute.com/images/newsletter/newsletter.gif) no-repeat;margin-bottom: -6px;position:relative;}
#droite #newsletter #newsletter-trait-haut {height: 1px;overflow: hidden;background: #908d88;margin: 0 1px 0 7px;}
#droite #newsletter #newsletter-trait-bas {height: 1px;overflow: hidden;background: #908d88;margin: 0 0px 0 7px;}
#droite #newsletter #newsletter-contenu {width: 241px;margin-left: 7px;background: #d7d4c5;border-left: 1px solid #908d88;border-right: 1px solid #908d88;padding: 10px 5px 5px 5px;text-align: left;}
#droite #newsletter #newsletter-contenu #newsletter-checkbox input {float: left;background: transparent;}
#droite #newsletter #newsletter-contenu label {width: 125px;float: left;margin-left: 5px;text-align: left;}
#droite #newsletter #newsletter-contenu span {float: left;}
#droite #newsletter #newsletter-contenu #newsletter-text {display: inline;width: 105px;border: 1px solid #000;background: #fff;vertical-align: bottom;}
#droite #newsletter #newsletter-contenu #newsletter-image{	vertical-align: bottom;background: transparent;}
#droite #sondage-input {background: transparent; text-align: left;}
#droite #sondage-input input {background: transparent;}

/* colonne droite home */
.encart_droite_titre {font-family: Arial;font-size: 12px;font-weight: bold;background-color: #b8b5a2;color: #ffffff;text-transform: uppercase;height: 15px;}
.encart_droite_texte {padding-top: 5px;padding-bottom: 5px;padding-left: 5px;}
.encart_droite_texte img {display: block;float: left;padding-right: 5px;}
.encart_droite_lien {font-family: Verdana;font-size: 9px;color: #333333;text-align: right;border-bottom: 1px dotted #b8b5a2;padding-bottom: 8px;}
.encart_droite_lien a {font-family: Verdana;font-size: 9px;font-weight: bold;text-decoration: underline;}
#droite .image-gauche {float: left;padding-right: 10px;}
#droite .image-droite {float: right;padding-left: 10px;}

/* filtres */
/* dreamweaver \*/
* html div>div div#gauche {display: none;}
* html div>div div#droite {display: none;}
* html div>div div#tetiere {display: none;}
* html div>div div#pied {display: none;}


/* we need this for IE 5.01 - otherwise the contenu does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#contenu {
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the contenu - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of contenu too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
}

/* easy clearing */
#contenu:after {
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#contenu {
	display: inline-block;
}
/*\*/
#contenu {
	display: block;
}

/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > #pied, * > form, * > #notes, * > .output {
	position: relative;
	
	z-index: 1000;
}

/* Start Mac IE5 filter \*/
#centre, #gauche, #droite {
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
}

/* Start Opera 8 filter */
@media all and (min-width: 0px) {
	#centre, #gauche, #droite {
		padding-bottom: 0 !important;
		margin-bottom: 0 !important; 
	}
	#centre:before, #gauche:before, #droite:before {
		content: '';
		display: block;
		background: inherit;
		padding-top: 32767px !important;
		margin-bottom: -32767px !important;
		height: 0;
	}
}