/*********************************************************************
 ******************* TOP BOTTOM ARTICLE GALERIE **********************
 *********************************************************************/
 
@import url(top.css); 
@import url(bottom.css); 
@import url(diaporama.css);
@import url(galerie.css);
@import url(article.css);


/*********************************************************************
 ****************************** GENERAL ******************************
 *********************************************************************/

body {
  margin: 0;
  padding: 0;
  color: #fff;
  font: 12px Tahoma, Geneva, sans-serif;
  background:#0F0F0F url(../img/contenaire.jpg) no-repeat center top;
}


a.logo{
display:block;
height:66px;
left:214px;
position:absolute;
width:521px;
}
#header{
 position:relative;
}

.clear{
 clear:both;
}

#conteneur {
  width: 981px;
  margin: 0 auto
}


a {
  color: #FF1C01;
  text-decoration: none
}

img {
  border: 0
}

.msg_valide {
  margin-top: 0;
  padding-top: 10px;
  font-weight: bold;
  color: #29b333;
  text-align: center
}

.msg_erreur {
  font-weight: bold;
  color: red;
  text-align: center
}

.menu a:hover, #change_langue a:hover, #panier a:hover, #compte a:hover  {
  color: #07F
}

.obligatoire {
  vertical-align: super;
  font-size: smaller;
  font-weight: bold;
  color: red
}

img {
 border: none;
}

a {
 text-decoration: none;
}

/*********************************************************************
 ******************************* CADRES ******************************
 *********************************************************************/

.cadres {
  clear: both;
  margin: auto;
  width: 780px
}

.cadres .cadre {
  clear: none /* Quand plusieurs cadres sont sur la même ligne */
}

.cadre {
  clear: both
}
.articles h2{
  background:url('../img/titre.png') repeat-x top left;
  color:#FFF;
  font-size:14px;
  height:16px;
  margin:0;
  padding:4px 10px;
  width:761px;
  height:24px;
  position:relative;

}

.cadre h2.titre,h2.hh {
  background:url('../img/titre.png') repeat-x top left;
  color:#FFF;
  font-size:14px;
  height:16px;
  margin:0;
  padding:4px 10px;
  width:761px;
  height:24px;
  position:relative;

}
.cadre h2.titre1 {
  background:url('../img/titre1.png') repeat-x top left;
  color:#FFF;
  font-size:14px;
  height:16px;
  margin:6px 0 0 0;
  padding:4px 10px;
  width:358px;
  height:26px;
  position:relative;

}

.cadre .contenu {
  -moz-border-radius-bottomleft:4px;
  -moz-border-radius-bottomright:4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom:1px solid #3C3C3C;
  border-left:1px solid #3C3C3C;
  border-right:1px solid #3C3C3C;
  clear:both;
  margin-top:-6px;
}

.plus {
  float: left;
  margin: 0 10px 10px 0;
  width: 385px;
}

.plus.even {
  margin-right: 0; 
}

#diaporama {
width:780px;
}

#mentions {
border-bottom:1px solid #D9D8DD;
clear:both;
color:#6F757F;
margin:40px 0;
padding:30px 5px 0
}

#newsletter {
margin-top: 8px;
background:url(../img/news.png);
width:190px;
height:57px;
}

#newsletter .id_text {
border:medium none;
float:left;
height:18px;
margin:30px 0 0 3px;
width:146px;
  background:url(../img/input-news.png) no-repeat;
  color:#fff;
  padding-left:6px;
}

#newsletter .id_ok {
  float: right;
margin:30px 10px 0 0;
cursor:pointer;
}

.newslet{
 background:url(../img/actualite.png);
height:234px;
margin-top:8px;
padding-top:30px;
width:189px;
}

#actualites {
}

#actualites h3 {
margin:0;
padding:0px 8px 2px;
color:#333333;
font-size:16px;
font-family:arial;
}

#actualites p {
 margin: 0;
 padding:4px 10px;
 color:#0F0F0F
}

#actualites a.actu_suite {
 display: block;
 color: #000;
 text-decoration: none;
 float:right;
 background:url(../img/flesh.png) no-repeat left;
 padding-left:7px;
 font-size:11px;
}
.horaires{
 background:url(../img/horlog.png) no-repeat top;
 width:194px;
 height:93px;
 padding-top:20px;
 margin-top:15px;
}
span.hor{
color:#333333;
display:block;
font-size:16px;
font-weight:bold;
padding-left:14px;
}
span.date{
color:#4E4E4E;
display:block;
font-size:13px;
font-weight:bold;
padding-left:14px;
padding-top:3px;
}
span.temp{
color:#4E4E4E;
display:block;
padding-left:14px;
}
#partie_basse a {
color:#6F757F
}

