html {height:100%; margin:0; padding:0;}
body{ height:100%; margin:0; padding:0; font-size:12px; font-family:"Trebuchet MS", Verdana, Arial; background-color:#FFFFFF;}
a{ font-family:"Trebuchet MS", Verdana, Arial; text-decoration:underline;}
p,h1,h2,h3,h4,h5,h6{ padding:0; margin:0; }
h1{ color:#1D4472; font-size:16px; font-weight:normal;}
h3{ color:#1D4472; font-size:12px; font-weight:normal;}
h1 a{color:#1D4472; }
h3 a{color:#1D4472;}
/*****************************************
	common page layout / lightbox
*****************************************/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }

#overlay{ background-image: url(../js/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(../js/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../js/overlay.png", sizingMethod="scale");
}

kbd{
	color: #555;
	background-color: #ddd;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: inherit;
	font-family: inherit;
	padding: 0 3px 2px 4px;
}
/*******************************************************************************************************************************/
#global{ height:100%;}
#header{  width:869px; height:115px; clear:both; margin:0; padding:0;}
#header #logo{ width:258px; padding:0; margin:0; float:left;}
#header #logo img{ padding:0; margin:0; width:209px; height:103px; border:none;}
#header #logo img a{ border:none;}
#header #version{ width:282px; height:63px; float:left; padding:8px 8px 0 0px; margin:0; text-align:right;}
#header #version p{ font:Arial, Helvetica, sans-serif; font-size:10px; color:#aaa; padding:0; margin:0; text-align:left;}
#header #version select{ border:1px solid #ccc; color:#aaa; font-size:10px; margin:0; padding:0; width:120px;}
#header #version option{color:#aaa; font-size:10px; width:120px; margin:0; padding:0;}
#header #bloc_bleu{ width:321px; padding:0; margin:0; text-align:left; float:left; background-color:#71a2cb; color:#fff;}
#header #bloc_bleu #contact{ width:301px; height:49px!important; height:59px; padding:10px; margin:0; text-align:center;}
#header #bloc_bleu #contact a{color:#fff; font-size:12px; text-decoration:none;}
#header #bloc_bleu #contact a{color:#fff; font-size:12px; text-decoration:underline;}
#header #bloc_bleu #contact a img{ margin:0; border:none; text-decoration:none;}
#header #bloc_bleu #search{ width:311px; height:31px!important; height:36px; padding:5px 0px 0px 10px ; margin:0;}

#pointille{ width:100%; height:22px; margin:0; padding:0; background:url(../../templates/images/bandeau-pointille.jpg) repeat-x;}



#content{ 
 min-height:702px !important;/* taille minimale pour les moteur gecko et IE7 */
 height:672px;/* taille max pour IE6 */
 height:auto !important; /* on remet à la normal pour gecko et IE7 */
 width:869px; margin:0; padding:0; text-align:left; background-color:#f3efee;}
/*#content #joomla{ height:auto; width:488px; color:#1D4472; margin:0; padding:30px 20px 0 40px;  background:url(../../templates/images/puce-content.gif)  5% 15px no-repeat;}*/
#content #joomla{ height:auto !important; width:558px; width:463px !important; color:#1D4472; margin:0; padding:30px 0px 0 40px;  background:url(../../templates/images/puce-content.gif)  5% 15px no-repeat;}
#joomla a{ color:#75a504; text-decoration:underline;}
#content #bloc_droit{ height:auto; width:321px; padding:0; margin:0; float:right;}
#content #bloc_droit #image{padding:0; margin:0; width:321px; height:226px;}
#content #bloc_droit #univers{padding:0; margin:0; width:321px; height:172px;}
#content #bloc_droit #bloc{padding:0;  margin-top:10px; width:321px; min-height:264px !important; height:264px; height:auto !important; background-color:#71a2cb;}
#content #bloc_droit #bloc #nouveautes { text-align:center; padding-top:20px; margin:0;}
#content #bloc_droit #bloc #newsletter table.contentpane{border:none; padding:0; margin:0; color:#fff; font-size:12px;}
#content #bloc_droit #bloc #newsletter p{ font-size:12px; color:#fff; margin:0; padding:10px;}
#content #bloc_droit #bloc #newsletter form#lettermanMod{ margin:0; padding:0 10px;}
#content #bloc_droit #bloc #newsletter form#lettermanMod img{margin:0; padding:0;}
#content #bloc_droit #bloc #newsletter label{color:#fff;}
#content #bloc_droit #bloc #newsletter input.inputbox{ border:1px solid #fff; background:#97bbdc; color:#FFF; font-size:10px; margin:3px 5px;}
#content #bloc_droit #bloc #newsletter input.valider{ width:29px; margin:0; padding:0px;}
#content #bloc_droit #bloc table{ background:#f3efee;}

#footer{ width:869px; text-align:center; color:#1D4472; background-color:#e8e2e1; margin:0 10px; padding:5px 0;}
#footer a, #footer a:hover{ text-decoration:underline; color:#1D4472;}
.spacer{ clear:both; height:25px; background:#f3efee; width:869px; margin:0; padding:0;}

/****************************************************FORM RECHERCHE************************************************************/
#header #bloc_bleu #search .search{ background-color:#71a2cb; color:#fff; font-size:11px; margin:0; padding:0;  height:26px;}
#header #bloc_bleu #search .search p{ padding:0; margin:0px 5px 0px 0; display:inline;}
#header #bloc_bleu #search .search input.inputbox{ border:1px solid #fff; background:#97bbdc; color:#FFF; font-size:10px; margin:3px 5px;}
#header #bloc_bleu #search .search input.valider{ width:29px; margin:0; padding:0px;}

/******************************************************************************************************************************/
div.niveaux{ border:1px dotted; background-color:#e8e2e1; padding:10px; margin:0 0 15px 0; }
div.invisible{ display:none; padding:0; margin:0;}
div.visible{ display:block; margin:0; padding:0;}

#joomla a.search{ padding:0; text-decoration:none; color:#1D4472;}
#joomla a.search img{ padding:0; text-decoration:none; color:#1D4472; border:none;}
#joomla a.search:hover{ padding:0; text-decoration:underline; color:#1D4472;}

div.niv0{ padding:0 0 0 20px; margin:0 0 0 15px;}
div.niv0plus{ padding:0 0 0 20px; margin:0 0 0 15px; background:url(../inc/plus.jpg) no-repeat 0% 50% ; cursor:pointer;}
div.niv0moins{ padding:0 0 0 20px; margin:0 0 0 15px; background:url(../inc/moins.jpg) no-repeat 0% 2%; cursor:pointer;}

ul, li { list-style:none; margin:0; padding:0;}
p.niv0, p.niv1 { font-weight: bold; font-style:italic; list-style:none; font-size: 14px; color:#1D4472; }
p.niv { list-style:none; font-size:12px; color:#1D4472; }
/****************************************************************************************************************************/
div.univers{ width:463px; width:443px !important; border:1px dotted #7e592c; background-color:#fcf9f8; padding:5px 10px;}
table.resultat{ padding:10px; margin:5px 0; width:463px; background-color:#e8e2e1;}
table.resultat td{ padding:0; margin:0; border:none;}
table.resultat td.photo{ padding:0; margin:0; border:none; width:109px;}
table.resultat td.photo a img{ border:none; cursor:url(../inc/zoom.cur),pointer;}
table.resultat td.titre{ padding:0 5px; margin:5px; text-align:left; width:304px; height:30px; background-color:#fcf9f8;}
table.resultat td.accroche{ padding:0 5px; margin:5px; border:none; text-align:left; width:230px; height:auto;}
table.resultat td.lien{ padding:0 5px; margin:5px; border:none; text-align:right; width:74px; height:auto;}
/****************************************************************************************************************************/
table.fiche{ padding:10px; margin:5px 0; width:748px; background-color:#e8e2e1; border:1px solid #1D4472;}
table.fiche td.caracteristique{ padding:2px 0 0 10px;}
h3{ color:#1D4472; font-size:14px; font-weight:normal;}
h3.entetes{ font-weight:bold; padding-left:5px; margin:0;}