@charset "UTF-8";
/* CSS Document */

body 

	{
	background : url(images/wood.jpg);
	background-attachment: fixed;
	
	margin : 0;
	padding : 0;
		
	}
	
#titre

	{
	position: absolute;
	bottom: 5000px;
	}

#bord-gauche 

	{
	background: url(images/bande-gauche.png) repeat-y;
	
	padding-left: 24px;
	margin : auto;
	
	width : 900px;
	}

#bord-droit

	{
	background: url(images/bande-droit.png) repeat-y right top;
	padding-right: 24px;
	}

#corps 

	{
	background-image: url(images/degrade-haut.png);
	background-color: #0a255c;
	background-repeat: repeat-x;
	}


#banniere 
	{
	background-image : url(images/banniere.jpg) ;
	
	width : 876px;
	height : 184px;
	}
	
.banderole 
	
	{
	background-image: url(images/bande-verte.png);
	
	width : 90px;
	height : 90px;
	
	float : right;
	}
	
.logo 
	
	{
	background-image: url(images/logo.png);
	
	width : 100px;
	height : 101px;
	
	float : right;
	position : relative ;
	top : 45px;
	right : 5px;
	}
	
hr#vague
	
	{
	background-image: url(images/vague.png);

	margin : 40px 0 0 0 ;
	
	height : 14px;
	
	border : 0;
	
	clear : both;
	}

hr.bar 
	
	{
	background-image : url(images/tiret.png) ;
	
	height : 3px;
	
	border : 0 ;
	
	clear : both ;
	position : relative ;
	bottom : 6px;
	}
	
#contenu 
	
	{
	background-image: url(images/fon-contenu.jpg);
	
	padding : 15px;
	
	min-height: 600px;
	
	color : #9eb792;
	font-family: "Trebuchet MS";
	font-size: 0.8em;
	}
	
H1, H2, H3 , H4 , H5 , H6 

	{
	text-decoration: underline;
	}

#commu
	
	{
	background-image: url(images/commu.png);
	
	margin-right : 15px;

	width : 187px;
	height : 58px;
	
	float : left;
	position : relative ;
	top : 20px;
	left : 80px;
	}
	
ul#menu 
	
	{
	background : url(images/dock.png);
	background-repeat: no-repeat;

	margin : 0;
	margin-top : 56px;
	margin-left : 90px;
	padding-right : 40px;

	height : 29px;
	
	list-style-type: none;
	float : left ;
	}

#menu li#home a
	
	{
	background-image: url(images/accueil.png);
	
	width : 50px;
	height : 16px;
	}

#menu li#actualite a
	
	{
	background-image: url(images/actualite.png);
	
	width : 64px;
	height : 17px;
	}
	
#menu li#macuser  a
	
	{
	background-image: url(images/macuser.png);
	
	width : 63px;
	height : 16px;
	}
	
#menu li#desktop a
	
	{
	background-image: url(images/bureau.png);
	
	width : 54px;
	height : 16px;
	}
	
	
#menu li#forum a
	
	{
	background-image: url(images/forum.png);
	
	width : 47px;
	height : 16px;
	}
	
	
#menu li#astuces a
	
	{
	background-image: url(images/trucetastuces.png);
	
	width : 54px;
	height : 17px;
	}

#menu li#links a
	
	{
	background-image: url(images/liens.png);
	
	width : 70px;
	height : 17px;
	}
	
#menu li#connecter a
	
	{
	background-image: url(images/connection.png);
	
	width : 91px;
	height : 16px;
	}
	
#menu li#deconnecter a
	
	{
	background-image: url(images/deconnection.png);
	
	width : 100px;
	height : 17px;
	}
	
#menu li a
	
	{
	background-repeat : no-repeat ;
	background-position : bottom ;
	
	display : block;
	
	color : #666;
	text-decoration : none;
	text-align: center;
	}

a img

	{
	border : 0;
	}
	
#menu li a img 

	{
	position : relative ;
	bottom : 50px;
	}

#menu li a img:hover 

	{
	bottom : 60px;
	}
		
#menu li 
	
	{
	margin-left : 20px;

	float : left ;

	font-size: 1px;
	}
	
#footer
	
	{
	background-image: url(images/footer-middle.png);
	
	width : 100%;
	
	color : #ffffff;
	font-family: "Trebuchet MS"; 
	}
	
#footer a
	
	{
	color : #9C6;
	}
	
#footer #coter-droit
	
	{
	background-image: url(images/footer-droit.png);
	
	height : 43px;
	width : 143px;
	
	float : right ;
	}
	
