/*****************************************************************************/
/*  BALISES GENERALES
/*****************************************************************************/

body { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	background: #FFFFFF;
	font-size: 14px;
}

div#global{
	width:1000px;
	margin:0 auto 0 auto;
}

div#menu li li span {
	display: inline;
	background: white;
		font-size: 0.8em;
		color: #808080;
		margin:0;
		padding:0;
		line-height: 15px;
		font-weight: normal;
}

h1, div#menu li span, .componentheadingbienvenue, .contentheading ,.componentheading{ 
	 	 color: #ffffff;
		 font-size: 1.3em;
		 padding-left: 22px;
		 padding-top: 3px;
		 padding-bottom: 3px;
		 margin-bottom: 0;
		 display: block;
		 font-weight: bold;
		 height:18px;
}
/*****************************************************************************/
/*  BARRE DE MENU
/*****************************************************************************/

body.bordeaux h1, div#menu h3.bordeaux, div#actualites h3.bordeaux {
		background: url("img/titre_bordeaux.png") #8a0650 left no-repeat;
}

body.vert h1, div#menu h3.vert, div#actualites h3.vert {
		background: url("img/titre_vert.png") #336633 left no-repeat;
}

body.rouge h1, div#menu h3.rouge, div#actualites h3.rouge {
		background: url("img/titre_rouge.png") #990000 left no-repeat;
}

body.violet h1, div#menu h3.violet, div#actualites h3.violet {
		background: url("img/titre_violet.png") #675496 left no-repeat;
}

body.bleu h1, div#menu h3.bleu, div#actualites h3.bleu {
		background: url("img/titre_bleu.png") #003399 left no-repeat;
}

body.orange h1, div#menu h3.orange, div#actualites h3.orange {
		background: url("img/titre_orange.png") #eb6909 left no-repeat;
}

div#menu {
		width: 140px;
		float:left;
}

div.rubrique_menu {
		background: #ffffff;						 
}

div#menu li {
		font-size: 9.5px;
		color: #808080;
		list-style: none;
		margin:0;
		padding:0;
		line-height: 15px;
		}

div#menu ul {
		margin:5px 0 5px 0;
		padding: 0 0 0 12px;				
}

div#menu ul li a {
		color: #808080;
		text-decoration: none;
}

div#menu ul li a:hover {
		color: #000000;
		text-decoration: underline;
}

div#menu h3 {
		font-family: arial, sans-serif;
		font-size: 0.8em;
		line-height: 12px;
		margin: 0;
		 color: #ffffff;
		 padding-left: 22px;
		 padding-top: 6px;
		 padding-bottom: 0;
		 margin-bottom: 0;
		 display: block;
		 font-weight: bold;
		 height:18px;
}

div#menu h3 a {
		color: #FFFFFF;
		text-decoration: none;
}

div#menu h3 a:hover {
		text-decoration: underline;
}

div#menu img {
		border: 0;
		position: relative;
		width: 128px;
}
div#developpeur {
	background: url("img/titre_bordeaux.png") #8a0650 center no-repeat;
	color: white;
	font-size : 9.5px;
	padding: 3px 3px 3px 12px ;
	width: 140px;
}

div#developpeur a {
		color: white;
	}

/*****************************************************************************/
/*  BANDEAU SUPERIEUR
/*****************************************************************************/

.bordeaux div#banniere{
	background:#8a0650;
}

.vert div#banniere{
	background:#336633;
}

.rouge div#banniere{
	background:#990000;
}

.violet div#banniere{
	background:#675496;
}

.bleu div#banniere{
	background:#003399;
}

.orange div#banniere{
	background:#eb6909;
}

.bordeaux div#banniere div#encart_temis{
		background: url("img/encart_temis_bordeaux.jpg") no-repeat right top;
}

.bordeaux div#banniere div#encart_temis_en{
		background: url("img/encart_temis_bordeaux_en.jpg") no-repeat right top;
}

.bordeaux div#banniere div#encart_temis_de{
		background: url("img/encart_temis_bordeaux_de.jpg") no-repeat right top;
}

.vert div#banniere div#encart_temis{
		background: url("img/encart_temis_vert.jpg") no-repeat right top;
}

.vert div#banniere div#encart_temis_en{
		background: url("img/encart_temis_vert_en.jpg") no-repeat right top;
}

