body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, section, figure, video, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .playerVideo {
    border: 0 none;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}

body{	
	font: 0.9em Ubuntu,Arial,"libra sans",trebuchet,sans-serif;
	line-height: 1.5em; height:100%; font-weight:300;
	}

html{min-height:100%;overflow-y: scroll;}

ol, ul {
    list-style: none outside none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: none;
}
:focus {
    outline: 0 none;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
th, td {
 border:1px dotted #FFFFFF;
 padding:3px;}

#container p{
	margin:0;
	padding: 8px 15px;
	text-align: justify;
	font-size: 16px;
   line-height: 1.5;
	}
#container .extrem_boite .colonne532px p{
	padding:0;}	
	
	
.gras{
	letter-spacing: 0.05em;
	font-weight:500;
	}
	
.titrage{
padding: 22px 15px 10px 15px;
}
@font-face{
font-family: "police"; 
src: url('../../squelettes/polices/police.eot');
src: url('../../squelettes/polices/police.eot?#iefix') format('embedded-opentype'),
url('../../squelettes/polices/police.woff2') format('woff2'),
url('../../squelettes/polices/police.woff') format('woff'),
url('../../squelettes/polices/police.woff') format('truetype'),
url('../../squelettes/polices/police.svg#webfont') format('svg'); 
   font-weight:300;
    font-style:normal;
    font-variant:normal;
    }
    
.editer_new_pass p .explication{padding:0;margin:0;font-size:0.8em;line-height:1;}    
    
    

h1, h2, h3, h4, h5{
	font-family: "police",Ubuntu,Arial,"libra sans",trebuchet,sans-serif;
	padding:5px 0px; font-weight: 300; line-height: 1.2em;}
	
h1{font-size: 3em; line-height: 1.4em;  padding:5px 15px;}
h2{font-size: 2em; line-height: 1.2em;  padding:5px 15px;}
.h2minirub{font-size: 2.4em; line-height: 1.2em;  padding:35px 10px 15px 12px;} 
div.dp-popup h2 {
display:block;
float:none;}

h3{font-size: 1.8em;  line-height: 1.2em; padding:5px 15px;}


.box h3{font-size: 1.8em;  line-height: 1.2em; padding:5px 0px;}

h4{font-size: 1.5em;	line-height: 1.2em;}

	.boite h4, .grande_boite h4, #profil h3{
	margin: 4px 10px 0;
	text-indent: 40px;
	}
	.discussion h4{
	position:relative;
	margin: 18px 5px 5px 7px;
	}
	.interne h3{
	padding: 7px;
	}
	.plus-petit{font-size:0.7em}
	

	

h5{font-size:1.3em;line-height: 1.6;}

.boite_separe h5{
margin: 0;
padding: 10px 3px 0 3px;
}

h6{font-size:1em;}
	
.ongoui, .ongnon, .accueilong, .autong, .homeindex{
	font-family: "police",Ubuntu,Arial,"libra sans",trebuchet,sans-serif;
	font-size:20px;height:32px;}	
	

.titre_ombre{position: relative; }
.titre_dessous_ombre{position: absolute; top:0px; left:0px;}
.titre_dessus_ombre{position: absolute; top: 0px; left: 0px;}


ul, ol, li, pre {	
	padding: 0px;
	margin:0px;
	list-style-type:none;
	}
code, pre, samp {
   white-space: nowrap;
}


img,.noborder{
	border:0;
}
a:link, a:visited {
    cursor: pointer;
	text-decoration: none;
}
a:link:hover, a:visited:hover {
	text-decoration: underline;
}
a:visited.spip_in ,a:visited.spip_out ,a.spip_in ,a.spip_out, a:visited.spip_ancre, a.spip_ancre {
   border-bottom: 1px dashed;
       text-decoration: none;
}
a:hover.spip_in ,a:hover.spip_out{
     border-bottom: 1px solid;
      text-decoration: none;
} 
.png, .format_png {
}

/* positionnement */
.logodroite{
	float:right;
	margin:5px 20px;
	padding:0;
}

.logogauche{
	float:left;
	margin:5px 20px; 
	padding:0;
}
.marge7px{margin:7px;}


.mini_texte_droite{	
	padding:0;
	font-weight:500;
	
}
.mini_texte_gauche{
	padding:6px 0 ;
	font-weight:500;
	display:block;
	
}
.tableaucss{
  display:table;
 margin:0 auto;
 border-collapse:separate;
 border-spacing: 10px 0;
  }
.colonnecss{
  display:table-cell;
}
.colonnecss:first-child {
 /* premiere colone qui contient le logo */
}
.colonnecss + .colonnecss {
  /* deuxieme colone qui contient le texte*/
}

.colone_auteur{
float:right;
width:72px;
    margin: 8px 8px 8px 12px;
    padding: 4px 7px;
}

.colonne20{display: inline-block; vertical-align:top; width:19%;}
.colonne33{display: inline-block; vertical-align:top; width:32%;}
.colonne40{display: inline-block; vertical-align:top; width:39%;}
.colonne50{display: inline-block; vertical-align:top; width:49%;}
.colonne60{display: inline-block; vertical-align:top; width:59%;}
.colonne70{display: inline-block; vertical-align:top; width:69%;}
.colonne532px{display: inline-block; vertical-align:top; width:532px; padding:5px 10px;}
.colonne170px{display: inline-block; vertical-align:top; width:170px;}
.droite{float:right;	padding:0 10px;}
.txt_droite{float:right;}
.gauche{float:left;padding:0 10px;}



.grande_boite .colonne532px{width:216px}

.centre_vertical{
vertical-align:middle;
}

.clear{
clear:both;
}


.milieu img{
vertical-align: middle;
display: inline-block;
}

form h4{
padding:8px;
position:relative;	
}


form p.centre{ 
margin-left:-8px;
margin-right:-8px;
}



.container_iframe { position: relative; padding-bottom: 50%; padding-top: 0px; height: 0; overflow: hidden; }

.container_iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }




/* position colonne */
.coldroit{
display:inline;
	float:right;
	width:316px;
	margin: 0;
	padding: 0;
	}
#colgau, .colgau{
	float:left;
	display:inline;
	width:632px;
	margin: 0;
	padding: 0;
	}


/* boites */
.grande_boite{
	clear:left;
	width:622px;
	padding: 8px 0;
	margin: 16px 0 6px 10px;
	position:relative;
	clear:both;
	}



.boite{	
padding: 8px 0;
	margin:16px 10px 6px 0;
	width:305px;
	clear:both;
	}
	
	.grande_boite:after, .boite:after, .extrem_boite:after {
  content: ""; 
  display: table;
  clear: both;
}
	
.boite_accueil {
float:right;
margin:10px 10px 5px 20px;
padding:10px;
width:280px;
}

.boite-prix {
	padding:10px;
	margin:0;
	color: #000;
	display:block; 
	font-variant: small-caps;
	width:150px; 
	float:right;
	}
	.boite-prix:first-letter{
		text-transform: capitalize;}
	
	
	
/* invisibilite sauf navigateur type lynx et matériels pour malvoyants*/
.none, .cool, .markItUpTabs, .editer_pgp{
display:none;
}

/* separateurs */
.spacer{
  display:  block;     
  height: 5px !important;
	height: 0;
	clear:both;
	width:100%;
	padding: 0;
    margin: 0;   
	visibility:hidden;
	border:0;
	zoom: 1;
}

