body {
    font-family: georgia;
    font-size: 86%;
    background: url(../IMG/header2.jpg) repeat-x 0 0;
    background-color: white;
    
  }


H1 {
    Margin-top:20px;
  }


#page {
     margin: 0 auto;
    width: 800px;
    min-height:450px;
  }


#entete {
    height: 140px;
    width: 800px;
    padding-top: 25px;
  }


#logo {
    
    width: 552px;
    margin: 0 auto 0 auto;
  }


/*************************************************************

mise en forme du menu de gauche



**************************************************************/





#menu {
    padding-top: 20px;
    background : url(../IMG/fondmenu2.png) no-repeat;
    float : left;
    width : 150px;
    font-family: Arial, Verdana, sans-serif;
    font-size: 0.75em;
    
  }


#menu ul {
    padding: 0;
    margin-left:5px;
    list-style-type : none;
  }


#menu ul li {

  }


#menu ul li a {
    color : #c84414;
    text-decoration : none;
  }


#menu ul li a:hover {
    color : #fff;
    background:#c84414;
    text-decoration : none;
  }


#ecupl {
    width:105px;
    height:105px;
    background : url(../IMG/ecupl.png) no-repeat;
    margin:0 auto;
  }


#content {
    background : url(../IMG/fondcontent.png) no-repeat;
    margin : 0 0 0 10px;
    /*160px*/ color : #c84414;
    min-height : 400px;
    overflow : hidden;
    width : 580px;
    padding: 0px 10px 0px 10px;
  }


#content img {
border:4px solid ;
    border-top-color : #b86d30;
    border-right-color : #e79d1c;
    border-bottom-color : #e79d1c;
    border-left-color : #b86d30;
padding:0px;
margin:5px;
background-color:#c84414;


  }


#acceuil {
    margin:0 auto;
    width:500px;
  }


#acceuil IMG {
    border-width : 5px;
    border-top-color : #b86d30;
    border-right-color : #e79d1c;
    border-bottom-color : #e79d1c;
    border-left-color : #b86d30;
  }


div.presentationleft {
    width: 560px;
    display:block;
    height:250px;
  }


div.presentationright {
    width: 560px;
    display:block;
    /*background-color:pink;
    */height:250px;
  }


div .presentationleft IMG {
    float:left;
  }


div .presentationright IMG {
    float:right;
  }


#ag {
    position: absolute;
    width: 200px;
    height: 200px;
    background: url(../IMG/ag2.gif) no-repeat 0 0;
    top: 0;
    left: 0;
  }


.hidden {
    display:none;
  
  }

#basdepage {
margin-top:50px;
}

/*************************************************************

mise en page de la présentation des arcs



**************************************************************/



#arcphotos {
    float:left;
  }


#arcoptions ul {
    margin: 0;
    list-style-type:none;
    text-align: center;
  }


#arcoptions ul li {
    float:left;
    height:235px;
  }


#arcoptions ul li a {
    padding:5px;
    text-decoration:none;
    height:235px;
  }


#arcdetail {
    clear:both;
  }

/*************************************************************

mise en page de la liste de videos



**************************************************************/




ul.videolist {
    list-style:none;
  }


ul.videolist li {
    background: url(../IMG/video.png) no-repeat;
    height:60px;
  }


ul.videolist li a {
    color:#567A39;
    text-decoration:none;
    top:50%;
    padding-left:55px;
    height:60px;
  }

/**************************************************************

	Image Menu
	v 2.2

**************************************************************/






#imageMenu {
    position: relative;
    width: 600px;
    height: 400px;
    overflow: hidden;
  }


#imageMenu ul {
    list-style: none;
    margin: 0px;
    display: block;
    height: 400px;
    width: 1000px;
  }


#imageMenu ul li {
    float: left;
  }


#imageMenu ul li a {
    text-indent: -1000px;
    background:#FFFFFF none repeat scroll 0%;
    border-right: 2px solid #fff;
    cursor:pointer;
    display:block;
    overflow:hidden;
    width:110px;
    height: 400px;
  }


#imageMenu ul li.kiowa a {
    background: url(../IMG/arcs/menukiowa.jpg) no-repeat scroll 0%;
  }


#imageMenu ul li.blackhawk a {
    background: url(../IMG/arcs/menublackhawk.jpg) no-repeat scroll 0%;
  }


#imageMenu ul li.arawak a {
    background: url(../IMG/arcs/menuarawack.jpg) no-repeat scroll 0%;
  }


#imageMenu ul li.lonewolf a {
    background: url(../IMG/arcs/menulonewolf.jpg) no-repeat scroll 0%;
  }


#imageMenu ul li.abstract a {
    background: url(images/abstract.jpg) no-repeat scroll 0%;
    width: 310px;
  }


.clear {
    clear: both;
  }