*
{
margin: 0;
padding: 0;
border: none;

}

	body {
	background-image: url(img/essai2.jpg);
	background-repeat:repeat-x;
	background-color: #748fae;
	}
div#global {
width: 809px;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
border-width: 0px 2px;
border-style: solid;
border-color: #d5d5d5;
padding: 8px;
font-size: 10px;
font-family: Verdana;

}

div#Haut {
width: 801px;
height: 88px;
margin-left:auto;
margin-right:auto;
background-image: url(img/banniere-jv.jpg);
background-repeat:no-repeat;
margin-top: -8px;
}

div#Corps {
/*width: 801px;*/
margin-top:5px;
margin-left:auto;
margin-right:auto;
}

div#pub_oxado{
	width:180px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 10px;
}

div#PartieG {
width: 580px;
float: left;
font-family: Verdana;
font-size: 11px;
margin-bottom:20px;
background-color: #f4f4f4;
border: 1px solid #d5d5d5;
padding-top: 5px;
padding-bottom:10px;
}

div#PartieD {
width: 210px;
float: right;
font-family: Verdana;
font-size: 11px;

}

div#Breve {
width: 560px;
height: 180px;
color: #f57f37;
margin-top:10px;

margin-left:auto;
margin-right:auto;
}

div#BreveC1 {
width: 275px;
float: left;
}

div#BreveC2 {
width: 275px;
margin-left: 277px;
}

div#articleDemo {
width: 550px;
margin-top:10px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
padding: 5px;
text-align:justify;
background-color:#ffffff;
border: 1px solid #d5d5d5;
}

div#articleDetail {
width: 550px;
margin-top:10px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
padding: 5px;
text-align:justify;
background-color:#ffffff;
border: 1px solid #d5d5d5;
}

div#NoteAdmin {
width: 520px;
margin-top:15px;
margin-bottom:15px;
margin-left:auto;
margin-right:auto;
text-align:justify;
background-color: #e4f2ff;
border: 1px solid #d5d5d5;
padding: 5px;
}

div#AvisDe {
width: 520px;
margin-top:15px;
margin-bottom:15px;
margin-left:auto;
margin-right:auto;
text-align:justify;
padding: 5px;
border: 1px dotted #d5d5d5;
}


div#MainMenu {
width: 801px;
height: 153px;
margin-left:auto;
margin-right:auto;
padding-top: 1px;
/*background-image: url(img/mainmenu-test.jpg);*/
background-image: url(img/essai-banniere.jpg);
background-repeat:no-repeat;
}

div#Pied {
	
clear: both;
height: 100%;
width: 801px;
margin-top: 10px;
margin-left:auto;
margin-right:auto;
font-size: 10px;
font-family: Verdana;
text-align: center;
	

}

div#Logo {
width: 239px;
float: left;

}

div#Haiku {.
width:293px;
height: 88px;
float: right;

}






div#BarreMenu2 {
width: 801px;
height: 20px;
padding-top: 1px;
/*background-image: url(img/barremenu.jpg);*/
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
margin-bottom: 9px;

}

div#BarreMenu {
width: 801px;
height: 30px;
padding-top: 1px;
background-image: url(img/barremenu.jpg);
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;


}



div#MenuP {
width: 740px;
height: 15px;
margin-left: auto;
margin-right:auto;
margin-top: 2px;
text-align: center;
color: #ffffff;
font-size: 12px;
font-family: Verdana;
}

div#MenuP2 {
width: 740px;
height: 15px;
margin-left: auto;
margin-right:auto;

text-align: center;
color: #ffffff;
font-size: 12px;
font-family: Verdana;
}

div#Phrase {
width: 801px;
height: 46px;
margin-left:auto;
margin-right:auto;
background-image: url(img/phraseki.jpg);
font-size: 12px;
font-family: Verdana;
}

div#laPhrase {
width: 480px;
margin-left: 321px;
padding-top: 15px;
font-weight: bold;

}