#footer #coter-gauche
	
	{
	background-image: url(images/footer-gauche.png);
	
	height : 43px;
	width : 143px;
	
	float : left;
	}
	
#footer #milieu
	
	{
	height : 36px;
	
	margin : 0;
	padding-top : 15px;
	padding-left : 85px;
	
	float : left;
	}
	
hr.hidden
	
	{
	margin : 0 ;
	
	border : 0 ;
	
	clear : both ;
	visibility : hidden;
	}



.actu-pair .bordure , .actu-impair .bordure 
	
	{
	background-image: url(images/cadre-bois.png);
	width : 242px;
	height : 117px;
	
	position : relative;
	bottom : 117px;
	z-index : 10;
	}
	
.actu-pair .bordure .bandeau , .actu-impair .bordure .bandeau
	
	{
	//background : url(images/bandeau.png) ;

	margin-right : 9px ;
	margin-top : 9px ;
	
	width : 73px ;
	height : 73px ;
	
	float : right ;
	}
	
.actu-pair .cadre-image  , .actu-impair .cadre-image
	
	{
	margin-left : 9px ;
	margin-bottom : 9px ;
	
	width : 224px;
	height : 99px;
	}
	
.actu-pair .cadre
	
	{
	float :right ;
	}

.actu-impair .cadre
	
	{
	float :left ;
	}

.actu-impair .cadre , .actu-pair .cadre
	
	{
	margin : 20px 50px 30px;
	
	height : 100px;
	width : 242px;
	}
	
.actu-pair , .actu-impair
	
	{
	border-bottom : dashed 1px;
	
	margin-bottom : 20px;
	}
	
h1
	{
	color : #6c3;
	font-size : 14px;
	font-weight: lighter;	
	}
	
h1:first-letter
	
	{
	text-transform : uppercase;
	}
	
h1.title 

	{
	font-size: 22px;
	text-decoration: none;
	}

	
.actu-pair p , .actu-impair p
	
	{
	text-indent: 3em;
	font-weight: lighter;
	}
	
.actu-impair p
	
	{
	padding-left : 340px;
	}
	
.actu-pair p
	
	{
	padding-right : 340px;
	}

.photo-macuser-pair , .photo-macuser-impair
	
	{
	margin : 15px;
	
	width : 141px;
	height : 165px;
	}
	
.photo-macuser-pair 
	
	{
	float : left;
	}
	
.photo-macuser-impair 
	
	{
	float : right;
	}
	
.photo-macuser-pair .photo , .photo-macuser-impair .photo
	
	{
	margin : 12.5px;
	}
	
.photo-macuser-pair .cadre , .photo-macuser-impair .cadre
	
	{
	position : relative ;
	bottom : 165px;
	}
	
p.macuser
	
	{
	margin-bottom : 20px;
	padding-top : 14px;
	padding-bottom : 20px;

	border : solid 1px;

	text-indent : 4em;
	}

#rep

	{
	z-index:0;
	height : 0px;
	float : left;
	}
	
#repertoire
	
	{
	padding : 15px;
	z-index: 6;
	height : 350px;
	width : 170px;
	float :left;
	position : relative;
	right : 235px;
	background-color : #fff;
	border : #85c95b 4px solid;
	border-right : none;
	}

#repertoire-lettre
	
	{	
	z-index:0;
	width : 200px;
	position : relative;
	top: 12px;
	right : 235px;
	}
	
ul#lettre	

	{
	float : left;
	position : absolute;
	bottom : 0;
	list-style: none;
	padding : 0;
	}
	
ul#lettre li

	{
	float : left;
	height: 24px;
	}
ul#lettre li:hover

	{	
	float : left;
	height: 24px;
	position : relative;
	}
ul#lettre a.milieu:first-letter
	
	{
	font-size: 110%;
	text-transform: uppercase;
	}

	
ul#lettre a.milieu

	{
	min-width : 15px;
	text-align: center;
	color : #fff;
	float: left;
	height : 96px;
	padding : 0 4px;
	padding-top : 4px;
	display : block;
	background : url('images/macuser/rep_milieu.png') top;
	}
	
ul#lettre .gauche

	{
	float: left;
	height : 100px;
	width : 5px;
	display : block;
	background : url('images/macuser/rep_bord_gauche.png') top;
	}

ul#lettre .droit

	{
	float: left;
	height : 100px;
	width : 5px;
	display : block;
	background : url('images/macuser/rep_bord_droit.png') top;
	}

