/* I. Layout size
*************************************************************** */
#wrap-header{
    width: 880px;
}
#wrap-header2{
    width: 780px;
    padding: 0 50px;
}

#header {
    width: 780px;
    height: 208px;
    padding: 11px 0 0 0;
}
#wrap-container {
    width: 100%;
	min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -80px; /* same as wrap-footer's height */
    padding: 0 0 0px 0;
}
#container{
    width: 880px;
    margin: 0 auto;
    text-align: left;
}
#content{
    float: left;
}
#left-column {
    float: left;
    width: 200px;
}
#right-column {
    float:left;
    width: 580px;
}
#wrap-footer{
    margin: 0 auto;
}
#footer {
    width: 880px;
    position: relative;
    margin: 0 auto;
    text-align: left;
}
#footer-left {
    float: left;
    width: 143px;
    text-align: left;
    padding: 24px 0 0 57px;
}
#footer-right {
    float: left;
    width: 624px;
    padding: 0 56px 0 0;
    text-align: right;
}
.ref {
    clear: both;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
/*	--- Important! ---------------------------------------------
#wrap-footer, #footer and .push must be the same height
---------------------------------------------------------------*/
#wrap-footer, #footer, .push {
    height: 80px;
    clear: both;
}
#wrap-content{
    float: left;
    width: 780px;
    padding: 0 50px;
}

/* III. Modules
*************************************************************** */
/* Diaporamas
--------------------------------------------------------------- */
#diaporama1{
    float: left;
    width: 300px;
    height: 123px;
}
#diaporama2{
    float: left;
    width: 780px;
    height: 78px;
    padding:3px 0;
}
/* Header elements
--------------------------------------------------------------- */
#header-top{
    float: left;
    width: 780px;
    height: 77px;
    padding: 6px 0 0 0;
}
#logo{
    padding: 13px 0 0 0;
    margin: 0 auto;
    text-align: center;
}
#logo2{
    float: left;
    padding: 13px 0 0 90px;
    width: 262px;
}
#logo3{
    float: left;
    padding: 13px 0 0 20px;
    width: 332px;
}
/* Partenaires
--------------------------------------------------------------- */
.partenaires-container{
    float: left;
    width: 477px;
    height: 90px;
}

.partenaires{
    float: left;
    width: 133px;
    padding: 0 0 0 20px;
    height: 90px;
}
.partenaires-first{
    border-left: none;
    padding: 0 0 0 13px !important;
}
.partenaires-last{
    border-right: none;
}
/* Recherche
--------------------------------------------------------------- */
#search{
    width: 498px;
    height: 115px;
    padding: 8px 6px 0 6px;
}
/* Menu Flash
--------------------------------------------------------------- */
#flash-menu{
    clear: both;
    float: left;
    width: 212px;
    height: 202px;
}
#flash-menu2{
    float: left;
    width: 422px;
    height: 70px;
}
/* Actualites
--------------------------------------------------------------- */
#actualites-container {
    float: left;
    width: 232px;
    height: 112px;
    padding: 5px 20px 6px 15px;
}
#actualites {
    float:left;
    width: 232px;
    padding: 9px 0 0 0;
    border-top-width: 1px;
    border-top-style: solid;
}
/* Mailing liste
--------------------------------------------------------------- */
#newsletter-container {
    float: left;
    padding: 3px 0 0 0;
    width: 212px;
    height: 63px;
}
#newsletter {
    float:left;
    width: 212px;
}
/* IV. Elements
*************************************************************** */

/* Main-content
--------------------------------------------------------------- */
#main-content {
    float: left;
    width: 508px;
    padding: 1px 3px;
}
#page-title {
    float: left;
    width: 752px;
    height: 32px;
}
.leftpad{
    float:left;
    padding: 0 10px 0 0;

}
.rightpad{
    float:right;
    padding: 0 0 0 10px;
}
.leftpad1{
    float: left;
    padding: 0 7px 0 0;
}

div.pannel5 .leftpad{
  margin-bottom: 20px;
}

.pannel5 h3{
  text-align: left;
}


/* Pannels
--------------------------------------------------------------- */
.pannel1-conainer{
    float: left;
    padding: 10px;
}
.pannel2-container {
    float: left;
    padding: 6px 6px 6px 6px;
    border-style: solid;
    border-width: 0 0 2px 0;
}
.pannel2{
    float: left;
    width: 178px;
    padding: 5px 7px 7px 7px;
    border-width: 1px;
    border-style: solid;
}
.pannel3-container {
    float: left;
    padding: 6px 6px 0px 6px;
}
.pannel3{
    float: left;
    padding: 5px 6px 7px 6px;
    border-width: 1px;
    border-style: solid;
    border-bottom: none;
}
.pannel4{
    float: left;
    width: 210px;
    height: 180px;
    padding: 6px 5px 3px 5px;
    border: 3px solid #6b644e;
}
.pannel5-container{
    float: left;
    width: 363px;
    height: 100px;
}
.pannel5{
    float: left;
    width: 351px;
    height: 100px;
    border-width: 1px;
    border-style: solid;
    padding: 5px;
    position: relative;

}
.pannel6{
    float: left;
    padding: 23px 0 0 0;
}

#absbut{
 float:right;
 position:absolute;
 right:6px;
 bottom:6px;
}

/* Borders
--------------------------------------------------------------- */
.border1 {
    border-width: 1px;
    border-style: solid;
}
/* Separators
--------------------------------------------------------------- */
.separator1 {
    clear: both;
    float: left;
    display: block;
    width: 100%;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    margin: 18px 0 15px 0;
    overflow: hidden;
}
/* Thumbnails
--------------------------------------------------------------- */
ul.thumbs {
	float: left;
    display: block; /* table */
    padding: 7px 0 0 0;
}
ul.thumbs li {
    float: left;
    display: inline;
	padding: 0 5px 5px 0;
}
ul.thumbs li a {
    float: left;
    display: block;
	width: 102px;
	height: 102px;
    border-width: 1px;
    border-style: solid;
    vertical-align: top;
    text-align: center;
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 100px;
    height: 100px;
}
html>body ul.thumbs li a {
    width: 100px;
}
ul.thumbs li img {
    border-width: 0px;
    border-style: solid;
}
#thumb1 {
    float: left;
}
#thumb1 a {
    display: block;
    width: 209px;
    height: 209px;
    border-width: 1px;
    border-style: solid;
    text-align: center;
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 207px;
    height: 207px;
}
html>body #thumb1 a {
    width: 207px;
}
#thumb1 a img {
    border-width: 0px;
    border-style: solid;
}
/* Lists
--------------------------------------------------------------- */
ul.list1 {
    float: left;
    padding: 4px 0 0 27px;
}
ul.list1 li {
    padding: 0 0 0 20px;
}
/* Page >>> index
*************************************************************** */

.text-center{
  text-align: center;
}

.p4left{
  height: 181px;
  margin-right:36px;
  background: #fff8e4 url(../images/charte/ileftcorner.jpg) top left no-repeat;
}

.p4right{
  height: 181px;
  background: #fff8e4 url(../images/charte/irightcorner.jpg) top right no-repeat;
}