div#ContenuM {
width: 801px;
height: 130px;

margin-left: auto;
margin-right:auto;
font-size: 16px;
font-family: Verdana;
}

div#blocmenugauche {
width: 155px;
height: 116px;
float: left;
margin-left: 13px;
font-size: 11px;
font-family: Arial;


}

div#blocmenudroite {
width: 155px;
height: 116px;
float: right;
border: 1px solid #000000;
}





div#blocmenumilieu {
margin-left: 180px;
margin-top: 15px;
height: 95px;
width: 600px;
border: 1px solid #FFFFFF;

}

div#colonneG{
width: 193px;
float: left;
margin-right: 2px;

}

div#colonneD{
width: 200px;
margin-top:3px;
float: right;

}

div#boutonsM{
margin-left: 20px;
}

div#TitreDetail {
height:65px;
margin-bottom:10px;
}

div#colonneM{
margin-left: 207px;
margin-right: 200px;
margin-bottom:5px;
width: 370px;

background-color: #f4f4f4;
border: 1px solid #d5d5d5;
padding: 5px;
/*background-image: url(img/fondtest.jpg);*/
background-repeat:no-repeat;
}

div#LogDroit {
width: 40px;
float: left;
}

div#LogDroit2 {
margin-left:42px;;
}

div#LogDroit3 {
width: 130px;
margin-left:auto;
margin-right:auto;
}

div#Guides {
font-family: Verdana;
font-size: 11px;
border: 1px solid #d5d5d5;
margin-bottom: 10px;
margin-top:2px;
}

div#Forum {
font-family: Verdana;
font-size: 11px;
border: 1px solid #d5d5d5;
margin-bottom: 30px;
margin-top: 2px;
}

div#Medias {
margin-bottom: 10px;
border: 1px solid #d5d5d5;
margin-top:2px;
padding-bottom: 8px;
}

div#Sondage {
font-family: Verdana;
font-size: 11px;
border: 1px solid #d5d5d5;
margin-top:2px;
}

div#critikDiv {
border: 1px solid #d5d5d5;
margin-top:px;
margin-bottom:5px;
padding-top:4px;
background-color:#FFFFFF;
}

div#artikleDiv {
border: 1px solid #d5d5d5;
margin-bottom:5px;
background-color:#FFFFFF;
}

div#VideoDiv {
border: 1px solid #d5d5d5;
margin-top:5px;
margin-bottom:5px;
background-color:#FFFFFF;
}

div#conteneurPhoto {
font-family: Verdana;
font-size: 11px;

border: 1px solid #d5d5d5;
width: 190px;
height: 270px;
margin-top: 2px; 
margin-bottom: 30px;
margin-left:auto;
margin-right:auto;
}

p#Photo {
width: 175px;

margin-top: 15px;
margin-left:auto;
margin-right: auto;
 
}

div#Photo {
width: 175px;

margin-top: 15px;
margin-left:auto;
margin-right: auto;
 
}

div#ActuA {
width: 370px;

border: 1px solid #d5d5d5;
font-family: Verdana;
font-size: 11px;
margin-bottom: 5px;
margin-top:5px;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
}

div#ActuA2 {
width: 370px;
font-family: Verdana;
font-size: 11px;
margin-left:auto;
margin-right:auto;


}

div#PhotoNews {
width:110px;
height: 245px;
float: left;
margin-left:5px;
text-align: center;
}

div#TexteNewsA {
width: 235px;
height: 245px;
margin-left: 125px;
margin-top:5px;

}

div#newsA {

margin-top:10px;
}

div#vignette {
margin-bottom: 20px;
margin-top: 5px;
}

div#ArticlesP{
border: 1px solid #d5d5d5;
margin-bottom:10px;
margin-top:2px;
}

div#CritiquesP{
border: 1px solid #d5d5d5;
margin-bottom:10px;
padding-top:5px;
margin-top:2px;
}

