/* INFOBULLE */

/* infoBulle pour avatar et sortie */
a.info{
    position:relative; 
    z-index:24; 

    text-decoration:none}

a.info:hover{z-index:25; }

a.info span{display: none}

/* pour ie */
a.info:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
	display:block; 
	position:absolute;
    
    
    top:60px; left:10px;
    border:1px solid #888523;
    background-color:#fbfce8; color:#3A3D20;
    text-align: justify;
    font-weight:none;
    padding:1px;
    
}

/* infoBulle pour photo du journal */

a.infoJournal{
    position:relative; 
    z-index:24; 

    text-decoration:none}

a.infoJournal:hover{z-index:25; }

a.infoJournal span{display: none}

/* pour ie */
a.infoJournal:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
	display:block; 
	position:absolute;
    
    
    top:10px; left:10px;
    border:1px solid #888523;
    background-color:#fbfce8; color:#3A3D20;
    text-align: justify;
    font-weight:none;
    padding:1px;
    
}

/* FIN INFOBULLE */



/* lu que par firefox*/
html:not([dummy]) a.info:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
	display:block; 
	position:absolute;
    
    
    top:-1em; left:2em;
    border:1px solid #888523;
    background-color:#fbfce8; color:#3A3D20;
    text-align: justify;
    font-weight:none;
    padding:1px;
    
}


/* GENERAL */
body {
	font-family:Arial, Verdana, sans-serif;
	font-size:11px;
	color:#3A3D20;
	text-decoration:none;
}

img{
	border:0;
}

a{
	border:0;
	text-decoration:none;
	color:#721975;
}

a:hover{
	text-decoration:underline;
}

a:visited{
	color:#8F1693;
}

.lien_important{
	font-size:12px;
	color:#721975;
}

a.nonSouligne:hover{
	text-decoration:none;
}

/* TITRES */
h1{
	font-size:14px;
}

h2{
	font-size:13px;
	margin:5px;
}

.encadre_global{
	background-color:#fbfce8;
}

.encadre_haut{
	background-image:url(../images/content/bloc-gauche/bloc-top.gif);
	background-repeat:no-repeat;
	height:37px;
	width:511px;
	text-align:center;
}

span.encadre_haut_contenu{
	padding-top:10px;
	padding-bottom:5px;
	padding-left:20px;
	padding-right:20px;
	margin-left:-4px;
	margin-right:-4px;
	background-color:#CFD873;
}

/* lu par firefox */
html:not([dummy]) span.encadre_haut_contenu{
	padding-bottom:12px;
}

.encadre_bas{
	background-image:url(../images/content/bloc-gauche/bloc-bas.gif);
	background-repeat:no-repeat;
	height:22px;
	width:511px;
}

/* thématiques */
a.thematique1{
	color:#721975;
}
a.thematique1:hover{
	font-weight:bold;
}
a.thematique1:visited{
	color:#955398;
}

a.thematique2{
	color:#898624;
}
a.thematique2:hover{
	font-weight:bold;
}
a.thematique2:visited{
	color:#A19E50 ;
}

a.thematique3{
	color:#3A64AF;
}
a.thematique3:hover{
	font-weight:bold;
}
a.thematique3:visited{
	color:#6B8BC3 ;
}

a.thematique4{
	color:#AF5D04;
}
a.thematique4:hover{
	font-weight:bold;
}
a.thematique4:visited{
	color:#C38643  ;
}

a.thematique5{
	color:#B2930F;
}
a.thematique5:hover{
	font-weight:bold;
}
a.thematique5:visited{
	color:#C9B357  ;
}
/* FIN TITRES */

/* BOUTONS */
a.inscrire{
	line-height: 33px;
	background:url(../images/content/bloc-droite/bout-droite-inscrire.gif) no-repeat 0 0;
	width:86px;
	display: block;
	margin-left:99px;
	text-decoration: none ;	
}
a.inscrire:hover{
	background:url(../images/content/bloc-droite/bout-droite-inscrire.gif) no-repeat 0 -33px ;;
	text-decoration: none ;
}

a.ok{
	line-height: 33px;
	background:url(../images/content/bloc-droite/bout-droite-ok.gif) no-repeat 0 0;
	width:49px;
	display: block;
	text-decoration: none;	
}
a.ok:hover{
	background:url(../images/content/bloc-droite/bout-droite-ok.gif) no-repeat 0 -33px;
	text-decoration: none ;
}

