@charset "utf-8";
/* CSS Document */


body {
	background-color:#1f1f1f;
	margin-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
}
/*///////////////////////////////////////////*/
/*               STRUCTURE                   */
/*///////////////////////////////////////////*/
#main {
	width:1000px;
	position:relative;
	background-color:#aad761;
	margin:auto;
	color:#000000;
}
#hautheader {
	width:980px;
	height:20px;
	background-image:url(hautheader.png);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:20px;
	font-weight:bold;
}
#header {
	width:1000px;
	height:200px;
	background-image:url(header.jpg);
}
#suite {
clear:both;
position:relative;
margin-top:10px;
margin-right:auto;
padding-left:20px;

}

#footer {
	width:1000px;
	height:360px;
	background-image:url(footer.jpg);
	margin-top:-100px;
}
#basfooter {
	width:980px;
	height:20px;
	text-align:center;
	background-image:url(basfooter.png);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:20px;
	font-weight:bold;
}

/*///////////////////////////////////////////*/
/*               ONGLETS                     */
/*///////////////////////////////////////////*/
   #menuhaut {
	float:left;
	width:100%;
	background:url(fondmenuhaut.png) repeat-x bottom;
    line-height:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background-color:#ffffff;
}
#menuhaut ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#menuhaut li {
	float:left;
	background:url(gaucheongletoff.png) no-repeat left top;
	margin:0 0 0 3px;
	padding:0 0 0 15px;
}
#menuhaut a {
	float:left;
	display:block;
	background:url(droiteongletoff.png) no-repeat right top;
	padding:0px 12px 5px 0px;
	text-decoration:none;
	/*    font-weight:bold;  */
	font-weight:normal;
	color:#eeffee;
	background-color:#ffffff;
}
/* Commented Backslash Hack
       hides rule from IE5-Mac \*/
    #menuhaut a {
	float:none;
	color:#eeffee;
	background-color:#ffffff;
}
/* End IE5-Mac hack */
    #menuhaut a:hover {
	text-decoration:underline;
	color:#000000;
	background-color:#ffffff;
}
#menuhaut #current {
	background-image:url(gaucheongleton.png);
	border-width:0;
	font-weight:bold;
}
#menuhaut #current a {
	background-image:url(droiteongleton.png);
	color:#000000;
	padding-bottom:5px;
	font-weight:bold;
	background-color:#ffffff;
}



/* ONGLETS 2*/
   #menuhaut2 {
	float:left;
	width:100%;
    line-height:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background-color:#aad761;
}
#menuhaut2 ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#menuhaut2 li {
	float:left;
	background:url(gaucheongletoff2.gif) no-repeat left top;
	margin:0px;
	padding:0px 0px 0px 15px;
}
#menuhaut2 a {
	float:left;
	display:block;
	background:url(droiteongletoff2.gif) no-repeat right top;
	padding:2px 12px 5px 0px;
	text-decoration:none;
	/*    font-weight:bold;  */
	  font-weight:normal;
	color:#555555;
	background-color:#aad761;
}
/* Commented Backslash Hack
       hides rule from IE5-Mac \*/
    #menuhaut2 a {
	float:none;
	background-color:#aad761;
	
}
/* End IE5-Mac hack */
    #menuhaut2 a:hover {
	text-decoration:underline;
	color:#000000;
	background-color:#aad761;
}
#menuhaut2 #current2 {
	background-image:url(gaucheongleton.gif);
	border-width:0;
	
}
#menuhaut2 #current2 a {
	background-image:url(droiteongleton.gif);
	color:#000000;
	padding-bottom:5px;
	background-color:#aad761;
	
}


/* ONGLETS 3*/
   #menuhaut3 {
	float:left;
	width:100%;
    line-height:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background-color:#aad761;
}
#menuhaut3 ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#menuhaut3 li {
	float:left;
	background:url(gaucheongletoff2.gif) no-repeat left top;
	margin:0px;
	padding:0px 0px 0px 15px;
}
#menuhaut3 a {
	float:left;
	display:block;
	background:url(droiteongletoff2.gif) no-repeat right top;
	padding:2px 12px 5px 0px;
	text-decoration:none;
	/*    font-weight:bold;  */
	  font-weight:normal;
	color:#555555;
	background-color:#aad761;
}
/* Commented Backslash Hack
       hides rule from IE5-Mac \*/
    #menuhaut3 a {
	float:none;
	background-color:#aad761;
}
/* End IE5-Mac hack */
    #menuhaut3 a:hover {
	text-decoration:underline;
	color:#000000;
	background-color:#aad761;
}
#menuhaut3 #current3 {
	background-image:url(gaucheongleton.gif);
	border-width:0;
	
}
#menuhaut3 #current3 a {
	background-image:url(droiteongleton.gif);
	color:#000000;
	padding-bottom:5px;
	background-color:#aad761;
	
}


/* ONGLETS 4*/
   #menuhaut4 {
	float:left;
	width:100%;
    line-height:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background-color:#aad761;
}
#menuhaut4 ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#menuhaut4 li {
	float:left;
	background:url(gaucheongletoff2.gif) no-repeat left top;
	margin:0px;
	padding:0px 0px 0px 15px;
}
#menuhaut4 a {
	float:left;
	display:block;
	background:url(droiteongletoff2.gif) no-repeat right top;
	padding:2px 12px 5px 0px;
	text-decoration:none;
	/*    font-weight:bold;  */
	  font-weight:normal;
	color:#555555;
	background-color:#aad761;
}
/* Commented Backslash Hack
       hides rule from IE5-Mac \*/
    #menuhaut4 a {
	float:none;
	background-color:#aad761;
	
}
/* End IE5-Mac hack */
    #menuhaut4 a:hover {
	text-decoration:underline;
	color:#000000;
	background-color:#aad761;
}
#menuhaut4 #current4 {
	background-image:url(gaucheongleton.gif);
	border-width:0;
	
}
#menuhaut4 #current4 a {
	background-image:url(droiteongleton.gif);
	color:#000000;
	padding-bottom:5px;
	background-color:#aad761;
	
}