.vert div#banniere div#encart_temis_de{
		background: url("img/encart_temis_vert_de.jpg") no-repeat right top;
}

.rouge div#banniere div#encart_temis{
		background: url("img/encart_temis_rouge.jpg") no-repeat right top;
}

.rouge div#banniere div#encart_temis_en{
		background: url("img/encart_temis_rouge_en.jpg") no-repeat right top;
}

.rouge div#banniere div#encart_temis_de{
		background: url("img/encart_temis_rouge_de.jpg") no-repeat right top;
}

.violet div#banniere div#encart_temis{
		background: url("img/encart_temis_violet.jpg") no-repeat right top;
}

.violet div#banniere div#encart_temis_en{
		background: url("img/encart_temis_violet_en.jpg") no-repeat right top;
}

.violet div#banniere div#encart_temis_de{
		background: url("img/encart_temis_violet_de.jpg") no-repeat right top;
}

.bleu div#banniere div#encart_temis{
		background: url("img/encart_temis_bleu.jpg") no-repeat right top;
}

.bleu div#banniere div#encart_temis_en{
		background: url("img/encart_temis_bleu_en.jpg") no-repeat right top;
}

.bleu div#banniere div#encart_temis_de{
		background: url("img/encart_temis_bleu_de.jpg") no-repeat right top;
}

.orange div#banniere div#encart_temis{
		background: url("img/encart_temis_orange.jpg") no-repeat right top;
}

.orange div#banniere div#encart_temis_en{
		background: url("img/encart_temis_orange_en.jpg") no-repeat right top;
}

.orange div#banniere div#encart_temis_de{
		background: url("img/encart_temis_orange_de.jpg") no-repeat right top;
}

.bordeaux div#ariane{
		background: url("img/fond_ariane_bordeaux.jpg") no-repeat right top;
}

.vert div#ariane{
		background: url("img/fond_ariane_vert.jpg") no-repeat right top;
}

.rouge div#ariane{
		background: url("img/fond_ariane_rouge.jpg") no-repeat right top;
}

.violet div#ariane{
		background: url("img/fond_ariane_violet.jpg") no-repeat right top;
}

.bleu div#ariane{
		background: url("img/fond_ariane_bleu.jpg") no-repeat right top;
}

.orange div#ariane{
		background: url("img/fond_ariane_orange.jpg") no-repeat right top;
}

div#ariane{
	width:1000px;
	height:30px;
	margin-bottom:5px;
}

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #8A0650;
	height: 16px;
}

div#banniere {
		width: 1000px;
		height: 141px;
		color: #FFFFFF;
		padding:0px;
		margin:0;
		font-size: 12px;
}

div#banniere img{
		text-decoration: none;
		padding:0;
		margin:0;
		}

div#banniere a {
		color: #FFFFFF;
		text-decoration: none;
		font-weight: normal;
}
div#banniere a:hover {
		text-decoration: underline;
}

a#logo {
		margin-left:156px;
}

div#arborescence {
	margin:9px 0 0 0;
	float:left;
	position:relative;
	color:white;
	font-size:0.8em;
}

div#arborescence a{
	color:white;
}

div#arborescence a:hover{
	text-decoration:none;
}

div#animflash {
	float:left;
	z-index:0;
}


div#language {
		position:relative;
		float:left;
		width:153px;
		margin-top:9px;
}
div#language a {
		margin-left:10px;
}

div#language a img{
	border:0;
}

div#search {
		position:relative;
		float:right;
		margin:-11px 0 0 0;
}

.recherche_txt{
	color:#ccc;
}

.ajaxSearch_result a{
	margin-left:20px;
}

div#search input#chp_recherche{
	float:right;
	border:1px solid black;
	font-size:1em;
}

div#search input#btn_recherche{
	float:right;
	border:1px solid black;
	height:20px;
	background:white;
	margin-left:2px;
}

div#banniere img{
		border: none;
		margin:0;
		padding:0;
}

div#encart_temis,
div#encart_temis_en,
div#encart_temis_de{
	float:left;
	width: 268px;
	height: 141px;
	font-size:0.8em;
}

div#encart_temis img,
div#encart_temis_en img,
div#encart_temis_de img{
		margin:3px;
		margin-top: 0;
		padding: 0;
}

div#encart_temis ul,
div#encart_temis_en ul,
div#encart_temis_de ul{
		margin: 79px 0 0 20px;
		padding:0;
		list-style: none;
}

