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

/* CSS Document  Agence Mon Moulin */

/* Règle du plus faible au plus fort des sélecteurs : 
   1. * {...} :            			0000 (aucun idenfifiant, aucune classe, aucun �l�ment) ;
   2. p {...} :            			0001 (aucun idenfifiant, aucune classe, un �l�ment) ;
   3. blockquote p {...} : 			0002 (aucun idenfifiant, aucune classe, deux �l�ments) ;
   4. .class {...} :       			0010 (aucun idenfifiant, une classe, aucun �l�ment) ;
   5. p.class {...} :      			0011 (aucun idenfifiant, une classe, un �l�ment) ;
   6. blockquote p.class {...} : 	0012 (aucun idenfifiant, une classe, deux �l�ments) ;
   7. #id {...} : 					0100 (un idenfifiant, aucune classe, aucun �l�ment) ;
   8. p#id {...} : 					0101 (un idenfifiant, aucune classe, un �l�ment) ;
   9. blockquote p#id {...} : 		0102 (un idenfifiant, aucune classe, deux �l�ments) ;
  10. .class #id {...} : 			0110 (un idenfifiant, une classe, aucun �l�ment) ;
  11. .class p#id {...} : 			0111 (un idenfifiant, une classe, un �l�ment) ;
  12. blockquote.class p#id {...} : 0112 (un idenfifiant, une classe, deux �l�ments) ;
  13. <p style="..."> : 			1000 (attribut HTML style qui ne sera supplant� que par un style utilisateur normal) ;
  14. <p style="... !important"> : 	1000 (attribut HTML style marqu� !important qui ne sera supplant� que par un style utilisateur lui-m�me marqu� !important).
*/
/* clear : both or left or right <<< on utilise le clear quand on a des �l�ments flottants
   clear interdit le voisinage d'un flottant, l'�l�ment est alors pouss� vers le bas
*/
/* attention : pas de padding et margin dans un �l�ment en float (r�action des navigateurs)
   ajouter un div à l'intérieur de l'élément >> class="elementPAD"
*/ 

/* renseigner les alt et title
   un alt sert avant tout de texte de remplacement pour les images ou sons
   un title est une description du lien ou de l'image (infobulle IE et Firefox)
*/ 

/*  PAGE LAYOUT FORMATTING
===============================================*/

html, body {height: 100%;}	 /* important surtout si l'on veut positionner un footer touours en bas de page*/

* {margin: 0; padding: 0;} 

body {
	min-width: 990px;
	color: #787878;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 0.8em;
	text-align: center;	
	/*background: #000000 url(images/fond_page.gif) repeat-x top;*/
	background: url(images/fond_page_brune.jpg) top no-repeat #000000;
	background-attachment: fixed;
}

/*  liens et couleurs et général ---------------------------------------------------------------------------*/

.margLeft10 {margin-left: 10px;}
.margLeft20 {margin-left: 20px;}
.margLeft30 {margin-left: 30px;}

.margRight10 {margin-right: 10px;}
.margRight20 {margin-right: 20px;}
.margRight30 {margin-right: 30px;}

.margTop10 {margin-top: 10px;}
.margTop20 {margin-top: 20px;}
.margTop30 {margin-top: 30px;}
.margTop-100 {margin-top: -100px;}

.padd2 {padding: 2px;}
.padd10 {padding: 10px;}
.padd20 {padding: 20px;}
.padd30 {padding: 30px;}

.paddTop5 {padding-top: 5px;}
.paddTop10 {padding-top: 10px;}
.paddTop20 {padding-top: 20px;}
.paddTop30 {padding-top: 30px;}
.paddLeft5 {padding-left: 5px;}
.paddLeft7 {padding-left: 7px;}
.paddLeft10 {padding-left: 10px;}
.paddLeft15 {padding-left: 15px;}
.paddLeft20 {padding-left: 20px;}
.paddLeft30 {padding-left: 30px;}
.paddRight5 {padding-right: 5px;}
.paddRight7 {padding-right: 7px;}
.paddRight10 {padding-right: 10px;}
.paddRight20 {padding-right: 20px;}
.paddRight30 {padding-right: 30px;}

.clear {clear: both;}
.left{float:left;}
.right{float:right;}
.center{float: center;}
.relatif {position: relative;}