/* ONGLETS 5*/
   #menuhaut5 {
	float:left;
	width:100%;
    line-height:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background-color: #aad761 ;
}
#menuhaut5 ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#menuhaut5 li {
	float:left;
	background:url(gaucheongletoff2.gif) no-repeat left top;
	margin:0px;
	padding:0px 0px 0px 15px;
}
#menuhaut5 a {
	float:left;
	display:block;
	background:url(droiteongletoff2.gif) no-repeat right top;
	padding:2px 12px 5px 0px;
	text-decoration:none;
	/*    font-weight:bold;  */
	  font-weight:normal;
	color:#555555;
	background-color: #aad761 ;
}
/* Commented Backslash Hack
       hides rule from IE5-Mac \*/
    #menuhaut5 a {
	float:none;
	background-color: #aad761 ;
	
}
/* End IE5-Mac hack */
    #menuhaut5 a:hover {
	text-decoration:underline;
	color:#000000;
	background-color: #aad761 ;
}
#menuhaut5 #current5 {
	background-image:url(gaucheongleton.gif);
	border-width:0;
	
}
#menuhaut5 #current5 a {
	background-image:url(droiteongleton.gif);
	color:#000000;
	padding-bottom:5px;
	background-color: #aad761 ;
}

#titreintro {
width:1000px;
margin:auto;
}

#google2 {
float:right;
width:492px;
height:85px;
margin-right:0px;
margin-left:20px;
margin-top:0px;
padding-top:22px;
text-align:center;
background-image:url(fondban.png);
}
/*/////////////////////////////////////////////////*/
/*               MONTAGE PHOTO                     */
/*/////////////////////////////////////////////////*/
#montage-photo {
width:980px;
margin:auto;
color:#000000;
background-color:#aad761;
padding-left:20px;

}

#gauche {
position:relative ;
float:left;
margin-left:0px;
width:415px;
color:#000000;
background-color:#aad761;
/* background-image:url(bg-montage-photo.png); */
}

#google1 {
position:relative;
float:left;
width:120px;
margin-left:5px;
color:#000000;
background-color:#aad761;
/* background-image:url(bggoogle1.png); */
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#google1 a {
color:#000000;
text-decoration:underline;
font-weight:bold;
background-color:#aad761;
}
#google1 a:hover {
text-decoration:none;
}

#droite {
position:relative ;
float:left;
width:415px;
margin-left:10px;
color:#000000;
background-color:#aad761;
/* background-image:url(bg-montage-photo.png); */
}

.img-shadow {
  float:left;
  background-image : url('shadowalpha.png')  ;  
  /*background-image : url('shadow.gif') ;*/

  background-repeat : no-repeat;
  background-position : bottom right;  
  
  /*background: url(shadowalpha.png) no-repeat bottom right !important;
  background: url(shadow.gif) no-repeat bottom right;*/

  /*margin: 2px 0 0 5px !important;*/
  margin-top:2px;
  margin-right:0px;
  margin-bottom:0px;
  margin-left:5px;  
  /*margin-left:5px !important;  

  /*margin: 2px 0 0 0px;*/
  }

.img-shadow img {
  display: block;
  position: relative;
  color:#000000;
  background-color: #ffffff;
  border: 1px solid #a9a9a9;
  margin-top:-6px;
  margin-right:6px;
  margin-bottom:6px;
  margin-left:-6px;
  /*margin: -6px 6px 6px -6px;*/
  padding: 4px;
  }
  
/*/////////////////////////////////////////////////*/
/*                   Technique                     */
/*/////////////////////////////////////////////////*/

#technique {
clear:both;
position:relative;
width:650px;
height:22px;
margin-top:10px;
margin-left:0px;
margin-right:auto;
padding-left:0px;
}

* html #technique {
margin-left:20px;
}
/*/////////////////////////////////////////////////*/
/*                   Aleatoires                    */
/*/////////////////////////////////////////////////*/

#aleatoires {
clear:both;
position:relative;
width:400px;
height:22px;
padding-top:99px;
margin-top:10px;
margin-left:20px;
margin-right:auto;
padding-left:0px;
}

* html #aleatoires {
padding-top:89px;
}
/*/////////////////////////////////////////////////*/
/*               COINS ARRONDIS                    */
/*/////////////////////////////////////////////////*/

.upperleft{
	margin-left : 0px;
	margin-top:0px;
	color:#000000;


	background-color : #ffffff;
	background-image : url('upperleft.png');
	background-repeat : no-repeat;
	background-position : top left;
}
.upperleftaleatoires{
	margin-left : 20px;
	margin-top:0px;
	color:#000000;


	background-color : #ffffff;
	background-image : url('upperleft.png');
	background-repeat : no-repeat;
	background-position : top left;
}

.upperright{
	background-image : url('upperright.png');
	background-repeat : no-repeat;
	background-position : top right;
}

.lowerleft{
	background-image : url('lowerleft.png');
	background-repeat : no-repeat;
	background-position : bottom left;
}

.lowerright{
	background-image : url('lowerright.png');
	background-repeat : no-repeat;
	background-position : bottom right;
	padding : 10px;
}


h1 { color:#000000 ; background-color:#ffffff ; padding:10px ; text-align:center ; font-size:26px}
h2 { margin:0px; text-align:center ; font-size:20px }