div#encart_temis li,
div#encart_temis_en li,
div#encart_temis_de li{
		margin-bottom: 2px;
	}

div#encart_temis li a:hover,
div#encart_temis_en li a:hover,
div#encart_temis_de li a:hover{
			color: white;
}

div#ariane form {
		margin:0;
		padding:0;
		margin-right: 10px;
		padding-top:17px;
		text-align: right;
		color: white;
		font-size:12px;
		height:20px;
	}

div#conteneur{
clear:both;
}
	
div#contenu{
	float:left;
	width:602px;
	margin:0 0 0 12px;
	overflow:hidden;
}

/*****************************************************************************/
/*  BARRE ACTUALITES
/*****************************************************************************/

#actualites {
	width:232px;
	float:left;
	text-align: left;
	padding: 0 0 14px 14px;
}

#actualites div.cadre_actu {
	background: url("img/actu_bienvenue.png");
	color:white;
	
}

#actualites img {
		border: 0;
		}

#actualites p {
		font-size: 10px;
}

#actualites a {
		color: black;
}

#actualites a:hover {
		text-decoration:none;
}	

#actualites h3 {
		font-family: arial, sans-serif;
		font-size: 0.8em;
		line-height: 12px;
		margin: 0;
		 color: #ffffff;
		 padding-left: 22px;
		 padding-top: 6px;
		 padding-bottom: 0;
		 margin-bottom: 0;
		 display: block;
		 font-weight: bold;
		 height:18px;
}

#actualites div.news {
		color:black;
		margin: 0 0 0 0;
		padding: 5px 12px 5px 10px;
		border-bottom: 1px white dotted;
}

#actualites div.news h2 {
		font-size: 14px;
		margin: 7px 0 0 0;
		padding: 0 0 0 0;
}
#actualites div.news p {
		padding: 0 0 0 0;
		margin: 12px 0px 12px 0px;
		font-size: 10px;
}		

#actualites div#temis_news {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		height: 167px;
}

#actualites div#temis_news img {
		float: left;
		margin:5px;
}

#actualites div#temis_news p {
		padding: 60px 0 0 0;
		margin: 0;
	}

#actualites div#coordonnees {
		font-size: 10px;
}

#actualites div#coordonnees h1 {
		font-size: 10px;
		margin: 8px 0 0 0;
}

#actualites div#coordonnees img {
		margin: 9px 0 4px 0;
}

#actualites div#coordonnees span {
		display: block;
}

#actualites div#coordonnees span.nom {
		font-weight: bold;
}

#actualites div#coordonnees span.telephone {
		font-weight: bold;
}

#actualites div#coordonnees span.mail {
		font-weight: bold;
}

/*****************************************************************************/
/*  ANNUAIRE
/*****************************************************************************/

div.annuaire {
/*		border: 1px dotted black;*/
		font-size: 10px;
		width: 564px;
		margin: 25px 0 5px 0;
}

div.annuaire h2 {
		font-size: 14px;
}

div.pied_annuaire {
		float: left;
		font-size: 10px;
		margin: 15px 0 15px;
		border-top: 1px solid black;
		width: 50%;
}



div.annuaire div.adresse {
		margin-bottom: 5px;
}

div.liens_annuaire {
		float: right;
		font-size: 10px;
		text-align: right;
		margin: 15px 0 40px;
		border-top: 1px solid black;
		width: 50%;
}

div.annuaire.entreprise h2{
		color: #ff0000;
		border-bottom: 3px solid #ff0000;
}

div.annuaire.formation h2{
		color: #66cc00;
		border-bottom: 3px solid #66cc00;
}

div.annuaire.sport h2{
		color: #ff6600;
		border-bottom: 3px solid #ff6600;
}

div.annuaire.collectivite h2{
		color: #2e444d;
		border-bottom: 3px solid #2e444d;
}

div.annuaire.adresseutile h2{
		color: #0b3d75;
		border-bottom: 3px solid #0b3d75;
}

div.annuaire div{
		margin: 0;
}

div.annuaire div.telephone {
		font-weight: bold;
}

div.annuaire h3 {
		font-size: 12px;
		padding : 0;
		margin : 5px 0;
}

div.annuaire p {
		margin : 0;
		padding : 0;
}
div.annuaire ul {
		list-style: none;
}