.separ_blanc{
	display:  block;  
	clear:both;
width:95%;
height:8px;
background:#fff;
border:none;
border-radius:5px;
box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2) inset;
margin-auto;
}


/* englobe tout. Permet d'ajouter des choses ou des fonds à droite, à gauche, au dessus et en dessous du surcontent. */
#container{
	width:960px;
	margin: 10px auto;
	}
/* englobe le content et le pied de page mais pas le header. Permet de placer des choses sous le header. */
#surcontent{
	width:960px;
	margin: 0;
	clear:both;
	}	
/* englobe les boites et les deux colonnes. */
#content{
	clear:both;
	width:960px;
	padding: 0 0 5px 0; 
	
	}



/* En tete */

span#nom_site_spip {display:block;text-align: center; width:240px;margin:10px 0 0 0;}
#nom_site_spip img{margin: 5px;}

#header h3{
	font-size: 1.2em;
	margin: 0 0 5px 0;
	}

#header{
	margin: 0;
	}

#connexi{
width:320px;
height:100%;
float:right;
display:inline;
}
#connexi form{
margin: 0;
padding: 0;
}
#formconnexi{
width:310px;
float:right;
display:inline;
padding: 3px 5px;
margin:5px;

}
.formconnexidroite{
width:150px;
float:right;
margin: 0;}



#header #form{
width:198px;
height:220px;
float:right;
display:inline;
}
.radiobox{
color:#222;
width:605px;
}
#scroller_container{
width:520px;
}


#formconnexi .text, #formconnexi .password, #formconnexi .text:focus, #formconnexi .password:focus{
	width:110px !important;	
	margin:2px;
	padding: 2px 4px;
	height:25px;
	display:inline;
   border-radius: 4px;
   }
.formgrandcadre{
padding: 5px;

}   
   
input:-webkit-autofill, textarea:-webkit-autofill {  -webkit-box-shadow: 0 0 0 1000px white inset;
}


.boite .formulaire_formidable label{
	display:block;}


#formconnexi .formulaire_login label, #formconnexi .formulaire_oubli label, #formconnexi .formulaire_lettres label, #formconnexi p{
	padding: 0 0 0 5px;
	}	
#formconnexi img, #formconnexi .explication{display: none;}

 .formulaire_login legend, .formulaire_oubli legend, .formulaire_lettres legend, .formulaire_inscription legend, .formulaire_login .details, .previsuVoir, .formulaire_recherche label{
	display:none;
	}

.formulaire_recherche{
	position:relative;
	top:70px;
	right:50px;
	float:right;
	    background: repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    border: medium none;
    border: 1px solid #AAA;
    border-radius: 6px;
  
    		-moz-box-shadow: 0 1px 3px 0 rgba(255, 255, 255, 0.1) inset, -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3) inset;
     -webkit-box-shadow: 0 1px 3px 0 rgba(255, 255, 255, 0.1) inset, -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3) inset;
	-o-shadow: 0 1px 3px 0 rgba(255, 255, 255, 0.1) inset, -o-shadow: 0 1px 3px 0 rgba(0,0,0,0.3) inset;
     box-shadow: 0 1px 3px 0 rgba(255, 255, 255, 0.1) inset,  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3) inset;
	


} 
.formulaire_recherche form{padding:0;}

.formulaire_recherche .submit ,.formulaire_recherche .submit:hover{
    border: medium none;
    height: 30px;
    text-indent: -999px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
	box-shadow: none;
	filter:none;
    width:34px;
    height:30px;
	cursor: pointer;  
	margin: 0;
	padding: 0;
    border: none;  
    text-indent: -999px;
  -moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
}
.formulaire_recherche input[type="search"], .formulaire_recherche input[type="text"] {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #333;
    height: 24px;
    padding-left: 10px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
     width: 160px;
  }

#formconnexi .submit{
	display: inline;
		position: relative;
	float: right;
	cursor: pointer;  
	 text-indent: -2000px;
     margin: 0;
     padding:0;
     width:28px;
	height:28px;
	}
	

	
	

#formconnexi .formulaire_login .boutons .submit{
	top: -52px;
	right: 13px;
}



#formconnexi .formulaire_inscription .boutons .submit{
		top: -33px;
	right: 0;

}	

#formconnexi .formulaire_oubli .boutons .submit{
	top: -31px;
	right: 40px;

}	

	
#formconnexi .erreur{
	display:block;
}	


	
.logo_bas{
height:23px;
}


.raye{
	text-decoration:line-through;
}

ul.petite_liste, ul.grande_liste, ul.spip, ol.spip{
padding: 6px 10px;
}

ul.spip li, ol.spip li , ul.petite_liste li, ul.grande_liste li{
padding: 0px 5px 5px 14px;
}

.formulaire_formidable li{
padding: 7px 5px;
}

.liste_plane li{
display:inline;
margin:2px 10px;
}



	

.submit, .submit a, .submit:visited, .submit:hover, .button a, .button a:visited, .button a:hover {
	display: inline-block; 
	padding: 8px 14px 8px; 
	color: #fff; 
	text-decoration: none;
	border:none;
	position: relative;
	cursor: pointer;
margin:10px 0;
font-size: 15px;
font-weight: 500;
line-height: 1.5em;
text-shadow: 0 -1px 1px rgba(0,0,0,0.3);
vertical-align: center;
}

.grande_boite .boutons, .extrem_boite .boutons{
float:right;}

.submit:active, .button:active {
    position: relative;
    top: 1px;
    color: #fff;
}

 .button:focus {
    outline: 0;
}    

.submit:before, .button:before {
    float: left;        
       color: #fff;
    width: 1em;
    text-align: center;
    vertical-align: center;
    font-size: 1.4em;
    margin: 0 1em 0 -0.7em;
    padding: 0 0.6em;
  
    		-moz-box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.1), -moz-box-shadow: 2px 0 0 0 rgba(0,0,0,0.5);
     -webkit-box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.1), -webkit-box-shadow: 2px 0 0 0 rgba(0,0,0,0.5);
	-o-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.1), -o-shadow: 2px 0 0 0 rgba(0,0,0,0.5);
     box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.1),  box-shadow: 2px 0 0 0 rgba(0,0,0,0.5);

        
}

/* Hexadecimal entities for the icons */

.button_ajoute:before {
    content: "\271A";
}

.colonne532px .button_ajoute{
	font-size:1em;
line-height: 0.5em;
}
.colonne532px .button_ajoute:before{
font-size:1em;
margin: 0 0.5em 0 -0.9em;
padding: 0 0.3em;
line-height: 0.5em;
}


.button_smiley:before {
    content: "\263A";
}

.button_edit:before {
    content: "\270E";        
}

