/*
Le style du site est divisé en plusieurs CSS. Chaque CSS correspond à un style particulier pour chaque rubrique, principalement pour effectuer les changements de couleurs (hors rubriques spéciales).
Certaines propriétés sont identiques pour chaque rubrique, leurs définitions se trouve dans la CSS générale traitant du design global (page d'accueil).
*/

/*------------------- DESIGN GENERAL --------------------*/

*{
	margin: 0px;
	padding: 0px;
}

body {
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 12px;
	color: #4A4A4A;
	height : 100%;
	background : url(images/fond_body.gif);
}

h2, h3 {
	font-size : 12px;
}

a {
	text-decoration: none;
}

a:link {
	color: #C4DE1E;
}

a:visited {
	color: #C4DE1E;
}

a:hover {
	color: #F79F11;
}

img {
	border: 0px;
}

#generale {
	position: relative;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom : 20px;
	text-align: left;
	border : 1px solid #2b929a;
	background : white;
}

#entete {
	height: 155px;
}

#loupe{
	position : absolute;
	top : 100px;
	right : 170px;
}

.formulaire_recherche {
	position : absolute;
	top : 129px;
	right : 15px;
}

/* définit la largeur du champ de recherche (id de base de SPIP) */
#recherche {
	width : 140px;
}

#accueil, #chemin {
	margin : -22px 0 0 10px;
	width : 250px;
	font-weight : bold;
	font-size : 11px;
	color : black;
}

#accueil a {
	font-size : 12px;
	color : white;
}

#accueil a:hover, #chemin a:hover {
	text-decoration : underline;
}

#menu {
	float : left;
	font-size : 11px;
	font-weight : bold;
	padding-top : 32px;
	background : url(images/menu-top.png) left top no-repeat;
	margin-top : 30px;
	margin-bottom : 15px;
}

#menu2 {
	float : left;
	padding-bottom : 33px;
	background : url(images/menu-bottom.png) left bottom no-repeat;
}

/* Ce "display : inline" sert à empêcher IE d'ajouter des marges supplémentaire à cause des retours à la ligne du au "display : block" de "#menu a"*/
#menu li {
	display:inline;
}

#menu a{
	font-family : "Trebuchet MS";
	display : block;
	color : white;
	background-color : #2b929a;
}

#menu a:hover{
	background-color : #F79F11;
	color : white;
}

.menu_rub  {
	width : 167px;
	margin-top: 13px;
	padding : 11px 0px 10px 10px;
}

.menu_ss_rub {
	width : 143px;
	font-size : 10px;
	margin-top: 6px;
	padding : 4px 0px 4px 34px;

}

.menu_ss_rub span {
	font-size : 9px;
	font-family : verdana, arial;
}

#actuTIC {
	float : left;
	margin : 30px 48px 30px 35px;
	width : 500px;
	height : 485px;
	font-family: "Trebuchet MS", verdana, arial, sans-serif;
	background : url(images/fond_pointilles.png) left repeat-y;
}

#actuTIC h2 {
	padding-left : 40px;
	height : 55px;
}

#actuTIC_interieur {
	padding : 0px 35px 0 0;
	margin-left : 40px;
	height : 545px;
	overflow: auto;
}

#actuTIC_interieur h3 {
	margin : 15px 0 5px 0;
	text-indent : 3px;
}

#actuTIC_interieur a {
	margin-left : 3px;
}
/*
#actuTIC_interieur p {
	text-indent : 13px;
}
*/

#toute_actu {
	font-size : 10px;
	float : right;
	margin : 10px 0px 0 0;
}

#actu_gen {
	float : left;
	width : 240px;
	height : 680px;
	margin : 30px 0 10px 0;
	overflow : auto;
	background : url(images/fond_actugen.png) no-repeat;
}

#last_articles {
	height : 555px;
	margin : 16px 1px 0 10px;
	overflow : auto;
}

#last_articles h3 {
	color : #999999;
	margin-top : 10px;
	font-size : 10px;
}

#last_articles a {
	color : #666666;
}

#last_articles a:hover {
	color: #F79F11;
}

#last_articles img {
	padding : 0 3px 0 2px;
}

#pied {
	width : 100%;
	height: 65px;
	padding-top : 20px;
	background : url(images/actu/fond_pied.png) no-repeat;
}

#last_maj {
	float : left;
	margin : 15px 20px 0 12px;
	color : black;
	font-weight : bold;
	font-size : 10px;
}

#last_maj a {
	font-size : 11px;
	color : white;
}

#last_maj a:hover {
	color : #F79F11;
}

