/* Feuille de style pour la charte graphique du site
 * Cette feuille de style est appelée depuis styles.css.
 */

/***************** STRUCTURE *****************/
*{
/*---toutes les marges sont à 0---*/
margin:0;
padding:0;
list-style:none;
}
body,html{
	height:100%;/*---obligatoire pour le footer---*/
	background:#FBE4C7;
}


body#plaza{
	font-size:62.5%;
	background: url(../images/charte/plaza/bg-body.jpg ) center top no-repeat;
}
#containerplaza{
	position: relative;/*---obligatoire pour le footer---*/
	min-height:100%; /*---obligatoire pour le footer:Firefox---*/
	height:auto !important;/*---obligatoire pour le footer:Firefox---*/
	height:100%;/*---obligatoire pour le footer:IE---*/
	width:990px;
	margin:0 auto;
	background:url(../images/charte/plaza/bg-container.jpg) left top repeat-y;
}
#headerplaza{
	width:990px;
	height:130px;
	background:url(../images/charte/plaza/header.jpg ) left top no-repeat;
}
#flashplaza{
	width:300px;
	height:75px;
	position:absolute;
	display:block;
	top:20px;
	left:10px;
}
#menuTopplaza{

	height:25px;
	background:url(../images/charte/plaza/bg-menuTop.jpg ) right top no-repeat;
	text-align:left;
	padding:15px 0 0 330px;
	color:#E0111A;
}
#menuTopplaza a{
	font-family: Verdana, "Times New Roman", Times, serif;
	color:#000000;
  font-weight: bold;
  font-size: 11px;
	text-decoration:none;
}
#menuTopplaza a:hover{
	font-family:Verdana, "Times New Roman", Times, serif;
	color:#E0111A;
	text-decoration:none;
}

#menuTopplaza .current{
	font-family:Verdana, "Times New Roman", Times, serif;
	color:#E0111A;
   font-weight: bold;
	text-decoration:none;
}
/***************** CONTAINER DU CONTENU *****************/


#contenuplaza {
	position:relative;
	width:990px;
	padding-bottom:20px;
	display:table;
	font-family:Arial, Helvetica, sans-serif;
	color:#D4D4D4;
	background:url(../images/charte/plaza/bg-contenu.jpg ) left top no-repeat;
}

/***************** MENU *****************/

#contenuplaza #menu {
	float:left;
	width:150px;
	padding:100px 0 0 50px;
}


#contenuplaza #menu dt {
	font:bold 1.2em Arial,"Times New Roman", Times, serif;
	height:21px;
	width:150px;
	padding-top:4px;
	display:block;
	
}



#contenuplaza #menu dt a {
	color:#054A20;
	display:block;
	text-decoration:none;
	height:21px;
	width:150px;
}
#contenuplaza #menu dt a:hover {
	color:#E0111A;
	display:block;
	text-decoration:none;
	height:21px;
	width:150px;

}

#contenuplaza #menu dt .current {
	color:#E0111A;
	display:block;
	text-decoration:none;
	height:21px;
	width:150px;
  cursor: default;

}

#contenuplaza #menu dd {
	width:150px;
}



#contenuplaza #menu ul{
 width:150px;
 padding-bottom: 10px;
}
#contenuplaza #menu li {
	font-size:11px;
	text-align:left;
	text-decoration: none;
	height:15px;
	width:150px;


}


#contenuplaza #menu li a {

	color:#054A20;
	text-decoration:none;
}
#contenuplaza #menu li a:hover {
		color:#E0111A;
}

#contenuplaza #menu li .current {
		color:#E0111A;
    cursor: default;
   }

   #contenuplaza #menu li .current:hover {
		color:#000000;
    cursor: default;
   }


/***************** FOOTER *****************/
#footerplaza{
	position: relative;/*---obligatoire pour le footer---*/
	margin: -20px auto 0 auto;/*---margin top = - hauteur du footer---*/
	width:990px;
	height:20px;
	background:url(../images/charte/plaza/footer.jpg ) left top no-repeat;
	clear:both;
}


#footerplaza a {
	font:1.1em Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #666666;
}
#footerplaza a:hover {
	text-decoration:underline;
}

