/* Présentation de la feuille principale */

* {
 	padding:0;
	margin:0;
}

body, html {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 14px;
	text-align: center; 
	color:#252535;
}

body {
	background-color:#e2e2e2;
}

input#DevisBtn { cursor:pointer; }

div .hidden { display:none;}	

/* Ombres */
#shadow-left	{
	background: transparent url(../img/shadow_left.gif) repeat-y left;
	width:984px; /* Largeur totale image + largeur des deux ombres */
	margin: 0 auto;
}

#shadow-right	{
	background: transparent url(../img/shadow_right.gif) repeat-y right;
	width:984px; /* Largeur totale image + largeur des deux ombres */
}

/* Puces */

.logopuce-n1 li {
	font-weight: bold;
	list-style-type: none;
	background-image: url(../img/pucelogo.png);
	background-repeat: no-repeat;
	background-position: 0% 65%;
	margin-top:15px;
	padding-left: 55px;
	line-height:20px;
}

.logopuce-n2 li {
	font-weight: bold;
	list-style-type: none;
	background-image: url(../img/pucelogo.png);
	background-repeat: no-repeat;
	background-position: 100px 65%;
	margin-top:10px;
	padding-left: 151px;
	line-height:20px;
}

.logopuce-n10 li {
	display: list-item;
	font-weight: bold;
	margin-top:15px;
	margin-left:55px;
	list-style-type: none;
	list-style-image: url(../img/pucelogo.png);
}

.logopuce-n20 li {
	display: list-item;
	font-weight: bold;
	margin-top:10px;
	margin-left:151px;
	list-style-image: url(../img/pucelogo.png);
}

/* Bandeau du site */
h1, h2, h3{
	color:#195d9c; /* Bleu Provence */
	text-align:center;
}

a.BandeauPrincipal {
	display:block;
	font-size:9px; 
	height: 310px; /* Hauteur totale image*/
	margin-bottom:-110px; /* Hauteur de la zone blanche de l'image*/
	padding:0; 
	text-indent: -9999px;   
	width: 960px;
}

a.BandeauPrincipal{ 
	background: transparent url("../img/bandeau.jpg") 0 ;
}

#page {
	background-color:#fff;
	margin: 0px auto; 
	overflow:hidden;
	text-align: left;
	width:950px;  /* Largeur totale image*/
	}

/* Contenu principal de ma page */
/* Le texte est écrit dans cette zone */
#contenuprincipal {
	float: left; 
	margin: 40px 10px 40px 30px;
	text-align:left;
	width:706px;
	z-index:10;
}

* html #contenuprincipal {
	width:700px;
}


/* Textes */
a{
	text-decoration:none;
	font-weight: bold;
	color:#195d9c; /* Bleu Provence */
	}

a:hover{
	text-decoration:underline;
	color:#195d9c; /* Bleu Provence */
	}

div.adminpanel{
	border-top:4px;
	background:#303030;
	text-align:right;
	}	
div.adminpanel a{
	text-decoration:none;
	font-weight: bold;
	color:#EEEEFF; /* Blanc bleuté */
	}
div.adminpanel a:hover{
	text-decoration:underline;
	color:#EE0000; /* Rouge calme */
	}
	
	
p.hilight{
	margin-top:20px;
    text-align: justify;
}

p.hilight:first-letter {
	font-size: 150%;
	font-weight: bold;
	color:#195d9c; /* Bleu Provence */
}

p.kangoo{
	background:URL("../img/kangooProEco.png") no-repeat;
	padding-left:100px;
	min-height:65px;
}
	
.engras{
	/*font-size: 16px;*/
	font-weight: bold;
}

.BoxMessage{
	padding:2px;
	border:1px solid #195d9c; /* Bleu Provence */
}

.MessageLine{
	border-bottom: 1px solid #195d9c; /* Bleu Provence */
	}

a.Msgnonlu{
	background:url("../img/mail.png") no-repeat left 4px;
	padding-left:15px;
	color:#EE0000; /* Rouge calme */
}

a.Msglu{
	background:url("../img/mail-lu.png") no-repeat left 2px;
	padding-left:15px;
	color:#195d9c; /* Bleu Provence */
}

span.formreq{
	color: red;
	font-weight: bold;
}
div.formreq{
	color: red;
	text-align:right;
}

.underlined{
text-decoration: underline;
}

/* Validation du champ mail */
#validEmail
{
	margin-top: 4px;
	margin-left: 9px;
	position: absolute;
	width: 16px;
	height: 16px;
}


/* Menu positionné à gauche */
#menu-left {
	float: left; 
	width: 183px; 
	background:#F8F8FB; /* Fond Gris */
	padding-right:10px; 
	padding-bottom:10px; 
	border: 1px solid #195d9c; /* Bleu Provence */
	border-left: 0px;
	z-index:-1;

}

* html #menu-left { 
	margin-top:-4px;
}

#menu-left { 
	margin-top:115px;
}

/* Liste de navigation */
#navcontainer {
	width: 178px; /* Largeur de la zone de menu */
	margin-top:15px;
}

#navcontainer ul {
	padding:0; 
	margin: 0; 
	font: bold 13px/22px Verdana, arial, Helvetica, sans-serif; 
	list-style-type: none; 
	letter-spacing: 0.7px;
}

#navcontainer ul li {
	margin:0;
}

#navcontainer a {
	display: block; 
	line-height:17px;
	margin-bottom:7px;
	width: 170px; /* Largeur du lien */
	padding:5px 2px 0 25px; 
}

#navcontainer a:link {
	color:#195d9c; /* Bleu Provence */
	text-decoration: none;
}

#navcontainer a:visited {
	color:#195d9c; /* Bleu Provence */
	text-decoration: none;
}

#navcontainer a:hover {
	color:#697bd6; /* Bleu Hover */
	text-decoration: none;
}

/* Footer */
#footer {
	color: #fff; 
	font: 10px Verdana, Tahoma, sans-serif;
	font-style:italic;
	line-height: 40px;
	background-color:#353535;
	clear:both;
	margin: 0;
	height:40px;
	width:950px; 
	text-align:right;
}

#footer a {
	font-weight: normal;
	text-decoration: none
}

#footer a:link {
	color: #fff; 
}

#footer a:visited {
	color: #fff; 
}

#footer a:hover {
	color: #195d9c; /* Bleu Provence */
}