@charset "utf-8";
@import url(tripoli.base.css);

 @import url(base.css);

body {
font-family:Arial, Helvetica, sans-serif;
/*font-size:0.8em;*/
padding:0;
margin:0;
background-image:url(fond-body.jpg);
background-position:center;
background-repeat:repeat-y;
background-color:#dadada;
color:#4f4f4f;}

/* -----------------balises primaires ------------------------ */
td, th {
	vertical-align:top;
}
th {
	text-align:left;
	background-color: #dae3e4;
	font-weight:bold;
}
h1 {
	color:#e20030;
	font-family:Trebuchet MS!important;
	font-size:24px;
	margin-top: 0;
	margin-bottom:1.0em;
	font-weight:normal;
	clear:both;
}
h2 {
	color:#00afd8;
	font-family:Trebuchet MS!important;
	/*font-size:22px;*/
	font-weight:normal;
}
h3 {
	font-family:Trebuchet MS;
	font-weight:normal;
/*	font-size:20px;
	font-weight:normal;*/
}
#nuage a{
font-family:Trebuchet MS;
}
strong {
	font-weight:bold;
}
a:link strong, a:visied strong  {
text-decoration:underline;
}
a:hover strong {
text-decoration:none;
}
em {
	font-style:italic;
}
img {
	border:0;
}
form {
	margin:0;
	padding:0;
}
ul {
	padding:0;
	margin:0 0 0 50px;
	list-style-type:square !important;
}
li {
	padding:0;
	margin:6px 0 6px 0;
}
li li {
	font-size:100% !important;
}
ul ul {
	list-style-type:disc;
}
ul ul ul {
	list-style-type: none;
}
ol {
	padding:0;
	margin:0 0 0 50px;
}
ol li {
	list-style-image:none;
	list-style-type:decimal;
}
a:link {
	color:#e20030;
	text-decoration:underline;
}
a:visited {
	color:#70182a;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
table {
	margin:0;
	padding:0;
}
table td {
	margin:0;
	padding:0;
}
hr {

}

/* ------------------ blocs généraux -------------------- */
#supHeader {
background-image: url(bkg_sup.gif);
background-position: center bottom;
background-repeat: repeat-x;
background-color: #e20030;
height: 52px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #707173;
text-align: center;
background-image: url(bkg_sup_cg.gif);
color:#FFFFFF;
}
#supHeader div.top {
width:260px;
margin:auto;
padding:0px;

}
#supHeader div.top img{
float:left;
}
#supHeader div.link {
width:170px;
clear:none;
padding-top:6px;
float:left;
text-align:left;

}
#supHeader a:link , #supHeader a:hover , #supHeader a:visited {
color:#FFFFFF;
font-size:10px;
}
#header {
width:980px;
margin:auto;}
#navigation {
color:#FFFFFF;

width:980px;
margin:auto;}
#navigation p{
padding:6px 17px;
margin:0;
font-size:11px;}
#navigation a:link, #navigation a:hover, #navigation a:visited {
color:#FFFFFF;}
.content {
width:980px;
margin:auto;
background-color:#FFFFFF;
padding:0;}
table#zones {
width:980px;
margin-bottom:0;}
table#zones  td{
padding:0;}
#zoneB {
width:225px !important;
border-right:1px solid #9f9f9f;}
#zoneA {
width:500px !important;
padding-top:0;

}
#zoneC {
width:255px;
border-left:1px dotted #9f9f9f;

}

/* ----------------- zone B ----------------------*/
#zoneB div {
padding:17px 10px 15px 17px;}
#zoneB div h2{
margin-top:0px;
margin-bottom:15px;
}
#zoneB div ul {
margin-left:15px;
>margin-left:17px;}
#zoneB div li {
list-style-type:square;}
#zoneB div h3 {
margin:12px 0 ;
font-size:1.1em;
font-weight:bold;}
#zoneB  a:link, #zoneB a:visited {
text-decoration:none;}
#zoneB a:hover, #zoneB a:active {
text-decoration:underline;
}
#zoneB div.IS h2{
color:#e20030;}
#zoneB div.IS li{
color:#e20030;}
#zoneB div.IS a:link, #zoneB div.IS a:visited {
color:#005a6f;}
/*#zoneB div.IS a:hover, #zoneB div.IS a:active {
color:#E20030 !important;}*/
#zoneB div.IS h2 a:link, #zoneB div.IS h2 a:visited, #zoneB div.IS h2 a:hover {
color:#E20030;}
#zoneB div.entreprises {
background-color:#00afd8;
background-image:url(fond-zoneB-entreprises.jpg);
background-position:top;
background-repeat:repeat-x;}
#zoneB div.entreprises h2 {
color:#fff;
}
#zoneB div.entreprises h3 {
color:#fff;
}
#zoneB div.entreprises h3 a:link, #zoneB div.entreprises h3 a:hover, #zoneB div.entreprises h3 a:visited, #zoneB div.entreprises h3 a:active{
color:#fff;
}
/*#zoneB div.entreprises h3 a:hover, #zoneB div.entreprises h3 a:active {
color:#E20030 !important;}*/
#zoneB div.entreprises h2 a:link, #zoneB div.entreprises h2 a:visited, #zoneB div.entreprises h2 a:hover {
color:#fff;}
#zoneB div.entreprises li {
color:#fff;}
#zoneB div.entreprises a:link, #zoneB div.entreprises a:hover, #zoneB div.entreprises a:visited, #zoneB div.entreprises a:active{
color:#000;}
/*#zoneB div.entreprises a:hover, #zoneB div.entreprises a:active {
color:#E20030 !important;}*/

