@charset "iso-8859-1";

* {
margin:0;
padding:0;
border:0;
overflow-x:hidden;
}


body {
background-color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
}

a {
color:#000;
font-size:11px;
font-weight:bold;
text-decoration:none;
}

a:hover {
color:#666666;
text-decoration:none;
}

img {
border:0;
margin:0;
}
		
#site {
z-index:0;
position:absolute;
padding:0 0 50px 0;
left:50%;
width:1680px;
height:auto;
margin-left:-840px; /* moitié de la largeur */
}

/* ENTETE */
#flash_entete {
width:1680px;
height:320px;
background-image:url("./images/bg_entete.jpg");
background-position:left top;
background-repeat:repeat-x;
background-color:#fff;
}

.flash1 {
width:1680px;
height:320px;
text-align:center;
}

.flash1 h6 {
padding:7% 0 10px 0;
font-size:11px;
color:#000;
}

#menu {
padding:2px 0 3px 360px;
margin:0 0 0 0;
width:1320px;
height:15px;
background-color:#000;
text-align:left;
}

/* MENU */
.focus {
color:#FFF;
font-weight:bold;	
}

#menu a.focus {
color:#FFF;
font-weight:bold;	
}

#menu a {
padding:0 20px 0 0;
color:#C0C0C0;
font-size:13px;
font-style:normal;
font-weight:lighter;
text-decoration:none;
text-align:left;
}

#menu a:hover {
color:#FFF;
text-decoration:none;
}

.version {
border:0;
margin:0 0 1px 70px;
width:110px;
height:15px;
font-size:9px;
color:#000;
background-color:#fff;
}

/* PARTIE BAS */
#bas {
width:1680px;
height:auto;
background-color:#FFF;
}

#bas_contenu {
padding:0 0 0 343px;
width:100%;
height:auto;
background-color:#FFF;
text-align:left;
}

#bas_contenu h1 {
clear:both;
font-size:17px;
font-weight:bold;
color:#000;
}

#bas_contenu h2 {
padding:2px 0 0 0;
clear:both;
font-size:13px;
font-weight:bold;
color:#666666;
}

#bas_contenu p {
padding:0 0 10px 0;
font-size:11px;
font-weight:normal;
text-align:justify;
}

#form_contenu {
float:left;
padding:10px 15px 10px 15px;
border:thin;
border-left-style:solid;
border-left-color:#f4f4f4;
width:630px;
height:auto;
min-height:400px;
}

/* ACCUEIL */
#actu {
float:left;
padding:10px 15px 10px 15px;
width:300px;
height:auto;
min-height:400px;
}

#actu h2 {
padding:2px 0 0 0;
clear:both;
font-size:18px;
font-weight:bold;
color:#666666;
}


#actu ul {
padding:10px 0 10px 0;
list-style-type:none;
}

#actu ul li {
height:auto;
padding-left:0;
margin-bottom:0;
color:#666666;
font-size:12px;
}

#actu img {
padding:0 0 0 0;
}

#edito {
float:left;
padding:10px 15px 10px 15px;
border:thin;
border-left-style:solid;
border-left-color:#f4f4f4;
border-right-style:solid;
border-right-color:#f4f4f4;
width:300px;
height:auto;
min-height:400px;
}

#edito img {
float:left;
padding:38px 15px 0 15px;
}


#edito p {
padding:0 0 10px 0;
font-size:11px;
font-weight:normal;
text-align:justify;
color:#666666;
}

#newsletter {
height:auto;
padding:24px 0 0 0;
background-position:left top;
background-repeat:no-repeat;
}

#zoom_catalogue {
float:left;
width:300px;
height:auto;
min-height:400px;
}

#zoom {
padding:10px 15px 0 15px;
width:300px;
}

#zoom ul {
padding:10px 0 10px 0;
list-style-type:none;
float:left;
width:190px;
}

#zoom ul li {
height:auto;
padding-left:0;
margin-bottom:10px;
color:#000;
}