#logos {
	float : left;
}

#logos img {
	margin-right : 5px;
}

#liens {
	float : right;
	color : white;
	font-size : 10px;
	margin : 39px 10px 0 0;
}

#liens a {
	color : white;
}

#liens a:hover {
	color : #F79F11;
}

.title{position:absolute;margin:7px 0 0 12px;z-index:2;}
.titleshadow{position:absolute;margin:7px 0 0 10px;z-index:1;}
#plan li{
margin:0;padding:0;
background:url(images/plan-puce.gif) no-repeat;
list-style:none;
padding-left:24px;
}
#plan li a{color:#2d2d2d;}
/*-------------------------- PROPRIETES VALABLES UNIQUEMENT POUR LES PAGES RUBRIQUES  -------------------------- */

#chemin {
	width : 755px;
}

#chemin a {
	font-size : 11px;
	color : white;
}

/*-------------------------- PROPRIETES VALABLES UNIQUEMENT POUR LES PAGES ARTICLES  -------------------------- */

.date_enligne {
	font-size : 10px;
	margin-bottom : 13px;
}

#cadre_article {
	float : left;
	margin : 30px 0 30px 35px;
	padding-left : 40px;
	width : 710px;
	height : 100%;
	font-family: verdana, arial, sans-serif;
	background : url(images/fond_pointilles_xxl.png) left repeat-y;
}

#cadre_article h2{
	margin-bottom : 10px;
	font-size:16px;
}

#cadre_article p{
	/*text-indent : 10px;*/

}

#texte_art {
}

#envoi_ami{
	width : 350px;
	float : right;
}

/*-------------------------- PROPRIETES VALABLES UNIQUEMENT POUR LA POP-UP DE PRESENTATION TICASSOS.ORG -------------------------- */

#cadre {
	position: relative;
	width: 580px;
	height : 315px;
	margin : 10px auto 0px auto;
	text-align: left;
	text-indent : 10px;
	padding : 10px;
	border : 1px solid #F79F11;
	background : white;
	overflow : auto;
}

#cadre h1 {
	margin-bottom : 10px;
}

/*-------------------------- PROPRIETES VALABLES UNIQUEMENT POUR LA POP-UP DES CREDITS -------------------------- */

#cadre_credits {
	position: relative;
	width: 340px;
	height : 520px;
	margin : 10px auto 0px auto;
	text-align: center;
	text-indent : 10px;
	padding : 10px;
	border : 1px solid #F79F11;
	background : white;
	overflow : auto;
}

#cadre_credits h1 {
	margin-bottom : 10px;
}

/*-------------------------- PROPRIETES VALABLES UNIQUEMENT POUR LE PLAN DU SITE -------------------------- */

#fil_plan_site {
	margin : -22px 0 0 10px;
	width : 300px;
	font-weight : bold;
	font-size : 11px;
	color : black;
}

#fil_plan_site a {
	font-size : 12px;
	color : white;
}

#fil_plan_site a:hover {
	text-decoration : underline;
}

#plan_site {
	float : left;
	margin : 30px 0 30px 35px;
	padding-left : 40px;
	width : 710px;
	height : 100%;
	font-family: verdana, arial, sans-serif;

	background : url(images/fond_pointilles_xxl.png) left repeat-y;
}

#plan_site h1 {
	margin-bottom : 5px;
}

#plan_site h2 {
	margin : 15px 0 5px 0;
}

.titre_rub a {
	color : black;
}

.titre_rub a:hover {
	color : #F79F11;
}

/*-------------------------- PROPRIETES VALABLES UNIQUEMENT POUR LA PAGE DE RESULTATS DE RECHERCHE -------------------------- */

#hierarchie {
	margin : -22px 0 0 10px;
	width : 300px;
	font-weight : bold;
	font-size : 11px;
	color : black;
}

#hierarchie a {
	font-size : 11px;
	color : white;
}

#hierarchie a:hover {
	text-decoration : underline;
}

#contenu {
	float : left;
	margin : 30px 8px 30px 35px;
	padding-left : 40px;
	width : 500px;
	height : 100%;
	font-family: verdana, arial, sans-serif;

	background : url(images/fond_pointilles_xxl.png) left repeat-y;
}

.surtitre, .titre, .resulat_article {
	margin-bottom : 10px;
}

.invisible {
	margin-bottom : 5px;
}

.resultat_rubrique {
	font-weight : bold;
}

.spip_surligne {
	background-color : yellow;
}
p.spip{
	margin:10px 0;
	line-height: 1.2em;
	}