@charset "UTF-8";
 
 @media all
{

/* Layout DES ELEMENTS DE BASE */

body {
	font-family: Arial,Helvetica,sans-serif;
	background: #2E9A9C; 
	margin : 0px; 
	padding : 0px; 
	text-align: center; /* pour rsoudre le bug de centrage de IE */

}

img, table { 
margin: 0; 
padding: 0; 
border: none; }

img, div { behavior: url(iepngfix.htc) }


a {
text-decoration: none;
color: #9ed50c;
font-size:12px;}

a:hover {
text-decoration: underline;
color: #9ed50c;
font-size:12px;}	

a:visited {
color: #ed6919;
font-size:12px;}

div.onglets_bloc {
	color: #fff;	
}
div.onglets_bloc h2.onglets_titre{
	height: 25px;
	background-color: #9695c8;
	font-weight: bold;
	font-size: 1.1em;	
}
div.onglets_bloc h2.onglets_titre a {
	color: #fff;
}
div.onglets_bloc h2.onglets_titre.selected a {
	color: #000;
	height: 25px;
	font-weight: bolder;
}
div.onglets_bloc h2.onglets_titre a:hover {
	color: #000;
}
div.onglets_bloc h2.onglets_titre.selected {
	border-bottom: 3px solid #fff;
}

div.onglets_bloc .onglets_contenu {
	background: none;
	border: 3px solid #9695c8;	
}

/* Layout DE LA PAGE D'ACCUEIL */

#containerAccueil { 
position:relative; 
width: 960px; 
height: 720px;  
background:url('img/fond_accueil.jpg') no-repeat;  
margin-left : auto; 
margin-right : auto; 
text-align : left;  /* pour rsoudre le bug de centrage de IE */}

#containerZones{
width: 855px;
height: 720px;
margin-left: 107px;}

#zoneHeader{
width: 200px;
height: 260px;}

#zoneHeader img {border:none;}

#zoneAnimation{
width:800px;
height:180px;}

#containerActuLivre{
height: 100px;
margin-top:55px;}

#zoneActu{
	margin: 0;
	padding: 0;
	width: 630px;
	height: 105px;
	float: left;
	overflow: auto; /* Modif XD : avant hidden */
	margin-left: 10px;
}

#zoneTemoignage{
float:right;
width:160px;
height:100px;
overflow:hidden;
margin-right: 55px;
margin-top: 15px;}

#zoneTemoignage img{
position:relative;
text-align:center;
border:none;}

#zoneTemoignage a {
display:block;}


/* Layout DES PAGES INTERNES */
#fill {
width: 950px;
margin-left : auto;
margin-right : auto;
background: url('img/bckg_general.gif') repeat-y}

#containerInterne{
position:relative;
width: 950px;
min-height: 720px;
margin-left : auto;
margin-right : auto;
text-align : left;  /* pour rsoudre le bug de centrage de IE */
background: url('img/fond_in.gif') no-repeat top left;}

* html #containerInterne {
height: 720px;}

#header{
position:relative;
width:960px;
height:275px;}

#header img{padding:100px 0 0 450px;}

#content{
margin:30px 0 0 100px; 
width:770px; 
min-height:445px;
padding:0;}

* html #content {
height: 445px;}

.titre{
position:relative;
width:auto;
height:70px; 
background: url('img/titre_concept.png') no-repeat top left;
behavior: url(iepngfix.htc);}

.titre img, .img_png, .image_typo, .spip_logos, .format_png, img{behavior: url(iepngfix.htc)}

.texte, .syndic, .listeArticles{
margin:0 20px 20px 50px;
height:auto;}

.texte ul, .syndic ul {
font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: white;
margin-left: 10px;
padding-left: 15px;
list-style: none;}

.texte li {
padding-left: 15px;
background-image: url(img/puce.gif);
background-repeat: no-repeat;
background-position: 0 .5em;}


.spip_logos {float:right; padding:10px;}

#coinArrondisBas{
position:relative; 
margin:0; 
padding:0; 
width:960px; 
height:43px; 
background-image: url('img/fond_arrondi_bas.gif');}

.telechargement {
margin:0 20px 20px 50px;
height:auto;
clear:both;}

.telechargement ul {
font-family: Arial, Helvetica, sans-serif; 
margin-left: 10px;
padding-left: 15px;
color:white;
font-size: 12px;
list-style: none;}

