/* -------------------------------------------------------------------- 
                       Fédération de Ascenseurs 
                      CSS STYLES
            Par L'Ile des Medias, 2008 - S.E.E
-------------------------------------------------------------------- */

/* --- GENERAL --- */

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#003366;
margin: 10px 0 0 0;
padding: 0;
background:#fff;
}

#conteneur {
position: relative;
width: 907px;
margin: 0 auto; 
background: white;
border:0px solid red;
}

#header {
height:107px;
background: url(/public/img/header_bg.gif) top repeat-y;
}

#content {
background: url(/public/img/centre_bg.gif) top left repeat-y;
height:420px;
padding:5px 20px 5px 112px;
margin:0;
border:0px solid green;
}

#contentpage {
background: url(/public/img/centre_bg2.gif) top left repeat-y;
height:430px;
padding:0 0 0 10px;
margin:0;
border:0px solid green;
}

#contenuprincipale {width:643px; height:390px; position:absolute; left:216px; border:0px solid red; /*float:left;*/ margin:0; padding:20px; overflow:auto;}

html>body #contenuprincipale {height:388px;}

.mentions {left:116px !important; width:743px !important; top:137px;}

#footerhome {
background: url(/public/img/centre_bg.gif) top repeat-y;
border:0px solid green;
margin:-2px 0 0 0;
}

#footer {
background: url(/public/img/centre_bg2.gif) top repeat-y;
border:0px solid green;
margin:-2px 0 0 0;
}

IMG {border:0;}

/* --- Header --- */

#header div.deco {float:left; background:url(/public/img/header_top.gif) no-repeat; width:907px; height:3px; line-height:3px; }
#header div.cont {float:left; width:900px;}

#header h1 {background:url(/public/img/logo_Federations_Des_ascenceurs.gif) 4px 0 no-repeat; width:100px; height:101px; float:left; margin:0; padding:0; font-size:0px; text-indent:-10000px; padding-left:4px;}
#header h1 a {display:block; width:100px; height:101px;}

#header p.bandeau {background:url(/public/img/header_bandeau.gif) no-repeat; width:590px;  height:101px; float:left; margin:0; padding:0; text-indent:-10000px; font-size:0;}

#header img {float:left;}

#header img.logo {margin-left:4px;}

#AccesAdherent {
	width:204px;
	background: #E6ECF0 url(/public/img/acces_adherents_top.gif) top no-repeat;
	/*padding-top:24px;*/
	color:#678BA0;
	border:0px solid red;
	float:left;
}

/*#AccesAdherent table {border:0; width:100%; height:51px}
#AccesAdherent table td {text-align:right; padding:2px; font-size:11px;}

#AccesAdherent p {margin:0; padding:6px 0 6px 5px; border-top:1px dashed #678BA0;}*/

#AccesAdherent table tr td dl, #AccesAdherent table tr td dd, #AccesAdherent table tr td form, #AccesAdherent table tr td fieldset p, #AccesAdherent table tr td fieldset {margin:0; padding:0 }
#AccesAdherent table tr td dl {margin:5px 0 5px 0 ;}
#AccesAdherent table tr td dl dt {display:none;}
#AccesAdherent table tr td fieldset {border:0; }
#AccesAdherent table tr td fieldset p {position:relative; /*background:red;*/ width:150px; font-size:11px; }
#AccesAdherent table tr td fieldset p input {position:absolute; left:80px; top:0; width:97px; border:1px solid #678BA0; background: #E6ECF0; color:#678BA0; font-size:11px; margin:3px 0;}
#AccesAdherent table tr td fieldset p span {display:block; width:75px; padding:4px 3px 3px 0; /*background:blue;*/ text-align:right;}
#AccesAdherent table tr td legend {/*background:red;*/ color:#fff; text-transform:uppercase; font-size:11px; margin:0 0 10px 0; padding:0 0 0 5px;}

#AccesAdherent table tr td p.bas {margin:0; padding:6px 0 6px 5px; border-top:1px dashed #678BA0;}

