/* CSS Document */
	
	body{
		margin:0;
		padding:5px 0 0 0;
		font-family:verdana;
		font-size:10px;
		color:#fff;
		background-color:#000;
	}
	
	#repere{
		position:absolute;
		z-index:74;
		right:0;
		bottom:0;
		width:1px;
		height:1px;
	}

	/* index */
	body.index{
		background: #012638;
	}

	#accueil{
		background: #fff;
		width: 974px;
		padding: 8px 0 8px 8px;
		margin: 0 auto 0 auto;
		font-size: 120%;
	}

	#accueil h1, #accueil img{
		margin: 0;
		padding: 0;
	}

	.apercuAccueil{
		display: block;
	}

	#looping, #acquarius, #bowling{
		float: left;
		width: 317px;
		text-align: center;
		color: #fff;
		margin: 0 8px 0 0;
		padding: 20px 0 0 0;
		background: #198ea2;
		display: inline;
	}

	#accueil p strong a{
		color: #fff;
		text-decoration: none;
	}
	
	#accueil p strong a:hover{
		color: #fff;
		text-decoration: underline;
	}

	#acquarius p{
		margin: 45px 0 18px 0;
	}

	#looping p{
		margin: 30px 0 30px 0;
	}

	#bowling p{
		margin: 10px 0 58px 0;
	}

	#looping{
		padding-top: 15px;
		background:#81426c;
		width: 316px;
	}

	#bowling{
		padding-top: 10px;
		background:#0e0e0e;
	}

	#looping span{
		color: #ffff34;
	}

	#acquarius span{
		color: #002436;
	}

	#bowling span{
		color: #fd9d00;
	}

	#accueil a{
		border: 0;
		color: #ffff34;
		text-decoration: underline;
	}

	#accueil a:hover{
		color: #ffff34;
		text-decoration: none;
	}
	/* index */

	a img{
		border:0;
	}
	
	form{
		margin:0;
	}
	
	.clear{
		clear:both;
		height:1px;
	}
	
	#global{
		width:995px;
		margin:auto;
		padding:5px 0 1px 0;
		background-color:#1e95a9;
		border: 1px solid #0d5363;
	}
	
	#global2{
		width:995px;
		background-image:url(images/fond-visuel.jpg);
		background-repeat:no-repeat;
		background-position:3px 84px;
	}
	
	#entete{
		width:975px;
		height:115px;
		margin:0 0 0 8px;
		padding:0;
		background-image:url(images/fond-entete.jpg);
		background-repeat:no-repeat;
	}
	
	#enteteGauche{
		float:left;
		width:300px;
		padding:50px 0 0 0;
	}
	
	#logoEntete{
		display:block;
		/*width:270px;*/
		height:64px;
		padding:3px 0 0 25px;
	}
	
	#pictos{
		margin:8px 0 0 0;
		padding:0 0 0 40px;
		list-style:none;
		text-transform: uppercase;
	}
	
	#pictos li{
		float:left;
		width:52px;
		padding:0 0 0 0;
		text-align:center;
		font-family:arial;
		color:#fff;
		background-repeat:no-repeat;
		background-position:center top;
	}
	
	#pictos li#musique{
		margin:0 13px 0 0;
	}
	
	#pictos li#presse{
		margin:0 13px 0 0;
	}
	
	#enteteActivites{
		float:left;
		width:548px;
		margin:0;
		padding:15px 0 0 0;
	}
	
	#logoCafeConcept{
		float:left;
		width:91px;
		margin:14px 0 0 0;
	}
	
	#gauche{
		float:left;
		width:181px;
		margin:9px 0 0 0;
		padding:0 0 0 8px;
	}
	
	.blocGauche{
		width:159px;
		margin:0 0 7px 0;
		padding:4px;
		background-color:#fff;
	}
	
	.blocGauche2{
		width:159px;
		/*border:1px solid #104652;*/
		background-color:#f7f6f0;
	}

	#titreEtablissement{
		margin:0;
		width:159px;
		height:22px;
		padding:10px 0 0 0;
		text-align:center;
		background-color:#167b8e;
	}
	
	#gauche ul{
		width:144px;
		margin:0;
		padding:0 7px 7px 7px;
		list-style:none;
	}
	
	#gauche ul a{
		display:block;
		width:132px;
		font-size:110%;
		color:#104652;
		text-decoration:none;
		padding:3px 0 3px 12px;
		background-image:url(images/puce-menu.gif);
		background-repeat:no-repeat;
		background-position:4px 8px;
		background-color:#f7f6f0;
	}
	
	#gauche ul a:hover{
		background-color:#dddbc9;
	}

	#lienCartes{
		display:block;
		width:159px;
		padding:10px 0 10px 0;
		text-align:center;
		background-color:#167b8e;
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#lienCartes:hover img{
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}
	
	#lienPlaquette{
		display:block;
		width:159px;
		padding:10px 0 10px 0;
		text-align:center;
		background-color:#167b8e;
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#lienPlaquette:hover img{
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}
	
	#lienGaleriePhotos{
		display:block;
		width:159px;
		padding:10px 0 10px 0;
		background-color:#167b8e;
		text-align:center;
	}
	
	#lienGaleriePhotos2{
		display:block;
		width:159px;
		height:94px;
	}

	.opaque{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	.translucide{
		filter:alpha(opacity=90); 
        -moz-opacity:0.9; 
        opacity:0.9;
	}
	
	.translucide2{
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}
	
	#titreContact{
		width:160px;
		margin:0;
		padding:10px 0 10px 0;
		text-align:center;
		background-color:#167b8e;
	}
	
	#centre{
		float:left;
		width:628px;
		margin:9px 15px 0 0;
	}
	
	#actualites{
		width:628px;
		height:109px;
		background-color:#f7f6f0;
	}
	
	#actualites h2{
		float:left;
		width:25px;
		margin:5px 8px 0 0;
		padding:0 0 0 20px;
	}
	
	#bandeauActu{
		float:left;
		width:569px;
		margin:5px 0 0 0;
	}
	
	#contenu{
		width:586px;
		margin:9px 0 0 0;
		padding:11px 20px 9px 21px;
		font-size:110%;
	}
	
	#contenu h1{
		margin:0 0 18px 0;
		padding:0 0 6px 0;
		border-bottom:1px solid #fff;
		text-align:center;
		font-family: Arial;
	}

	#contenu h2{
		font-size:160%;
	}
	
	#contenu p{
		margin:0 0 10px 0;
	}
	
	#contenu ul#horaires{
		margin:0;
		padding:0 0 4px 0;
		list-style:none;
	}
	
	#contenu ul#horaires li{
		margin:0 0 6px 0;
		color:#9d5e90;
	}

	.aGauche{
		float:left;
		margin:2px 16px 10px 0;
	}
	
	.plusGrand{
		font-size:110%;
	}
	
	#bandeauCafeConcept{
		margin:17px 0 0 0;
	}

	#adresse{
		width:628px;
		margin:10px 0 0 0;
		font-size:110%;
		text-align:center;
	}
	
	#droite{
		float:left;
		width:152px;
		height:451px;
		margin:9px 0 0 0;
		padding:4px 0 0 4px;
		background-image:url(images/fond-droite.gif);
		background-repeat:no-repeat;
	}
	
	#droite h2{
		margin:0;
		padding:0;
	}
	
	#pied{
		width:995px;
		margin:auto;
		margin-top:0;
		padding:21px 0 5px 0;
		background-image:url(images/fond-pied.gif);
		background-repeat:no-repeat;
		text-align:center;
		font-size:110%;
		color:#fff;
	}
	
	#piedAccueil{
		width: 982px;
		margin:auto;
		margin-top:5px;
		padding: 4px 0 0 0;
		text-align:center;
		font-size:110%;
		color:#fff;
		border-top: 2px solid #fff;
	}
	
	.centre{
		text-align:center;
	}
	
	#formulaireContact{
		width:400px;
		margin:auto;
		margin-top:34px;
	}
	
	.contactLabel{
		float:left;
		width:75px;
		font-size:110%;
		color:#fff;
	}
	
	.contactChamp{
		float:left;
		width:325px;
		margin:0 0 9px 0;
	}
	
	.contactChamp input, .contactChamp textarea{
		font-family:verdana;
		font-size:12px;
		color:#1e95a9;
		border:1px solid #167b8e;
		padding:2px;
	}
	
	.contactChamp input{
		width:140px;
	}
	
	.contactChamp input.grandChamp{
		width:250px;
	}
	
	.contactChamp textarea{
		width:319px;
		height:100px;
	}
	
	#contactEnvoyer{
		margin:5px 0 20px 200px;
	}
	
	.transparent{
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}
	
	#formulaireContactConfirmation{
		margin:20px 0 140px 0;
		font-size:120%;
		font-weight:bold;
		text-align:center;
		line-height:130%;
	}
	
	.interligne{
		line-height:130%;
	}
	
	#planAcces{
		width:425px;
		margin:auto;
		margin-bottom:30px;
	}
	
	#listeAlbums{
		margin:0 0 30px 0;
		padding:0;
	}

	.lienVignette{
		float:left;
		display:block;
		width:72px;
		padding:20px 20px 20px 30px;
		text-align:center;
	}
	
	.lienVignette img{
		border:1px solid #c8c8c8;
	}
	
	.lienTexte{
		float:left;
		display:block;
		width:430px;
		color: #fff;
		padding:20px 30px 20px 0;
		text-decoration: none;
	}

	.lienTexte:hover {
		text-decoration:underline;
	}
	
	#galerieGauche{
		float:left;
		width:410px;
		margin:0 18px 30px 0;
	}
	
	#photoPrecedente{
		float:left;
		width:300px;
	}
	
	#photoSuivante{
		float:left;
		width:110px;
		text-align:right;
	}
	
	#photoPrecedente a{
		display:block;
		width:300px;
	}
	
	#photoSuivante a{
		display:block;
		width:110px;
	}
	
	#photoPrecedente a, #photoSuivante a{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
		text-decoration:none;
		color:#fff;
	}
	
	#photoPrecedente a:hover, #photoSuivante a:hover{
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}
	
	#galerieVisuel{
		margin:7px 0 0 0;
	}
	
	#galerieVisuel table, #galerieVisuel td{
		width:410px;
		text-align:center;
	}
	
	#galerieVisuel img{
		display:block;
		padding:4px;
		border:1px solid #fff;
	}
	
	#galerieDroite{
		float:left;
		width:158px;
		margin:0 0 30px 0;
	}
	
	#compteur{
		margin:0 0 7px 0;
		text-align:right;
		color:#4d1250;
		font-weight:bold;
	}
	
	#compteur a{
		font-weight:normal;
		color:#4d1250;
		text-decoration:none;
		padding:0 4px 0 4px;
	}
	
	#compteur a:hover{
		font-weight:normal;
		background-color:#4d1250;
		color:#f7f6f0;
		text-decoration:none;
	}
	
	.vignetteGauche{
		float:left;
		width:72px;
		margin:0 14px 11px 0;
	}
	
	.vignetteDroite{
		float:left;
		width:72px;
		margin:0 0 11px 0;
	}
	
	#galerieDroite table{
		width:72px;
	}
	
	#galerieDroite table td{
		width:70px;
		height:70px;
		border:1px solid #fff;
		text-align:center;
	}
	
	#menus{
		margin:5px 0 20px 0;
		text-align:center;
	}
	
	#menus td{
		vertical-align: top;
	}
	
	.menu1, .menu2{
		width:181px;
		padding:0 10px 0 0;
		border-right:1px solid #167b8e;
	}
	
	.menu2{
		padding:0 10px 0 10px;
	}
	
	.menu3{
		width:182px;
		padding:0 0 0 10px;
	}
	
	#menus h2{
		margin:0 0 8px 0;
		font-size:140%;
		font-weight:bold;
	}
	
	#contenu ul#listeCartes{
		margin:0 0 30px 0;
		padding:0;
		list-style:none;
	}
	
	#contenu ul#listeCartes li{
		margin:0 0 12px 0;
	}
	
	#contenu ul#listeCartes li a img{
		margin-right:10px;
		border:1px solid #167b8e;
	}
	
	#contenu ul#listeCartes li a:hover img{
		border:1px solid #fff;
	}
	
	#contenu ul#listeCartes li a{
		text-decoration:none;
		color:#fff;
	}
	
	#contenu ul#listeCartes li a:hover{
		text-decoration:underline;
	}
	
	#infosGoogle{
		color: #1e95a9;
	}
	
		/* modifs Damien */

	#bloc-bas{
		width:974px;
		margin:200px auto 5px auto;
		padding:5px;
	}
	
	#bloc-bas p{
	color:#7D8688;
	}
	
	#bloc-bas h1{
	font-size:12px;
	color:#7D8688;
	}
	
	#bloc-bas h2{
	font-size:10px;
	color:#7D8688;
	}
	
	#bloc-bas a{
		text-decoration:none;
		color:#7D8688;
	}