ul#lettre .etage_1
{
z-index: 5;
position : relative ;
}
ul#lettre .etage_1:hover
{
bottom : 5px;
}
ul#lettre .etage_2
{
z-index: 4;
position : relative ;
bottom : 4px;
}
ul#lettre .etage_2:hover
{
bottom : 9px;
}
ul#lettre .etage_3
{
z-index: 3;
position : relative ;
bottom : 8px;
}
ul#lettre .etage_3:hover
{
bottom : 13px;
}
ul#lettre .etage_4
{
z-index: 2;
position : relative ;
bottom : 12px;
}
ul#lettre .etage_4:hover
{
bottom : 17px;
}
ul#lettre .etage_5
{
z-index: 1;
position : relative ;
bottom : 16px;
}
ul#lettre .etage_5:hover
{
bottom : 21px;
}


#liste_rep_hidden

{
visibility: hidden;
height : 0px;
}



#liste_rep 

{
margin : auto;
width : 100px;
list-style-image: url(images/profil.png);
float : left;
min-width : 100px;
}


#liste_rep li

{
	text-decoration: underline;
	margin-left : 10px;
}

#liste_rep li.first

{

	list-style-image: none;
	list-style: none;
	color : #FFF;
	padding : 2px;
	margin-left : 0px;
	margin-bottom : 3px;
	position : relative;
	right : 15px;
	text-decoration: none;
	background-color : #bbf087;

}

#liste_rep a
	
	{
	color : #6c3;
	}

#liste_rep a:hover
	
	{
	color : #9f6;
	}
	
#liste_rep li.first:first-letter
	
	{
	font-size: 110%;
	text-transform: uppercase;
	}
	
fieldset fieldset

	{
	border: dashed  1px #5ab32d ;
	}

p.preview
	
	{
	border-bottom : dashed 1px;

	padding : 15px 0 ;

	text-align : center ;
	}

.photo-tuto
	
	{
	margin : 30px;

	width : 276px;
	height : 154px;

	float : left;
	}
	
.photo-tuto .cadre
	
	{
	position : relative ;
	bottom : 154px;
	}
	
.photo-tuto .photo
	
	{	
	margin : 13.5px 14px;

	width : 248px;
	height : 127px;
	}
	
p.tuto
	
	{
	text-indent : 4em;
	}
	
.calendrier
	
	{
	background : url(images/cal.png) ;

	margin : 5px;
	
	width : 66px;
	height : 58px;
	
	float : right;
	}
	
.calendrier .mois
	
	{
	position: relative;
	left : 15px;
	top : 3px;
	
	color : #fff;
	font-size : 10px;
	}
	
.calendrier .jour
	
	{
	width : 40px;
	
	display : block;
	position: relative;
	left : 15px;
	top : 3px;
	
	text-align : center ;
	font-size : 30px;
	}
	
.news-footer
	
	{
	background : url(images/news-footer.png);
	
	height : 65px;
	}
	
.news-footer h3
	
	{
	padding-top : 14px;
	
	float : right;

	color : #339933;
	font-weight : normal ;
	font-size : 12px;
	}
	
.news-footer a
	
	{
	padding-top : 26px;

	float : left ;

	color : #6C3;
	}
	
.news-footer h3 a

	{
	padding : 0;

	float : none ;
	}
	
#tableau table 
	
	{
	margin : 15px auto ;

	width : 800px;
	}
	
#tableau table .titre 
	
	{
	width : 600px;
	}

#tableau table .bleu
	
	{
	background-color : #2f4c82;
	background-image : url(images/links-fon-bleu.jpg);
	background-repeat : repeat-x ;
	
	padding-left : 20px;
		
	height : 23px;
	
	color : #f3f3f3;
	}
	
#tableau table .clair 
	
	{
	background-color : #c4cecd;
	background-image : url(images/links-fon-blan.jpg);
	background-repeat : repeat-x ;

	height : 23px;

	color : #666;
	}
#tableau table .lien

	{
	width : 400px;
	}
	
#tableau table img

	{
	margin-right : 10px;
	}
		
#tableau table .fonce
	
	{
	background-color : #bcc6c4;
	background-image : url(images/links-fon-fonce.jpg);
	background-repeat : repeat-x ;
	
	height : 20px;
	
	color :#333;
	}
	
#tableau table .fonce a
	
	{
	color :#666666;
	}
	
#tableau table .clair a
	
	{
	color :#888;
	}
	
#tableau table a:hover
	
	{
	color :#555;
	}
	
