/* GENERAL 
*******************************************************************************************/
body {
	font-family: Verdana, Arial, sans;
	font-size: 12px;
	color:#636363;
}

.strong {
  font-weight: bold;
}

.right {
	text-align: right
}

em {
  text-decoration: none;
}

h3 {
  line-height: 1.1em
}

.grey {
  	color:#636363;
}

/* STRUCTURE 
*******************************************************************************************/
#wrapper{
  width: 960px;
  margin: 0 auto;
}



/* EN-TETE 
*******************************************************************************************/

#accueil #header {
  float: left;
  width: 100%;
  height: 135px;
}

#accueil #header h1{
  width: 100%;
  text-indent: -9999px;
}
			
#accueil #header h2{
   display: none;
   text-indent: -9999px;
}

#accueil #header h1 {
  background: none;
  margin: 0;
}

#accueil #header h1 a {
  display: block;
  width: 100%;
  height: 135px;
  background: url(../img/accueil_top.png) left;	

}

#header {
  float: right;
}
			
#header h1 {
  width: 663px;
  text-indent: -9999px;
  background: url(../img/ima_top.png) right;
  float: right;
/*   margin-top: -120px; */
}

#header h1 a {
  display: block;
  width: 100%;
  height: 114px;
  background: url(../img/ima_top.png) right;	

}

#header h2 {
  width: 663px;
  height: 200px;
  text-indent: -9999px;
  background: url(../img/ima_slogan.png) no-repeat;
  float: right;	
  z-index: -100;
}			

#header h2.slider {
  background: none;
  text-indent: 0;
}	

#header #slider {
  width: 663px;
  height: 200px;
  float: right;	
}

/* NAVIGATION 
*******************************************************************************************/
#accueil #nav {
  float: left;
  width: 100%;
  height: 32px;
  background: #E9E9E9;
  margin: 0;
}

#accueil #nav ul {
  margin: 0 0 0 120px;;
}

#accueil #nav ul li {
	display: inline;
	border: 0;
	width: auto;
}

#accueil #nav ul li a {
	display: inline;
	width: auto;
	padding: 6px 0 0  6px;
	
}

#accueil #nav ul li span {
  display: inline;
  line-height: 2em;
  padding: 0 0 0 6px;

}


#nav {
	width: 295px;
/* 	margin: 114px 0 0 0; */
	background: #D5D5D5;
	font-size: 14px;
	font-weight: normal;
  float:left;
  display: block;
  margin: -201px 0 0 0;
  

}
#nav ul li span {
  display: none;
}

#nav ul li {	
	height: 28px;
	border-top: 1px solid white;
	display: block;
	float: left;
	
}

#nav ul li a {
	color:#555;
	display: block;
	text-decoration: none;
  	padding: 6px 0 0 10px; 
	margin: 0;
	float: left;
	height: 22px;
	width: 285px;
}

#nav ul li.selected a, #nav ul li.selected a:hover
{
  	color:#CA0219;
  	
  	
}


#nav ul li a:hover {
	 color:black;

}

#accueil #nav ul li.accueil {
  display: none
}

/* SOUS-NAVIGATION 
*******************************************************************************************/
#nav li.subnav, .subnav.selected {
  font-size: 80%;
  padding: 0 0 0 20px;
  border: none;
}

 #nav li.subnav.selected
{
  	color:#CA0219;
  	
}

#accueil #splash {}

#accueil #contact-bloc {}

.three.columns {
  float: left;
  width: 33%;
 
 
}

/* PAGE D'ACCUEIL 
*******************************************************************************************/
#accueil-header {
  
  width: 100%;
  height: 317px;
  float: left;
  color:white;
  
}

#accueil-header .left-col {
  width: 665px;
  height: 317px;
  background: #BD2A26 url(../img/accueil_ima.jpg) no-repeat;
  float: left;
}

#accueil-header .right-col {
  width: 294px;
  height: 317px;
  background: #871304;
  float: right;
}

#accueil-header a {
  color:white;
  text-decoration: none;
  padding: 10px 20px;
  display: block;
}

 #accueil-header p {
   color:white;
 }
 

 #accueil-header h3 { /*régler problème couleur rouge*/
   color:white;

 }
 
  #accueil-header .gutter a { 
   color:white;
   text-decoration: none;
   margin: 0px 0px 0px 0px;
   padding: 0px;
   	 
 }
 
#accueil-content .gutter a{
	color: #636363;
	text-decoration: none;

 }
 
 

#accueil-header .right-col .gutter, #accueil .columns .gutter{
  padding: 10px 20px;
  
  
}

#accueil-content {
    width: 665px;
   /* color:white;*/
}