.navigaudroi .bouton_vert, .inscription_evenement .bouton_vert{
background: linear-gradient(to bottom, #6FC71B, #1C683A);}
.navigaudroi .bouton_vert:hover, .inscription_evenement .bouton_vert:hover{
background: #6FC71B;}

.button_supprime:before {
    content: "\2718";        
}

.button_valide:before{
	    content: "\2714";        
}

.button_email:before {
    content: "\2709";
}

.button_aime:before {
    content: "\2764";        
}

.button_suivant:before {
    content: "\276f";
}

.button_etoile:before {
    content: "\2605";
}

.button_explose:before{
    content: "\2737";
}

.button_play:before{
    content: "\25B8";
}
.button_interro:before {
    content: "?";
}
.button_2fleches:before {
    content: "\bb";
}
.button_retour:before {
	content:"\276e"
	}
	.button_fleche:before {
	content:"\279C"
	}
	
	.navigaudroi{ margin: -10px 10px;}






.icone_membre{
	background: url(../../squelettes/images/icones.png) no-repeat scroll 1px 1px transparent;
		text-indent: 30px;
	margin: 4px 9px 0;
}
#profil h3{
	background: url(../../squelettes/images/icones.png) no-repeat scroll 0 0 transparent;
}
.icone_arbre{
	background: url(../../squelettes/images/icones.png) no-repeat scroll -32px -64px transparent;
}
.icone_juk{
	background: url(../../squelettes/images/icones.png) no-repeat scroll -64px -128px transparent;
}
.icone_article{
	background: url(../../squelettes/images/icones.png) no-repeat scroll -96px -192px transparent;
}
.icone_recherche{
	background: url(../../squelettes/images/icones.png) no-repeat scroll -128px -256px transparent;
}
.icone_agenda{
	background: url(../../squelettes/images/icones.png) no-repeat scroll -160px -320px transparent;
}
.icone_zip{
	background: url(../../squelettes/images/icones.png) no-repeat scroll -192px -384px transparent;
}
.icone_forum{
	background: url(../../squelettes/images/icones.png) no-repeat scroll -224px -448px transparent;
}
.icone_gis{
	background: url(../../squelettes/images/icones.png) no-repeat scroll -256px -512px transparent;
}
.icone_site{
	background: url(../../squelettes/images/icones.png) no-repeat scroll -288px -576px transparent;
}
.icone_photo{
	background: url(../../squelettes/images/icones.png) no-repeat scroll -320px -640px transparent;
}
.icone_filter{
	background: url(../../squelettes/images/icones.png) no-repeat scroll -384px -768px transparent;
}
.icone_post{
	background: url(../../squelettes/images/icones.png) no-repeat scroll -416px -832px transparent;
}
.icone_menu{
	background: url(../../squelettes/images/icones.png) no-repeat scroll -448px -896px transparent;
}
.icone_meteo{
	background: url(../../squelettes/images/icones.png) no-repeat scroll -480px -960px transparent;
}
.cadenas {
	background: url(../../squelettes/images/icones.png) no-repeat scroll -512px -1024px transparent;
}
.icone_tel{
	background: url(../../squelettes/images/icones.png) no-repeat scroll -544px -1088px transparent;
}


.minicone_membre{
	background: url(../../squelettes/images/icones.png) no-repeat scroll 0px -432px transparent;
	}
.minicone_arbre{
	background: url(../../squelettes/images/icones.png) no-repeat scroll -32px -288px transparent;
}
.minicone_juk{
	background: url(../../squelettes/images/icones.png) no-repeat scroll -64px -332px transparent;
}
.minicone_article{
	background: url(../../squelettes/images/icones.png) no-repeat scroll -96px -416px transparent;
}
.minicone_recherche{
	background: url(../../squelettes/images/icones.png) no-repeat scroll -128px -480px transparent;
}
.minicone_agenda{
	background: url(../../squelettes/images/icones.png) no-repeat scroll -160px -544px transparent;
}
.minicone_zip{
	background: url(../../squelettes/images/icones.png) no-repeat scroll -192px -608px transparent;
}
.minicone_forum{
	background: url(../../squelettes/images/icones.png) no-repeat scroll -224px -672px transparent;
}
.minicone_gis{
	background: url(../../squelettes/images/icones.png) no-repeat scroll -256px -736px transparent;
}
.minicone_site{
	background: url(../../squelettes/images/icones.png) no-repeat scroll -288px -800px transparent;
}
.minicone_photo{
	background: url(../../squelettes/images/icones.png) no-repeat scroll -320px -864px transparent;
}
.minicone_filter{
	background: url(../../squelettes/images/icones.png) no-repeat scroll -384px -928px transparent;
}
.minicone_post{
	background: url(../../squelettes/images/icones.png) no-repeat scroll -416px -1056px transparent;
}
.minicone_menu{
	background: url(../../squelettes/images/icones.png) no-repeat scroll -448px -1120px transparent;
}
.minicone_meteo{
	background: url(../../squelettes/images/icones.png) no-repeat scroll -480px -1184px transparent;
}
.minicadenas {
	background: url(../../squelettes/images/icones.png) no-repeat scroll -512px -1248px transparent;
}
.minicone_tel{
	background: url(../../squelettes/images/icones.png) no-repeat scroll -544px -1312px transparent;
}

.interne .minicone_photo, .interne .minicone_post, .interne .minicone_site, .interne .minicone_tel,
.carte_auteur .minicone_photo, .carte_auteur .minicone_post, .carte_auteur .minicone_site, .carte_auteur .minicone_tel{
padding: 0 4px 0 19px;
vertical-align:bottom;
}





.rss{
	background: url(../../squelettes/images/icones/rss.gif) no-repeat;
}

.ical,.hcal{
	background: url(../../squelettes/images/icones/ical.gif) no-repeat;
}

.microgeo{
	background: url(../../squelettes/images/icones/geo.gif) no-repeat;
}

.vcard a{
	background: url(../../squelettes/images/icones/vcard.png) no-repeat;
	  padding: 3px 0 0 30px;
	  margin:0 10px; 
	height: 24px;
	font-variant: small-caps;
}


.carte_auteur .icone_post{}
.carte_auteur .icone_site{}
.carte_auteur .icone_photo{}


/* les miniatures */

#minipics{

	float:left;
	display:inline;
	clear:both;
	margin:0;
	padding:0;    
	}
#minipics ul{
        list-style-type: none;
        padding:  9px 0 5px 0;
		margin:0 ;
        clear:both;
}
#minipics li{	
	position: relative;
	padding:9px;
	margin:2px 0 8px 10px !important;
	float:left;
	display:inline;
	zoom:1;
	}
#minipics li p{
	margin:4px;
	padding:0;
	  clear:both;
	}
#minipics li img{
	display:block;
		}	





/* les div minipics */


.logorond{	
	padding:4px 7px;
	margin: 8px 12px 8px 8px;
	background:#fff;
	?width:95px;
	text-align:center;
}	
.textepics{
		width:340px;	
}
.transpa{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=15);
	-moz-opacity:.15;
	opacity:.15; 
	-ms-filter: "alpha(opacity=15)"; /* IE 8 */
    filter : alpha(opacity=15); /* IE < 8 */ 
position:relative;
}
.plusbas{
	position:absolute;	
	text-align:center;
	line-height:1.8em;
	width:48px;
}
.plushaut{
	float:right;	
	margin: 23px 5px 0;
	font-weight:500;
}



/* les deux x2  cellules */

#cel,#celbas{
	float:left;
	display:inline;
	}
#cel ul,#celbas ul{
	list-style-type: none;
	margin:0;
	padding:0;
	clear:both;
}

#cel h4,#celbas h4{
	word-spacing: 0.2em;
	display:block;
	-height:1%;
	
	padding:4px 10px;
}

#cel p,#celbas p{
display:block;
padding:8px 10px;
margin: 0px;
}

.anim{
float:left;
display:inline;
margin:0;
padding:0;
}

.petite_boite{
	float:left;
	display:inline;
   margin: 16px 0 16px 10px;
	padding:0;
	width: 305px;
	}	
	
.trois_boite{
width: 200px;}	
	