div#FicheP{
border: 1px solid #d5d5d5;
margin-bottom:10px;
padding:5px;
margin-top:2px;
text-align:center;
}

div#VideoP{
border: 1px solid #d5d5d5;
margin-bottom:10px;
margin-top:2px;
}

div#SondageP{
border: 1px solid #d5d5d5;
margin-bottom:10px;
margin-top:2px;
}

div#GuidesP{
border: 1px solid #d5d5d5;
margin-bottom:10px;
margin-top:2px;
}

div#ForumP{
border: 1px solid #d5d5d5;
margin-bottom:10px;
margin-top:2px;
}

div#ActuP{
border: 1px solid #d5d5d5;
margin-bottom:10px;
margin-top:2px;
}

div#AlbumP{
margin-bottom:10px;
border: 1px solid #d5d5d5;
margin-top:2px;
padding-top: 7px;

}




div#PhotoArticleA1 {
width: 70px;
height: 205px;
float: left;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 5px;


}

div#PhotoArticleA2 {
margin-top: 5px;
margin-bottom: 5px;
width: 70px;
margin-left: 110px;

}

div#PhotoArticleAC {
width: 140px;
margin-left: auto;
margin-right:auto;
margin-top: 5px;
margin-bottom: 9px;
text-align: center;

}

div#ArticleA {
width: 200px;
float: left;

}


div#critique {
width: 158px;
margin-left: 209px;

}

div#NomArticleA3 {

margin-bottom: 5px;
margin-left:5px;
}

div#NomArticleA {

margin-bottom: 7px;
margin-left:5px;
}

div#VideoA {
width: 360px;
font-family: Verdana;
font-size: 11px;

}

div#VideoAV {
width: 370px;
}





p#question {
font-family: Verdana;
font-size: 11px;
color: #757575;
margin-left: 10px;
margin-top: 5px;
}

p#voter {
margin-left: 90px;

margin-bottom:10px;
}

p#Suite {
font-family: Verdana;
font-size: 11px;
text-align: right;
margin-right: 10px;
margin-bottom: 5px;
margin-top: 5px;
color: #FF9900;
}


p#separation {
font-size: 9px;
color: #4847a4;
text-align:center;
 }
 
p#media {
font-family: Verdana;
font-size: 11px;
text-align:center;
/*margin-left: 20px;*/
margin-top: 5px;
}

.imageN {
width: 100px;
height: 65px;
border: 1px solid #d5d5d5;
}

div#Choix {

margin-left:20px;

}

p#imageNarticle {
width: 70px;
height: 46px;
border: 1px solid #d5d5d5;
}

p#imageCarticle {
margin-top:5px;
text-align: center;
}

p#bordure {

border: 1px solid #000000;

}



p#Precedent {
float: left;
margin-left: 10px;
}

p#Suivant {
text-align:right;
margin-right: 10px;
}

p#imageBleuA {
float: right;
}

a#CouleurArticle{
color: #4767af;
}

a#CouleurCritique{
color: #f5a037;
}

a#CouleurDate{
color: #707070;
}

a.CouleurBleue {
color: #336699;
text-decoration:none;
}

a.CouleurVerte {
color: #942a05;
text-decoration:none;
}

a.CouleurGuide {
color: #387204;
text-decoration:none;
}

a.CouleurComm {
color:  #3366FF;
text-decoration:none;
}



a.CouleurBleue:hover {
color: #FF9900;
text-decoration:none;

}

a.CouleurBleueT {
font-size: 12px;
color: #336699;
text-decoration:none;
}

a.CouleurBleueT:hover {
font-size: 12px;
color: #FF9900;
text-decoration:none;
}


p#NomRubrique {
font-weight: bold;
font-size: 16px;
margin-left:5px;
}

p#NumPage {
text-align:center;
}

img.bordure {
border: 1px solid #000000;
}

