/*****
Les couleurs du site :

Les Onglets
- Bleu foncˆ© :     #00467E
- Bleu recherche : #003463
- Bleu pˆ¢le :      #90A4B5
- Bleu mots clˆ© :  #5D7B96
- Gris menu :      #646363
- Vert :           #4E9E2F
- Orange :         #EA9206
- Rouge :          #A41010
- Fond Beige :     #EDEDE3
- Texte gris :     #858484
                   #767676
*****/

body{
background: #fff url('/img/fond-coupe2.jpg') no-repeat center top fixed;
  font-size:11px;
  margin:0;padding:0;
  font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
  color:#000;
}

p{
  line-height:1.4em;
}

form{
  margin:0;padding:0;
}

#container{
  width:745px;
  margin:0 auto;
  position:relative;
background-color: #fff;
}



#bandeau{
  width:745px;height:87px;
  margin:0;
}

#bandeau.bandeau1{
  background:url(../img/photo_exemple_entete.jpg) no-repeat;
}


#panier{
  background:#A41010;
  position:absolute;
  left:545px;top:70px;
  width:190px;height:26px;
  padding-right:10px;
  font-size:1.0em;
  line-height:26px;
  color:#FFF;
}
#panier a{
  padding-left:35px;
  text-decoration:none;
  background: url(../img/panier_achat.gif) 10px -4px no-repeat;
  color:#FFF;
}
#item{
  float:right;
}

#pub{
  margin:0;
  background:none;
  position:absolute;
  left:225px;top:32px;
  width:305px;height:87px;
  padding:0px;
}
/* #pub a{
  background: url(../sept/pub.jpg) no-repeat;
} */


#contenu{
  border-top:1px solid #CCC;
}

#contenuprincipal{
  float:left;
  width:420px;
  border-width:0 1px 0 1px;
  border-style:solid;
  border-color:#CCC;
  position:relative;
}
#contenuprincipal .desclivre{
  margin:20px 10px 0 10px;
  border-bottom:1px solid #000;
  width:400px;
  position:relative;

}
#contenuprincipal .desclivre .livre{
  width:160px;
  float:left;
  display:inline;
  margin-left:20px;
}

#contenuprincipal .desclivre .desc{
  margin-left:180px;font-size:1.1em;
}
#contenuprincipal .desclivre .desc .auteur{
  color:#00467E;
  margin:0;
  font-weight:bold;
}

#contenuprincipal .desclivre .desc h3{
  color:#00467E;
  font-size:2.2em;
  font-family: "Times New Roman", Times, serif;
  margin:0;
  font-weight:normal;
  text-decoration:none;
}
#contenuprincipal .desclivre .desc h3 a,#contenuprincipal .desclivre .desc .auteur a{
  color:#00467E;
  text-decoration:none;
}
#contenuprincipal .desclivre .desc h3 a:hover,#contenuprincipal .desclivre .desc .auteur a:hover{
  text-decoration:underline;
}


#contenusecondaire1{
  width:150px;
  margin-right:9px;
  float:left;
  display:inline;
}
#contenusecondaire2{
  width:150px;
  margin-left:9px;
  float:right;
  display:inline;
  text-decoration:none;
}

#contenusecondaire1 h2,#contenusecondaire2 h2, #contenuprincipal h2{
  background: #EA9206;
  color:#FFF;
  font-size:1.1em;
  height:50px;
  margin:0 0 10px 0;
  padding:0 3px 0 10px;
  position:relative;
  text-decoration:none;
}
#contenuprincipal h2{
  background-color:#00467E;
  margin:0 10px;
  padding-left:20px;
}

#contenuprincipal h3{
  margin:30px 0 0 30px;
  font-size:1.2em;
  color:#00467E;
}

#contenusecondaire2 h2#Tabonnez a {
  background:#4E9E2F url(../img/enveloppe.gif) 95% 95% no-repeat!important;
}