#zoneB div.boiteaoutils {
background-color:#a1a2a3;
background-image:url(fond-zoneB-bao.jpg);
background-position:top;
background-repeat:repeat-x;}

#zoneB div.boiteaoutils h2{
color:#fff;}
#zoneB div.boiteaoutils li{
color:#fff;}
#zoneB div.boiteaoutils a:link, #zoneB div.boiteaoutils a:hover, #zoneB div.boiteaoutils a:visited, #zoneB div.boiteaoutils a:active{
color:#fff;}
/*#zoneB div.boiteaoutils a:hover, #zoneB div.boiteaoutils a:active {
color:#E20030 !important;}*/
#zoneB div.boiteaoutils h2 a:link, #zoneB div.boiteaoutils h2 a:visited, #zoneB div.boiteaoutils h2 a:hover {
color:#fff;}

#zoneB a.ouvert:link, #zoneB  a.ouvert:hover, #zoneB  a.ouvert:visited, #zoneB  a.ouvert:active{
font-weight:bold;}
#zoneB div.alignCentre {
margin:0;
padding:0 !important;}

/* ---------------------------- ZoneC --------------------------- */
#zoneC h2, #zoneC p{
margin:5px 8px 8px 20px;}
#zoneC h2 {
font-size:19px;
float:left;}

#search {
background-color:#b4b4b4;
margin:0;}
#search input.fulltext {
width:150px;
margin:12px 7px 12px 7px;}
#search input.bouton {
background-color:#00afe1;
color:#FFFFFF;
border:0;
margin:12px 0px 12px 0px;}
div.rss {
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
background-color: #ebebeb;
}
div.rss img {	
	/*margin-right:3px;*/
}
	div.rss a:link, div.rss a:visited {
		color: #565656;
		margin-right:8px;
	}
#is-tv {
background-color:#dae3e4;
margin:0;
padding-top:10px;
padding-bottom:7px;
}
#is-tv  .player {
background-image:url(/css/IS/fond-player-petit.jpg);
background-position:center top;
background-repeat:no-repeat;
clear:both;
text-align:center;
padding:6px 10px 3px 10px;
>padding-top:3px;}
div.player a:link, div.player a:visited {
		color: #565656;
	
	}
#is-tv .player img {

width:150px;
}
#is-tv h2 {
color:#e20030;
}
div.toutes {
float:right;
width:60px;
margin-top:5px;
text-align:right;
margin-right:8px;
vertical-align:middle;
padding-top:6px;
}
div.toutes img {
float:right;
margin-left:5px;}
#Une {
background-color:#d4d4d4;
margin:0;
padding-top:10px;
padding-bottom:10px;}
#Une h2 {
color:#e20030;
padding-top:5px;
/*color:#4B4B4B;*/}
#Une p {
clear:both;}
#Une a {
/*background-color:#e3e3e3;
padding:0 5px;*/}
.manif {
background-image:url(fond-zonec-pda.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:30px;

padding-bottom:5px;}
.formation {
background-image:url(fond-zonec-diplome.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:30px;}
.actu {
background-image:url(fond-zonec-actu.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:30px;}
#nuage {
margin:0;
padding-top:10px;
padding-bottom:10px;
text-align:justify;
}
#nuage ul {
margin:0 20px;
padding-bottom:10px;
list-style-type:none;}
#nuage li {
float:left;
margin: 0 4px;
list-style-type:none;
line-height:1.6em;
}
#nuage a:link, #nuage a:visited, #nuage a:active {
color:#464a4a;
text-decoration:none;}
#nuage a:hover {
color:#464a4a;
text-decoration:underline;}
.taille-1 {
font-size:0.8em;}
.taille-2 {
font-size:0.9em;}
.taille-3 {
font-size:1.0em;}
.taille-4 {
font-size:1.1em;}
.taille-5 {
font-size:1.3em;}
.taille-6 {
font-size:1.5em;}
.taille-7 {
font-size:1.7em;}
.taille-8 {
font-size:1.9em;}
div.logos {
text-align:center;
padding:20px 0 5px 0;
clear:both;
padding-top:10px;
border-top:1px dashed #d4d4d4;
}