.syndic, .listeArticles {clear:both; border-top: 1px dotted #c1d000; padding:10px 0;}


/* STYLES TYPO */

.texte p{
font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: white;}

h1 {font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight:bold; color: white; padding: 15px 0 0 60px;}

h2 {font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight:bold; color: white;}

h3 {font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight:bold; color: white; text-align:left;}

h4 {}

h5 {font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight:bold; color: white; text-align:left; border-top: 1px dotted #c1d000; padding:10px 0; margin:0;}

hr {  border-color: #c1d000; border-style: dotted; border-width: 1px 0 0; clear: both; margin: 0 0 20px; height: 0;}

#zoneActu span{
font-weight:bold; 
text-transform:uppercase;}

#listeActu{
margin: 0;
padding: 0;
list-style: none;
font-family:Arial, Helvetica, sans-serif; 
font-size:12px; 
color: white;}

#listeActu li {
margin:0;
padding: 2px 10px;}

#listeActu a {
text-decoration: none;
padding-left:5px;
color: #9ed50c;
font-size:11px;}

#listeActu a:hover {
text-decoration: underline;
padding-left:5px;
color: #9ed50c;
font-size:11px;}	

#listeActu a:visited {
padding-left:5px;
color: white;
font-size:11px;}	


.sites_reference li, .telechargement li, .syndic li{
background-image: url(img/sites.gif);
background-repeat: no-repeat;
background-position: 0 .3em;
margin:0;
padding: 2px 10px;
font-weight:bold;}

.sites_reference a, .telechargement a, .syndic a {
text-decoration: none;
padding-left:5px;
color: #9ed50c;
font-size:1em;}

.sites_reference a:hover, .telechargement a:hover, .syndic a:hover {
text-decoration: underline;
padding-left:5px;
color: #9ed50c;
font-size:1em;}	

.sites_reference a:visited, .telechargement a:visited, .syndic a:visited {
padding-left:5px;
color: white;
font-size:1em;}

.sites_reference span{font-size:10px; padding-left:5px;}

/* Logos, documents et images */
.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre {font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; color:#FF7702}
.spip_doc_descriptif { font-family:Arial, Helvetica, sans-serif; clear: both; font-size: 0.7em; margin-left: auto; margin-right: auto; color:#333}


/*  Portfolio
---------------------------------------------- */
#documents_portfolio { clear: both; margin:0 20px 20px 50px; padding-top: 10px 0;}
#documents_portfolio h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }
#document_actif { margin-top: 1em; }

/*  Breves
---------------------------------------------- */

.breves {
font-family:Arial, Helvetica, sans-serif; 
color: white;
margin:0 20px 20px 50px;
height:auto;}

.breves li{
margin:0;
padding: 2px 10px;
list-style: none;}

.breves a {
text-decoration: none;
padding-left:5px;
color: #9ed50c;
font-size:0.8em;}

.breves a:hover {
text-decoration: underline;
padding-left:5px;
color: #9ed50c;
font-size:0.8em;}	

.breves a:visited {
padding-left:5px;
color: white;
font-size:0.8em;}

.form_2{
	float: left;
	width: 500px;
}


/*  STYLES "ZIPZOUS"
-----------------------------------------------*/

.cs_blocs{padding:0 20px;}
	
.cs_blocs h4 a {
display:block;
font-family:Arial, Helvetica, sans-serif; 
font-size:1em;
font-weight:bold;
text-transform: uppercase;
border-bottom:1px solid #6a64a6;
padding: 10px;
background:#9994CF;
text-decoration:none;
color: white;}
	
.cs_blocs h4 a:hover {
display:block;
font-family:Arial, Helvetica, sans-serif; 
font-size:1em;
font-weight:bold;
text-transform: uppercase;
border-bottom:1px solid #6a64a6;
padding:10px;
background:#bab7d7;
text-decoration:none;
color: white;}

.blocs_destination p{padding-left:20px;}

/* Tableaux */
table.spip {margin: auto; margin-bottom: 1em; border: 1px solid; border-collapse: collapse; } 
table.spip caption { caption-side: top; /* bottom pas pris en compte par IE */ text-align: center; margin: auto; padding: 3px; font-weight: bold; }
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }

}