/*****************************************************************************/
/*  ARTICLES
/*****************************************************************************/
div.article,
div.article .contentpaneopen td p,
div.article .contentpaneopen td ul,
div.article .contentpaneopen td div
{
	font-size: 10px;
	text-align:justify;
}

div.article a{
	color:black;
}

div.article a:hover{
	text-decoration:none;
}

div.article p, div.article h2 {
	margin-left: 20px;
	margin-right: 20px;
}

div.article ul{
	margin:0 20px 0 20px;
}

div.article li{
	margin:5px 0 5px 0;
}

div.article h1{
	margin: 0;
}

div.article li {
	line-height: 15px;
}

div.article p.chapeau {
	font-style: italic;
	color : #8a0650;
	font-size: 11px;
}

div.article img.gauche {
	float:left;
	margin: 5px 15px 5px 0;
}

div.article img.droite {
	float:right;
	margin: 5px 0 5px 15px;
}

.article h2 {
	font-size: 14px;
	text-align:left;
	clear:both;
	margin-top:20px;
}

.article ul{
	list-style-position:inside;
}

div#contenu .bordeaux h2 {
	border-bottom:1px solid #8a0650;
}

div#contenu .vert h2 {
	border-bottom:1px solid #336633;
}

div#contenu .rouge h2 {
	border-bottom:1px solid #990000;
}

div#contenu .violet h2 {
	border-bottom:1px solid #675496;
}

div#contenu .bleu h2 {
	border-bottom:1px solid #003399;
}

div#contenu .orange h2 {
	border-bottom:1px solid #eb6909;
}

div#contenu table{
	border-top:1px solid black;
	border-left:1px solid black;
	width:93%;
	margin:0 0 0 20px;
}

div#contenu table td,
div#contenu table th{
	border-right:1px solid black;
	border-bottom:1px solid black;
	padding:5px;
}


/*****************************************************************************/
/*  ADMINISTRATION
/*****************************************************************************/

table#apercuAnnuaire {
	border-collapse: collapse;
}
table#apercuAnnuaire td {
	font-size: 10px;
	padding: 3px;
	border: 1px solid black;
}

table#apercuAnnuaire img {
	border: 0;
}
.componentheadingbienvenue, .contentheading ,.componentheading {
	font-weight: bold;
	height:18px;
	width:580px;
	font-size: 14px;
}

div.annuaire h2 {
		font-size: 14px;
		padding:0;
		margin:5px 0 5px 0 ;
}
/***************************************/

.colgauche,
.coldroite{
float:left;
width:290px;
}

#actuTemis p {
	margin:0;
	margin-top:5px;
	margin-bottom:5px;
	text-align:justify;
}
#actuTemis h2 {
	margin:0;
	margin-bottom:10px;
	width:100%;
	text-align:left;
}
#actuTemis td{
	font-size:10px;
	padding:0;
}
#actuTemis {
	margin:0 5px 0 5px;
	background: url("img/actuTemisM_2.png") repeat-y;
	padding:0;
}

#actuTemis ul{
	margin:0 0 0 10px;
	padding:0;
}

#actuTemis ul li{
	margin:5px;
	padding:0;
	text-align:justify;
}

#actuTemis .pied {
	height:12px;
	margin:0;
	padding:0;
	background: url("img/actuTemisB.png") no-repeat bottom left;
}
#actuTemis h1 {
	background: url("img/actuTemisH_2.png") no-repeat;
	height:20px;
	padding-top:6px;
	padding-left:15px;
}
/***************************************/
#actuInnovation p {
	margin:5px 0 5px 0;
	text-align:justify;
}
#actuInnovation h2 {
	margin:0 0 10px 0;
	text-align:left;
	width:100%;
}

#actuInnovation {
	margin-left: 5px;
	float:left;
	background: url("img/actuInnovationM.png") repeat-y;
	width: 290px;
	margin-top:10px;
	padding:0;
} 

#actuInnovation .pied {
	height:12px;
	margin:0;
	padding:0;
	background: url("img/actuInnovationB.png") no-repeat bottom left;
}
#actuInnovation h1 {
	background: url("img/actuInnovationH.png") no-repeat;
	height:20px;
	padding-top:6px;
	padding-left:15px;
}
/***************************************/
#pcrd p {
	margin:5px 0 5px 0;
	text-align:justify;
}
#pcrd h2 {
	margin:0 0 10px 0;
	text-align:left;
	width:100%;
}

