body{
    font-size:1em;
    font-family:Verdana,Arial, Helvetica,sans-serif; /*Myriad Pro, Myriad, */
    color:#000;
}

body,html{width:100%;margin:0;text-align:center; height: 100%;}
a{color:#000;text-decoration:none;}

body{font-size:62.6%!important;}
h1 { font-size:1.8em; margin: 0; padding: 0;}
h2 { font-size:1.6em; margin: 0; padding: 0;}
h3 { font-size:1.4em; margin: 0; padding: 0;}
h4 { font-size:1.3em; }
h5 { font-size:1.2em; }
p { font-size:1.2em;line-height:1.6em; }

ul ,  li {
    list-style:none;
    padding:0;
    margin:0;
}
/*Paragraphe*/
.para{
	position: relative;
	overflow: hidden;
}
.para h3{
	font-size: 1.4em;
	color: #58585a;
	font-weight: bold;
	padding: 0 0 10px 0;
}
.para p{
	font-size:1.2em; margin: 0; padding: 0 0 15px 0; line-height: 1.6em;color: #58585a;
}
.para p a{
	text-decoration: underline;
	color: #aabb25;
}
.para p a:hover{
	text-decoration: none;
}
.para ul{
	 list-style: square url(../../images/ultramarina/picto_carre.png); font-size:1.2em; margin: 0; padding: 0 0 15px 15px; line-height: 1.6em; color: #58585a;
}
.para ul, .para li {
	list-style: square url(../../images/ultramarina/picto_carre.png);
}
.para ul li ul{
	 list-style-type:square; font-size:1.2em; margin: 0; padding: 0 0 15px 15px; line-height: 1em;	
}

.para .imgLeft{
	float: left;
	padding: 0 20px 20px 0;
}
.para .imgRight{
	float: right;
	padding: 0 0 20px 20px;
}
.para .imgAlone{
	text-align: center;
	padding: 0 0 20px 0;
}
.para .paraCode{
	float: left;
	padding: 0 20px 20px 0;
}

.dehors {
    position:absolute;
    left:-50000000;
    top:-5000000;
}
.cacher {display:block;margin-top:-5000px;position:absolute !important;margin-left:-50000px;width:1px; overflow:hidden; height:1px;}
img {border:0} 
.clearer {display:block; clear:both;font-size:0px;line-height:0px; } 
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

body{
	background: transparent url(../../images/ultramarina/back_body.png) center top repeat-x;
}

#super_global{
	position: relative;
	min-height: 100%;
	background: transparent url(../../images/ultramarina/back_footer.png) center bottom repeat-x;
}

#global{
 	width:939px;
    margin: 0 auto;
    min-height: 100%;
    text-align:left;
    background: #ffffff;
    position: relative;
    background: #FFFFFF url(../../images/ultramarina/back_largeur.png) 475px top repeat-y;
    z-index: 1;
}

#largeur {
	width:939px;
	position: relative;
	overflow: hidden;
	padding: 0 0 40px 0;
}
	#header{
		height: 150px;
		background: transparent url(../../images/ultramarina/back_header.png) left top repeat-x;
		position: relative;
	}
	
	#logo{
		padding: 45px 0 0 1px;
		float: left;
	}
	
	#langues{
		float: right;
		text-align: right;
		clear: right;
	}
	
	#langues ul{padding: 10px 0 0 0; list-style: none; list-image: none;}
	#langues li{display: inline;}
	
	#menu-principal{
		padding: 33px 0 0 0;
		float: right;
		clear: right;
	}
		#menu-principal ul{
			list-style: none;
			list-image: none;
			padding: 0;
			display: block;
			margin: 0;
			position: relative;
		}
		#menu-principal ul li{
			display: block;
			margin: 0 0 0 20px;
			float: left;
		}
		#menu-principal ul li a{
			line-height: 100%;
			display: block;
			padding: 3px 20px 5px 20px;
			font-weight: bold;
			color: #535355;
			font-size: 1.4em;
			background: #b9ce13;
		}
		#menu-principal ul li a:hover{
			background: none;
		}
		#menu-principal ul li.menu_liselect a{
			background: none;
		}

#titre{
	position: relative;
	clear: both;
	padding: 11px 0 0 1px;
}


#main{
	position: relative;
}
#main_left{
	float: left;
	width: 197px;
	margin: 30px 0 0 0;
	border-top: solid 1px #757577;
	padding: 27px 90px 0 12px;
}
	#main_left h3{
		color: #535355;
		font-size: 2em;
		font-weight: bold;
		font-style: italic;
		padding: 0 0 20px 0;
	}

	#main_left p{
		color: #58585a;
		font-size: 1.2em;
		lien-height: 1.6em;
	}
	
	#para_gauche{
		margin-bottom:30px;
	}
	
	#marque_list_agence{
		padding: 0 0 0 0;
		
	}
		#marque_list_agence div{
			padding: 0 0 7px 0;
		}
		#marque_list_agence div a{
			text-decoration:none;
		}
		#marque_list_agence div a img{
			border: solid 1px #c4b6a5;
		}
		#marque_list_agence div a:hover img{
			border: solid 1px #b9ce13;
		}	
		

#main_right{
	float: right;
	padding: 30px 0 0 0;
	width: 610px;
}
	#paragraphes{
		background: #ffffff;
		padding: 10px 20px 0 0;
	}

#footer{
    bottom: 0;
    left: 0;
    height: 40px;
    position: absolute;
    z-index: 0;
    width: 100%;
    background: transparent url(../../images/ultramarina/back_footer.png) center bottom repeat-x;
}

#footer_largeur{
 	bottom: 0;
    left: 0;
    height: 27px;
    position: absolute;
	width:939px;
    margin: 0 auto;
    text-align:left;
    padding: 13px 0 0 0;
    background: transparent url(../../images/ultramarina/back_footer.png) center bottom repeat-x;
}
	#footer_largeur ul{
		padding: 0;
		margin: 0;
		border-left: solid 1px #58585a;
		list-style: none;
		list-image: none;
		position: relative;
		overflow: hidden;
	}
		#footer_largeur ul li{
			border-right: solid 1px #58585a;
			display: block;
			float: left;
		}
			#footer_largeur ul li a{
				padding: 0 5px;
				display: block;
				color: #58585a;
			}
			#footer_largeur ul li a:hover{
				text-decoration: underline;
			}