/* Feuille de style pour le contenu des pages
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";
@import "flexcrollstyles.css";

h1{ /*----------Titre paragraphe-----------*/
	color:#000;
	font-size:1.6em;
	font-weight:bold;
	line-height:normal;
	text-align:right;
	padding:20px 690px 25px 0px;
  color: #CC3700;
}
h2{ /*----------Titre paragraphe-----------*/
	color:#000;
	font-size:1.4em;
	font-weight:bold;
	padding:15px 0 5px 0;
}

h3{ /*----------Titre paragraphe-----------*/
	color:#000;
	font-size:1.4em;
	font-weight:bold;
	padding:0px 0 5px 0;
}
a{
	font-weight:bold;
		text-decoration:none;
	color:#CC3700;
}
a:hover{
	font-weight:bold;
	text-decoration:underline;
color:#000;
}
/* ------------------------------------------NEWS--------------------------------- */
#collRight{
	float:right;
	width:259px;
	min-height:237px;
	height:auto !important;
	height:237px;
}

#collRight2{
	float:right;
	width:259px;
	height:100px;
}
#deville{
	float:right;
	width:127px;
	height:72px;
	background:url(../images/charte/bt-deville.gif) no-repeat top left;
}
#deville a{
	display:block;
	width:127px;
	height:72px;
}
#turbo{
	float:right;
	width:132px;
	height:72px;
	background:url(../images/charte/bt-turbofonte.gif) no-repeat top left;
}
#turbo a{
	display:block;
	width:132px;
	height:72px;
}



.promos{
	float:right;
	width:219px;
	min-height:180px;
	height:auto !important;
	height:180px;
	color:#000;
	line-height:1.5em;
	background:url(../images/charte/bg-promos.gif) no-repeat top left;
	padding:50px 20px 30px 20px;
	font-weight:bold;
}
.promos img{
	margin:10px 10px 10px 0;
	float:left;
}
.datepromo{
	margin:10px 0 10px 0;
  font-weight: normal;
}
.promo{
	color:#FF0000;
	font-size:1.2em;
	margin:0 0px 20px 0;
}
hr{	
	clear:both;
	color:#CCCCCC;
	background-color:#CCCCCC;
	height: 1px;
  margin: 10px 0px;
	border:0;
}


  .inputForm{
border:1px solid #ffffff;
background-color: transparent;
width:180px;
color: Black;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color:#000000;
}
.inputFormOver{
border:1px solid #893322;
background-color: #ffffff;
-moz-opacity: 0.30; opacity:0.30;
width:180px;
font-family: Arial, Helvetica, sans-serif;
color: Black;
font-weight:normal;
font-size: 11px;
color:#000000;
}
.button{
border:1px solid #893322;
background-color: #AE4530;
-moz-opacity: 0.80; opacity:0.80;
padding: 2px;
width:65px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#FFFFFF;
}
.buttonOver{
border:1px solid #893322;
background-color: #893322;
width:65px;
padding: 2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
cursor:pointer;
color:#FFFFFF;
}

.frmContact{ /* dedicated ID for "contact form"*/

	text-align:center;
  width: 580px;
    border: 1px solid #AE4530;
    background-image: url(../images/charte/back.jpg);
    background-position: top left;
    background-repeat: no-repeat;

  background-color: #C6533B;

}



.frmContact .Label, .frmContact label{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color: #ffffff;
white-space: nowrap;

}

.notice{
  font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:0px;
  color: #ffffff;
}