#AccesAdherent table tr td input.submit {margin:0; padding:0;position:absolute;width:14px;height:17px; top:3px; left:184px;}

#AccesAdherent table tr td p.Rubrique {background:none; text-transform: uppercase; color:#fff; border:0; font-size:10px; margin:0; padding:6px 0 5px 11px; margin:0;}

/* --- Navigation Principale ---  */

#navigation {						
	/*overflow: visible ;*/
	height: 1% ;
	list-style: none ;
	margin: 0 ;
	padding: 0 0 0 1px ;
	overflow: hidden ;	/* Création du contexte de formatage */
	background: url(/public/img/centre_bg.gif) top repeat-y;
	border:0px solid green;
	}


#navigation li {
	float: left ;
	width: auto ;
	border-right: 1px solid #678BA0 ;
	/*margin-right: 1px ;*/
	color: #fff ;
	background: #809EB0;
	}
	
li#accueil {width:105px;}

li#faq {border-right:0;}


#navigation li a {
	display: block ;
	background: #809EB0;
	color: #fff ;
	font-size:10px;
	text-transform:uppercase;
	line-height: 1em ;
	padding: 10px 7px 10px 7px;
	text-align: center ;
	text-decoration: none ;
	}
#faq a {padding: 10px 8px 10px 8px !important;}	
#fede a {padding:10px 10px 10px 10px !important;}
	
#navigation li a.accueilencours {background:#678BA0;} /* Pour l'accueil */
#navigation li a.encours {background:#CDD7E0; color:#023E63;} /* Pour les autres rubriques */
	
#navigation li a:hover, #navigation li a:focus, #navigation li a:active, #navigation li a.encoursfaq {
	background: #CDD7E0;
	text-decoration: none ;
	color:#023E63;
	}

/* --- Navigation secondaire --- */

#navgauche {
	float:left;
	width: 207px ;
	list-style: none ;
	margin:14px 0 0 0;
	padding: 0 ;
	border:0px solid red;
	background: url(/public/img/navgauche_bg_li.gif) left no-repeat;
	}



#navgauche li {	
	color: #fff ;
	border: 0px solid black ;
	/*height:20px;*/
	padding:0 0 15px 0;
	margin:10px 0 15px 0;
	width: 207px ;
	text-transform:uppercase;
	background:url(/public/img/navgauche_sep.gif) 0% 100% no-repeat;
	}
	
/*html > body #navgauche li {height:40px;}*/


#navgauche li a {
	display: block ;
	background:url(/public/img/navgauche_bg.gif) left no-repeat;
	color: #023D62;
	font-size:10px;
	line-height: 1em ;
	padding: 5px 4px 5px 12px;
	text-align: left ;
	text-decoration: none ;
	}
	
#navgauche li a:hover, #navgauche li a:focus, #navgauche li a:active, #navgauche li a.encours {
	background: url(/public/img/navgauche_bg_on.gif) left no-repeat;
	text-decoration: none ;
	color:#0075BB;
	}
	
#navgauche li a.double {background:url(/public/img/navgauche_bg2.gif) left no-repeat; padding: 7px 4px 7px 12px;}
#navgauche li a.double:hover, #navgauche li a.encoursdouble {color:#0075BB ; background:url(/public/img/navgauche_bg_on2.gif) left no-repeat !important; padding: 7px 4px 7px 12px;}

ul.sousnav {float:left; list-style-type:none; margin:-1px 0 3px 5px !important; padding:0; width:175px !important;}
html > body ul.sousnav {float:none; clear:both;margin:-1px 0 3px 9px !important;}

ul.autre {margin-left:3px !important;}
html > body ul.autre {margin-left:5px !important;}