#accueil-header .columns {
  padding-top: 220px;
}

#accueil .itemactualites h4 a {
	  color:#b3b3b3;
	  text-transform: uppercase;
	  font-size:12px;
	/*  font-weight:50px;*/
	  /*margin-bottom: 5px;*/
	  text-decoration: none;
	  text-align: left;
	  margin: 0px 0px 0px 0px;
	  padding: 0;
	
}

#accueil .itemactualites h5 {
 	margin: 12px 0 0 0;
 	 font-size:12px;
 	 font-weight: bold;
 	 color:silver;
 	 
}
#accueil .itemactualites p{
	margin-bottom: 3px;
	 font-size:11px;
}

#accueil .itemactualites p.date{
	margin-bottom: 3px;
	 font-size:9px;
	 font-style: italic;
}

#accueil .itemagenda h5{
	
	font-size: 11px;
	margin-bottom: 5px;
	margin-top: 15px;
	
}

#accueil .itemagenda h6 a {
	
	font-size: 12px;
	color:#636363;
	text-decoration: none;
	
}

/* CONTENU 
*******************************************************************************************/
	
#accueil #content{
  float:left;
	width: 100%; 
	padding: 0;
}	

#content{
  width: 643px;
  float: right;
  padding: 20px 0 50px 0;
  min-height: 400px;
  line-height: 1.4em;
}

#content h3 {
	font-size: 20px;
	/*color:white; pour régler problème de couleur rouge*/
	font-weight: normal;
	margin: 12px 0 12px 0;
}


#content h4 {
	font-size: 16px;
	margin: 0 0 3px 0;	
}

#content h5 {
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 12px;
}

#content .download {
	margin: 3px 0 0 0;
	font-size: 14px;
	vertical-align: middle;
	
}

#content a {
  color:#CA0219;
  
}

#content p {
  margin: 0 0 8px 0;
}

#content table tr, #content table td {
/*   vertical-align: middle; */
} 

#content1 ul {
	padding-left: 1.2em;	
	text-indent: -1em;
	margin-left: 0;
}

#content1 li {
  list-style: disc;
 list-style-position: inside;
  margin-left: 1em;
  margin-right: 1.2em;
  padding-left: 1em;
 /*text-indent: -1em;*/
 vertical-align: baseline;
 text-align: justify;
 max-width: inherit;

}

#content ul {
  list-style-position: inside;
  margin: 0 0 0 20px;
}

#content ul li {
  list-style:disc;
}

.section {
  display: none;
}

h3.title {
  font-size: 20px;
  margin: 0 0 20px 0; 
}

div.sectionContent {
  font-size: 16px;
}

/* Items 
*******************************************************************************************/
#archives .item p {

margin: 6px 0;
 
/*
 border: 1px dotted red; 
 float: left;
*/
  
}

#archives .item img {
/*   float: left; */
}


a.galleries-thumb {

  padding:4px;
    display: block;
  width: 300px;

  float: left;
  margin: 10px 0 0 10px; 
  text-decoration: none;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  -webkit-transition: .5s ease all;
  -moz-transition: .5s ease all;
  transition: .5s ease all;
  
}

a.galleries-thumb:hover {
  background: #f0f0f0;
}

a.galleries-thumb {


}

#archives .big-thumb {
  width: 300px;

  float: left;
  margin: 20px 0 0 10px;
}


#archives .big-thumb img {
  width: 300px;
}


#archives #nav ul li.archives {
  display: block;
  }
  
.no-picture {
	background: silver;
	font-size: 40px;
	text-align: center;
	height: 200px;
	padding-top: 30px;
}  
.archives-issues {
	width: 100%;
	margin: 0 0 20px 0;
}
.archives-issues th {
	text-align: left;
	font-size: 10px;
	padding: 2px;
}

.archives-issues td {
	padding: 4px;
}

#content .archives-issues td p.download {
	font-size: 12px;
}

#content .archives-issues td p.download img {
	margin: 0px 4px 0 0;
}

.even {
	background-color: #f0f0f0;
}

.nav-year {
	margin: 0 0 20px 0;
}

.nav-year a {
	text-decoration: none;
	padding: 0 10px 0 0;
	
}

.nav-year a.selected {
	text-decoration: none;
	font-weight: bold;
}



/* contact 
*******************************************************************************************/
#contact-bloc {
  width:292px;
  height: 272px;
  background: url(../img/accueil_ima_post-it.jpg) no-repeat;
  float: left;
  margin: 10px 0 0 0;
  line-height: 1.2em;
  color:black;
  padding-top: 0;
}

#contact-bloc p {

