body,div,h1,h2,h3,h4,p,form,ul,li,input,table,textarea,a { margin:0; padding:0;}
* { font-family:Arial, Helvetica, sans-serif; }
a:focus {outline:none; }
body { position:relative; background-color:#000; color:#333; }
.underlined { text-decoration: underline; }

#conteneur-principal { position:relative; width:950px; margin:0 auto; text-align:center; background-color:#fff; z-index:0; }

#header { position:relative; z-index:9999; background:transparent url(/images/cicaeHeader.gif) 0 0 no-repeat; width:100%; height:196px; text-align:left;}
#header h1 { position:absolute; top:30px; left:270px; background: url(/images/cicaeAccroche.gif) 0 0 no-repeat; 
width:650px; height:40px; font-size:18px; line-height:40px; text-indent:-5000px; }

img#logo { position:absolute; top:0; left:7px; }

ul#navLangues { position:absolute; top:10px; left:745px; list-style-type:none;  }
ul#navLangues li { float:left; display:inline; margin:0 5px; }

/* nav */
#nav { position: absolute; list-style-type: none; width: 720px; height: 100px; text-align: left; font-size: 11px; top: 87px; left: 270px; }
#nav li { position:relative; float:left; display:inline; list-style-type:none; width:auto; z-index:50000;   }
#nav, #nav ul { list-style:none; line-height:1em; }
#nav a { display:block; height:100%; }
#nav li ul li { z-index:50000;  }

/* premier niveau */
#nav a { color:#333; font-weight:bold; text-decoration:none; display:block; }
#nav li a { background-image:url(/images/bgNavFR.gif); background-repeat:no-repeat; padding:5px; text-align:center; text-indent:-5000px; }
#nav.fr li a { background-image:url(/images/bgNavFR.gif); background-repeat:no-repeat; }
#nav.en li a { background-image:url(/images/bgNavEN.gif); background-repeat:no-repeat;}
#nav.it li a { background-image:url(/images/bgNavIT.gif); background-repeat:no-repeat;}
#nav.es li a { background-image:url(/images/bgNavES.gif); background-repeat:no-repeat;}
#nav.de li a { background-image:url(/images/bgNavDE.gif); background-repeat:no-repeat;}

/* Cicae */
#nav1 a {background-position:0 0 ; width:110px; height:30px;  }
#nav1 li a { height:33px; }
#nav1 a:hover, #nav1 a.sfhover, #nav1 a.actif { background-position:0 -70px;}
/* News */
#nav2 a {background-position:-118px 0 ; width:75px; height:30px; }
#nav2 a:hover, #nav2 a.sfhover, #nav2 a.actif {background-position:-115px -70px ;  }
/* formation */
#nav3 a {width:105px; background-position:-200px 0; height:42px;  }
#nav3 a:hover, #nav3 a.sfhover, #nav3 a.actif {background-position:-200px -70px;  }
#nav3 li a { height:32px; }
/* cinediversite */
#nav4 a { width:120px; background-position:-313px 0; height:40px;}
#nav4 a:hover, #nav4 a.sfhover, #nav4 a.actif {background-position:-313px -70px;  }
#nav4 li a { line-height:20px; height:25px;  }
/* membres */
#nav5 a { width:110px; background-position:-442px 0; height:46px; }
#nav5 a:hover, #nav5 a.sfhover, #nav5 a.actif { background-position:-442px -70px;  }
/* contact */
#nav6 a { width:90px; background-position:-560px 0; height:50px;}
#nav6 a:hover, #nav6 a.sfhover, #nav6 a.actif {background-position:-560px -70px;  }