#footerplaza #idep{
	float:left;
	width:80px;
	height:20px;
	display:block;
}
#footerplaza #crea{
	float:left;
	width:195px;
	display:block;
}
/* charte pick up*/
/* CSS Document */

body#pickup{
	font-size:62.5%;
	background: url(../images/charte/pickup/bg-body.jpg) center top no-repeat;
}

#containerpickup{
	position: relative;/*---obligatoire pour le footer---*/
	min-height:100%; /*---obligatoire pour le footer:Firefox---*/
	height:auto !important;/*---obligatoire pour le footer:Firefox---*/
	height:100%;/*---obligatoire pour le footer:IE---*/
	width:990px;
	margin:0 auto;
	background:url(../images/charte/pickup/bg-container.jpg) left top repeat-y;
}
#headerpickup{
	width:990px;
	height:130px;
	background:url(../images/charte/pickup/header.jpg ) left top no-repeat;
}
#flashpickup{
	width:400px;
	height:170px;
	position:absolute;
	display:block;
	top:0;
	left:3px;
}
#menuToppickup{
	width:540px;
	height:25px;
	background:url(../images/charte/pickup/bg-menuTop.jpg ) left top no-repeat;
	text-align:left;
	padding:15px 0 0 450px;
	color:#E0111A;
}
#menuToppickup a{
	font:bold 1.4em "Times New Roman", Times, serif;
	color:#E0111A;
	text-decoration:none;
}
#menuToppickup a:hover{
	font:bold 1.4em "Times New Roman", Times, serif;
	color:#054A20;
	text-decoration:none;
}
/***************** CONTAINER DU CONTENU *****************/


#contenupickup {
	position:relative;
	width:990px;
	padding-bottom:20px;
	display:table;
	font-family:Arial, Helvetica, sans-serif;
	color:#D4D4D4;
	background:url(../images/charte/pickup/bg-contenu.jpg ) left top no-repeat;
}

/***************** MENU *****************/

#contenupickup #menu {
	float:left;
	width:150px;
	padding:100px 0 0 50px;
}


#contenupickup #menu dt {
	font:bold 1.4em "Times New Roman", Times, serif;
	height:21px;
	width:150px;
	padding-top:4px;
	display:block;
	
}



#contenupickup #menu dt a {
	color:#054A20;
	display:block;
	text-decoration:none;
	height:21px;
	width:150px;
}
#contenupickup #menu dt a:hover {
	color:#E0111A;
	display:block;
	text-decoration:none;
	height:21px;
	width:150px;
	
	
}
#contenupickup #menu dd {
	width:150px;
	
	
}



#contenupickup #menu ul{
	height:100%;
	
}
#contenupickup #menu li {
	font-size:1em;
	text-align:left;
	text-decoration: none;
	height:15px;
	width:160px;
	display:block;
}


#contenupickup #menu li a {
	display:block;
	color:#E0111A;
	text-decoration:none;
}
#contenupickup #menu li a:hover {
	display:block;
	color:#054A20;
}


/***************** FOOTER *****************/
#footerpickup{
	position: relative;/*---obligatoire pour le footer---*/
	margin: -20px auto 0 auto;/*---margin top = - hauteur du footer---*/
	width:990px;
	height:20px;
	background:url(../images/charte/pickup/footer.jpg ) left top no-repeat;
	clear:both;
}


#footerpickup a {
	font:1.1em Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #666666;
}
#footerpickup a:hover {
	text-decoration:underline;
}

#footerpickup #idep{
	float:left;
	width:80px;
	height:20px;
	display:block;
}
#footerpickup #crea{
	float:left;
	width:195px;
	display:block;
}

/***************** CONTENU TEXTUEL total*****************/
body.entre{
	font-size:62.5%;
	background:url(../images/charte/bg-body-intro.jpg) center top no-repeat;
}

