body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	background: #fff url(images/fond_body.jpg) repeat 0px 0px scroll;
}

form {
	margin: 0;
}

a {
	text-decoration: none;
	color: #39b;
	font-weight: bold;
}
a:hover {
	color: #b93;
}


/***************************/
/*   	Divers - mise en page	*/
/***************************/

.fin {
	clear: both;
}
.fintoutfin {
	clear: both;
	line-height: 1px;
	height: 1px;
}

.PalignR {
	text-align: right;
}
.PalignJ {
	text-align: justify;
}



/************************/
/*    IMG & ILLUS	*/
/************************/

img {
	border: 0;
}

.alignG {
	float: left;
	margin: 6px 12px 6px 0px;
}

.alignD {
	float: right;
	margin-left: 6px;
}

.cadre1 {
	padding: 0px;
	border: 4px solid #fc0;
}

.marge1{
	margin: 10px;
}

.lignSimpl {
	clear: both;
	margin: 5px 0px;
	padding: 0px;
	line-height: 2px;
	background: #e3d4b5;
}
.lignDashed {
	clear: both;
	margin: 5px 0px;
	padding: 0px;
	line-height: 2px;
	border-bottom: 1px dashed #666;
}


/************************/
/*    	  TITRES        */
/************************/

.titre-haut {
	position: absolute;
	top: 40px;
	left: 220px;
	width: 400px;
	margin: 0px 0px 0px 0px;
	line-height: 48px;
	font-family: "Trebuchet MS";
	font-size: 28px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #fc0;
	text-align: left;
}
.titre-haut strong{
	color: #289;
}
.titre-page {
	margin: 10px 0px 10px 0px;
	padding-left: 30px;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #fff;
	text-align: left;
	background: url(illus/fleche2.gif) no-repeat left top scroll;
}


/************************/
/*  STRUCTURE GENERALE  */
/************************/

#generale {
	width: 955px;
	margin: 0 auto;
}
.index {
	background: url(images/fond_generale-index.jpg) no-repeat 0px 0px scroll;
}
.interne {
	background: url(images/fond_generale-interne.jpg) no-repeat 0px 0px scroll;
}
.contact {
	background: url(images/fond_generale-contact.jpg) no-repeat 0px 0px scroll;
}

#cont {
	padding: 18px 60px 10px 85px;
}


/************************/
/*    	   	 HAUT   	     */
/************************/

#slogan {
	margin: 0;
	padding-left: 132px;
	background: url(illus/fleche1.gif) no-repeat 87px 0px scroll;
	line-height: 31px;
	font-size: 14px;
	color: #99d9df;
}
#slogan strong{
	font-size: 1.3em;
}

#haut {
	position: relative;
	height: 267px;
	padding: 10px 0px 0px 80px;
}

#navHaut {
	text-align: left;
	font-size: 18px;
	line-height: 25px;
	margin: 10px 0px 0px 0px;
}
#navHaut a{
	padding: 0px 0px 0px 38px;
	font-weight: bold;
	color: #39a;
	background: url(illus/puce-carre-1.gif) no-repeat 12px 0.2em scroll;
}
#navHaut a:hover , #navHaut a.btNH-actif{
	color: #157;
}


/************************/
/*    	   	 BAS	   	     */
/************************/

#bas {
	position: relative;
	clear: both;
	padding: 16px 0px 50px;
}
#navBas {
	float: right;
	margin: 40px 20px 10px 4px;
	font-size: 12px;
	text-align: right;
	font-weight: bold;
	color: #fc0;
}
#navBas a{
	color: #29a;
	padding: 4px;
}
#navBas a:hover{
	color: #333;
}

address {
	text-align: left;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	color: #000;
}
address a{
	color: #fff;
}
address strong{
	color: #29a;
	font-size: 12px;
}
address a:hover{
	color: #fff;
}


/*    	    TT 	        */

#siteWeb{
	position: absolute;
	top: 61px;
	left: 193px;
	padding: 20px;
	text-align: center;
}
#siteWeb a {
	color: #999;
	font-size: 10px;
	text-decoration: none;
	
}
#siteWeb a:hover {
	color: #09a;
	text-decoration: none;
}


/************************/
/*    	   	ACCUEIL    	 */
/************************/

#matieres {
	float: right;
	width: 290px;
	margin: 16px 0px 00px 40px;
	font-variant: small-caps; 
	font-size: 13px;
	font-weight: bold;
	line-height: 28px;
}
#matieres a{
	display: block;
	float: left;
	margin-left: 4px;
	width: 105px;
	height: 32px;
	padding: 0px 0px 0px 20px;
	background: url(images/fond_matieres.jpg) no-repeat left top scroll;
}

.troisColAcc {
	width: 260px;
	float: left;
	margin: 10px 4px 0px 0px;
}

