#top
{
background-image:url(../images/logo.jpg);
background-position:top left;
background-repeat:no-repeat;
width:1014px;
height:263px;
padding:0px 0px 0px 0px;
}

#menu_rubrique
{
background-image:url(../images/m1.gif);
background-position:top left;
background-repeat:no-repeat;
width:378px;
height:37px;
padding:0px 0px 0px 0px;
}

#menu_rubrique1
{
background-image:url(../images/m2.gif);
background-position:top left;
background-repeat:no-repeat;
width:378px;
height:37px;
padding:0px 0px 0px 0px;
}

#menu_rubrique2
{
background-image:url(../images/m3.gif);
background-position:top left;
background-repeat:no-repeat;
width:378px;
height:37px;
padding:0px 0px 0px 0px;
}

#menu_rubrique3
{
background-image:url(../images/m4.gif);
background-position:top left;
background-repeat:no-repeat;
width:378px;
height:37px;
padding:0px 0px 0px 0px;
}

#top_article
{
background-image:url(../images/top_article.gif);
background-position:top left;
background-repeat:no-repeat;
width:1014px;
height:69px;
padding:0px 0px 0px 0px;
}

#jeux
{
background-image:url(../images/menu_haut_01.gif);
background-position:top left;
background-repeat:no-repeat;
width:123px;
height:32px;
display:block;
float:right;
margin:232px 0px 0px 0px;
}

#contacts
{
background-image:url(../images/menu_haut_02.gif);
background-position:top left;
background-repeat:no-repeat;
width:119px;
height:32px;
display:block;
float:right;
margin:232px 0px 0px 0px;
}

#acces
{
background-image:url(../images/menu_haut_03.gif);
background-position:top left;
background-repeat:no-repeat;
width:123px;
height:32px;
display:block;
float:right;
margin:232px 27px 0px 0px;
}

#jeux_art
{
background-image:url(../images/jeux_art.gif);
background-position:top left;
background-repeat:no-repeat;
width:124px;
height:33px;
display:block;
float:right;
margin:36px 0px 0px 0px;
}

#contact_art
{
background-image:url(../images/contact_jeux.gif);
background-position:top left;
background-repeat:no-repeat;
width:122px;
height:33px;
display:block;
float:right;
margin:36px 0px 0px 0px;
}

#acces_art
{
background-image:url(../images/acces_art.gif);
background-position:top left;
background-repeat:no-repeat;
width:122px;
height:33px;
display:block;
float:right;
margin:36px 27px 0px 0px;
}

#jeux_art_accueil
{
background-image:url(../images/menu_haut_01.gif);
background-position:top left;
background-repeat:no-repeat;
width:124px;
height:33px;
display:block;
float:right;
margin:232px 0px 0px 0px;
}

#contact_art_accueil
{
background-image:url(../images/menu_haut_02.gif);
background-position:top left;
background-repeat:no-repeat;
width:122px;
height:33px;
display:block;
float:right;
margin:232px 0px 0px 0px;
}

#acces_art_accueil
{
background-image:url(../images/menu_haut_03.gif);
background-position:top left;
background-repeat:no-repeat;
width:122px;
height:33px;
display:block;
float:right;
margin:232px 27px 0px 0px;
}

#menu_accueil
{
background-image:url(../images/menu_accueil.gif);
background-position:top left;
background-repeat:no-repeat;
width:125px;
height:34px;
display:block;
float:left;
margin:3px 0px 0px 475px;
}

#qui
{
width:100px;
height:37px;
display:block;
float:left;
margin:0px 0px 0px 20px;
}

#toutsavoir
{
width:100px;
height:37px;
display:block;
float:left;
margin:0px 0px 0px 20px;
}

#pratique
{
width:100px;
height:37px;
display:block;
float:left;
margin:0px 0px 0px 20px;
}


#bienvenue
{
background-image:url(../images/bienvenue.gif);
background-position:top left;
background-repeat:no-repeat;
width:1014px;
height:37px;
}

#protegeons
{
background-image:url(../images/protegeons.gif);
background-position:top left;
background-repeat:no-repeat;
width:1014px;
height:37px;
}