#containerIntro{
	position: relative;/*---obligatoire pour le footer---*/
	min-height:100%; /*---obligatoire pour le footer:Firefox---*/
	height:auto !important;/*---obligatoire pour le footer:Firefox---*/
	height:100%;/*---obligatoire pour le footer:IE---*/
	width:990px;
	margin:0 auto;
	
}
#contenuIntro {
	position:relative;
	width:990px;
	padding-bottom:20px;
	
}
#contenuIntro #intro{
	width:990px;
	height:400px;
	padding-top:70px;
	position:relative;
}
#contenuIntro #entre{
	height:20px;
	float:left;
	font:1.1em Arial, Helvetica, sans-serif;
}
#entre a{
	color:#E0111A;
	text-decoration:none;
}
#entre a:hover{
	color:#054A20;
	text-decoration:underline;
}
#footerintro{
	position: relative;/*---obligatoire pour le footer---*/
	margin: -20px auto 0 auto;/*---margin top = - hauteur du footer---*/
	width:990px;
	height:20px;
	clear:both;
}


#footerintro a {
	font:1.1em Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #666666;
}
#footerintro a:hover {
	text-decoration:underline;
}

#footerintro #idep{
	float:left;
	width:80px;
	height:20px;
	display:block;
}
#footerintro #crea{
	float:left;
	width:195px;
	display:block;
}
/**/
#contenuTexte{
	width:660px;
	padding: 50px 100px 0 30px;
	float:left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  text-align: justify;
  color: #000000;
	
}
#contenuTexte #text{
	width:470px;
	float:left;
}
#contenuTexte #droite{
	width:165px;
	float:left;
	padding:140px 0px 0 10px;
	
}


#contenuTexte #text h1{
	margin:0px 0 5px 0;
  padding-bottom: 3px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 17px;
  line-height: 22px;
  font-weight: bold;
	text-align:right;
  width:470px;
	color: #054A20;
	border-bottom:1px solid #054A20;
}

#contenuTexte #text h1 span{
color: #E00C14;
}


#contenuTexte #text h2{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: bold;
	text-align:left;
	color: #13532C;
  border-bottom: 1px dashed #13532C;
  background-image: url(../images/charte/bullet.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  padding-left: 17px;
  margin-top: 15px;
  margin-bottom: 3px;
  padding-bottom: 3px;

}

#contenuTexte #text h3{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: bold;
	text-align:left;
	color: #13532C;
   background-image: url(../images/charte/bullet.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  padding-left: 17px;
  margin-top: 15px;


}


#contenuTexte #text a{
font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
	color: #E0111A;
	text-decoration:underline;
}
#contenuTexte #text a:hover{
	color: #054A20;
	text-decoration:none;
}
#contenuTexte #text  p.couleur, .couleur{
	font-weight:bold;
	color: #E0111A;
}
#contenuTexte #text p.couleur2, .couleur2{
	font-weight:bold;
	color: #054A20;
}


/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer"></div> apres la div contenu---*/
.clearer
{
	clear: both;
	display: block;
	height: 0px;
	margin-bottom: 0px;
	font-size: 0px;
	line-height: 0px;
}

.invisible{
display: none;

}

.ardoise-top{
background:url(../images/charte/table_01.jpg) center top no-repeat;
height:21px;
text-align: center;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;

}

.ardoise-middle {
background:url(../images/charte/table_02.jpg) left top repeat-y;
background-color:#E3E3E1 ;

}



.ardoise-middle2 {
background:url(../images/charte/table_03.jpg) left top no-repeat;
min-height:267px;
text-align: center;
font-size: 12px;
width: 443px;
padding:15px 15px 5px 15px;
text-align: center;
}

  .inputForm{
border:1px solid #F0D3B3;
background-color: #FFFFFF;
width:150px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
}
.inputFormOver{
border:1px solid #F0D3B3;
background-color: #F5F4F4;
width:150px;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
font-size: 12px;
color:#000000;
}
.button{
border:1px solid #BC0E0E;
background-color: #BC0E0E;
width:65px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#FFFFFF;
}
.buttonOver{
border:1px solid #FF1717;
background-color: #FF1717;
width:65px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
cursor:pointer;
color:#FFFFFF;
}

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

	text-align:center;
	background-color:#FCE4C8;
	font-size:11px;
  width: 580px;
	border:1px solid #CC0002;
  background:url(../images/charte/back.jpg) left top no-repeat;

}

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

}

.notice{

	font-size:10px;
	padding:0px;
}

.product-titre{
font-size: 15px;
font-weight: bold;
color: #E0131A;

}