* {
margin:0;
padding:0;
}

body {
	behavior: url(csshover.htc);
	margin: 0px;
	padding: 0px;
	background: #FFF url(images/fondpage-modulobase.gif) center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #202F66;
}

h1, h2, h3 {
	margin-top: 0px;
	font-weight: normal;
	color: #17559E;
}

h1 {
	font-size: 2.4em;
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.4em;
}

h4 {
	font-size: 1.3em;
}

p {
	margin-bottom: 8px;
	line-height: 160%;
}

a {
	text-decoration: none;
	color: #17559E;
}

a:hover {
	text-decoration: none;
	color: #FF6F05;
}

a img {
	border: none;
}

#wrapper {
	width: 955px;
	margin: 5px auto;
	
}

ul {
	border: none;
	list-style-type: none;
}

/* Coins arrondis */
.arrondi_boite {
	background: url(images/coin_haut_gauche.png) no-repeat top left;
}
.arrondi_haut {
	background: url(images/coin_haut_droit.png) no-repeat top right;
}
.arrondi_bas {
	background: url(images/coin_bas_gauche.png) no-repeat bottom left;
}
.arrondi_bas div {
	background: url(images/coin_bas_droit.png) no-repeat bottom right;
}
.arrondi_contenu {
	background: url(images/coin_pix.png) top right repeat-y;
	 padding: 0 10px;
}

.arrondi_haut div,.arrondi_haut,
.arrondi_bas div, .arrondi_bas {
	width: 100%;
	height: 10px;
	font-size: 1px;
}


/* Header */

#header {
	width: 935px;
	height: 95px;
	margin: 0px auto;
	background: url(images/logo-modulobase.gif) no-repeat top;
	border-bottom: 1px solid #4EC7E8;
}

#header a {
	text-decoration: none;
	color: #17559E;
}

div#header h1 a {
	width: 220px;
	height: 95px;
    display: block;
	float:left;
    text-indent: -999em;
    text-decoration:none;
}

#header-pic {
	margin: 0px auto;
	width: 935px;
	height: 230px;
	background: url(images/accueil-modulobase.jpg) no-repeat top;
	
}

#header-fla {
	margin: 0px auto;
	display: block;
	width: 935px;
	height: 230px;
}


/* Logo */

#logo {
	float: right;
	padding-top: 16px;
	margin-right: 5px;
}

#logo h4, #logo p {
	margin: 0px;
	line-height: normal;
	font-weight: normal;
	color: #17559E;
}

#logo h4 {
	padding: 25px 0px 5px 0px;
}

/* Fil d'ariane */

#fil {
	float: left;
	width:931px;
	height: 26px;
	background: #17559E url(images/fil-modulobase.gif) ;
	padding: 2px;
}

#fil ul {
	margin: 0;
	padding:2px 0 4px 10px;
	list-style: none;
	line-height: normal;
}

#fil li {
	float: left;
	margin: 0;
	padding-right:10px;
}

#fil a {
	display: block;
	color:#202F66;
	text-decoration:none;
}

#fil a:hover {
	text-decoration: underline;
	color:#FF6F05;
}

#fil .active {
	font-weight:bold;

}

#fil .active a {
		color:#FF6F05;
}


/* Menu Navigation principale */

#menu {
	margin: 0;
	padding:0;
	float: left;
	width: 150px;
}

.navigation {
    margin-top: 5px;
    padding: 0;
    list-style: none;

}

.navigation a, .navigation span {
      display: block;
      padding: 4px 0  4px 20px;
      color: #202F66;
      text-decoration: none;
	  border-bottom: 1px dashed #202F66;
      background: url(images/puce-modulobase.gif) no-repeat left #FFFFFF;
}

.navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
      background-image: url(images/puce-modulobase.gif) no-repeat left;
}

.navigation .open a, .navigation .open span {
      background: url(images/puce-modulobase.gif) no-repeat left #FFFFFF;
}

.navigation a:hover, .navigation a:focus, .navigation .active a {
      text-decoration: none;
	  color:#FF6F05;
	  font-weight:bold;
}

.navigation .subMenu {
      background-color: #eee;
	  list-style: none;
      margin: 0;
      padding: 0;
	 font-size: 10px;
}

.navigation ul.subMenu a {
      background: none;
      padding: 4px 0  4px 35px;
} 

.navigation .open_at_load {
      background-color: #eee;
	  list-style: none;
      margin: 0;
      padding: 0;
	 font-size: 10px;
}

.navigation ul.open_at_load a {
      background: none;
      padding: 4px 0  4px 35px;
	  font-weight:bold;
}

.navigation .open_at_load  a, .navigation .open_at_load  span {
	  font-weight:bold;
}

.navigation .open_at_load .active a {
	  color:#FF6F05;
}


/* Page */

#page {
	width: 935px;
	margin: 0px auto;
	padding: 0;
	background: url(images/fondtitre-modulobase.gif) no-repeat left 28px;
	border-bottom: 1px dashed #4EC7E8;
}




/* Content */

