/* reset general */
:link,:visited { text-decoration:none }
ul,ol,dl { list-style:none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div { margin:0; padding:0 }
img {border:0;}

/* style global body */
body { background-color: #FFF; }

/* defaut des liens */
a { font-family: "lucida sans unicode", "lucida grande", sans-serif; color: #390; text-decoration: none; outline: none; }
a:hover { color: #c06; text-decoration: none; }

/* bloc contenu general pour centrage */
div#contenu {
	position: relative; z-index: 1;
	width: 950px;
	margin: 0 auto;
	font-family: verdana, sans-serif; font-size: 13px; color: #000;
}
/* bloc bandeau haut, image en fond dynamique en fonction secteur fr-en-es-de */
#bandeau { position: relative; width: 950px; height: 160px; border: 0; }

/* zone centrale remontee pour passer sous menutop */
#centre {
	position: relative; float: left; 
	width: 950px; top: -25px;
	background: url(../img/fond_centre.jpg) no-repeat;
	min-height: 810px; 
}
/* zone gauche */
#gauche {
	position: relative; float: left;
	width: 158px; height: 800px;
	margin: 40px 5px 0 0;
	text-align: center; 
}

#texte { position: relative; float: left; width: 465px; margin: 40px 5px 0 0; }

#texte h1 { position: relative; left: -1.8em; text-align: left; font-weight: bold; font-size: 1.4em; color: #c06; font-family: "lucida sans unicode", "lucida grande", sans-serif; margin: 0 0 0.6em 0; }
#texte h2 { position: relative; left: -0.4em; text-align: left; font-weight: bold; font-size: 1.1em; color: #c06; font-family: "lucida sans unicode", "lucida grande", sans-serif; margin: 0 0 0.3em 0;	}
#texte h3 { position: relative; left: 0.6em; text-align: left; font-weight: bold; font-size: 1em; color: #c06;	font-family: "lucida sans unicode", "lucida grande", sans-serif;}
#texte p { text-align: left; line-height: 16px; margin: 12px 0 10px 0; padding: 0 10px 0 17px; clear: both; }
#texte p strong { font-size: 0.9em; }
h4 { width: 80%; padding: 0 8px; }

/* bloc droit contiendra onglets optionnels */
#droit { 
	float: left; position: relative;
	width: 260px;
	margin: 40px 0 0 30px; padding: 0;
	font-size: 0.85em; 
}

/* onglets bloc droit */
dl.toolbox { position: relative; padding-top: 22px; }

