/**
 * reset styles
 *
 * (http://yui.yahooapis.com/2.8.1/build/reset/reset-min.css)
 *
 * Copyright (c) 2010, Yahoo! Inc. All rights reserved.
 * Code licensed under the BSD License:
 * http://developer.yahoo.com/yui/license.html
 * version: 2.8.1
 * 
 */

html{color:#000;/*background:#FFF;*/}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}


/*GENERALITES */

body {
    background-image:url(http://jpda.fr/images/bienvenue.jpg);
    background-attachment:fixed;
    padding: 80px  ;
	font-family: Arial, sans-serif; /*Georgia, serif;*/
	font-size: 13px ; 
}

p {
	/*color: #a3b2f4; */
	font-family: arial, sans-serif;
    color: rgb(0,0,0);
	}	
    
h1 {
	/*color: #a3b2f4; */
	font-family: Arial, sans-serif;
    font-style: bold;
    font-size: 35px ;

    color: rgb(0,0,0);
	}	
	
h2 {
	/*color: #a3b2f4; */
    margin-top: 5px;
	font-family: Arial, sans-serif;
    font-size: 18px ;

    color: rgb(0,0,0);
	}	    
	
strong {
	font-weight: bold ;
}


em {
	font-style: italic;
}	

a {
	color: #4e6b9c;
    text-decoration: none;
}

a:hover {

	color: #597687;
}

a:active {
	color: #597687;
	}
	
a img {
	border: solid 0px #ffffff;
}	

a:hover img {
	border: solid 0px #000000;
}	



/*A PROPOS.html */
	
p#paragraphe3 {
	font-size: 25px;
	font-style: normal;
	}
p#laclassegrosse {
    font-style: Arial,sans-serif;
    font-size: 40 px;
	font-weight: bold;
	}
    	
.laclasseitalique {
	font-style: italic;
	}
	
    
.laclassegrosse {
    font-style: Arial,sans-serif;
    font-size: 15 px;
	font-weight: bold;
	}
	
/* ACCUEIL - (index.html) */

#container {
	/*position: absolute;
	top: 300px;
	left:250px;
	margin: 10px;*/
	position: relative;
    margin: 20px auto;
	padding: 80px;
	width: 600px;
	height: 400px;
 	background-color: #ffffff ;
	border: solid 0 px #000000;
	border-radius: 3px; 
	box-shadow: 2px 2px 3px rgba(0,0,0,0);
	/*text-shadow: 0px 0px 0px #ffffff;*/
	/*IE*/
	/*background:rgba(236,222,243,0);*/
	/*gecko based navigator*/
	/*background: -moz-linear-gradient(top, #e1eeed, #eeeee);*/
	
	/*webkit based navigator*/
	/*background: -webkit-gradient(linear, left top, left bottom, from(#e1eeed), to(#eeeee));*/

}

#header {
	height: 10px;
}

#header h1{
	width: 280px ;
}
 
 


	/*à toutes les images qui vont dans le div - prennez la largeur maximale de 70 px */
#container img {
	max-width: 300px;
    max-height: 400px;
	
}

p{
	text-align: left;
}