/* second niveau */
#nav.fr li li a, 
#nav.en li li a, 
#nav.it li li a, 
#nav.es li li a, 
#nav.de li li a 
{ position:relative; margin-top:-14px;  background-image:none; background-color:#e20030; color:#fff; text-align:left; text-indent:0; }

#nav.fr li li a:hover, #nav.fr li li a.actif, 
#nav.en li li a:hover, #nav.en li li a.actif,
#nav.it li li a:hover, #nav.it li li a.actif,
#nav.es li li a:hover, #nav.es li li a.actif,
#nav.de li li a:hover, #nav.de li li a.actif  
{ background-image:none; background-color:#000; color:#fff;}

#nav li ul { /* second-level lists */
	position: absolute; background-color:#e20030; width:100px;	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left:auto;
}


ul#menuSecond { position:relative; font-size:11px; list-style-type:none; text-align:left; margin:60px 0 0 20px;  }
ul#menuSecond li { border-left:1px solid red; }
ul#menuSecond a { color:#333; text-decoration:none; padding:0 0 0 10px; }
ul#menuSecond li#news {border:0;padding:0;height:40px;line-height:40px;background:url(/images/bgNewsletter.gif) 0 0 no-repeat;margin:0 0 20px 0;}
ul#menuSecond li#news a {padding-left:45px;font-weight:bold;color:#e20030;}
ul#menuSecond li#news a:hover {color:#333;}

#miseAvant { position:relative; width:170px;border:1px solid #e5e0de; margin-left:15px; padding:30px 0 40px 0; background:url(/images/bgMiseAvant.gif) bottom left no-repeat; text-align:left; }
#miseAvant h2 { font-size:15px; padding:5px 15px 0 15px; }
#miseAvant h3 { font-size:15px; padding:5px 15px 0 15px; }
#miseAvant p { font-size:11px; padding:5px 15px 0 15px; }
#miseAvant a { color:#333;  }
#miseAvant a:hover { color:#e20030; text-decoration:none;  }

/* Contact */
#adresse {font-size:12px; font-weight:bold; font-style:normal; width:200px; float:left; margin-right:40px; }
#formContact { float:left; }
#formContact input, #formContact textarea { width:300px; }
#formContact #envoyer { width:50px; }
#formContact #errorExplanation { width: 360px; }
#colMain .fieldWithErrors { padding:5px 20px 0; }

/* Liens */
a img { border:0px; }
a { color:#e20030; }
a:hover, a:active, a:focus {color:#333; text-decoration:none; }
a:visited { color:#999;  }
a.suite { display:block; text-align:right; padding-right:20px;}
a.noir {color:#333;}
a.noir:hover {color:#e20030;}

.noDeco { text-decoration:none; }

/* Newsletter */
#form_subscribe, #form_unsubscribe { position:relative; width:500px; margin:20px 0 20px 100px; }
#form_subscribe div, #form_unsubscribe div { margin: 5px 20px; }
#form_subscribe label, #form_unsubscribe label {width:100px;display:block;float:left;display:inline;}


#form_subscribe div.fieldWithErrors { margin:0; display: inline; padding:0; }
#form_subscribe div.fieldWithErrors label { color: red; }


/* utils */
.couleur, .error { color:#e20030; }
.nof { clear:both; float:none; visibility:hidden; }
.centrer { text-align:center;}
.fright {float:right; padding:0 0 5px 5px; }
.fleft {float:left; display:inline; }
.noBord { border:none;}
.noPad {padding:0;}
.alignMiddle { vertical-align:text-bottom;}
.tiers { width:31%; float:left; display:inline; margin:0 1%; }
.fontM { font-size:13px;}




#main { position:relative; width:100%; height:auto; float:none; text-align:left; z-index:2; }

#colG { position:relative; float:left; display:inline; display:inline; margin:0 10px 0 20px; width:200px; padding-top:50px; }

#footer { position:relative; width:100%; background:#e3dddc url(/images/cicaeFooter.gif) 0 0 no-repeat; text-align:left; height:120px; }

#editeur { position:absolute; top:50px; left:20px; width:750px; height:30px; line-height:30px; font-size:11px; background-image:url(/images/cicaeAdresse.gif); text-indent:-5000px; background-repeat:no-repeat;  }
#editeur .fr { background-position: 0 0; }

#soutien { position:absolute; top:50px; left:660px; width:340px; font-size:11px; line-height:30px; text-indent:-5000px; }

#soutien a span { display:block; float:left; background:url(/images/cicaeSoutien.gif) top right no-repeat; width:160px;  }
#soutien a strong { width:115px; height:30px; display:block; float:left; text-indent:-5000px; cursor:pointer;
background:url(/images/logoMedia.gif) 0 0 no-repeat; }

#realisation { position:absolute; font-size:10px; width:300px; top:90px; left:710px; /*margin:20px auto 0 690px;*/ text-align:left;  }
#realisation a { color:#333; }
#realisation a:hover { color:#e20030; }

/* CSS communs */
#colMain { position:relative; width:625px; margin:-20px 0 0 40px; float:left; display:inline; z-index:0; } 
#colMain {font-size:11px; }
#colMain h1 { font-size:18px; background-color:#e5e0de; padding:2px 20px; margin-bottom:20px;  }
#colMain h2 { font-size:16px; padding:10px 20px 0 20px; }
#colMain h3 { font-size:14px; padding:10px 20px 0 20px; }
#colMain p { padding:5px 20px 0 20px;}
#colMain ul {padding:5px 20px 0 40px;}

#backTop {clear:both; width:22px; margin:10px 0 10px 600px; }

/* Accueil avec extrait news */
.listeExtraits { padding:0 20px;  }
.extrait { clear:both; border-bottom:1px solid #ccc; padding:5px 0 10px 0; }
.news { float:right; display:inline; width:74%;  }
.news h3 { font-size:14px; }
.masqueNews { position:relative; width:145px; height:90px; background:url(/images/bgNews.gif) 0 0 no-repeat; text-align:center; padding:10px 0 10px 0; }
.masqueNews img { border:1px solid #e20030; }

/* Actus */
.actualite p { text-align:justify;}
.illustrationActu { float:left; display: inline; margin:10px 30px 0px 20px; text-align: center; position: relative; width: 40%; }
span.legende { display:block; clear:left; font-size:11px; font-style:italic; text-align:center; padding-top:5px; color:#666; }
#docsDispos { border:1px solid #ccc; width:50%; margin:20px; margin-top: 0px; padding:10px 0; }
#docsDispos ul { list-style-type:none; margin:0; padding-left:20px; }
.actualite .chapeau { font-weight: bold; }

/* page statuts */
#colMain #statuts p {text-align:justify;}

/* CA */
table.statuts { position:relative; width: 530px; border-collapse: collapse; margin:0 0 30px 40px; }
table.statuts tr th, table.statuts tr td { border-color:#e20030; border-style:solid; border-width:1px 0; padding:5px 0; vertical-align: top; }
table.statuts tr td { width: 350px; }
table.statuts tr th { width: 180px;  font-size: 15px; text-align: right;  }

table.statuts tr td .membre { position:relative;width:300px;height:80px; border:1px solid #f1eeed; text-align:center; margin:3px 0px 0 50px; }
table.statuts .membre .portrait { float: left; display: inline; margin:5px; } 
table.statuts .membre .portrait img { border:1px solid #ccc;}
table.statuts .membre .desc { float: left; display: inline; margin-top:5px; text-align:left; }
table.statuts .membre .desc h4 { font-size: 15px; }
table.statuts .membre .desc img { position: absolute; right:5px; top:5px; }

#ca .membre .desc p, #bureau .membre .desc p, #contacts_statuts .membre .desc p { font-size: 11px; margin: 35px 0 0 0px; padding: 0; }
.membre .desc p a { color: #333; }
.membre .desc p a:hover { color: #333; text-decoration: none; }

/* Mentions légales */
.mentions p, .mentions ol li { text-align:justify; padding:10px 0 0 0; }
.mentions ol li {padding-right:20px;}

/* Membres */
#liste_membre_par_categorie  h2 { margin:10px 0; color:#e20030; }
#liste_membre_par_categorie  h3 { text-align:left; font-size:12px; width:auto; padding:10px 0 10px 40px; background:#fff url(/images/puce.gif) 20px 15px  no-repeat; }
.ficheMembre { clear:both;  background:url(/images/bgFicheMembre.gif) 0 50px repeat-y; border-top:1px solid #ccc;   }

.adresseMembre {float:left; display: inline; width:150px; margin-left:40px; }
.telMembre {float:left; display: inline; width:165px; margin-left:30px; }
.contactMembre { float:left; display: inline; width:200px; margin-left:30px; }
.contactMembre img { float:left; display: inline; margin-right:10px; }

/* Festivals */
#listeMembres {  width:310px; }
#listeMembres h2 { border-bottom:1px dotted #333; text-align:left; font-size:13px; padding:10px 0 0 0; margin-bottom:5px; width:90%; }
#listeMembres  h3 { clear:left; text-align:left; font-size:11px; padding:5px 0 0 20px; background:#fff url(/images/puce.gif) 10px 10px  no-repeat; }
#listeMembres  h3 span { font-weight:normal; padding-left:0px; }
#listeMembres { position:relative;  }

#fiche_membre { float:right; display: inline; position:relative; width:300px; border:1px dotted #e20030; margin:0 0 20px 0; background:url(/images/bgFestivals.gif) 98% 5% no-repeat; }
#fiche_membre h3 { background:none; padding:10px 0 0 20px ; background:transparent; }
.coordFestival { margin-top:10px; }

/* films */
#listeFilms h2 {padding:0; font-size:13px;}
#listeFilms p {padding:5px 0 0 0;}
#listeFilms a.suite { padding:10px 20px 0 0; }
.masqueFilm { position:relative; width:90px; height:110px; background:url(/images/bgFilm.gif) 0 0 no-repeat; text-align:center; }
.masqueFilm img { width:62px; margin:10px 0 0 0; border:1px solid #e20030; }
.extraitFilm {position:relative; text-align:center; width:280px; height:120px; float:left; display:inline; margin:10px 25px 0 5px;  }
.resume { float:right; margin-top:20px; width:180px; height:90px; display:inline; text-align:left; border-right:1px solid #ebe6e4; border-bottom:1px solid #ebe6e4; }

/* fiche film */
#colMain .detailsFilm { width:75%; float:right; }
#colMain .detailsFilm p { padding:10px 0 0 0;}
#colMain .detailsFilm td p { padding:0;}
#colMain .synopsisFilm { padding:10px; }
#colMain .galerieImages { margin-top:20px; }
#colMain .galerieImages h2 { text-align:left; font-size:11px; padding:10px 0; }
#imageFilm { padding-top:15px; text-align:center; width:140px; height:200px; background:url(/images/bgFicheFilm.gif) 0 0 no-repeat;}

table.ficheTech {position:relative;width:100%;border-collapse:collapse;vertical-align:top;}
table.ficheTech th {width:150px;padding-right:10px;text-align:right;}
table.ficheTech th,table.ficheTech td {border-bottom:1px solid #ebe6e4;vertical-align:top;}

/* formation */
#colMain .formation p { text-align:justify; }
#colMain .formation h2 { margin:0; }
#colMain .elemFormation { clear:left; margin-top:10px; border-bottom:1px dotted red; padding-bottom:10px;  }
#colMain .elemFormation h2 {font-size:13px; }
#colMain .illFormation {float:left; margin:5px 10px 5px 20px;}

#colMain .intro { background:url(/images/introBottom.gif) 99% 98% no-repeat; border:1px dotted #e20030; padding:10px 10px 20px 10px; }
#colMain .introTop { display:block; position:absolute; background:url(/images/introTop.gif) 0 0 no-repeat; width:30px; height:30px; }
#colMain .intro h2, #colMain .intro h3, #colMain .intro p  { padding:0 35px 0 35px; }

#colMain .intro .illFormation { padding:0 10px 0 10px; float:right;  }

.conditions table { border-collapse:collapse; width:90%; margin-left:20px; border:1px solid #ccc; }
.conditions table th, .conditions table td { border:1px solid #ccc;  }

#colMain .temoignage { width:170px; float:left; display:inline; margin:0 10px 0 20px;  }
#colMain .temoignage p, #colMain .temoignage img { padding:5px 0;}
#colMain .temoignage strong { color:#E20030; }

#colMain .temoignages_2007_ { position:relative; margin-top:20px; height:300px;  background:url(/images/temoignages-2007.jpg) 50% 58% no-repeat;}
#colMain .temoignages_2007_ strong { color:#E20030; }
#tem_1_ { position:absolute; width:280px; }
#tem_2_ { position:absolute; width:280px; right:0; text-align:right; }
#tem_3_ { position:absolute; width:150px; top:140px; }
#tem_4_ { position:absolute; width:150px; right:0; top:140px; text-align:right;  }

#colMain .partenaires { position:relative ; padding:10px 0 10px 0; border-bottom:1px dotted red; clear:both; }
#colMain .partenaires h2 { padding:0px 0 5px 0; }
#colMain .partenaires a img {margin:5px 0;}

#colMain #inscription_1 h1, #colMain #inscription_2 h1 { background-color: transparent; margin-bottom: 5px; margin-top: 5px; color:#E20030; }
#colMain #inscription_2 h1	{ font-size: 15px; }
#colMain #inscription_1 h1 a:visited, #colMain #inscription_2 h1 a:visited { color:#E20030; }

.lienFormFormation {position:relative;display:block;margin:15px 0 0 0; padding:20px;font-size:18px;text-align:center;}

#colMain .inscription { position: relative; }
#colMain .inscription h3 { border-bottom:1px solid red; margin:10px 0 5px 20px; padding-left:0; color:#E20030; }
.inscription h4 { border-bottom:1px solid #ccc; margin:20px 0 5px 20px; font-size:13px; }
.inscription table { margin:5px 0 0 20px; width:100%; }
.inscription td.lib, .inscription th.lib { width:180px; text-align:right; font-weight:normal; padding-right:10px; vertical-align:top; }
.inscription h4 span.lib { display:block; width:180px; text-align:right; }
.inscription textarea { font-size:12px; }
.lib input { text-align:right; }

.inputM, .inputL, .inputS { border:1px solid #ccc; }
.inputM { width:260px; }
.inputL { width:370px; }
.labS { display:block; float:left; display:inline; width:150px;}

.inscription .alertZone { display:block; color: #ff0f0f; font-weight:bold; font-size:12px; }

div.fieldWithErrors { display:inline;}
div.fieldWithErrors input, div.fieldWithErrors textarea, div.fieldWithErrors select { border:1px solid red; }
select.fieldWithErrors { border:1px solid red; }

/* Mediterranneene */
#colMain .elemFormMed {position:relative; margin-top:10px; clear:both; }
#colMain .elemFormMed h2 { padding:0; }
#colMain .elemFormMed .fleft.aere { margin:10px 0 0 20px; text-align:center;  font-size:9px; }
#colMain .formPart2 { position:relative ; padding-bottom:20px; float:left; width:48%; }
#colMain .formPart2 p { text-align:center;}
#colMain .formPart2 p.aereTop  { padding-top:20px;}

/* Liens Utiles */
#colMain .liensUtiles h2 { font-weight:normal; font-size:12px; padding:5px 0 0 20px; background:#fff url(/images/puce.gif) 0 10px  no-repeat;  }
.liensUtiles a { color:#e20030; text-decoration:none; }
.liensUtiles a:hover { color:#333; }
.elemLiens { margin-top:5px; }

/* Plan du site */
#colMain  .plan ul { color:#e20030; }
#colMain .plan a { text-decoration:none; color:#333;     }
#colMain .plan a:hover { color:#e20030; }

/* Erreurs de formulaire */

.errorExplanation { position: relative; }