/* ----------------------- zone A ------------------------------ */
div.marge {
margin:0 23px 10px 23px;}
.message {
color:#E20030;
padding:3px;
border:1px solid #ccc;}
#zoneA div.player {
background-image:url(/css/IS/fond-player-grand.jpg);
background-position:top;
background-repeat:no-repeat;
text-align:center;
padding:15px !important;}
#sous-menuH {
border: 1px solid #e5e5e5;
padding: 3px 0 8px 10px;
clear:both;
float:left;
margin:15px 0;
background-color:#f9f9f9;
width:100%;
}
#sous-menuH p {
	margin:4px 10px 4px 10px !important;
	padding:0 !important;
	float:left;
	white-space:nowrap !important;
	display:block!important;}
#sous-menuH a:link, #sous-menuH a:visited 
{
background-image: url(planSite_decoh2.gif);
background-repeat: no-repeat;
background-position: left center;
text-decoration: none;
padding : 2px 0 0 15px;
white-space:nowrap;
}

#sous-menuH a:hover 
{
color: #333333;
text-decoration: underline;
}
ul.listeDates {
background-color:#f2f6f6;
border:1px solid #ccc;
margin :15px 0;
padding: 3px 20px;
}
form th {
	text-align:right;
	border-bottom:1px solid #fff;
	padding:2px;
	background-color: #dae3e4;
	font-weight:bold;
}
/*#zoneA input.bouton {
background-color:#FFFFFF;
background-image:url(fond-input-hp.gif);
background-position:right;
background-repeat:no-repeat;
color:#000000;
padding-right:11px;
}*/
#zoneA object {
margin:auto !important;}
/* --------------------- homepage ------------------ */

#citation {
background-image:url(guillemets.gif);
background-position: top left;
background-repeat:no-repeat;
padding-left:15px;
padding-top:10px;
margin:24px 0;}
h2.signature {
text-align:right;
font-style:italic;
margin-top:0;}
.intro {margin:24px 0;
text-align:justify;}
#E-G {
background-image:url(fond-e-g-hp.gif);
background-position:bottom left;
background-repeat:no-repeat;
padding:0px 0px 10px 0px;
color:#9b0021;
margin:5px 0 15px 0;
text-align:justify;}
#E-G img {
margin:0;
padding:0;}
#E-G p {
padding:0px 12px 2px 15px;
margin:0;}

#E-G h2 {
color:#FFFFFF;
font-size:1.4em;
margin-bottom:18px;
display:none;}
#E-G a:link{
text-decoration:none;
color:#333333;
}
 #E-G a:visited {
text-decoration:none;
}
#E-G a:hover {
text-decoration:underline;
color:#333333;
}
#crv {
background-image:url(fond-crv-hp.gif);
background-position:top;
background-repeat:no-repeat;
padding:12px 0;
margin:0 3px 0 0px;
color:#FFFFFF;
width:223px !important;
height:258px;}
#crv h2  {
color:#FFFFFF;
font-size:1.1em;
font-weight:bold;
margin: 5px 0 12px 12px;}
#crv p {
margin: 5px 0 5px 12px;}
#test {
background-image:url(fond-test-hp.jpg);
background-position:top;
background-repeat:no-repeat;
padding:12px 0;
color:#FFFFFF;
width:223px  !important;
height:258px;
float:right;
margin:0 0 0 0;
}
#test h2  {
color:#000;
font-size:1.1em;
margin: 5px 0 12px 12px;
font-weight:bold;}
#test p {
margin: 5px 0 5px 12px;}
#test a:link, #test a:visited {
color:#fff;
text-decoration:none;}
#test a:hover,  #test a:active{
text-decoration:underline;}
/* ---------------------- fin homepage / début contenu --------------*/
#intro {
font-size:1.2em;
color:#006881;
margin-bottom:10px;}
div.liensComplementaires {
margin:10px 0;
padding:8px 0;
border-top:1px dashed #ccc;
}
div.liensComplementaires li {
color:#e20030;
margin-left:21px;
>margin-left:23px;
}
div.liensComplementaires h2 {
font-size:1.2em;
color:#006881;
padding:0px 0 0 50px ;
margin:5px 0 8px 0 ;
background-image:url(fond-titre-liens-complementaires.gif);
background-position: left;
background-repeat:no-repeat;}

div.evidence {
border-left:1px solid #e20030;
margin-left:0px;
background-color:#ebf1f2;
padding:5px 0px 8px 15px;
}
div.evidence table {
}
div.evidence h2 {
color:#2a464f;
font-size:18px;
padding-top:0px;
margin:0 0 8px 0;}
td.l-50 {
width:50%;}
table.ssmarge,   table.ssmarge td p {
margin:0;
padding:0;}
div.evidence p {
margin:0 0 0 0;}

