/* definit et la police de caractère par défaut du corps du texte et le gris du fond d'écran */
body 
{
font-family:arial,tahoma,verdana,sans-serif;
font-size:1em;
color:#808080;
background-color:#808080;
}

/* LES ELEMENTS LIES AU BANDEAU SUPERIEUR ------------------------------------------------ */


/* le titre du bandeau */
.titre_bandeau
{
font-family:arial,tahoma,verdana,sans-serif;
font-size:2em;
line-height:.3em;
color:#808080;
}

.titre_bandeau a:link, .titre_bandeau a:active, .titre_bandeau a:visited {text-decoration:none;color:#808080;}
.titre_bandeau a:hover {text-decoration:none;color:white}

/* le sous-titre du bandeau */
.soustitre_bandeau
{
font-family:arial,tahoma,verdana,sans-serif;
font-size:1.2em;
line-height:.3em;
color:#808080;
}

.soustitre_bandeau a:link, .soustitre_bandeau a:active, .soustitre_bandeau a:visited {color:#808080;text-decoration:none}
.soustitre_bandeau a:hover {text-decoration:none;color:white}

/* les indications additionnelles du bandeau */
.commodites_bandeau
{
font-family:arial,tahoma,verdana,sans-serif;
font-weight:bold;
text-align:right;
font-size:1em;
line-height:.3em;
color:#808080;
}

.commodites_bandeau a:link, .commodites_bandeau a:active, .commodites_bandeau a:visited {text-decoration:none;color:#808080;}
.commodites_bandeau a:hover {text-decoration:none;color:white}

/* la police du menu du bandeau et les liens hypertextes associés */
.menu_bandeau
{
font-family:arial,tahoma,verdana,sans-serif;
font-size:1.2em;
color:white;
}

.menu_bandeau a:link, .menu_bandeau a:active, .menu_bandeau a:visited {text-decoration:none;color:#FF8C00;}
.menu_bandeau a:hover {text-decoration:none;color:white}

/* les onglets du menu et leur comportement dynamique  */
.menu_thumbnail
{
float:left;
background-image:url('topbutton_02.gif');
background-repeat:repeat-x;
background-position:center center;
width:auto;
height:23px;
text-align:center;
padding:15px 3px 5px 3px;
}

.menu_thumbnail:hover
{
background-image:url('topbuttonhover_02.gif')
}

.menu_leader
{
float:left;
background-image:url('topbutton_01.gif');
background-repeat:no-repeat;
background-position:center center;
text-align:center;
width:auto;
height:23px;
padding:15px 0px 5px 0px;
}

.menu_leader:hover
{
background-image:url('topbuttonhover_01.gif')
}

.menu_trailer
{
float:left;
background-image:url('topbutton_03.gif');
background-repeat:no-repeat;
background-position:center center;
width:fixed;
height:23px;
margin-right:5px;
text-align:center;
padding:15px 0px 5px 0px;
}

.menu_thumbnail:hover
{
background-image:url('topbuttonhover_03.gif')
}

/* le formulaire de recherche */
.formulaire_recherche
{
font-family:arial,tahoma,verdana,sans-serif;
font-weight:bold;
text-align:right;
font-size:1em;
line-height:.5em;
color:#808080;
}


/* LES ELEMENTS DE STRUCTURATION DES PAGES ------------------------------------------------ */

/*container principal dans lequel tout le reste est inclu */
.main_container
{
border:thin solid black;
position:absolute;
left:30px;
right:30px;
background-color:white;
padding: 10px 10px 10px 10px
}

/* container du bandeau supérieur */
.bandeau_container /* maintenant inutilisé - remplacé par les images style 'web2.0' de bandeau-image */
{
background-color:#FF8C00;
padding: 5px 10px 5px 10px;
height:100px;
}

.bandeau_image
{
float:left;
background-image:url('bandeau.gif');
background-repeat:repeat-x;
background-position:center center;
padding:0px 0px 0px 0px;
height:100px;
width:100%
}

.commodites_textbox
{
float:right;
margin:0px 5px 5px 5px; 
}

.titre_textbox
{
float:left;
margin:0px 5px 5px 5px; 
width:auto;
}

.logo_textbox
{
float:left;
margin:0px 5px 5px 5px; 
width:100px;
padding:5px 0px 5px 0px;
background-color:transparent;
}


/* colonne de gauche */
.left_container
{
float:left;
padding: 10px 5px 10px 10px;
width:68%;
}

/* plein écran (utilisé pour la rubrique documents */
.fullscreen_container
{
float:left;
padding: 10px 5px 10px 10px;
width:100%;
}

/* le container des articles mis en exergue */
.mainarticle_container a:link, .mainarticle_container a:active, .mainarticle_container a:visited 
{
text-decoration:none;
color:#808080;
}

.mainarticle_container a:hover
{
text-decoration:none;
color:#FF8C00;
}


/* le container des news mises en exergue */
.lastnews_container
{
float:left;
margin: 5px 0px 15px 0px;
padding:2px 0px 2px 0px;
background-color:#E6E6FA;
border-top:thin solid #FF8C00;
border-bottom:thin solid #FF8C00;
}


/* le container des news mises en exergue */
.eachnews_container
{
float:left;
width:32%;
margin:0px 3px 0px 3px;
}

.eachnews_container a:link, .eachnews_container a:active, .eachnews_container a:visited 
{
text-decoration:none;
color:black;
}

.eachnews_container a:hover
{
text-decoration:none;
color:#FF8C00;
}


/* colonne de droite */
.right_container
{
float:right;
padding: 10px 0px 10px 0px;
width:30%;
border-left:thin groove #FF8C00;
border-right:thin groove #FF8C00;
}

/* les containers 'individuels' pour les différents éléments de la colonne de droite */
.right_daughter_container
{
text-align:right;
}


/* LES ELEMENTS DES ARTICLES PRINCIPAUX ( COLONNE DE GAUCHE ) ------------------------- */

/* Le positionnement de l'icône */
.icone_article
{
float:left;
vertical-align:top;
margin-right:15px;
width:auto;
}

/* comportement des liens internes et externes des articles */
a.spip_out:link, a.spip_out:active, a.spip_out:visited {text-decoration:none;color:#FF8C00;}
a.spip_out:hover {text-decoration:underline}

a.spip_in:link, a.spip_in:active, a.spip_in:visited {text-decoration:none;color:green;}
a.spip_in:hover {text-decoration:underline}

/* elements classiques des articles spip */
/* _resize pour les elements resizable de article.html */

.surtitre_ala_une,.surtitre_resize
{
color:#FF8C00;
font-weight:bold;
text-align:justify;
}

.titre_ala_une,.titre_resize
{
color:black;
font-weight:bold;
text-align:justify;
}

.soustitre_ala_une,.soustitre_resize
{
color:black;
font-weight:bold;
font-style:italic;
text-align:justify;
}

.chapo_ala_une,.chapo_resize
{
color:black;
font-weight:normal;
font-style:italic;
text-align:justify;
}

.corps_ala_une, .corps_ala_une p.spip, .corps_resize, .corps_resize p.spip, p.spip
{
text-align:justify;
}

.notes_container
{
border-top:thin groove #FF8C00;
}

.spip_note
{
font-style:italic;
font-size:0.8em;
font-weight:normal;
text-align:justify;
}

.ps_container
{
background-color: #E6E6FA;
margin:5px;
border:thin groove #FF8C00;
padding:15px;
}


.ps_ala_une , .ps_ala_une p.spip, .ps_resize, .ps_resize p.spip
{
font-size:1em;
color:#FF8C00;
font-weight:normal;
text-align:justify;
}

/* LES ELEMENTS TYPO DES BREVES EN EXERGUE SUR LA PAGE DE SOMMAIRE */
.icone_breve
{
float:left;
margin:5px 10px 5px 0px;
}

.breve_ala_une
{
color:#FF8C00;
font-size:0.9em;
font-weight:bold;
text-align:left;
padding-left:5px;
height:100%
}


/* LES ELEMENTS DE LA COLONE DE DROITE -------------------------------------- */

/* enlever le cadre autour des icônes rss */ 
.rss-icone
{
margin:0px 0px 0px 10px;
text-decoration:none;
}


/* les titres de ces éléments et leur comportement */
.mainlinks_titre
{
font-size:.9em;
font-weight:bold;
padding:0.7em;
color:black;
}

.mainlinks_titre a:link, .mainlinks_titre a:active, .mainlinks_titre a:visited {text-decoration:none;color:green;}
.mainlinks_titre a:hover {text-decoration:underline}

/* le contenu de ces éléments et leur comportement */
.mainlinks
{
font-size:.9em;
font-weight:bold;
padding:0.7em;
color:#FF8C00;
}

.mainlinks:hover
{
padding:0.7em;
background-color:#FF8C00;
color:white
}

/* comportement des liens de la barre d'icones */
/* les titres de ces éléments et leur comportement */

.mainlinks_image
{
padding:0.7em;
}

.mainlinks_image a:link, a:active, a:visited {text-decoration:none;color:white;}
.mainlinks_image a:hover  {text-decoration:none}
.mainlinks_image a img {border:0px}




/* LES PROPRIETES DES FORMULAIRES ------------------------- */

/* le conteneur du formulaire */
.spip_forms
{
background-color:white;
border:none;
margin:10px 30px 10px 30px;
}

/* le champ de données */
.spip_forms fieldset
{
border: 1px solid #781351;
}

/* le texte de légende du formulaire */
.spip_forms legend
{
color: #fff;
background: #ffa20c;
border: 1px solid #781351;
padding: 2px 6px
}

/* le bouton de validation du formulaire */
.spip_forms .spip_bouton input
{
color: #fff;
background: #ffa20f;
border: 2px outset #d7b9c9
} 

/* le conteneur des champs  */
.spip_forms .spip_form_champ
{
margin-right: 0.5em;
}

/* les champs proprement dits */
.spip_forms .spip_form_champ input
{
float:right;
color: #781351;
background: #ffa20c;
border: 1px solid #781351;
width:300px;
font-weight:bold;
}

/* les champs obligatoire qui ont le focus */
.spip_forms form .forml-focus, .spip_forms form input.forml-focus:focus, .spip_forms form textarea.forml-focus:focus, .forml-focus 
{
float:right;
color: #781351;
background: #dfa20c;
border: 1px solid #781351;
width:300px;
font-weight:bold;
}

/* les champs facultatifs qui ont le focus */
.spip_forms form .formo-focus, .spip_forms form input.formo-focus:focus, .spip_forms form textarea.formo-focus:focus, .spip_forms .formo-focus 
{
float:right;
color: #781351;
background: #dfa20c;
border: 1px solid #781351;
width:300px;
font-weight:bold;
}

/* les champs textarea */
.spip_forms .spip_form_champ textarea
{
float:right;
color: #781351;
background: #ffa20c;
border: 1px solid #781351;
width:300px;
font-weight:bold;
}

/* les champs textarea qui ont le focus */
.spip_forms .spip_form_champ textarea:focus
{
float:right;
color: #781351;
background: #dfa20c;
border: 1px solid #781351;
width:300px;
font-weight:bold;
}

/* l'aspect des menus déroulants */
.spip_forms .forml 
{
float:right;
color: #781351;
background: #ffa20c;
border: 1px solid #781351;
width:auto;
}

/* l'aspect des menus déroulants */
.spip_forms .fondl 
{
float:right;
color: #781351;
background: #ffa20c;
border: 1px solid #781351;
width:auto;
}


.spip_forms .fondo {width:auto; background:yellow}
.spip_forms .spip_form_choix_unique input, .spip_forms .spip_form_choix_unique input.fondo, .spip_forms .spip_form_choix_unique input.fondl {
    width:auto;
    color: #781351;
    background: #ffa20c;
    border: 1px solid #781351;
}

.spip_forms .spip_form_choix_multiple input, .spip_forms .spip_form_choix_multiple input.fondo, .spip_forms .spip_form_choix_multiple input.fondl, ul.choix_mots li input {
    width:auto;
    color: #781351;
    background: #ffa20c;
    border: 1px solid #781351;
    margin:0 5px 0 0;
}

/* les labels des champs */
.spip_forms .spip_form_label,
.spip_forms .spip_form_label label,
.spip_forms .spip_form_label .label
{
    float:left;
    font-weight: bold;
    text-align:left;
    color:#FF8C00;	
}


/* la mention [obligatoire] pour les champs obligatoire */
.spip_forms .spip_form_label_obligatoire {
  font-weight: normal;
  font-style:italic;
  font-size:.9em;
}

/* la mention de détail, typiquement "veuillez entrez une adresse email ... valide */
.spip_forms .spip_form_label_details{
  display:block;
  font-style:italic;
  text-align:left;
  font-size:.8em;
  text-align:right;
  color:red;
}

/* les containers des listes à choix */
.spip_forms ul.choix_mots,.spip_forms ul.spip_form_choix_multiple,.spip_forms ul.spip_form_choix_unique
{
  list-style:none;float:left; width:90%;
}

/* les boutons input des listes à choix unique */
.spip_forms .spip_form_choix_unique input, .spip_forms .spip_form_choix_unique input.fondo, .spip_forms .spip_form_choix_unique input.fondl {
  width:auto;
  float:right;
  background:none;
  border:none;
}

/* les label des listes à choix unique */
.spip_forms .spip_form_choix_unique label {
  float:left;
  width:80%;
  margin:0 0 5px 0;
  color:green;
  text-align:justify;
  font-weight:bold;
}




/* LES ELEMENTS DE PIED DE PAGE -------------------------------------- */

.mainlinks
{
font-size:.9em;
font-weight:bold;
padding:0.7em;
color:#FF8C00;
}

.mainlinks:hover
{
padding:0.7em;
background-color:#FF8C00;
color:white
}

/* comportement des liens de la barre d'icones */
/* les titres de ces éléments et leur comportement */

.pied
{
font-size:.9em;
font-weight:bold;
padding:0.7em;
color:black;
}

a.pied:link, a.pied:active,  a.pied:visited {text-decoration:none;color:#808080;}
a.pied:hover {text-decoration:underline;color:#FF8C00;}


.pied_container a img {border:0px}



/* LES IMAGES INSERES ET LE PORTEFOLIO -------------------------------------- */


/*
dl
{
text-align:center;
border:thin solid red;
vertical-align:baseline;

}


dt.spip_doc_titre
{
text-align:center;
height:auto;
width:200px;
color:#FF8C00;
background-color:#808080;
padding:0px;
margin:0px;
border:thin solid blue;
}

dt 
{
width:200px;
text-align:center;
background-color:#FF8C00;
padding:10px;
}

dl dt a img
{
border:0px;
}


dd.spip_doc_descriptif 
{
font-size:0.8em;
display:table-row;
width:180px;
text-align:center;
background-color:#808080;
color:#FF8C00;
clear:both

}
*/

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin:20px auto 20px auto; }
span.spip_documents_center { display: block; margin-top:1em;}
.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: 1em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }

img, .spip_logos { margin: 0; padding: 0; border: none; }