/* CSS Document */

/* ========================================
		Styles divers
========================================*/
#navLog li {
	float: left;
	list-style: none;
}

#navLog ul {
}

.planSite ul {

}
.planSite ul li {

}
.planSite ul ul{

}



a.moncompte, a.creerAnalyse, a.posterVideoAnalyse {
	margin: auto;
	display: block;
	width: 193px;
	height: 71px;
	background-position: 0px 71px;
}

a.moncompte {
	background-image: url(../images/iconeMonCompte.png);
}

a.creerAnalyse {
	background-image: url(../images/iconeCreerAnalyse.png) ;
}

a.posterVideoAnalyse {
	background-image: url(../images/iconePosterAnalyse.png);
}

a.moncompte:hover, a.creerAnalyse:hover, a.posterVideoAnalyse:hover {
	background-position: 0px 0px;
}



/* balise div actu */
.intitulActu {	
	color: #FFF;	
	background-color: #444;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 22px;
	height: 22px;
	font-size: 8pt;
	font-weight: bold;

}

.spotActu {	
/* balise marquee */
	float: right;
	width: 560px;
	color: #FFF;
	background-color: #555;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 22px;
	height: 22px;
	font-size: 8pt;
	font-weight: bold;
}

#planDuSite ul {
	margin-left: 10px;
}

#planDuSite li {
	margin-left: 10px;
}

.afficheFilm {
	float: left;
	border-width: 1px;
	border-style: solid;
	border-color: #000;
	margin: 4px;
}

.avatar {
	border-width: 1px;
	border-style: solid;
	border-color: #000;
	margin: auto;
	display: block;
}

.icones {
	float: left;
	margin: 4px;
}

.lienImages {
	float: left;
	border-color: #FFF;
	border-width: thin;
	border-style: solid;
	margin: 0 5px 2px 0;
}

#nouvelleAnalyse {
	width: 200px;
	position: absolute;
	left: 621px;
	top: 147px;
}

.separation {
	visibility: hidden;
	clear: both;
	margin: 0px;
}

/* Générales 
==============*/
.indication {
	line-height: 1.6em;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 8pt;
	color: #ddd;
	font-style: normal;
	font-weight: normal;	
}

h1.titreSection {	
	display: list-item;
	list-style-position: inside;
	list-style-image: url(../images/puceCQN3.png);
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 18pt;
	color: #555558;
	border-bottom-color: #444;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	
	margin-bottom: 20px;
	margin-top: 5px;
	margin-left: 5px;
}

*.texteStandard {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #036;
	line-height: 1.8em;	
	text-align: justify;
}

.texteStandard h1, h1.texteStandard  {
	display: list-item;
	list-style-position: inside;
	list-style-image: url(../images/PUCES-MINI.png);

	font-size: 14px;
	text-decoration: underline;
	color: #900;
	margin: 15px 5px 0px;
	line-height: 1.8em;
}

.texteStandard h2, h2.texteStandard  {
	font-size: 12px;
	text-decoration: underline;
	color: #900;
	margin: 15px 5px 0px;
	line-height: 1.8em;
}

.texteStandard h3, h3.texteStandard   {
	font-size: 12px;
	text-decoration: underline;
	font-style: italic;
	color: #900  ;
	margin: 15px 5px 0px;
	line-height: 1.8em;
}

.texteStandard p:first-letter {
	padding-left: 35px;
}

.texteStandard a {
	color: #003366;
}

.texteStandard a:visited {
	color: #003366;
}

.texteStandard a:hover {
	color: #CC0000;
}

.texteStandard a:active {
	color: #003366;
}
.texteStandard ul{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #036;
	line-height: 1.8em;
}

.texteStandard li{
	margin-left: 5px;
	list-style: none;	
	}

/* Commentaires sur analyse */

form#addComment {
position: relative;
/*	width: 269px;*/
}

form#addComment input{
/*	position: absolute;
	right: 0px;*/
}

.comments {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style: none;
}

.comments h1{
	margin: 5px 0px;
	color: #066;
	font-size: 12px;
	text-decoration: underline;
}

.comments p {
	margin-left :25px;
	font-size: 12px;
	color: #036;
	line-height: 1.8em;
}

.comments h1 span {
	color: #333;
	font-size: 10px;
	font-weight: lighter;
}

/* films, analyses et vidéos analyses*/

div.titreAnalyse {
	clear: both;
}

a.lienAnalyse, 
a.lienFilm {
		float: right;	
		background-image: url(../images/doublesFlechesDrtes.png);
		background-position: 0px 0px;
		display: inline;
		height: 64px;
		width: 64px;
}

a.lienAnalyse:hover,  
a.lienFilm:hover{
		background-position: 0px 128px;
}

a.lienAnalyse:active, 
a.lienFilm:active{
		background-position: 0px 64px;
}

.corpsFicheVideoAnalyse, 
.corpsFicheAnalyse, 
.corpsFicheFilm {
	clear: both;
	/*position: relative;*/
	background-image: url(../images/container.png);
	background-repeat: no-repeat;
	width: 592px;	
	padding: 4px;
}

.corpsFicheVideoAnalyse{
	background-image: url(../images/container2.png);
	width: 592px;	
	padding: 4px;
}

.corpsFicheVideoAnalyse h3, 
.corpsFicheAnalyse h3, 
.corpsFicheFilm h3 {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000033;
	margin-bottom: 4px;
}

