/* Start of CMSMS style sheet 'css signe exterieur' */
@charset "UTF-8";
/* CSS Document */

body{
	margin:0;
	background-image:url(images/fond_site.jpg);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	/*font-variant:small-caps;*/
	background-color:#124981;
	color:#1f77b0;
	
}

.image_gauche{
      float:left;
      margin-right:10px;
}

.image_droite{
      float:right;
      margin-left:10px;
}

.image_flottante{
      position:absolute;
}

.no-border{
	border:0px;
}

.global{
	width:1024px;
	height:300px;
	margin:auto;
	positoon:relative;
}

.header{
	width:1024px;
	height:60px;
}

.logo{
	poisiton:relative;
	float:left;
	margin-top:7px;
}
.recherche{
	position:relative;
	float:right;
	margin-top:15px;
}

.menu{
	position:relative;
	float:right;
	margin-right:5px;
	font-size:15px;
       font-style:italic;
       font-weight:bolder;
}

.menu_element{
	background-image:url(images/menu_off.png);
	width:155px;
	margin-left:-24px;
	margin-top:0px;
	text-align:center;
	float:left;
	color:#009036;
        text-decoration:none;
}
.menu_element_on{
	background-image:url(images/menu_on.png);
	width:155px;
	margin-left:-24px;
	margin-top:0px;
	text-align:center;
	float:left;
	color:#FFFFFF;
        text-decoration:none;
}

.menu_element:hover{
	background-image:url(images/menu_on.png);
	width:155px;
	margin-left:-24px;
	margin-top:0px;
	text-align:center;
	float:left;
	cursor:pointer;
	color:#FFF;
        text-decoration:none;
}

.menu_element:visited{
	background-image:url(images/menu_off.png);
	width:155px;
	margin-left:-24px;
	margin-top:0px;
	text-align:center;
	float:left;
	color:#009036;
        text-decoration:none;
}

.content{
	width:1024px;
	margin:auto;
	margin-top:40px;
}

.haut_contenu{
	width:1024px;
	height:51px;
	background-image:url(images/haut_contenu.png);
}
.milieu_contenu{
	position:relative;
	width:1024px;
	
	background-image:url(images/milieu_contenu.png);
	background-repeat:repeat-y;
}

.bleu{
	color:#1f77b0;
}
.vert{
	color:#009036;
}

	.gauche{
		position:relative;
		float:left;
		width:250px;
		margin-left:20px;
		top:-30px;
	}
           .gauche a{
              text-decoration:none;
           }
           .gauche a:hover{
              text-decoration:none;
           }
           .gauche a:visited{
              text-decoration:none;
           }
		.haut_gauche{
			width:254px;
			height:20px;
			background-image:url(images/haut_gauche.png);
		}
		.contenu_gauche{
			width:254px;
			min-height:540px;
			background-image:url(images/milieu_gauche.png);
		}
			.services{
				position:relative;
				width:220px;
				margin-left:15px;
			}

                        .titre-service{
                             position:relative;
                             left:0px;
                             top:0px;
                         }

			.services h2{
				font-size:20px;
				color:#009036;
			}
			.p-img{
				border:#e5ec24 2px solid;
			}
			.stratifie{
				background-image:url(images/visuel_strat.jpg);
				position:relative;
				width:202px;
				height:152px;
				margin-left:10px;
				border:2px #e5ec24 solid;
			}
			
			.concession{
				background-image:url(images/visuel_concessionnaire.jpg);
				position:relative;
				width:202px;
				height:152px;
				margin-left:10px;
				border:2px #e5ec24 solid;
			}
			
			.contact{
				background-image:url(images/visuel_contact.jpg);
				position:relative;
				width:202px;
				height:152px;
				margin-left:10px;
				border:2px #e5ec24 solid;
			}
			
			.info{
				position:absolute;
				background-image:url(images/visuel_fond.png);
				width:202px;
				height:27px;
				bottom:2px;
                               left:0px;
			}
			
			.info table{
				color:#FFF;
				padding:1px;
				font-size:14px;
				margin-left:10px;
				margin-top:3px;
			}
		
		.bas_gauche{
			width:254px;
			height:20px;
			background-image:url(images/bas_gauche.png);
		}
	.droite{
		position:relative;
		float:left;
		width:700px;
		margin-left:25px;
		
	}
               .droite img{
                    border:2px #e5ec24 solid;
               }
		.droite h1{
			padding:0px;
			margin:0px;
			margin-bottom:10px;
			font-size:24px;
		}
		.separateur{
			position:relative;
			width:700px;
			height:2px;
			background-color:#009036;
		}
		.arianne{
			position:relative;
			margin-top:5px;
			font-size:14px;
                        color:#1f77b0;
                        text-decoration:none;
		}
                .lastitem{
                        color:#1f77b0;
                        text-decoration:none;
                }
		.arianne a{
			color:#1f77b0;
			text-decoration:none;
		}
		.arianne a:hover{
			color:#1f77b0;
			text-decoration:underline;
		}
		
		.arianne span{
			color:#009036;
		}
		
		.contenu{
			position:relative;
			margin-top:10px;
			text-align:justify;
			font-size:12px;
		}
      

.contextuel{
	float:right;
	padding-left:10px;
	
}

.contextuel a{
      color:#009037;
      text-decoration:none;	
}
.contextuel a:hover{
      color:#009037;
      text-decoration:underline;	
}
.contextuel a:visited{
      color:#009037;
      text-decoration:none;	
}

.element-menu{
color:#009037;
text-decoration:none;
}


.haut-contexte{
		min-width:172px;
		height:13px;
		background-image:url(images/haut-contexte.png);
                background-repeat:repeat-y;
	}
	.milieu-contexte{
		min-width:172px;
                background-repeat:repeat-y;
		background-image:url(images/milieu-contexte.png);
	}
		.sous-titre{
			margin-left:20px;
			color:#009037;
			font-size:16px;
			/*font-weight:bold;*/
                        text-decoration:none;
		}
               .sous-titre:hover{
			margin-left:20px;
			color:#009037;
			font-size:16px;
			/*font-weight:bold;*/
                        text-decoration:underline;
		}
	.bas-contexte{
		min-width:172px;
		height:14px;
		background-image:url(images/bas-contexte.png);
                background-repeat:repeat-y;
	}

.bas_contenu{
	width:1024px;
	height:39px;
	position:relative;
	background-image:url(images/bas_contenu.png);
}
	.footer{
		width:1024px;
		height:20px;
		position:relative;
		text-align:center;
		top:13px;
		color:#FFF;
		font-size:12px;
	}
	.footer a{
		color:#FFF;
		text-decoration:none;
	}
	.footer a:hover{
		color:#FFF;
		text-decoration:underline;
	}
/* End of 'css signe exterieur' */