/***************** Redéfinir les balises HTML */

html, body {
margin:0; padding:0;
background:#CFDA6E url(img/fond01.gif) top center repeat-y;
}

body {
font-size:0.8em;
font-family:"Trebuchet MS", Verdana, sans-serif;
}

a, a.spip_in, a.spip_out {
text-decoration:none;
color:#00659E;
}

a:hover {
text-decoration:none;
}

img {
border:none;
}


/*********************** Canevas général */



#page {
margin:0 auto;
padding:0;
width:820px;
background:#FFF;
}

#entete {
margin:0; padding:0;
height:120px;
}

#menu {
margin:15px 0; padding:0;
height:40px;
position:relative;
}


#corps {
margin:0; padding:0;
background:#FFF;
}


#colonne-gauche {
margin:0; padding:0;
float:left;
width:280px;
background:#EBEBEA;
}

#colonne-gauche-article {
margin:0; padding:0;
float:left;
width:200px;
background:#FFF;
font-size:0.9em;
color:#59585B;
}


#colonne-droite {
margin:0; padding:0;
float:right;
width:260px;
background:#FFF;
font-family:Arial;
}


#contenu-article {
margin:0 271px 0 201px; padding:0;
background:#FFF;
font-size:0.9em;
color:#59585B;
}


#contenu-rubrique {
margin:0 271px 0 0; padding:0;
background:#FFF;
font-size:0.9em;
color:#59585B;
}



#contenu-plan {
margin:0; padding:0;
}

#pied {
clear:both;
background:#FFF url(img/footer.jpg) no-repeat top;
height:70px;
}



/************** Les arrières-plan : couleurs ou images */

#page {
background:#FFF;
}

#entete {
background:url(img/entete.jpg) no-repeat bottom;
}


#menu {
background:#C90A72;
}

/******************* styles de l'entête */

p#accessmenu, #pied p {
text-align:center;
font-size:0.9em;
letter-spacing:0;
}

p#accessmenu a, #pied p a {
color:#0D4C40;
text-decoration:none;
}

#entete h1 {
clear:right;
margin:0; padding:0;
}

#entete h1 a {
display:block;
margin:0 0 0 -9000px;
padding:0;
height:80px;
}

p#preambule {
float:right;
margin:0; padding:10px 0 0 0;
text-align:right;
font-size:0.85em;
font-weight:bold;
}

span#home {
margin:0 5px;
padding:2px 20px 2px 0;
background:url(img/picto_home.gif) no-repeat right;
}

span#plan {
margin:0 5px;
padding:2px 20px 2px 0;
background:url(img/picto_plan.gif) no-repeat right;
}

span#contact {
margin:0 5px;
padding:2px 20px 2px 0;
background:url(img/picto_email.gif) no-repeat right;
}

p#preambule a, p#preambule a:hover {
text-decoration:none;
color:#00659E;
}

p#description {
margin:0; padding:10px 0 0 0;
font-size:0.85em;

color:#6A8C49;
font-family:"Trebuchet MS";
font-weight:bold;
}

/******************* Les liens du site */


a.spip_in, a.spip-out {
text-decoration:underline;
}







/**************** Menu */


#menu {
font-size:12px;
font-family:"Trebuchet MS";
}

#menu ul {
list-style:none;
margin:0; padding:0;
}

#menu ul li {
float:left;
}

#menu ul li a {
display:block;
width:105px;
color:#FFF;
border-right:3px solid #FFF;
line-height:12px;
}


#couleur1 {
margin:0; padding:20px 5px 0 5px;
height:20px;
background:#89910C;
}

#couleur2 {
margin:0; padding:20px 5px 0 5px;
height:20px;
background:#CB0016;
}

#couleur3 {
margin:0; padding:8px 5px 0 5px;
height:32px;
background:#00659E;
}

#couleur4 {
margin:0; padding:20px 5px 0 5px;
height:20px;
background:#007044;
}

#couleur5 {
margin:0; padding:20px 5px 0 5px;
height:20px;
background:#901372;
}

#couleur6 {
margin:0; padding:20px 5px  0 5px;
height:20px;
background:#FF5E00;
}


/*************** Les colonnes de gauche */


#descriptif-site {
margin:0;
padding:20px 15px;
color:#5B5B5B;
font-size:12px; line-height:1.4em;
font-weight:bold;
}

#descriptif-site span{
color:#00659E;
}

p.legende-photo {
margin:0; padding:2px 0 10px 0;
}


/**************** Les colonnes de droite */



#colonne-droite a {
text-decoration:none;
color:#0D4C40;
}