.titre-3colAcc {
	display: block;
	color: #da0;
	font-size: 15px;
	font-weight: bold;
	width: 253px;
	height: 181px;
	font-variant: small-caps; 
	margin: 0px 0px;
	padding: 5px 0px 0px 7px;
}
.titre-3colAcc:hover {
	color: #39b;
}

.f3col1 {
	background: url(images/fond_3col1.jpg) no-repeat left top scroll;
}
.f3col2 {
	background: url(images/fond_3col2.jpg) no-repeat left top scroll;
}
.f3col3 {
	background: url(images/fond_3col3.jpg) no-repeat left top scroll;
}
.p3col {
	color: #39a;
	font-size: 11px;
	margin: 0px 10px 4px 20px;
}
.savoir {
	text-align: right;
	color: #c90;
	margin-right: 15px;
}
.savoir a{
	color: #39a;
	text-decoration: underline;
	font-weight: bold;
}
.savoir a:hover{
	color: #d93;
}


/***************************/
/*    	   SAVOIR FAIRE		 */
/***************************/

/*    	   colone Gauche		 */

#colGauche {
	float: left;
	width: 155px;
	padding: 10px 0px 0px 80px;
}

#sepia {
	background: url(images/fond_sepia.gif) no-repeat left top scroll;
	width: 114px;
	height: 242px;
	margin: 18px 0px 20px 4px;
	padding: 27px 4px 0px 17px;
	font-size: 11px;
	color: #666;
}
.titre-sepia {
	margin: 0px 0px 14px 0px;
	color: #39a;
	font-size: 14px;
	font-weight: bold;
}
#sepia ul{
	margin: 10px 0px 0px;
	padding: 0px 0px 0px 10px;
}
#sepia ul li{
	margin: 6px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
	list-style-image: url(illus/puce-carre-2.gif);
}

/*    	   colone Droite		 */

#colDroite {
	float: left;
	width: 650px;
	padding: 115px 0px 0px 0px;
}

.introSavoir {
	width: 270px;
	margin: 10px 0px 20px 30px;
	font-size: 11px;
}

.specialite {
	border: 3px solid #fc0;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 16px;
	color: #666;
	font-size: 11px;
}
.specialite p{
	margin: 12px 0px 12px 0px;
}
.specialite-p{
	margin: 12px 0px 12px 0px;
	padding: 5px 10px 5px 16px;
	font-size: 11px;
}
.titre-specialite {
	color: #28a;
	font-weight: bold;
}
.colSF1  {
	border-right: 1px dashed #fc0;
	width: 280px;
}
.colSF2  {
	width: 330px;
}
.colSF1 , .colSF2 {
	float: left;
	margin: 12px 10px 20px 0px;
	padding: 0px 8px 16px 0px;
}
.colSF1 p , .colSF2 p {
	margin: 12px 0px;
	padding-left: 40px;
	color: #666;
	font-size: 11px;
}

.colSF1-p , .colSF2-p {
	margin: 12px 0px;
	padding-left: 40px;
	color: #666;
	font-size: 11px;
	}
.colSF1 ul , .colSF2 ul {
	margin: 0px 10px;
	padding: 0px 0px 0px 30px;
}
.colSF1 li , .colSF2 li {
	margin: 0px 16px;
	padding-left: 4px;
	color: #666;
	font-size: 11px;
	list-style-image: url(illus/puce-2.gif);
}
.titre-colSF {
	padding-left: 40px;
	background: url(illus/puce-1.gif) no-repeat 20px 2px scroll;
	font-weight: bold;
}

.bt_contact {
	clear: both;
	text-align: center;
}

/************************/
/*    	   CONTACT  	     */
/************************/

/*	 coordonnées	*/

.raisonSociale {
	margin: 50px 0px 10px 24px;
	font-size: 14px;
	font-weight: bold;
	color: #39a;
}
.coordonnees {
	margin: 10px 0px 30px 28px;
	font-size: 12px;
	padding-left: 40px;
	background: url(illus/ico_enveloppe.gif) no-repeat 0px 4px scroll;
}
.coordonnees a{
	color: #eb1;
}
.coordonnees a:hover{
	color: #39a;
}


.coordonnees.coordTel{
	background: url(illus/ico_tel.gif) no-repeat 0px 0px scroll;
	line-height: 30px;
}


#plan {
	float: left;
	width: 240px;
	text-align: center;
	margin: 60px 20px 20px 50px;
}
.lienPlan {
	font-size: 10px;
}

/*	 formulaire 		*/

#message {
	width: 330px;
	float: left;
}
label {
	display: block;
	border: 1px solid #fc0;
	background: #fff;
	margin: 8px 0px 0px;
	padding: 1px 4px;
	font-size: 11px;
	font-weight: bold;
	color: #39b;
	line-height: 12px;
}
.entree {
	background: #fff;
	line-height: 11px;
	padding: 0;
	border: 0;
	font-size: 10px;
}
.area {
	height: 40px;
	width: 100%;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
#Envoyer {
	border: 1px solid #fc0;
	padding: 0px 6px 0px;
	background: #39a;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}