/* 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 "menus.css";

/*************************************/
/*                 
/*          Styles generiques
/* 
/***************************************/

a:link, a:visited{
	color:#ff6000;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
}
a:hover, a:active{
	text-decoration:underline;
}
h1, h2, h3, h4, li, p{
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	}
h1{
	font:normal 1.2em "Trebuchet MS" Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:20px;
	text-transform:uppercase;
	background:left bottom no-repeat;
	margin-bottom:5px;
}


h2{
	font:normal 1.2em "Trebuchet MS" Arial, Helvetica, sans-serif;
	color:#ff6000;
	margin-bottom:15px;
	letter-spacing:0.03em;
	text-transform:uppercase;
}
h3{
	font:1.1em "Trebuchet MS" Arial, Helvetica, sans-serif;
	color:#ff6000;
	letter-spacing:0.03em;
}

p {
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	letter-spacing:0.03em;
	line-height:20px;
	margin-bottom: 10px;
	text-align:justify;
}

ul {margin:5px 10px 5px 30px;}
li {
	list-style:inside square;
	}

hr{
	background:#ff5300;
	color:#ff5300;
	height:1px;
	border:none;
}

.nota {
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666666;
	line-height:15px;
	text-align:center;
	font-style:italic;
	letter-spacing:0;
	width:80%;
	margin:0 auto;
}

#bloc-pos-gauche {
	width: 310px;
	float:left;
	margin:30px 15px 20px 0 ;
	padding:0;
	color:#000;
	}

p.citation {
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	line-height:18px;
	font-style:italic;
	font-weight:bold;
	letter-spacing:0;
	width:100%;
	text-align:right;
}

p.signature {
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	line-height:18px;
	font-style:italic;
	font-weight:bold;
	letter-spacing:0;
	text-align:right;
}

/** RUBRIQUE CREATEUR **/
#bloc-img-createur {
	width: 260px;
	height: 344px;
	position:absolute;
	top:220px;
	left:330px;
}

#img-createur {
	width: 200px;
	height: 344px;
	float:left;
	background:url(../images/charte/photo-createur.jpg) right;
	background-attachment:scroll;
	background-position:top;
}

#bloc-vignette-createur {
	width: 43px;
	margin: 0 10px 0 0;
	float:left;
}

#bloc-vignette-createur img {
	width:43px;
	height:63px;
	margin: 0 0 7px 0;
	display:block;
}


/** RUBRIQUE CONTACT **/
#bloc-adresse-contact {
	width:190px;
	float:left;
	margin:30px 30px 20px 0 ;
	padding: 0 5px;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	/*border:1px solid red;*/
}

#bloc-contact {
	width: 320px;
	float:left;
	margin:30px 0 20px 0 ;
	padding:0;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	letter-spacing:0.03em;
	/*border:1px solid red;*/
}

#bloc-contact #contactTxt{
	width:45%;
	float:left;
	color:#000;
}
#bloc-contact #contactPlan{
	width:45%;
	float:right;
}
#bloc-contact  #formContact input, textarea{
	width:200px;
	border:1px solid #e4e4e4;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}
#bloc-contact  #formContact .radio{
	width:10%;
	border:none;
}
#bloc-contact  #formContact .champRequis{color:#ff6000; font-size:9px;}
#bloc-contact  #formContact .bouton-contact{
	width:80px;
	border:1px solid #e4e4e4;
	background-color:#fff;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	cursor:pointer;
}

#bloc-merci {
	width:500px;
	margin:30px 50px 20px 0 ;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	/*border:1px solid red;*/
}



/* RUBRIQUE PLAN */
.rond-plan {
	position:absolute;
	top:195px;
	left:300px;
}

.rond-plan2 {
	position:absolute;
	top:230px;
	left:350px;
}

/* METRO 1 */
a.metro {
	width: 15px;
	height: 15px;
	position:absolute;
	display: block;
	text-align: center;
	text-decoration: none;
	color:#000;
	top:244px;
	left:79px;
	background:url(../images/charte/metro.gif) no-repeat;
}

a.metro1 {
	width: 15px;
	height: 15px;
	position:absolute;
	display: block;
	text-align: center;
	text-decoration: none;
	color:#000;
	top:39px;
	left:201px;
	background:url(../images/charte/metro.gif) no-repeat;
}

a.metro2 {
	width: 15px;
	height: 15px;
	position:absolute;
	display: block;
	text-align: center;
	text-decoration: none;
	color:#000;
	top:92px;
	left:325px;
	background:url(../images/charte/metro.gif) no-repeat;
}

a.metro3 {
	width: 15px;
	height: 15px;
	position:absolute;
	display: block;
	text-align: center;
	text-decoration: none;
	color:#000;
	top:150px;
	left:538px;
	background:url(../images/charte/metro.gif) no-repeat;

}

a.metro4 {
	width: 15px;
	height: 15px;
	position:absolute;
	display: block;
	text-align: center;
	text-decoration: none;
	color:#000;
	top:30px;
	left:378px;
	background:url(../images/charte/metro.gif) no-repeat;
}

a:hover.metro, a:hover.metro1, a:hover.metro2 , a:hover.metro3 , a:hover.metro4  {
border-bottom: 1px solid #fff; text-decoration:none;}

a.metro span, a.metro1 span, a.metro2 span, a.metro3 span, a.metro4 span {display: none;}

a:hover.metro span, a:hover.metro2 span, a:hover.metro4 span {
	display: block;
	position: absolute;
	top:10px;
	left:20px;
	width:120px;
	height:20px;
	text-align: left;
	border: 1px solid #ff6000;
	color: #000;
	background-color:#fff;
	padding-left:5px;
	
}

a:hover.metro3 span {
	display: block;
	position: absolute;
	top: 20px;
	left: -100px;
	width: 120px;
	height:20px;
	text-align: left;
	border: 1px solid #ff6000;
	color: #000;
	background-color:#fff;
	padding-left:5px;
}

a:hover.metro1 span {
	display: block;
	position: absolute;
	top: 20px;
	left: -100px;
	width: 120px;
	height:30px;
	text-align: left;
	border: 1px solid #ff6000;
	color: #000;
	background-color:#fff;
	padding-left:5px;
}

/** RUBRIQUE BOUTIQUE **/
#bloc-boutique {
	width: 330px;
	float:left;
	margin:30px 15px 20px 0 ;
	padding:0;
	}
	
#bloc-img-boutique {
	width: 175px;
	height:610px;
	float:right;
	margin: 25px 30px 0 0 ;
	background:url(../images/charte/carte-postale2.jpg) left top no-repeat;
}

.centre {
	border-top:2px solid #e4e4e4;
	border-bottom:2px solid #e4e4e4;
	display:block;
	text-align:center;
	font-weight:bold;
	width:330px;
	padding-top:10px;
	padding-bottom:10px;
}