.catalogue {
padding:11px 0 5px 5px;
width:285px;
height:32px;
background-image:url("./images/fond_catalogue.jpg");
background-position:left top;
background-repeat:no-repeat;
}

.catalogue a {
color:#FFF;
font-size:14px;
font-weight:bold;
text-decoration:none;
}

.catalogue a:hover {
color:#ccc;
text-decoration:none;
}

.catalogue_bis {
padding:2px 0 0 5px;
width:285px;
height:25px;
background-image:url("./images/fond_cataloguebis.jpg");
background-position:left top;
background-repeat:no-repeat;
}

.catalogue_bis a {
color:#FFF;
font-size:14px;
font-weight:bold;
text-decoration:none;
}

.catalogue_bis a:hover {
color:#ccc;
text-decoration:none;
}


#zoom p {
padding:0 0 20px 0;
clear:both;
width:190px;
font-size:11px;
}

#zoom img {
float:left;
}

input {
float:left;
border:thin;
border-style:solid;
border-color:#e7e7e7;
}

.bt_newsletter {
border:0;
border-style:none;
width:30px;
background-color:#fff;
color:#000;
font-weight:bold;
font-size:13px;
}

/* SUR MESURE */
#surmesure {
float:left;
padding:10px 15px 10px 15px;
border:thin;
border-right-style:solid;
border-right-color:#f4f4f4;
width:300px;
height:auto;
min-height:400px;
}

#surmesure_anim {
float:left;
padding:10px 15px 10px 15px;
width:630px;
height:auto;
min-height:400px;
}

.flash2 {
width:630px;
height:310px;
text-align:center;
}

.flash2 h6 {
padding:20% 0 10px 0;
font-size:11px;
color:#000;
}

/* QUI SOMMES NOUS ? */
#quisommesnous {
float:left;
padding:10px 15px 10px 15px;
width:300px;
height:auto;
min-height:400px;
}

#quisommesnous_photos {
float:left;
padding:10px 15px 10px 15px;
border:thin;
border-left-style:solid;
border-left-color:#f4f4f4;
width:630px;
height:auto;
min-height:400px;
}

#quisommesnous_photos h3 {
padding:0 0 15px 0;
text-align:left;
font-size:9px;
font-weight:normal;
color:#666666;
font-style:italic;
}

#quisommesnous_photos p {
padding:0 0 6px 0;
font-size:11px;
}

#quisommesnous_photos img {
padding:0 5px 0 0;
}

#flash_logos {
width:300px;
height:150px;
text-align:center;
}


/* NOS ENGAGEMENTS */
#engagements {
float:left;
padding:10px 15px 10px 15px;
width:300px;
height:auto;
min-height:400px;
}

#engagements_liste {
float:left;
padding:10px 15px 10px 15px;
border:thin;
border-left-style:solid;
border-left-color:#f4f4f4;
width:630px;
height:auto;
min-height:400px;
}

#engagements_liste ul {
padding:10px 0 10px 0;
list-style-type:circle;
text-align:left;
}

#engagements_liste ul li {
height:auto;
padding-left:10px;
margin-bottom:5px;
color:#000;
background-image: url(./images/puce.jpg);
background-repeat: no-repeat;
background-position:left center;
list-style-type:none;
list-style-position:outside;
}

#engagements_liste h2 {
padding:2px 0 0 0;
clear:both;
font-size:13px;
font-weight:bold;
color:#666666;
}

/* ACTUALITES */
#actualites {
float:left;
padding:10px 15px 10px 15px;
width:300px;
height:auto;
min-height:400px;
}

#actualites ul {
padding:10px 0 20px 0;
list-style-type:circle;
text-align:left;
}

#actualites ul li {
height:auto;
padding-left:10px;
margin-bottom:5px;
color:#666666;
background-image: url(./images/puce.jpg);
background-repeat: no-repeat;
background-position:left center;
list-style-type:none;
list-style-position:outside;
}