#contenusecondaire2 h2 { background: #4E9E2F;}

#contenusecondaire2 h2 a { color:#fff; background: #4E9E2F; text-decoration: none; display:block; height:50px; width:100%;}

#contenusecondaire2 h2 a:visited { color:#fff; background: #4E9E2F; text-decoration: none;}



/* Cache pour IE/MAC \*/
#contenusecondaire1 h2 span, #contenusecondaire2 h2 span, #contenuprincipal h2 span{
  position:absolute;
  bottom:3px;
  text-decoration:none;
}
/* fin du hack */

.information a{
  color:#000;
}

#contenusecondaire1 .information, #contenusecondaire2 .information{
  padding: 0 10px;
  margin-bottom:10px;
  font-size:1.1em;
  color:#858484;
  position:relative;
}

#contenusecondaire1 .information a.txtcomplet, #contenusecondaire2 .information a.txtcomplet{
  color:#858484;
  text-decoration: none;
}
#contenusecondaire1 .information a.txtcomplet:hover, #contenusecondaire2 .information a.txtcomplet:hover{
  text-decoration:underline;
}
#contenusecondaire1 .information h3, #contenusecondaire2 .information h3{
  color: #EA9206;
  font-size:1.2em;
  margin:0 0 5px 0;
}
#contenusecondaire2 .information h3{
   color:#4E9E2F;
}
#contenusecondaire1 .information h3 a{
   color:#EA9206;
   text-decoration:none;
}
#contenusecondaire2 .information h3 a{
   color:#4E9E2F;
   text-decoration:none;
}
#contenusecondaire1 .information h3 a:hover,#contenusecondaire2 .information h3 a:hover{
  text-decoration:underline;
}


#contenusecondaire1 .information p.info{
  margin:0;
  color:#000;
}
#contenusecondaire2 .information p{
  margin-top:0;
  color:#000;
}
#contenusecondaire2 .information a{
  color:#858484;
}

#contenusecondaire1 .information p.auteur{
  margin-top:0;
}

#contenusecondaire1 .information ul{
  margin:0;padding:0;
  list-style:none;
}
#contenusecondaire1 .information ul li{
  padding-bottom:3px;
}

#contenusecondaire1 .information ul a{
  color:#000;
}

.hautdepage{
  clear:both;
  text-align:right;
  margin:20px 10px 20px 0;
}
.hautdepage a{
  background:url(../img/haut_page.gif) 0 3px no-repeat;
  color:#000;
  text-decoration:none;
  font-size:1.1em;
  font-weight:bold;
  padding-left:15px;
}

#footer{
  clear:both;
  background:#000 url(../img/septentrion_noir.gif) 10px 0 no-repeat;
  color:#FFF;
 /* padding:10px;*/
 height:50px;
  position:relative;
}
#adress{
  font-size:1.1em;
 padding:10px 0 0 40px;
}
#adress a{
  color:#FFF;
}

#realisation{
  color: #CCC;
  position:absolute;
  left:635px;top:25px;
  font-size:1.1em;
}
 #realisation a{
  color: #CCC;
  text-decoration:none;
 }
a.vignette{float:left;border:1px solid #CCC;line-height:1px;}
a.vignette:hover{ border:1px solid #000;}


#contenusecondaire1 .banque {
	padding:0!important;
	color:#00467E!important;
}

#contenusecondaire1 h4 {
	margin:5px;
}

#contenusecondaire1 .banque h4, #contenusecondaire1 .banque p {
	margin:5px;
}

#contenusecondaire1 a {
	color:#00467E!important;
	text-decoration:none;
}

#contenusecondaire1 a:hover {
	text-decoration:underline;
}

/* =CLEAR
   -------------------------*/
/* Ajouter ˆÝ un contenant pour ne pas que le contenu dˆ©borde */
.clear {display: inline-block; }
.clear:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clear { height: 1%; }
.clear { display: block; }
/* -------------------------*/