.separation { /* astuce pour remplir le fond de content qui est vide a cause des float */
   clear: both;
   visibility: hidden;
}
/* div de séparation */
.separation1 {height: 1px;}
.separation2 {height: 2px;}
.separation5 {height: 5px;}
.separation10 {height: 10px;}
.separation15 {height: 15px;}
.separation20 {height: 20px;}
.separation30 {height: 30px;}
.separation40 {height: 40px;}
.separation50 {height: 50px;}
.separation100 {height: 100px;}
.separation170 {height: 170px;}



.textAlignLeft {text-align: left;}
.textAlignRight {text-align: right;}
.textAlignCenter {text-align: center;}
.justify {text-align: justify;}
p.textAlignCenter {text-align: center;}
div.textAlignCenter {text-align: center;}

img {display: block; border: 0;} /* pour enlever les decalages sous les images car les images sont pris comme des textes pour ie*/
img.block {display: block;}
p {font-size: 100%; text-align: left;} 
table {border:0; margin:0; padding:0;}
td {vertical-align: top; }
.tdAlignLeft td{text-align:left;}

.borderNoir {border: 1px solid #000000;}
.borderGrisMoyen  {border: 1px solid #6d6d6c;}

.fondNoir {color:#ffffff; background: #000000;}
.fondGrisMoyen {background: #D0CFCF;}
.fondGrisFonce {background: #232323;}
.fondBlanc {background: #ffffff;}

.transparent {
   filter: alpha(opacity=80); 
   -moz-opacity: 0.80; 
   opacity: 0.8; 
}

.italic {font-style: italic;}
.normal {font-weight: normal;}
.bold {font-weight: bold;}
.black {font-family: "Arial Black", Arial, Verdana, helvetica, serif;}
.underline {text-decoration: underline;}
.toutMajuscule {text-transform: uppercase;}
.toutMinuscule {text-transform: lowercase;}
.mot1erLettreCapitale {text-transform: capitalize;}


.smallTypo {font-size: 80%;}
.middletypo	{font-size: 120%;}
.bigTypo {font-size: 130%;}
.enormeTypo {font-size: 300%;}

.typo65 {font-size: 65%;}
.typo70 {font-size: 70%;}
.typo75 {font-size: 75%;}
.typo80 {font-size: 80%;}
.typo85 {font-size: 85%;}
.typo90 {font-size: 90%;}
.typo100 {font-size: 100%;}
.typo110 {font-size: 110%;}
.typo120 {font-size: 120%;}
.typo130 {font-size: 130%;}
.typo140 {font-size: 140%;}
.typo150 {font-size: 150%;}
.typo200 {font-size: 200%;}
.typo300 {font-size: 300%;}


/* hauteur de ligne pour la typographie (permet de tricher pour aligner verticalement des titres) */

.lineHeight13 {line-height: 13px;}
.lineHeight14 {line-height: 14px;}
.lineHeight20 {line-height: 20px;}
.lineHeight24 {line-height: 24px;}
.lineHeight30 {line-height: 30px;}
.lineHeight28 {line-height: 28px;}
.lineHeight36 {line-height: 36px;}


.typoFondNoir {color:#ffffff; background-color: #000000;}
.typoFondRouge {color:#ffffff; background-color: #fe0202;}
.typoFondViolet {color:#ffffff; background-color: #9710dd;}

.blanc {color:#ffffff;}
.noir {color: #000000;}
.grisClair { color: #cccccc;} 
.grisMoyen {color:#6d6d6c;} 
.grisFonce {color:#333333;} 
.liengrissouligne a { color: #999999; text-decoration: underline;}
.liengrissouligne a:hover { color: #008dd8; text-decoration: underline;} 
.jaune {#fec501;}
.rouge {color: #fe0202;} 
.saumon {color:#e36455;}
.vertFonce {color: #394123;}
.vert {color: #63a901;} 
.violet {color: #9710dd;}

a.block {display: block;}
a {color:#9c5899; text-decoration: none; }
a:hover { color:#000000; background-color:#fec501; text-decoration: none;}

.aBgNone a:hover {background: none;}
.aUnderline a {text-decoration: underline;}
.aUnderlineHover  a:hover {text-decoration: underline;}
.aNoLineHover a:hover {text-decoration: none;}

.aBlanc a{color: #ffffff;}
.aBleu a {color:#495eA1;}
.aBleuClair a {color:#98b2ff;}
.aGrisAmbre a{color: #8d7561;}
.aGrisClair a {color: #cccccc;}
.aGrisClair02 a {color: #8D8D8D;}
.aGrisFonce a {color: #333333;}
.aGrisMoyen a {color: #6d6d6c;}
.aJaune a {color:#fbcf02;}
.aMagenta a{color: #fc00a8;}
.aNoir a{color: #000000;}
.aOcre a{color: #785c41;}
.aOrange a{color:#FE5D00;}
.aRouge a {color: #fe0202;} 
.aRose a {color: #dba4a4;}
.aSaumon a {color:#e36455;}
.aTurquoise a {color: #00a6b5;}
.aVertClair a {color:#acd9a3;}
.aVertFluo a{color: #01a634;}
.ableuFonce a{color:#136387;}


.aBlancFondRougeHover a:hover {color: #ffffff; background-color: #fe0202;}
.aBlancHover a:hover {color: #ffffff;}
.aGrisAmbreHover a:hover {color: #8d7561;}
.aGrisFonceHover a:hover {color: #333333;}
.aJauneHover a:hover {color: #fbcf02;}
.aMarronBlackHover a:hover {color: #442e1b;}
.aNoirHover a:hover {color: #000000;}
.aOcreHover a:hover{color: #785c41;}
.aOrangeHover a:hover{color:#FE5D00;}
.aMagentaHover a:hover{color:#fc00a8;}

/* les HR et separations pointillés */ 
 div.hr {
	height: 15px; 
	margin: 10px 0;
	background: #fff url(images/fond-hr.gif) repeat-x scroll center;
}
div.hr hr {
	display: none;
}
.traitPointilleGris {
	display: block;
	border-bottom: 1px dotted #787878;
	height: 5px;
}
.separationDotted {
border-bottom: 1px dotted #787878;
width: 475px;
}
hroiu { 
	border-bottom: 1px green dotted; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
}
 
/* construction btn générale */
.btnRouge a{float:right;height:29px;line-height:29px;background:url(images/btnRouge_right.gif) no-repeat bottom right;font-family:"Trebuchet MS", Arial, Helvetica,sans-serif;color:#fff;text-decoration:none;}
.btnRouge a span{float:left;height:29px;line-height:29px;background:url(images/btnRouge_left.gif) no-repeat bottom left;padding:0px 20px 0px 20px;cursor:pointer;}
.btnRouge a:hover{background:url(images/btnRouge_right.gif) no-repeat top right;}
.btnRouge a:hover span{background:url(images/btnRouge_left.gif) no-repeat top left;}
 
.btnGris a{float:right;height:29px;line-height:29px;background:url(images/btnGris_right.gif) no-repeat bottom right;font-family:"Trebuchet MS", Arial, Helvetica,sans-serif;color:#fff;text-decoration:none;}
.btnGris a span{float:left;height:29px;line-height:29px;background:url(images/btnGris_left.gif) no-repeat bottom left;padding:0px 20px 0px 20px;cursor:pointer;}
.btnGris a:hover{background:url(images/btnGris_right.gif) no-repeat top right;}
.btnGris a:hover span{background:url(images/btnGris_left.gif) no-repeat top left;}
 
.btnVert a{float:right;height:29px;line-height:29px;background:url(images/btnVert_right.gif) no-repeat bottom right;font-family:"Trebuchet MS", Arial, Helvetica,sans-serif;color:#fff;text-decoration:none;}
.btnVert a span{float:left;height:29px;line-height:29px;background:url(images/btnVert_left.gif) no-repeat bottom left;padding:0px 20px 0px 20px;cursor:pointer;}
.btnVert a:hover{background:url(images/btnVert_right.gif) no-repeat top right;}
.btnVert a:hover span{background:url(images/btnVert_left.gif) no-repeat top left;}  


h1 {  /* titre des pages statiques */
	font-size: 130%;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #394123;
	margin: 0 0 10px 15px; /* pas de margin top pour ce site, d�calage du fond pour firefox*/
	
}

h1 span{
	font-size: 36px;
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
	color: #000000;
}


h2 { /*   */
	font-size: 140%;
	font-weight: normal;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #e36455;
	line-height: 30px; 
	
}

h3 { /*   */
	font-size: 120%;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #e1564f;
	line-height: 19px;
	margin: 10px 0px 10px 15px;
}

h4 { /*   */
	font-size: 120%;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #e36455;
	line-height: 19px;
	margin: 0;
}

/*  Page pour fond---------------------------------------------------------------------------*/
/* #page{
	width: auto;
	height: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	
}*/

/*  container ---------------------------------------------------------------------------*/
#container {
	width: 990px;
	min-height: 100%;  /*indispensable pour que le container prenne bien toute la page en hauteur */
	height: auto;
	position: relative;
	margin: 0 auto;
	margin-top: 0px;	
}
* html #container {	 /*indispensable pour que le container prenne bien toute la page en hauteur*/ 
	height: 100%;
}
/*  Header ---------------------------------------------------------------------------*/

#entete {
	width: 990px;
	height: 164px;
	background: #000000;
	/* position: relative;	*/
}
#enteteg {
    float: left;
	width: 744px;
	height: 164px;
	margin: 0; /* haut droite bas gauche , NE PAS OUBLIER LES PX pour FIREFOX*/
	padding: 0;
	border: none;	
}
#entetedt {
    float: left;
	width: 246px;
	height: 164px;
	margin: 0; /* haut droite bas gauche , NE PAS OUBLIER LES PX pour FIREFOX*/
	padding: 0;
	border: none;
	text-align: left;	
	background: transparent;
}

/*  Menu ---------------------------------------------------------------------------*/

ul#nav {
	width: 744px;
	height: 46px;
	list-style: none;
	margin: 0;	
}
ul#nav li {  
	float:left;	 
	display: block;
	height:46px;
	padding: 0px;
	margin: 0;
	text-align: left;
}
ul#nav li a {   
	display: block; /* indispensable pour un menu "image" */
	border: none;
	height: 46px;
	line-height: 46px;/* astuce pour centrer verticalement une seule ligne de texte*/
	font-size: 90%;
	font-weight: bold;
	color:#767d64; 
	padding: 0;
	text-align: center;
	text-decoration: none;
	text-transform: none; /* transform le texte en majuscules, autres : lowercase (all mini), capitalize (first lettre maj) et none*/
	overflow: hidden;
}  

#nav li a {
	display: block;
	line-height: 46px;
	text-indent: -5000px;/*Vire le txt a -5000*/
	overflow: hidden;
	background-position: center center;
}	
	#nav li.active a, ul#nav li.active a:hover {
		background-position: center top;
	}
	#nav li a:hover {
		background-position: center bottom;
	}	
	#nav_home {
		width: 51px; background: url(images/menu_bg_home.gif) no-repeat;
	}
	#nav_photosMag {
		width: 100px; background: url(images/menu_bg_photos_mag.gif) no-repeat;
	}
	#nav_photosEtab {
		width: 136px; background: url(images/menu_bg_photos_etab.gif) no-repeat;
	}
	#nav_communaute {
		width: 125px; background: url(images/menu_bg_communaute.gif) no-repeat;
	}	
	#nav_contact {
		width: 103px; background: url(images/menu_bg_contact.gif) no-repeat;
	}		
	#nav_annonceur {
		width: 125px; background: url(images/menu_bg_annonceur.gif) no-repeat;
	}	

	
	
/*  Content Page ---------------------------------------------------------------------------*/ 
#content{
	width: 990px;
}


.fondHome {
	background: #ffffff url(images/fond_home.gif) no-repeat top left;
}


.logBar {
	height: 37px;
	line-height: 30px;
	background: url(images/menu_sous.jpg) left top no-repeat;
}



.fondNumero {
	width: 247px;
	height: 475px;
	background: url(images/fond_numero_moyen.gif) left top no-repeat;
}
.fondTitreNumero {
	width: 210px;
	height: 130px;
	text-align: left;
	margin: 10px 0 0 10px;
	background: url(images/fond_titre_numero_moyen.gif) left top no-repeat;
}

.fondNumeroPetit {
	width: 78px;
	height: 154px;
	background: url(images/fond_numero_petit.gif) left top no-repeat;
}
a.btnImg { 
	width: 185px;
	height: 60px;
	color: #333333;
	display: block;
}

a.btnImg:hover {color: #000000;}
a.btnImg span { 
	margin-left: 59px;
}

a.btnVoirPhotos {background: url(images/btn_voir_photos.gif) no-repeat top left;}
a.btnVoirPhotos:hover {background: url(images/btn_voir_photos.gif) no-repeat bottom left;}

a.btnTelechargerMag {background: url(images/btn_telecharger_mag.gif) no-repeat top left;}
a.btnTelechargerMag:hover {background: url(images/btn_telecharger_mag.gif) no-repeat bottom left;}

a.btnMonPanier {background: url(images/btn_mon_panier.gif) no-repeat bottom left;}
a.btnMonPanier:hover {background: url(images/btn_mon_panier.gif) no-repeat top left;}



/* Photos - Navigation  barre jaune-----*/
.fondNavPhotos {
   width:990px; 
   height:73px; 
   background: url(images/block_blc_bas_photos.gif) no-repeat;   
}
.fondNavPhotos p{
   padding: 28px 0 0 95px;   
}
/* Photos - Navigation  barre violette-----*/
.fondNavEtab {
   width:990px; 
   height:73px; 
   background: url(images/block_blc_bas_etab.gif) no-repeat;   
}
.fondNavEtab p{
   padding: 28px 0 0 95px;   
}

/* Photos - Navigation par page-----*/
.pageNav {
	color: #999999;
}

.pageNav a {
	color: #999999;
	text-decoration: underline;
}
.pageNav a:hover {
	color:#666666;
	text-decoration: underline;
	background: none;
}
.pageNav a.pageActive {
	color:#008dd8;
	cursor: default;
	text-decoration: none;
}
.pageNav a:hover.pageActive  {
	color:#008dd8;
	text-decoration: none;
}

/*  Photos par MAGAZINE- Bloc du haut de présentation du magazine : miniature + texte--------------------------------------------------------------------------*/ 
.fondTitreParMagazine01 {
	width: 101px;
	height: 198px;
	background: url(images/fond_titre_parmag01.gif) left top no-repeat;
}
.fondTitreParMagazine02 {
	width: 244px;
	height: 198px;
	background: url(images/fond_titre_parmag02.gif) left top no-repeat;
}
.fondTitreParMagazine02 p{
	padding-left: 7px;
}

/*  Photos par ETABLISSEMENT - Bloc du haut de présentation de l'établissement : fond + texte--------------------------------------------------------------------------*/ 
.fondTitreParEtab {
	width: 500px;
	height: 145px;
	background: url(images/fond_titre_paretab.gif) left top no-repeat;
}
.fondTitreParEtab p{
	padding-left: 77px;
}

/*  Annonceurs - Bloc du haut de présentation du magazine : miniature + texte--------------------------------------------------------------------------*/ 
.fondAnnonceurParMagazine01 {
	width: 101px;
	height: 180px;
	background: url(images/fond_mag_annonceur_01.gif) left top no-repeat;
}
.fondAnnonceurParMagazine02 {
	width: 299px;
	height: 180px;
	background: url(images/fond_mag_annonceur_02.gif) left top no-repeat;
}
.fondAnnonceurParMagazine02 p{
	padding-left: 7px;
}




/* ------ galerie apercu : vignettes -----*/
.galeriePhotoApercu {
   float:left;
   width: 224px;
   height: 220px;
}
.galeriePhotoFondPadApercu {
   width: 224px; 
   height: 220px;
   text-align: center;
   background: url(images/fond_apercu_galerie.gif) no-repeat;
   padding: 6px 0px 0 0;
}
.galeriePhotoFondPadApercu p {
	text-align: center;
	padding: 4px 0 0 0;
}
.galeriePhotoFondPadApercu img {
	display: inline;
}
/* bug avec ie6 : déclarer le a et a:hover en dessous*/
.galeriePhotoFondPadApercu a {
   color: #ffffff;
}
.galeriePhotoFondPadApercu a:hover {
   color: #000000;
}

a.imgborderover img{
	border: 1px solid #707070;
}
a:hover.imgborderover img{
	border: 1px solid #ffffff;
} 
a.imgBorderActive img{
	border: 1px solid #ffffff;
}
a:hover.imgBorderActive img{
	border: 1px solid #ffffff;
	cursor: default;
}
 
 /* ------ galerie Photo grande -----*/
td.photoGrande {
	text-align: center;
}
td.photoGrande img{
	display: inline;
}
a.btnPhotoPrecedente {display: block; width: 58px; height: 36px; background: url(images/btn_photo_precedente.gif) no-repeat bottom;}
a.btnPhotoPrecedente:hover {background: url(images/btn_photo_precedente.gif) no-repeat top;}

a.btnPhotoSuivante {display: block; width: 58px; height: 36px; background: url(images/btn_photo_suivante.gif) no-repeat bottom;}
a.btnPhotoSuivante:hover {background: url(images/btn_photo_suivante.gif) no-repeat top;}

a.btnRetourGalerie {display: block; width: 116px; height: 63px; background: url(images/btn_retour_galerie.gif) no-repeat bottom;}
a.btnRetourGalerie:hover {background: url(images/btn_retour_galerie.gif) no-repeat top;}


/*  autres block positionnés apres le content ---------------------------------------------------------------------------*/ 
.blockGris {
	background: #818181;
	color: #000000;
}
.blockListEtab {
	width: 190px;
}


/* _________________formulaire login / inscription ____________________________  */
.identBloc {
	width: 300px;
	height: 300px;
	margin: 0;
	padding: 0;
	text-align: left; 
	color: #b0b0b0;
	border: 1px dotted #bac1a9;
}

.identBloc input {
	background-color: #f7fde4;
	border-width: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color:#d2d2d2; 
	padding-bottom : 5px;
	margin: 5px 0 0 0;
	color: #787878;
} 
.identBloc input:hover {
	background-color: #fff;
}
span.retraitInput input{
	border: 0; /* obligatoire */
	padding : 0;
	margin-left: 100px;
}
.retraitInput2 input{
	border: 0; /* obligatoire */
	padding : 0;
	margin-left: 200px;
}
.borderLessInput input{
	border: 0; /* obligatoire */
	padding : 0;
}

/* _________________ display info et erreur ____________________________  */

.displayInfo {
	border: 1px solid #63a901;
	padding: 20px;
}


/* _________________formulaire de contact ____________________________  */

.formulaire {
width: 570px;
margin: 0;
padding: 0;/* pas de padding dt gauche sinon d�calage firefox */
text-align: left; 

border: 0px solid #656565;
}
.formulaire textarea {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 90%;	
background-color: #fefee9;
border: 1px solid #d2d2d2; 
color: #787878;
} 
.formulaire textarea:hover {
background-color: #fff;
}
.formulaire input {
 background-color: #fefee9;
 border-width: 1px 1px 1px 1px;
 border-style: solid solid solid solid;
 border-color:#d2d2d2; 
 padding-bottom : 5px;
 margin: 5px 0 0 0;
 color: #787878;
} 
.formulaire input:hover {
 background-color: #fff;
}
span.inputlessborder input{
 border: 0;
 padding : 0;
 margin-left: 100px;
}

.formulaire p {
 padding: 5px 0 0 5px;
}
/* Text inputs / Select label */
label.preField {
    font-family: arial, verdana, helvetica, sans-serif;
	font-size:90%;
	font-weight:bold;
	display: -moz-inline-box;
	display: inline-block;	
	min-width:100px; 
	width: 100px;
	text-align: left;
	white-space: nowrap;
    margin: 5px 0 0 0;
}
.formulaire .traitPointilleGris {
border-bottom: 1px dotted #787878;
width: 475px;
}

/* pour le probleme de longueur de champs, pour firefox/ie6, définir un nombre en pixels, pas de cols */
#message {
width: 296px;
}
.prerequis {
color: #787878;
font-size: 75%;
}
.requis {
color: #a002d4;
font-weight: bold;
} 


/*  logos des partenaires ---------------------------------------------------------------------------*/
.partenaires {
	height: 140px;
}
a.btnImgpartenaires { 
	width: 125px;
	height: 125px;
	color: #333333;
	display: block;
}

a.btnPartenairesArd { background: url(partenaires/apero_resto_disco_sortir.png) no-repeat top;}
a.btnPartenairesArd:hover {background: url(partenaires/apero_resto_disco_sortir.png) no-repeat bottom;}

a.btnPartenairesNrj { background: url(partenaires/nrj_chambery.gif) no-repeat top;}
a.btnPartenairesNrj:hover {background: url(partenaires/nrj_chambery.gif) no-repeat bottom;}

a.btnPartenairesMonMoulin {background: url(partenaires/agence_mon_moulin.gif) no-repeat top;}
a.btnPartenairesMonMoulin:hover {background: url(partenaires/agence_mon_moulin.gif) no-repeat bottom;}




/*  Footer ---------------------------------------------------------------------------*/
#dernier-element {	/* important pour le footer se positionne en bas de la page quand le contenu est trop court */
	padding-bottom: 50px; /* hauteur du footer */
}

#footer {
	position: absolute; /* footer toujours en bas de page */
	bottom: 0;
	right: 0;
	width: 100%;
	height: 50px;
	font-size: 80%;
	color: #666666;
	text-align: left;
}
p#copyrightk {
	position: relative;
	width: 335px;
	top: 0px;
	left: 672px;
	text-align: left;
}