dl.toolbox dt {
	position: absolute; top: -3px; z-index: 20;
	height: 25px;
	text-align: center; font-size: 1.2em; line-height: 25px; font-family: "lucida sans unicode", "lucida grande", sans-serif; color: #390; font-weight: bold;
	cursor: pointer;
}
dl.toolbox dt span img { position: relative; top: 2px; border: 0; }
dl.toolbox dt span.ferme { color: #390; padding-right: 12px; background: url(../img/suite.png) no-repeat right 3px; }
dl.toolbox dt span.ouvert { color: #c06; padding-right: 12px; background: url(../img/suite_bas.png) no-repeat right 3px; }
dl.toolbox dt span.ouvertfix { color: #c06; padding-right: 12px; background: url(../img/suite_bas.png) no-repeat right 3px; }

dl.toolbox dt.onglet_left { left: 0; width: 130px; background: url(../img/onglet50_bis.png) no-repeat  left top; }
dl.toolbox dt.onglet_right { right: 0; width: 130px; background: url(../img/onglet50_bis.png) no-repeat  left top; }
dl.toolbox dt.onglet_large { left: 0; width: 260px; background: url(../img/onglet100.png) no-repeat  left top; }

dl.toolbox dd.texte_tb_col, dl.toolbox dd.texte_tb_ouv  {
	border-color: transparent #c4c4c4 transparent #A8A8A8; border-width: 0px 2px 0 1px; border-style: none solid none solid; }
dl.toolbox dd.texte_tb_col p, dl.toolbox dd.texte_tb_ouv p {
	width: 94%;
	padding: 8px 0; margin: 0px 5px 0 5px;
	font-size: 1em; line-height: 1.2em;
}
dl.toolbox dd.texte_tb_col h4, dl.toolbox dd.texte_tb_ouv h4 {
	font-size: 1em; font-family: verdana, sans-serif; color: #C06;
	text-align: left; font-weight: normal;
}
dl.toolbox dd.texte_tb_col h6, dl.toolbox dd.texte_tb_ouv h6 {
	font-size: 12px; font-family: verdana, sans-serif; color: #C06;
	text-align: left; line-height: 16px; font-weight: bold;
	padding: 5px; margin: 0;
}
dl.toolbox dd.texte_tb_col img, dl.toolbox dd.texte_tb_ouv img { float: left; margin: 0 5px 0 0; }
dl.toolbox dd.texte_tb_ouv hr { width: 90%; clear: both; margin: 0 auto 5px auto; }
dl.toolbox dd.texte_tb_ouv hr.sep { width: 95%; clear: both; margin: 0; color: white; height: 0; border: 0; }

dd.ongletbas { font-size: 1px; height: 6px; background: url(../img/ongletbas.png) no-repeat left bottom; }

/* bloc pied de page */
#footer { position: relative; clear: both; width: 100%; height: 20px;}
#footer p { text-align: center; text-indent: 10px; font-family: arial, sans-serif; font-size: 10px; color: #333; }

#footer a:link, #footer a:visited, #footer a:active, #footer a:hover {
	text-decoration: none; color: #390; font-size: 10px; font-weight: normal; font-family: arial, sans-serif;
}
#footer a:hover { color: #c09; }
#motcle { font-family: arial; font-size: 6px; color: #fff; }

/* liens sortants */
.spip_out { padding-right: 12px; background-image: url(../img/lien_externe.gif); background-repeat: no-repeat; background-position: right; }
/* classes spip diverses */
.spip_documents_left { float: left; margin: 0 1em 0.5em 0; }
.spip_documents_right { float: right; margin: 0 0 0.5em 1em; text-align: right; }
.spip_note { font-size: 0.9em; }
hr.spip { width: 100%; clear: both; margin: 0 0 15px 0; }
/* protection ass */
.ass { position: relative; top: 1px; }

/* menu principal */
#menu { position: relative; float:left; z-index: 100; width: 950px; }
#menu li.tabs { float:left; margin: 30px 0 0 0; }

#menu li.tabs span.le { float:left; width:8px; height:25px; background: url(../img/tleft.png) no-repeat;}
#menu li.tabs span.le_on { float:left; position: relative; width:8px; height:25px; background: url(../img/tleft_on.png) no-repeat; z-index: 120; }
#menu li.tabs span.le_ov { float:left; position: relative; top: -2px; width:8px; height:25px; background: url(../img/tleft.png) no-repeat; z-index: 105; }

#menu li.tabs span.ri { float:left; width:8px; height:25px; background: url(../img/tright.png) no-repeat;}
#menu li.tabs span.ri_on { float:left; position: relative; width:8px; height:25px; background: url(../img/tright_on.png) no-repeat; z-index: 120; }
#menu li.tabs span.ri_ov { float:left; position: relative; top: -2px; width:8px; height:25px; background: url(../img/tright.png) no-repeat; z-index: 105; }

#menu li.tabs a.ce { float: left; height: 25px; background: url(../img/tcent.png) repeat-x; color: #333; font-size: 1em; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; text-align: left; line-height: 2em; padding: 0 1em; text-decoration: none; }
#menu li.tabs a.ce_on { float: left; position: relative; height: 25px; background: url(../img/tcent_on.png) repeat-x; color: #c06; font-size: 1em; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; text-align: left; line-height: 2em; padding: 0 1em; z-index: 120; cursor: default; text-decoration: none; }
#menu li.tabs a.ce_ov { float: left; position: relative; top: -2px; height: 25px; background: url(../img/tcent.png) repeat-x; color: #333; font-size: 1em; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; text-align: left; line-height: 2em; padding: 0 1em; z-index: 105; text-decoration: none; }
/* sous-menu au dessus de menu */
.ssmenu, #defaut {
	position: absolute; display: none; 
	top: 0; left: 0; z-index: 110;
	width: 948px; height: 30px; 
	background: url(../img/ss_menu.png) no-repeat top left;
	border: 1px solid #9DBC5B; border-top: 0;
	text-indent: 1em;
}
#defaut { display: block; }

.ssmenu.on { display: block; z-index: 110; }
.ssmenu.ov { display: block; z-index: 111; }
.ssmenu li.sstabs { float: left; margin: 0.4em 0 0 0; }
.ssmenu li.sstabs_sep { float: left; margin: 0.6em 0 0 0; color: #FFF; }
.ssmenu a { font-size: 1em; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; text-align: left;  line-height: 1.8em; color: #333; text-decoration: none; }
.ssmenu a:hover { color: #c06; text-decoration: none; }
.ssmenu a.on { color: #c06; cursor: default; text-decoration: none; }

/* menu drapeaux */
#drapeaux { float: left; position: relative; width: 30px; left: 1em; }
#drapeaux img { margin-bottom: 0.3em; }
#drapeaux a:hover img { -moz-opacity: 0.50; opacity: 0.50; filter:alpha(opacity=50); }

/* zone telecharger */
#telec { position: absolute; top: 180px; right: 0; width: 158px;  }
#titre_telec { width: 158px; height: 21px; line-height: 21px; font-size: 0.9em; color: #333; background: url(../img/telecharger.png) top right no-repeat; }
#doc_telec { float: right; width: 145px; border: 1px solid #A1F124; }
#doc_telec li { margin: 0 0.4em 0.4em 0; text-align: right; font-size: 0.8em; }
#doc_telec li img { position: relative; top: 3px; }

/* classes for tooltips */
.hovertip {
	position: relative; z-index: 200; display: none; /* in case javascript is disabled */
	width: auto; min-height: 15px;
	margin: 0 0 0 15px; padding: 3px;
	background-color: #CCFF66; 
	font-family: Verdana, sans-serif; font-size: 0.7em;
	border: 1px dotted #333; 
}
.hovertip img { float: left; position: relative; margin: 0 5px 0 0; }
.hovertip_target:hover { text-decoration: none; cursor:pointer; }

/* formulaire exposer */
#formexposer { font-family: "lucida sans unicode", "lucida grande", sans-serif; font-size: 1em; width: 680px; margin: 0 auto; }
#formexposer fieldset { margin-bottom: 1em; border: 1px solid #A1F124; padding: 10px; }
#formexposer legend { text-align: right; font-weight: bold; font-size: 1em; color: #c06;	}
#formexposer label { display: block; float: left; clear: left; width: 56%; text-align: right; margin: 3px 5px 3px 5px; font-size: 0.9em; color: #333 }
#formexposer label.erreur { color: red; }
#formexposer input { display: block; float: left; width: 40%; height: 1.3em; text-align: left; margin: 3px 0 3px 0; }
#formexposer input.erreur { border: 1px dotted red; background-color: #ffcccc; }
#formexposer textarea { display: block; float: left; width: 40%; height: 80px; text-align: left; margin: 3px 0 3px 0; }
#formexposer textarea.erreur { border: 1px dotted red; background-color: #ffcccc; }
#formexposer input#soumission { float: right; width: auto; height: auto; text-align: center; }
.formhidden {display: none;} /* cacher balises hidden du formulaire */
.erreur { color: red; }
.formulaire_erreur { color: white; background-color: red; font-size: 1.1em; font-weight: bold; padding: 5px; }
.formulaire_ok { color: white; background-color: #0E1348; font-size: 1.1em; font-weight: bold; padding: 5px; }

/* formulaire de recherche */
.formulaire_recherche { width: 240px; height: 20px;	padding: 10px 0; margin: 0px 8px; }
.formulaire_recherche label {	float: left; margin-right: 10px; line-height: 19px; font-family: "lucida sans unicode", "lucida grande", sans-serif; font-size: 1em; }
.formulaire_recherche input.text { float: left; width: 110px; height: 16px; padding-left: 3px; line-height: 16px; border: 1px solid #CCC; border-right: 0; font-family: "lucida sans unicode", "lucida grande", sans-serif; font-size: 1em;  }
.formulaire_recherche input.submit {	float: left; border: 0; margin: 0; padding: 0; }

/* formulaire de listes */
.lettre { width: 240px; margin: 0px 5px; font-size: 1em; color: #333; }
.lettre div {	float: left; clear: both; width: 100%; padding: 0; margin: 0.2em 0; line-height: 1.5em; }
.lettre h5 {	float: left; clear: both; width: 240px; margin: 0.5em auto; line-height: 15px; }
.lettre label {	float: left; margin: 0 8px 0 0; line-height: 15px; font-family: arial, sans-serif; font-size: 1em; }
.lettre input.radio { float: left; height: 16px; }
.lettre input.text { float: left; width: 180px; height: 16px; padding-left: 3px; line-height: 16px;  border: 1px solid #CCC; border-right: 0; font-family: "lucida sans unicode", "lucida grande", sans-serif; font-size: 1em; }
.lettre input.submit {	float: left; border: 0; margin: 0; padding: 0; }

/* newsletter */
.plus { font-size: 0.9em; font-weight: bold; margin: 0 0 0 5px; }
.read { border: 1px dotted red;  }
.artnl h2 { cursor: pointer;}

/* tables de programmes */
.prog { width: 100%; border: 1px solid #A1F124; font-size: 0.9em; margin: 0 0 1em 0; }
.prog th { text-align: left; }
.dateprog { background-color: yellow; text-align: center; font-weight: bold; font-size: 1em; }
.heurprog {  width: 10%;  }
.titprog { width: 55%; }
.typeprog { width: 15%; }
.checkprog { width: 10%; }
.prog_even { background-color: #e5ffbb; }
.prog_odd { background-color: #c1f3ff; }

.descprog { font-size: 0.9em; font-family: "Trebuchet MS", sans-serif; line-height: 1.2em; }
.print { margin: 0 0 10px 1em; }
h3.fbox { text-align: left; font-weight: bold; font-size: 1.2em; color: #c06;	font-family: "lucida sans unicode", "lucida grande", sans-serif; margin: 0.7em 0 1em 0; }

/* tables spip */
table.spip { margin: 1em 0 1em 1.5em; border: 1px dotted gray; }
table.spip tr.row_even { background-color: #fffcce; }
table.spip tr.row_odd { }
caption { font-size: 0.9em; color: #c06; }

/* barre alpha exposants */
#barralpha { float: left; width: 53%; margin: 0 0 1em 0; }
#barralpha li {float: left; margin: 0 3px 0 0; }
#barralpha li a { padding: 0 2px; }
#barralpha li a.ici { border: 1px solid gray;}

#barrepole { float: left; width: 45%; margin: 0 0 1em 0; text-align: right; }
#barrepole li a.ici { border: 1px solid gray;}

div.filet { width: 100%; height: 1px; clear: both; border-bottom: 1px dotted gray; margin: 0.5em auto;  }
div.separ { width: 100%; height: 1px; clear: both; border: 0; margin: 0.5em auto; }

#res { clear: left; margin: 1em 0 1em 1em; }
#res li { margin: 0 0 0.3em 0; }
.respres { float: right; width: 100px; height: 1em; text-align: right; font-size: 0.9em; color: gray; }
.respres2 { float: right; width: 200px; text-align: right; font-size: 0.9em; color: #c06; }
.pays { float: right; margin: 0 0 0.5em 1em; padding: 0.4em; color: #101347; }
.pole { float: right; margin: 0 0 0.5em 1em; padding: 0.4em; color: #c06; }
.logoexp { float: left; clear: both; margin: 1em; }