a.go{
	line-height: 33px;
	background:url(../images/content/bloc-droite/bout-droite-go.gif) no-repeat 0 0;
	width:49px;
	display: block;
	text-decoration: none ;
}
a.go:hover{
	background:url(../images/content/bloc-droite/bout-droite-go.gif) no-repeat 0 -33px;
	text-decoration: none ;
}

a.go_gauche{
	line-height: 33px;
	background:url(../images/content/bloc-gauche/bout-gauche-go.gif) no-repeat 0 0;
	width:49px;
	display: block;
	text-decoration: none ;
}
a.go_gauche:hover{
	background:url(../images/content/bloc-gauche/bout-gauche-go.gif) no-repeat 0 -33px;
	text-decoration: none ;
}

a.effacer{
	line-height: 33px;
	background:url(../images/content/bloc-gauche/bout-gauche-effacer.gif) no-repeat 0 0;
	width:49px;
	display: block;
	text-decoration: none ;
}
a.effacer:hover{
	background:url(../images/content/bloc-gauche/bout-gauche-effacer.gif) no-repeat 0 -33px;
	text-decoration: none ;
}

a.valider{
	line-height: 33px;
	background:url(../images/content/bloc-gauche/bout-gauche-valider.gif) no-repeat 0 0;
	width:49px;
	display: block;
	text-decoration: none ;
}
a.valider:hover{
	background:url(../images/content/bloc-gauche/bout-gauche-valider.gif) no-repeat 0 -33px;
	text-decoration: none ;
}


a.deconnexion{
	background:url(../images/content/bloc-droite/bout-droite-logout.gif) no-repeat 0 0;
	background-repeat:no-repeat;
	width:135px;
	display: block;
	line-height: 33px;
	text-decoration: none ;
}
a.deconnexion:hover{
	background:url(../images/content/bloc-droite/bout-droite-logout.gif) no-repeat 0 -33px;
	text-decoration: none ;
}

input.reset{
	background : url(../images/content/bloc-gauche/bout-gauche-effacer.gif) no-repeat 0 0;
	width:72px;
	line-height: 33px;
	height:33px;
	text-decoration: none ;
	display: block;
}

input.reset:hover{
	background : url(../images/content/bloc-gauche/bout-gauche-effacer.gif) no-repeat 0 -33px;
	text-decoration: none ;
}

input.valider{
	background : url(../images/content/bloc-gauche/bout-gauche-valider.gif) no-repeat 0 0;
	width:72px;
	line-height: 33px;
	height:33px;
	text-decoration: none ;
	display: block;
}

input.valider:hover{
	background : url(../images/content/bloc-gauche/bout-gauche-valider.gif) no-repeat 0 -33px;
	text-decoration: none ;
}

input.modifier{
	background : url(../images/content/bloc-gauche/bout-gauche-modifier.gif) no-repeat 0 0;
	width:89px;
	line-height: 33px;
	height:33px;
	text-decoration: none ;
	display: block;
}

input.modifier:hover{
	background : url(../images/content/bloc-gauche/bout-gauche-modifier.gif) no-repeat 0 -33px;
	text-decoration: none ;
}

input.supprimer{
	background : url(../images/content/bloc-gauche/bout-gauche-supprimer.gif) no-repeat 0 0;
	width:44px;
	line-height: 33px;
	height:33px;
	text-decoration: none ;
	display: block;
}

input.supprimer:hover{
	background : url(../images/content/bloc-gauche/bout-gauche-supprimer.gif) no-repeat 0 -33px;
	text-decoration: none ;
}

a.retour{
	line-height: 33px;
	background:url(../images/content/bout-retour.gif) no-repeat 0 0;
	width:49px;
	display: block;
	text-decoration: none;
}
a.retour:hover{
	background:url(../images/content/bout-retour.gif) no-repeat 0 -33px;
	text-decoration: none ;
}
/* FIN BOUTONS */


/* BANDEAU HAUT */
.bandeau{
	position:absolute;
	height:82px;
	width:283px;
	top:14px;
	left:30px;
	background-image:url(../images/hp/logo-copaing.gif);
	background-repeat:no-repeat;
}

.banniere_pub{
	position:absolute;
	height:60px;
	width:468px;
	top:25px;
	left:362px;
}
/* FIN BANDEAU HAUT */

/* DEFILEMENT PHOTO */
#slide{
	position:relative;
	top:+10px;
	left:+13px;;
}
/* FIN DEFILEMENT PHOTO */


