/******** http://elastick.net *******/
/**********  elastick.css ***********/


body { font-family:"century gothic ms", trebuchet, Arial, Helvetica, sans-serif;  font-size:110%; margin:0 auto; text-align:center; height:100%; background-color:#5B8496; line-height:normal; }
/*.echellezoom li {list-style-type:none; padding:0px; margin:0px; vertical-align:text-top; vertical-align:top; }*/
a { color:#55555; text-decoration:none; }
a:hover { text-decoration:none; }
/*p.spip{margin:0; padding:0;}*/
p{margin-left:0%; margin-right:0%;}
h1{font-size: 1.5em;}
h2{font-size: 1.3em;}
h3{font-size: 1.1em;}
h4{font-size: 1em;}
.clear {clear: both; display: block; height: 1px; overflow: hidden; margin: 0; padding: 0; }

/*TAILLE DE LA PAGE*/
.divexplorer, #zoneclic, .menuhaut,.conteneur,.lapage,.portfolio{width: 45em; margin:0 auto;}
.pagebackg {position:relative; top:10px;  background:url(IMGLOOK/haut.jpg) top left no-repeat; width:100%;
   overflow: hidden; height:300px; padding:0; }
/*divexplorer contient pagebackg et se ferme dessus centr grace au body*/  
.absolutehaut{position:absolute; top:10px; left:0px; width: 100%; text-align:center;  }
#zoneclic {left:0px; top:0px;  height:140px; margin:0 auto; z-index:5;}
/*.grandcarrezoom{width:4em; height:4em; border:1px solid orange; color:#000000; text-align:center; vertical-align:middle; padding:1em auto; margin:0 auto;}
.carrezoom{ width:1em; height:1em; border:1px solid #FFFFFF; color:#000000; text-align:center; padding:0.2em auto;}*/
.echellezoom{ float:right; position:relative;  width:auto;  padding:0px; margin:0px; text-align:right;  font-family:"trebuchet ms", century gothic ms, Arial, Helvetica, sans-serif;  height:auto; font-weight:bold;}
.echellezoom a {padding:0px; margin:0px; color:#FFFFFF; display:block}
.echellezoom img {margin:0px; border:0; width:auto; padding:0.2em 0.5em 0.2em 0.5em;}
#zoneclica {display:block; float:left; width:35em; left:0px; top:0px;  height: 140px; margin:0 auto; z-index:10;}
/*le absolutehaut assure la position en 100% et absolu pour contenir les divs suivant et se ferme dessus*/
/*LE TEXTE*/
/*position des menus absolu en rapport au haut, avec largeur 100%,  permet de positionner les divs suivants*/
.lapageun{ padding:0px; position:absolute; left:0px; top:150px;  text-align:center; width:100%; margin:0 auto; z-index:100; }
/*LE MENU DU HAUT*/
.menuhaut{position:relative; left:0px; top:0px; height:1.8em; white-space:nowrap; }
.artmenu{float:left; display: inline; background:url(IMGLOOK/menu-bleu-gauche.gif) top left no-repeat; text-align:center; padding-left:20px; margin-right:5px;}
.artmenu a {color:#CFDDDB; display:block; float: left;  vertical-align: middle; margin:0 auto; padding-top:5px; }
.artmenudroite{ height:2em; float:left; background:url(IMGLOOK/menu-bleu-droite-long.gif) top right no-repeat; padding-right:20px;}
.artmenu a:link, .artmenu a:visited  {color:#CFDDDB;}
.artmenu a:hover {color:#000000;}
.artmenuselect{position:relative;  float:left; display: inline; background:url(IMGLOOK/menu-orange-gauche.gif) top left no-repeat; text-align:center; padding-left:20px; margin-right:5px; }
.artmenuselect a { color:#FFFFFF; display:block; float: left;  vertical-align: middle; margin:0 auto; padding-top:5px; }
.artmenudroiteselect{ height:2em; float:left; background:url(IMGLOOK/menu-orange-droite-long.gif) top right no-repeat; padding-right:20px;}
.artmenuselect a:link, .artmenuselect a:visited  {}
.artmenuselect a:hover {color:#CFDDDB;}
/*FIN DU MENU DU HAUT*/

/*le bloc conteneur affiche en rptant son background quand la page s'agrandit*/
/*.conteneurabsolu{position:absolute; left:0px; top:0px;  width:100%; margin:0 auto; text-align:center; border:2px solid red; }*/
.conteneur{ position:relative;  left:0px; top:-1px; background :url(IMGLOOK/fondtextebas.jpg) top left repeat-y;  background-color:#DAE3E8; padding:0;}
/* le bloc lapage affiche par dessus l'image du haut sans rpter son background avec border du haut*/
.lapage { position:relative; top:0px; left:0px; text-align:center; bottom:3%; height:auto; background:url(IMGLOOK/fondtexte.jpg) top left no-repeat; border-top:2px solid #C7D7DE;  }


/*LE MENU DROITE */
.sousarticles{font-size:0.9em; text-align:left; background-color: #EAEFF0; float:right; height:auto; width:14em; margin:3em 0 2em 2.5em;  border-top: 2px solid #C7D7DC; border-bottom: 2px solid #C7D7DC; border-left: 1px solid #9DBEC1;  padding:1%; padding-bottom:2em; }
.artmenufloat {margin:0px; padding:8px; white-space:nowrap; display:block; margin-left:0.5em;}
.specialsites{padding-bottom:0px;}
.titresousart {font-weight:bold; padding-left:30px;}
.sousart{ color:#777777; padding-left:30px; }
.sousartencours{color:#333333; padding-left:30px; background:url(IMGLOOK/rond-orange.jpg)no-repeat left center ;}
.sousarticles a:hover {color:#333333;}
/*FIN MENU DROITE */

.assurehauteur{float:left;width:1px; height:350px; margin:0; padding:0;}
.bloctexte{font-size:0.8em; color:#55555; text-align:left; padding-left:80px; padding-right:70px; padding-bottom:50px; padding-top:20px; height:auto;  }
.bloctexte a{color:#004868;}
.bloctexte a:hover {background-color:#CBD2E4; color:#000000;}
.bloctexte a {border-bottom:1px solid #5E7A99;}
.bloctexte img{border:0; /*padding:0.2em;*/}

.realisation a {text-decoration:none; display:block; }
.realisation a:hover{text-decoration:none; display:block; background-color:#CFDDDB;}
.references a {font-weight:lighter; border-bottom:1px solid #FFFFFF;}
.references a:link {color:#111111;}
.references a:visited {color:#333333;}
.references a:hover {color:#000000;}

/*.references{float:left; height:auto; margin-top:10%; font-weight:bold; margin-bottom:2%; font-size:1.1em;}
.reference_descriptif { padding: 10px; width: 280px; color:#004868; }
.reference_bloc {
	float:right; margin-right:2%; margin-top:10%; height:auto; 
	border: 1px solid #669999;
	padding: 3px;
	background-color: #FFFFFF;
}
.reference_bloc img{border:0 auto; height:auto;}
.reference_bloc a{border:none; text-decoration:none;}*/

div.comments {/*commentaires des vignettes*/
				width:40%;
 				z-index: 1000; 
				background-color: #9DBEC1; color:#000000; 
                font-size: 0.7em;
                padding: 1%;
			   	border: 1px solid #324C48;
				text-align:left;
                visibility: hidden;
                position: absolute;
                left: 30%;
				margin-right:5%;
  				bottom: 30%;
				moz-opacity: 0.9; filter: alpha(opacity=90);
				text-decoration: none; }
.notes{font-size: 0.8em; padding-top:2%; padding-bottom:2%;}
.portfolio{background-color:#FFFFFF; font-size: 0.8em; text-align:center;  height:auto;  }
.valide {width:45em; margin:0 auto; padding:0%; padding-top:0.5em; height:auto; text-align:right;}

/* SPIP LES LISTES*/
ul.spip {
	list-style-type:none;
 	/*display:block;list-style-position: outside;*/
	text-align: left;
 	margin-left:0px;
	padding-left:0px;
	}
table.spip{
	padding: 5px;
	width: 100%;
}
.row_first{
	color: #FFFFFF;
	background-color: #3E5975;
	text-align: center;
}
.row_odd{
	background-position: top;
}

.row_even{
	background-position: top;
}


/*extras pour astuces spip > raccourcis spip*/
.raccourcis{text-align:left; font-size:0.9em; color:#333333;}
.raccourcis h3{ text-align:center;  font-size:1.4em; margin:1em 0 1em 0;  background-color: #FFF2BF;  clear:both; padding:1em 0 1em 0;  width:100%; border-top: 5px solid #FFB200;  font-weight:bold; }
#boucles h4{font-size:1.2em; margin:2em 0 0 0; clear:both;  width:100%; font-weight:bold; }
.raccourcis ul{list-style-type:circle; margin-left:1em;}
.colonnegauche{float:left; width:40%}
.colonnedroite{float:right; width:40%}
.cadretyporesult{padding:5px; background-color:#FFFFFF; color:#336699; margin:0; text-align:left;}
.cadretyporesult a{color:#336699;}
.cadretyporesult ul, .cadretyporesult ol{padding:0; }
.cadretyporesult li{margin-left:1.2em; }
.vraicode{display:block; width:90%; height:auto; background-color:#BAC1C5; padding:1em 0 1em 0; font-size:1.1em; overflow: auto; }

/*plus pour boucles spip*/
.maboucle {background-color:#fff}
.maboucle div{border: 2px solid orange ;padding:10px;}
.maboucle ul{border:2px solid pink;width:40%;}
.maboucle li{padding:10px;}
.maboucle span{color:#ff0000;}
.maboucle p{color:purple;} 
.txtrose {color: #FF00FF}
.txtbleufonce {color: #003366}
.txtviolet {color: #663399}
.txtgris {color: #666666}
.txtbleuclair {color: #6666FF}
.txtvert {color: #00CC66}
.txtgrisbleu{color:#336699;}


/*ajout alm decembre 2005*/

.walmafichier{float: right; width: 48px;}
.walmafichier img{border-width: 0px; text-decoration:none;}
.testnav{background-color:#ffffff; width:68%; padding:5px 15px 15px 15px ; border: 1px solid #b5b5b5; margin:0 auto;}
.testnavleft{float:left; width:40%}
.testnavright{float:right; width:40%}
.codevrai{display:block; border:1px solid #000000; height:auto; padding-bottom:1em; font-size: 12px;}


.spip_documents img {border:none;}
.spip_documents_left  {margin-right:0.5em; float:left;} 
.spip_documents_right  {margin-left:0.5em; float:right;}

/*class speciales incluses dans les textes en ligne!*/
.special{padding-bottom:3em; height:auto;}
.codegenre {width:100%; height:auto;padding-bottom:1em; font-size:0.8em;
text-align:left; font-weight:normal;}
.codecss{color:#FF00CC; background-color:#FFFFFF;}
.margintopfour{margin-top:4em;}
.reindexation {float:right; margin:2em 0em 0em 2em; border: 15px solid #FFFFFF;}
.phpinfo {float:right; margin:2em 0em 0em 2em;}


.spip_code, .spip_cadre, .showcode { font-family: monospace; font-style: normal; font-size: 1.2em; }
.spip_cadre { width: 99%; border: 1px inset; }
.showcode { width: 99%; border: red 1px inset; font-family: monospace; font-style: normal; font-size: 1em; }
.resultcode {font-size:1.2em;}
.php, .html, .spip_spip, .css {background-color:#fff}
h2.tab a{text-decoration:none; border:none;}
.showcode{display:none;}
div.tab-pane > :last-child {display:none;}
.colonnegauche h2, .raccourcis h2{font-size:0.8em; }

/*realisations*/
#naviga .spip_documents{position:relative;}
#naviga ul, #naviga li{list-style-type:none;}
#naviga img{float:right;}
.realise{font-size:2em; display:block}
#naviga li > ul{border-top:1px solid #5B8496; border-bottom:1px solid #5B8496; height:200px;}
#naviga .selected{border:none;}
#naviga ul{color:#666; font-size:0.9em; margin:0; padding:0;}
#naviga li{  clear:both;}
.onleft{float:left; width:50%; padding:1em; display:block;}
#naviga ul span a{padding-top:1em; padding-bottom:1em; display:block; border:none;} 
#naviga .spip_doc_titre, #naviga .spip_doc_descriptif{display:none;}
#naviga li > ul .gransite{height:380px}
#naviga ul span a:hover {background-color:#DAE3E8; text-decoration:underline;}
#naviga a.head {
background: url(jquery-accordion/collapsed.gif) no-repeat scroll 3px 4px;
cursor:pointer;
display:block;
text-indent:14px;
}
#naviga a.selected {
background-image:url(jquery-accordion/expanded.gif);
}

/**/
.ajoutextforum{margin-bottom:1em; margin-top:2em; margin-top:3em; font-size:1.2em; text-align:left; color:#555;}
.formforum {width:400px; margin:0 auto;}
#forumgalerie {width:100%; margin:0 auto; margin-top:1em; border-top:1px solid #5B8496;}
.reponse a{ text-decoration:none; color:#0099CC; }
#forumgalerie span{color:#666666;}
.thread{font-size:0.8em;position:relative; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#e9e9e9; padding:1em; padding-top:0;  text-align:left; margin:1em;}
.thread, .boutonforum{   border: 1px solid #C6DDDC; border-bottom: 1px solid #ABD6CC; -moz-border-radius: 1em;}
.boutonforum{ float:right;text-align:center; top:-5px; right:-5px; width:140px; display:block; padding: 0.3em; text-decoration:none; color:#777; background-color:#f9f9f9; }
.guillemet{ font-size:10em; font-family:Garamond; position:absolute; top:-30px; left:-5px; color:#3399CC;}
.fil{ background-color:#fff; border:1px dashed #dadada; margin:0.8em 2em 0.8em 2em;}
.topfil{border-bottom:1px dashed #dadada; background-color:#f9f9f9; padding:0.5em;  }
.filtxt{background-color:#fff;  margin-bottom:0.8em; padding:0.5em 1em 0.5em 1em; }
.reponse{text-align:right;}
.topthread{padding:0.8em; padding-left:0; margin-left:4em;}
.topthreadtxt, #forumgalerie blockquote{ border:1px solid #ccc; background-color:#fff;  margin-bottom:0.8em; padding:0.5em 1em 0.5em 1em; }
.topthreadtxt{margin:0em 2em 0.8em 2em;}

.spip_surligne {background-color:yellow;}
/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }
.formulaire_recherche label {display:none;}
.formulaire_recherche input {-moz-border-radius: 1em;}
.formulaire_recherche{width:200px; float:left}


.siteswalma ul, .siteswalma li {
margin: 0;
padding: 0;
list-style-type: none;
}
.siteswalma li {
margin: 0 0 0.4em 1.2em;
}

.siteswalma {font-size:10px;}
#siteswalma {margin-left:0.5em; margin-top:0px; border-left:18px solid #DAE3E8;}
a.head {color:#777}
a:hover.head, .siteswalma .selected {color:#000}
.formusite{width:90%;}
.formusite textarea, .formusite input{width:90%;}
.spip_bouton{text-align:right;}
.formusite .spip_bouton input{width:40%;}