body
{
 font: 11px verdana, sans-serif;
 margin: 0;
 padding: 0;
}

a
{
	color: #708090;
	text-decoration: none;
}
a.visited
{
	color: black;
	text-decoration: none;
}
ul
{
list-style-type:none;
}
.Bouclier
{
	position: absolute; 
	left: 200px; 
	width:30px; 
	border:none;
}
.Colonne
{
	position: absolute;
	top: 210px;
	left: 0px;
	text-align: left;
}
.Conclusion
{
	color: black;
	font-size: 13px;
	font-variant: small-caps;
	padding: 20px;
}

.sous-titre
{
	font-family: Courier New, Verdana;
	font-weight: bold;
	text-align: left;
	font-size: 20px;
	font-variant: small-caps;
	padding: 20px;
}

.Web
{
	font-family: Courier New, Verdana;
	font-weight: bold;	
	color: white;
	border: ridge 4px;	
	background-color: #708090;
	border-color: #708090;	
	text-align: center;
	font-size: 18px;
	font-variant: small-caps;
	margin: 20px;
	margin-left: 0px;
	margin-top: 40px;
	padding: 5px;
	padding-bottom: 8px;
}
.ColonneA
{
	position: absolute;
	top: 140px;
}




div#menu {
    height: auto;
    width: 150px;
}
div#menu li {
    height: 25px;
    width: 175px;
    margin: 2px;
    font-family: Verdana;
    font-size: 11px;
    text-align: left;
	padding-left: 10px;
	padding-top: 5px;
    list-style-type: none;
    background-image: url(Images/bouton-gris1.png);
    background-repeat: no-repeat;
}
div#menu li a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}
div#menu li a:link {
    color: grey:
}
div#menu li a:visited {
    color: black;
}
div#menu li a:hover {
    color: grey;
}
div#menu li a:active {
    background-image: url(images/Images/bouton-gris1.png);
    background-repeat: no-repeat;
}