#tableau table td 
	
	{
	padding-left : 10px;
	}

form.login , p.login

	{
	margin :0 15px;

	float : right;

	color : #9c6;
	}

form.login
	
	{
	float : left;
	}
	
form.login .submit
	
	{
	background : url(images/submit.png) no-repeat right ; 
	
	padding-right : 17px;
		
	border : 0;
	
	color : #3c3;
	font-size : 90%;
	}

form.login .submit:hover
	
	{
	background : url(images/submit_hover.png)  no-repeat right ;
	
	color : #3f3;
	}
	
.login a 
	
	{
	background : url(images/fleche.png) no-repeat bottom left;
	
	padding-left : 20px;

	color : #9c6;
	}
	
.login a:hover
	
	{
	color : #6c3;
	}

#contenu form.login 
	
	{
	margin : auto;
	padding : 15px;
	
	width :130px;
	min-width : 100px;

	border: dashed  1px #5ab32d ;

	float : none;
	}


fieldset 
	
	{
	margin : 15px;
	padding : 15px; 

	border: dashed 1px #5ab32d ;
	}

legend 
	
	{
	background : url(images/fleche.png) no-repeat;

	padding-left : 20px;
	}

a.editer
	
	{
	background : url(images/edit.png) no-repeat;

	padding-left : 20px;

	float : right;

	color : #5ab32d ;
	}
	
img.preview
	
	{
	max-height : 300px;
	max-width : 565px;
	
	margin : auto;
	}
	
.desktop
	
	{
	border-bottom : dashed 1px;

	text-align : center ;
	}

.desktop h3
	
	{
	padding-top : 14px;
	
	float : right;

	color : #339933;
	font-weight : normal ;
	font-size : 12px;
	}
	
a 
	
	{
	color : #6C3;
	}
	
.news a 
	
	{
	color : #9CF;
	}
	
p#depeche
	
	{
	background : #fff url(images/marge.jpg) repeat-y ;

	width : 400px;

	display : block;
	position: relative;
	right : 15px;
	}

.marge
	
	{
	width: 80px;

	padding : 5px 0;
	
	display : block;

	float : left;
	
	color : #393;
	text-align : center;
	}
	
#depeche a.news
	
	{
	width: 400px;

	border-top: solid  1px #a9d793 ;

	display : block;

	text-decoration : none;
	}
	
#depeche a.news:hover
	
	{
	background: url(images/bg-tr-hover.png) repeat;
	}
	
#depeche a#title:hover
	
	{
	background: none;
	}
	
#depeche a.news:visited 
	
	{
	background: url(images/bg-tr-used.png) repeat;
	}
	
a .case-news , span.titre
	
	{
	padding : 5px 90px;
	padding-right : 0;

	display : block;
	}
	
.case-news-com

	{
	float : right;
	padding-left: 4px;
	padding-right: 4px;
	}
	
span.titre
	
	{
	margin: 5px;
	margin-left : 15px;
	margin-bottom : 0px;
	padding-bottom : 55px;

	color : #393;
	}
	
span .date
	
	{
	background: url(images/calendrier.png) repeat;

	margin : 10px;

	width : 56px;
	height : 51px;

	display : block;
	}

span .date .mois
	
	{
	position: relative;
	top : 3px;
	
	color : #fff;
	font-size : 10px;
	}
	
span .date .jour
	
	{
	width : 40px;
	
	display : block;
	position: relative;
	left : 6px;
	top : 3px;
	
	text-align : center ;
	font-size : 28px;
	}
	

#pub
	
	{
	background : #fff;

	margin : 11px 5px;
	
	width : 120px;
	min-height : 500px;

	float : right;
	}

#cadre
	
	{
	background : url(images/cadre/bords.png);

	padding : 0 19px;
	
	margin : 11px 2px;
	width : 273px;
	
	float : right;
	}

#cadre #haut
	
	{
	background : url(images/cadre/haut.png);
	
	width : 311px;
	height : 19px;
	
	position: relative;
	bottom : 5px;
	right : 19px;
	}

#cadre #bas
	
	{
	background : url(images/cadre/bas.png);
	
	width : 311px;
	height : 19px;
	
	position: relative;
	top : 5px;
	right : 19px;
	}

#cadre #cadre-contenu
	
	{
	background-color : #fff;
	
	margin : 5px 10px;
	padding : 10px;
	
	min-height : 500px;
	width : 233px;
	}


#flashinfo
	
	{
	background : #fff;
	background-image : url("images/event-fond.png");
	
	margin : 15px 0 ;

	width : 400px;

	position: relative;
	right : 15px;
	}
	