margin-bottom: 5px;
	
}

#contact-bloc .gutter {
  padding: 20px 40px;
}

#contact-bloc .gutter a{
  
   color:black;
}
#accueil #contact-bloc {
  float:right;
}

/* BOUTIQUE
*******************************************************************************************/
#boutique-liste {
	width: 100%;
	border-bottom: 1px solid silver;
}

#boutique-liste th {
	padding: 2px 10px;
	text-align: left;
	border-bottom: 1px solid silver;
}
#boutique-liste tr {

	vertical-align: middle;
}

#boutique-liste td {

	padding: 10px;
	vertical-align: middle;
}

#boutique label {
/*
	display: block;
	width: 150px;
	float:left;
*/
	  font-weight: bold;
  width: 170px;
  display: block;
  float:left;
}
#boutique .oButtonBar {
  text-align: center;
}

#boutique .oButton {
  text-align: center;
  margin:20px 0 0 10px;
  width: 200px;
}
/* AGENDA
*******************************************************************************************/

#agenda .itemagenda{
	font-size: 15px;
	line-height:2;
	border-bottom: 1px solid silver;
		

}

/*#agenda .itemagenda h3{ 
  width: 643px;
  float: right;
 margin: 10px 0 0 0;
  color:#636363;
}*/
#agenda .itemagenda h5{
	
	font-size: 16px;
	margin: 50px 0 3px 0;
	line-height:2;	
}

#agenda .itemagenda h6{
	
	font-size: 16px;
	margin-bottom:5px;
	line-height:2;
	
}

#agenda .itemagenda p{
	
	font-size: 12px;
	line-height:2;

 	
}

/* ACTUALITES
*******************************************************************************************/
#actualite .itemactualites h4  {
	  color:#636363;
	  text-transform: uppercase;
	  font-size:12px;
	/*  font-weight:50px;*/
	  margin-bottom: 3px;
}

#actualite .itemactualites h5 {
 	margin-top: 5px;
 	 font-size:11px;
}

#actualite .itemactualites p{
	margin-top: 10px;
	 font-size:11px;
}

#actualite .itemactualites{
	margin-top: 5px;
	margin-bottom: 20px;
	 font-size:11px;
}

/* CONSTRUCTION
*******************************************************************************************/	  
.contruction {
  font-size: 36px;
  text-align: center;
  margin: 100px 0;
}	  
	  
	  
/* LIENS 
*******************************************************************************************/	  
#liens h3 {
  border-bottom: 1px solid silver;  
}

table.liens {
  font-size: 120%;
}

table.liens tr {
  height: 50px;
}
table.liens tr, table.liens td {
  vertical-align: middle;
  }
  
table.liens td {
  padding: 5px 10px 5px 00;
}  

/* FORMULAIRES
****************************************************************************************************/
        
.oForm {
  background: #f9f9f9;
  padding: 10px;
}       



        
.oForm label {
  font-weight: bold;
  width: 150px;
  display: block;
  float:left;
}

.oForm p {

  padding: 0 0 6px 0;
  margin: 0 0 3px 0;
  width: 626px;
}

.oForm input, .oSimpleTextArea {
  font-size: 12px;
/*   width: 400px; */
}

.oForm .oSimpleTextArea {
  margin: -16px 0 0 150px;
  height: 70px;
}


.oForm .oValidate {
  margin: 20px 0 0 150px;
}

.oCheckbox {
  margin: 0;
  padding: 0;
  width: 32px;
}

#oError {
  font-weight: bold;
  color:maroon;
  margin: 10px 0 20px 150px;
}

.oErrorMessage {
  font-size: 12px;
  font-weight: bold;
  color:maroon;
  margin: 0 0 0 150px;
  display: block;
}

.oForm .oButton {
text-align: center;
margin:20px 0 0 250px;
width: 100px;
} 
.error {
  color:maroon;
}

.oInputError {
  border: 1px solid maroon;
}

.msg {
  margin: 50px 0;
  color: #004c6f;
  font-size: 16px;
}

.thumb {
  width: 137px;
  height: 91px;
  float: left;
  overflow: hidden;
  margin: 0 3px 3px 0;
  border: 1px solid silver;
}

#AUTRE_MONTANT {
	position:relative;
	left:140px;
	top:-50px;
}

/* PIED DE PAGE
****************************************************************************************************/
#footer {
  width: 100%;
  float: left;
  margin: 20px 0 0 0;
  padding: 20px 0 40px 0;
  border-top: 1px solid #f0f0f0;
  text-align: right;
  color:silver;
  font-size: 80%;
}        

#footer a {
  color:silver
}