ul { 
list-style-image: url("./img/arr2.gif");
padding: 20px; 
text-indent: 0px;
line-height: 1.5em;
}

.flottante {
margin: 8px;
float: left;
width: 100px;
text-align: center;
}

.flottanteA {
margin-right: 5px;
margin-left: 5px;
margin-top: 10px;
float: left;
width: 70px;
text-align: center;
/*border: 1px solid #d5d5d5;*/
}

.conteneur {
width: 170px;
margin-right:auto;
margin-left:auto;
}

.flottanteD {
margin: 10px;
float: left;
width: 100px;
text-align: center;
}

.flottanteD2 {
margin: 10px;
float: left;
width: 85px;
height: 85px;
text-align: center;
top: 50%;
}

.conteneurD {
width: 490px;
margin-left: auto;
margin-right: auto;
margin-top:10px;
}

.conteneurVA {
width:360px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}


.conteneur2 {
width: 100px;
margin-top:5px;
margin-left: auto;
margin-right: auto;
}

.flottante2 {
margin-bottom: 2px;
float: left;
width: 100px;
text-align: center;
}

.spacer {
clear: both;
}

p#Trait {
position: relative;
border-bottom : 1px solid #d5d5d5;
width: 801px;
height: 0.5px;
}

p#titrearticleDemo{
font-weight:bold;
font-size: 14px;
color: red;
}

span#titrearticleDemo{
font-weight:bold;
font-size: 14px;
color: red;
}

p#H2Fiche{
font-weight:bold;
}

p#infoarticleDemo {
color: #707070;
}

span#infoarticleDemo {
color: #707070;
}

div#miniarticleDemo{
margin-top:10px;

}

p#miniatureDemo{
width: 100px;
height: 65px;
border: 1px solid #000000;
float:left;
margin-right: 5px;
}

p#LaNote {
float: left;
margin-right: 5px;
}

div#naviImg {
font-family: Verdana;
font-size: 11px;
margin-left:auto;
margin-right:auto;
width: auto;
height:auto;
}

div#videoFLVpub {
width: 320px;
margin-left:auto;
margin-right:auto;
margin-bottom: 20px;
}

.menu1 { /* boite qui contient le menu (les onglets) */
  border-bottom:solid 1px black ; /* crée le trait noir en-dessous des onglets */
  padding-top:3px ; /* marge intérieure haute */
  padding-bottom:3px} /* marge intérieure basse */

.onglet { /* style des onglets inactifs */
  border:solid 1px black ; /* encadrement */
  margin:2px 2px 0px 2px ; /* marge extérieure */
  padding:3px 2px 3px 2px} /* marge intérieure */

a.onglet { /* style des liens se trouvant dans un onglet inactif */
  background-color:#E7E4E4 ; /* le fond de l'onglet est gris */
  text-decoration:none} /* les liens ne sont pas soulignés */

.onglet-actif { /* style de l'onglet de la page active */
   border:solid 1px black ; /* l'encadrement est porté à 2 pixels */
   border-bottom:solid 1px #f4f4f4 ; /* le trait inférieur est effacé */
   margin:4px 4px 0px 4px ; /* marges intérieures */
   padding:3px 2px 3px 2px ; /* marges extérieures */  
   background-color:#f4f4f4 } /* le fond de l'onglet actif est blanc*/
   
   


p#Copyright {
display:none;
}

p#navigIMG {
width: 250px;
height: auto;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
margin-top:10px;
padding: 5px;
background-color:#ffffff;
border: 1px solid #d5d5d5;
}

p#LImage {
text-align: center;
margin-bottom:10px;
margin-top:10px;

}

#BarreMenu a {
color:#FFFFFF;
text-decoration:none;  
}

#BarreMenu a:hover {
color:#FFFFFF;
text-decoration:none;  
}

#BarreMenu2 a {
color:#FFFFFF;
text-decoration:none;  
}

#BarreMenu2 a:hover {
color:#FFFFFF;
text-decoration:none;  
}