.petite_boite p{
min-height: 58px;
display:table-cell;
}	
/* la grande photo */
.photo{
	position:relative;
	width:622px;
	padding:4px 0;
	text-align:center;
}
.photo img{
	border:1px solid #60566a;
}
#exif img{
	cursor:help;
	display: block; 
	margin:0 auto;	
	}
#exif a span{
	position:absolute;
	left:-900px;
	visibility:hidden;
}
#exif a:hover span{
	visibility:visible;
	position:absolute;
	top:20%;
	left:22%;
	width:50%;
	background:#FFF;
	color:#000;
	padding:5px 15px 5px 15px;
	border:2px solid #666;
	cursor:text;
	text-decoration: none;
	background:#FFF;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity:.7;
	opacity:.7; 
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
    filter : alpha(opacity=70); /* IE < 8 */ 
	-moz-border-radius:12px;
}


/* les icônes */
.icone_fleche{
	right: 25px;
	margin:3px 0;
}
.icone_forum{
	text-indent: 30px;
	margin: 4px 9px 0;
}

.extrem_boite .icone_post{
	text-indent: 30px;
	margin: 4px 9px 0;
}

/* le plugin gis  */
.forum_anim{
overflow:none;
}

.formulaire_article_gis{
padding:3px;
}
.carte_gis{
	height:360px;
	width:592px;
}
.grande_boite .formulaire_article_gis .carte_gis{
	height:400px;
	width:560px;
	}
.grande_boite .formulaire_article_gis .interne{
	height:400px;
	width:560px ;
	}


/* les forums */

.discussion{
	padding: 10px 0;
	margin: 5px 10px;
	}
	
.extrem_boite
{	padding: 0;
	margin: 16px 10px;
	float:left;	
		position:relative;
	}	
	
	
.avatar{
display:block;
width:128px;
height:128px;
}


.interforumgrand{
float:right;
margin:3px 7px 0 4px;
padding:5px;
width:750px;
z-index:2;
}
.interforumgrand p{
padding: 0 4px;

}
.carte{
float:left;
padding:15px 0 5px 10px;
width:150px;
}



.capitale{
text-transform: capitalize;
}

/* les membres */

ul.membres,ul.legende{
padding:5px 10px;
margin:0px;
}

.membres li,.legende li{
float:left;
text-transform: capitalize;
font:1.2em/1.4em Ubuntu,Arial,"libra sans",trebuchet,sans-serif;
}
.membres li a,.legende li{
	padding: 0 5px 0 16px;
	line-height: 1.6em;
}

.boutonforum  ul{
	padding:20px 0;
	} 

.boutonforum li {	
	display:inline;
	float:right;
}
.repondre a,.dernier a,.premier a{
	padding: 6px 0 10px 24px;
	font-weight:500;
	letter-spacing: 0.1em;
	font-size:120%;	
}


/* les class spip modifiees */

/* alignements des docs dans l article */

.spip_surligne{
font-weight:500;
}

.spip_documents{
 text-align: center; line-height: normal; }
.spip_documents p{
 margin: 0.10em; padding: 0; }
.spip_documents_center, .spip_documents_center dd, .spip_documents_center dt{
 display: block; clear: both; width: 100%; margin: 1em auto; }
.spip_documents_left{
 float: left; margin:10px;}
.spip_documents_right{
 float: right; margin:10px; }


/* le quote (citation) via balise <quote> */

blockquote.spip, .quote{
	width: 94%;
	margin:2%;	
	padding:25px 5px 0 5px;
	}
	

/* les formulaires */

fieldset, form {
	border: none;
	padding:0;
	margin:0;
	}
form{
padding:12px;
}
.petite_boite form{
padding:0 0 0 8px;
}

.formulaire_notation{ position: absolute;
margin: -8px 15px;    
}
.extrem_boite .formulaire_notation{ position: relative;
margin: 5px 15px; 
}
.notedroite .formulaire_notation		{ position: absolute;
margin: 0 0 0 65px; 
}
		
		
.grande_boite textarea, .grande_boite .text, .grande_boite #texte, .grande_boite .password, .grande_boite #message, .grande_boite #description_site, .grande_boite #bio, .grande_boite #pgp, .grande_boite #texte_contact{
		width: 96%; margin:0 0 10px 0;
			}
			
.boite textarea, .boite .text, .boite #texte, .boite .password, .boite #message, .boite #description_site, .boite #bio, .boite #pgp, .boite #texte_contact{
		width: 265px; margin:0 0 4px 0;
			}	
			
.textecontrib{
			height: 500px;
			}


.saisie_titre,.saisie_texte,.saisie_url_site,.saisie_nom_site,.saisie_message {
	   list-style-type: none;	
}		
fieldset ul{
padding:0;
margin:0;
}
	
.spip_encadrer{
	padding:0 8px;
}


.formulaire_crayon{
background:#fff;
border: 1px solid #ccc;
padding: 4px;
min-width:280px;
margin: 5px;
}
.formulaire_formidable p {padding:5px 15px;}

.form_rech{	
	padding: 0 0 0 35px ;
}

.grand, .form450{
	margin : 0;
	float : right;
	width:440px;
}
.moyen {
	width:280px;
	margin : 0 7px ;
}
.petit {
}
/* L'agenda */

.date {
width : 120px;
margin : 5px;
}
#repetitions {
width :416px;}

.txt {
width : 314px;
float : right;
margin : 5px;
}



/* les tableaux */

table.spip{ 
margin: 3px 10px; 
text-align:center;
width: 97% !important;
width: 95%;
}

table.spip tr {
	width:auto;
	padding: 2px;
	}
	
.tableau_evenement table{
width:100%;
}	
.tableau_evenement th, .tableau_evenement td{
padding:2px 6px;
border:1px dotted #fff;
text-align:left;
vertical-align:top;
-moz-border-radius:4px;	
}

/* menu */

.open {
       display: block;
	   list-style-type: none;
       padding: 0 3px 0 10px;
       margin: 0 0 0 10px;
}

.closed {
       display: none;
}

li img, li img a:hover  {
       vertical-align: middle;
}	   
   
.li {
       list-style-type: none;
       padding: 0px;
}


/* Minical */

#calendar table{
	width: 90%;
	font-size: 0.9em;
	text-align: center;
	margin: 0 auto 5px;
	border-collapse: collapse;
}

#calendar table caption{
	margin: 0 auto;
}

#calendar table td{
	width: 14%;
	line-height: 2em;
	border: 1px solid #EEE;

}

#calendar span{
	display: none;
}
.etroit{
padding:0 6px;
margin:0px;
}


.interne {
padding:3px 5px 5px 4px;
margin:6px 10px;

}

.grande_boite .interne {
width:592px;
padding:0px 5px 0px 4px;
}

#container .boite  p.interne {
padding: 10px; 
margin: 10px;
}


.carte_auteur {
width:590px; 
padding:10px 5px 0 5px;
margin:5px 0 5px 10px;
}
.carte_auteur .avatar {
margin:0 10px;
}
.carte_auteur p {
 display: block;
    margin: -5px 0 0 0;
    padding: 0 10px;
}
.carte_auteur_200 {
	float:right;
	width:auto;
	padding:7px 7px 7px 0;
	margin:0 18px;
	}

.text_carte_200{
text-align:right;
}

.a_ecrit{
    background: url("files/images/hitch-left.png") no-repeat scroll 0 0 transparent;
    height: 13px;
    left: -6px;
    position: absolute;
    text-indent: -999px;
    top: 19px;
    width: 6px;}




