/***
 * Commun
 **/

body
{
text-align:center;
background: #c0c0c0;
margin:0px;
font-family: Verdana, helvetica, sans-serif;
word-spacing: normal;
letter-spacing: 0;
line-height: 1.2em;
font-size:0.9em;
}

#contenu
{
text-align:left;
background-color:white;
width:90%;
min-width:1100px;
margin:0 auto;
padding-top:5px;
padding-right:0px;
}

#top
{
padding-left:20px;
}

#headerrubrique h1
{
color:black;
margin-left:30px;
border-left:1px dashed grey;
border-top:0;
width:90%;
font-weight:normal;
text-align:left;
font-family: Georgia, "Times New Roman", Times, serif;
padding-bottom:4px;
padding-top:4px;
padding-left:10px;
font-size:11pt;
margin-bottom:20px;
}

.tagline
{
position:absolute;
left:25%;
top:40px;
font-size:18pt;
}

#divtopdroite
{
position:absolute;
right:10%;
top:50px;
}

#menu
{
width:100%;
position:absolute;
left:0px;
top:90px;
background:url(topbanner.jpg) repeat-x;
height:38px;
z-index:4;
}

#toplinks
{
font-size:0.8em;
color:black;
}

#toplinks a
{
text-decoration:none;
color:black;
}

#toplinks a:hover
{
text-decoration:none;
color:red;
}



div#menu ul
{
margin-top:3px;
margin-bottom:0px;
float:left;
padding: 0px;
list-style: none;
margin-left:80px;
}
		
div#menu li
{
float:left;
padding: 0px;
margin: 0px;
}


.societe:hover, .histoire:hover, .cinema:hover, .musique:hover, .litterature:hover, .jv:hover, .internet:hover
{
background:url(rollover1.png) repeat-x;
}

.societe
{
color: white;
display: block ;
height: 18px;
font-family: Verdana;
font-size: 1em ;
font-weight: bold ;
text-decoration: none ;	
float: left;
padding-top:6px;
padding-bottom:6px;
padding-left:10px;
padding-right:10px;
margin-right:20px;
}

.societecheck
{
color: black;
display: block ;
background-color:none;
background: url(top_societe.png);
height: 18px;
width:91px;
font-family: Verdana;
font-size: 1em ;
font-weight: bold ;
text-decoration: none ;	
float: left;
margin-top:0px;
margin-right:20px;
padding-top:6px;
padding-bottom:6px;
padding-left:10px;
padding-right:10px;
}

.histoire
{
color: lightgrey;
display: block ;
height: 18px;
font-family: Verdana;
font-size: 1em ;
font-weight: bold ;
text-decoration: none ;	
float: left;
margin-right:20px;
padding-top:6px;
padding-bottom:6px;
padding-left:10px;
padding-right:10px;
}

.histoirecheck
{
color: black;
display: block ;
background: url(top_histoire.png);
height: 18px;
width:91px;
font-family: Verdana;
font-size: 1em ;
font-weight: bold ;
text-decoration: none ;	
float: left;
margin-top:0px;
margin-right:20px;
padding-top:6px;
padding-bottom:6px;
padding-left:10px;
padding-right:10px;
}

.cinema
{
color: #fe6363;
display: block ;
height: 18px;
font-family: Verdana;
font-size: 1em ;
font-weight: bold ;
text-decoration: none ;	
float: left;
margin-right:20px;
padding-top:6px;
padding-bottom:6px;
padding-left:10px;
padding-right:10px;
}

.cinemacheck
{
color: black;
display: block ;
background: url(top_cine.png);
height: 18px;
width:81px;
font-family: Verdana;
font-size: 1em ;
font-weight: bold ;
text-decoration: none ;	
float: left;
margin-top:0px;
margin-right:20px;
padding-top:6px;
padding-bottom:6px;
padding-left:10px;
padding-right:10px;
}

.musique
{
color: #2bc465;
display: block ;
height: 18px;
font-family: Verdana;
font-size: 1em ;
font-weight: bold ;
text-decoration: none ;	
float: left;
margin-right:20px;
padding-top:6px;
padding-bottom:6px;
padding-left:10px;
padding-right:10px;
}

.musiquecheck
{
color: black;
display: block ;
background: url(top_musique.png);
height: 18px;
width:81px;
font-family: Verdana;
font-size: 1em ;
font-weight: bold ;
text-decoration: none ;	
float: left;
margin-top:0px;
margin-right:20px;
padding-top:6px;
padding-bottom:6px;
padding-left:10px;
padding-right:10px;
}


