html, body{
	margin:0;
	padding:0;
	text-align:center;
	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-family: Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:10px;
	
}


body{
	background-color:white;
	background-image:url(img/bandeau-top.jpg);
	background-repeat:repeat-x;
	padding-bottom:1em;
}


#container{
	text-align:center;
	width:910px;
	margin:0 auto;
	position:relative;

}
img{
	border:none;
}
h1{
	font-size:2.5em;
}
h2{
	font-size:2.2em;
}
h1, h2{
	font-weight:normal;
	padding:5px 0 10px 40px;
	background-image:url(img/red-arrow.png);
	background-repeat:no-repeat;
	background-position:0 5px;
}
h1.popup{
	background-image:none;
	font-size:1.4em;
	color:white;
}
h3{
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.5em;
	background-image:url(img/small-phone.gif);
	background-repeat:no-repeat;
	padding:10px 10px 8px 41px;
	background-position:10px 50%;
	float:left;
	margin-top:0px;
	position:relative;
	top:15px;
}
#firstH3{
	margin-left:110px;
}
h4{
	width:305px;
	font-size:1.7em;
	margin-left:25px;
	line-height:1.3em;
	margin-top:8px;
}
#popupBody h4{
	width:auto;
	font-size:1.3em;
	margin-top:0px;
}
h5{
	font-size:1.8em;
	font-weight:bold;
	padding:4px 0;
}
h6{
	clear:both;
	text-transform:uppercase;
	font-size:1.2em;
	padding:22px 0 10px 10px;
}
ul, ol{
	list-style-type:none;
	padding:0;
	margin:0;
	text-indent:0;
}

li{
	text-indent:0;
	float:left;
	padding:0 5px;
	background-color:none;
}
.listePays{
	padding:1px 0 1px 30px;
}
.listePays  li{
	padding: 4px;
	font-size:1.1em;
}
a{
	color:black;
}


p{
	line-height:1.5em;
}



/*/////STRUCTURE///////*/

#header{
	height:117px;
}







/*
	///////HEADER//////
*/
#logo{
	float:left;
	position:relative;
	top:13px;
}

#logo-box{
	width:601px;
	height:61px;
	background-repeat:no-repeat;
	background-image:url(img/bg-logos.png);
	float:right;
	padding-top:15px;
	position:relative;
	top:20px;
}
#logo-box img{
	margin:0 12px;
}

#smallMenu{
	position:relative;
	font-size:1.4em;
	top:3px;
	float:right;
}
#smallMenu a,
#smallMenu span{
	color:white;
	text-decoration:none;
	padding:0 3px;
	cursor:pointer;
}

/*
	///////BOXES//////
*/

.bigBox{
	padding:15px 0 10px 0;
	text-align:left;
}

.white-box-top{
	padding-top:31px;
	background-image:url(img/bg-white-box-top.png);
	background-repeat:no-repeat;
}

.white-box-middle{
	background-image:url(img/bg-white-box-middle.png);
	padding:0 33px;
}

.white-box-bottom{
	padding-top:35px;
	background-image:url(img/bg-white-box-bottom.png);
	background-repeat:no-repeat;
	
}


.onglet-box-top{
	background-image:url(img/bg-onglet-box-top.png);
	background-repeat:no-repeat;

}
#falseForm{
	position:relative;
	top:12px;
	width:430px;
	text-align:center;
	height:105px;
	

}
.mobileBackground{
	background-image:url(img/big-bg-mobile.gif);
	background-repeat:no-repeat;
	background-position:center center;
	height:100%;
}


#facture-box{
	float:right;
	width:450px;
	height:54px;
	text-align:middle;
	background-image:url(img/bg-comment-facture.png);
	background-repeat:no-repeat;
	background-position:50% 17px;
	padding:30px 0 10px 0;
	font-size:1.7em;
	font-weight:bold;
}

