/* =================== SITE =================== */
html, body { margin: 0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #5a5f66; background-color: #0046be; }
.none { display:none; }
.clearer{ display:block; clear:both;}
a { color:#000000; text-decoration:none }
a:hover { color:#EB1C6D; text-decoration:none; }

#site {	width:990px; background:#FFFFFF url(../images/layout/header.jpg) no-repeat top center; margin:0 auto; overflow:hidden; }



/* ================== HEADER ================== */
h1#header{	display:block; padding:0; margin:0; height:144px; width:598px; font-size:14px; font-weight:bold; font-style:italic; font-family:Arial, Helvetica, sans-serif;}
#logo-flash{ position:absolute; z-index:0; top:0;   }
h1#header a{z-index:20000; display:block; position:absolute; padding:69px 0 0 480px; margin:0; width:529px; height:75px; left:0; top:0; color:#226ace;}
h1#header a span{  color:#478c11;}

div#menuprincipal{ width:990px; height:45px; background:url(../images/layout/menu-haut.jpg) repeat-x top left;}
ul#menuhorizontal{ display:none; position:absolute; padding:0; margin:0; width:775px;}
ul#menuhorizontal li{ display:block; float:left; padding:0; margin:0;  list-style:none outside none; }
ul#menuhorizontal li a{ display:block; padding:12px 7px 0 7px; margin:0; color:#FFFFFF; font-weight:bold; height:27px; border-left:#0046be 1px solid; font-size:11px; border-right:#005cce 1px solid;}
ul#menuhorizontal li a:hover{text-shadow:0 -2px 0 #0038a7; background:url(../images/layout/menu-haut-over.jpg) repeat-x top left; border-left:#005cce 1px solid; border-right:#0046be 1px solid;}

form#recherche { display:block; float:right; padding:3px 7px; margin:8px 0 0 0; width:200px; background:url(../images/layout/champ-recherche.gif) no-repeat left;}
form#recherche input { float:left; display:block; border:0; background:none; margin:0; padding:0; font-style:italic; color:#999999;}
form#recherche a{ display:block; padding:0; margin:0; height:19px; width:19px; float:left;}
form#recherche a span{ display:none;}



/* ================== CENTRE ================== */
div#zone_centrale{ width:100%; background: url(../images/layout/contenu-haut.jpg) no-repeat top left;}

p#breadcrumb{ display:block; float:left; width:494px; padding:0 6px 6px 6px; margin:0;  color:#6e96b1; font-size:10px;}
p#breadcrumb *{  color:#6e96b1; } 
p#breadcrumb a { text-decoration:underline; }
p#breadcrumb a:hover{ text-decoration:none;}
p#breadcrumb span { font-weight:bold;}



/* ================== ZONE GAUCHE ================== */
div#contenu_gauche{ width:705px; padding:10px 6px 6px 6px; margin:6px; float:left;}


/* ================== COLONNE GAUCHE ================== */
div#colonne_gauche{ width:187px; padding:0; margin:0 6px 6px 0; float:left; overflow:hidden;}

a#encart-accueil1{ display:block; padding:0; margin:0; background:url(../images/layout/encart-accueil-1.jpg) no-repeat top left; width:186px; height:190px}
a#encart-accueil1 h2{ display:block; margin:0; padding:18px 0 12px 0; font-size:17px;  text-align:center; color:#0053c7; }
a#encart-accueil1 p{ font-size:11px; padding:0 20px; line-height:1.8em;}

a#encart-accueil2{ display:block; padding:0; margin:0; background:url(../images/layout/encart-accueil2.jpg) no-repeat top left; width:186px; height:196px;}
a#encart-accueil2 p{ font-size:11px; padding:100px 20px 0 20px; margin:0; line-height:1.8em;}

div#actu { width:187px;}
div#actu h2{ display:block; margin:0; padding:18px 0 8px 0; font-size:16px;  text-align:center; color:#0053c7; border-bottom:dashed 1px #0053c7; text-align:left;}
div.block_actu{ position:absolute; width:187px; cursor:pointer;}

div#vosrubriques{}
div#vosrubriques h2{ display:block; margin:0; padding:18px 0 8px 0; font-size:16px;  text-align:center; color:#3d8800; border-bottom:dashed 1px #0053c7; text-align:left;}
div#vosrubriques ul{ padding:0; margin:0; }
div#vosrubriques ul li { padding:7px 0 0 7px; list-style:none outside none;}
div#vosrubriques ul li span{color:#679aab; font-weight:bold; font-size:16px; font-family:Geneva, Arial, Helvetica, sans-serif;}
div#vosrubriques ul li a{ color:#000000; font-weight:normal; text-decoration:none; }
div#vosrubriques ul li a:hover{ text-decoration:underline; color:#679aab;}

/* ================== CONTENU ================== */
div#contenu{ width:506px; padding:0; margin:0 0 6px 6px; float:left;  overflow:hidden;}

h1.titre_contenu{ display:block; text-align:right; background:url(../images/layout/fondtitre.jpg) repeat-y top right; font-size:18px; color:#0053c7; letter-spacing:1.5px; padding:7px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }

div.actu-contenu{ margin:5px 0; padding:5px; }
div.actu-contenu h3 a{ color:#5a5f66; font-size:12px;}
div.ssrub0{ display:block; clear:both; border-top:1px solid #d9d9d9;  }
div.ssrub0 div.actu-contenu { background-color:#cfe2ff; }
div.ssrub1{ display:block; clear:both; border-top:1px solid #d9d9d9;}

a.ensavoirplus{ text-decoration:underline; color:#969696; letter-spacing:1.5px; }
a.ensavoirplus:hover{ text-decoration:none; }

p#pagination{ display:block; color:#5a5f66; padding-top:20px;}
p#pagination a{ color:#5a5f66; }

div.result_recherche{ border-top:1px solid #d9d9d9; padding:10px 0; margin:0 0 15px 0; }
div.result_recherche h2{ color:#0053c7; font-size:12px; } 

/* ================== COLONNE DROITE ================== */
div#colonne_droite{ width:246px; padding:6px; margin:3px 3px 6px 0; float:left;  overflow:hidden;}

ul#lienscomp{ padding:0 0 0 4px; margin:10px 0; width:242px; }
ul#lienscomp li{ display:block; list-style:none outside none; padding:0 17px 10px 0;}
ul#lienscomp li a{display:block; margin:0; padding:0 0 0 25px ; height:19px; font-size:14px; font-weight:bold;  text-align:left; color:#0053c7; text-decoration:underline;}
ul#lienscomp li a:hover{ text-decoration:none; }
ul#lienscomp li a.nousecrire{ background:url(../images/layout/nous-ecrire.gif) no-repeat left;}
ul#lienscomp li a.adhesions{ background:url(../images/layout/adhesions.gif) no-repeat left;}

div#candidature{ height:238px; width:246px; background:url(../images/layout/encart-candidature.png) no-repeat top; }
div#candidature h2{ display:block; margin:0; padding:18px 0 7px 0; font-size:14px;  text-align:center; color:#0053c7; }
div#candidature p{ display:block; font-size:11px; line-height:1.8em; text-align:left; padding:0 17px; }
div#candidature a{ display:block; padding:17px; margin:98px 0 0 0; color:#0053c7; text-decoration:underline; }

div#union-rep{height:160px; width:246px; text-align:center;}
div#union-rep a{ display:block; text-align:center;}

div#cavoir h2{ display:block; margin:0; padding:18px 0 7px 0; font-size:18px;  text-align:center; color:#eb1c6d; }

div.petition{}
div.petition h2{ display:block; margin:0; padding:18px 0 7px 0; font-size:18px;  text-align:left; color:#eb1c6d;}
div.petition h3{ display:block; color:#eb1c6d; font-size:12px; margin-top:12px;}
div.petition p{ font-size:11px; line-height:1.8em; text-align:left;}
div.petition a{ color:#eb1c6d; text-decoration:underline}

div#reagir{ padding-right:10px;}
div#reagir h2{display:block; margin:0; padding:18px 0 7px 0; font-size:18px;  text-align:left; color:#eb1c6d;  margin-top:12px; }
div#reagir ul { margin-top:5px; margin-left:0; padding-left:0; }
div#reagir ul li{ list-style:none outside none; font-size:11px; line-height:1.8em; text-align:left;  margin-top:12px;}
div#reagir ul li a{color:#eb1c6d; text-decoration:underline;}
div#reagir ul li a:hover{ text-decoration:none; }

div#rub_comp{ padding-right:10px;}
div#rub_comp h2{  color:#0053c7; font-size:17px; margin-bottom:0; padding-bottom:0;}
div#rub_comp h2 span{ display:block; color:#939393; font-size:14px; text-align:right; font-style:italic; }
div#rub_comp ul { margin:5px 0 0 0; padding-left:20px;}
div#rub_comp ul li{ list-style:url(../images/layout/puceplus.png); color:#858585; border-bottom:1px dashed #b5b5b5;}
div#rub_comp ul li a{ display:block; color:#858585; padding:10px 0 10px 0;}
div#rub_comp ul li a:hover{color:#cf218c;}

div#miseenavant{ position:relative; margin:0 0 4px 0; width:246px; background:url(../images/layout/mea-rub-repeat.png) repeat-y top left; }
div#miseenavant span{ display:block; position:absolute; left:0; top:-4px; width:100%; background:url(../images/layout/mea-rub-top.png) no-repeat top left;  height:164px;}
div#miseenavant h2{ display:block; position:relative; padding:18px 17px 7px 17px; font-size:14px; color:#0053c7; }
div#miseenavant p{ display:block; position:relative; font-size:11px; line-height:1.8em; text-align:left; padding:0 17px 0 17px; }
div#miseenavant a{ display:block; position:relative; top:4px; padding:0 17px 17px 17px; margin-top:-4px 0 -4px 0; color:#0053c7; text-decoration:underline; background:url(../images/layout/mea-rub-bottom.png) no-repeat bottom left;}

/* ================== FOOTER ================== */
div#footer{ clear:both; width:100%; background-color:#0046be; text-align:center; color:#FFFFFF; }
div#footer a{ text-decoration:underline; color:#FFFFFF;}
div#footer a:hover{ text-decoration:none; color:#FFFFFF;}