.tableaucss{
padding:10px;
margin:10px auto;
width:280px;
}


.site_internet, .portfolio, .contact_form, .telephone{
clear:both;
}


/* Formulaire spip - gestion des erreurs. */

#email_message_auteurnew, #sujet_message_auteurnew, #texte_message_auteurnew{
width: 610px!important;
width: 600px;
}

.formulaire_spip ul{
padding:0;
margin:0;
}
.formulaire_spip li{
list-style-type: none;
}
/* Champs obligatoires */
.grande_boite .formulaire_spip li.obligatoire {}
.grande_boite .formulaire_spip li.obligatoire label {}

/* Previsualisation du message */
.grande_boite .formulaire_spip fieldset.previsu { margin-bottom: 2em; padding: 1em; border: 2px dashed #F57900; }
.grande_boite .formulaire_spip fieldset.previsu legend { padding: 0 0.50em; font-weight: 500; color: #F57900; }
.grande_boite .formulaire_spip fieldset.previsu li { padding: 3px; border: none; }
.grande_boite .previsu button {background: #F57900;}

/* Reponse du formulaire */

.grande_boite  fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; list-style-type: none;}
.grande_boite fieldset.reponse_formulaire.reponse_formulaire legend { color: #F57900; } /* Preciser la couleur des legend et du fond pour IE/Win */

/* * Erreurs */
.grande_boite .formulaire_spip li.erreur .erreur_message { display: block; }
.grande_boite .reponse_formulaire_erreur, .erreur
{ margin: 0; font-weight: normal; color: #F00; text-shadow:none;}

/* * OK */
.grande_boite .reponse_formulaire_ok { margin: 0; }

.grande_boite .reponse_formulaire_ok:before{
	    content: "\2714";        
	    color:#30C330;
	    font-size:2em; 
	      vertical-align: sub;
	       font-weight:500; 
	       margin:0 5px;
}



.vert,.vert a,.vert a:hover, .message-formulaire, .reponse_formulaire_ok{
	color:#090;
	}
.gris,.gris a,.gris a:hover{
	color: #999;
	}
.blanc,.blanc a,.blanc a:hover{
	color:#fff;
	}
.pale,.pale a,.pale a:hover{
	color:#888;
}
.rouge,.rouge a,.rouge a:hover{
color:#C00;
}
.bleu,.bleu a,.bleu a:hover{
color:#30C; 
}
.orange,.orange a,.orange a:hover,.message_orange{
color:#C60;font-size:1.2em;
}
.message_orange:before {
	    content: "\00BB";   
	    font-weight:500;     
	    color:#C60;
	    font-size:2em;
	    margin:0 5px;
	    vertical-align: sub;
}



	.footer{
	font-size: 0.9em;	
	padding:5px 0;
	margin:8px 10px;
	text-align:center;
	clear: both; 
	}
	
.loading {
background: 
#fff url(../../squelettes/images/patience.gif) no-repeat center 10%;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity:.8;
	opacity:.8; 
	-ms-filter: "alpha(opacity=80)"; /* IE 8 */
    filter : alpha(opacity=80); /* IE < 8 */ 
   }

#formconnexi .loading  {
background:transparent;
}
	
	.footer span{
	margin:0;
	padding:0;
	}
.footh{
	margin:0 24px;
	}
#container .footp{
font-size: 0.9em;	
float: left;
height:30px;
line-height:30px;
padding:20px 10px;
	}
	.footp a{
vertical-align:middle;
  display:inline-block;
  line-height:normal; 	
	}
.boite_separe{
height:82px;
width:167px;
}



.boutoui, .boutnon{
margin:0 0 5px 5px;
display:block;
cursor: pointer; 
}
.boutoui{
	cursor: default; 
	}


.boutons_reseaux{
width:320px;
height:70px;
padding:0 8px;
line-height:70px;
text-align:center;
}

.boutons_reseaux .reseauxlink{display:none;}


.boutons_reseaux_cache{
position: absolute;
width:30px;
height:70px;
padding:0 8px;
line-height:70px;
text-align:center;
width:30px;
overflow:hidden;
right:10px;
top:-10px;
transition:all 1s ease 0.15s;
transition-delay: 5s;

}
.boutons_reseaux_cache:hover{
width:340px;
transition:all 1s ease 0.15s;
transition-delay: 0.2s;
}


.reseauxlink, .facelink, .twitterlink, .technoratilink, .tumblrlink, .plusonelink, .myspacelink,  .linkedinlink, .stumbleuponlink, .digglink, .bebolink, .rsslink, .qrcodelink, .icallink, .pinterestlink {
height:22px;
width:22px;
cursor: pointer; 
margin:0;
vertical-align:middle;
  display:inline-block;
  line-height:normal; 
  text-align:right;
	-o-border-radius: 2px;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;	
    -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.6);
     -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.6);
      -o-box-shadow: inset 0px 1px 1px 0 rgba(0,0,0,0.6);
     box-shadow: 0 1px 1px 0 rgba(0,0,0,0.6);
-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
			transition-delay: 0.3s;
}
     
.reseauxlink:hover, .facelink:hover, .twitterlink:hover, .technoratilink:hover, .tumblrlink:hover, .plusonelink:hover, .myspacelink:hover,  .linkedinlink:hover, .stumbleuponlink:hover, .digglink:hover, .bebolink:hover, .rsslink:hover, .qrcodelink:hover, .icallink:hover, .pinterestlink:hover{
height:64px;
width:64px;		
		
		-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3);
     -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3);
	-o-shadow: 0 1px 1px 0 rgba(0,0,0,0.3);
     box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3);
  	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;  
		transition-delay: 0.3s;
}
.boutons_reseaux_cache:hover .reseauxlink{
height:0;
width:0;}

.cs_blocs{	
padding:0;
}
#formconnexi .blocs_replie, #formconnexi .cs_blocs, #formconnexi .cs_done{	
	padding:0;
	margin:0;
	background: none;
	}
.blocs_destination{
padding:0;
 }


.liens_haut	{
margin: 0 0 0 20px;
padding:1px 5px;
font-size:0.8em;

}


#description_site_spip{
	margin: 38px 0 0 0; 
	font-size: 1.3em;
	width: 300px;
}
.largbox227, .largbox306, .largbox464, .largbox622{
	float:left;
	display:inline;
	margin:0 0 2px 10px;
	padding:16px 0 0 0;
	z-index:1;
	}
.coldroit .largbox306{padding:10px 0 0 0; margin:0 0 16px 0;}	
	
	
.largbox227{
	width:227px;
	}
.largbox227 h3{
	width:197px;
	}
	
	
.largbox270{
	width:270px;
	float:left;
	display:inline;
	margin: 30px 20px 0;
	padding:0;
	z-index:1;
	position: relative;
	font-size: 14px;
	cursor: pointer;
text-align: center;
	font-weight:500;
	text-shadow:0 -1px 0 rgba(256,256,256,0.8);
		}
.largbox270 img, .buton, .submit {
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
     -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
     box-shadow: 0 2px 2px rgba(0,0,0,0.5);
       	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
     
.largbox270 img:hover	, .buton:hover, .submit:hover {
		-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3);
     -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3);
	-o-shadow: 0 1px 1px 0 rgba(0,0,0,0.3);
     box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3);
  
  	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
  }
	
