.spip-admin-float { display:none; }

/*legendes */
.image-annotate-add { url(images/new.png) no-repeat 3px 3px; border:solid 1px #ccc!important; 
	color:#000!important; display:block; font-family:Verdana, Sans-Serif; font-size:12px; 
	height:18px; line-height:18px; padding:2px 0 2px 24px; margin:5px 5px 5px 0; width:110px; text-decoration:none; }

img.photo{
position: absolute; bottom: 0;left:0;
/*border:0px solid #fff; */
-moz-box-shadow: 6px 6px 13px #333;  
-webkit-box-shadow: 6px 6px 13px #333;  
box-shadow: 6px 6px 13px #333;
progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=135);
  }
div.photo{-moz-box-shadow: 6px 6px 13px #333;  
-webkit-box-shadow: 6px 6px 13px #333;  
box-shadow: 6px 6px 13px #333;
progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=135);
  }

img.vignette{
position: absolute; bottom: 0;left:0;
-webkit-box-shadow: #444 4px 4px 5px; -moz-box-shadow: #444 4px 4px 5px; box-shadow: #444  4px 4px 5px; progid:DXImageTransform.Microsoft.Shadow(color=#444444,direction=135)
}

.tab-row{
color:#ccc;
background:none;
}

.relative{
position:relative;
}

.introduction{
font-weight:normal;
}

#loading{
	margin-top:50px;
	text-align:center;
	width:100%;
}
#loading img{
	margin-top:10px;
	position:relative;
}
div.contact {
width:688px;
margin:auto;
margin-bottom:10px;
}

div.contact-s {
/* troll  */ 
width:688px;
margin:auto;
font-size:75%;
margin-top:15px;
margin-bottom:15px;
}
div.contact_small {
/* troll  */ 
width:588px;
margin:auto;
}
#bloc {
height: 109px;
}

html>body #bloc {
height: auto;
min-height: 109px;
} 

.tab-page-s .boutons {
font-size:110%;
} 

.gravatar { background: transparent url(images/invisible.png); }

div.expo-locales{ width:330px;float:left; margin-left:10px; margin-bottom:20px; margin-top:10px}

#texte {width:400px;background:#BEC0AB}

a.lien_pagination1{
	border:1px solid #333;
	background:#C4C4C4;
	margin:10px 0;
	padding:2px
}

/* troll   p  {	margin:0;	padding: 0px}  */


.valider{
font-size:0.74em;
}

span.yellow{
background-color: #ffff66; padding:3px;
}

span.erreur{color:red;}

body { font-family: Verdana,Tahoma,Arial,sans-serif,Comic Sans MS;
background:#BEC0AB;
font-size:1em;
margin:0pt;
}