.corpsFicheVideoAnalyse ul, 
.corpsFicheAnalyse ul, 
.corpsFicheFilm ul{
	/*float: right;*/
}

.listeVideoAnalyses li,
.listeAnalyses li,
.listeFilms li {
	list-style: none;
}

.ficheVideoAnalyse li, 
.ficheAnalyse li, 
.ficheFilm li {
	display: inline;
	list-style: none;
}

.ficheAnalyse, 
.ficheFilm, 
.ficheVideoAnalyse {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003;
}

.titreFicheAnalyse, 
.titreFicheFilm, 
.titreFicheVideoAnalyse {
	clear: both;
}

.titreFicheAnalyse h2, 
.titreFicheFilm h2, 
.titreFicheVideoAnalyse h2,
.cadreBlack  h2 {
	float: left;
	background-repeat: repeat-x;
	
	height: 18px;
	padding-left: 15px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	color: #FFF;
}

.titreFicheFilm h2 {
	background-image: url(../images/ongletTitreFilm.png);
}

.titreFicheAnalyse h2 {
	background-image: url(../images/OngletTitreVideoAnalyse_red.png);
}

.titreFicheVideoAnalyse h2 {
	background-image: url(../images/OngletTitreAnalyse.png);
}

.auteurAnalyse {
	color: #333399;
	font-weight: bold;
}

.titreFilmAnalyse {
	color: #CC3300;
	font-weight: bold;
}

p.descriptionAnalyse, 
p.descriptionFilm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #036;
	margin-left: 110px;
	width: 400px;
}


.ongletDroit, 
.ongletGch {
	float:left;
	height: 18px;
	background-repeat: no-repeat;
}

.ficheFilm .ongletGch {
	width: 8px;
	background-image: url(../images/OngletTitre-Gris_coinDrt.png);
}

.ficheFilm .ongletDroit {
	width: 36px;
	background-image:url(../images/OngletTitre-Gris_coinGch.png);
}

.ficheAnalyse .ongletGch  {
	width: 8px;
	background-image: url(../images/OngletTitre_coinDrt_red.png);
}

.ficheAnalyse .ongletDroit {
	width: 36px;
	background-image: url(../images/OngletTitre_coinGch_red.png);
}

.ficheVideoAnalyse .ongletGch  {
	width: 8px;	
	background-image: url(../images/OngletTitre_coinDrt_bleu.png);
	
}

.ficheVideoAnalyse .ongletDroit  {
	width: 36px;
	background-image: url(../images/OngletTitre_coinGch_bleu.png);
}

.ficheVideoAnalyse object{
	clear: both;
	display: block;
}

/* FICHE FILMS
===============*/

select#idFilm { 
	width: 180px;
}

.titreFilm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #900;
	font-weight: bold;
}

h2.indicationsFicheFilm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #900;
	font-weight: bold;
	text-decoration: underline;
	margin: 15px 0 0 155px ;
}

p.indicationsFicheFilm {
	margin : 4px 0 0 160px;
	width: 350px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}



/* Formulaire login
====================*/
.asterix {
	color: #900;
	font-size: 1em;
	}

form ul {
	list-style: none;
	display: block;
}

form li {
	list-style: none;
}

#checkPass, #creaCompte {
	position: relative;
	margin: 0px;
	background-image:  url(../images/itenmenucontainer.gif) ;
	background-repeat: no-repeat;
}

#checkPass ul, #creaCompte ul {
	background-image: url(../images/Login.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding: 10px 0px;
}

#creaCompte p {
	background-image: url(../images/Login.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 10px 0px 0px 70px;	
	margin: 10px 10px 10px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #036;
}

#checkPass li, #creaCompte  li {
	margin: 8px 10px 5px 95px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #036;
}

#checkPass input, #creaCompte input {
	/*position: absolute;
	right: 73px;	*/
} 

input {
	border: 1px solid #ABC6DD;
	background: #F8FAFA;
}

input:hover, input:focus, textarea:hover, select:hover, checkbox:hover {
	border: 1px solid #4E6972;
	background: #E2EBEB;
}

input[type="text"], input[type="password"]{
	padding: 1px;
}

input[type="button"], input[type="submit"]{
	cursor: pointer;
	background: url(../images/nav.png) repeat-x left -51px;
	color:#fff;
	padding:1px;
}

input[type="button"]:hover, input[type="submit"]:hover {
	cursor: pointer;
 	background: url(../images/nav.png) repeat-x left 0px;
}

input[type="checkbox"] {
	background: #F8FAFA;
}

textarea  {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   border: 1px solid #ABC6DD;
   background: #F8FAFA;
   width: auto;
   height: 6em;
}

select  {
   border: 1px solid #ABC6DD;
   background: #F8FAFA;
}

#cadreLogin {
margin: auto;
}	

#contenairImageFixe {
	background-color: #000;
	height: 200px;
	width: 480px;
	margin: auto;
}

#imageFixe {
}

/* sectionLiens*/

.sectionLiens p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.8em;
	color: #036;
	text-align: justify;
}

.sectionLiens a {
	font-size: 11px;	
	border: none;
	background-color: #036;
	color: #FFF;
	padding: 0px 10px;
	text-decoration: none;
}

.sectionLiens a:hover {	
	background-color: #000033;
	color: #FFF;
}

.sectionLiens h2 {
	display: list-item;
	list-style-position: inside;
	list-style-image: url(../images/PUCES-MINI.png);
	
	font-size: 14px;
	text-decoration: underline;
	color: #900;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin : 20px 0px 0px;
}