*{margin:0px;padding:0px;}
.clearboth{clear: both;}
.invisible{display: none;}
.nodecoration{text-decoration: none;}
.valider{border: 2px solid black;font-family:Arial, Helvetica, sans-serif; font-size:11px;font-weight: bold;background-color: white; cursor: pointer; }


.typo2{font-family: Tahoma, Arial;}
.typo{font-family: Verdana, Arial, Helvetica, sans-serif; }
.gras{font-weight: bold;}

.vert{color: #3faa2a}
.rose{color: #ff1aec}
.bleu{color: #1025aa}
.orange{color: #ff9a09}
.gris{color:#474747;}
.blanc{color:#FFFFFF;}
.rouge{color:#b94343;}

.typo0{font-size:1%;}
.typo6{font-size: 6px;}
.typo10{font-size:10px;}
.typo11{font-size:11px;}
.typo12{font-size:12px;}
.typo14{font-size:14px;}
.typo15{font-size:15px;}
.typo16{font-size:16px;}
.typo18{font-size:18px;}

.gauche{float: left;}
.droite{float: right;}

.center{text-align:center;}


body {
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	text-align:center;
}

#dilat{
	margin-left: auto;
	margin-right: auto;
	text-align:left;
    width: 1000px;
}

#page{
	background-color: transparent;
    height: 667px;
    margin-top: 30px;
	text-align:left;	
}


.logo{margin-top: 7px;}
.fond_allee {background-image: url(../imgs/fond_allee.jpg)}
.fond_arbre {background-image: url(../imgs/fond_arbre.jpg)}
.fond_plage {background-image: url(../imgs/fond_plage.jpg)}
.fond_touquet{background-image: url(../imgs/fond_touquet.jpg)}
.fond_skatepark{background-image: url(../imgs/fond_skatepark.jpg)}
.fond_noir{background-image: url(../imgs/fond_noir.jpg)}
.fond_auvergne{background-image: url(../imgs/fond_auvergne.jpg)}
.fond_croix{background-image: url(../imgs/fond_croix.jpg)}
.fond_moi{background-image: url(../imgs/fond_moi.jpg)}
.fond_aurore{background-image: url(../imgs/fond_aurore.jpg)}
.fond_port_c{background-image: url(../imgs/fond_port_c.jpg)}
.fond_roi{background-image: url(../imgs/fond_roi.jpg)}
.fond_ocean{background-image: url(../imgs/fond_ocean.jpg)}
.fond_lac{background-image: url(../imgs/fond_lac.jpg)}
.fond_vertical{background-image: url(../imgs/fond_vertical.jpg)}
.fond_estampe{background-image: url(../imgs/etre_sacre_mais.jpg)}
.fond_jungle{background-image: url(../imgs/fond_jungle.jpg)}
.fond_conte{background-image: url(../imgs/fond_conte.jpg)}
.fond_animaux{background-image: url(../imgs/fond_animaux.jpg)}
.fond_etres{background-image: url(../imgs/fond_etres.jpg)}
.fond_plantes{background-image: url(../imgs/fond_plantes.jpg)}
.fond_archives{background-image: url(../imgs/fond_archives.jpg)}


/* Le menu de gauche */
#menu{
	float: left;
	padding-top: 430px;
}
#menu ul, li{list-style-type: none; margin: 0; padding: 0; border: 0px}
#menu .titre{width: 100px; text-align: center; margin-bottom: 2px; margin-top: 2px}
#menu a {
	display: block;
	width: 120px;  
	color: black; 
	background-color: white;
	text-decoration: none; 
	height: 18px;
	padding-top: 3px;
	border-bottom: 1px solid black;
	vertical-align:top;
}
#menu a:hover{background-color: #DFDBF0;}
.c_orange{background-image: url(../imgs/c_orange.gif); background-position: 113px 2px; background-repeat: no-repeat}
.c_noir{background-image: url(../imgs/c_noir.gif); background-position: 113px 2px; background-repeat: no-repeat}
.c_rouge{background-image: url(../imgs/c_rouge.gif); background-position: 113px 2px; background-repeat: no-repeat}
.c_rose{background-image: url(../imgs/c_rose.gif); background-position: 113px 2px; background-repeat: no-repeat}
.c_bleu{background-image: url(../imgs/c_bleu.gif); background-position: 113px 2px; background-repeat: no-repeat}
.c_vert{background-image: url(../imgs/c_vert.gif); background-position: 113px 2px; background-repeat: no-repeat}
.c_jaune{background-image: url(../imgs/c_jaune.gif); background-position: 113px 2px; background-repeat: no-repeat}
.c_bleuclair{background-image: url(../imgs/c_bleuclair.gif); background-position: 113px 2px; background-repeat: no-repeat}

.faible {
	/*filter:alpha(opacity=45);
	-moz-opacity:0.45;
	opacity: 0.45;*/
	
	background-image: url(../../imgs/fond.jpg);
	background-repeat: repeat-y;
	background-position: 297px 0px;
}

.fort{
	/*filter:alpha(opacity=95);
	-moz-opacity:0.95;
	opacity: 0.95;*/

	background-image: url(../../imgs/fond.jpg);
	background-repeat: repeat-y;
	background-position: 297px 0px;
}


#textes{
	float: left;
	margin-top: 90px;
	padding-left: 116px;
	width: 708px;
	height: 498px;
	
	overflow:auto;
	text-align: justify;
}
#textes a{color: black}
#textes a:hover{text-decoration: none;}

.image{float: left; padding-left: 35px; margin-top: 10px;}
.cadre_image{border: 4px solid white; border-bottom: 8px solid white;}
.para{
	float:right;
	width: 490px;
	margin: 10px;
	background-color: white;
}
.para p {margin-right: 10px; margin-left: 10px;}

.pointille{height: 1px; width: 250px; border-top: 1px dashed gray; margin-left: 110px}