.box .titreimagebox{display: none;}	
	

	.largbox270 .sticker {
		  left: 218px;
		  top: -21px ; 
    position: absolute;
    z-index: 2;}
	
.largbox306 h3{
	width:270px;
	}	
	.largbox306{
	width:306px;
	}
.largbox306 h3{
	width:288px;
	}
.largbox464{
	width:464px;
}
 .largbox464 h3{
	width:428px;
	}
.largbox622{
	width:622px;
	}
.largbox622 h3{
	width:586px;
	}	
	
.largbox227 h3, .largbox306 h3, .largbox464 h3, .largbox622 h3{	
	margin:0;
	padding:10px 5px 0 12px;
	position: absolute;
	z-index:1;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 1);
	background: rgba(255, 255, 255, 0.6);
}	
.box{	
position: relative;
	margin:0;
	padding:41px 0;	
	}	
.box li h4.gras{
padding: 0;
margin: 0 0 4px 0;
}	
	

.box ul{	
list-style-type: none; 
padding:0 0 5px; 
	}	
.box li{	
	padding:16px 5px;
	margin:0 9px;
	clear:both;
	}
.listedito .box li{
padding:12px 5px 5px 5px;}	
	
.box .imagebox{
	padding: 8px;
	margin: 0 5px;
 	}
.box .imagebox_video{
	padding: 5px 8px;
	margin: 0 5px;
	position:relative;
 	} 	
 
 
	.box .imagebox_video a::after {  
		content:'\25BA';
		position: absolute;
    top: 50%;
    left: 50%;
		color:rgba(256,256,256,0.8);
		font-size: 80px;
		margin: -19px 0 0 -28px;
		text-decoration: none;
	
				 }
		 

.box .sticker, #minipics .sticker{
	position: absolute;
	margin:28px -10px;
	top:0;
	right:0;
	z-index:20;
	}
			
#minipics .sticker {
	margin:-13px -14px;
	}		
 .grand_sticker {
	position: relative;
	float: right;
	margin:-40px -42px;
	z-index:20;
	}	
	
	

.box p{
	margin: 0 8px;
	padding: 4px;
		}	
.box .pagination{
	position: absolute;
	bottom: 5px;
	padding: 5px 15px;
	width: 200px;
	text-align:left;
	}		
.box .toutvoir	{
	position: absolute;
	bottom: 13px;
	right: 10px;
	}		
.box .toutvoir	a{
	padding: 4px 4px 10px 0;
	}	
	
.box .toutvoir::after{
	content: '';
    border-top: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid rgba(0, 0, 0, 0);
    border-left: 4px solid #c8c8c8;
    position: absolute;
    top: 8px;
    right:-5px;
    }
	
	
	
	
.buldroi .bulgau{
	height:48px;
	}

span .minilogogauche {
	float:left;
	padding:2px 10px 2px 0;
}

	
#navigation {
    width:280px;
    background:no-repeat;
    padding:5px 5px 5px 15px ;
}
#navigation a.head {
    cursor:pointer;
    background: url(../../squelettes/images/menu/closed.gif) no-repeat scroll 3px 4px;
    display:block;
    margin:0px;
    padding:0px;
	text-indent:14px;
    text-decoration: none;
}

#navigation a.selected {
    background: url(../../squelettes/images/menu/opened.gif) no-repeat scroll 3px 4px;
}

#navigation ul {
    margin:0;
    padding:0;
}
#navigation li {
  list-style-type:none;
}
#navigation li li a {
    display:block;
    text-indent:30px;
    text-decoration: none;
}

.blocs_titre, .blocs_replie, .blocs_vide, .fleche_titre{
  	margin:3px;
	padding:0 5px 0 18px;
	clear:left;
	 }

.blocs_title{
	display:none;
}

.avadroi{
float: right;
width:48px;
height:48px;
margin: 0 0 0 20px;
display:block;
}
.avagau{
float: left;
width:48px;
height:48px;
margin: 0 20px 0 0;
display:block;
}


.complimenter{
background-image: url(../../squelettes/images/fonds/complimenter.png) !important;
background-image: url(../../squelettes/images/fonds/complimenter.gif);
}

.empreindre{
background-image: url(../../squelettes/images/fonds/empreindre.png) !important;
background-image: url(../../squelettes/images/fonds/empreindre.gif);
}

.fermer{
background-image: url(../../squelettes/images/fonds/fermer.png) !important;
background-image: url(../../squelettes/images/fonds/fermer.gif);
}

.gronder{
background-image: url(../../squelettes/images/fonds/gronder.png) !important;
background-image: url(../../squelettes/images/fonds/gronder.gif);
}

.complimenter, .empreindre, .fermer, .gronder, .barre_inserer{
min-height: 225px;
background-position:bottom;
background-repeat:no-repeat; 
} 

.marge_haute{
margin:10px 0 2px 0;
}

#container .discussion p, #container .grande_boite p, #container .extrem_boite p{
text-align: justify;
padding: 5px 15px 25px 15px;
}
.centre, .grande_boite .centre p{
	
	text-align:center;
}
.mini_texte{
font-size:0.8em;
}

.marge_haute_gauche{
margin:10px 0 2px 25px;
}

.extrem_boite .pagination .lien_pagination, .grande_boite .pagination .lien_pagination, .box .pagination .lien_pagination, .box  .pagination .on , .box .toutvoir{   display: block;
  float: left;
  padding: 0px 3px;
  margin-right: 3px;
  border-radius: 3px;
 }

.extrem_boite .pagination .lien_pagination, .grande_boite .pagination .lien_pagination, .box .pagination .lien_pagination, .box .toutvoir {
display: block;
  float: left;
  text-decoration: none;
  padding: 1px 1px;
  margin-right: 4px;
  border-radius: 3px;
  box-shadow: inset 0px 1px 0px rgba(255,255,255, .7);
  text-shadow: 1px 1px 0px rgba(255,255,255, 0.7);
}




.extrem_boite .pagination .lien_pagination, .grande_boite .pagination .lien_pagination, .boite .pagination .lien_pagination, .box .pagination .lien_pagination, .boite .pagination .on, .box .pagination .on{
font-size:0.9em; 
}

.extrem_boite .pagination .on, .grande_boite .pagination .on, .box .pagination .on{
	 padding: 4px 6px;
	 margin: -3px 3px 0 0;
background:#fff; 
border:solid 1px #ccc;
font-weight:500;
}

.extrem_boite .pagination .on::before, .grande_boite .pagination .on::before, .box .pagination .on::before{
	content: '';
border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid #c8c8c8;
    position: absolute;
    top: -2px;
    
}


.pagination{
clear: both;
}
.fleches_pagination{
position: relative;
top:63px;
height:0;
	
}		 
.fleches_pagination .lien_pagination{padding:10px 50px 150px 0px;border:0;	}

		 
.fleches_pagination span{
position:absolute;
width:50px;
height:158px; 
font-size:0; 
border:0;
}
		 
.fleches_pagination .sep	{
	display:none;}
	
.fleches_pagination .on{
	border:0;
	}

	
		 
.fleches_pagination .prev{left:-25px;
background: url(../../squelettes/images/fonds/fleche_gauche_droite.png) left top; no-repeat;
transition: left 0.3s ease;
	}
.fleches_pagination .next{right:-25px;
background: url(../../squelettes/images/fonds/fleche_gauche_droite.png) right top; no-repeat;
transition: right 0.3s ease;
}
.fleches_pagination .prev:hover 	{left:-30px;
transition: left 0.3s ease;
 }
