/*####################################################################################################*/
/*                                                                                                    */
/*                                          RA21 SCREEN CSS                                           */
/*                                             ACTi 2007                                              */
/*                                                                                                    */
/*####################################################################################################*/

body{ text-align:center; margin:0px; padding:0px; border-top:#96BC1D solid 5px; color:#00115c; font-family:Arial, Helvetica, sans-serif; }
	
.myhr{ clear:both; visibility:hidden; overflow:hidden; height:0px; }
form{ margin:0px; padding:0px; }
img{ border:none; }
a:link, a:active, a:visited  {text-decoration: none;}

/*############################################## CSS OVERALL ########################################*/
div#container{ width:970px; border:solid 1px #FFFFFF; text-align:left; margin:0px auto 0px auto; }


/*############################################## CSS colonne_gauche ########################################*/
div#colonne_gauche { width:186px; text-align:right; float:left; }
div#colonne_gauche_menu { width:186px; text-align:right; float:left; }
div#logo{  }
div#logo img { float:right; padding:28px 1px 0px 0px; }

div#menu{ margin:15px 20px 0px 8px; padding:0px; }
div#menu ul{ margin:0px;  padding:0px; list-style:none;  }
div#menu ul li{ background:url(../images/separateur_noir.jpg) left bottom repeat-x;  padding:5px 3px 5px 0px; }
div#menu ul li a:link, div#menu ul li a:visited { text-decoration:none; color:#000000; font-weight:bold;  }
div#menu ul li a:hover, div#menu ul li a.actif{ color:#7CA00C; }
div#menu ul li ul{ background:#F0F5DE; padding:7px 0px 0px 0px; margin:0px;  }
div#menu ul li ul li{ float:none; border:none; background:none; padding:2px 0px 2px 0px; margin:0px; }
div#menu ul li ul li a:link, #menu ul li ul li a:visited { color:#000000; display:block; width:135px; font-weight:normal; margin:0px 0px 0px 10px; padding: 3px;} 
div#menu ul li ul li a:hover, div#menu ul li ul li a.actif { color:#7CA00C; font-weight:bold; background:#FFFFFF url(../images/puce_verte.jpg) 138px 5px no-repeat; padding:3px 10px 3px 0px; margin:0px 0px 0px 5px; } 

div#menu_trans{ color:#638308; margin:40px 20px 0px 8px; padding:0px;}
div#menu_trans strong { font-weight:bold; float:right; padding:5px 3px 5px 0px; }
div#menu_trans form { }
div#menu_trans input { border:#D5D5D5 1px solid; width:115px; color:#638308; font-size:0.8em; padding:4px; text-align:right; }
div#menu_trans input.sub_form { border:none; width:23px; height:23px; position:relative; top:9px }
div#menu_trans ul{ margin:0px; padding:0px; list-style:none;  }
div#menu_trans ul li{ background:url(../images/separateur_vert.jpg) bottom left repeat-x; width:158px; padding:5px 3px 5px 6px; }
div#menu_trans ul li a:link, #menu_trans ul li a:visited { text-decoration:none; color:#638308; font-weight:none;  }
div#menu_trans ul li a:hover{ color:#000000; }


/*############################################## CSS colonne_centrale ########################################*/
div#colonne_centrale { width:610px; float:left; margin:0px; padding:0px; }

div#anim { width:610px; height:310px; margin:0px; padding:0px;  }
div#anim ul { margin:0px; padding:0px; list-style:none; }
div#anim ul li {  }

div#top_int { width:610px; height:271px; margin:0px; padding:0px; }
div#top_int ul { margin:0px; padding:0px; list-style:none; }
div#top_int img { cursor:pointer; }
div#top_int div { display:none; position:absolute; top:6px; }

div#entete { min-height:40px; background:url(../images/entete_fond.jpg) top left no-repeat; padding:5px 0px 0px 27px;}
div#entete h1 { color:#93BD1D; padding:0px; margin:0px; font-size:1.4em; width:380px; }
div#entete div#fonctions { float:right; margin-right:100px; width:50px; }
div#entete div#fonctions a:link, div#entete div#fonctions a:visited { display:block; float:left; height:14px; width:14px; background-position:bottom left; background-repeat:no-repeat; margin:2px 8px 0px 0px; }
div#entete div#fonctions a:hover { background-position:top left; }
div#entete div#fonctions a span { display:block; text-indent:-9999px }
div#entete div#fonctions a.texte_inf:link, div#entete div#fonctions a.texte_inf:visited { background-image:url(../images/texte_inf.jpg);  }
div#entete div#fonctions a.texte_sup:link, div#entete div#fonctions a.texte_sup:visited { background-image:url(../images/texte_sup.jpg);  }
div#entete div#fonctions a.contraste:link, div#entete div#fonctions a.contraste:visited { background-image:url(../images/contraste.jpg);  }

div#entete div#ariane { color:#767676; width:380px; }
div#entete div#ariane a:link, div#ariane a:visited { text-decoration:none; color:#767676; }
div#entete div#ariane a:hover { text-decoration:none; color:#93BD1D; }

div#contenu { background:url(../images/fond_content.jpg) top left repeat-y; float:left; margin:0px 0px 0px 0px; width:590px; }
div#content { float:left; padding:15px 27px 5px 27px; }
div#content h2 { font-size:1.3em; border-bottom:1px solid #94BA26; padding:0px; margin:5px 0px; width:50%; color:#94BA26;}
div#content h3 { font-size:1.1em; padding:3px 0px 4px 10px; background:transparent url(../images/puce_noire.jpg) no-repeat scroll left; margin: 0px 0px 0px 10px;}
div#content h4 { font-size:1.0em; padding:3px 0px 4px 10px; background:transparent url(../images/puce_verte.jpg) no-repeat scroll left; margin: 0px 0px 0px 25px; color:#94BA26;}

div#content h3 a:link, div#content h3 a:visited {  color:#000000; text-decoration:none;}
div#content h3 a:hover {  color:#638308; }

div#content h4 a:link, div#content h4 a:visited {  color:#94BA26; text-decoration:none;}
div#content h4 a:hover {  color:#638308; }

div#content ul{ margin:0px 0px 20px 50px; padding:0px; list-style:none;  }
div#content ul li{ margin:10px 0px 0px 0px; padding:0px;  background:url(../images/puce_noire.jpg) 2px 3px no-repeat; padding:0px 0px 0px 13px;}
div#content ul li a:link, #content ul li a:visited { text-decoration:none; color:#000000; }
div#content ul li a:hover{ color:#97BC1E; }

div#content a:link, div#content a:visited { color:#638308; text-decoration:underline; }
div#content a:hover{  text-decoration:none; color:#94BA26; }
div#content strong{ font-weight:bold; color:#94BA26; }
div#content .noir, div#content_home .noir{ font-weight:bold; color:#000; }

div#content_home {  padding:27px; width:290px; float:left; }
div#content_home p, div#content p { font-size:1.1em;  text-align:justify; }
div#content_home a.savoir_plus:link, #content_home a.savoir_plus:visited, div#content a.savoir_plus:link, #content a.savoir_plus:visited { color:#658108; text-decoration:none; font-size:1.0em; font-weight:bold; background:url(../images/puce_verte.jpg) 0px 2px no-repeat; padding:0px 0px 0px 10px; }
div#content_home a.savoir_plus:hover, div#content a.savoir_plus:hover { text-decoration:underline; }
div#actu_home { float:left; margin:0px;}
div#actu_home h2 { text-indent:-9999px; background:url(../images/h2-actu.jpg) top left no-repeat; width:83px; height:27px; padding:0px; margin:5px 0px 0px 0px;  }
div#actu_home ul{ margin:0px 0px 20px 0px; padding:0px; list-style:none;  }
div#actu_home ul li{ margin:6px 0px 0px 5px; padding:0px 0px 6px 0px; background:url(../images/separateur_vert.jpg) bottom left repeat-x; width:206px; }
div#actu_home ul li a:link, #actu_home ul li a:visited { text-decoration:none; color:#000000;  background:url(../images/puce_noire.jpg) 2px 3px no-repeat; }
div#actu_home ul li a:hover{ color:#97BC1E; }
div#actu_home a.savoir_plus:link, #actu_home a.savoir_plus:visited { color:#658108; text-decoration:none; font-size:1.0em; font-weight:bold; background:url(../images/puce_verte.jpg) 0px 2px no-repeat; padding:0px 0px 0px 10px; margin:0px 0px 10px 7px; }
div#actu_home a.savoir_plus:hover { text-decoration:underline; }
div#content_doc{ float:right; width:208px; margin:-15px 0px 0px 20px; }
div#content_doc h2{ text-indent:-9999px; background:url(../images/h2-doc.jpg) top left no-repeat; width:83px; height:27px; padding:0px; margin:0px;}
div#content_doc ul{ margin:20px 0px 20px 0px; padding:0px; list-style:none;}
div#content_doc ul li{ margin:6px 0px 0px 5px; padding:0px 0px 6px 0px; width:206px; background:none; }
div#content_doc ul li a:link, #content_doc ul li a:visited { text-decoration:none; color:#678102;  background:url(../images/pdf_small.gif) 0px 0px no-repeat;padding:0px 0px 0px 18px;}
div#content_doc ul li a:hover{ color:#97BC1E; }

div#services { margin:20px 0px 10px 0px; }
div#services a:visited, div#services a:link{ color:#000000; text-decoration:none; padding:0px 30px 0px 0px; float:left; }
div#services a.service_right:visited, div#services a.service_right:link { float:right; color:#000000; text-decoration:none; margin:0px 0px 0px 0px; padding:0px; }
div#services a:hover, div#services a.service_right:hover { color:#638308;  }


/*############################################## CSS colonne_droite ########################################*/
div#colonne_droite { width:165px; float:left; margin:0px; padding:0px; overflow:hidden; }

div#infos { margin:28px 0px 0px 0px; }
div#bas_droite{ margin:84px 0px 0px 0px; }
div#infos ul, div#bas_droite ul{ margin:0px; padding:0px; list-style:none; }
div#infos ul li, div#bas_droite ul li{  margin:10px 0px 0px 0px; padding:0px 0px 18px 0px; background:url(../images/separateur_vert.jpg) bottom left repeat-x; text-align:center; }
div#infos ul li a:link, #bas_droite ul li a:visited, div#infos ul li a:hover, div#bas_droite ul li a:link, #bas_droite ul li a:visited, div#bas_droite ul li a:hover { text-decoration:none; }
div#infos ul li.no_trait, div#bas_droite ul li.no_trait{ background:none; }
.encart_titre { background:url(../images/encart_fond.jpg) top left no-repeat; width:165px; height:26px; padding:5px 5px 5px 10px; }


/*############################################## CSS footer ########################################*/
div#footer{ float:left; margin:0px; width:590px; color:#638308; background:url(../images/content_bottom.jpg) top left no-repeat; padding:25px 0px 0px 0px; }
div#footer a:link, div#footer a:visited{ color:#638308; text-decoration:none; padding:0px 15px 0px 15px;  }
div#footer a:hover{ text-decoration:underline; color:#638308; }
div#footer strong{ padding:0px 20px 0px 0px; background:url(images/footer1-strong.gif) right no-repeat; }
div#coordonnees { float:right;}
div#coordonnees a:link, div#coordonnees a:visited { text-decoration:none; padding:0px }
div#coordonnees a:hover{ text-decoration:underline;}
div#coordonnees span { padding:0px 5px 0px 5px;  }


/*############################################## CSS formulaire ########################################*/
div#content div.spip_forms, div#content div.spip_forms fieldset{ border:none; padding:0px; margin:0px; }
div#content div.spip_forms fieldset legend{ display:none; }
div#content div.spip_forms fieldset input, div#content div.spip_forms fieldset textarea{ background:#FFFFFF; border:solid 1px #7CA00C; }
div#colonne-milieu div.spip_forms fieldset div.spip_bouton input{ margin:10px 0px 0px -100px; background:#F0F5DE; border:#7CA00C solid 1px; color:#FFFFFF; font-weight:bold; }
div.spip_forms .formo, div.spip_forms .fondo { width:98% }

.pics {  
    width:   206px;  
	top:  0; 
    left: 0;
	display: block;
}