@charset "iso-8859-1";
body {font-family:'Verdana',Tahoma, Arial, Helvetica, sans-serif; align:center;font-size:12px;margin-left:2%;margin-right:2%;background:#F5F5EB}



blockquote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	color: #333333;
}
H3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
}
H6{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;


}
H1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	text-decoration: none;
	color: #333333;
}

H2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #333333;
}

a {
font-family:verdana, sans-serif;
font-size:100%;
color:navy;
background-color:transparent;
text-decoration:none;
}

a:link {
font-family:verdana, sans-serif;
font-size:100%;
color:navy;
background-color:transparent;
text-decoration:none;
}
a:visited {
font-family:verdana, sans-serif;
font-size:100%;
color:navy;
background-color:transparent;
text-decoration:none;
}
a:hover {
font-family:verdana, sans-serif;
font-size:100%;
color:maroon;
background-color:transparent;
text-decoration:none;
}

ul{padding:2px;margin:0px;list-style-type:none;}
li {padding-left: 0px; padding-top: 3px; padding-bottom: 3px; list-style: none}

.col1{width:49%;float:left;}
.col2{width:49%;float:right;}

.caps{border:1px solid #CCCCCC; margin:3px;margin-left:0px; padding:4px;padding-left:3px; padding-right:3px; }
.caps2{border:1px solid #CCCCCC; margin:3px;padding:3px;padding-left:3px; padding-right:3px;}
.caps3{border:1px solid #CCCCCC; margin:2px;padding:2px;padding-left:3px; padding-right:3px;color:#336699;background:#E9E9E5}
.caps31{border:1px solid #CCCCCC; margin:2px;padding:2px;padding-left:3px; padding-right:3px; padding-bottom:3px;color:#336699;background:#E9E9E5}
.caps4{border:1px solid #CCCCCC; margin:2px;padding:2px;padding-left:3px; padding-right:3px;color:#336699;background:#D2D9E1}
.caps5{border:1px solid #CCCCCC; margin:3px;padding:3px;padding-left:3px; padding-right:3px;color:#336699;background:#ADBCCB}
.caps7{border:1px solid #CCCCCC; margin:0px;margin-left:0px; padding:6px;padding-left:7px; padding-right:6px; }
.lui-meme{font-size:10px;border:1px solid #CCCCCC; margin:2px;padding:2px;}

.rech {clear:left; width:100%;margin-top:10px;}
.info {font-size:14px;color:red;margin-top:5px;}
.logo{float:right;}
.logo .sousrub{font-size:10px;color:#336699;font-weight:bold;}

.bouton {font-size:10px;text-align :right;margin-bottom:5px;}
.bouton2 {font-size:10px;font-weight:bold;color:#ffffff;}
.navig {width:100%;font-size:11px;text-align :justify;margin-bottom:3px;}

#nav2 {width:100%;position:relative;clear:both;padding:2px;margin:2px;}
#nav {width:100%;position:relative;clear:both;padding:0px;margin:0px;}

.page{font-size:10px;}
.page-inverse{float:right;}
.contenu {width:100%;border:0px;padding:0px;margin:0px;}
.contenu .titre {font-size:23px;background:    url(img_pack/gp7.gif) no-repeat ;margin:0px; font-weight:bold;color:A80D1F;	 padding-top: 0px; padding-bottom: 0px;letter-spacing: 1px;font-family:Book Antiqua, Verdana, verdana;} 
.contenu2 .titre {font-size:18px;background:    url(img_pack/gp7.gif) no-repeat;margin:0px; font-weight:italic;color:336699;	 padding-top: 0px; padding-bottom: 0px;letter-spacing: 1px;font-family: Verdana, verdana;} 
.contenu .texte {font-size:12px;margin-bottom:0px; margin-top:0px;}

.rep {font-size:11px;font-style:italic;font-family:Verdana, verdana;}
.repNormal {font-size:13px;text-align:justify;font-family:Verdana, verdana;}
.repNormalItal {font-size:15px; font-style:normal; text-align:left; background:url(img_pack/gp5.gif) no-repeat; margin-bottom:5px; margin-top:5px;font-family:Verdana, Arial, Times;}
.repNormalItalBlue { color: #336699; font-size:12px; font-style:italic; font-family:Verdana, verdana;}
.repNormal2 {font-size:15px;text-align:justify;font-family:verdana, arial, helvetica, book antiqua; }
.repNormal2Ital {font-size:12px; font-style:italic; text-align:justify;font-family:Verdana, verdana;}
li.repNormal2 {padding-left: 2px; padding-top: 1px; padding-bottom: 1px; list-style: disc}
#erreur {margin-top:10%;text-align:center;}

/*---------------------- l'entete du site--------------------------- */
#entete {clear:left;width:100%;margin:0px;padding:0px;}

#entete .bande {height:65px;background:   url(img_pack/bandeau.jpg) no-repeat center; border:none }
#entete .recherche {float:right;height:30px;;}

/*-----------------------le menu programmable------------------------*/
#menu-prog {height: 25px;}

#menu-prog .bouton {font-family:Verdana, verdana;
text-align:center;font-size:12px;font-weight:bold;padding-right:10px;padding-left:10px}

#menu-prog a:link {text-decoration:none;font-family:Verdana, Arial;}
#menu-prog a:visited {text-decoration:none;font-family:Verdana, Arial;} 
#menu-prog a:hover {text-decoration:bold;border:0px solid #336699;font-family:Verdana, Arial, Helvetica;}

#date {color:#336699;font-size:10px;text-align :right;font-style:italic;}

/*-----------------------le menu hierarchie--------------------------*/
#hierarchie {clear:center;width:100%;height:20px;margin:0px;padding:0px;}
#hierarchie .texte {font-size: 10px; font-style: italic;}

/*-----------------------le menu dynamique---------------------------*/


#menudyn .rub {font-size:12px;font-weight:bold;background:    url(img_pack/dossier.gif) no-repeat left;
	margin-top:5px;padding-left:25px;height:25px;vertical-align: bottom;}
#menudyn .descrip { width:95%;color: #336699;font-size:10px;text-decoration: none;padding:0px;margin-bottom:0px;}

#menudyn .titre-bloc {width:100%;background:#336699;color:#FFFFFF;text-align:center;font-size:14px;font-weight:bold;margin-top:4px;margin-bottom:4px;font-family:Verdana, sans-serif;}

.secteuroff { font-weight: bold;font-size:12px; }
.rubriqueoff { font-weight: normal;font-size:10px; }
.secteuron, .rubriqueon { font-weight: bold;font-size:12px; }
.secteur, .rubrique { font-weight: bold; font-size:12px; }


/*---------------------------le-pied de Page-------------------------*/
#pied {clear:both;position:relative;width:100%;margin-top:5px;border-top:1px dotted #C377B5;}

#pied .titre {text-align:center;margin-top :5px;} 
  
/*======================  squelette sommaire  =======================*/

#sommaire {clear:both;position:relative;width:100%;}	


/*------------------------les contenus-------------------------------*/
.contenus {width:100%;float:left;}

/*-----------------------------edito---------------------------------*/
.edito {clear:both;position:relative;width:100%;padding:2px;margin:2px;}  
  
.edito .titre-bloc {width:100%;background:    url(img_pack/gp1.gif) no-repeat ;color:#;font-size:14px;font-weight:bold;font-family:Helvetica, verdana;} 
.edito .titre-bloc {width:100%;background:    url(img_pack/gp10.gif) no-repeat ;color:#;font-size:14px;font-weight:bold;font-family:Helvetica, verdana;} 
.edito .titre {color:#336699;font-size:16px;font-weight:bold;font-family:Verdana, verdana;}
.edito .texte {font-size:12px;}
.edito .date {font-size:10px;}
.edito .auteurs {font-size:10px;font-style:italic;}

/*------------------------------agenda-------------------------------*/
.agenda {clear:both;position:relative;width:100%;padding:2px;margin:2px;}

.agenda .titre-bloc {width:100%;background:    url(img_pack/gp1.gif) no-repeat ;color:#FFFFFF;font-size:14px;font-weight:bold;font-family:Verdana, verdana;} 

/*----------------------------evenements-----------------------------*/
.evenements {width:70%;float:left;}

.evenements .date {width:70%;font-size:10px;color: #336699;margin-top : 4px;margin-bottom : 1px;margin-right:15px;border-bottom:1px Solid #C377B5;}
.evenements .titre {font-size:14px;font-weight:bold;padding-left:25px;background:  url(img_pack/even.png) no-repeat left ;
	margin-top:5px;height:25px;}

.evenements_jour {float:left;width:70%;}
.evenements_jour .titre {font-size:14px;font-weight:bold;padding-left:25px;background:  url(img_pack/even.png) no-repeat left ;
	margin-top:5px;height:25px;}
.evenements_jour .date {width:70%;font-size:10px;color: #336699;margin-top : 4px;border-bottom:1px Solid #C377B5;}

.evenements_jour .texte {font-size:14px;}
.evenements_jour .bouton {font-size:10px;}
.evenements_jour .depl{text-align:right;}
.evenements_jour .auteurs {font-size:10px;font-weight:normal;font-style:italic;}

/*---------------------------calendrier-----------------------------*/
.calendrier {width:29%;float:right;}

.calendrier .calend_ligne {text-align:center;clear:left;}
.calendrier .calend_mois { color:#336699;font-size:12px;font-weight:bold;text-align:center;padding:1px;}

.calendrier .calend_titre {width:13%;height:20px;border: 1px solid #336699;color:#ffffff;font-weight: bold;text-align:center;
background-color: #336699;float:left;}
.calendrier .calend_outday { background-color: #E6A4DD;width:13%; height:20px;color: #000000;border :1px solid #E6A4DD; float:left;}
.calendrier .calend_today { width:13%; height:20px;font-size:10px;border :1px solid #E6A4DD;float:left; }
.calendrier .calend_weekday  { width:13%; height:20px;font-size:10px;border :1px solid #E6A4DD;float:left; }
.calendrier .calend_weekendday {background-color: #E6A4DD;font-size:10px;width:13%; height:20px;color : #336699;;border :1px solid #E6A4DD;float:left;  }
.calendrier .calend_activeday { width:13%; height:20px;font-size:12px;font-weight:bold; border :1px solid #E6A4DD;float:left; }
.calendrier .calend_activeweekendday {background-color: #E6A4DD;width:13%; height:20px; border :1px dotted silver;float:left; }

/*----------------------articles / breves--------------------------*/
.articles-breves {clear:both;position:relative;width:100%;padding:0px;margin:0px;}

/*---------------------------articles------------------------------*/
.articles {clear:left;position:relative;width:100%;margin-bottom:5px; margin-top:10px;font-family:Verdana, verdana;}

.articles .titre-bloc {width:100%;height:25px;background:url(img_pack/gp6.gif) no-repeat  center;color:#3D5192;font-size:18px;font-weight:bold;font-family:Verdana, verdana;} 
.articles .titre-bloc2 {width:100%;height:25px;background:url(img_pack/gp6.gif) no-repeat  center; color:#3D5192;font-size:19px;font-weight:bold;font-family:Book antiqua, verdana;margin:0px;margin-left:0px; padding:0px;padding-left:0px; padding-right:0px; } 
.articles .titre-bloc7 {width:100%;height:25px;background:url(img_pack/gp10.gif) no-repeat center ;color:#3D5192;font-size:18px;font-weight:bold;font-family:Book antiqua, verdana;margin:0px;margin-left:0px; padding:0px;padding-left:0px; padding-right:0px; } 
.articles .titre-bloc9 {width:100%;height:30px;background:url(img_pack/gp11.gif) no-repeat center ;color:#3D5192;font-size:18px;font-weight:bold;font-family:Verdana, Arial, Book Antiqua;margin:0px;margin-left:0px; margin-bottom:6px;padding-left:0px; padding-right:0px; } 
.articles .titre {font-size:20px;padding-left:0px;font-weight: bold;background:    url(img_pack/article.gif) no-repeat left ;font-family:Verdana, verdana;
	margin-top:5px;height:25px; }
.articles .date{color: #336699;font-size:10px;text-decoration: none;}
.articles .chapo{color: #336699;font-size:12px;text-decoration: none;font-family:Verdana, verdana;}

/*----------------------------breves-------------------------------*/
.breves {clear:left;position:relative;width:100%;margin-bottom:5px;}

.breves .titre-bloc {width:100%;background:#336699;color:#FFFFFF;font-size:14px;font-weight:bold;} 
.breves .titre {font-size:14px;	text-align: left;margin-top:5px;padding-left:25px;font-weight: bold;background:    url(img_pack/breve.gif) no-repeat left ;
	height: 25px;}
.breves .texte {width:99%;font-size:10px;text-align: left;margin: 1px;}
.breves .date {width:70%;font-size:10px;color: #336699;margin-top : 4px;margin-bottom : 1px;border-bottom:1px Solid #C377B5;}


/*-----------------------sites references--------------------------*/
.sites {clear:both;position:relative;width:100%;padding:2px;margin:2px;}

.sites .titre-bloc {width:100%;background:#336699;color:#FFFFFF;font-size:14px;font-weight:bold;} 
.sites .titre {font-size:14px;text-align: left;margin: 1px;padding-left:25px;font-weight: bold;background:    url(img_pack/site.gif) no-repeat ;
	height:25px;margin-top:5px;}
.sites .descrip {font-size:10px;margin-top:3px;font-style:italic;}
.sites .url {font-size:10px;margin-bottom:2px;}

/*---------------------------syndication---------------------------*/
.syndic {clear:both;position:relative;width:100%;padding:2px;margin:2px;}  
  
.syndic .titre-bloc {width:100%;background:#336699;color:#FFFFFF;font-size:14px;font-weight:bold;} 
.syndic .texte{font-size:12px;margin-top:2px;margin-bottom:2px;}
.syndic .date {width:70%;font-size:10px;color: #336699;margin-top:5px;padding:0px;margin-bottom:5px;margin-left:0px;border-bottom:1px Solid #C377B5;}
.syndic .auteurs {font-size:10px;font-style:italic;}
.syndic .site{font-weight:bold;}

/*--------------------------messages-------------------------------*/
.messages {clear:both;position:relative;width:100%;padding:2px;margin:2px;}  
 
.messages .titre-bloc {width:100%;background:#336699;color:#FFFFFF;font-size:14px;font-weight:bold;} 

.messages .texte{font-size:12px;margin-top:2px;margin-bottom:2px;}
.messages .date {color: #336699;font-size:10px;text-decoration: none;}
.messages .auteurs {font-size:10px;font-style:italic;}

/*====================  squelette rubrique  =======================*/
#rubrique {clear:left;position:relative;width:100%;}

/*=======================  squelette kiosque  =====================*/
#kiosque {clear:both;position:relative;width:100%;padding:2px;margin-top:0px;}  
  
#kiosque .titre-bloc{width:100%;background:#336699;color:#FFFFFF;font-size:14px;font-weight:bold;}
#kiosque .titre {font-size:14px;} 
#kiosque .rub {font-size:16px;font-weight:bold;margin-left:10%;background:    url(img_pack/dossier.gif) no-repeat left ;
	height: 25px;margin-top:5px;padding-left:25px;} 
#kiosque .texte{font-size:12px;margin-top:4px;margin-bottom:4px;}
#kiosque .date {width:70%;font-size:10px;color: #336699;margin-top:5px;padding:0px;margin-bottom:5px;margin-left:0px;border-bottom:1px Solid #C377B5;}
#kiosque .auteurs {font-size:10px;font-style:italic;}
#kiosque .site{font-weight:bold;} 
 
#kiosque .col1{width:50%;float:left;border-right:1px dotted #C377B5;}
#kiosque .col2{width:49%;float:right;}

#kiosque .col3{width:35%;float:left;border-right:1px dotted #C377B5;}
#kiosque .col4{width:64%;float:right;}


/*======================  squelette annuaire  =====================*/

#annuaire {clear:both;position:relative;width:100%;padding:2px;margin-top:0px;}  
  
#annuaire .titre-bloc{width:100%;background:#336699;color:#FFFFFF;font-size:14px;font-weight:bold;}
#annuaire .rub {font-size:16px;font-weight:bold;margin-left:10%;background:    url(img_pack/dossier.gif) no-repeat left ;
	line-height: 25px;margin-top:5px;padding-left:25px;}
#annuaire .descrip_rub {font-size:10px;margin-top:3px;font-style:italic;margin-left:10%;}
#annuaire .titre {font-size:14px;text-align: left;margin: 1px;padding-left:25px;font-weight: bold;background:    url(img_pack/site.gif) no-repeat ;
	height:25px;margin-top:5px;}
#annuaire .descrip {font-size:10px;margin-top:3px;font-style:italic;}
#annuaire .url {font-size:10px;margin-bottom:2px;}
 
#annuaire .col1{width:50%;float:left;border-right:1px dotted #C377B5;}
#annuaire .col2{width:49%;float:right;left:50%;}

/*================  squelette rubrique forums  ===================*/

#forums {width:100%;padding:2px;margin-top:0px;}  

.ligne-forum {clear:left;width:100%;padding-bottom:5px;text-align:center;margin-bottom:1px;height:7%;display:table}
.ligne-forum .titre-bloc{background-color:#336699;color:#FFFFFF;font-size:12px;font-weight:bold;}
 
.ligne-forum .forum{width:45%;float:left;height:100%;margin:1px;display:bloc;}
.ligne-forum .sujet{width:14%;float:left;height:100%;margin:1px;display:bloc;}
.ligne-forum .message{width:15%;float:left;height:100%;margin:1px;display:bloc;}
.ligne-forum .dernier{width:25%;float:left;height:100%;margin:1px;display:bloc;}

.ligne-forum .forum .titre{font-size:12px;font-weight:bold;color:#1517FF;}
.ligne-forum .forum .texte{font-size:10px;font-style:italic;}

.ligne-forum .sujet .nbrs{font-size:12px;}

.ligne-forum .message .nbrs{font-size:12px;}

.ligne-forum .dernier .date{font-size:10px;}
.ligne-forum .dernier .auteur{font-size:10px;}

/*=====================  squelette article  ======================*/
#article {width:100%;padding:2px;margin-top:0px;}

.titre-article {position:relative;width:100%;margin-top:0px;margin-bottom:5px;padding:4px;border-bottom:1px dotted #C377B5;border-top:1px dotted #C377B5;}  
  
.titre-article .logo{float:right;}
.titre-article .titre {color:#336699;font-size:18px;font-weight:bold;letter-spacing:2px;} 
.titre-article .descrip {color :#336699;font-size:12px;margin-top:5px;}
.titre-article .auteurs {font-size:10px;font-style:italic;}
.titre-article .date {font-size:10px;}
.titre-article .chapo {color :#336699;font-size:14px;font-weight:bold;margin-top:5px;}

.contenu-article {float:left;width:100%;margin-bottom:5px;padding:2px;}
.contenu-article .sommaire{font-size:12px;}
.contenu-article .texte{font-size:12px;  text-align: justify;  margin-top:8px}
.contenu-article .ps{font-size:12px;font-style:italic;}
.contenu-article .note{font-size:10px;margin:2px;border:1px dotted silver;}

.imprim-article {width:80%;float:left;}
.imprim-article .sommaire{font-size:12px;}
.imprim-article .texte{font-size:12px;text-align: justify;}
.imprim-article .ps{font-size:12px;font-style:italic;}
.imprim-article .note{font-size:10px;}

.autres-articles {float:right;width:29%;border-left:1px dotted #C377B5;border-bottom:1px dotted #C377B5;padding:2px;}
.autres-articles .titre-bloc{width:100%;background:#336699;color:#FFFFFF;font-size:12px;font-weight:bold;margin-bottom:5px;padding:1px;}
.autres-articles .date {width:70%;font-size:10px;color: #336699;margin-top : 4px;border-bottom:1px Solid #C377B5;}
.autres-articles .titre {font-size:10px;background:   url(puce.gif) no-repeat left;padding-left:10px;margin:2px;}

.lui-meme{font-size:10px;border:1px solid #CCCCCC; margin:2px;padding:2px;}

.doc-article {position:relative;clear:both;width:100%;}
.doc-article .titre-bloc{color:#336699;font-size:14px;font-weight:bold;text-decoration:underline;margin-top:5px;}

.ligne-doc{float:left;width:49%;}
.ligne-doc .col5{width:30%;float:left;text-align:center;}
.ligne-doc .col6{width:69%;float:left;margin-top:5px;}

.ligne-doc .col6 .titre {font-size:12px;font-weight:bold;}
.ligne-doc .col6 .descrip {font-size:10px;font-style:italic;}
.ligne-doc .col6 .taille {font-size:10px;}

/* ----------------------  article forum  ----------------------*/
.ligne-sujet {clear:left;width:100%;padding-bottom:5px;text-align:center;margin-bottom:1px;height:7%;display:table;}
.ligne-sujet .titre-bloc{background:#336699;color:#FFFFFF;font-size:12px;font-weight:bold;}
 
.ligne-sujet .sujet{width:45%;float:left;height:100%;margin:1px;display:bloc;}
.ligne-sujet .reponse{width:14%;float:left;height:100%;margin:1px;display:bloc;}
.ligne-sujet .auteur{width:14%;float:left;height:100%;margin:1px;display:bloc;}
.ligne-sujet .dernier{width:25%;float:left;height:100%;margin:1px;display:bloc;}

.ligne-sujet .sujet .titre{font-size:12px;font-weight:bold;text-align:left;color:#1517FF;}
.ligne-sujet .sujet .texte{font-size:10px;font-style:italic;}

.ligne-sujet .reponse .nbrs{font-size:12px;font-weight:normal;}

.ligne-sujet .auteur .nom{font-size:12px;font-weight:normal;}

.ligne-sujet .dernier .date{font-size:10px;}
.ligne-sujet .dernier .auteur{font-size:10px;}

/* ----------------------  article album  ----------------------*/

.autres-articles .vignettes {text-align:center;margin-bottom:5px;}

.contenu-article .image {text-align:center;margin-bottom:5px;text-align:center;text-decoration:none;}
.contenu-article .image-texte{font-size:12px;padding-left:5px;margin-top:10px;}
.contenu-article .image-info{font-size:10px;width:100%;padding:5px;}
.contenu-article .image-titre{font-weight:bold;}

/* -----------------------article commentaires ------------------*/

#comment {width:100%;padding:2px;margin-top:0px;}

#comment .titre-bloc{width:100%;background:#336699;color:#FFFFFF;font-size:12px;font-weight:bold;}

#comment .reduit {float:right;width:95%;}

.ligne-comment {clear:left;width:100%;padding-bottom:5px;text-align:center;}
.ligne-comment .titre-bloc{width:100%;background:#336699;color:#FFFFFF;font-size:12px;font-weight:bold;}
 
.ligne-comment .auteur{width:20%;float:left;display:inline-table;margin:1px;}
.ligne-comment .message{width:79%;float:left;display:inline-table;margin:1px;}

.ligne-comment .auteur .nom{font-size:12px; font-weight:bold;}
.ligne-comment .auteur .ip{font-size:10px;font-style:italic;}
.ligne-comment .auteur .site {font-size:10px; margin-top:5px;}

.ligne-comment .message .date{font-size:10px;font-weight:normal;text-align:left;}
.ligne-comment .message .titre{font-size:12px;font-weight:bold;padding-bottom:5px;text-align:left;}
.ligne-comment .message .texte{font-size:12px;padding:5px;margin-top:5px;text-align:left;border-bottom:1px dotted #336699;border-left:1px dotted #336699;}

/*====================  squelette breve  =======================*/
#breve {width:100%;padding:2px;margin-top:0px;}

.titre-breve {position:relative;width:100%;margin-top:0px;margin-bottom:5px;padding:4px;border-bottom:1px dotted #C377B5;border-top:1px dotted #C377B5;}  
  
.titre-breve .titre {color:#336699;font-size:18px;font-weight:bold;letter-spacing:2px; } 
.titre-breve .date {font-size:10px;}

.contenu-breve {width:70%;float:left;}
.contenu-breve .texte {font-size:12px;text-align: justify;}
.contenu-breve .lien {font-style:italic;margin-top:10px;}

.imprim-breve {width:100%;}
.imprim-breve .texte {font-size:12px;text-align: justify;}
.imprim-breve .lien {font-style:italic;margin-top:10px;}

.autres-breves {float:right;width:29%;border-left:1px dotted #C377B5;border-bottom:1px dotted #C377B5;padding:2px;}
.autres-breves .titre-bloc{width:100%;background:#336699;color:#FFFFFF;font-size:12px;font-weight:bold;margin-bottom:5px;padding:1px;}
.autres-breves .date {width:70%;font-size:10px;color: #336699;margin-top : 4px;border-bottom:1px Solid #C377B5;}
.autres-breves .titre {font-size:10px;background:   url(puce.gif) no-repeat left;padding-left:10px;margin:2px;}

/*=====================  squelette sujet =======================*/
#sujet {width:100%;padding:2px;margin-top:0px;}

#sujet .titre-bloc{width:100%;background:#336699;color:#FFFFFF;font-size:12px;font-weight:bold;}

.ligne-message {clear:left;width:100%;padding-bottom:5px;text-align:center;height:7%;display:table;}
.ligne-message .titre-bloc{background:#336699;color:#FFFFFF;font-size:12px;font-weight:bold;}
 
.ligne-message .auteur{width:20%;float:left;display:block;margin:1px;height:100%;}
.ligne-message .message{width:79%;float:left;display:block;margin:1px;height:100%;}

.ligne-message .auteur .nom{font-size:12px; font-weight:bold;}
.ligne-message .auteur .ip{font-size:10px;font-style:italic;}
.ligne-message .auteur .site {font-size:10px; margin-top:5px;}

.ligne-message .message .date{font-size:10px;font-weight:normal;text-align:left;}
.ligne-message .message .titre{font-size:12px;font-weight:bold;padding-bottom:5px;text-align:left;border-bottom:1px dotted #336699; }
.ligne-message .message .texte{font-size:12px;padding:5px;margin-top:5px;text-align:left;}
 
/*===================== squelette recherche  ====================*/

.rech .titre-bloc{width:100%;background:#336699;color:#FFFFFF;font-size:12px;font-weight:bold;margin:1px;padding:1px;}
.rech .date{font-size:12px;font-style:italic;}
.rech .content{font-size:12px}

/*=========================les formulaires ======================*/
.forml { width: 100% ; background-color: #C377B5;}
.spip_encadrer { background-color: #EEEEEE }
.spip_bouton { background-color: #ffffff;color:#336699;font-weight:bold;}
.formrecherche { width: 100% ; background-color: #FFDDAA;}

/*=========================les formulaires couleur ======================*/
/* Classical */

.classical {
	font-family: Verdana;
	font-size: 8pt;
	font-style: normal;
	color: #000000;
	text-decoration: none;
}
a.classical:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	color: #666666;
	text-decoration: none;
}
a.classical:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	color: #000000;
	text-decoration: underline;
}
a.classical:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	color: #666666;
	text-decoration: none;
}
INPUT {
	font-family: Verdana;
	font-size: 8pt;
	color: #000000;
	background-color: #FFFFFF;
	border-style:solid;
	border-width: 1;
	font-weight:normal;
	border-color: #336699;
	width: auto;
	height: 12pt;
}
TEXTAREA {
	font-family: Verdana;
	font-size: 8pt;
	color: #000000;
	background-color: #FFFFFF;
	border-style:solid;
	border-width: 1;
	font-weight:normal;
	border-color: #FFFFFF;
	width: auto;
	height: 11pt;
}
SELECT {
	font-family: Verdana;
	font-size: 8pt;
	color: #000000;
	background-color: #FFFFFF;
	border-style:solid;
	border-width: 1;
	font-weight:normal;
	border-color: #000000;
	width: auto;
	height: 11pt;
}

/* Classical2 */

.classical2 {
	font-family: Verdana;
	font-size: 8pt;
	font-style: normal;
	color: #000000;
	text-decoration: none;
}
a.classical2:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	color: #666666;
	text-decoration: none;
}
a.classical2:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	color: #000000;
	text-decoration: underline;
}
a.classical2:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	color: #666666;
	text-decoration: none;
}
INPUT {
	font-family: Verdana;
	font-size: 8pt;
	color: #000000;
	background-color: #FFFFFF;
	border-style:solid;
	border-width: 1;
	font-weight:normal;
	border-color: #336699;
	width: auto;
	height: 11pt;
}
TEXTAREA {
	font-family: Verdana;
	font-size: 8pt;
	color: #800000;
	background-color: #FFFFFF;
	border-style:solid;
	border-width: 1;
	font-weight:normal;
	border-color: #336699;
	width: auto;
	height: 11pt;
}
SELECT {
	font-family: Verdana;
	font-size: 8pt;
	color: #000000;
	background-color: #FFFFFF;
	border-style:solid;
	border-width: 1;
	font-weight:normal;
	border-color: #000000;
	width: auto;
	height: 11pt;
}