License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background: url("images/fondAzur.jpg") no-repeat scroll 0 0 transparent;
	font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fff;
	margin:0;
	padding:0;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
#box {
width:100%;
margin:0 auto;
}
#top {
/*width:660px;
height:16px;
background-image:url(images/bgtop.jpg);
background-repeat:no-repeat;*/
display:none;
}
#middle {
width:100%;
}
#bottom {
	background: url("images/Bandeaubas-Azur.png") no-repeat scroll center top transparent;
    height: 245px;
    width: 100%;
    margin-top: -170px;
}

#lien_bas {
	height: 245px;
	width:900px;
	margin:0 auto;
	}
#trigger_form {
	margin-top:25px;
	height: 80px;
	width:300px;
	float:right;
	cursor:pointer;
	}
	
#nav {
width:900px;
height:130px;
margin:0 auto;
}
#nav #logo {
display:inline;
float:left;
display:none;
}
#nav #logo h1 {
padding:0;
margin: 14px 0 0 10px;
font-size:13px;
color:#FFFFFF;
text-transform:uppercase;
}
#nav #logo h1 a{
color:#FFFFFF;
text-decoration:none;
}
#nav #logo h1 span{
color:#999;
}
#nav #menu,  #surcouche1 #menu{
display:inline;
float:right;
    margin-top: 100px;
}
#surcouche1 #lien_logo{
display:inline;
float:left;
height:200px;
width:330px;
}
#nav #menu ul,  #surcouche1 #menu ul{
padding:0;
margin:16px 10px 0 0;
font-size:12px;
}
#nav #menu ul li,  #surcouche1 #menu ul li{
list-style-type:none;
display:inline;
font-weight:bolder;
margin-left: 10px;
text-transform:uppercase;
}
#nav #menu ul li a,  #surcouche1 #menu ul li  a{
text-decoration:none;
color:#FFFFFF;
}
#nav #menu ul li a:hover,  #surcouche1 #menu ul li a:hover{
background-color:#FFF;
color:#000033;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
#main_img {width:100%;height:180px;margin:0 auto;background: url("images/bandeau_accueil.png")no-repeat center center #FFF; }

div#middle div.location {background: url("images/location.png")no-repeat center center #FFF;}
div#middle div.devis {background: url("images/voyage.jpg")no-repeat center center #FFF;}
div#middle div.qualite {background: url("images/qualite.png")no-repeat center center #FFF;}
div#middle div.contact {background: url("images/contact.png")no-repeat center center #FFF;}
div#middle div.lien{background: url("images/liens.png")no-repeat center center #FFF;}
#main_text {width:900px;;background:url(images/fond-contenusite-azur.png) no-repeat  left -250px ;margin:2px auto;padding:0px 0px 40px 0px ;}
#main_text p {margin:0px 0px 30px 0px;padding:0;line-height:1.2em;}
#main_text p a{color:#FFFFFF;text-decoration:none;}
#main_text h2 {    font-size: 13px;
    margin: 20px 0;
    padding: 0;}
#welcome {;padding: 10px 20px;font-size:13px;color:#333;margin-bottom:50px;}
#devis {     
	background: url("images/Cadre-devis-home-Azur.png") no-repeat scroll left top transparent;
    height: 710px;
    margin: 50px 0 0 30px;
    width: 350px;
    color:#333;}

#main_img2 {width:630px;height:320px;margin:0 auto;}
#main_text2 {width:630px;height:156px;background-color:#000033;margin:0 auto;}
#main_text2 p {margin:0;padding:0;}
#main_text2 p a{color:#FFFFFF;text-decoration:none;}
#main_text2 h2 {margin:0;padding:0;color:#CCCCCC;font-size:14px;}


#main_img3 {width:630px;height:250px;margin:0 auto;}
#main_text3 {width:630px;height:226px;background-color:#000033;margin:0 auto;}
#main_text3 p {margin:0;padding:0;}
#main_text3 p a{color:#FFFFFF;text-decoration:none;}
#main_text3 h2 {margin:0;padding:0;color:#CCCCCC;font-size:14px;}