.fleches_pagination .next:hover 	{right:-30px;
transition: right 0.3s ease;
} 	

.fleches_pagination .disabled.prev{
background: url(../../squelettes/images/fonds/fleche_gauche_droite.png) left bottom; no-repeat;
	}
.fleches_pagination .disabled.next{
background: url(../../squelettes/images/fonds/fleche_gauche_droite.png) right bottom; no-repeat;width:25px;
}


.fleches_pagination .disabled.prev:hover 	{left:-25px;
}
  	
.fleches_pagination .disabled.next:hover 	{right:-25px;
} 	



.ajaxbloc{
display:inline;
margin: 0;
padding: 0;
}




.contact{
width:auto !important;
width:445px;
}
.contact p{
margin:1px;
padding:0 5px;
}
.titre{
	padding: 2px 10px 2px 28px;
	position:relative;
	}
.inscriforum, .newdiscut, .voirmessage, .donnereponse {
	height:34px;
	width:145px;
	margin:0 62px 10px 5px ;
	display:block;
	position:relative;
	padding: 35px 5px 0 70px;	
	font-weight:500;
	}

.donnereponse{
	margin:0 auto 20px ;
	padding: 35px 0 0 85px;
	font-size: 1.4em;
}
.boutontexte{
	margin:-10px 20px 20px 20px;
}
.bouton_ul {
	list-style-type:none;
}
.bouton_ul li {
	float:left;
	display:inline;
}
.bouton_ecrire,.bouton_letter,.bouton_rss,.bouton_ical {
	height:34px;
	width:145px;
	margin:0 30px 10px 45px;
	display:block;
	position:relative;
	padding: 35px 5px 0 70px;	
	font-weight:500;
}

.a-btn{
    padding:0px 80px 0px 10px;
    height:38px;
    display:inline-block;
    position:relative;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    margin:10px;
    overflow:hidden;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.a-btn-text{
    padding-top:8px;
    display:block;
    font-size:20px;
    white-space:nowrap;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.a-btn-slide-text{
    position:absolute;
    top:35px;
    left:0px;
    width:auto;
    right:52px;
    height:0px;   
    font-size:13px;
    white-space:nowrap;
    text-indent:15px;
    overflow:hidden;
    line-height:30px;
     -webkit-transition:height 0.3s linear;
    -moz-transition:height 0.3s linear;
    -o-transition:height 0.3s linear;
    transition:height 0.3s linear;
}
.a-btn-icon-right{
    position:absolute;
    right:0px;
    top:0px;
    height:100%;
    width:52px;

}
.a-btn-icon-right span{
    width:38px;
    height:38px;
    opacity:0.7;
    position:absolute;
    left:50%;
    top:50%;
    margin:-20px 0px 0px -20px;
    background:transparent url(../../squelettes/images/arrow_right.png) no-repeat 50% 55%;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
a:link.a-btn:hover{
    height:65px;
    text-decoration:none;
  }

.a-btn:hover .a-btn-slide-text{
    height:30px;
}
.a-btn:hover .a-btn-icon-right span{
    opacity:1;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
.a-btn:active{
    position:relative;
    top:1px; 
}



.carre_date {
    float: left;
    height: 65px;
    left: -13px;
    margin: 0 -16px;
    position: relative;
    text-align: center;
    top: 3px;
    width: 67px;
}
.carre_date img{
position:relative;
margin:0 16px 0 4px;
}


#container .grande_boite .grande_bulle_pointe_haute, #container .grande_boite .parle_bulle{
height: 210px;
margin: -8px 10px;
height: 210px;
line-height:210px;
	}

#container .grande_boite .parle_bulle{
	float: left;	
	width: 200px;
	padding: 0 0 0 30px;
	text-align: center;
}
.parle_bulle img{
	  vertical-align:middle;}
	  
#container .grande_boite .grande_bulle_pointe_haute{
	float: right;
	width: 205px;
padding: 10px 45px 10px 90px; 

}
#container .grande_boite .grande_bulle_pointe_haute span{
  	width: 190px;
	vertical-align:middle; display:inline-block;
  line-height:1.2; /* on rétablit le line-height */
font-size: 1.2em;
text-align: center;
}

.forcetailleqr{
width:246px;
height:246px;
}
.fond_blanc{ 
background: #FFFFFF;
}
.modifier, .ajouter{
background: rgba(255, 255, 255, 0.4);
position:relative;
padding:0 4px;
font-size:0.7em;
bottom:25px;
left:10px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px; 
}


.modifier:hover, .ajouter:hover{
background: rgba(255, 255, 255, 0.8);
}




.titreimagebox{
top:62px;
left:0;
background: rgba(255, 255, 255, 0.75);
position:absolute;
padding:3px 5px;
font-size:1.5em;
line-height: 1em;
vertical-align::middle;
width: 100%
}

.titreimagebox::after{
    content: "\276f";
    font-size: 0.5em;
    padding: 0 3px 0 10px;
}




/* Coins ronds */



 /* Coinds ronds haut et bas*/
 .pix_diapo, #minipics li, .boite_accueil, .grande_boite, .boite, .avatar, .reponse, .discussion, .carte_auteur, .carte_auteur_200, .interne, .saisie_document_gis li, .logorond, .extrem_boite, .boite-prix 
    {-o-border-radius: 2px;
    	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;}
    
.buton, .submit    {
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;}    
    
     /* Coinds ronds grands haut et bas*/
div.interforum, .interforumgrand, .largbox270 img
    {-o-border-radius: 8px;
    	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;}
    
    
     /* Coinds ronds haut desactive*/
#header ,#deco h4, #decobas h4, .ongoui, .ongnon, .accueilong, .autong
    {-o-border-radius: 0;
    	-moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    }
    
     /* Coinds ronds bas */
#surcontent, #cel p, #celbas p
    {-moz-border-radius:  0 0 2px 2px;
    -webkit-border-radius:  0 0 2px 2px;
    border-radius:  0 0 2px 2px;}
    
    
     .menu .crayon-icones{
    position: absolute;
    top:26px;
    left:-21px;
    
    }
    .menu .crayon{
    position: relative;
    }
        #cookieChoiceInfo {bottom:0px;top:auto !important;}
    
    .tags{
	margin:0 14px;
	padding:0;
	float:right;
	list-style:none;
	}	
.tags li, .tags a{
	float:left;
	height:24px;
	line-height:24px;
	position:relative;
	font-size:1em;
	margin:2px 0;
	}	
.tags a{
	margin-left:20px;
	padding:0 10px 0 12px;
	background:#aaa;
	color:#fff;
	text-decoration:none;
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;	
	border-bottom-right-radius:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;	
	border-top-right-radius:3px;	
	}	
.tags a:before{
	content:"";
	float:left;
	position:absolute;
	top:0;
	left:-12px;
	width:0;
	height:0;
	border-color:transparent #aaa transparent transparent;
	border-style:solid;
	border-width:12px 12px 12px 0;		
	}	
.tags a:after{
	content:"";
	position:absolute;
	top:10px;
	left:0;
	float:left;
	width:4px;
	height:4px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background:#fff;
	-moz-box-shadow:-1px -1px 2px #333;
	-webkit-box-shadow:-1px -1px 2px #333;
	box-shadow:-1px -1px 2px #333;
	}		