#degra_jaune
{
background-image:url(../images/degra_jaune.gif);
background-position:top right;
background-repeat:repeat-y;
border-left:1px solid #F2F5D7;
width:1014px;
height:30px;
padding:10px 0px 0px 0px;
}

#centre
{
background-image:url(../images/trait_gris.gif);
background-position:top left;
background-repeat:repeat;
width:1014px;
overflow:hidden;
border-left:1px solid #F2F5D7;
border-right:1px solid #F2F5D7;
padding:35px 0px 0px 50px;
}

#centre_general_article
{
background-image:url(../images/trait_gris.gif);
background-position:top left;
background-repeat:repeat;
width:1014px;
overflow:hidden;
border-left:1px solid #F2F5D7;
border-right:1px solid #F2F5D7;
padding:35px 0px 0px 0px;
}


#fond_image
{
background-image:url(../images/fond_image.gif);
background-position:top right;
background-repeat:no-repeat;
width:411px;
height:361px;
float:left;
padding:10px 0px 0px 20px;
text-align:center;
}

#savoir_plus
{
float:right;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
margin:30px 30px 0px 0px;
}

#block_edito
{
float:left;
overflow:hidden;
width:481px;
background-image:url(../images/trait_vert_haut.gif);
background-position:top left;
background-repeat:no-repeat;
background-color:#FFFFFF;
margin:0px 0px 0px 50px;
padding:15px 0px 0px 0px;
}

#block_edito img
{
float:left;
margin:10px;
}

#block_edito p img
{
float:left;
margin:0px 10px 10px 0px;
}

#block_edito_img
{
width:481px;
height:15px;
background-image:url(../images/trait_vert_bas.gif);
background-position:top let;
background-repeat:no-repeat;
}

#bottom
{
width:900px;
height:31px;
background-image:url(../images/logo_sictom.gif);
background-position:top left;
background-repeat:no-repeat;
margin:0px;
padding:5px 0px 0px 80px;
}

#bottom_art
{
width:900px;
height:31px;
background-image:url(../images/logo_sictom.gif);
background-position:top left;
background-repeat:no-repeat;
margin:0px 0px 0px 80px;
padding:5px 0px 0px 80px;
}

#left
{
width:113px;
min-height:241px;
background-image:url(../images/degra_jaune_menu.gif);
background-position:top let;
background-repeat:no-repeat;
float:left;
padding:30px 20px 0px 20px;
}

#centre_article
{
width:811px;
overflow:hidden;
margin:0px 15px 0px 35px;
float:left;
}

#centre_article p, #bas_sommaire p
{
font-size:12px;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
margin:5px 0px 5px 0px;
}

.liens_carte
{
display:block;
float:left;
width:250px;
font-family:Arial, Helvetica, sans-serif;
color:#7BB63A;
font-weight:bold;
font-size:12px;
text-decoration:none;
}

