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

/* STYLE CONTENU */
#contenu h1{
font:bold 2.4em Arial, Helvetica, sans-serif;
text-align:left;
color:#0076a6;
margin-top:11px;
letter-spacing:1px;
margin-bottom:15px;
}
#contenu h2{
font:bold 16px Arial, Helvetica, sans-serif;
text-align:left;
color:#ff5700;
margin-top:-5px;
margin-bottom:22px;
}
#contenu p{
font:normal 1.1em/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color: #064370;
margin:0 0 5px 0;
}
#contenu p.couleur, .couleur{
font-weight:bold;
color:#0076a6;
}
#contenu a:link, #contenu a:visited{
font-weight:normal;
text-decoration:underline;
color: #ff5700;
}
#contenu a:hover, #contenu a:active{
font-weight:normal;
text-decoration:underline;
color: #fff;
}
h4 {color:#FF5700; font-weight:bold; display:inline;}
/*------------------- CONTACT ------------------------------*/
input:focus { background-image:url(../images/integration/input-focus.gif);}
input {
	background-image:url(../images/integration/input.gif);
	width:176px;
	height:15px;
	border:1px solid #BEEDF7;
	font-size:11px;
	color:#002140;
	}
textarea:focus { background-image:url(../images/integration/textarea-focus.gif);border:1px solid #BEEDF7;}
textarea {
	background-image:url(../images/integration/textarea.gif);
	width:176px;
	height:85px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#002140;
	border:1px solid #BEEDF7;
	}
#frmContact {
	background-color:#BEEDF7;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:10px;
	margin:10px 0;
	float:left;
	width:600px;
	border:1px solid #4CBADD;
	}
.bouton {
	background-image:url(../images/integration/bouton-contact.gif);
	width:158px;
	background-repeat:no-repeat;
	height:20px;
	border:0px solid #BEEDF7;
	background-color:none;
	cursor:pointer;
	color:#493003;
	vertical-align:middle;
	}

.boutonOver {
	border:1px solid #BEEDF7;
	background-image:url(../images/integration/bouton-contact_over.gif);
	height:20px;
	width:158px;
	border:0px solid #BEEDF7;
	cursor:pointer;
	background-repeat:no-repeat;
	vertical-align:middle;
	}

.petit {font-size:9px;}
.contact-loi {float:left; width:600px;}
.merci {font-size:12px;margin:80px 0 0 195px; font-family:Arial, Helvetica, sans-serif;}
.bloc-adresse {	
	width:284px;
	float:left;
	margin:5px 20px 0 0;
	}
/*----------------------- ACCUEIL ------------*/
.UL_societe li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#064370;
	margin:0 0 5px 5px;
	list-style-image:url(../images/integration/puce.gif);
	text-align:justify;
	}
.UL_societe {
	margin:15px 0 20px 30px;
	}
#container .signaletique p{
	width:183px;
	margin:0 0 0 10px;
	font-size:11px;
	}
.signaletique img{ border:1px solid white; margin:0 0 10px 0;}
.signaletique {
	width:203px;
	text-align:center;
	height:290px;
	background-image:url(../images/integration/signaletique.jpg);
	margin:10px 0 10px  8px;
	float:left;
	}
.signaletique-titre {
	display:block;
	text-align:center;
	width:203px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#FF5700;
	margin:10px 0 10px 0;
	}
/*- CATALOGUE -*/
.catalogue-descriptif {
	width:360px;
	float:left;
	}
.catalogue-illustrations {
	background-image:url(../images/integration/illustrations-dupplicate.gif);
	background-repeat:repeat-y;
	width:275px;
	float:left;
	margin:0 0 0 10px;
	text-align:center;
	}
.catalogue-illustrations img {
	border:1px solid white;
	}
#container .catalogue-illustrations-top {
	border:none;
	margin:0 0 10px 0;
	}
#container .catalogue-illustrations-bottom {
	border:none;
	margin:5px 0 0 0;
	vertical-align:bottom;
	}
/*--- GALERIE ---*/
.galerie {
	background-image:url(../images/integration/galerie-dupplicate.gif);
	background-repeat:repeat-y;
	width:608px;
	float:left;
	margin:0 0 0 10px;
	text-align:center;
	}
.galerie img {
	border:1px solid white;
	margin:5px;
	}
#container .galerie-top {
	border:none;
	margin:0 0 10px 0;
	}
#container .galerie-bottom {
	border:none;
	margin:5px 0 0 0;
	}
/*--- PROMOTIONS ---*/

#container .promotion p{
	width:183px;
	margin:0 0 0 10px;
	font-size:11px;
	text-align:justify;
	padding-right:10px;
	}
.promotion img{ border:1px solid white; margin:0 0 10px 0;}
.promotion {
	width:203px;
	text-align:center;
	height:290px;
	background-image:url(../images/integration/signaletique.jpg);
	margin:10px 0 10px  8px;
	float:left;
	position:relative;
	}
.promotion-titre {
	display:block;
	text-align:center;
	width:203px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#FF5700;
	margin:10px 0 12px 0;
	}
#container .contactez a:hover{
	color:#FFFFFF;
	text-decoration:none;
	} 
#container .contactez a{ 
	font-weight:normal;
	color:#002140;
	}
.contactez {
	width:80px;
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	left:10px;
	bottom:10px;
	}
#container .telecharger a:hover{
	color:#FFFFFF;
	text-decoration:none;
	}
#container .telecharger a{
	font-weight:normal;
	color:#002140;
	}
.telecharger {
	position:absolute;
	width:90px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	right:10px;
	bottom:10px;
	}
	
	
	
	
h3 {
	display:block;
	border-bottom:1px dotted #064370;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#064370;
	margin:15px 0 5px 0;
	}