body
{
font-family: Comic Sans MS, Arial, serif;
background: url("images/fond_transp.jpg");
background-attachment: fixed; 
background-size: cover; 
background-repeat: no-repeaat;
}

h2
{
font-size: XX-large;
font-weight: bold;
text-align: center;
}



h3
{
font-size: x-large;
text-decoration: underline;
font-weight: normal;
margin-bottom: 0px;
} 

h4
{
text-decoration: underline;
}

h6
{
text-align: center;
}

ul
{
list-style-type: none;
}

nav
{
display: block;
width: 100%;
margin-left: 2%;
margin-right: 1%;
}

nav li
{
display: inline-block;
margin-right: 1%;
width: 14%;
}

strong
{
font-weight: bold;
}


footer strong
{
font-weight: bold;
}

footer
{
width: 60%;
margin: 35%;
margin-top: 5%;
margin-bottom: 0%;
}

.inline-block 
{
display:inline-block;
}



footer li
{
display: inline-block;
margin-right: 0.7em;
vertical-align: middle;
}


/* alignement des images */
	/* alignement page lien */
		.gros_titre_lien	
		{
		text-align: left;
		margin-bottom: 5%;
		color: green
		}
		.titre_page_lien
		{
		text-align: center;
		}
		
		#CCE
		{
		margin-left: 30%;
		width: 40%;
		margin-right: 30%;
		}
		#lienCCE, #lien_residence, #ville_tosny, #lien_pub,  .clubs
		{
		display: block;
		text-align: center;
		margin-top: 0px;
		}
		
		
		#ville_andelys
		{
		margin-left: 42.5%;
		margin-right: 42.5%;
		width: 15%;
		}
		
		
		
		
		/* fin alignement page lien */
		
		
		
		
		
		/* alignement page aviron */
		
		#bateau
		{		
		width: 50%;
		margin-left: 25%;
		margin-right: 25%;
		margin-bottom: 0%;
		}
		
		#fred
		{
		width: 40%;
		margin-left: 30%;
		margin-right: 30%;
		}
		
		#portant
		{
		width: 46%;
		margin-left: 27%;
		margin-right: 27%;
		}
		
		#planche1
		{
		width: 40%;
		margin-left: 5%;
		margin-right: 9%;
		}
		
		#planche2
		{
		width: 40%;
		margin-left: 0%;
		margin-right: 5%;
		}
		
		#planche3
		{
		width: 60%;
		margin-left: 20%;
		margin-right: 20;
		margin-top: 1%;
		}
		.canoe1
		{
		display: inline-block;
		margin-right: 3%;
		}
		
		#canoes1
		{
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 3%;
		}

		.canoe2
		{
		display: inline-block;
		margin-right: 20%;
		}
		
		#canoesolo
		{
		width: 20%;
		}
		
		#canoes2
		{
		margin-left: 13%;
		margin-right: 10%;
		}
		
		#skiff2
		{
		margin-left: 30%;
		width: 40%;
		margin-right: 30%;
		}
		
		#skiff1
		{
		margin-left: 10%;
		width: 80%;
		margin-right: 10%;
		}
		
		.double
		{
		width: 30%;
		display: inline-block;
		vertical-align: middle;
		margin-left: 2%;
		margin-top: 2%;
		}
		
		
		#marques
		{
		margin-left: 12%;
		}

		#pret
		{
		margin-left: 27%;
		}
		
		#partez
		{
		margin-left: 25%;
		}
		
		#commentaire
		{
		margin-top= 0%;
		}
		
		#yolette1
		{
		width: 20%;
		margin-left: 40%;		
		margin-right: 40%;
		margin-bottom: 1%;
		}
		
		#yolette2
		{
		width: 35%;
		margin-left: 33%;		
		margin-right: 32%;
		margin-bottom: 1%;
		}
		
		#yolette3
		{
		width: 70%;
		margin-left: 15%;		
		margin-right: 15%;
		}

		#retour1
		{
		width: 20.5%;
		margin-right: 42.5%;
		}
		
		#retour2
		{
		margin-left: 18%;
		}
		
		/* fin alignement page aviron */
		
		
		
		
		/* début alignement page le club */
		
		
		#plandeau
		{
		width: 50%;
		margin-left: 25%;
		margin-right: 25%;
		}
		
		#tente
		{
		width: 40%;
		margin-left: 0%;
		margin-right: 19.5%;
		}
		
		#entree
		{
		width: 40%;
		margin-left: 0%;
		margin-right: 0%;
		}
		
		
		/* fin alignement page le club */
		
		
		/* début alignement page événements */
		
		#ancienne_passerelle
		{
		width: 40%;
		margin-left: 0%;
		margin-right: 7%;
		}
		
		#nouvelle_passerelle
		{
		width: 52%;
		}
		
		
		#vieuxponton
		{
		width: 35%;
		margin-left: 0%;
		margin-right: 29.5%;		
		}
		
		#pontoncube1
		{
		width: 35%;
		margin-right: 0%; 
		}
		
		#demontage1
		{
		width: 30%;
		margin-left: 0%;
		margin-right: 1%;
		margin-bottom: 2%;
		}
		
		#demontage2
		{
		width: 33%;
		margin-left: 0%;
		margin-right: 1%;
		margin-bottom: 2%;
		}
		
		#moules
		{
		width: 34%;
		margin-bottom: 2%;
		}
		
		#montage1
		{
		width: 30%;
		margin-left: 0%;
		margin-right: 2.5%;
		margin-bottom: 2%;		
		}
		
		#montage2
		{
		width: 30%;
		margin-left: 0%;
		margin-right: 1%;
		margin-bottom: 2%;	
		}
		
		#montage3
		{
		width: 30%;
		margin-left: 0%;
		margin-right: 4%;
		margin-bottom: 2%;		
		}
		
		#montage4
		{
		width: 50%;
		margin-left: 25%;
		margin-right: 25%;		
		}
		
		#demontage
		{
		margin-left: 6%;
		}
		
		#grattage
		{
		margin-left: 55%;
		}
		
		#montage
		{
		width: 35%;
		margin-left: 32.5%;
		margin-right: 32.5%;
		}
		
		#resultat
		{
		width: 35%;
		margin-left: 32.5%;
		margin-right: 32.5%;
		}
		
		#sport1
		{
		width: 35%;
		margin-left: 12%;
		margin-right: 5%;
		}
		
		#sport3
		{
		width: 35%;
		margin-left: 0%;
		margin-right: 12%;
		}
		
		#sport4
		{
		width: 35%;
		margin-left: 32.5%;
		margin-right: 32.5%;
		}
		
		#regate1
		{
			
		margin-left: 0%;
		margin-right: 2%;
		}
		
		#regate3
		{		
		margin-left: 0%;
		margin-right: 0%;
		}
		
		#regate2
		{
		width: 30%;
		margin-left: 0%;
		margin-right: 0%;
		}
		
		#regate4
		{	
		width: 31.5%;	
		margin-left: 2%;
		margin-right: 2%;
		}
		
		#regate5
		{	
		width: 33%;	
		margin-left: 0%;
		margin-right: 0%;
		}
		
		#ergo
		{
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
		}
		
		#grand_bain
		{
		width: 50%;
		margin-left: 25%;
		margin-right: 25%;
		}
		
		#rando_deux_lacs
		{
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
		}
		
		#rowing1
		{
		width: 40%;
		margin-left: 2%;
		margin-right: 15%;
		}
		
		#rowing2
		{
		width: 40%;
		margin-left: 0%;
		margin-right: 0%;
		}
		
		#rowing3
		{
		width: 50%;
		margin-left: 25%;
		margin-right: 25%;
		margin-top: 2%;
		}
		
		.gaillon_forum_asso_sept2012
		{
		width: 35%;
		margin-left: 7%;
		margin-right: 7%;
		}
		
		#villersurleroule_forum_asso_sept2012_1
		{
		width: 40%;
		margin-left: 7%;
		margin-right: 7%;
		}
		
		#villersurleroule_forum_asso_sept2012_2
		{
		width: 30%;
		margin-left: 7%;
		margin-right: 7%;
		}
		
		#villersurleroule_forum_asso_sept2012_1, #villersurleroule_forum_asso_sept2012_2
		{
		display: inline-block;
		vertical-align: middle;
		margin-top: 1%;
		}
		
		#harengate
		{
		width: 30%;
		margin-right: 25%;
		margin-left: 2%;
		}
		
		#AG2013impartial
		{
		width: 100%;
		margin-top: 2%;
		}
		
		#xavier
		{
		Width: 40%;
		margin-left: 30%;
		margin-right: 30;
		}
		/* fin alignement page événements */
		
		
		
		
		
		/* début alignement page accueil */
		
		.accueil
		{
		text-align: center;
		}
		
		.harengate2
		{
		display: inline-block;
		vertical-align: middle;
		margin-left: 30%;
		margin-right: 30%;
		width: 40%;
		
		}
		
		
		#planning
		{
		text-align: center;
		margin-bottom: 19%;
		}
		
		#compteur
		{
		
		margin-left: 85%;
		width: 10%;
		margin-right: 5%;
		}
		
		/* fin alignement page accueil */
		
		/* début alignement page rejoindre/informations */
		
		.icone_informations
		{
		width: 5%;
		margin-left: 2%;
		display: inline-block;
		vertical-align: middle;			
		}
		
		#informations
		{
		text-align: center;
		margin-bottom: 5%;
		}
		
		#pub
		{
		text-align: center;
		margin-top: 8%;
		margin-bottom: 0%;
		}
		
		
		/* fin alignement page rejoindre/informations */