body a:link {font-family: Verdana,Tahoma,Arial,sans-serif,Comic Sans MS;color: #555}
body a:visited {font-family: Verdana,Tahoma,Arial,sans-serif,Comic Sans MS;color: #555}
body a:hover{font-family: Verdana,Tahoma,Arial,sans-serif,Comic Sans MS;color: #fff}


.page_dio {
width: 98%;
max-width:1300px;
margin:0;
margin:auto;
background-image: url(images/fonds/background_dio.jpg);background-repeat: repeat-y ;
}

div.page_dio {
width: 98%;
max-width:1300px;
margin:0;
margin:auto;
background-image: url(images/fonds/background_dio.jpg);background-repeat: repeat-y ;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}


.page_dio_iphone {width: 100%; margin:0; margin-left:auto; margin-right:auto;background-image: url(images/fonds/background_dio.jpg); background-repeat: repeat-y ;margin-top: 0}

.page_dio td {padding:0}

.nowrap { white-space: nowrap}
img, table { margin: 0; padding: 0; border: none}


IMG.displayed { 
display:block;
 margin:auto;
 border:0
}

IMG.middle {vertical-align:middle;border:0}

p.centre, div.centre, table.centre{margin:auto}
p.gauche, div.gauche, table.gauche{margin-left:20px; text-align:left}
p.droite, div.droite, table.droite{margin-right:20px; text-align:right}

div.center, td.center{text-align:center}
div.left, td.left{text-align:left}
div.right, td.right{text-align:right}
div.middle, td.middle{vertical-align:middle}
div.top, td.top{vertical-align:top}
div.bottom, td.bottom{vertical-align:bottom}
div.texte-adresse, td.texte-adresse {font-size:12px}


.bords { 
/*width: 98%;*/
width: 98%;
 position: relative; margin:0; margin-left:auto; margin-right:auto;background-image: url(images/fonds/background_bords.jpg); background-repeat: no-repeat}

.bords .top_left, .bords .top_right, .bords .bottom_left, .bords .bottom_right { height: 5px; width: 5px; background-repeat: no-repeat; position: absolute}
.bords .top_left { top: 0px; left: 0px; background-image: url("images/border_top_left.jpg"); z-index: 0}
.bords .top_right { top: 0px; right: 0px; background-image: url("images/border_top_right.jpg"); z-index: 1}
.bords .bottom_left { bottom: 0px; left: 0px; background-image: url("images/border_bottom_left.jpg"); z-index: 2}
.bords .bottom_right { bottom: 0px; right: 0px; background-image: url("images/border_bottom_right.jpg"); z-index: 3}
.bords .content { position: relative; padding: 12px; z-index: 4}

.bords_bas { 
width: 98%;position: relative; margin:0; margin-left:auto; margin-right:auto;background-image: url(images/fonds/background_bords.jpg); background-repeat: no-repeat}

.bords_bas .top_left, .bords_bas .top_right, .bords_bas .bottom_left, .bords_bas .bottom_right { height: 5px; width: 5px; background-repeat: no-repeat; position: absolute}
.bords_bas .top_left { top: 0px; left: 0px; background-image: url("images/border_top_left.jpg"); z-index: 0}
.bords_bas .top_right { top: 0px; right: 0px; background-image: url("images/border_top_right.jpg"); z-index: 1}
.bords_bas .bottom_left { bottom: 0px; left: 0px; background-image: url("images/border_bottom_left.jpg"); z-index: 2}
.bords_bas .bottom_right { bottom: 0px; right: 0px; background-image: url("images/border_bottom_right.jpg"); z-index: 3}
.bords_bas .content { position: relative; padding: 12px; z-index: 4}


.page_pop {width:99%; margin:auto;background-image: url(images/fonds/background_pop.jpg); margin:   0; padding:0}


.spip_cadre {}


h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: bold; font-family: Verdana, Tahoma,Georgia, Times, serif;border:0}


div.bloc-vignettes { float:left; z-index:60; width:120px;height:150px; text-align:center}
table.vignette {width:125px;height:130px}


/* block 100 */
div.bloc-vignette-100 { position:relative;float:left; text-align:center}
div.conteneur-vignette-100 { position: relative;height:100px; width:100px; text-align:center; margin:auto}
div.vignette-100 {position: absolute;bottom:0;left:0px; padding:0}
div.reflet-100 {position: absolute;z-index:1; left:1px;top:100px; padding:0}
.info-100{padding:0;position: absolute;left:10px;font-size: 11px; font-family:Verdana, Tahoma, Arial; color: #000000;visibility: hidden;z-index:2}
.info-100-vis{padding:0;position: absolute;left:10px;font-size: 11px; font-family:Verdana, Tahoma, Arial; text-align:center; color: #000000;visibility: visible;z-index:2}



/* block 90 */
div.bloc-vignette-90 { position:relative; width:100px;height:90px; text-align:center;  padding:0; margin:0}
div.conteneur-vignette-90 { position: relative;height:90px; text-align:center; padding:0; margin:0; margin-left:auto; margin-right:auto}
div.vignette-90 { position: absolute;bottom:0;left:0px; padding:0}
div.reflet-90 { position: absolute;z-index:10; left:1px;top:90px; padding:0}
.info-90{ padding:0;position: relative;z-index:100; width:100%;font-size: 10px; font-family:Verdana, Tahoma, Arial; text-align:center;background-color: #C5C5C5; color: #333333;visibility: hidden; padding-top:7px}


/* block 80 */
div.bloc-vignette-80 {float:left; text-align:center; padding:0; margin:0}
div.conteneur-vignette-80 { position: relative;height:80px; text-align:center; padding:0}
div.vignette-80 { position: absolute;bottom:0;left:0px; padding:0}
div.reflet-80 { position: absolute; left:1px;top:80px;z-index:10; padding:0}
.info-80{ padding:0;position: relative;z-index:100; width:100%;font-size: 10px; font-family:Verdana, Tahoma, Arial; text-align:center; color: #333333;visibility: hidden; padding-top:5px;background-color: #C5C5C5}
.info-80-par{ padding:0;position: relative;z-index:100; width:100%;font-size: 10px; font-family:Verdana, Tahoma, Arial; text-align:center;visibility: hidden; padding-top:7px}

.info-80-vis{ padding:0;position: absolute;z-index:100; width:100%;font-size: 10px; font-family:Verdana, Tahoma, Arial; text-align:center; color: #333333;visibility: visible; padding-top:7px}
.info-80-hid{ padding:0;position: absolute;z-index:100; width:100%;font-size: 10px; font-family:Verdana, Tahoma, Arial; text-align:center; color: #333333;visibility: hidden; padding-top:7px}

/* block 80-contact */
div.bloc-vignette-80-contact { position:relative;float:left; width:96px;height:120px; text-align:center; padding:0; margin:0}
/* block 80-contact */
div.bloc-vignette-80-contact { position:relative;float:left; width:96px;height:120px; text-align:center; padding:0; margin:0}
div.conteneur-vignette-80-contact { position: relative;height:80px; text-align:center; padding:0; margin:0; margin-left:auto; margin-right:auto}
div.vignette-80-contact { position: absolute;bottom:0;left:0px; padding:0}
div.reflet-80-contact { position: absolute; left:1px;top:80px;z-index:10; padding:0}
.info-80-contact{ padding:0;position: relative;z-index:100; width:100%;font-size: 10px; font-family:Verdana, Tahoma, Arial; text-align:center; color: #333333; padding-top:7px}
.info-80-par-contact{ padding:0;position: relative;z-index:100; width:100%;font-size: 10px; font-family:Verdana, Tahoma, Arial; text-align:center;border:0px solid:color: #333333; padding-top:7px}


/* block 80--bandeau */
/* div.bloc-vignette-80-bandeau { position:relative;float:left;height:120px; text-align:center; padding:0; margin:0} */
div.bloc-vignette-80-bandeau { height:110px; text-align:center; padding:0; margin:0}
div.conteneur-vignette-80-bandeau { position: relative;height:80px; text-align:center; padding:0; margin:auto}
div.vignette-80-bandeau { position: absolute;bottom:0;left:0px; padding:0}
div.reflet-80-bandeau { position: absolute; left:0px;top:80px; padding:0}
.info-80-bandeau{ padding:0;position: relative; width:100%;font-size: 10px; font-family:Verdana, Tahoma, Arial; text-align:center; color: #333333; padding-top:7px}
.info-80-par-bandeau{ padding:0;position: relative; width:100%;font-size: 10px; font-family:Verdana, Tahoma, Arial; text-align:center; padding-top:7px}
.info-80-bandeau-vis{ visibility: visible;position: absolute; left:0px;top:80px; padding-top:3px}
.info-80-bandeau-hid{ visibility: hidden;position: absolute; left:0px;top:80px; padding-top:3px}

/* block 80-somm */
div.bloc-vignette-80-somm {float:left;height:100px; text-align:center}
div.conteneur-vignette-80-somm { position: relative;height:80px; text-align:center; padding:0; margin:0; margin-left:auto; margin-right:auto}
div.vignette-80-somm { position: absolute;bottom:0;left:0px; padding:0}
div.reflet-80-somm { position: absolute; left:0;top:80px;z-index:10; padding:0}
.info-80-somm{ padding:0;position: relative;z-index:100; width:100%;font-size: 10px; font-family:Verdana, Tahoma, Arial; text-align:center; color: #333333;visibility: hidden; padding-bottom:4px;background:#c5c5c5}
.info-80-par-somm{ padding:0;position: relative;z-index:100; width:100%;font-size: 10px; font-family:Verdana, Tahoma, Arial; text-align:center;border:0px solid:color: #333333;visibility: hidden; padding-bottom:4px;background:#c5c5c5}


.imagesmall { display: table-cell;  border: inset 1px #C0C0C0}
.imagesmall a : hover { display: table-cell; border: outset 1px #C0C0C0}
.imageon { background-color: #ffffff;BORDER-TOP: #888888 1px solid;BORDER-BOTTOM: #999999 1px solid;BORDER-LEFT: #888888 1px solid;BORDER-RIGHT: #999999 1px solid}

.small { font-size:0.74em;}
.big { font-size:1.2em}


.soustitre {font-family: Verdana, Arial, Tahoma, Helvetica;font-size: 11px}


/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: 0; }
/* border:1px solid */
.spip_documents { text-align: center; line-height: normal; color: #666; }
.spip_documents p { margin: 0.10em; padding: 0; }
.spip_documents_center { display: block; clear: both; width: 100%; margin: 1em auto; }
.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-weight: bold; font-size: 0.80em; margin-left: auto; margin-right: auto}
.spip_doc_descriptif { clear: both; font-size: 0.80em; margin-left: auto; margin-right: auto; }


div.spip_note {font-family: Verdana, Arial, Tahoma, Helvetica; text-align: justify;font-size: 11px; padding-right:15px; padding-left:10px}
div.spip_note a,a:link{text-decoration: none; font-family: Verdana, Arial}
div.spip_note a:visited{text-decoration: none; font-family: Verdana, Arial}
div.spip_note a:hover{text-decoration: underline; font-family: Verdana, Arial; color: #000000}


span.wiki {font-family: Verdana, Arial, Tahoma, Helvetica; color: #333; font-size: 0.90em; font-weight: bold;}
span..wiki a:link{font-family: Verdana, Arial, Tahoma, Helvetica; }
span..wiki a:visited{font-family: Verdana, Arial, Tahoma, Helvetica;  color: #000000}
span..wiki a:hover{font-family: Verdana, Arial, Tahoma, Helvetica; color: #333}

.titre {font-family: Verdana, Arial, Tahoma, Helvetica; color: #222;font-weight: bold;}
.titre a:link{color: #222}
.titre a:visited{ color: #222 }
.titre a:hover{ color: #ffffff}

.titre-s {font-family: Verdana, Arial, Tahoma, Helvetica; color: #222; font-size: 0.90em; font-weight: bold}
.titre-s a:link{color: #222}
.titre-s a:visited{color: #222}
.titre-s a:hover{color: #ffffff}

.titre-2s {font-family: Verdana, Arial, Tahoma, Helvetica; color: #111111; font-size: 0.80em;  font-weight: bold; }
.titre-2s a:link{color: #222}
.titre-2s a:visited{color: #222}
.titre-2s a:hover{color: #ffffff}

.titre-3s {font-family: Verdana, Arial, Tahoma, Helvetica; color: #111111; font-size: 0.68em; font-weight: bold}
.titre-3s a:link{color: #000000}
.titre-3s a:visited{color: #000000}
.titre-3s a:hover{color: #ffffff}

.titre-b {font-family: Verdana, Arial, Tahoma, Helvetica; color: #111111; font-size:115%;  font-weight:bold; text-align:left }
.titre-b a:link{color: #000000}
.titre-b a:visited{color: #000000}
.titre-b a:hover{color: #ffffff}

.titre-2b  {font-family: Verdana, Arial, Tahoma, Helvetica; color: #111111;  font-size: 120%; font-weight: bold}
.titre-2b a:link{color: #000000}
.titre-2b a:visited{color: #000000}
.titre-2b a:hover{color: #ffffff}


.titre-site { font-size: 1.1em;color: #c0c0c0; font-family: Verdana, Arial, Tahoma, Helvetica; padding-left:3px}
.titre-site a:link{ color: #c0c0c0;}
.titre-site a:visited{color: #c0c0c0;}
.titre-site a:hover{color: #ffffff;}


div.titre-site-s  {font-weight: bold;color: #c0c0c0; font-family: Verdana, Arial, Tahoma, Helvetica; padding-left:3px}
div.titre-site-s a:link{ font-family: Verdana, Arial, Tahoma, Helvetica; color: #c0c0c0;}
div.titre-site-s a:visited{color: #c0c0c0;}
div.titre-site-s a:hover{color: #ffffff;}

p.spip {line-height: 140%; font-family: Verdana, Arial, Tahoma, Helvetica}
p.dionysos {line-height: 120%; margin-top:5px; margin-bottom:5px; font-family: Verdana, Arial, Tahoma, Helvetica}

div.textephoto {font-size: 82%; padding-left:1.2em; padding-right:1em; text-align: justify; font-family: Verdana, Arial, Tahoma, Helvetica; color: #222222;}
div.textephoto a:link{border-bottom:1px dotted gray; color: #000000}
div.textephoto a:visited{color: #000000}
div.textephoto a:hover{color: #ffffff}




div.first-letter:first-letter {
  font-size: 300%;
  float: left;
}


.texte-autre {font-size: 0.76em; font-family: Verdana, Arial, Tahoma, Helvetica; text-align: justify; color: #222222;}
.texte-autre a:link{color: #000000}
.texte-autre a:visited{color: #000000}
.texte-autre a:hover{color: #ffffff}


.texte-s {font-size: 0.73em;  font-weight:normal;font-family: Verdana, Arial, Tahoma, Helvetica;color: #222222;}
.texte-s a:link{color: #000000}
.texte-s a:visited{color: #000000}
.texte-s a:hover{color: #ffffff}

.texte-2s  {font-size: 0.71em; font-weight:normal; font-family: Verdana, Arial, Tahoma, Helvetica; color: #222222;}
.texte-2s a:link{color: #000000}
.texte-2s a:visited{color: #000000}
.texte-2s a:hover{color: #ffffff}

.texte-3s  {font-size: 0.64em; font-weight:normal; font-family: Verdana, Arial, Tahoma, Helvetica}
.texte-3s a:link{color: #000000}
.texte-3s a:visited{color: #000000}
.texte-3s a:hover{color: #ffffff}

.texte-bloc {font-size: 0.71em; font-family: Verdana, Arial, Tahoma, Helvetica; color: #000000; padding-top:5px;}
.texte-bloc a:link{color: #000000}
.texte-bloc a:visited{color: #000000}
.texte-bloc a:hover{color: #ffffff}

.texte-bloc-tag {line-height:1.2em;font-size: 0.71em; font-family: Verdana, Arial, Tahoma, Helvetica; color: #000000;}
.texte-bloc-tag a:link{color: #000000}
.texte-bloc-tag a:visited{color: #000000}
.texte-bloc-tag a:hover{color: #ffffff}



.ps, .notes {font-size: 0.78em; margin-top: 1.4em; padding-top: 2px;border-top: 2px solid #CCC}

.notes { clear: both}

a.spip_note {} /* liens vers notes de bas de page */
a.spip_in { border-bottom:#888888 dashed 1px; } /* liens internes */
a.spip_url { color: #009} /* liens url sortants */
a.spip_glossaire { color: #060} /* liens vers encyclopedie */

 /**/
a.spip_out {background: url('images/spip_out.gif') bottom right no-repeat; background-position:100% 0; padding-right:13px;}


.ps h2, .notes h2 { font-size: 11px; font-weight: bold}


/*display: table-cell; */
a.diapo-rubrique {color: #000000; text-decoration: none; font-family:verdana; font-weight: normal; padding: 0px;display: table-cell; border: inset 1px #B0B0B0}
a.diapo-rubrique:hover { color: #000000; display: table-cell;border: outset 1px #B0B0B0}


.option{ background-color: #c5c5c5; color: #000000;font-size: 0.95em;}

#texte_contact { background: #BEC0AB; color: #000}

input, select, textarea {background: #BEC0AB; font-size: 100%; font-family: inherit; }

input.password { background: #BEC0AB; color: #000}
input.text { background: #BEC0AB; color: #000}

.textarea { background: #BEC0AB; color: #000}
#text_area { background: #BEC0AB; color: #000}
#descriptif { background: #BEC0AB; color: #000}

.selected {font-weight: bold}


.select_tri {background-color: #c5c5c5; font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #000000;border:0}



span.pagination {color: #000000; font-family: Verdana, Arial; text-decoration:none; font-size: 10px}
span.pagination a:link {color: #000000;font-size: 10px}
span.pagination a:hover{color: #ffffff;font-size: 10px}
span.pagination a:visited{color: #000000;font-size: 10px}


.pagination {font-size: 10px}

div.paginationsommaire {color: #333333; font-family: Verdana, Arial; text-decoration:none; text-decoration:none; font-size: 10px; text-align:center;border-top: 1px solid #666666; width:80%; margin-left:auto; margin-right:auto; margin-bottom:5px; margin-top:15px; padding-top:5px}
div.paginationsommaire a:link{font-size: 10px}

p.pagination {color: #000000; font-family: Verdana, Arial; text-decoration:none; text-decoration:none; font-size: 10px}
p.pagination a:link {color: #000000; font-size: 10px}
p.pagination a:hover{color: #ffffff; font-size: 10px}
p.pagination a:visited{color: #000000; font-size: 10px}

div.pagination_onglet {color: #000000; font-family: Verdana, Arial; text-decoration:none; text-decoration:none; font-size: 10px; text-align:center}
div.pagination_onglet a:link {color: #000000;font-size: 10px}
div.pagination_onglet a:hover{color: #ffffff;font-size: 10px}
div.pagination_onglet a:visited{color: #000000;font-size: 10px}



.header00 { background-color: #555555; text-align:center;color: #fff; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration:none; width:100%}


.vote {width : 60px;background-color: #333333;color: #C0C0C0; font-family: Verdana, Arial, Helvetica;font-size: 11px }

.spip_surligne { background-color: #ffd782; color: #000000}

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

.invisible { position: absolute; top: -3000em; height: 1%}

a  {text-decoration:none; font-family:Verdana, Arial}

/*/////////////////////  forums ////////////////// */
	.tdfonce {background-color: #999999;color: #222222;border-right: 1px solid #333333; 
		border-left: 1px solid #cccccc; 
		border-top: 1px solid #cccccc;border-bottom: 1px solid #333333; padding:3px}

.reponse{margin-left:15px}

	.tdgris {	padding: 2px;	border-left: 1px solid white; 
		border-right: 1px solid #aaaaaa; 
		border-bottom: 1px solid #aaaaaa;border-top: 1px solid white;background-color: #c0c0c0}



div.forum-forum {width:85%; margin:auto}
div.forum-article {width:60%; margin:auto}

span.titre-forum {text-align:left}

.forum-repondre, .forum-decompte {clear: both; margin-top: 2.5em; padding-top: 2px;font-size: 11px; font-weight: bold}

.forums { background: #DAE2F9; color: #333}
.forums .menu-titre { background: #DAE2F9; color: #333}


/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0}
ul.forum, ul.forum ul { list-style: none}
.forum-fil { margin-top: 1.5em} 
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em}

/* ///////////////////////la chtite fleche */
.forum-fil ul.reponse { display: block; margin: 0; padding: 0; padding-left:20px;background:url(images/reponse-forum-left.png) no-repeat top left;}

.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; border:1px solid; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #333; 

}

.forum-chapo small {color: #333}
.forum-sommaire {margin:0; padding-bottom:3px; padding-top:3px; color: #222; text-align:left;border-bottom:#888888 dashed 1px;}
.forum-texte { color: #222; font-size: 0.75em; text-align:left; margin-bottom:3px}

.forum-texte .forum-lien {}
.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right}

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #666; margin: 0; padding: 0}
ul ul .forum-message { border: 1px solid #A4A4A4}
ul ul ul .forum-message { border: 1px solid #B8B8B8}
ul ul ul ul .forum-message { border: 1px solid #CCC}
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0}
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0}

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo {
margin: 0; padding: 1px 6px 1px 6px; font-size: 0.88em; background: #e5e5e5}
ul ul .forum-chapo { background: #d5d5d5; color: #333}
ul ul ul .forum-chapo { background:#b5b5b5; color: #333}
ul ul ul ul .forum-chapo {border-bottom: 1px dotted #E0E0E0;color: #333}
ul ul ul ul ul .forum-chapo {color: #333}



.table100 {border-collapse: collapse; width:100%; padding:0; margin:0}

.titresite a:link {color: #C0C0C0; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-size: 11px; font-weight: bold;letter-spacing : 1px}
.titresite a:visited {color: #C0C0C0; font-family: Verdana, Arial, Helvetica; text-decoration:none;font-size: 11px; font-weight: bold;letter-spacing : 1px}
.titresite a:hover {color: #ffffff; font-family: Verdana, Arial, Helvetica; text-decoration:none;	font-size: 11px; font-weight: bold;letter-spacing : 1px}

/* /////////////////////////////////////////////////////////////////////boitehaut  */

.inset {background: transparent; width:99%; margin:0 auto; margin-bottom:5px;}
.inset h1, .inset p {margin:0 10px}
.inset h1 {font-size:2em; color: #fff; letter-spacing:1px}
/* troll   .inset p {padding-bottom:0.5em}  */

.inset .top, .inset .bottom {display:block; background:transparent; font-size:1px}
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px}

.inset .b2 {background:transparent; border-left:1px solid #999; border-right:1px solid #aaa}
.inset .b3 {background:transparent; border-left:1px solid #999; border-right:1px solid #bbb}
.inset .b4 {background:transparent; border-left:1px solid #999; border-right:1px solid #ccc}
.inset .b4b {background:transparent; border-left:1px solid #aaa; border-right:1px solid #ddd}
.inset .b3b {background:transparent; border-left:1px solid #ddd; border-right:1px solid #eee}
.inset .b2b {background:transparent; border-left:1px solid #eee; border-right:1px solid #fff}


.inset .b1 {margin:0 5px; background:#999}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px}
.inset .b3, .inset .b3b {margin:0 2px}
.inset .b4, .inset .b4b {height:2px; margin:0 1px}
.inset .b1b {margin:0 5px; background:#fff}

.inset .boxcontent {display:block; background:transparent; border-left:1px solid #999; border-right:1px solid #eee; padding-left:3px; padding-right:3px;overflow:hidden}


.boitehaut  {position:absolute;top:-13px;left:7px;padding : 0 3px 0 0; font-size:0.88em; background:url(images/fonds/background_dio_boitehaut.jpg); background-repeat: repeat-x ;}



/* /////////////////////////////////////////////////////////////////////////////boitecontact  */

.insetcontact {background: transparent; margin:0 auto;}
.insetcontact h1, .insetcontact p {margin:0 10px}
.insetcontact h1 {font-size:2em; color: #fff; letter-spacing:1px}
/* troll   .insetcontact p {padding-bottom:0.5em}  */
.insetcontact p {padding:0}

.insetcontact .top, .insetcontact .bottom {display:block; background:transparent; font-size:1px}
.insetcontact .b1, .insetcontact .b2, .insetcontact .b3, .insetcontact .b4, .insetcontact .b1b, .insetcontact .b2b, .insetcontact .b3b, .insetcontact .b4b {display:block; overflow:hidden}
.insetcontact .b1, .insetcontact .b2, .insetcontact .b3, .insetcontact .b1b, .insetcontact .b2b, .insetcontact .b3b {height:1px}

.insetcontact .b2 {background:transparent; border-left:1px solid #999; border-right:1px solid #aaa}
.insetcontact .b3 {background:transparent; border-left:1px solid #999; border-right:1px solid #bbb}
.insetcontact .b4 {background:transparent; border-left:1px solid #999; border-right:1px solid #ccc}
.insetcontact .b4b {background:transparent; border-left:1px solid #aaa; border-right:1px solid #ddd}
.insetcontact .b3b {background:transparent; border-left:1px solid #ddd; border-right:1px solid #eee}
.insetcontact .b2b {background:transparent; border-left:1px solid #eee; border-right:1px solid #fff}

.insetcontact .b1 {margin:0 5px; background:#999}
.insetcontact .b2, .insetcontact .b2b {margin:0 3px; border-width:0 2px}
.insetcontact .b3, .insetcontact .b3b {margin:0 2px}
.insetcontact .b4, .insetcontact .b4b {height:2px; margin:0 1px}
.insetcontact .b1b {margin:0 5px; background:#fff}

.insetcontact .boxcontentcontact {display:block; background:transparent; border-left:1px solid #999; border-right:1px solid #eee; padding:0px 5px 0px 3px;overflow:hidden}

/* /////////////////////////////////////////////////////////////////////////////boitegauchet  */

.insetg {background: transparent; width:99%; margin:0 auto; margin-left:0}
.insetg h1, .insetg p {margin:0 10px}
.insetg h1 {font-size:2em; color:#fff; letter-spacing:1px}
.insetg p {padding-bottom:0.5em}
.insetg .top, .insetg .bottom {display:block; background:transparent; font-size:1px}


/* ligne bugge sous firefox mac*/
.insetg .b1, .insetg .b2, .insetg .b3, .insetg .b4, .insetg .b1b, .insetg .b2b, .insetg .b3b, .insetg .b4b {display:block;overflow:hidden}

.insetg .b1, .insetg .b2, .insetg .b3, .insetg .b1b, .insetg .b2b, .insetg .b3b {height:1px}
.insetg .b2 {background:transparent; border-left:1px solid #666; border-right:1px solid #777}
.insetg .b3 {background:transparent; border-left:1px solid #777; border-right:1px solid #888}
.insetg .b4 {background:transparent; border-left:1px solid #888; border-right:1px solid #999}
.insetg .b4b {background:transparent; border-left:1px solid #888; border-right:1px solid #999}
.insetg .b3b {background:transparent; border-left:1px solid #777; border-right:1px solid #888}
.insetg .b2b {background:transparent; border-left:1px solid #666; border-right:1px solid #777}

.insetg .b1 {margin:0 5px; background:#777}
.insetg .b2, .insetg .b2b {margin:0 3px; border-width:0 2px}
.insetg .b3, .insetg .b3b {margin:0 2px}
.insetg .b4, .insetg .b4b {height:2px; margin:0 1px}
.insetg .b1b {margin:0 5px; background:#666}

.insetg .boxcontent {display:block; background:transparent; border-left:1px solid #999; border-right:1px solid #bbb;padding-right:5px}

.jcarousel-skin-tango.jcarousel-container-horizontal {
    width: 100%;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 100%;
}

.formulaire_dio {
width:580px;
margin:auto;
/*font-size:75%; */
margin-top:15px;
margin-bottom:15px;
padding-top:30px;
}

.formulaire_inscription {color: #C0C0C0;font-size:0.72em; margin:0; padding:0}

/* spipicious et formulaires */
.formulaire_spip {color: #333333; margin:0}
.formulaire_login {color: #333333; margin:0}
.formulaire_login a:link{color: #333333}
.formulaire_login a:visited{color: #333333}
.formulaire_login a:hover{color: #ffffff}
.formulaire_spip fieldset {margin:0}
.formulaire_spip legend {padding-left:5px; padding-right:5px; margin:0}

fieldset { margin:0}

fieldset.reponse_formulaire { border-color: #c0c0c0;color:red}

.formulaire_site  {	font-size: 80%}

/* Formulaire de recherche */

.formulaire_recherche label { display: none}

.recherche{  width:75%;background-color: #BEC0AB; font-size:0.74em; font-weight:normal; margin:0; margin-left:5px; padding:0; border:0 }

.forml {border: 0px;background: #BEC0AB;color: #222222; font-family: Verdana, Arial, Helvetica;}

.formcarte {width:200px;border: 0px;background: #BEC0AB;color: #222222; font-family: Verdana, Arial, Helvetica;font-size:0.69em;}

.formlist {width:83%; border: 0px;background-color: #BEC0AB;color: #222222; font-family: Verdana, Arial, Helvetica;font-size:0.74em;}

.txtcadr { font-size:11px; margin:0px; padding:0px 3px 0px 4px; letter-spacing:auto; line-height:18px; border:thin solid; -moz-border-radius:7px; } 
.txtcadr a:hover { color:#cc2727; } 
.txtcadr { border-color:#b5b4b4; font-weight:800; line-height:12px; border:0 0 1px 0 solid; -moz-border-radius:7px; } 


#menu a:link{font-family: Verdana,Tahoma,Arial,sans-serif,Comic Sans MS; color: #999}
#menu a:visited{color: #999}
#menu a:hover{color: #fff}

#menu a.on {/*text-decoration:underline;  */color: #ccc; }

#menu, #menu ul  {
width: 210px;
list-style-type: none;
margin:0;
padding:0;
font-size:0.85em;
font-weight:normal;
padding-left:5px;
}

li.menu {
	list-style-type: none;
	padding-left:21px;
}

li.open {
list-style-type: none;
font-weight:bold;
}

span.openArrow {
		width: 11px;
		height: 11px;
		float: right;
		margin-top:3px;
		margin-right:20px;
		display: block;
		cursor: default;
}

li span.openArrow {
background-image: url(images/picto-plus.png);
background-repeat: no-repeat
}

li.open span.openArrow {
background-image: url(images/picto-moins.png);
background-repeat: no-repeat
/*		background-color: #6F0; */
}


div.diapo {float:left;width:128px;height:128px;margin-left:1px;margin-bottom:1px;padding-top:10px;}
div.diapo-sommaire {width:128px;height:128px;margin:auto;margin-bottom:1px;padding-top:10px;}
div.diapo-result {float:left;width:128px;height:155px;margin-left:1px;margin-top:1px;padding-top:10px;}
div.absolute {position:absolute;left:0;bottom:0;}


.corner {
border: 1px solid #555;
border-radius: 5px;
-moz-border-radius: 5px;
}

.corner-box {
border: 1px solid #555;
border-radius: 5px;
-moz-border-radius: 5px;
background:#333;
display:block;
padding:5px;
font-size:0.65em;
color:#c0c0c0
}
.corner-box a:link{color:#ccc}
.corner-box a:visited{color:#ccc}
.corner-box a:hover{color:#ddd}

.notation{
font-size:10px;text-align:center;color:#333;margin-top:5px
}