/*Faire disparaitre les 2 boutons en haut de SPIP Espace Privé et Recalculer la page*/
.spip-admin-float { display:none; }

.spip_surligne { background: #FF6; }

body
{
	margin: 0 ;
	padding: 0 ;
	text-align: center ;
	height: 100%;
	
	background: url(images/background.jpg) no-repeat center center fixed;
	background-size: cover;
	background-position: center center; /*Firefox 8*/
	background-repeat: no-repeat; /*Firefox 8*/
	background-attachment: fixed; /*Firefox 8*/
	-webkit-background-size: cover;
	-moz-background-size: cover; /*Firefox 3.6*/
	-o-background-size: cover; /*opera*/
	-khtml-background-size: cover;
	}

#conteneur
{
	width: 800px ;
	margin: 0 auto ;
	text-align: justify ;
	font:11px Verdana,Arial;
	border: 2px solid #78B029;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color:#FFF;
}

#exploit {
position:absolute;
/margin-left:60%;
margin-left:50% !important;
margin-top:150px;
text-align:right;
font-size:0.8em;
}

#header {
}

#haut {
width:800px;
height:50px;
color:#78B029;
text-align:center;
/margin-top:15px;
}

h1#haut
{
	font-size:2.5em;
}

#haut small {
	font-size:0.5em;
	line-height:0em;
	color:black;
}

#hautgauche {
float:left;
width: 120px;
height:155px;
background: url(images/logofcmnew.gif) left 10px no-repeat;
}

#hautmilieu {
float:left;
width: 555px;
height:155px;
margin-top:-40px;
}

#hautdroite {
float:right;
width: 120px;
height:155px;
background: url(images/FFCTLogo.jpg) left 30px no-repeat;
}

#menu, #menu ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
		margin-top:155px;
		/margin-top:5px;
}

#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : #78B029; /* couleur de fond */        
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 144px; /* largeur */
}

#menu li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

#menu li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 144px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

#menu li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu li ul ul 
{
        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

#menu li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}

#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #000; /* On passe le texte en noir... */
        background: #fff; /* ... et au contraire, le fond en blanc */
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}



#contenu{
z-index:0;
/*margin-top:170px;
/margin-top:0;*/
margin-bottom:30px;
}

#gauche{
margin-top: 5px;
margin-left:5px;
float:left;
width:72%;
height:100%;
height:300px;
}

html>body #gauche{
height:auto;
min-height:300px;
}

#droite{
margin-left:75%;
height:100%;
}

#gauche h2{
clear:both;
text-align:left;
color:green;
font:bold 16px Verdana,Arial;
}
#breveADroite{
padding-top:20px;
}

#breveADroite{
padding-top:20px;
}

#breveADroite h2{
color:green;
font-weight:bold;
}

#breveADroite a{
text-decoration:none;
color:#F06;
font-weight:bold;
}

#breveADroite ul{
list-style-type:none;
}

.formulaire_recherche input.text { width: 10em; padding-left: 5px; background: #FFF url(rechercher.gif) no-repeat left center; }

#droite table {
padding-top: 25px;
}

#codep h2{
font:bold 12px Verdana,Arial;
}
#codep {
background: url(images/dep_franche_comte.gif) no-repeat;
height:250px;
}

#codep ul{
list-style-type:none;
 padding: 0px;
  margin: 0px;
  width:181px;
  height:211px;
}

#codep ul a {
display:block;
width:80px;
height:29px;
text-decoration:none;
color:green;
font: bold 15px Verdana,Arial,Helvetica,sans-serif;
}

#codep ul a:hover {
  font-size:18px;
  color:black;
}

#codep70 {
  margin-top: 20px;
  margin-left: 60px;
}

#codep90 {
  margin-top: -30px;
  margin-left: 105px;
}

#codep25 {
  margin-top: 10px;
  margin-left: 70px;
}

#codep39 {
  margin-top: 5px;
  margin-left: 30px;
}

#footer
{
	clear:both;
	background: url(images/basvert.gif) no-repeat -40px 25px;
	height:30px;
	text-align:center;
	padding-top:85px;
	color:green;
	text-decoration:none;
}

#footer a {
color:green;
text-decoration:none;
}

.igauche {
  float: left;
  padding-right: 15px;
  padding-bottom: 5px;
}

tr.row_first{
border: medium solid fff;
border-collapse:colapse;
width:100%;
background-color:#78B029;
padding:2px;
}

tr.row_even{
border: medium solid fff;
border-collapse:colapse;
width:100%;
background-color:#fff;
}

tr.row_odd{
border: medium solid fff;
border-collapse:colapse;
width:100%;
background-color:#78B029;
color:#000;
}

tr.row_even a{
color:blue;
}

tr.row_even a visited{
color:blue;
}

tr.row_odd a{
color:blue;
}

tr.row_odd a visited{
color:blue;
}

img.partenaire{
width:150px;
}

td.titrebreve{
padding-top:25px;
text-align:center;
color:#F06;
width:50%;
font:bold 15px Verdana,Arial,Helvetica,sans-serif;
}
td.contenubreve{
text-align:left;
}

td.titrebreve a{ color: #fff; }

td.titrebreve a:visited { color: #fff; }

td.contenubreve a{
color:green;
text-decoration:none;
font:bold 12px Verdana,Arial,Helvetica,sans-serif;
line-height:1.5em;
}

ul.listerando {
list-style-type:none;
}

ul.listerando h4 {
/*background:#73AEBE;*/
font:bold 15px Verdana,Arial,Helvetica,sans-serif;
color:#F06;
}

ul.listerando h3 {
font:bold 11px Verdana,Arial,Helvetica,sans-serif;
}

li.souslisterando {
padding-bottom: 5px;
border-bottom: 1px solid #78B029;
border-top: 1px solid #78B029;
}

ul.listerando a{
color:green;
text-decoration:none;
}

.espacement{
line-height:5em;
}

#droite table {
text-align:left;

}

#droite table a{
text-decoration:none;
}

#droite table a:visited{
color:blue;
}

#codep ul a:visited {
  color:green;
}

#droite h2 {
color:#F06;
font:bold 15px Verdana,Arial,Helvetica,sans-serif;
}

td.rubdroite h3 {
color:green;
font:bold 12px Verdana,Arial,Helvetica,sans-serif;
}