#flashinfo table 

	{
	padding: 0;

	width : 400px;
	}

#flashinfo span.titre  , #flashinfo span.titre-astuce

	{
	background-color :#a9e38c;
	background-image : url(images/titre-event.png);
	background-repeat : no-repeat;
	background-position : 98% ;
	
	padding : 2px;
	margin : 0 ;
	
	width : 396px;
	height : 21px;

	display : block;
	color : #fff;
	font-size : 110%;
	}
#flashinfo span.titre-astuce
	
	{
	background-image : url(images/titre-astuces.png);
	}
	
#flashinfo table#event tr 
	
	{
	height : 27px;
	}

#flashinfo table#event tr #entete

	{
	border-bottom : solid 1px #a9e38c ;
	
	height : 29px;
		
	color : #393;
	}

#flashinfo table#event tr .titre

	{
	padding-left : 5px;

	width : 182px;

	color : #6c3;
	}


#flashinfo table#event tr .date

	{
	width : 92px;

	text-align : center;
	font-size : 90%;
	}

#flashinfo table#event tr .lien

	{
	width : 26px;
	}

#flashinfo table#event tr .lien a , #tableau .lien_astuces a

	{
	background-image : url(images/flech.png);

	width: 25px;
	height : 15px;

	display : block;
	}

#flashinfo table#event tr .lien a:hover

	{
	background-image : url(images/fleche-hover.png);
	}

#sondages

	{
	background-image : url(images/logo-sondage.png);
	background-position : 200px 3px;
	background-repeat : no-repeat;
	
	border : #a9e38c 1px  solid;
		
	padding : 5px;
	padding-right : 0;

	min-height : 150px;
	}
	
#un-evenement

	{
	margin-top : 15px;
	padding : 25px;
	
	width : 440px;

	border : #a9e38c 2px  solid;

	float: right ;
	}

#un-evenement .label
	
	{
	color : #6c3;
	}
	
#un-evenement a
	
	{
	color : #6c3;
	}
	
form#changer
	
	{
	text-align: center ; 
	}
	
.page_suivante 

	{
	background : url(images/flech.png) no-repeat 100% ;

	padding-right : 30px;

	float : right;

	color : #396 ;
	}
	
.page_precedente

	{
	background : url(images/flech-droite.png) no-repeat 0 ;

	padding-left : 30px;

	color : #396 ;
	}

.page_precedente:hover

	{
	background : url(images/fleche-hover-droite.png) no-repeat 0 ;

	color : #5cba7b ;
	}
	
.page_suivante:hover

	{
	background : url(images/fleche-hover.png) no-repeat 100% ;

	color : #5cba7b ;
	}
	
.pourcentage-sondages

	{
	background-color : #030;

	margin : O;

	width : 140px;
	height : 10px;
	
	float : left;
	display : block;
	}

i.vote

	{
	font-size: 90%;
	}
	
#email

	{
	background : url(images/email.png) ;

	margin : 50px auto;
	padding : 50px 0  0 130px ;
	
	height : 244px;
	width : 540px;
	}


#email textarea

	{
	float : left;
	}

#email input

	{
	width : 475px;
	}

#email .submit

	{
	background : url(images/envoyer-email.png);

	margin-right : 25px ; 
	padding : 0;	

	width : 168px;
	height : 65px;
	
	border : 0 ;

	float : right;
	position : relative ;
	bottom : 40px;
	}

#email .submit:hover

	{
	background : url(images/envoyer-email-hover.png);
	}

.warning

	{
	color : #6f6;
	margin : 0 10px;
	}
	
#statistique

	{
	text-align : center ;
	}
	
.interdit legend , .info legend  , .attention legend

	{
	padding : 10px 10px 10px 35px;
	}
	
.interdit legend
	
	{
	background: url(administration/images-outils/interdit.png) no-repeat left;
	color : red;
	}
	
.info legend
	
	{
	background: url(administration/images-outils/info.png) no-repeat left;
	color : green ;
	}
	
.attention legend
	
	{
	background: url(administration/images-outils/warning.png) no-repeat left;
	color : yellow ;
	}
	
#hidden

	{
	visibility : hidden;
	position: absolute;
	bottom: 5000px;
	}
	
#macattid

	{
	width : 846px;
	background-color : #fff;
	position : relative ;
	right : 15px;
	padding : 15px;
	border-top : Solid 4px #6c3 ;
	border-bottom : Solid 4px #6c3 ;
	}