/*********************************************************************
 ******************* 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: #27292E;
  font: 12px Tahoma, Geneva, sans-serif;
  background:#1e5f95 url(../img/bgAll.jpg) repeat-x;
}

.global{
 background:url(../img/contenaire.jpg) no-repeat center top;
}
.page{
 background:#fff;
 overflow:hidden
}

#conteneur {
  width: 981px;
  margin: 0 auto;
position:relative;
}
.ff{
  background:url(../img/ff.png) no-repeat bottom center;
  padding-bottom:165px;
}

#header {
padding-right:226px;
padding-top:76px;
overflow:hidden;
height:190px
}
a.logo{
height:253px;
left:6px;
position:absolute;
top:5px;
width:202px;
}

.menutop{
 background:url(../img/menutop.jpg);
 width: 981px;
 height:53px;
}

a {
  color: #1C598F;
  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
}

.cadre h2.titre {
background:url(../img/titre.jpg);
width:687px;
height:34px;
  color:#000;
  font-size:17px;
  margin:10px 0 0;
  padding:4px 0 0 10px;
}

.cadre h2.titre1 {
  background:url(../img/titre1.png);
  width:315px;
  height:34px;
  color:#000;
  font-size:17px;
  margin:10px 0 0;
  padding:4px 0 0 10px;
}

.cadre .contenu {
  clear:both
}

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

.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
}

.newsletters {
background:url(../img/newsletter.jpg);
height:44px;
width:235px;
padding-left:14px;
padding-top:34px;
margin-left:6px;
}
#newsletter {
}

#newsletter .id_text {
  background:url(../img/inputnewsletter.jpg) no-repeat;
  width:187px;
  height:25px;
  float: left;
  border:none;
  color:#70b5ca;
  padding-left:6px;
  font-style:italic;
}

#newsletter .id_ok {
  float: left;
  border:none;
}
.ok-recherch{
 width:23px;
 height:25px;
 border:none;
}

#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 {
/*background:#07264a url(../img/bgcategorie.jpg) no-repeat top;
*/margin-bottom:16px;
width:262px;
}
.menu h2{
 background:url(../img/categorie.png);
 font-family:"Times New Roman", Times, serif;
 width:242px;
 height:39px;
 font-weight:normal;
 margin-top:0;
 padding-top:12px;
 padding-left:8px;
 margin-left:6px;
}
#marques h2{
 background:url(../img/marque.png);
 font-family:"Times New Roman", Times, serif;
 width:245px;
 height:37px;
 font-weight:normal;
 margin-top:0;
 padding-top:15px;
 padding-left:8px;
 margin-left:6px;
}

.menu h3 {
margin:0 10px;
padding:5px 0 6px 13px;
}

.menu h3 a{
color:#449fd0;
font-size:12px;
font-weight:400;
padding-left:20px;
}
.plus li a {
color:#449fd0;
font-size:12px;
font-weight:400;
}

.menu h3 a:hover{
color:#fff;
background:url(../img/hover.png) no-repeat left;
margin-left:17px;
}
.plus li a:hover {
 color:#000;
}


/*********************************************************************
 ****************************** 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 {
 float: right;
 margin: 10px 8px 0 0;
}

div.contact_error {
 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{background-color:#FFF}

.actua {
 background:url(../img/actualite.jpg);
 width:249px;
 height:232px;
 padding-top:63px;
 margin-left:8px;
}

#actualites h3 {
 background:url(../img/titreactualite.png);
 width:218px;
 height:29px;
 padding-left:20px;
 padding-top:5px;
 color:#07274d;
 margin: 0;
 font-size:14px;
}

#actualites p {
 margin: 0;
 color:#053468;
 padding:4px 18px 4px 19px;
}

#actualites a.actu_suite {
  background:url(../img/savoirplus.png);
  width:98px;
  height:22px;
  display: block;
  color: #053366;
  text-align:center;
  text-decoration: none;
  padding-top:5px;
}
.pp{
 background:url(../img/bgpannier.jpg);
 height:31px;
 width:100%;
 padding:9px 11px 0 9px;
}
#nb_article a{
 color:#fff;
}