@import url("base.css");
@import url("structure.css");
@import url("contenu.css");
@import url("formulaire.css");

/* --------------------------------------------------
		Menu
		Viens surcharger les feuilles de l'intégration
		
		01 - General
		02 - HomePage
		03 - Interne
		04 - Footer                               
-------------------------------------------------- */
#header{
  position: relative;
}

.flag{
  position: absolute;
  right: 10px;
  top: 5px
}

.flag a img{
  width: 25px;
}



/* --------------------------------------------------
		01 - General                                    
-------------------------------------------------- */

#bandeau {
	background: url('../images/bg_bandeau.jpg') no-repeat;
	border-bottom: 6px solid #0476a1;
	height: 170px;
}

#content a, #contentPage .content a, #contentPageBottom a, #content #contentC a, #contentPage2Col a {
  font-weight: bold;
}

#contentA a, #contentB a, #contentC a, #contentDRight a, #contentPageCenter a, #contentPageBottom a, #contentPage2Col a {
  border-bottom: 1px solid;
}

#contentA a:hover, #contentB a:hover, #contentC a:hover, #contentDRight a:hover, #contentPageCenter a:hover, #contentPageBottom a:hover{
  border-bottom: 0;
}

#contentB a, #contentDRight a, #contentPageCenter a, #contentPage2Col a {
  color: #0476a1;
}

/* --------------------------------------------------
		02 - HomePage                                    
-------------------------------------------------- */
@font-face {
  font-family : 'GillSans';
  src: url('typo/GillSans.ttc') format('truetype');
}

#contentA {
  height: 230px;
}

#contentA h1 {
  font-family: "GillSans", arial, sans-serif;
  font-weight: 100;
  color: #8db113;
  font-size: 36px;
  margin-bottom: -20px;
	color: #fff;
}

#contentB h1 {
  font-family: "GillSans", arial, sans-serif;
  font-weight: 100;
  color: #8db113;
  font-size: 40px;
  margin-bottom: -10px;
}

#contentC h2 {
  font-family: "GillSans", arial, sans-serif;
  font-weight: 100;
  color: #0075a3;
  font-size: 36px;
  margin-top:  -7px;
}

#contentC h3 {
  font-size: 18px;
}

#contentC p {
  width: 500px;
}


#contentDRight h1  {
  font-family: "GillSans", arial, sans-serif;
  font-weight: 100;
  color: #8db113;
  font-size: 36px;
}

#contentInnerRight, #contentEncart {
	margin-top: -32px;
	z-index: 1;
	
}
#contentInnerRight h3, #contentEncart h3 {
	height: 28px;
	margin-left: -1px;
	background: url('../images/encart_top.png') no-repeat top left;
	color: #fff;
	font-size: 18px;
	padding: 3px 0 0 10px;
}

#encartPage {
	height: auto;
	color: #fff;
}

#encartPage h2 {
  color: #fff;
  font-size: 14px;
  padding-top: 10px;
}

#encartPage a {
  color: #fff;
}

#encartBottom, #encartBottomPage {
  margin-bottom: 0;
}

#visuelPage {
  margin-top: 32px;
}
/* --------------------------------------------------
		03 - Interne                                    
-------------------------------------------------- */

#contentPageCenter h1.h1Titre, #contentPage2Col h1.h1Titre {
  font-family: "GillSans", arial, sans-serif;
  font-weight: 100;
  width: 415px;
}

#contentPage2Col h1.h1Titre {
  width: auto;
  width: 500px;
}

#contentPageCenter .content {
  margin-bottom: 50px;
}

.content img {
  margin: 5px; border: 5px solid #0476a1;
}

#contentPage #visuelPage img {
  margin-bottom: 15px;
}

#contentPage .content h3 {
  margin: 20px 0 0 0; font-size: 20px;
}

#contentPage .content p {
  margin: 10px 0;
}

#encartPage p, #encartPage li {
  color: #fff;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 24px;
}

#encartPage li {
  font-size: 14px;
}

#contentPage #contentPageCenter table {
  width: 700px;
}

#contentPage .content thead {
  background-color: #c7e8f7;
}

#contentPage .content tbody td {
    padding: 0 5px;
}

#contentPage #contentPageCenter .content tbody td.colLeft {
    color: #0576a2; font-weight: bold;
    width: 150px;
}

#contentPageBottom {
  height: auto;
}

#contentPage .content table img {
  border: 0;
}

/* --------------------------------------------------
		04 - Footer                                    
-------------------------------------------------- */

#footer {
  height: auto;
}

#footer p {
  margin: 10px;
}

.contentVeille {
  margin-bottom: 40px;
}


#contentPageCenter .galleryPicture a {
  border-bottom: 0;
}

#contentPageCenter .galleryPicture a:hover {
  border-bottom: 0;
}