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

#main {
	
display: inline-block;
	margin: .2em auto;
	padding: 20px 30px 20px 30px;
		min-width: 1060px;
   	-webkit-box-shadow: 5px 5px 6px black;
   	
   	
   	-moz-border-radius-bottomright: 15px;
   	-moz-border-radius-bottomleft: 15px;
    -moz-border-radius-topright: 15px;
      -webkit-border-bottom-right-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
  
}

#main2 {
max-width: 1120px;
	min-width: 1060px;

	margin: 0px auto;
	padding: 20px 30px 20px 30px;
  
}


div#log2
{
display:none;
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;}

hr {
border: 0;
width: 100%;


height: 1px;
}

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

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

}

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


}
.box {

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

.middle
{

text-align:center;

}
.l
{
float: left;


}
.r
{
float: right;


}

.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;
}





h1
{font-family:serif;
	font-size: 2em;
	
	text-align: center;
}

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

.ud
{
	
	text-decoration: underline;
}




/*pour les erreurs mysql ou php*/
h3
{font-family:serif;
	font-size: 1.2em;
	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;

}
#txtHint
{
	max-width: 720px;
display: inline-table;

}


.navcontainer ul
{
padding:0px;
margin: 0 0 0 0;

list-style-type: none;
text-align: left;
display:inline;
}

.navcontainer ul li {
padding-right:4px;
	
	display:block;
	float:left;
	position:relative;

	
	


}

.navcontainer ul li a
{


text-decoration: none;
padding: .3em 1em;
margin-right:-3px;
-moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
  -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;

 
}

.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) "]";

*/


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


}

.navcontainer ul.n2
 {
	
	display:none;
	position:absolute;
	top:1.5em;
	left:0px;
 
 }
.navcontainer ul li:hover ul.n2 {

margin: -2px 0 0 0;
 

display:inline;
 
 }
 


.navcontainer ul li:hover ul.n2 li a
  {

display:block;


 
-moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
  -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;

 
}


 .caption
 {
	font-size: 0.8em;
 
 }

 

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

 }