#main_img4 {width:630px;height:200px;margin:0 auto;}
#main_text4 {width:630px;height:276px;background-color:#000033;margin:0 auto;}
#main_text4 p {margin:0;padding:0;}
#main_text4 p a{color:#FFFFFF;text-decoration:none;}
#main_text4 h2 {margin:0;padding:10px 0;color:#CCCCCC;font-size:15px;}


#main_img5 {width:630px;height:430px;margin:0 auto;}
#main_text5 {width:630px;height:46px;background-color:#000033;margin:0 auto;}
#main_text5 p {margin:0;padding:0;}
#main_text5 p a{color:#FFFFFF;text-decoration:none;}
#main_text5 h2 {margin:0;padding:0;color:#CCCCCC;font-size:14px;}
#welcome img{border-style: none;}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
#footer {
text-align:center;
color:#333;
clear:both;
display:none;
}
#footer a{
text-decoration:none;
color:#333;
}

/*for innerpages*/
#inner_box {
width:660px;
margin:0 auto;
}
#inner_middle {
width:660px;
background-image:url(images/bgbody.jpg);
display:table;
color:#333333;
}
#left {
float:left;
width:450px;

}
#left2 {
float:left;
width:650px;

}

#left p{
width:400px;
margin:10px 0 10px 30px;
text-align:justify;
font-size:12px;
padding:0;
}
#left a{
text-decoration:none;
}
#left img{
margin:0;
padding:10px 10px 0px 10px;
border-style: none;
}

#left h2 {
width:400px;
margin: 0 0 0 30px;
font-size:16px;
padding:20px 0 0 0;
}

form{padding:30px 0 0 20px;
}

tr.titre td{
	padding-top:6px;
	}
	
td.envoi{
	background:url("images/Bouton-envoyermademande-azur.png") no-repeat center center;
	height:80px;
	cursor:pointer;
	}
input[type=text] {
			background-color: #FAFAFA;
			color: #999999;
			border: 1px solid #CCC;
			font-size: 10px;
			padding: 3px;
			width:80%;
			
		}
input[type=text].grand{
	width:90%;
	}
		
		select, checkbox {
			background-color: #FFF;
			color: #999999;
			border: 1px solid #CCC;

		}
		
		input.textbox {
			background-color: #FFF;
			width: 95px;
			color: #999999;
			border: 1px solid #CCC;
			font-size: 11px;
			padding: 3px;
			
		}
		
		textarea {
			background-color: #FAFAFA;
			width: 290px;
			color: #999999;
			border: 1px solid #CCC;
			font-size: 11px;
			padding: 3px;
			
		}
		.button {
			
			padding: 2px;
		}

#right {
float:right;
width:200px;
font-size:12px;
}
#right h3 {
font-size:13px;
border-bottom:1px #333 solid;
width:140px;
margin:0;
padding:20px 0 0 0;
}

#right img{
margin:0;
padding:10px 15px 0 0;
text-decoration:none;
}
#right ul{
margin:0;
padding:5px 0 20px 20px;
font-size:10px;
list-style-type:square;
}
#right ul li a{
color:#333;
text-decoration:none;
}
#right ul li a:hover{
text-decoration:underline;
}
#voyage {
width:630px;
height:112px;
background-image:url(images/voyage.jpg);
background-repeat:no-repeat;
margin:0 auto;
}
#location {
width:630px;
height:112px;
background-image:url(images/location.jpg);
background-repeat:no-repeat;
margin:0 auto;
}
#surcouche1{
	margin:0 auto;
	width:100%;
	position:absolute;
	height:200px;
	top:0;
	left:0;
	}

#surcouche1>div{
	margin:0 auto;
	width:900px;
	height:100%;
	top:0;
	background: url("images/Logo-azurEvasion.png") no-repeat scroll left top  transparent;
}

#surcouche2{
	margin:0 auto;
	width:100%;
	position:absolute;
	height:300px;
	top:0;
	left:0;
	}

#surcouche2>div{    
	background: url("images/Etoilesdiaporama-azur2.png") no-repeat scroll right 80% transparent;
    height: 100%;
    margin: 0 auto;
    padding-right: 100px;
    top: 0;
    width: 950px;
}