#pcrd {
	margin-left: 5px;
	float:left;
	background: url("img/innovationM.png") repeat-y;
	width: 290px;
	margin-top:10px;
	padding:0;
} 

#pcrd .pied {
	height:12px;
	margin:0;
	padding:0;
	background: url("img/innovationB.png") no-repeat bottom left;
}
#pcrd h1 {
	background: url("img/innovationH.png") no-repeat;
	height:20px;
	padding-top:6px;
	padding-left:15px;
}
/***************************************/
#anoter p,
#micronora p {
	margin:5px 0 5px 0;
	text-align:justify;
}
#anoter h2,
#micronora h2 {
	margin:10px 10px 10px 0;
	text-align:left;
}

#anoter,
#micronora {
	margin-left:8px;
	float:left;
	margin-top:10px;
	background: url("img/anoterM.png") repeat-y;
	width: 290px;
	padding:0;
}

html>body #anoter,
html>body #micronora {
	margin-left: 13px;
} 

#anoter .pied,
#micronora .pied {
	height:12px;
	margin:0;
	padding:0;
	background: url("img/anoterB.png") no-repeat bottom left;
}
#anoter h1,
#micronora h1 {
	background: url("img/anoterH.png") no-repeat;
	height:20px;
	padding-top:6px;
	padding-left:15px;
}

/***************************************/
#portailInnovation p{
	margin:5px 0 5px 0;
	text-align:justify;
}
#portailInnovation h2,
#pcrd h2 {
	margin:10px 10px 10px 0;
	text-align:left;
}

#portailInnovation{
	margin-left:8px;
	float:left;
	margin-top:10px;
	background: url("img/innovationM.png") repeat-y;
	width: 290px;
	padding:0;
}

html>body #portailInnovation{
	margin-left: 13px;
}

#portailInnovation .pied{
	height:12px;
	margin:0;
	padding:0;
	background: url("img/innovationB.png") no-repeat bottom left;
}
#portailInnovation h1{
	background: url("img/innovationH.png") no-repeat;
	height:20px;
	padding-top:6px;
	padding-left:15px;
}

#actuTemis h2,#actuInnovation h2, #anoter h2,#micronora h2,#pcrd h2 {
	font-size:12px;
	border:none;
	}

#actuTemis a,#actuInnovation a, #anoter a,#micronora a,#pcrd a {
	color:black;
}

#actuTemis a:hover,#actuInnovation a:hover, #anoter a:hover, #micronora a:hover,#pcrd a:hover {
	text-decoration:none;
}

	span.separator{
	display:block;
	height:1px;
	width:100%;
	background:#CCCCCC;
	overflow:hidden;
	clear:both;
	}

	div.texte{
	margin:10px;
text-align:center;
	}

	.bot{
	clear:both;
	}

.sep_noir{
	display:block;
	height:1px;
	width:100%;
	background:black;
	overflow:hidden;
}


/*** Pagination ***/

.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px;
    font-size: 86%;
    color: black;
}

#ditto_pages{
	margin-left:20px;
}

#ditto_pages .ditto_currentpage {
    border: 1px solid black;
    padding: 1px 5px 2px;
    margin-right: 1px;
    background-color: black;
    color: #fff;
}
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid black;
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: black;
}
#ditto_pages a:hover {
    background-color: black;
    color: white;
}

a.ditto_page_alpha{
    border: 1px solid black;
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: black;	
}

a.ditto_page_alpha:hover{
	background:black;
	color:white;
}

span.ditto_page_aucun{
    border: 1px solid #ccc;
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: #ccc;	
}

div.presse{
	float:left;
	height:200px;
	text-align:center;
}

div.presse p{
	text-align:center;
}

div.presse img{
	border:1px solid black;
}


.bouton{
	border:1px solid black;
	height:20px;
	background:white;
	margin-left:2px;
}

div.diapo{
	width:180px;
	height:180px;
	margin:7px;
	float:left;
	border:1px dashed #8a0651;
	text-align:center;
}

html>body div.diapo{
	margin:9px;
}

div.diapo p{
	margin-top:3px;
}

div.encart-focus{
	float:right;
	background:#8a0650;
	color:white;
	width:250px;
	padding:10px;
	margin:0 20px 10px 10px;
}

div.encart-focus ul,
div.encart-focus ul li,
div.encart-focus h2{
	margin:0;
	padding:0;
}