#content {
	float: right;
	width: 765px;
	margin-top: 10px;
	margin-right:2px;
	background: url(images/fond2-modulobase.gif) repeat-y left;
	text-align: justify;
}

#titre {
	float: right;
	width: 765px;
	height: 40px;
	margin: 0;
	
}

#titre h1 {
	margin: 0;
	background: url(images/btfleche-bleue.gif) no-repeat left 15px;
	padding: 10px 25px 0 ;
	font-size: 1.8em;
	color: #17559E;
}

#pic {
	display:block;
	float:right;
	margin-left:10px;
}


.paragraphe {
	margin: 0px 0px 30px 0px;
}

.paragraphe p {
	line-height: 18px;
}

.paragraphe h2 {
	margin: 0;
	padding: 0 0 3px 0;
	font-size: 1.2em;
	border-bottom: 2px dotted #17559E;
}

.paragraphe h3 {
	display:inline;
	margin: 0;
	padding: 0 0 2px 0;
	font-size: 1em;
	text-align:left;
}

.paragraphe .entry {
	padding: 0 20px;
}


.paragraphe .byline {
	margin: 0px;
	padding-left: 20px;
}

.post {
	margin: 10px 170px;
	width:340px;
	text-align:left;
	border: 1px solid #17559E;
	padding: 5px;
	background: #FFF;
}

.post .title {
	margin: 0px;
	background: #CCC;
	padding: 3px 10px;
	font-size: 14px;
}

.post .entry {
	padding: 0 20px;
}

/* Content Pages Achat */

.meta {
	padding: 5px;
	background-color:#929BB6;
	text-align:right;
}


.short-label {
	padding: 0;	
	background: url(images/onglet_offres.gif) no-repeat top #F3F3F3;
}

.short-label h1 {
	font-size:18px;
	padding:10px 0 15px 10px;
	color:#FFFFFF;
}

.short-label .annonce {
	height:150px;
	width:745px;
	margin-left:9px;
	margin-bottom: 10px;
	padding-top: 10px;
	border: 1px solid #17559E;
}

.short-label .photo {
	float:left;
	width: 170px;
	height: 109px;
	margin: 0 10px 0 0;
}

.short-label .number {
	float: left;
	width: 40px;
	padding:2px;
	background: #17559E;
	text-align:center;
	color:#FFF;
	font:bold 12px;
}

.short-label .pic-classes {
	float:right; 
	width:90px;
	color:#FF6F05;
	font:bold 18px;
	margin-left:20px;
	text-align:center;
	padding: 10px 10px 40px 40px;
	background: url(images/picto-classes.gif) no-repeat left 2px;
}

.short-label .pic-bureaux {
	float:right; 
	width:90px;
	color:#FF6F05;
	font:bold 18px;
	margin-left:20px;
	text-align:center;
	padding: 10px 10px 40px 40px;
	background: url(images/picto-bureaux.gif) no-repeat left 3px;
}

.short-label .pic-kitpme {
	float:right; 
	width:90px;
	color:#FF6F05;
	font:bold 18px;
	margin-left:20px;
	text-align:center;
	padding: 10px 10px 40px 40px;
	background: url(images/picto-kitpme.gif) no-repeat left 2px;
}

.short-label .btdemande {
	float: right;
	margin-right:40px;
}


/* Content Pages Offre */

.form-label {
	padding: 0;	
	background: url(images/onglet_prix.gif) no-repeat top #F3F3F3;
}

.form-labelname {
	padding: 0;	
	height: 231px;
	background: url(images/fond-coordonnees.gif) no-repeat center;
}

.form-label h1 {
	font-size:18px;
	padding:10px 0 15px 10px;
	color:#FFFFFF;
}

.form-label h2 {
	padding:10px 0 5px 10px;
}

.form-label .photo {
	float:left;
	width: 340px;
	height: 218px;
	margin: 12px 15px;
}

.form-label .pic-classes {
	float:right; 
	width:290px;
	color:#FF6F05;
	font-size: 14px;
	margin-left:10px;
	text-align:center;
	padding: 10px 10px 30px 45px;
	background: url(images/picto-classes.gif) no-repeat left 2px;
}

.form-label .pic-bureaux {
	float:right; 
	width:290px;
	color:#FF6F05;
	font-size: 14px;
	margin-left:10px;
	text-align:center;
	padding: 10px 10px 30px 45px;
	background: url(images/picto-bureaux.gif) no-repeat left 2px;
}

.form-label .pic-kitpme {
	float:right; 
	width:290px;
	color:#FF6F05;
	font-size: 14px;
	margin-left:10px;
	text-align:center;
	padding: 10px 10px 30px 45px;
	background: url(images/picto-kitpme.gif) no-repeat left 2px;
}

h2.titreorange {
	border-top: 2px dotted #FF6F05;
	border-bottom:none;
	padding: 10px 0 3px 10px;
	font-size: 1.2em;
	font-weight:bold;
}

/* Form */

form {
	padding:0;
}