.litterature
{
color: #9598f9;
display: block ;
height: 18px;
font-family: Verdana;
font-size: 1em ;
font-weight: bold ;
text-decoration: none ;	
float: left;
margin-right:20px;
padding-top:6px;
padding-bottom:6px;
padding-left:10px;
padding-right:10px;
}

.litteraturecheck
{
color: black;
display: block ;
background: url(top_litterature.png);
height: 18px;
width:91px;
font-family: Verdana;
font-size: 1em ;
font-weight: bold ;
text-decoration: none ;	
float: left;
margin-top:0px;
margin-right:20px;
padding-top:6px;
padding-bottom:6px;
padding-left:10px;
padding-right:10px;
}

.jv
{
color: #f6de39;
display: block ;
height: 18px;
font-family: Verdana;
font-size: 1em ;
font-weight: bold ;
text-decoration: none ;	
float: left;
margin-right:20px;
padding-top:6px;
padding-bottom:6px;
padding-left:10px;
padding-right:10px;
}

.jvcheck
{
color: black;
display: block ;
background: url(top_jv.png);
height: 18px;
width:91px;
font-family: Verdana;
font-size: 1em ;
font-weight: bold ;
text-decoration: none ;	
float: left;
margin-top:0px;
margin-right:20px;
padding-top:6px;
padding-bottom:6px;
padding-left:10px;
padding-right:10px;
}

.internetcheck
{
color: black;
display: block ;
background: url(top_techno.png);
height: 18px;
width:91px;
font-family: Verdana;
font-size: 1em ;
font-weight: bold ;
text-decoration: none ;	
float: left;
margin-top:0px;
margin-right:20px;
padding-top:6px;
padding-bottom:6px;
padding-left:10px;
padding-right:10px;
}

.internet
{
color: #ff8f6d;
display: block ;
height: 18px;
font-family: Verdana;
font-size: 1em ;
font-weight: bold ;
text-decoration: none ;	
float: left;
margin-right:20px;
padding-top:6px;
padding-bottom:6px;
padding-left:10px;
padding-right:10px;
}

#ssmenu
{
width:100%;
position:absolute;
left:0px;
top:123px;
height:25px;
z-index:5;
}



#left
{
margin-top:43px;
float:left;
width:70%;
padding-right:10px;
border-right:1px dashed lightgrey;
}

#leftsommaire
{
margin-top:0px;
float:left;
width:70%;
padding-right:10px;
border-right:1px dashed lightgrey;
}

#leftcine
{
margin-top:80px;
float:left;
width:70%;
}

#right
{
margin-top:80px;
float:right;
width:29%;
}


#boitedroite
{
float:right;
font-size:11pt;
background-color:#c0c0c0;
margin-right:0px;
padding:0px;
margin-left:10px;
width:90%;
margin-bottom:40px;
}

#boitedroite a
{
color:black;
}

#boitedroite a:hover
{
color:red;
}

#boitedroite:before {
  background: transparent url() scroll no-repeat top right;
  margin-bottom: -20px;
  height: 30px;
  display: block;
  border: none;
  content: url(top-left.png);
  padding: 0;
  line-height: 0.1;
  font-size: 1px;
  float:left;
}


#boitedroite:after {
  display: block;
  line-height: 0.1;
  font-size: 1px;
  content:  url(bottom-left.png);
  margin: 0 0 -1px 0;
  height: 30px;
  background: white;
  background: transparent url() scroll no-repeat bottom right ;
  padding: 0;
}

#boitedroite ul
{
list-style: none;
margin:0px;
margin-top:30px;
padding:7px;
}

#boitedroite li
{
list-style: none;
margin-bottom:4px;
margin-left:0px;
clear:both;
}

/***
 * Sommaire
 **/

#sommaireimage
{
margin-bottom:30px;
margin-top:13px;
float:right;
width:90%;
}

.titrecarousselune
{
position:absolute;
top:270px;
color:black;
font-size:18pt;
height:5px;
padding-left:6px;
padding-right:6px;
}

/* Sommaire en images */
			
.img{
border:0px;
text-decoration:none;
margin-right:20px;
}

.img2{
border:0px;
text-decoration:none;
}

a.img:hover{background-color:transparent;}


.som_img{
float: left;
width: 80px;/* fonction de la taille des logos*/
height: 80px;
text-align: center;
color:black;
border:0px;
margin-left:20px;
margin-bottom:20px;
}