a   {     
color:#000000;     text-decoration:none;   
}   
 
a:hover   {     
color:#FF9900;     text-decoration:none;   
}

table {
font-size: 11px;
font-family: Verdana;
}


/*style galerie js*/

.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 2px solid white;
}
.highslide:hover img {
	border: 2px solid #FF9900;
}

.highslide-image {
    border-bottom: 1px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border-bottom: 1px solid white;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: silver;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}

a.highslide-credits,
a.highslide-credits i {
    padding: 5px;
    color: #FF9900;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

.menuCadre{
	/*background-color: #ffffff;*/
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	/*padding:5px;*/
	/*padding-top:10px;
	padding-bottom:10px;*/
}

.menuCadre2{
	background-color: #badef7;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	/*border-top: 1px solid #cccccc;*/
	/*padding:6px;
	padding-top:10px;
	padding-bottom:10px;*/
}


/* CSS sanji */
#commentaire{
	/*background:#f0f0f0;
	border:1px dashed #c0c0c0;
	color:#666;*/
	float:left;
	padding:5px;
	width:100%;
}
	#commentaire hr{
		color: #c0c0c0;
		background-color: #c0c0c0;
		height: 1px;
	}
	
	#commentaire p{
		margin:7px 0 7px 0;
	}
	
	#commentaire .head{
		font-size:0.8em;
		text-transform:uppercase;
		color:#FF0000 
	}
	
	#commentaire #formulaire{
		border:1px solid #c0c0c0;
		padding:10px;
		margin:10px 0 0 0;
		background-color:#eaeaea;
	}

		#formulaire .row label{
			display:block;
			float:left;
			width:100%;
		}
		
		#formulaire .row span{
			display:block;
			float:left;
			margin:1px 0 0 0;
			width:100%;
		}

		#formulaire input{
			border:1px solid #c0c0c0;
			color:#000000;
			font-size:1.1em;			
		}

		#formulaire textarea{
			border:1px solid #c0c0c0;
			color:#666;
			font-size:1.1em;
		}



/*A AJOUTER*/






p#ajouter {
text-align:center;
color: #707070;
border: 1px solid #d5d5d5;
font-weight: bold;
font-size: 14px;
margin-left:5px;
margin-right:5px;
text-decoration:underline;
}
p#listeType{
text-align:center;
color: #f99d38;
/*border: 1px solid #d5d5d5;*/
/*font-weight: bold;*/
font-size: 13px;
margin-left:5px;
margin-right:5px;
}

/*Controle des mot de passe*/
#weak, #medium
{
	border-right:solid 1px #DEDEDE;
}

#sm
{
	margin:0px;
	padding:0px;
	height:14px;
	font-family:Tahoma, Arial, sans-serif;
	font-size:9px;
}

#sm ul
{
	border:0px;
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-align:center;
}

#sm ul li
{
	display:block;
	float:left;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px;
	height:14px;
}

.nrm
{
	width:84px;
	color:#adadad;
	text-align:center;
	padding:2px;
	background-color:#F1F1F1;
	display:block;
	vertical-align:middle;
}

.red
{
	width:84px;
	color:#FFFFFF;
	text-align:center;
	padding:2px;
	background-color:#FF6F6F;
	display:block;
	vertical-align:middle;
}

.yellow
{
	width:84px;
	color:#FFFFFF;
	text-align:center;
	padding:2px;
	background-color:#FDB14D;
	display:block;
	vertical-align:middle;
}

.green
{
	width:84px;
	color:#FFFFFF;
	text-align:center;
	padding:2px;
	background-color:#A0DA54;
	display:block;
	vertical-align:middle;
}

.span_text_deroulant{
FONT-FAMILY:Verdana;FONT-WEIGHT:bold;FONT-SIZE:10pt;width:478px;COLOR:#000000;letter-spacing: 0em; word-spacing: 0em;vertical-align:bottom;cursor:default;
}