fieldset {
	border: 0;
	width: 350px;
	float:left;
	padding: 10px 0 10px 30px;
	-padding-left : 5px ; 
}

fieldset.coordonnees {
	border: 0;
	width: 300px;
	float:left;
	margin-left:30px;
	margin-top:-7px;
	
}

fieldset p {
	clear: both;
}

label.text {
	display: block;
	float: left;
	width: 190px;
	text-align: left;
	font-size:11px;
	font-weight:bold;
}

label.text2 {
	display: block;
	float: left;
	width: 130px;
	text-align: left;
	font-size:11px;
	font-weight:bold;
}

input.text {
	width: 40%;
	background-color: #CCC;
	border: 1px solid #17559E;
}

input.text2 {
	width: 50%;
	background-color: #CCC;
	border: 1px solid #17559E;
}


textarea {
	width: 50%;
	height: 60px;
	background-color: #CCC;
	border: 1px solid #17559E;
}

span.warning {
	font-weight: bold;
	font-size: 1.3em;
	padding-left:2px;
}

.radioCheck {
	margin: 0 1em 0 0.25em;
	font-size:11px;
	font-weight:bold;
}

legend {
	margin: 5px 0 0 0;
	padding: 5px 0;
	font-size: 12px;
	font-weight:bold;
	color: #FF6F05;
	border-bottom:1px dashed #FF6F05;
}


.submit {
    border:none;
    background: url(images/btprix-bleu.gif);
	width: 154px;
	height: 20px;
	font-weight: bold;
	color:#202F66;
	cursor: pointer;
}

a:hover input.submit {
	color: #FFF;
	background-image: url(images/btprix-orange.gif);
}

a:hover button.submit {
	color: #FFF;
	background-image: url(images/btprix-orange.gif);
}



.print {
    border:none;
    background: url(images/btprix-orange.gif) no-repeat top left;
	width: 154px;
	height: 20px;
	font-weight: bold;
}

a:hover input.print {
	color: #FFF;
	background-image: url(images/btprix-bleu.gif);
}

/* Styles de listes */

.flechebleu ul {
	margin: 0;
	padding: 4px 0 4px 5px;
	line-height: normal;
	list-style: none;
	
}

.flechebleu li {
	margin: 0;
	padding-left:15px;
	background: url(images/fleche-bleu.gif) no-repeat left 2px;
}

.pointbleu ul {
	margin: 0;
	padding:4px 0 4px 10px;
	line-height: 160%;	
}

.pointbleu li {
	margin: 0;
	padding-left:5px;
	list-style-position: inside;
	list-style-type: square;
}



/* Styles de boutons */

.bt-orange {
	background: url(images/btfleche-orange.gif) no-repeat left;
	padding:10px 50px 10px 20px;
	width: 104px;
	height: 20px;
}

.bt-orange a {
	text-decoration:none;
}

.bt-orange a:hover {
	text-decoration:none;
	color:#FFFFFF;
}

.bt-prix {
	background: url(images/btprix-bleu.gif) no-repeat left;
	padding:10px 50px 10px 25px;
	width: 104px;
	height: 20px;
	font-weight: bold;
	
}

.bt-prix a {
	text-decoration:none;
	color: #202F66;
}

.bt-prix a:hover {
	text-decoration:none;
	color:#FFFFFF;
}

/* Infos et options en roll-over */

a.infos em {
display:none;
position:relative;
text-decoration:none;
}
a.infos:hover {
border:0pt none;
position:relative;
text-decoration:none;
z-index:500;
}
a.infos:hover em {
text-decoration:none;
background:#CCC none repeat scroll 0%;
border:1px solid #202F66;
color:#202F66;
display:block;
font-size:10px;
font-style:normal;
font-weight:normal;
left:50px;
padding:5px;
position:absolute;
text-align:left;
top:-30px;
width:190px;
}


/* Print */

#print {
	background:#FFFFFF;
	width: 930px;
	margin: 0px auto;
	padding:5px;

}

#print h1 {
	margin: 0;
	background: url(images/btfleche-bleue.gif) no-repeat left 15px;
	padding: 10px 30px 0 ;
	font-size: 1.8em;
	color: #17559E;
}
.adresse {
	width:220px;
	padding: 10px 0 20px;
	font-weight:bold;
	font-size:12px;
	border-bottom:solid 1px;
}

.client {
	width:230px;
	padding: 0px 0 20px;
	font-weight:bold;
	font-size:12px;
}


.mentions {
  float: right;
	width: 695px;
	margin-left:5px;
	background:#FFFFFF;
}

.options {
	float:left ;
	background:#FFFFFF;
	width:200px;
}

.plan {
	float:right;
	width: 680px;
	background:#FFFFFF;
	margin:auto;
}



/* Footer */

#footer {
	clear: both;
	width: 900px;
	height: 50px;
	margin: 0px auto 30px auto;
	color: #17559E;
}

#footer p {
	margin: 0px;
	padding: 19px 0px 0px 0px;
	text-align: center;
	line-height: normal;
	font-size: smaller;
}

#footer a {
	color: #17559E;
}