@charset "UTF-8";
/* CSS Document */


/* Basic code - don't modify */
 
 .droppy { display: block; margin: 0; padding: 0; position: relative; z-index:1000;}
  .droppy li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  .droppy a { display: block; }
  .droppy ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html .droppy ul { line-height: 0; } /* IE6 "fix" */
  	.droppy ul a { zoom: 1; } /* IE6/7 fix */
    .droppy ul li { float: none; }
    .droppy ul ul { top: 0; }
    

/* Everything else is theming */
 
.droppy { background:url('../../images/bg_menu.jpg') top left no-repeat; height: 30px; }
.droppy *:hover { background-color: none; }
.droppy a { margin-left:33px; text-decoration:none; color: white; font-size: 12px; line-height: 1; }


.droppy li.menu1 li {width:238px;}
.droppy li.menu1 li ul {left:239px;}
.droppy li.menu1.hover li a,.droppy li.menu1 li a { background-color:#bac102; border-bottom:1px #fff solid; }
.droppy li.menu1 li a.hover { background-color:#848804; }

.droppy li.menu2 li {width:150px;}
.droppy li.menu2 li ul {left:151px;}
.droppy li.menu2.hover li a,.droppy li.menu2 li a { background-color:#94b929; border-bottom:1px #fff solid; }
.droppy li.menu2 li a.hover { background-color:#68831d; }

.droppy li.menu3 li {width:197px;}
.droppy li.menu3 li ul {left:198px;}
.droppy li.menu3.hover li a,.droppy li.menu3 li a { background-color:#73b447; border-bottom:1px #fff solid; }
.droppy li.menu3 li a.hover { background-color:#517e32; }

.droppy li.menu4 li {width:159px;}
.droppy li.menu4 li ul {left:160px;}
.droppy li.menu4.hover li a,.droppy li.menu4 li a { background-color:#47ad70; border-bottom:1px #fff solid; }
.droppy li.menu4 li a.hover { background-color:#327950; }

.droppy li.cursor1 a {cursor:s-resize}
.droppy li.cursor1 li a {cursor:pointer}

.droppy li li.cursor2 a {cursor:e-resize}
.droppy li li.cursor2 li a {cursor:pointer}

.droppy li li li.cursor2 a {cursor:e-resize}
.droppy li li li.cursor2 li a {cursor:pointer}


.droppy ul { top: 30px; }
.droppy ul li a { padding:6px; padding-left:20px;}
.droppy ul ul li a{ margin-left:0;}
.droppy ul a.has-subnav { /*background-color: #2E2A2A*/ }
.droppy ul a.hover { /*background-color:#00CC33;*/ }
.droppy ul a { border:none; opacity: 0.9; filter: alpha(opacity=90); }
/* .droppy ul a { border-bottom: none; } - I also needed this for IE6/7 */

body{
	background:url('../../images/bg_general.jpg') #fbfbfb repeat-x top;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4c4c4c;
}

img{
	border:none;
	margin:0;
	padding:0;
}

.clear {clear:both}


/* HEADER */
.header{
	margin:0;
	padding:0;
	width:966px;
	height:188px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

.table_logo{
	background: url(../../images/cfdt_groupe-casino.jpg) no-repeat top center #fff;
	height:158px;
}

.table_menu{
	width:950px;
	height:30px;
	margin-left:8px;
	background:url('../../images/bg_menu.jpg') top left no-repeat;
}

.mise_a_jour{
	float:right;
	margin-top:138px;
	margin-right:5px;
	color:#7e7e7e;
}


/* CONTENU */
.page{
	width:966px;
	margin-left:auto;
	margin-right:auto;
}

.animation_accueil{
	background:url('../../images/bg_animation_accueil.jpg') no-repeat top center;
	position:relative;
	height:273px;
	margin-top:0;
	padding-top:8px;
}

.animation_accueil img{
	position:absolute;
    top:8px;
    left:16px;
    z-index:8;
}

.animation_accueil img.active {
    z-index:10;
}

.animation_accueil img.last-active {
    z-index:9;
}

.bg_haut{
	margin-top:8px;
}

.contenu{
	background:url('../../images/bg.jpg') repeat-y top center;
	height:100%;
	padding:37px;
	padding-top:21px;
}

.colonne_gauche{
	width:230px;
}

.menu_filieres{
	width:230px;
	background:url('../../images/fond_menu_filieres.gif') top center no-repeat #fff;
	border-bottom:1px #cdccaf solid;
}

.navigation {
	font-weight:bold;
	text-transform:uppercase;
	font-size:12px;
	line-height:15px;
	margin: 0; 
	padding: 15px; 
	list-style:none; 
	color: #737373; 
	width: 200px;
}
.navigation,.navigation ul,.navigation ul li,.navigation ul li a {line-height:20px}
.navigation a, .navigation span { 
  display: block; 
  padding: 4px 10px; 
  text-decoration: none; 
} 
.navigation .toggleSubMenu a, .navigation .toggleSubMenu span { 
  background:url('../../images/fleche_off.gif') no-repeat left;
  color: #737373;
  padding-left:15px;
} 
.navigation .open a, .navigation .open span { 
  background:url('../../images/fleche_on.gif') no-repeat left;
  color: #ff6c03;
  padding-left:15px; 
} 
.navigation a:hover, .navigation a:focus, .navigation a:active { 
  text-decoration:none; 
} 
.navigation .subMenu,.navigation .subMenu {
	line-height:12px;
	color:#ff6c03;
	font-size:11px;
	font-weight:normal;
	text-transform:none;
	list-style:none;
	margin: 0; 
	padding: 0;
	padding-left:35px; 
}
.navigation .subMenu li {background:url('../../images/menu_deroule_gauche.gif') no-repeat center left}
.navigation .subMenu li.last {background:url('../../images/menu_deroule_gauche_last.gif') no-repeat center left}
.navigation ul.subMenu a { 
  background: none; 
  padding: 3px 20px; 
  color: #737373;
}

.navigation ul.subMenu a:hover,.navigation ul.open_at_load a:hover {color: #ff6c03}

.colonne_centre{
	width:630px;
	float:right;
}


.colonne_centre  h1{
	font-weight:lighter;
	color:#138e95;
	text-transform:uppercase;
	letter-spacing:-1px;
}

.colonne_centre a{
	color:#7b7964;
	text-decoration:none;
	border-bottom:dotted #7b7964 1px;
}

.colonne_centre a:hover{
	color:#4c4c4c;
	border-bottom:none;
}

.bloc{
	margin-top:45px;
}

.actus{
	margin-top:15px;
	border-bottom:1px #cdccaf solid;
	padding-bottom:15px;
}

.actus_principale{
	margin-top:55px;
	background:#f3f3eb;
	border-bottom:1px #cdccaf solid;
	padding-bottom:15px;
}

span.date_news {
	color:#999;
	font-size:11px;
}

.actus a,.colonne_centre .actus a, .actus_principale a, #adhesion a{
	border:none;
	text-decoration:none;
	color:#4c4c4c;
}

.actus h5,.colonne_centre .actus h5, .actus_principale h5, #adhesion h5{margin-bottom:0;font-size:11px;}

.actus p,.colonne_centre .actus p, .actus_principale p {margin:5px 0 0 0}

.actus p,.colonne_centre .actus p a{line-height:14px}

.actus a:hover,.colonne_centre .actus a:hover, .actus_principalea:hover, #adhesion a:hover{
	text-decoration:underline;
}

.date_actu,.colonne_centre .date_actu{
	color:#9a9a9a;
	font-weight:normal;
	text-align:right;
}

table th{
	background-color:#f0dfbf;
	font-size:12px;
}

h2{
	background:#a0a0a0;
	padding:3px;
	padding-left:6px;
	padding-right:6px;
	color:#fff;
	font-size:13px;
	text-transform:uppercase;
}

h3{
	padding-top:15px;
	font-size:13px;
	color:#fc7523;
}

h4{
	font-size:12px;
	color:#138e95;
	font-weight:bold;
}



/* DOCUMENTS JOINTS */

ul#pdf li {line-height:18px}

.colonne_centre ul#pdf,ul#pdf{
	list-style:none;
	margin-left:0;
	margin-top:0;
}
.colonne_centre ul#pdf li em,ul#pdf li em {
	display:none;
	font-style:normal;
	font-size:10px;
	padding-left:0px;
	color:#999;
}

.colonne_centre ul#pdf h3,ul#pdf h3 {
	padding-top:15px;
}

.colonne_centre ul#pdf li:hover em,ul#pdf li:hover em {display:inline}

/* LISTE */

.colonne_centre ul {
	list-style:url(img/puce.gif);
	margin-left:16px;
	line-height:18px;
}

/* GBOUTON */

input.gbouton,.gbouton,#content .gbouton {
	background:url(../../images/boutons/gbouton.gif) repeat-x top;
	color:#222;
	text-decoration:none;
	line-height:22px;
	height:22px;
	padding:0 7px 0 7px;
	border:1px solid #BBBBBB;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	text-shadow:1px 1px 1px #FFF;
}

.gbouton,#content .gbouton {
	padding:2px 7px 2px 7px;
	line-height:24px;
	height:24px;
	font-size:11px;
}

input.gbouton:hover,.gbouton:hover,#content .gbouton:hover {
	border:1px solid #939393;
	cursor:pointer;
}

input.gbouton:active,.gbouton:active {
	background:url(../../images/boutons/gbouton-hover.gif) repeat-x bottom;
}

/* CONNEXION MILITANT */

#acces_militants {
	padding:10px;
	line-height:23px;
}

/* FOOTER */

.footer{
	z-index:99999;
	margin:0;
	padding:0;
	background:url('../../images/bg_footer.jpg') no-repeat bottom;
	height:27px;
	text-transform:uppercase;
	line-height:26px;
	font-weight:bold;
	color:#fff;
}

.footer a{
	text-decoration:none;
	text-transform:uppercase;
	color:#fff;
}

.footer a:hover{
	color:#7b7964;
}

/* FORMULAIRE */

#contact_form th {text-align:right;padding-right:5px}

#contact_form th, #contact_form td {padding:4px}

#contact_form .requis {color:#C00;padding-left:3px}


#demande_login_form {border-collapse: separate;
        border-spacing: 0px 5px; /* Nombre de pixels d'espace horizontal (0px), vertical (5px) */
	}