#tlchrg-formations {
margin:0; padding:5px 0 0 80px;
width:180px;
height:59px;
background:url(img/vignette_ce.gif) no-repeat top left;
font-size:12px; line-height:1em;
font-weight:bold;
}

span.pluspetit {
font-size:0.95em;
}

#tlchrg-cheques {
margin:15px 0 0 0; padding:15px 5px 0 80px;
width:175px;
height:59px;
background:url(img/vignette_envie.gif) no-repeat top left;
font-size:11px; line-height:1em;
font-weight:bold;
}

#tlchrg-stages {
margin:15px 0 0 0; padding:10px 0 0 80px;
width:180px;
height:54px;
background:url(img/vignette_commander.gif) no-repeat top left;
font-size:12px; line-height:1em;
font-weight:bold;
}

p.centrer {
margin:20px auto;
text-align:center;
}


/********************* Le contenu */



#contenu {
margin:0 271px 0 291px; padding:0;
background:#FFF;
}



#contenu-rubrique h2 {
margin:0; padding:2px 5px;
font-size:1.1em;
background:#89910C;
color:#FFF;
}

#contenu-article h2 {
margin:5px 0 0 0; padding:0 5px 5px 20px;
font-size:1.1em;
background:url(img/picto_article.gif) no-repeat left;
color:#89910C;
border-bottom:1px solid #89910C;
}

#contenu-rubrique h3 {
margin:5px 0 10px 20px; padding:3px 0 0 20px;
font-size:1em; line-height:1.1em;
background:url(img/picto_article.gif) no-repeat left;
color:#89910C;
border-bottom:1px solid #89910C;
}

#contenu-rubrique h3 a {
color:#89910C;
}

p.chaporub {
margin:0 0 0 20px; padding:2px 5px 2px 0;
}



#contenu-contact h2, #contenu-plan h2 {
margin:0; padding:5px 0 5px 20px;
font-size:1.1em;
border-bottom:1px solid #666;
color:#666;
background:url(img/picto_article.gif) no-repeat left;
}

#contenu-contact {
margin:0 291px 0 0;
}

#contenu-article h3, h3.spip {
margin:10px 0 2px 0; padding:0 0 0 20px;
color:#0D4C40;
background:url(img/picto_fleche.gif) no-repeat top left;
font-size:1em; line-height:1.1em;
text-align:left;
}

#contenu-article strong {
color:#0D4C40;
}

#contenu-article i {
color:#0D4C40;
}

#contenu-article p {
margin:0; padding:3px 0;
}

div.descriptif-agenda {
margin:0; padding:5px 0;
border-bottom:1px solid #89910C;
}

#quoideneuf {
margin:0;padding:0 5px;
background:#C90A72;
color:#FFF;
font-size:1.2em;
}

h3.titre-sommaire {
font-size:0.9em; line-height:1em;
margin:2px 0;padding:3px 0 0 0;
color:#0D4C40;
}

p.chapo-sommaire {
margin:0; padding:2px 0;
font-family:Verdana;
font-size:0.85em;
}

p.suite {
margin:0; padding:0 0 10px 0;
font-weight:bold;
font-size:0.85em;
}

p.suite a {
color:#89910C;
}

/****************** Le plan */


#contenu-plan h3 {
margin:10px 0; padding:3px;
background:#00659E;
color:#FFF;
letter-spacing:1px;
}

#contenu-plan ul {
list-style-type:square;
}

#contenu-plan ul li {
font-size:1.2em;
font-weight:bold;
}

#contenu-plan ul li a {
color:#03466B;
}


/***************** Le pied */


#pied p {
margin:0; padding:70px 0 10px 0;
text-align:center;
}


/**************** L'affreux formulaire compliqué ;) */

div.spip_forms {
margin:0; padding:0;
width:400px;
border:none;
font-family:"Trebuchet MS";
float:left;
}

a.form2 {
margin:0; padding:0;
}

div.spip_forms div.spip_descriptif {
font-size:1em;
font-weight:bold;
margin:0; padding:25px 0 0 15px;
color:#59585B;
}

div.spip_forms form {
margin:0; padding:0;
border:0;
}

div.spip_forms form fieldset {
border:0;
}

div.spip_forms legend {
display:none;
}


#input-2-ligne_1, #input-2-ligne_2, #input-2-email_1, #input-2-texte_1 {
border:1px solid #CCC;
background:#EEE;
}

div.spip_forms div.spip_bouton input {
border:1px solid #EEE;
background:#718D1C;
color:#FFF;
}