/*
    TAGS HTML
*/
html, body{ 
	height: 100%;
  	width: 100%;
  	margin: 0;
  	padding: 0;
  	border: none;
}
body{
	font-size:0.7em;
	font-family: verdana, arial, sans-serif;
	color:#fff;
	background: url(../images/ecran.gif) repeat;
	background-color: #58595b;
}
img{
	border:0;
}
p{
	margin:0 0 15px 0;
}
h1, h2{
	position: absolute;
    clip: rect(1px 1px 1px 1px);
}
h3{
	font-size: 1.7em;
    color:#f89e53;
    text-align: left;
    margin:0 0 15px 0;
    padding-top:17px;
}
h3.clear{
    clear:both;
}
h3.tagenda{
    padding-top:5px;
}
h4{
	color:#e199ef;
	font-size: 1.3em;
	margin:25px 0 15px 0;
}
a:hover{
	text-decoration:none;
}
a{
	color : #c34a02;
	font-weight:bold;
}

/*
    CONTAINEURS
*/
table{
    height:99%;
    width:100%;
}
table td{
    vertical-align:middle;
    height:100%;
}
#cont_page{
    position:relative; 
	margin:0 auto;
	width:980px;
}
#page_index{
    position: relative;
    width:980px;
    height:653px;
    background: url(../images/index.jpg);
}
#page{
    position: relative;
    width:980px;
    background: url(../images/fond-page.gif) repeat-y;
    padding-bottom:40px;
}
#entete{
    position:relative;
    background: url(../images/entete.jpg);
    width:980px;
    height:180px; 
}

/*
    Positionnement
*/

/* Logo pages types */
#logo2{
    position:absolute;
    top: 85px;
    left:727px;
}

/* Logo page d'accueil */
#logo{
    position:absolute;
    top: 272px;
    left:42px;
}

/* Drapeaux */
#choix_langue_index{
    position:absolute;
    top:215px;
    left:37px;
}
#choix_langue{
    position:absolute;
    top:320px;
    left:60px;
}

/* Logos */
.logo_gauche img{
	float:left;
	margin:0 10px 10px 0;
	position:relative;
}

/*
    Illustrations CSS
*/
#ill1{
    position:absolute;
    width:167px;
    height:140px;
    top:180px;
    left:0;
    background: url(../images/gauche.jpg);
}
#ill2{
	position:absolute;
    width:200px;
    height:205px;
    top:202px;
    left:116px;
    background: url(../images/quidams.gif);
    z-index:0;
}

/*
    Eléments en ligne
*/

em.plus_info{
    color:#aaa;
    padding-bottom:30px;
}
div.clear{
    font-size:0;
    line-height:0;
    height:0;
    clear:both;
}
.retour{
	font-size:0.9em;
}

/* Lien "lire la suite..." */
.lire_suite{
    margin-top:-5px;
    font-size:0.9em;
    font-style:italic;
}



/*
    Pied de page
*/
#pied{
    color:#ddd; 
    text-align:center;
    font-size:0.8em;
    padding: 10px 0;
    border-top:1px solid #000;
}
#pied a{
    color:#ddd; 
    font-weight:normal;
}
#pied p{
    margin: 0 0 8px 0;
}

/* Actu */

h4.actu {
    clear:both;
    margin-top: 25px;
}
.logo_actu{
    float:left;
    margin:0 10px 10px 0;
    position:relative;
}

/* Agenda */

.agenda{
    border-top:2px dashed #58595b;
    padding:0 0 0 0;
    margin:0 0 0 0;
    clear:both; 
}

.texte_agenda{
    width:440px;
    margin-left:130px; 
    color:#bbb;
}

.texte_agenda strong{
    color:#fff;  
}

.logo_agenda{
    float:left;
    position:relative;
}

.agenda h4{
    margin:15px 0 15px 0;
}


/*
    MENUS
*/
dl#menu {
    position:absolute;
    margin:0;
    padding:0;
    top:38px;
    left:25px;
}
dl#menu dd{
    margin:0;
    padding:0;
}
dl#menu dd img{
    display:block;
}
dl#menu dd a{
    display:block;
}
dl#menu dd a#lien0 {
    width:144px;
}
dl#menu dd a#lien1 {
    width:186px;
}
dl#menu dd a#lien2 {
    width:296px;
}
dl#menu dd a#lien3 {
    width:283px;
}
dl#menu dd a#lien4 {
    width:144px;
}
dl#menu dd a#lien5 {
    width:110px;
}

/* Menu sommaire */
dl#menu dd a#lien6 {
    width:219px;
}

/* Menu pages types */
dl#menu dd a#lien6 {
    width:119px;
}

/* Pages types */
.chapo{
    font-size:1.2em;
    font-weight: bold;
}
#zone_texte{
    position:relative;
    margin: 20px 100px 0 283px;
    padding-bottom:40px;
}
#zone_texte_article{
	padding-top:19px;
}
#zone_texte_article h4{
    clear:both;
}

/* Page spectacles */
div.spectacle{
	padding-top:19px;
}
div.spectacle h3{
	padding-top:0;
}


/***********************************
************** SPIP ****************
***********************************/

/* Logos */
.spip_logos{
	border:6px solid #fff;
}