.tags a:hover{background:#555;color:#fff;}	
.tags a:hover:before{border-color:transparent #555 transparent transparent;}		
    
    
/* Ordinateur */

#container, #surcontent, #content, #header, #header-commerce{
width:960px;}
.pix_diapo, .footer, .discussion, .extrem_boite  {width:940px;}
.pix_diapo{height:478px;}
.boite_event .interne{width:910px;}







/* Tablettes */

@media only screen and (min-width: 640px) and (max-width: 959px){ 
		#container, #surcontent, #content, #header, #header-commerce{
	width:640px;}
.pix_diapo, .footer, .discussion, .extrem_boite {width:620px;}
.pix_diapo{height:315px;}
span#nom_site_spip{margin: 0 0 0 20px}
#nom_site_spip img{margin: -10px 0; height:120px;width:auto;}
.logo-survol, #pix_pag {display: none;}
.coldroit, #colgau, .colgau {width:632px;}
.boite{position: relative; display: inline; float: left;}
.livre{width:620px; height:  background:#fff;}
.interforumgrand{width:436px;}
.boite_event .interne{width:590px;}
.formulaire_recherche{
	top:154px;
	right:80px;}
.colonne532px{width:216px}
.facelink, .twitterlink, .technoratilink, .tumblrlink, .plusonelink, .myspacelink,  .linkedinlink, .stumbleuponlink, .digglink, .bebolink, .rsslink, .qrcodelink, .icallink, .pinterestlink {
height:33px;
width:33px;
margin:10px;}
.facelink:hover , .twitterlink:hover, .technoratilink:hover, .tumblrlink:hover, .plusonelink:hover, .myspacelink:hover,  .linkedinlink:hover, .stumbleuponlink:hover, .digglink:hover, .bebolink:hover, .rsslink:hover, .qrcodelink:hover, .icallink:hover, .pinterestlink:hover{
height:33px;
width:33px;
margin:10px;
}
.boutons_reseaux{width:626px;height:80px;}
.boutons_reseaux_cache{display:none;}
.footer{line-height:30px;}
#container .footp {height:45px;width: 100%;text-align:center;}


.largbox464, .largbox622{
	width:305px;
}
 .largbox464 h3, .largbox622 h3{
	width:285px;
	}
		.imagebox img{width:100%}
}








/* Grand-téléphones */
@media only screen and (min-width: 480px) and (max-width: 639px) { 
body{font-size: 0.9em}		
		#container, #surcontent, #content, #header, #header-commerce{
	width:480px;}
.pix_diapo, .footer ,.grande_boite, .boite, .discussion, .extrem_boite  {width:460px;}
.pix_diapo{height:234px;}
#pix_pag {display: none;}
span#nom_site_spip{text-align: center; width:240px;}
#nom_site_spip img { margin: 15px 0px; }
.grande_boite textarea, .grande_boite .text, .grande_boite #texte, .grande_boite .password, .grande_boite #message, .grande_boite #description_site, .grande_boite #bio, .grande_boite #pgp, .grande_boite #texte_contact{
		width: 96%; margin:0 0 10px 0;}
#colgau, .colgau {width:480px;}
.coldroit {width:470px;}
.grande_boite .interne, .carte_auteur, .boite_event .interne {width: 430px;}

.grande_boite .spip_documents img{max-width:430px;max-height:auto;}
.interforumgrand{width:276px;}
.logo-survol, .siconnecte, .pasconnecte {display:none}
 #connexi {display: none;} 
.formulaire_recherche{right:24px;}
.colonne532px{width:216px}
.table-spip{width: 100%;overflow-y: auto;	_overflow: auto;}
.facelink, .twitterlink, .technoratilink, .tumblrlink, .plusonelink, .myspacelink,  .linkedinlink, .stumbleuponlink, .digglink, .bebolink, .rsslink, .qrcodelink, .icallink, .pinterestlink {
height:46px;
width:46px;
margin:10px;}
.facelink:hover , .twitterlink:hover, .technoratilink:hover, .tumblrlink:hover, .plusonelink:hover, .myspacelink:hover,  .linkedinlink:hover, .stumbleuponlink:hover, .digglink:hover, .bebolink:hover, .rsslink:hover, .qrcodelink:hover, .icallink:hover, .pinterestlink:hover{
height:46px;
width:46px;
margin:10px;
}
.boutons_reseaux{width:484px;height:143px;}
.boutons_reseaux_cache{display:none;}
.footer{line-height:30px;}
#container .footp {height:45px;width: 100%;text-align:center;}
.largbox464,.largbox622{
	width:460px;
}
 .largbox464 h3, .largbox622 h3{
	width:440px;
	}
.largbox306{
	width:224px;
}
 .largbox306 h3{
	width:204px;
	}
	.imagebox img{width:100%}
	}
	
	
	
	
	
	
/* Mini-phones */
@media only screen and (min-width: 0) and (max-width: 479px) { 
body{font-size: 1em}	
		#container, #surcontent, #content, #header, #header-commerce{
	width:320px;}
.pix_diapo, .footer ,.grande_boite, .boite, .discussion, .extrem_boite  {width:300px;}
.pix_diapo{height:152px;}
#pix_pag {display: none;}
#header {text-align: center;}
span#nom_site_spip{text-align: center; width:320px; margin:0;}
#nom_site_spip img{margin: -10px 0; float:none; position:inherit;width:auto;height:120px;}
.grande_boite textarea, .grande_boite .text, .grande_boite #texte, .grande_boite .password, .grande_boite #message, .grande_boite #description_site, .grande_boite #bio, .grande_boite #pgp, .grande_boite #texte_contact{
		width: 96%; margin:0 0 10px 0;}
 #colgau, .colgau {width:320px;}
 .coldroit {width:310px;}
.grande_boite .interne, .carte_auteur, .boite_event .interne {width: 270px;}
.grande_boite .spip_documents img{width:270px !important;} 
.logo-survol, .siconnecte, .pasconnecte  {display:none}
 #connexi {display: none;} 
.interforumgrand{width:276px;}
.formulaire_recherche{
	top:157px;
	right:60px;}
	.colonne532px{width:252px}
.table-spip{width: 100%;overflow-y: auto;	_overflow: auto;}
.facelink, .twitterlink, .technoratilink, .tumblrlink, .plusonelink, .myspacelink,  .linkedinlink, .stumbleuponlink, .digglink, .bebolink, .rsslink, .qrcodelink, .icallink, .pinterestlink {
height:46px;
width:46px;
margin:10px;}
.facelink:hover , .twitterlink:hover, .technoratilink:hover, .tumblrlink:hover, .plusonelink:hover, .myspacelink:hover,  .linkedinlink:hover, .stumbleuponlink:hover, .digglink:hover, .bebolink:hover, .rsslink:hover, .qrcodelink:hover, .icallink:hover, .pinterestlink:hover{
height:46px;
width:46px;
margin:10px;
}
.boutons_reseaux{width:305px;height:210px;}
.boutons_reseaux_cache{display:none;}
.footer{line-height:30px;}
#container .footp {height:45px;width: 100%;text-align:center; }

.largbox464,.largbox306,.largbox622, .largbox227{
	width:300px;
}
 .largbox464 h3, .largbox306 h3, .largbox622 h3, .largbox227 h3{
	width:280px;
	}
		.imagebox img{width:100%}

}

.titre_discussion{
	margin-top:3%;
}
.div_message_forum{
	margin-top:3%;
}
#infos_ajouter_document{
	margin-top:3%;
	margin-bottom:3%;
}