/* CSS Document */
/*stylesheet principal qui contient les dimensions, les couleurs sont dans les autres stylesheet
*/
body
{
	font-family: serif;
	font-weight: 300;
	font-size: 1em;
	background-color: #FFF;

}

#main {
	
	max-width: 1120px;/*donc 980 total*/
	min-width: 680px;
	/*width: 828px;*/
	/*width: 770px;*/
	/*width:100%;*/
	margin: 20px auto;
	padding: 20px 30px 20px 30px;
	-moz-border-radius: 15px;
  	-webkit-border-radius: 15px;
   	-webkit-box-shadow: 5px 5px 8px black;
   	/*-moz-box-shadow: black 5px 5px 8px;*/
  
}

#main2 {/*pour la page sound*/
	width: 222px;
	padding: 2px 2px 2px 2px;
	height:153px;
	-moz-border-radius: 15px;
  	-webkit-border-radius: 15px;
   	-webkit-box-shadow: 5px 5px 8px black;
  	/*-moz-box-shadow: black 5px 5px 8px;*/
}


/*
a:first-letter { text-decoration: underline;}

a {text-decoration: none;}
*/

div#log4
{

width: 170px;
font-size: 0.8em;
margin: 0px 0px 20px 0px;
}
div#log3
{

width: 170px;
font-size: 0.8em;
margin: 0px 0px 20px 0px;
}

 img {
 
 
 border: 0;}
/*
input[type="submit"]
{

padding:0px;

	
}
*/


.colonne1 {
	max-width: 790px;
	/*width: 560px;*/
	padding: 10px 10px 0px 0px;
text-align: justify;
}
.colonne2 {
	float: right;
	width: 160px;
	padding: 20px 0px 0px 20px;
	font-size: 0.8em;

}
.box_color {

  
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
   -webkit-box-shadow: 5px 5px 8px black;
   /*	-moz-box-shadow: black 5px 5px 8px;*/

}

.box_color_pad {
padding: 1px 5px 1px 5px;


}
.box {

margin: 0px 0px 20px 0px;
}


.leftcontent {
		float:left;
		width:45%;
		margin-right:10%;
		
		}

	.rightcontent {
		}
		

.imageright
{

float: right;
clear: right;
padding: 1px 5px 1px 40px;
}

.imagecenter
{

text-align: center;
padding: 40px 0px 20px 0px;
}




/*
.box2 {
position:relative;
	right:-50%;
	
	width: 40%;
	
	
}

.box3 {
float: right;
	
	
	
}
.box4 {
float:right;
	clear: right;
}
*/

h1
{
	font-size: 2em;
	text-decoration: underline;
	text-align: center;
}

h2
{
	font-size: 1.5em;
	font-weight: lighter;
}

.ud
{
	
	text-decoration: underline;
}




/*pour les erreurs mysql ou php*/
h3
{
	font-size: 1.2em;
	font-weight: bold;
	
}
b
{

	font-weight: bold;
}

.norm
{
	font-size: 1.2em;
	/*width: 75%;*/
	text-align: justify;
	font-weight: normal;
}

h4
{
	font-size: 1em;
	font-weight: lighter;
	
}
.justify
{
	
	text-align: justify;
}


.gaz
{
	
	width: 75%;
	
	text-align: justify;

}
/*
.blog
{
	font-size: 1.0em;
	width: 100%;
	font-weight: normal;
	text-align: justify;

}

.blog2
{float: right;
	font-size: 0.8em;
	
	
}
*/

.navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
}

.navcontainer ul li { display: inline-table;
/*inline-table est bien*/
padding: 5px 1px 5px 1px;

}

.navcontainer ul li a
{

/*width: 6em;*/
text-decoration: none;
padding: .2em 1em;
/*display: block;*/

 -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
 -webkit-box-shadow: 2px 2px 4px black;
 /*	-moz-box-shadow: black 2px 2px 4px;*/
 
}

.navcontainer ul li a:hover
{
text-decoration: underline;
}

/*.navcontainer ul li a:focus:after {
display: block;
position: fixed;
top: 105px;
left: 400px;
content: " [" attr(accesskey) "]";


   }*/
   
   
   .navcontainer #currentpage  a {
	text-decoration: underline;
	}


.footer
{
text-align: center;
	font-size: 0.8em;


}
.caption
 {
	font-size: 0.8em;
 
 }
 
 

 
 .lien a
 {
 text-decoration: none;
 }
 
 .lien a:hover
  {
 text-decoration: underline;

 }