ul.sousnav li {color:#013d62 !important; padding:2px 2px 2px 10px !important; margin:0!important; background:#fff url(/public/img/tiret-liste.gif) 3px 5px no-repeat !important; width: 166px !important;}
ul.sousnav li a, ul.sousnav li a:hover {display:inline !important;padding:0 !important; margin:0; background:none !important; text-transform:none !important; font-size:11px !important; line-height:auto !important}
ul.sousnav li a.encours {color: #023D62;}



/* --- Home --- */

#flash {margin:0 23px 0 0; float:left; }

/* --- Home Espace Presse --- */

#EspacePresse {
	background: url(/public/img/espace_presse_top.gif) top no-repeat;
	margin:0 0 15px 0;
	width:384px;
	float:left;
	border:0px solid black;
}

#EspacePresse p {border-right:1px solid #CCD8E0; border-left:1px solid #CCD8E0; margin:0; padding:7px 15px 7px 15px;}

#EspacePresse p.Rubrique {background:none; text-transform: uppercase; color:#023D62; border:0; font-size:10px; margin:0; padding:12px 0 5px 17px}

#EspacePresse select {color:#023D62; font-size:12px; margin-top:10px; width:350px; font-size:10px; font-family: Arial, Helvetica, sans-serif;}
#EspacePresse div {background:url(/public/img/espace_presse_bottom.gif) no-repeat; width:384px; height:4px;}
	
/* --- Home Actualites --- */

#Actualites {
	background: url(/public/img/actualites_top.gif) top no-repeat;
	width:389px;
	float:left;
	margin:0;	
}

#Actualites p {
	background: url(/public/img/actualites_bg.gif) top repeat-y;
	margin:0;
	padding:7px 15px 0 15px;
	float:left;
	width:359px; 
}

#Actualites p.lien { float:left; width:359px; margin:0 !important; padding-bottom:7px;}

#Actualites p.Rubrique {background:none; text-transform: uppercase; color:#fff; font-size:10px; margin:0; padding:10px 0 6px 17px}

#Actualites p span.date {color:#B2362A; margin-right:2px;}
#Actualites p span.titre {font-weight:bold; display:block}
#Actualites p img {float:left; margin:3px 5px 0 0; padding:0; display:block;}

#Actualites p a {color:#003366; text-decoration:none; text-align:left !important}
#Actualites p a:hover {text-decoration:underline;}

#Actualites p a:hover span.titre {text-decoration:none;}

#Actualites div {background:url(/public/img/actualites_bottom.gif) no-repeat; width:389px; height:8px; float:left;}


/* --- Banniere home --- */
#banniere{margin-top:10px;}

/* --- Footer Home --- */

#footerhome p {width:782px; background:#801e1f; padding:0 0 1px 0; margin:0 0 0 112px; color:#ffffff; font-size:9px; text-align:center;}

#footerhome p a {color:#ffffff; font-size:10px; text-decoration:none; margin:0 17px 0 17px; padding:0; text-transform:uppercase;}

#footerhome div {float:left; background: url(/public/img/footer_bottom.gif) no-repeat; width:910px; height:10px;}

/* --- Footer --- */

#footer p {width:680px; background:#801e1f; padding:0 0 1px 0; margin:0 0 0 214px; color:#ffffff; font-size:9px; text-align:center;}

#footer p a {color:#ffffff; font-size:10px; text-decoration:none; margin:0 17px 0 17px; padding:0; text-transform:uppercase;}

#footer div {float:left; background: url(/public/img/footer_bottom2.gif) no-repeat; width:910px; height:10px;}

/* --- Liens --- */

