/* CSS Document */
/*stylesheet principal qui contient les dimensions, les couleurs sont dans les autres stylesheet
*/



.old
{
font-family: 'IM Fell DW Pica',serif;
	
}
#old1
{
display:none;
position: relative
	
}
body
{
	font-family: Gill Sans, Arial, sans-serif;
	font-weight: 300;
	font-size: 1em;
	background-color: #FFF;
font-weight: 400;
background-image:url('../images/fondmerbleu.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
}

#main {
	
display: inline-block;
	margin: .2em auto;
	padding: 20px 30px 20px 30px;
		min-width: 920px;
   	-webkit-box-shadow: 5px 5px 6px black;
   -moz-box-shadow: 5px 5px 6px black;
   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;
        border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
    border-top-right-radius: 15px;
  
}

#main2 {

	min-width: 980px;
max-width:1100px;
	margin: 0px auto;
	padding: 20px 0px 20px 0px;
	
}

a
{
cursor:pointer;

}
#partiespasse
{
height: 800px;
}
.buttons
{

font-size: 0.8em;
display:inline-block;
width:auto;
height:auto;

 -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;



}

.buttons a
{  


text-decoration: none;
padding: 4px 8px;
}

.buttons a:hover
{

text-decoration: underline;
}
.email
{
padding: 10px 16px;
float:right;
width:200px;
}

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;
}
hr.petit {
border: 0;

width:auto;

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;
   -moz-box-shadow: 5px 5px 8px black;
   border-radius: 5px;
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;


}
.left
{
float: left;
padding: .2em 16px;
 -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
 -webkit-box-shadow: 2px 2px 4px black;
  -moz-box-shadow: 2px 2px 4px black;
 border-radius: 5px;
 box-shadow: 2px 2px 4px black;

}
.r
{
float: right;
margin:0 0 0 20px;

}
.forum
{
width:408px;

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

	.rightcontent {
		}
		

.imageright
{

float: right;
clear: right;
}

.imagecenter
{

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


b
{
font-weight:bold;
}


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.3em;
	font-weight: bold;
	
}

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

h4
{
	font-size: 1em;
	font-weight: 400;
}

.gaz
{
	
	width: 75%;
	
	

}
#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:inline;
	


}

.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;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
 
}

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

.footer
{
clear:both;
text-align: center;
	font-size: 0.7em;


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

.l2
{
padding: .2em 1em;
float: right;
margin:0 0 0 10px;
}


.l3
{


padding:0px 80px 0px 0px;
}
.l4
{

float:left;
}
.r2
{
position: relative;
top:0px;
float: right;
}

.r3
{
position: relative;
left: 100px


}
.r
{
padding: .2em 16px;
 -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
 -webkit-box-shadow: 2px 2px 4px black;
  -moz-box-shadow: 2px 2px 4px black;
 border-radius: 5px;
 box-shadow: 2px 2px 4px black;
}


.table
{
clear:both;


}
.clear
{
clear:both;
}
.gazette
{
width:180px;
margin-top:20px;
}
.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;
  border-top-left-radius: 0px;
    border-top-right-radius: 0px;
 
}

.footerleft
{
 width: 408px;
float: left;

 margin: 0px;
 padding: 0px;

}

.footerleft a
{
text-decoration: none;

color: #000000;

}

.footerleft a:hover
{
text-decoration: underline;
}
.footerright
{
float:right;
width:408px;


}


.info{
    display:block;
    float:right;
    
    z-index:24; background-color:#ccc;
    color:#000;
    width:150px;
    text-decoration:none}


.blanc
{
display:block;
background-color:#ffffff;
padding:0 0 1em 0;}


.blanc2
{
display:block;
    float:right;
background-color:#ffffff;
}


.slider-wrap{
  width:170px;
  height:186px;
  overflow:hidden;
  margin:40px auto;
}

.slider{
  margin:0px;
  padding:0px;
  height:186px;
}

.slider li{
  margin:0px;
  padding:0px;
  float:left;
  width:170px;
  list-style:none;
}

.slider-numbers-0{display:none}