/* 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: #fff;
	border-left: 1px solid #d7d4c6;
}

#pied {
	height: 30px;
}

#contenu {width: 1000px;overflow: hidden;}


/* generique */
body {color: #333;font: 13px Arial, Helvetica, sans-serif;background: #fff;}
a {text-decoration: none;color: #333;}
a:hover {text-decoration: underline;color: #333;}
p {margin-bottom: 5px;}
br {line-height: normal;}
h1 {font-size: 16px;color: #454436;margin-bottom: 15px;text-align:center;}
h2 {font-size: 16px;color: #c30;display: inline;}
h3 {font: bold 12px Arial, Helvetica, sans-serif;color: #333;display: inline;background: url(http://www.linternaute.com/histoire/image/commun/pucerouge.gif) center left no-repeat;padding-left: 8px;}
table {font: 13px Arial, Helvetica, sans-serif;color: #333;}
input {background:#FFF;font-size: 10px;}
img{border: 0;}

/* id */
#fil-ariane {font: 10px Verdana, Arial, Helvetica, sans-serif;margin-bottom: 10px;}
#fil-ariane td {vertical-align: top;}
#fil-ariane a {text-decoration: underline;}
#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;}
#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;}
#signature, .signature {float: right; padding: 5px 0px; font: 10px Arial, Helvetica, sans-serif;}
.legende {font: 9px Verdana, Arial, Helvetica, sans-serif;padding: 5px 0;background: #d4d9c7;}
.credit {font: 9px Verdana, 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;}
.categorie-titre {font: bold 9px Verdana, Arial, Helvetica, sans-serif;text-transform: uppercase;color: #c30;background: #fff url(/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}
.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(/image/gen/pucecolg.gif) no-repeat center left;padding-left: 8px;}
.savoir-plus a {text-decoration: underline;}
.texte_navigation{font-family: Verdana;font-size: 10px;}

.fond-fonce {background: #d7d4c6;}
.fond-clair {background: #fff;}

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

/* lien generique */
.lien, .lien 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 {text-decoration: none;}

/* 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: 155px;}
.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: 155px;}
.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(/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(/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,.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 10px Verdana, Arial, Helvetica, sans-serif;}
#colonne_gauche .intitule_bordeaux {background: #000000 url(/image/homepage/amorce_bordeaux.gif) 6px center no-repeat;}
#colonne_gauche .intitule_rouge {background: #000000 url(/image/gen/puceamorcerouge.gif) 6px center no-repeat;}
#colonne_gauche .intitule_orange {background: #000000 url(/image/gen/puceamorceorange.gif) 6px center no-repeat;}
#colonne_gauche .intitule_bleu {background: #000000 url(/image/gen/puceamorcebleu.gif) 6px center no-repeat;}
#colonne_gauche .intitule_vert {background: #000000 url(/image/gen/puceamorcevert.gif) 6px center no-repeat;}
#colonne_gauche .intitule_jaune {background: #000000 url(/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(/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(/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(/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;}

/* 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;
}

/* Start 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;
}
/* End easy clearing */

/* 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; 
}
/* End Mac IE5 filter */

/* 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;
	}
}
/* End Opera 8 filter */

* html .checkbox {
	/* Callage des checkbox pour IE */
	margin:-4px;
}