a.fleche {color:#fff !important; font-size:10px; background: #023D62 url(/public/img/pic_lien.gif) left no-repeat; padding:0 3px 0 14px; text-decoration:none;}
a.fleche:hover {text-decoration:underline}

a.fleche span {color:#fff}

/* --- CONTENU --- */


/* général */
.clearer {clear:both;}
br.clearer {clear:both;}

#contenuprincipale h3, #contenuprincipale h4 {margin:0 0 15px 0; padding:0;}
#contenuprincipale h3 {color:#0075BB; font-size:14px; background:url(/public/img/carre-titre.gif) left no-repeat; padding-left:10px}

#contenuprincipale h4 {color:#678BA0; font-size:14px;}

#contenuprincipale p, #contenuprincipale ul, #contenuprincipale li {color:#023D62}

#contenuprincipale ul {list-style-type:none}
#contenuprincipale ul li {background:url(/public/img/carre-liste.gif) 0px 7px no-repeat; padding:0 0 5px 7px;}

#contenuprincipale table { border-collapse: collapse}
#contenuprincipale table td {padding:3px; border:1px solid #023D62;}
#contenuprincipale table td.none {border:0;}

#contenuprincipale a {color:#023D62;}
#contenuprincipale a:hover {text-decoration:none;}
a.PDF { background:url(/public/img/logo-pdf.gif) left no-repeat; padding:2px 0 2px 20px}
a.PDF:hover {text-decoration:none;}

p.liens {padding:0; margin:5px 0 !important;}
a.lienVideo{text-align:center; text-decoration:none; width:140px; margin:-5px auto 0 auto; display:block;}
a.lienVideo img{display:block; padding:3px; width:100px; margin:0 auto}
a.lienVideo:hover img{padding:2px; border:1px solid #023D62;}
a.maintenance{margin-left:250px;}


ul.navinterieure { float:left; margin:0 !important; padding:5px 0 !important; width:623px; border:1px solid #cbd8e0; }
ul.navinterieure li {background:0 !important; padding:5px 0 !important; float:left; width:206px; border-right:1px solid #cbd8e0; text-align:center;}
ul.navinterieure li.none {border:0; width:206px;}
ul.navinterieure li a {font-size:11px; color:#013d62; text-decoration:none;}
ul.navinterieure li a:hover, ul.navinterieure li a.encours {color:#0075BB !important;}
ul.navinterieure li.double {width:310px;}
ul.navinterieure li.doublenone {border:0; width:310px;}

/* POP-UP VIDEO */
#afficheVideo0{position:absolute; left:350px; top:175px; display:none}
#afficheVideo1{position:absolute; left:350px; top:175px; display:none}
#afficheVideo2{position:absolute; left:350px; top:175px; display:none}
#afficheVideo3{position:absolute; left:350px; top:175px; display:none}
a.fermerVideo{display:block; text-align:center; text-decoration:none; color:#023D62; font-size:12px; width:110px; border:1px solid #919999; border-bottom:none; background:#fff;}
a.fermerVideo:hover{color:#809eb0}

/* PAGE HISTORIQUE - Coverflow - Zoom */
div.zoom {display:none; border:1px solid #003366; width:400px; height:340px; background:#fff; padding:5px; text-align:center; position:absolute; top:20px; left:120px; z-index:10001;}

div.plus {width:460px}

div.zoom p {margin:0; padding:5px; text-align:right;}
div.zoom p span {border:1px solid #003366}
div.zoom p a {text-decoration:none;}

/* ACTUALITES */

div.actualite {float:left; width:300px; margin-right:40px;text-align:justify;}
div.actualite p {margin-top:0; padding-top:0; text-align:justify;}
span.date {color:#B2362A; margin-right:2px;}
span.titre {font-weight:bold; text-align:left !important;}
img.actu {float:left; margin:3px 5px 0 0; padding:0; display:block}

div.breves {float:left; width:280px; text-align:justify;}
div.breves ul {margin:0; padding:0;}
div.breves ul li {padding-bottom:5px;}
div.breves ul li a {text-decoration:none;}
div.breves ul li a:hover {text-decoration:underline !important;}
div.breves ul li a span.date, div.breves ul li span.date a {text-decoration:none !important;}

div.imgactu {float:left; width:320px; margin-left:20px;}
div.imgactu img {display:block;}

/* DEMANDE D'ADHESION */
dl.adhesion {margin:0; padding:0; border:0px solid red;}
dl.adhesion dt {display:none;}
dl.adhesion dd form {margin:0; padding:0;}
dl.adhesion dd, dl.adhesion dd p {margin:0; padding:0;}
dl.adhesion dd p {position:relative; width:270px; font-size:11px; padding:1px 0; }
dl.adhesion dd p input, dl.adhesion dd p select {position:absolute; z-index:1 !important; left:115px; top:0; width:150px; border:1px solid #678BA0; background: #E6ECF0; color:#678BA0; font-size:11px; margin:3px 0;}
dl.adhesion dd p input.valider {width:154px; font-weight:bold;}
dl.adhesion dd p select {width:auto;}
dl.adhesion dd p span {display:block; width:100px; padding:4px 3px 3px 0; text-align:right;}
dl.adhesion dd p span.error {position:absolute; left:270px; top:0; width:10px; padding: 4px 3px 3px 0; text-align:right;}

/* code Ape - ajax */
.test1 {/*background:red;*/ background:#e6ecf0; border:1px solid #678ba0;  top:-300px !important; height:300px !important; overflow:auto !important; position:absolute !important; z-index:100 !important; margin:0; padding:0;}
.test2 {border:0px solid yellow; margin-right:20px;}
.test3 {border:0px solid green; margin-right:20px;}

/* Espace Presse */
div.contenugauche {width:395px; float:left;}
div.contenudroite {width:390px; float:left;}

#contenuprincipale div.contenugauche {width:290px; float:left;}
#contenuprincipale div.contenudroite {width:290px; padding-left:40px; float:left;}

div.moncontenu p {margin:2px 0; }
div.moncontenu p.comm {margin:0px 0 10px 0; }
div.moncontenu p.sstitre {padding:7px 15px 7px 0px; font-weight:bold; color:#0075BB !important;}
div.moncontenu p span.date {color:#B2362A; font-weight:bold;}
div.moncontenu p.comm span.date {color:#B2362A; font-weight:normal;}
div.moncontenu p span.ordre {display:block; margin:3px 0 0 7px;}
div.moncontenu p a {color:#003366; text-decoration:none;}
div.moncontenu p a:hover {text-decoration:underline !important;}
div.moncontenu p.lien {margin-top:20px;}

/* EMPLOI - FORMATION - CARTE */
a.carte {float:right; margin-top:-30px}

/* Faq */

.faq {}
.faq ul {margin: 0; padding: 0;}

.faq a, .faq a:visited {text-decoration: none; font-weight:bold}
.faq a:hover {text-decoration: underline;}

.faq li {list-style-type: none; padding:0;}

.faq li.folded ul {display: none;}
.faq li ul {margin:0 !important; padding:0 !important;}
.faq li ul li {background:none !important; padding:0 !important;}

.faq li ul li p {margin:5px 0 10px 0; padding:0;}

/* desabonner */

.desabonner {position:relative; top:0; width:50px; border:1px solid #678BA0; background: #E6ECF0; color:#678BA0; font-size:11px; margin:3px 0;font-weight:bold !important;}

/* plan du site */
div.plan {width:350px; padding-left:20px; float:left; }
div.planfirst {margin-right:0px; padding-left:0; border-right:1px solid #678BA0}
div.plan h2, div.planfirst h2 {margin-top:0; margin-bottom:30px; padding-top:0; color:#0075BB; font-size:14px; background:url(/public/img/carre-titre.gif) left no-repeat; padding-left:10px}
div.plan h3, div.plan h3 a {color:#678BA0 !important; font-size:14px; text-transform:uppercase; padding:0 !important; background:none !important; margin-bottom:10px !important}
div.plan h3 a {text-decoration:none !important;}
div.plan h3 a:hover {text-decoration:underline !important;}
div.plan ul {list-style-type:square; margin:10px; padding:0}
div.plan ul li {color:#0075BB; font-size:12px;}
div.plan ul li a {color:#0075BB; font-size:12px; text-decoration:none !important;}
div.plan ul li a:hover {text-decoration:underline !important;}
div.plan ul li ul li {color:#003366;}
div.plan ul li ul li a {color:#003366;}
div.plan ul li span {font-size:10px}