#partie_basse a:hover {
color:#6F757F;
text-decoration:underline
}

#print {
background:url('../img/print.jpg') no-repeat top left;
float:right;
height:35px;
margin:10px 0;
text-align:right;
width:18%
}


#rss {
list-style-type:none;
margin:20px 0;
padding:0
}

#rss li {
background:url('../img/rss.jpg') no-repeat center left;
height:25px;
padding:2px 2px 2px 75px
}

.menu {
margin-bottom: 8px
}

.menu h3 {
margin:0 0 2px;
font-weight:normal;
}
#newsletter h2{
display:none;
}
.menu h3 a {
background:url(../img/mark-hover.png);
color:#C60202;
width:174px;
height:27px;
font-size:14px;
display:block;
text-align:right;
padding-right:15px;
padding-top:6px;
font-weight:bold;
}
.menu h2 {
background:url(../img/mark.png);
color:#C60202;
width:174px;
height:27px;
font-size:17px;
display:block;
text-align:right;
padding-right:15px;
padding-top:6px;
font-weight:bold;
}
.plus li a {
color:#C60202;
font-size:14px;
display:block;
text-align:right;
padding-right:15px;
padding-top:6px;
font-weight:bold;
}
.menu h3 a:hover{
background:url(../img/mark.png);
color:#DDBE55;
}

.plus li a:hover {
color:#fff
}
.cop{
 float:left;
 color:#CCCCCC
}
a.copy{
 background:url(../img/copy.png);
 width:123px;
 height:36px;
 display:block;
 margin-top:6px;
}

/*********************************************************************
 ****************************** CONTACT ******************************
 *********************************************************************/

div.contact_frame {
}

div.contact_line {
 padding: 6px 6px 10px 6px;
 border-top: none;
}

div.contact_line div.contact_field_name {
 float: left;
 width: 150px;
 padding: 7px 0 0 0;
 font-weight: bold;
}

div.contact_line div.contact_field_value {
 margin-left: 160px;
}

span.contact_field_cross {
 color: #c00;
 font-weight: bold;
}

div.contact_line.highlight {
}

div.contact_line input , div.contact_line textarea {
 margin-top: 3px;
}

div.contact_submit input {
background:#1F1717;
border:1px solid #000000;
color:#FFFFFF;
float:right;
margin:10px 55px 0 0;
}

div.contact_error {
 border: 1px solid #a00;
 padding: 3px 6px;
 color: #a00;
 font-size: 11px;
 background: #fee;
 margin: 4px 0 0 0;
 font-weight: bold;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 width: 400px;
}


/*********************************************************************
 ****************************** FORMULAIRE ***************************
 *********************************************************************/
.ftable	{
 margin-top:10px
} 
.fcell_title	{color:#737373}
.fcell	{}
.fcell_highlight{}

.contenu1{
width:984px;
background:#3C3C3C}
.siret{
color:#CCCCCC;
float:left;
font-size:11px;
padding-bottom:27px;
padding-left:11px;
padding-top:54px;
}

.adress{
float:right;
padding-bottom:20px;
padding-top:20px;
width:766px;
}

.adrs{
 border-bottom:1px solid #525252;
margin-top:15px;
padding-bottom:14px;
padding-right:248px;
}

a.bouton_suivant{
 display:block;
 width:80px;
 height:20px;
 background:#98B913;
 border:1px solid #999999;
 color:#fff;
 font-size:13px;
 text-align:center;
 float:right;
 margin-top:10px;
 margin-right:6px;
}
p.msg_erreur {
color:#FF0000;
font-style:italic;
}
#partie_droite li.sitemap{
 font-size:14px;
 padding-left:15px;
 margin-left:55px;
 margin-top:10px;
 color:#fff;
}
#partie_droite li.depth-2{
 font-size:14px;
 padding-left:15px;
 margin-left:95px;
 margin-top:10px;
}
#partie_droite li.sitemap a{
 color:#fff;
}
#partie_droite li.sitemap a:hover{
 color:#fff;
 text-decoration:underline;
}
.gg{
 height:193px;
}