/* --------------------------------------------------------------

   Styles associes au code genere par SPIP

-------------------------------------------------------------- */

/* Listes SPIP */
ul.spip,
ol.spip { margin-left: 50px; }
@media (max-width: 640px) {
	ul.spip,
	ol.spip { margin-left: 1.5em; }
}
ul.spip { list-style-type: square; }
li ul.spip { list-style-type: disc; }
li li ul.spip { list-style-type: circle; }
ol.spip { list-style-type: decimal; }

dl.spip dt,
dl.spip dd { padding-left: 50px; }
dl.spip dt { clear: both; }
dl.spip dd {}

/* Tableaux SPIP */
table.spip {   }
table.spip caption {}
table.spip tr.row_first th {}
table.spip tr.odd td {}
table.spip tr.even td {}
table.spip td{
vertical-align:top;
}

table.spip td .spip_documents {
margin-right:20px;
}
table.spip td img{
width:150px;}


 
 table.spip h3{
 margin-bottom:0px;}
 
	
	
 

 
 
/* Citations, code et poesie */
blockquote.spip { min-height: 40px; background: url(img/quote.png) no-repeat; }
.spip_poesie { border-left: 1px solid; }
.spip_poesie div { margin-left: 50px; text-indent: -50px; }
.spip_code,
.spip_cadre { font-family: 'Courier New', Courier, monospace; font-size: 1em; }