#lienPopin{
	cursor:pointer;
}
#reponseFacture{
	display:none;
	/*position:absolute;*/
	
}
#bigWindow{
	cursor:pointer;
	position:absolute;
	height:1500px;
	width:200%;
	background-color:#000000;
	opacity:0.25;
	filter:alpha(opacity=25);
	z-index:100;
	top:0px;
	left:0px;
}
#popin{
	position:absolute;
	width:907px;
	height:238px;
	top:340px;
	right:0px;
	background-image:url(img/popin.png);
	z-index:1000;
}
#popin p{
	font-size:1.6em;
	text-align:center;
	padding:15px 190px 10px;
}
#closer{
	cursor:pointer;
	position:absolute;
	right:10px;
	top:8px;
}

/*//////////------BOX TARIFAIRE-------/////////*/


#box-tarifaire{
	position:relative;
	width:837px;
	height:230px;
	background-image:url(img/boxes-prices.png);
	background-repeat:no-repeat;
	margin-top:15px;
	left:5px;
}
#box-tarifaire-dom{
	position:relative;
	width:837px;
	height:230px;
	background-image:url(img/boxes-prices-dom.png);
	background-repeat:no-repeat;
	margin-top:15px;
	left:210px;
}
.boxOperateur{
	position:absolute;
	height:230px;
}
#box-simplicitel{
	width:415px;
}
#box-telefute{
	width:410px;
	left:427px;
}
#box-telefute-dom{
	width:410px;
}
#tarif-telefute,
#tarif-simplicitel{
	background-image:url(img/bg-price.png);
	background-repeat:no-repeat;
	width:163px;
	height:146px;
	position:relative;
	left:20px;
	top:15px;
	float:left;
}

span.chiffre{
	font-size:5em;
	font-weight:bold;
	position:absolute;
	top:45px;
	display:block;
	width:60%;
	text-align:right;
}
span.unite{
	display:block;
	font-size:2em;
	position:absolute;
	left:62%;
	top:47px;
}
span.tarifLocal{
	font-size:3em;
	font-weight:bold;
	position:absolute;
	top:45px;
	display:block;
	text-align:center;
	width:163px;
}
span.asterisk{
	color:black;
	font-size:0.7em;
	font-weight:normal;
	position:relative;
	top:-5px;
	left:5px;
}
.boxOperateur p {
	/*position:absolute;
	left:191px;
	top:122px;
	*/
	position:relative;
	left:28px;
	top:45px;
	width:215px;
	font-size:1.7em;
	float:left;
}




#annexe-dom-tom{
	position:relative;
	top:15px;
}





.colorDark{
	color:#bb1557;
}
.colorLight{
	color:#e9467c;
}
.colorWhite{
	color:white;
}
.clear{
	clear:both;
	line-height:1px;
}
#pave-referencement{
}

.vAlign{
}
.center{
	text-align:center;
}
#sansvousruiner{
	position:relative;
	top:-3px;
	left:4px;
}
.strong{
	font-weight:bold;
}











/*///////////////CONTACT FORM/////*/








#contactForm{
	margin-left:150px;
	margin-top:2em;
	width:500px;
}
#contactForm fieldset{
	padding:20px 20px 20px 20px;
	position:relative;
	border:1px solid #ddd;
}
legend{
	font-size:1.6em;
}
#contactForm label{
	float:left;
	display:block;
	width:80px;
	clear:left;
	margin-top:10px;
	cursor:pointer;
	font-weight:bold;
	font-size:1.3em;
	line-height:1.7em;
}
.inputRight{
	width:300px;
}
textarea, .inputRight, #boutonValidation{
	float:right;
	clear:right;
	margin-top:7px;
}
#boutonValidation{
	cursor:pointer;
}
.notValid{
	background-color:red;
}
#alert{
	display:block;
	visibility: hidden;
	clear:both;
	color:red;
	padding:5px 0 0 0;
}
fieldset small{
	font-style:italic;
	display:block;
	clear:both;
	font-size:1.1em;
}
#alertSendMail{
	font-size:2em;
}
#tablePopup{
	background-color:white;
	border-left:6px solid white;
	border-right:6px solid white;
}

.aboutDestination{
	font-size:1.3em;
	font-style:italic;
	padding-left:40px;
}


#listePartenaires p{
	padding:0.5em 0em 0.5em 50px;
}