/* MENU DROITE */
.menu_droite{
	position:absolute;
	left:572px;
	width:227px;
	height:500px;
	top:30px;
	background-color:#eef1a0;
}

.defilement_image_menu_droite{
	background-color:#721975;
	height:80px;
	margin-left:-13px;
	margin-right:-13px;
}

.cadre_haut_menu_droite_vert{
	position:relative;
	top:0px;
	left:0px;
	width:227px;
	height:410px;
	background-color:#B4BC08;
	background-image:url(../images/content/bloc-droite/bloc-vert-top.gif);
	background-repeat:no-repeat;
}

/* version pour l'administration */
.cadre_haut_menu_droite_vert_admin{
	position:relative;
	top:0px;
	left:0px;
	width:227px;
	height:160px;
	background-color:#B4BC08;
	background-image:url(../images/content/bloc-droite/bloc-vert-top.gif);
	background-repeat:no-repeat;
}

.cadre_haut_menu_droite_violet{
	position:relative;
	top:0px;
	left:0px;
	width:227px;
	/*height:200px;*/
	background-color:#721975;
	background-image:url(../images/content/bloc-droite/bloc-violet-top.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
}

.contenu_menu_droite_haut{
	padding:13px;
}

.contenu_menu_droite_bas{
	padding:13px;
}

.cadre_haut_bas_menu_droite_vert{
	position:relative;
	top:0px;
	left:0px;
	width:227px;
	height:12px;
	background-color:#B4BC08;
	background-image:url(../images/content/bloc-droite/bloc-vert-bas.gif);
	background-repeat:no-repeat;
}

.cadre_haut_bas_menu_droite_violet{
	position:relative;
	top:0px;
	left:0px;
	width:227px;
	height:12px;
	background-color:#B4BC08;
	background-image:url(../images/content/bloc-droite/bloc-violet-bas.gif);
	background-repeat:no-repeat;
}

.cadre_bas_menu_droite{
	position:relative;
	top:11px;
	left:0px;
	width:227px;
	/*height:470px;*/
	background-color:#B4BC08;
	background-image:url(../images/content/bloc-droite/bloc-vert-top.gif);
	background-repeat:no-repeat;
}
.cadre_bas_bas_menu_droite{
	position:relative;
	top:0px;
	left:0px;
	width:227px;
	height:11px;
	background-color:#B4BC08;
	background-image:url(../images/content/bloc-droite/bloc-vert-bas.gif);
	background-repeat:no-repeat;
}
/* FIN MENU DROITE */



/*MENU DEROULANT*/

.haut_menu{
	height:14px;
	background-image:url(../images/nav/fd-nav.gif);
	background-repeat:no-repeat;
}


#nav, #nav ul {
	float:left;
	width: 100%;
	list-style: none;
	height:29px;
	line-height: 1;
	font-weight: bold;
	padding: 0;
	border-bottom-color:#721975;
	border-bottom-style:solid;
	border-width: 1px 0;
	margin: 0 0 1em 0;
	z-index:3;
	background-color:#db57ea;
}

#nav a.menu, a.daddy {
	display: block;
	width: 10em;
	color: #721975;
	text-decoration: none;
	padding: 0.25em;
}

/* lu par firefox */
html:not([dummy]) #nav li ul a.menu, a.daddy {
	width: 6em;
}



#nav a.daddy {
	background: url(../images/rightarrow2.gif) center right no-repeat;
}

#nav a.daddy:hover {
	background: url(../images/rightarrow2_over.gif) center right no-repeat;
}

#nav li {
	float: left;
	padding: 0;
	width: 12em;
	height:30px;
	background-image:url(../images/nav/separ-nav.gif);
	background-position:right;
	background-repeat:no-repeat;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 11.8em;
	border: solid #721975;
	font-weight: normal;
	border-width:1px;
	margin-top:2px; 
	background-color:#F8DDFB;
}


/* lu par firefox */
html:not([dummy]) #nav li ul {
	margin-top:3px;
}


#nav ul.calen{
	width:100px;
}

html:not([dummy]) #nav ul.calen{
	width:220px;
}

#nav li li{
	background-image:none;
	width: 11.8em;
	height: auto;
	font-weight:bold;
}

#nav li ul a.menu, a.daddy {
	width: 90%;
	padding-top:5px;
	padding-bottom:5px;
	text-indent:4px;
	
}
/* lu par friefox */
html:not([dummy]) #nav li ul a.menu, a.daddy{
	width: 90%;
}


#nav li ul ul {
	margin: -1.88em 0 0 11.8em;
}

