/*--------------------------------*/
        /* Corps de la page web            */
        /*--------------------------------*/

 		HTML {
			height: 100%;
			margin: 0 auto; 
			padding: 0;
		}






		BODY {
			width:1000px;
			display : table;		
			height: 100%;
			margin: 0 auto; 
			padding: 0;	
			font-size: 13px;
			background-color: rgb(255,255,255);				
		}






		img,
		table,
		td,
		blockquote,
		code,
		pre,
		textarea,
		input,
		iframe,
		object,
		embed,
		video {
			max-width: 100%;
		}
		
		
		
		
		
		HEADER {
			width:1000px;
			display: flex;
			background-color: #DCFCFD;				
			height: 120px;			
			z-index: 900;					
		}			






		MAIN {
			width: 100%;			
			float: right;
			background-color: #DCFCFD;			
			margin-left: -310px;
			clear: both;
			overflow: auto;				
		}
		
		
		
		


		FOOTER {
			display : table-row;
			height: 100px;			
		}










        /*-----------------------------------------------*/
        /* Contenu de la page de résultat de recherche   */
        /*-----------------------------------------------*/	



        /*----------*/
        /* Sections */
        /*----------*/	
		.sections{
			width:690px;
			margin-left: 310px;					
		}		
		
        /*-------------------------*/
        /* Nom du site touristique */
        /*-------------------------*/	
		.sections > h1 {			
			font-family:Arial;
			font-size:30px;
			font-style:italic;
			font-weight:bold; 
			color:#0000cd;			
			text-align:left;			
		}		
		
		







		
        /* Titre de la page de résultat de recherche géographique */
		div#titretypeinfosdiverses {
			width:680px;			
			font-family:Times New Roman;
			font-size:36px;
			font-weight:bold; 			
			text-align:center;		
			color:#6633FF;
			margin-left:5px;
			margin-bottom:20px;				
		}		










        /* Titre de la page de résultat de recherche géographique */
		div#titrenominfosdiverses {
			width:680px;			
			font-family:Times New Roman;
			font-size:30px;
			font-style:italic;
			font-weight:bold; 			
			text-align:center;		
			color:#6633FF;
			margin-left:5px;
			margin-bottom:20px;				
		}
		









        /* Tableau résultat de recherche */		
		.tableauresultatrecherche {
			width:690px;
			margin-top:15px;			
			margin-bottom:20px;
		}		
		.tableauresultatrecherche table {
			width:685px;			
			border-bottom: 1px solid gray;
			background-color: rgb(255, 255, 255); 
		}










        /* Contenu général de la page de résultat de recherche géographique */

		div#contenusoustitre {
			font-size:28.0px; 
			font-family:Times New Roman; 
			font-style:italic; 
			font-weight:bold;
			text-decoration:none;
			text-align : left;				
			height:25px;			
			margin-left:8px; 			
			margin-bottom:5px;
			border-width:2px;
			color : #0000F7;			
		}	
	
		div#contenuphoto {
			width:200px;
			background-color:#FFFFFF;
			margin-top:5px;			
			margin-left:5px;
			margin-bottom:5px;			
			margin-right:10px;
			border: 1px solid #AAAAAA;
			text-align:center;				
		}

		div#contenuinfos {
			vertical-align:top;
			text-align:left;	
			margin-bottom:5px;			
			margin-right:5px;
			font-family:Times New Roman;
			font-size:1.4rem;
			color:black;
		}		












        /*-----------------------------*/
        /* Bandeau à gauche de la page */
        /*-----------------------------*/			
		NAV {
			position: relative;
			width: 300px;
			margin-right: -300px;				
			margin-bottom:5px;				
			float: left;
			overflow: hidden;
			background: #98FB98;
		}

		.bandeaux ol {
			list-style-type: none;
			padding-left: 0;
		}	

		.bandeau {
			display: inline-block;
			width:292px;
			float:left;
			overflow:auto;			
			position: relative;
			margin-left:1px;
			margin-bottom:12px;			
		}




        /* Nom général des listes */		
		.nomgeneral {
			font-family:arial;	
			font-size: 1.25em;
			font-weight:bold;
			line-height : 1.8;
			color:#0000FF;
		}


        /* Liste des infos diverses */		
		.nominfosdiverses {
			font-family:arial;	
			font-size: 1.20em;
		}