#actualites ul li a {
color:#666666;
}

#actualites ul li a:hover {
color:#000;
}

#actualites_news {
float:left;
padding:10px 15px 10px 15px;
border:thin;
border-left-style:solid;
border-left-color:#f4f4f4;
width:630px;
height:auto;
min-height:400px;
}

.haut2page {
width:auto;
height:70px;
background-image: url(./images/inter_actu.jpg);
background-repeat: no-repeat;
background-position:left bottom;
}

#actualites_news h2 {
padding:2px 0 0 0;
clear:both;
font-size:13px;
font-weight:bold;
color:#666666;
}

#actualites_news img {
padding:2px 5px 3px 0;
}

.pagination {
padding:7px 0 5px 0;
font-size:12px;
font-style:normal;
font-weight:bold;
color:#000;
}

.pagination a {
font-size:12px;
font-style:normal;
font-weight:bold;
text-decoration:none;
color:#666666;
}

.pagination a:hover {
color:#666666;
text-decoration:underline;
}

.video {
padding:3px 0 5px 5px;
width:120px;
height:30px;
background-image:url("./images/fond_video.jpg");
background-position:left top;
background-repeat:no-repeat;
color:#fff;
}

.video a {
color:#fff;
}

.video a:hover {
color:#fff;
}


/* CONTACT */
#contact {
float:left;
padding:10px 15px 10px 15px;
width:300px;
height:auto;
min-height:400px;
}

.messageerreur {
padding:15px 0 5px 0;
width:auto;
height:auto;
text-align:left;
font-size:10px;
font-weight:normal;
font-style:italic;
color:#ff0000;
}

.formulaire {
clear:both;
width:auto;
height:auto;
font-size:12px;
font-weight:normal;
text-align:center;
}

.formulaire h3 {
padding:0 0 10px 0;
float:left;
width:180px;
text-align:left;
font-size:14px;
font-weight:bold;
color:#666666;
}

.formulaire h4 {
padding:0 0 10px 0;
float:left;
width:auto;
text-align:left;
font-size:14px;
font-weight:bold;
color:#666666;
}

.formulaire h4 input {
border:thin #e7e7e7 solid;
width:625px;
height:15px;
font-size:12px;
color:#000;
}

.formulaire textarea {
border:thin #e7e7e7 solid;
width:625px;
height:90px;
font-size:12px;
color:#000;
}

.check {
padding:0 0 10px 0;
text-align:left;
}

.check input {
border:0;
margin:0 5px 0 0;
padding:0;
}

.formulaire_bt {
clear:both;
border:0;
margin:0;
padding:0;
width:100px;
height:20px;
font-size:14px;
font-weight:bold;
color:#666666;
background-color:#fff;
text-align:left;
}

/* FORM CATALOGUE */
.civil {
border:thin;
border-style:solid;
border-color:#e7e7e7;
margin:0 0 0 0;
width:145px;
font-size:9px;
color:#000;
background-color:#fff;
}

/* NEWSLETTER */
.news_bt1 {
clear:both;
border:0;
margin:0;
padding:0;
width:100px;
height:20px;
font-size:14px;
font-weight:bold;
color:#666666;
background-color:#fff;
text-align:left;
}

.news_bt2 {
clear:both;
border:0;
margin:0;
padding:0;
width:137px;
height:20px;
font-size:14px;
font-weight:bold;
color:#666666;
background-color:#fff;
text-align:left;
}

/* PIED DE PAGE */
#pied2page {
padding:10px 0 0 0;
clear:both;
width:1680px;
height:50px;
background-image:url("./images/bg_bas.jpg");
background-position:top center;
background-repeat:repeat-x;
font-size:10px;
color:#bbbbbb;
text-align:center;
}

#pied2page a {
font-size:10px;
text-decoration:none;
color:#bbbbbb;
}

#pied2page a:hover {
color:#bbbbbb;
text-decoration:underline;
}