.texte
{
	color: Gainsboro;
	text-align: justify;
	font-size: 14px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.texte2
{
	text-align: justify;
	font-size: 12px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.FacteurHumain
{
	position:relative; 
	left:50px;
}

.Auteur
{
	font-family: Comic;
	font-variant: small-caps;
	text-align: justify;
	font-size: 11px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.Infos
{
	font-family: Comic;
	font-variant: small-caps;
	text-align: justify;
	font-size: 14px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.Chapeau
{
	font-family: verdana;
	color: Black;
	font-variant: small-caps;
	text-align: justify;
	font-size: 14px;
	padding-bottom: 5px;
}
.Question1
{
	font-variant: small-caps;
	font-weight: bold;
	color: Black;
	text-align: justify;
	font-size: 13px;
}
.Question
{
	font-variant: small-caps;
	font-weight: bold;
	color: Black;
	text-align: justify;
	font-size: 13px;
	padding-top: 15px;
}
.Reponse
{
	font-style: italic;
	color: Black;
	text-align: justify;
	font-size: 12px;
}

.Photo1
{
	float: right;
	width: 200px;
}


.Photo2
{
	float: right;
	width: 300px;
}
.Photo2bis
{
	float: left;
	width: 330px;
}

.Photo3
{
	float: left;
	width: 250px;
	border: solid 1px black;
}

.Photo4
{
	float: right;
	width: 270px;
}

.Photo5
{
	float: left;
	width: 270px;
}

.Photo6
{
	float: right;
	width: 330px;
}

.Photo7
{
	float: left;
	width: 270px;
	
}.Photo8
{
	float: left;
	width: 240px;
}

.Photo9
{
	float: right;
	width: 200px;
}

.Photo10
{
	float: right;
	width: 200px;
}

.Photo11
{
	float: RIGHT;
	width: 270px;
}
.Photo12
{
	float: right;
	width: 270px;
}
.Photo13
{
	float: left;
	width: 170px;
}
.Photo14
{
	width: 250px;
	position: relative;
	left: 10px;
	top: 10px;
}
.Photo15
{
	width: 250px;
	position: relative;
	left: 320px;
	top: -173px;
}
.Photo16
{
	width: 250px;
	position: relative;
	left: 10px;
	top: -70px;
}

.Photo17
{
	width: 250px;
	position: relative;
	left: 320px;
	top: -253px;
}

.Photo18
{
	float: left;
	width: 260px;
}

.Photo19
{
	float: right;
	width: 200px;
}

.Photo20
{
	float: left;
	width: 150px;
}

.Photo21
{
	float: right;
	width: 230px !important;
	width: 270px;
}

.Photo22
{
	float: left;
	width: 150px;
}

.Photo23
{
	float: right;
	width: 150px
	
}


.Photo24
{
	float: left;
	width: 190px;
}

.Photo25
{
	float: right;
	width: 200px;

}

.Photo26
{
	float: left;
	width: 220px 
	
}


.Intitule
{
	font-variant: small-caps;
	font-weight: bold;
}
.Liens
{
	color: #708090;
	font-size: 16px;
	text-align: center;
}





#menuDeroulant
{
 width: 644px;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
 position: absolute;
 top: 100;
 left: 100;
}
#menuDeroulant .sousMenu
{
 display: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
}
#menuDeroulant li
{
 float: left;
 width: 150px;
 margin: 0;
 padding: 0;
 border: 0;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
 display: block;
 height: 1%;
 color: #FFF;
 background: #3B4E77;
 margin: 0;
 padding: 4px 8px;
 border-right: 1px solid #fff;
 text-decoration: none;
}
#menuDeroulant li a:hover { background-color: gainsboro; }
#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
 display: block;
 color: #FFF;
 margin: 0;
 border: 0;
 text-decoration: none;
 background: transparent url("photos/fondTR.png") repeat;
}
#menuDeroulant .sousMenu li a:hover
{
 background-image: none;
 background-color: gainsboro;
}
#menuDeroulant .sousMenu li
{
 display: block;
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
 width: 149px;
 border-top: 1px solid transparent;
 border-right: 1px solid transparent;
}
#menuDeroulant li:hover  .sousMenu { display: block; }


		
		div#galerie
		{
			width: 900px ;
			position: relative;
			top: 10px;
			background: gainsboro ;
			border: 1px solid #dcb ;
			padding: 15px ;
			margin: 15px 30px ;
			text-align: center ;
		}
		
		ul#galerie_mini
		{
			margin: 0 ;
			padding: 20 ;
			list-style-type: none ;
			color: #778899;
		}
		
		ul#galerie_mini li
		{
			float: left ;
		}
		
		ul#galerie_mini li a img
		{
			margin: 2px 55px ;
			border: 1px solid #dcb ;
		}
		
		dl#photo
		{
			clear: both ;
			margin: 0 auto ;
		}
		
		dl#photo dt
		{
			font: italic 2.5em/1.5em Georgia, serif ;
			color: #778899 ;
		}
		
		dl#photo dd
		{
			margin: 40 ;
		}
		
		dl#photo img
		{
			border: 1px solid #dcb ;
		}
	
.ColonneEco
{
	position: absolute;
	top: 180px;
	left: 10px;
}

	
div#menuEco {
    height: auto;
    width: 150px;
}
div#menuEco li {
    height: 25px;
    width: 175px;
    margin: 2px;
    font-family: Verdana;
    font-size: 11px;
    text-align: left;
	padding-left: 10px;
	padding-top: 4px;
    list-style-type: none;
    background-image: url(Images/bouton-gris1.png);
    background-repeat: no-repeat;
}
div#menuEco li a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}
div#menuEco li a:link {
    color: grey:
}
div#menuEco li a:visited {
    color: black;
}
div#menuEco li a:hover {
    color: grey;
}
div#menuEco li a:active {
    background-image: url(images/Images/bouton-gris1.png);
    background-repeat: no-repeat;
}


.ColonneSjon
{
	position: absolute;
	top: 180px;
	left: 10px;
}

	
div#menuSjon {
    height: auto;
    width: 150px;
}
div#menuSjon li {
    height: 25px;
    width: 270px;
    margin: 2px;
    font-family: Verdana;
    font-size: 9px;
    text-align: left;
	padding-left: 10px;
	padding-top: 4px;
    list-style-type: none;
    background-image: url(Images/bouton-gris1.png);
    background-repeat: no-repeat;
}
div#menuSjon li a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}
div#menuSjon li a:link {
    color: grey:
}
div#menuSjon li a:visited {
    color: black;
}
div#menuSjon li a:hover {
    color: grey;
}
div#menuSjon li a:active {
    background-image: url(images/Images/bouton-gris1.png);
    background-repeat: no-repeat;
}