span.glossaire {
background-color:#ebf1f2;
padding:2px 6px;
}
span.glossaire a:link, span.glossaire a:visited{
text-decoration:none;
}
span.glossaire a:hover, span.glossaire a:active{
text-decoration:underline;
}

ul.liste-articles {
border-left:1px solid #e20030;
list-style-image:url(puce-square-rouge.gif);
color:#e20030;
padding-left:15px;
>padding-left:16px;
list-style-position:outside;
/*padding-left:0px;
>padding-left:0px;
list-style-position:inside;*/
}
ul.liste-articles li {
/*margin-bottom:0px;*/
margin:0;
padding:8px;}
.alt, .alt td {
background-color:#ebf1f2;
}

table.liste-articles a:link{
color:#2a464f;}
table.liste-articles {

}
table.liste-articles td{
padding-top:5px !important;
padding-right:3px!important;
padding-bottom: 5px !important;
}
table.liste-articles td.illu{
padding-top:1px !important;
padding-right:1px!important;
padding-bottom: 0px !important;
width:130px;
text-align:right;
}

td.puceRouge {
border-left:1px solid #e20030;
background-image:url(square-rouge-transp.gif);
background-position:left top;
background-repeat:no-repeat;
padding-left:20px  !important;}
input.button, #zoneA input.bouton {
background-color:#ebf1f2;
background-image:url(fond-bouton-2.gif);
width:128px;
height:20px;
border:0;}
.navig-search {
background-color:#b4b4b4;
color:#fff;}
.navig-search td {
padding:4px !important;
width:30%;}
.navig-search a:link,.navig-search a:hover, .navig-search a:visited {
color:#fff;}
td.bordRouge {
border-left:1px solid #e20030;
padding-left:3px  !important;
padding-top:15px  !important;}
div.vignette_photo {
width: 132px;
height:132px;
text-align:center;
background-color: #f2f6f6;
border:1px solid #ccc;
padding:4px;
vertical-align:middle;
display:compact;
float:left;
margin:4px;}
p.fermer {
text-align:center;
clear:both;
margin-top:15px;
}

p.fermer a:link , p.fermer a:visited {
padding:3px 4px 3px 15px;
border:1px solid #ccc;
text-decoration:none;
background-image:url(/css/IS/fond-fermer.jpg);
background-position:left;
background-repeat:no-repeat;
}
p.fermer a:hover {
text-decoration:underline;
}
/* ------- Fiche plan du site ------- */
#planSite {
	margin:0 20px 0 6px;
	>width:95%;
	padding:0 0 0 30px;
}
#planSite h2 {
	color:#e20030;
	font-size:120%;
	font-weight:normal;
	margin:0 0 6px 0;
	padding:0 0 0 15px;
	background-image:url(planSite_decoh2.gif);
	background-repeat:no-repeat;
}
#planSite h2 a, #planSite h2 a:visited {
	color:#e20030;
	text-decoration:none;
}
#planSite h2 a:hover {
	color:#e20030;
	text-decoration:underline;
}
#planSite ul {
	border-left:1px solid #e20030;
	padding:0 0 0 6px;
}
#planSite li {
	list-style-type:none;
	list-style-image:none;
}


/* ---------------------------- footer --------------------------- */

#footer {
border-top:1px solid #e20030;
text-align:center;
font-size:0.9em;
padding:8px 0;
margin:0;}
#subfooter {
background-color:#e20030;
color:#FFFFFF;
text-align:center;
font-size:0.9em;
padding:8px 0;}
#subfooter a:link, #subfooter a:hover, #subfooter a:visited  {
color:#FFFFFF;}
#defimedia {
color:#FFFFFF;
text-align:center;
font-size:0.9em;
padding:8px 0;}

/*  ---------------- styles ATOMS ------------------- */
table.tableBord {
	border:1px solid #e0e0e0 !important;
	border-collapse:collapse;
	margin:auto;
	width:90% !important;
}
.tableBord td {
	border:1px solid #e5e5e5 !important;
	text-align:left !important;
	padding:4px !important;
}
.tableBord td p {
	margin:0 !important;
	padding:0 !important;
}
.tableBord th {
	border:1px solid #e5e5e5 !important;
	background-color:#e5e5e5 !important;
	text-align:left !important;
	color:#fff;
	padding:4px;
}
.aligneADroite {
	text-align:right;
}
.aligneAGauche {
	text-align:left;
}
.aligneJustifie {
	text-align:justify;
}
.aligneCentre {
	text-align:center;
}
.formRequired{
	border:1px solid #b80909;
}