html:not([dummy]) #nav li ul ul {
	margin: -1.88em 0 0 11.8em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav a:hover{
	color:#FFFFFF;
}

#nav li li:hover, #nav li li.sfhover {
	background: #db57ea;
}
/*FIN MENU DEROULANT*/



/* CONTENEUR DU CONTENU */
.conteneur_menu{
	position:absolute;
	top:111px;
	left:0px;
	height:43px;
	width:830px;
	z-index:1;
}

.contenu{
	position:absolute;
	top:154px;
	left:0px;
	width:830px;
	background-color:#eef1a0;
	margin:0px;
	padding:0px;
}

/* lu par firefox */
html>body .contenu_texte{
	position:relative;
	width:511px;
	left:30px;
	padding-top:30px;
	background-color:#eef1a0;
	min-height:950px;
}

.contenu_texte{
	position:relative;
	width:950px;
	left:30px;
	padding-top:30px;
	background-color:#eef1a0;
}
/* FIN CONTENEUR DU CONTENU */


/* UPLOAD FICHIER */
iframe {
	border-width: 0px;
	height: 60px;
	width: 400px;
}
iframe.hidden {
	display:none;
	width:0px;
	height:0px;
}

#images {
	width: 390px;
	margin: 20px;
}

#images div {
	margin: 10px;
	width: 100px;
	height: 100px;
	border-style: solid;
	border-width: 5px;
	border-color: #eef1a0;
	float: left;
	overflow: hidden;
	text-align:center;
}

#images div.hidden {
	/*visibility: hidden;*/
	display:none;
	width:0px;
	height:0px;
}

#images div:hover {
	border-color:#CFD873;
}

#images img.load {
	margin: 40px;
}

.supp_img{
float:left;
margin:10px 25px;
}
/* FIN UPLOAD FICHIER */


/* FORMULAIRE */
.fValidator-form fieldset {
	border: 1px solid #ccc;
	padding: 10px;
}

.fValidator-form legend {
	padding: 0 5px;
}

.fValidator-form input, select {
	font-family: Arial;
	color: #721975;
}
.fValidator-form input {padding: 2px;}

.full {width: 100%;}
.half {width: 50%; vertical-align: top;}

.fValidator-msg {
	background-color:#F40000;
	font-weight:bold;
	color: #fff;
	padding: 5px;
	font-size:10px;
}

input[type="button"],input[type="checkbox"],select,input[type="text"].bordureViolet,input[type="password"].bordureViolet {
	border:1px solid #721975;
	margin:2px 0;
	font-size:11px;
	font-family:Arial, Verdana, sans-serif;
	color:#721975;
	cursor:pointer;
}

input[type="text"],input[type="password"], textarea {
	border:1px solid #721975;
	margin:2px 0;
	font-size:11px;
	font-family:Arial, Verdana, sans-serif;
	color:#721975;
	background-color: #ffc;
	border-color: #cc0;
}


select .gras{
	font-weight:bold;
	font-size:14px;
	color:#3A3D20;
}

input[type="reset"],input[type="submit"].valider,input[type="button"].valider,input[type="submit"].modifier,input[type="button"].supprimer,input[type="submit"].supprimer{
	border:none;
	margin:2px 0;
	color:#FFFFFF;
	cursor:pointer;
}


/* FIN FORMULAIRE */


/* couleur des pseudo */
.H{
	font-weight:bold;
	color:#0000FF;
}
.F{
	font-weight:bold;
	color:#9900FF;
}
/* fin couleur des pseudos */

/* TABLEAU */
th{
	font-weight:bold;
	font-size:12px;
	text-align:left;
}

.tableauListe{
	background-color:#FFFFCC;
	width:100%;
	height:100%;
	text-align:center;
}
.tableauListe tr{
	text-align:left;
}
.tableauListe th{
	font-weight:bold;
	font-size:12px;
}

.tableauListeMess{
	text-align:center;
	width:100%;
}
.tableauListeMess a{
	text-align:center;
	width:100%;
	color:#3A3D20;
}
.tableauListeMess tr{
	text-align:left;
}
.tableauListeMess th{
	font-weight:bold;
	font-size:12px;
}
.tableauListeMess td{
	background-color:#FFFFCC;
}
.tableauListeMess td.vide{
	background-color:none;
	background:none;
}

#nouveau_message,
#nouveau_message a{
	font-weight:bold;
	font-size:12px;
	color:#f25bf5;
}

/* FIN TABLEAU */