.som_img2{
float: left;
width: 60px;/* fonction de la taille des logos*/
height: 60px;
text-align: center;
border:0px;
margin-left:2px;
margin-bottom:2px;
}

.som_txt{
float: left;
width: 100px;/* fonction de la taille des logos*/
height: 80px;
text-align: center;
color:black;
}

.som_img{display: block;background: transparent no-repeat center;}

.som_txt p{margin:2px;vertical-align:center;font-size:11pt;}

/* par defaut ne pas afficher le bolc som_txt*/
a div.som_txt{display: none;}

/* afficher som_txt au survol */
a:hover div.som_txt{display: block;font-size:11pt;text-decoration:none;}

a:hover div.som_txt,a:hover div.som_img {background-color: #c0c0c0;font-size:11pt;text-decoration:none;}

a:hover div.som_img {color:red;}

.sommaireleft
{
width:100%;
clear:left;
padding-left:5px;
}

/***
 * Rubriques
 **/
 
 
#une
{
margin-bottom:10px;
margin-top:43px;
float:left;
width:60%;
}

#unearticle
{
margin-bottom:10px;
margin-top:43px;
padding-left:20px;
}


#unearticle :first-letter
{
font-size:500%;
float:left;
font-family:"Trebuchet MS";
font-style:italic ;
color: #fe6363;
margin-right:4px;
}


.imagearticle
{
float:left;
margin-bottom:3px;
}

.imagearticletop
{
text-align:center;
float:left;
}

.articleleft
{
float:left;
margin-right:10px;
}

.articletop
{
clear:right;
margin-right:10px;
text-align:center;
}


.articleright
{
float:right;
margin-right:10px;
}

.articledown
{
clear:both;
margin-right:10px;
}

.titrearticle
{
color:black;
text-decoration:none;
display:block;
width:80%;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:15pt;
margin-bottom:3px;
}

.titrearticle2
{
color:black;
text-decoration:none;
display:block;
padding-bottom:2px;
padding-left:20px;
font-size:12pt;
font-family: Georgia, "Times New Roman", Times, serif;
}

.titrearticle2:hover
{
color:red;
text-decoration:none;
display:block;
padding-bottom:2px;
padding-left:20px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:12pt;
}

.titrearticle3
{
color:black;
text-decoration:none;
display:block;
padding-left:0px;
font-size:12pt;
font-family: Georgia, "Times New Roman", Times, serif;
margin-bottom:0px;
margin-left:10px;
}

.tags
{
color:black;
text-decoration:none;
display:block;
padding-left:10px;
font-size:12pt;
font-family: Georgia, "Times New Roman", Times, serif;
float:left;
margin-left:20px;
}

.titrearticle3:hover
{
color:red;
clear:right;
text-decoration:none;
display:block;
padding-bottom:2px;
padding-left:10px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:12pt;
}

.soustitrearticle
{
color:#989898;
font-size:9pt;
margin-bottom:10px;
margin-top:0px;
padding-top:0px;
}

.soustitrearticle a
{
color:#989898;
text-decoration:none;
font-size:9pt;
}

.soustitrearticle a:hover
{
color:black;
text-decoration:underlined;
font-size:10pt;
}

.articleune
{
clear:both;
}

.articleunecol
{
float:left;
width:45%;
text-align:left;
margin-bottom:30px;
padding-left:20px;
}

.articleune2
{
clear:both;
}

 
/***
 * Articles
 **/

 
#bandeauarticle
{
width:100%;
position:absolute;
left:0px;
top:153px;
height:147px;
padding-left:10%;
padding-top:15px;
background-color:#e4e4e4;
}

#bandeauarticle a
{
color:black;
}


#bandeauarticle2
{
width:50%;
position:absolute;
right:0px;
top:285px;
height:25px;
padding-left:20px;
padding-top:5px;
background-color:#999999;
-moz-border-radius: 12px 0px 0px 0px;
-webkit-border-top-left-radius: 12px ;
-webkit-border-top-right-radius: 0px ;
-webkit-border-bottom-right-radius: 0px ;
-webkit-border-bottom-left-radius: 0px ;
border-radius: 12px 0px 0px 0px;
min-width:490px;
}


#bandeauarticle2 a
{
color:black;
}

#bandeauarticle2 a:hover
{
color:red;
text-decoration:none;
}



#bandeaurubrique
{
width:100%;
position:absolute;
left:0px;
top:153px;
height:147px;
padding-left:10%;
padding-top:7px;
background-color:#e4e4e4;
}

.infoarticle
{
float:left;
padding:0px;
text-align:left;
width:60%;
}


h4 a
{
color:black;
text-decoration:none;
font-size:11pt;
margin-top:0px;
}

h4 a:hover
{
color:black;
text-decoration:underlined;
font-size:11pt;
margin-top:0px;
}


.liensortie
{
font-size:11pt;
margin-top:0px;
color:black;
text-decoration:none;
}

#leftarticle
{
text-align:justify;
margin-top:263px;
float:left;
padding-left:10px;
width:68%;
padding-right:30px;
border-right:1px dashed lightgrey;
}

#leftarticle a
{
color: black;
}

#leftarticle a:hover
{
color: red;
text-decoration:none;
}

#rightarticle
{
margin-top:243px;
float:right;
width:27%;
}

#chapo
{
font-weight:bold;
}

#chapo:first-letter
{
display:block;
font-size:500%;
float:left;
font-family:"Trebuchet MS";
font-style:italic ;
color: #fe6363;
margin-right:4px;
margin-bottom:10px;
} 
 
/***
 *Titres
 **/

h4
{
font-family: Georgia, "Times New Roman", Times, serif;
padding-bottom:2px;
color:black;
font-size:11pt;
}
 


h3
{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:15pt;
margin-top:0px;
}

h1
{
margin:0 auto;
text-align:center;
font-family: Georgia, "Times New Roman", Times, serif;
padding-bottom:2px;
font-weight:bold;
font-size:14pt;
border-top:9px dotted #e82a2a;
width:52%;
}

h2
{
font-family: Georgia, "Times New Roman", Times, serif;
padding-bottom:4px;
font-weight:bold;
font-size:14pt;
border-top:3px dotted gray;
}
 
/***
 * Formulaires
 **/
 
.forml
{
border:1px solid #ccc;
padding:2px;
float:left;
margin-right:3px;
}


.forml:focus
{
border:1px solid #38C;
}

.formulaire_recherche
{
float:left;
margin-left:10px;
}













		





.hide
{
display:none;
}

.contenubreve
{
font-size: 10pt;
margin-left:10px;
color:black;
background-color: lightgray;
text-align:justify;
padding:5px;
width:90%;
padding-right:10px;
}

.titrebreve
{
font-size: 10pt;
font-weight:bold;
color:black;
text-decoration:none;
}

.datebreve
{
font-size: 10pt;
display:inline;
margin-left:20px;
font-style:italic;
color:black;
}

#footer
{
background-color:black;
width:100%;
height:300px;
color:white;
clear:both;
}

#footer h5
{
color:white;
margin:0 auto;
text-align:center;
font-family: Georgia, "Times New Roman", Times, serif;
padding-bottom:2px;
margin-bottom:10px;
font-size:14pt;
}

#myGallery
{
width: 400px !important;
height: 200px !important;
} 

#textearticle
{
margin-top:90px;
}


.contenuarticle:first-letter
{
color:red;
font-size:17pt;
}

/* Purple Panel*/
#musicCarousel {
	text-align: left;
	background-color:#5a5a5a;
	clear:right;
	height:380px;
	width:620px;
	margin-left:5px;
	margin-bottom:35px;
}
#musicCarousel img {
	border: none;
}
#musicCarousel .panel .slide {
	position: absolute;
	width: 400px;
}