/* Bordure blanche autour des images insérées */
span.spip_documents_left , span.spip_documents_right {
    border:6px solid #fff;
}
span.spip_documents_left{
	margin:0 10px 10px 0;
}
span.spip_documents_right{
	margin:0 0 10px 10px;
}

span.spip_documents_left img, span.spip_documents_right img {
	display:block;
}


div.spip_documents_center{
	margin:0 0 10px 0;
}
div.spip_documents_right{
	margin:0 0 10px 10px;
}
div.spip_documents_left{
	margin:0 10px 10px 0;
}
object{
	margin:0 0 15px 0;
	padding:0;
}

dl.spip_documents, dd.spip_documents {
    margin:0;
    padding: 0;
    position:relative;
}
dl.spip_documents_left{
    margin:0 15px 15px 0;
}
dl.spip_documents_right{
    margin:0 0 15px 15px;
}
dl.spip_documents img{
	border:7px solid #fff;
}

/* sauf pour ceux où |sansbordure a été indiqué dans la balise spip */
span.sansbordure, .sansbordure img, .sansbordure dt img{
	border:0;
}



/* Titre des documents */
.spip_doc_titre{
    margin:3px 0 0 8px;
    font-weight:bold;
    color:#888;
    text-align:center;
}

/* Descriptif des documents */
.spip_doc_descriptif{
    color:#888;
    margin:0 0 0 8px;
    font-style:italic;
}

/* Tableaux spip */
table.spip {
    border-collapse: collapse;
    border-spacing: 0px;
}
table.spip td, table.spip th {
    padding:3px 5px;
    border:1px solid #aaa; 
}
table.spip th {
    background-color: #707172;   
}
table.spip caption{
    text-align:center;
    color:#f89e53;    
    font-weight:bold;
    font-size:1.2em;
    padding:20px 0 5px 0;
}


/* Presentation compagnie - ajax */
.loading {
    background: url(../images/ajax-loader.gif) no-repeat;
    background-position: 190px 12px;
    min-height: 50px;
}
#gauche{
    float:left;
    width:250px;
}
#droite_ajax{
	text-align:justify;
    margin-left:280px;
}
#droite_ajax span{
	border:0;
}
#droite_ajax span img{
	border:6px solid #fff;
}

/* Espace pro */
#espace_pro .spip_logos{
    border:2px solid #404041;
}
.doc_telechargeable {
    position:relative;
    text-align:center;
    width:120px;
    margin:0 14px 5px 0;
    padding:5px;
    float:left;
}
.doc_telechargeable p{
    font-style:italic;
    color:#aaa;
    margin:0;
}
#espace_pro .logo_photo_hr{
    border:2px solid #fff;
}
#espace_pro .titre{
    padding-top:25px;
    color:#e199ef;
}

/* Plan du site */
ul.plan li {
    margin-bottom:5px;
}
ul.plan li a{
    color:#fff;
}
h5.plan{
    font-size:1em;
    margin-left:15px;
}
h5.plan a{
    color:#e199ef;
}

/* Fil d'ariane */
p.fil_ariane{
    font-size:0.9em;
    background: url(../images/triangle-droite.gif) no-repeat left center;
    padding-left:12px;
}
p.fil_ariane, p.fil_ariane a {
    color:#999;
}

/*
    Galerie photos
*/

.galerie .diapo{
	float:left;
	text-align:center;
	margin-left:5px;
	margin-bottom:15px;
	width:130px;
	padding:0 5px;
}
.galerie .diapo img{
    border:1px solid #aaa;
}

.galerie .article .pied{
	clear:both;
}

.galerie p.photo_titre {
	margin:0;
	color:#ddd;
}
.galerie p.photo_descriptif {
	margin:0;
	color:#aaa;
}

.galerie p{
	width:100%;
}

/*
    Page d'accueil
*/

/* Les 3 photos */

#photo1, #photo2, #photo3{
    position: absolute;
    top:365px;
}
#photo1{
    left:451px;
}
#photo2{
    left:626px;
}
#photo3{
    left:802px;
}

/* Actus */
#actu{
    position:absolute;
    top:130px;
    left:468px;
    text-align:right;
    width:115px;
    height:200px;
    color:#a66fb0;
    z-index:10;
}
#actu h3{
    text-align:right;
    font-size:1em;
    color:#fff;
    margin:0;
    padding:0;
}
#actu .lien_suite a{
    color:#a66fb0;
}
#actu .lien_plus_actu a{
    color:#a66fb0;
}

/* 
    Formulaire de contact
*/

form#contact{
    border-left: 1px solid #888;
    margin-top:30px;
    padding-left:10px;
}
form#contact input, form#contact textarea{
    font-size:0.9em;
	font-family: verdana, arial, sans-serif;
}
form#contact input#nom, form#contact input#sujet, form#contact input#email1, form#contact input#email2{
    width:250px;
    border:1px solid #888;
    background-color: #888;
}
form#contact textarea{
    border:1px solid #888;
    background-color: #888;
    width:400px;
    height:70px;
}
form#contact input#email1{
    background-color: #888;
}
form#contact #submit{
    padding:3px 5px;
    background-color: #aaa;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #555;
    border-bottom: 1px solid #555;
    color:#000;
}
.formErreur {
    color:#dd0000;
}
.formOK {
    color:#e199ef;
}
form#contact label{
    color:#aaa;
}
form p{
    margin-bottom:8px;
}