/* Couleurs des liens
---------------------------------------------- */
a { color: #604A7F; text-decoration: none; }

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */



/* Structure generale des formulaires
----------------------------------------------- */
.formulaire_spip { clear: both; margin-bottom: 2em; padding: 0; border: 0; text-align: left; font-size: 1em; }
.formulaire_spip form { margin: 0; padding: 0; } /* Bug IE/Win */

/* Fieldset */
.formulaire_spip fieldset { clear: both; margin: 0 0 1em 0; padding: 0; border: 0; }
.formulaire_spip fieldset legend { margin: 0; padding: 0; font-size: 1.05em; font-weight: bold; background-color: #fff; color: #333; } /* Preciser la couleur des legend et du fond pour IE/Win */
.formulaire_spip fieldset fieldset { margin-top: 1em; }
.formulaire_spip fieldset fieldset legend { font-size: 1em; font-weight: normal; }

/* Explications */
.formulaire_spip .explication { margin: 0.50em 0; color: #444; }

/* Lignes */
.formulaire_spip ul { margin: 0; padding: 0; list-style: none; }
.formulaire_spip ul li { clear: both; margin: 0; padding: 0.50em 0; }

/* Labels */
.formulaire_spip label { display: block; text-align: left; color: #444; font-weight: bold; /* pour IE/Win */ position: relative;  }
.formulaire_spip li p { margin-top: 0; margin-bottom: 0; }

.formulaire_spip .choix label{display:inline;font-weight:normal;}
.formulaire_spip .choix input.radio,
.formulaire_spip .choix input.checkbox {width:auto;}


/* Champs de saisie */
.formulaire_spip input.text { width: 15em; border: 1px inset; }
.formulaire_spip textarea { width: 99%; border: 1px inset; }
.formulaire_spip select { width: 99%; }

/* Boutons */
.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; }
.formulaire_spip .boutons input { margin-left: 1em; }
.formulaire_spip .boutons input, input.submit {}


/* Reponses, previsu et erreurs
----------------------------------------------- */

/* Champs obligatoires */
.formulaire_spip li.obligatoire {}
.formulaire_spip li.obligatoire label {}

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

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; font-size: 1.20em; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }
fieldset.reponse_formulaire.reponse_formulaire legend { color: #F57900; } /* Preciser la couleur des legend et du fond pour IE/Win */

/* * Erreurs */
.formulaire_spip li.erreur .erreur_message { display: block; color: #C30; font-weight: bold; }
.formulaire_spip li.erreur input.text, .formulaire_spip li.erreur textarea { background-color: #FCC; border-style: solid; border-color: #C30; }
.reponse_formulaire_erreur { margin: 0; color: #C30; font-weight: bold; }

/* * OK */
.reponse_formulaire_ok { margin: 0; color: #53AD20; font-weight: bold; }


/* Variantes et cas particuliers
----------------------------------------------- */

/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }
table.spip_barre a img { background: #FDA; padding: 3px; border: 1px outset #CC9; }
table.spip_barre a:focus img,
table.spip_barre a:hover img,
table.spip_barre a:active img { background: #FFF; border: 1px solid #CC9; }
table.spip_barre input.barre { width: 99%; background: transparent; border: 0; }

/* Formulaire de forum */
.formulaire_forum .saisie_titre input.text, .formulaire_forum .saisie_titre textarea { width: 98%; }

/* Selection des langues */
.formulaire_menu_lang { margin: 0; padding: 0; background: none; }

/* Formulaires de recherche (site / petitions) */
.formulaire_recherche { margin: 0; padding: 0; background: none; }
.formulaire_recherche * { display: inline; vertical-align: middle; }
.formulaire_recherche label {}
.formulaire_recherche input.text { width: 10em; padding-left: 25px; background: #FFF url(rechercher.gif) no-repeat left center; }
.formulaire_recherche input.submit {}

.spip_surligne {} /* Cf.: spip_style.css */

/* Choix des mots-clefs */
ul.choix_mots { display: block; margin: 0; padding: 0; list-style: none; }
ul.choix_mots li { clear: none; float: left; display: block; width: 30%; padding: 1%; }
ul.choix_mots li label { display: inline; font-weight: normal; }

.formulaire_spip .bugajaxie { display: none; } /* Bug IE/Win */

/* Formulaire de login dans une page */
.formulaire_login ul li {clear:left;}
.formulaire_login .editer_password .details {display:block;}
.formulaire_login #spip_logo_auteur {float:right;}


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

.texteencadre-spip {
	color: #000033;
	
	/*border-bottom: 2px solid #0066CC;
	border-left: 1px solid #3399FF;
	border-right: 2px solid #0066CC;
	border-top: 1px solid #3399FF;*/
	background-color:#d4e5f9;
border:1px solid #81bbdb;
	margin: 1em 0;	
	padding: .25em;	
	position: relative;
	padding-top:5px; 
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
clear:both;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:10px;
}

.caractencadre-spip {
	color: #F60;
	font-weight: bold;
}

.caractencadre2-spip {
	color: #009;
	font-weight: bold;
}

acronym.spip_acronym {
	cursor: help;
	border-bottom: 1px dotted;
}

/* ne marche pas sur MSIE, a refaire en jQuery */
a[hreflang]:after {
content: "\0000a0[" attr(hreflang) "]";
color: #999;
background: transparent;
font-size:x-small;
}

sup {
	vertical-align:20%;
	font-variant: small-caps;
	font-size: .5em;
}

ul.spip
{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
}