.panel-top
{
background: url(background_topcaroussel.jpg) ;
background-color:#5a5a5a;
color:white;
height:56px;
}


.colonneleft
{
width:32%;
padding-left:5px;
float:left;
}

.colonnecenter
{
width:32%;
padding-left:5px;
float:left;
}

.colonneright
{
width:32%;
float:left;
padding-left:5px;
}



.footer ul
{
margin-left:5px;
}

.menufooter
{
color:white;
clear:right;
list-style: none;
margin-bottom:10px;
}

.menufooter2
{
color:white;
clear:right;
list-style: none;
margin-bottom:3px;
}

.linkfooter
{
display:block;
color:lightgrey;
clear:right;
text-decoration:none;
border-bottom:1px dotted white;
padding-bottom:3px;
padding-left:10px;
padding-right:10px;
margin-bottom:5px;
font-size:11pt;
}

.linkfooter:hover
{
display:block;
color:white;
clear:right;
text-decoration:none;
border-bottom:1px solid white;
margin-bottom:10px;
font-size:11pt;
}

.linkfooter2
{
display:block;
color:white;
clear:right;
text-decoration:none;
margin-bottom:1px;
font-size:11pt;
}
#ssmenu ul
{
margin:0px;
padding:0px;
margin-left:200px;
}