/* Enluminures typo V3 / Cf.: http://contrib.spip.net/3118 */
sc, .sc { font-variant: small-caps; }
.caractencadre-spip { background-color: #FFFFCC; color: purple; }
.caractencadre2-spip { background-color: #FFFFCC; color: orange; }
.texteencadre-spip { display: block; margin: 1.5em 50px; padding: 1.5em; background: #EEE; }

/* Logos, documents et images */
.spip_logos {  border: none; }

.spip_documents { margin:0px; padding: 0; background: none; }
.spip_documents,
.spip_documents_center,
.spip_doc_titre,
.spip_doc_descriptif { display:block;margin-right: auto; margin-left: auto; text-align: center; margin-top: 10px; }
.spip_documents_center { clear: both; display: block; width: 100%; }
.spip_documents_left { float: left; margin-right: 15px; }
.spip_documents_right { float: right; margin-left: 15px; }
.spip_doc_titre {}
.spip_doc_descriptif { clear: both; }

 
.spip_doc_titre{
margin-top:0px;
font-size:80%;
line-height:110%;
font-style:italic;
font-weight:normal;
}

.spip_documents_left, .spip_documents_right{
width:200px;
height:auto;
 
}


.audio{
width:370px;
height:auto;
 
}






/* Modeles par defaut */
.spip_modele { float: right; display: block; width: 25%; margin: 0 0 1.5em 1.5em; padding: 1.5em; background-color: #EEE; }

/* Formulaires */
.formulaire_spip {}
.formulaire_spip li { clear: both; margin-bottom: 0.75em; }
.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; }
.formulaire_spip .boutons input,
.formulaire_spip .boutons button {}
@media print {
	.formulaire_spip { display: none; }
}

/* Barre typo */
.markItUp .markItUpHeader ul .markItUpSeparator { display: none; }

/* Previsu */
.previsu { margin-bottom: 1.5em; padding: 0.75em; border: 2px dashed #F57900; }
fieldset.previsu legend { color: #F57900; }

/* Reponses */
.reponse_formulaire { margin-bottom: 1.5em; padding: 0.75em; border: 2px solid #ddd; }
.reponse_formulaire_ok { background: #e6efc2; color: #264409; border-color: #c6d880; }
.reponse_formulaire_erreur { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.reponse_formulaire_ok a { color: #264409; }
.reponse_formulaire_erreur a { color: #8a1f11; }

.erreur_message { color: red; }

li.erreur input[type="text"], li.erreur input.text,
li.erreur input[type="password"], li.erreur input.password,
li.erreur textarea { background-color: #fbe3e4; border-color: #fbc2c4; }

.spip_surligne { background-color: yellow; }

/* Formulaire de recherche */
.formulaire_recherche * { display: inline; }

/* Paragraphes */
div.spip, ul.spip, ol.spip, .spip_poesie, .spip_cadre, div.spip_code, .spip_documents.spip_documents_center { margin-bottom: 1.5em; }

/* Pagination */
.pagination { clear: both; text-align: center; }
@media print {
	.pagination { display: none; }
}

/* Liens de SPIP */
a.spip_note { font-weight: bold; } /* liens vers notes de bas de page */
a.spip_in {} /* liens internes */
a.spip_mail {}
a.spip_out {} /* liens sortants */
a.spip_url {} /* liens url sortants */
a.spip_glossaire {} /* liens vers encyclopedie */
@media print {
	a.spip_out:after,
	a.spip_url:after { content: " (" attr(href) ")"; }
}

/* Boutons d'admin */
.ie6 .spip-admin,
.ie6 #spip-admin { display: none; }
@media print {
	.spip-admin,
	#spip-admin { display: none; }
}

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}


#texte{
width:100%;}



 /*images */

 
.noir_blanc img{

	border:3px solid #000000;
-webkit-filter: grayscale(100%);
-webkit-filter: grayscale(1);
filter: grayscale(100%);
filter: url('../img/gray.svg#grayscale');
filter: gray;	 
	}
 
div .noir_blanc {
padding:10px;
background-image:url(../img/fond-noir.png);
background-size: 100% 100%;
}

.spip_documents.noir_blanc2{
background: none;
display:inline-block; 
padding: 0px;
margin:0px;
 
}

  

.noir_blanc2 img {
height:20px; width:20px; 
cursor:pointer;
-webkit-filter: grayscale(100%);
-webkit-filter: grayscale(1);
filter: grayscale(100%);
filter: url('../img/gray.svg#grayscale');
filter: gray;
border:3px solid #000000; 
}
 
.noir_blanc2 img:hover {
height:200px;
width:auto;
padding:10px;
background-image:url(../img/fond-noir.png);
background-size: 100% 100%;
border:none;
}

/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.noir_blanc2 img:hover{
		width:200px;
	}
}

 
 div .noir_blanc2{
 display: inline;
 position:relative;
 
 }
div .noir_blanc2  +P {

 margin-top:-25px;
 margin-left:30px;
}
 
 
.container_contact{
display:inline-block;vertical-align:top;
padding:30px;
 background-image:url(../img/fond-noir.png);
background-size: 100% 100%;
border:none;
text-align:left;
}

.container_contact_left{
display:inline-block;vertical-align:top;margin-right:50px;
padding:30px;
 
text-align:center;
 font-size: 20px;
   font-family: 'Shadows Into Light', cursive;
  font-weight: bold;
  line-height: 20px;
  
}
 




#formulaire_contact{
padding:30px;
 background-image:url(../img/fond-blanc.png);
background-size: 100% 100%;
 

}
#formulaire_contact ul, #formulaire_contact li{
list-style:none;
padding:0;
margin:0;
}

#formulaire_contact textarea{
width:95%
}

 
legend{
margin-top:-20px;
 font-size: 40px;
   font-family: 'Shadows Into Light', cursive;
  font-weight: bold;
  line-height: 20px;
  color: inherit;
  text-rendering: optimizelegibility;
  text-align:center;
  color:#0962a9;
  margin-bottom:30px;
  }
.bugajaxie{
margin:0px}

.submit {
 display:inline-block;
white-space:nowrap;
 
padding-left:10px;padding-right:10px;padding-top:2px;
font-size:17px;
height:25px;
color:#ffffff;
font-weight:bold;
border:none;
border-top:1px solid #93b1d9;
-webkit-border-radius: 15px 15px 15px 15px;
-moz-border-radius:   15px 15px 15px 15px;
border-radius:   15px 15px 15px 15px;
background-color: #0074bb;
background-image: -moz-linear-gradient(top, #0074bb, #004c91);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0074bb), to(#004c91));
background-image: -webkit-linear-gradient(top, #0074bb, #004c91);
background-image: -o-linear-gradient(top, #0074bb, #004c91);
background-image: linear-gradient(to bottom, #0074bb, #004c91);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0074bb', endColorstr='#004c91', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
cursor:pointer;
}
.boutons{
text-align:center}
.previsu{
margin-bottom:50px;}

/* coordonnées commande */
#form_coord table td{
padding-right:20px}

 #form_coord input[type="text"], #form_coord textarea {
 width:100%}
 






/* end */