#demande_login_form th {text-align:right;padding-right:5px}

#demande_login_form th, #demande_login_form td {padding:4px}

#demande_login_form .requis {color:#C00;padding-left:3px}

#demande_login_form .details {padding-left:3px;font-size:9px}

.moteurderecherche{position:absolute; top: 5px; left: 475px; color: black; font-size: x-large}



/* FORMATIONS */

table#forma {
	border:1px solid #CCC;
}

table#forma td {
	line-height:24px;
	height:24px;
	padding:3px;
	border-bottom:1px solid #FFF;
}

table#forma td td {border:none}

table#forma tr td {background:#F1F1F1}

table#forma tr.fond_blanc td {background:#FFF}

table#forma td.nom_formation {
	width:150px;
	font-weight:bold;
}

table#forma td.desc_formation {
	color:#444;
	font-size:11px;
	line-height:16px;
	padding-top:7px;
	padding-bottom:7px;
}

table#forma tr td.etats {
	width:75px;
	text-align:center;
}

table#forma td.etats a {display:none}
table#forma tr:hover td.etats a {display:inline;opacity:0.5}
table#forma tr:hover td.etats a.etat2 {display:inline;opacity:1}
table#forma tr:hover td.etats a:hover {opacity:1}

table#forma td.etats a,table#forma td.etats a:hover {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color:#FFF;
	font-size:10px;
	text-transform:uppercase;
	padding:2px 4px 2px 4px;
	text-decoration:none;
	border:none;
}

table#forma td.etats .etat1 {background:#093}
table#forma td.etats .etat2 {background:#C03}

table#forma th {
	background:#138e95;
	border-top:1px #111 solid;
	border:none;
	color:#FFF;
	font-size:10px;
	padding:5px;
	text-transform:uppercase;
}

/* -- Sondages --*/

#block_sondage {
	border-bottom:1px solid #cdccaf;
	padding:10px 20px;
}

#block_sondage .titre {
	font-weight:bold;
	font-size:13px;
	margin-bottom:8px;
}

/* -- Champs -- */

.requis {color:#F00}

#champs .titre {
	text-align:right;
	font-weight:bold;
}