#ssmenu li
{
list-style: none;
float:left;
margin-right:20px;
}

.liensubmenu
{
display:block;
color:black;
font-size:13pt;
text-decoration:none;
}

.liensubmenu:hover
{
display:block;
color:black;
font-size:13pt;
text-decoration:underline;
}

			
			
			
/* le nuage */

#nuage
{
width:90%;
}

#nuage span
{
display:block;
float:left;
margin-left:16px;
}

.tag_taille_1{
	font-size: 70%;
	color:lightgrey;
	text-decoration:none;
}
.tag_taille_2{
	font-size: 80%;
		color:white;
	text-decoration:none;
}
.tag_taille_3{
	font-size: 90%;
		color:lightgrey;
	text-decoration:none;
}
.tag_taille_4{
	font-size: 110%;
		color:white;
	text-decoration:none;
}

.tag_epaisseur_1{
     font-weight:300;
     	color:lightgrey;
	text-decoration:none;
}

.tag_epaisseur_2{
     font-weight:500;
     	color:white;
	text-decoration:none;
}
.tag_epaisseur_3{
     font-weight:600;
     	color:lightgrey;
	text-decoration:none;
}

#lienaffiche_forum
{
color:black;
text-decoration:none;
font-size:14pt;
}

#lien_form_forum
{
color:black;
text-decoration:none;
font-size:14pt;
}

#lienaffiche_forum:hover
{
color:red;
text-decoration:underline;
font-size:14pt;
}

#lien_form_forum:hover
{
color:red;
text-decoration:underline;
font-size:14pt;
}

.conteneurcomm
{
border-left:1px dashed gray;
padding-left:10px;
margin-left:10px;
}

.commentairearticle
{
border-bottom:1px solid black;
padding-bottom:3px;
margin-bottom:5px;
float:left;
margin-right:30px;
}

.contenucommentairearticle
{
clear:both;
}

.lienstri
{
color:black;
text-decoration:underline;
}

.lienstri:hover
{
text-decoration:none;
}

.lienbreve
{
display:block;
color:black;
margin-left:20px;
margin-top:5px;
border-top:1px solid black;
font-weight:bold;
text-decoration:none;
}

.lienversarticle
{
color:#e82a2a;
text-decoration:none;
font-size:8pt;
}

.lienbreve:first-letter
{
color:#e82a2a;
font-size: 12pt;
}

.chapeau
{
padding-left:10px;
margin-bottom:10px;
font-size:9pt;
}

.chapeautop
{
padding-left:10px;
margin-bottom:10px;
margin-top:10px;
font-size:9pt;
}

#lienform_forum
{
color:black;
}

/*Comments*/

ol#notes {
width : 85%; 
height : 720px;
color : #000; 
overflow : auto;
padding-bottom:20px; }

ol#notes li{
list-style:none;
}


ol#notes blockquote { 
margin : .5em; 
padding : .5em; 
background: url(top-left.png) #c0c0c0 scroll no-repeat top left;
-moz-border-radius : 6px; /* Will not validate */ 
-webkit-border-radius: 6px ;
}


ol#notes blockquote:before { 
content : " "attr(cite)" a dit: "attr(titre);  
margin-left : 22px; 
font-weight : bold; }

ol#notes p { 
margin : 0;
margin-top:5px;
padding : .15em; }

ol#notes p.date { 
padding-left : 40px;
font-size : 92%;
color : #666; 
text-transform : uppercase; }

.liencommentaire
{
padding-left : 40px;
font-size : 92%;
color : #666;
}

/* (2) */

/* add a :hover state */
ol#notes blockquote:hover { 
background-color : #faf8eb; 
border-right : 1px solid #333; 
border-bottom : 1px solid #333; }

/* highlight the most recent comment */
ol#notes li:last-child blockquote { 
background-color : #f1efe2; }

/* style all first paragraphs in a blockquote with a cite attribute */
ol#notes blockquote[cite] p.comm {
min-height : 60 px;
padding-left : 60px; }



/* add styling for job titles */
ol#notes blockquote.designer { border-color : #600; }

/* Formulaires */

.formulaire_spip fieldset
{
border:none;
background-color:#faf8eb;
}

.formulaire_spip legend
{
background: url(top-left.png) #c0c0c0 scroll no-repeat top left;
line-height:30px;
padding-left:30px;
}

.spip_barre a img
{
border:0;
}