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

h1,h2,h3,h4 {margin:0;}

/* STYLE DE LA PAGE CONTACT */
#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea{
	width:100%;
	border:1px solid #000;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}
.titre {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#EDE5BA;
letter-spacing:0.22em;
padding-left:20px;
}
.titre2 {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#EDE5BA;
letter-spacing:0.22em;
padding-left:20px;
}

#contenu-accueil {
width:580px;
height:400px;
padding-left:150px;
background-image:url(../images/charte/img-plat.jpg);
background-position:left top;
background-repeat:no-repeat;
margin-left:20px;
}
#contenu-page {
width:700px;
padding-left:20px;
}
#contenu-gamme {
padding-left:10px;
}

#form-merci {
float:left;
width:700px;
height:300px;
text-align:center;
vertical-align:middle;
}
.formcontact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #000000;
	border: 1px solid #FFFFFF;
}
.texte-blanc {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
}
.contour-blanc {
border:solid 1px white;
}
.contour-blanc td {
 border-bottom: 1px solid #898787;
}
a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-decoration:none;
}
a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-decoration:underline;
}

/**/

#note1, #note2, #note3, #note4, #note5, #note6, #note7, #note8, #note9, #note10, #note11, #note12, #note13, #note14, #note15, #note16, #note17 {
	position: absolute;
	width: 150px;
	display: none;
	color: black;
	margin: 0;
	padding: 2px;
	border: 1px solid black;
	background-color: #FFFFCC;
}
#note1 { left: 770px; top: 280px; }
#note2 { left: 620px; top: 425px; }
#note3 { left: 520px; top: 517px; }
#note4 { left: 550px; top: 280px; }
#note5 { left: 400px; top: 305px; }
#note6 { left: 800px; top: 485px; }
#note7 { left: 330px; top: 200px; }
#note8 { left: 600px; top: 700px; }
#note9 { left: 740px; top: 680px; }
#note10 { left: 810px; top: 800px; }
#note11 { left: 810px; top: 870px; }
#note12 { left: 780px; top: 900px; }
#note13 { left: 650px; top: 980px; }
#note14 { left: 640px; top: 1055px; }
#note15 { left: 330px; top: 1100px; }
#note16 { left: 330px; top: 1000px; }
#note17 { left: 240px; top: 720px; }

.titre-sur-mesure {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
}
.titre-sur-mesure-ang {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #E6E6E6;
	font-style: italic;
	padding-left: 150px;
}
.liseret-blanc {
border: solid white 1px;
width:500px;
padding:5px;
}
.ancre {
color:#FFFFFF;
font-size:11px;
}

.vignette{
	width:155px;
	text-align:center;
	height:auto;
	float:left; margin:10px 10px 10px 10px;
	/*border:1px #FFFFFF solid;*/
}