body { 
	background: #ffffff;
	text-align: center;
	margin: 0 auto 0 auto;
   font-family: "HelveticaNeue", Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
	font-size: 12px;
	color: #c2c8d2;
	letter-spacing: 1px;
}
hr.spip {
	visibility:hidden;
}

a img{border: none;}

a:link {
	color: #ffffff;
	text-decoration: none;
}

a:visited {
	color: Lime;
}

a:hover {
	color: #c7b299;
}

a:active {
	color: #02cb19;
}

#menuhaut .accueil {
	color: #FFA500;
	text-decoration: none;
	font-weight: bold;
	margin-right: 6px;
}
#menu-fr-en {
	text-align: left;
	width: 300px;
	height: 30px;
	clear: both;
	padding-left: 20px;
}

h1 {
	color: #e2001a;
	font-size: 1.5em;
	text-transform: uppercase;
}

h2 {
	color: #e2001a;
	font-size: 1.5em;
}


.spip_logos {
	margin-bottom: 20px;
 }


#mainpage {
	width: 1000px;
	height: 630px;
	background-image: url(images/fond.jpg);
	background-repeat: no-repeat;
	margin: 0 auto 0 auto;
}

#header {
	float: left;
	width: 1000px;
	height: 89px;
	background: url(images/header.gif) no-repeat;
}

#contenu {
	position: relative;	
	width: 1000px;
	height: 480px;
	float: left;
	clear: both;
}

#contenu p {
	padding-left: 5px;
}

#spacer-haut {
	height: 52px;
}

#spacer-bas {
	height: 20px;
	clear: both;
}

#vignettes {
	float: left;
	width: 818px;
}

#metamorphose {
	float: right;
	width: 182px;
}

#contenu-principal-sans-cadre {
	width: 1000px;
	height: 380px;
	margin: 0;
	padding: 0px;
	text-align: left;
	margin-left: 0px;
	margin-right: 40px;
	clear: both;
}

#contenu-principal-cadre {
	width: 1000px;
	height: 460px;
	margin: 0;
	padding: 0px;
	text-align: left;
	background-image: url(images/fond-cadre.jpg);
	background-repeat: no-repeat;	
	clear: both;
}

#contenu-principal-cadre h1 {
	color: #c7b299;
	font-size: 1.5em;
}

.clear {
	clear: both;
}

#helico-flotte {
	float: left;
	width: 300px;
	height: 400px;
	margin: 0px;
	padding: 0px;
}

#titre-rubrique {
	width: 700px;
	height: 50px;
	color: #c7b299;
	font-size: 1.5em;
	text-transform: uppercase;
}

#texte-rubrique {
	width: 900px;
	float: left;
	padding-left: 40px;
}
#helico1 {
	float: left;
	width: 350px;
	height: 350px;
}

#helico2 {
	float: left;
	width: 350px;
	height: 350px;
}

#articlegen {
	float: left;
	width: 660px;
	height: 385px;
	overflow: auto;
}

#contenu-principal-rubrique5 {
	position: relative;
	width: 1000px;
	height: 460px;
	margin: 0;
	padding: 0px;
	text-align: left;
	background-image: url(images/nos-valeurs-01.jpg);
	background-repeat: no-repeat;
}

.logovaleurs{
	float: left;
	width: 35px;
}

.textevaleurs{
	float: left;
	width: 155px;
}

.textevaleurs p{
	margin: 0px;
	padding: 0px 5px;
}
#valeur {
	width: 100%;
	position: absolute; top: 130px; left: 12px;
}

#valeur1 {
	float: left;
	width: 190px;
}

#valeur2 {
	float: left;
	width: 190px;
}

#valeur3 {
	float: left;
	width: 190px;
}

#valeur4 {
	float: left;
	width: 200px;
}

#valeur5 {
	float: left;
	width: 190px;
}

#contenu-principal-rubrique7 {
	position: relative;
	width: 1000px;
	height: 460px;
	margin: 0;
	padding: 0px;
	text-align: left;
	background-image: url(images/fond-missions.jpg);
	background-repeat: no-repeat;
}

#texte-rubrique7{
	width: 900px;
	position: absolute; top: 120px; left: 50px;
}
#contenu-principal-rubrique8 {
	position: relative;
	width: 1000px;
	height: 460px;
	margin: 0;
	padding: 0px;
	text-align: left;
	background-image: url(images/fond-flotte.jpg);
	background-repeat: no-repeat;
}

#contenu-principal-noustrouver {
	position: relative;
	width: 1000px;
	height: 460px;
	margin: 0;
	padding: 0px;
	text-align: left;
	background-image: url(images/fond-acces.jpg);
	background-repeat: no-repeat;
}

#carte-noustrouver {
	width: 350px;
	height: 350px;
	position: absolute; top: 68px; left: 46px;		
}

#noustrouver-fromentine {
	width: 300px;
	height: 200px;
	position: absolute; top: 68px; left: 500px;		
}

#noustrouver-yeu {
	width: 300px;
	height: 200px;
	position: absolute; top: 320px; left: 500px;		
}

#contenu-principal-rubrique19 {
	position: relative;
	width: 1000px;
	height: 460px;
	margin: 0;
	padding: 0px;
	text-align: left;
	background-image: url(images/fond-tours.jpg);
	background-repeat: no-repeat;
}

#vignette-tours {
	width: 650px;
	height: 300px;
	position: absolute; top: 50px; left: 85px;		
}

#contenu-principal-touristiques {
	position: relative;
	width: 1000px;
	height: 460px;
	margin: 0;
	padding: 0px;
	text-align: left;
	background-image: url(images/fond-touristiques.jpg);
	background-repeat: no-repeat;
}

#vignette-touristiques {
	width: 950px;
	height: 300px;
	position: absolute; top: 110px; left: 35px;		
}

#contenu-principal-aerien {
	position: relative;
	width: 1000px;
	height: 460px;
	margin: 0;
	padding: 0px;
	text-align: left;
	background-image: url(images/fond-travail-aerien.jpg);
	background-repeat: no-repeat;
}

#vignette-aerien {
	width: 950px;
	height: 300px;
	position: absolute; top: 110px; left: 35px;		
}
#recompensee {
	width: 950px;
	position: absolute; top: 20px; left: 46px;
}

#introrecompensee{
	margin-top: 10px;
}
#recompensee p{
	width: 90%;
	margin: 0px;
	padding: 5px 5px 0 10px;
}

#recompensee span {
	color: #c7b299;
	font-size: 1.5em;
	text-transform: none;
}

.texterecompensee h2{
	color: #c7b299;
	font-size: 1.3em;
	text-transform: none;
	padding: 0 0 0 10px;
}


#recompensee1 {
	float: left;
	width: 310px;
}

#recompensee2 {
	float: left;
	width: 310px;
}

#recompensee3 {
	float: left;
	width: 290px;
}

#menu-transport {
	float: right;
	padding-top: 20px;
	margin-right: 20px;
}

#menutrans {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	line-height: 25px;
	text-transform: uppercase;
	background-color: #0b2149;
	text-align: center;
}

#menutrans a {
	color: #c2c8d2;
	text-decoration: none;

}

#menutrans a:hover {
	color: Red;
	text-decoration: none;
}

#menutrans .on {
	color: #c7b299;
	text-decoration: none;
}

#menutrans li{
	display: inline;
	margin: 0px 5px;
}

#menu-transport-promos {
	width: 62px;
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	line-height: 25px;
	text-transform: uppercase;
	background-color: #00ff00;
	text-align: center;
}

#menu-transport-promos a {
color: #0b2149;
}

#menu-transport-promos visited {
color: #ffffff;
} 

#menu-transport-promos li{
	display: inline;
	margin: 0px 3px;
}

.promos {
	color: #0b2149;
	background-color: #00ff00;
}

#contenu-principal-cadre-promos {
	width: 1000px;
	height: 460px;
	margin: 0;
	padding: 0px;
	text-align: left;
	background-image: url(images/fond-cadre-promos.jpg);
	background-repeat: no-repeat;	
	clear: both;
}

#promos {
	position: relative;
}

#texte-promos {
	width: 100px;
	height: 350px;
	position: absolute; top: 100px; left: 48px;	
}

#texte-promos span {
	color: #c7b299;
	font-size: 1em;
	text-transform: none;
}

#tableau-horaires {
	width: 700px;
	height: 340px;
	position: absolute; top: 50px; left: 200px;
}

#menu-transport-promo {
	width: 550px;
	height: 30px;
	position: absolute; top: 400px; left: 430px;	
}

#menu-transport-promos-on {
	width: 62px;
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	line-height: 25px;
	text-transform: uppercase;
	background-color: #0b2149;
	text-align: center;
}

#menu-transport-promos-on li{
	display: inline;
	margin: 0px 3px;
}
.promos-on {
	color: #00ff00;
	background-color: #0b2149 ;
}

#contenu-principal-cadre-tarifs {
	width: 1000px;
	height: 460px;
	margin: 0;
	padding: 0px;
	text-align: left;
	background-image: url(images/fond-tarifs.jpg);
	background-repeat: no-repeat;	
	clear: both;
}

#contenu-principal-cadre-tarifs h1 {
	color: #c7b299;
	font-size: 1.5em;
	padding-left: 2px;
}

#tarifs {
	width: 950px;
	position: absolute; top: 80px; left: 46px;
}

#contenu-tarifs {
	width: 715px;
	height: 310px;
	overflow: auto;
}

#contenu-principal-danger {
	width: 1000px;
	height: 460px;
	margin: 0;
	padding: 0px;
	text-align: left;
	background-image: url(images/fond-danger.jpg);
	background-repeat: no-repeat;	
	clear: both;
}


#danger {
	width: 950px;
	position: absolute; top: 40px; left: 20px;
}

#contenu-danger {
	width: 950px;
	height: 359px;
	overflow: auto;
}

#contenu-principal-cadre-decouverte {
	width: 1000px;
	height: 460px;
	margin: 0;
	padding: 0px;
	text-align: left;
	background-image: url(images/fond-decouverte.jpg);
	background-repeat: no-repeat;	
	clear: both;
}

#decouverte {
	position: relative;
}

#diaporama-decouverte {
	width: 300px;
	height: 260px;
	position: absolute; top: 50px; left: 45px;	
}
#decouverte2 h2 {
	color: #c7b299;
	font-size: 1.3em;
	padding-left: 2px;
}
#decouverte1 {
	width: 470px;
	height: 280px;
	position: absolute; top: 150px; left: 400px;
}

#decouverte2 h2 {
	color: #c7b299;
	font-size: 1.3em;
	padding-left: 2px;
}

#decouverte2 {
	width: 900px;
	height: 280px;
	position: absolute; top: 300px; left: 45px;
}

#contenu-principal-cadre-billeterie {
	width: 1000px;
	height: 460px;
	margin: 0;
	padding: 0px;
	text-align: left;
	background-image: url(images/fond-billetterie.jpg);
	background-repeat: no-repeat;	
	clear: both;
}

#telresa {
	width: 280px;
	height: 280px;
	position: absolute; top: 260px; left: 25px;
}

#contenu-billeterie {
	width: 630px;
	height: 280px;
	position: absolute; top: 25px; left: 325px;
}

#menu-transport-billeterie {
	width: 550px;
	height: 30px;
	position: absolute; top: 400px; left: 424px;	
}
#contenu-principal-cadre-embarquement {
	width: 1000px;
	height: 460px;
	margin: 0;
	padding: 0px;
	text-align: left;
	background-image: url(images/fond-embarquement.jpg);
	background-repeat: no-repeat;	
	clear: both;
}

#embarquement {
	width: 950px;
	position: relative;
}

#danger-clic {
	float: left;
	width: 53px;
	height: 21px;
	position: absolute; top: 87px; left: 895px;
}

#embarquement1 {
	float: left;
	width: 290px;
	height: 250px;
	position: absolute; top: 120px; left: 50px;
	overflow: auto;
}

#embarquement2 {
	float: left;
	width: 287px;
	height: 250px;	
	position: absolute; top: 120px; left: 368px;	
	overflow: auto;
}

#embarquement3 {
	float: left;
	width: 263px;
	height: 250px;
	position: absolute;
	top: 120px;
	left: 694px;
	overflow: auto;
}

#menu-transport-embarquement {
	width: 550px;
	height: 30px;
	position: absolute; top: 400px; left: 424px;	
}

#contenu-principal-cadre-noirmoutier {
	width: 1000px;
	height: 460px;
	margin: 0;
	padding: 0px;
	text-align: left;
	background-image: url(images/fond-noirmoutier.jpg);
	background-repeat: no-repeat;	
	clear: both;
}

#noirmoutier {
	position: relative;
}

#diaporama-noirmoutier {
	width: 300px;
	height: 260px;
	position: absolute; top: 60px; left: 45px;	
}
#noirmoutier h2 {
	color: #c7b299;
	font-size: 1.3em;
	padding-left: 2px;
}
#noirmoutier1 {
	width: 490px;
	height: 280px;
	position: absolute; top: 120px; left: 380px;
}

#noirmoutier2 {
	width: 900px;
	height: 80px;
	position: absolute; top: 350px; left: 45px;
}

#contenu-principal-cadre-yeu {
	width: 1000px;
	height: 460px;
	margin: 0;
	padding: 0px;
	text-align: left;
	background-image: url(images/fond-yeu.jpg);
	background-repeat: no-repeat;	
	clear: both;
}

#yeu {
	position: relative;
}

#diaporama-yeu {
	width: 300px;
	height: 260px;
	position: absolute; top: 60px; left: 45px;	
}
#yeu h2 {
	color: #c7b299;
	font-size: 1.3em;
	padding-left: 2px;
}
#yeu1 {
	width: 490px;
	height: 150px;
	position: absolute; top: 120px; left: 378px;
}

#yeu2 {
	width: 900px;
	height: 80px;
	position: absolute; top: 350px; left: 45px;
}

#contenu-principal-presentation {
	position: relative;
	width: 1000px;
	height: 460px;
	margin: 0;
	padding: 0px;
	text-align: left;
	background-image: url(images/fond-presentation.jpg);
	background-repeat: no-repeat;
}

#texte-presentation {
	width: 932px;
	height: 350px;
	position: absolute; top: 60px; left: 37px;		
}

#contenu-principal-reportage {
	position: relative;
	width: 1000px;
	height: 460px;
	margin: 0;
	padding: 0px;
	text-align: left;
	background-image: url(images/fond-reportage.jpg);
	background-repeat: no-repeat;
}

#texte-reportage {
	width: 550px;
	height: 300px;
	position: absolute; top: 65px; left: 390px;		
}

#contenu-principal-levage {
	position: relative;
	width: 1000px;
	height: 460px;
	margin: 0;
	padding: 0px;
	text-align: left;
	background-image: url(images/fond-levage.jpg);
	background-repeat: no-repeat;
}

#texte-levage {
	width: 550px;
	height: 300px;
	position: absolute; top: 65px; left: 390px;		
}

#contenu-principal-transportfret {
	position: relative;
	width: 1000px;
	height: 460px;
	margin: 0;
	padding: 0px;
	text-align: left;
	background-image: url(images/fond-transportfret.jpg);
	background-repeat: no-repeat;
}

#texte-transportfret {
	width: 550px;
	height: 300px;
	position: absolute; top: 65px; left: 390px;		
}

#contenu-principal-para {
	position: relative;
	width: 1000px;
	height: 460px;
	margin: 0;
	padding: 0px;
	text-align: left;
	background-image: url(images/fond-para.jpg);
	background-repeat: no-repeat;
}

#texte-para {
	width: 550px;
	height: 300px;
	position: absolute; top: 65px; left: 390px;		
}

#nav-travailaerien {
	width: 350px;
	height: 100px;
	position: absolute; top: 320px; left: 37px;		
}

#contenu-principal-contacter {
	width: 1000px;
	height: 460px;
	margin: 0;
	padding: 0px;
	text-align: left;
	background-image: url(images/fond-contacter.jpg);
	background-repeat: no-repeat;	
	clear: both;
	position: relative;
}

#texte-contacter {
	width: 350px;
	height: 200px;
	position: absolute; top: 190px; left: 90px;
}

#contenu-meteo {
	width: 1000px;
	height: 460px;
	margin: 0;
	padding: 0px;
	text-align: left;
	background-image: url(images/fond-meteo.jpg);
	background-repeat: no-repeat;	
	clear: both;
	position: relative;
}

#carte-meteo {
	width: 520px;
	height: 250px;
	position: absolute; top: 100px; left: 250px;
}

#contenu-principal-vendee {
	width: 1000px;
	height: 460px;
	margin: 0;
	padding: 0px;
	text-align: left;
	background-image: url(images/fond-vendee.jpg);
	background-repeat: no-repeat;	
	clear: both;
	position: relative;
}

#texte-vendee {
	width: 895px;
	height: 320px;
	position: absolute; top: 113px; left: 75px;
}

#contenu-principal-bases {
	width: 1000px;
	height: 460px;
	margin: 0;
	padding: 0px;
	text-align: left;
	background-image: url(images/fond-nosbases.jpg);
	background-repeat: no-repeat;	
	clear: both;
	position: relative;
}

#texte-bases {
	width: 630px;
	height: 320px;
	position: absolute; top: 80px; left: 100px;
}

#contenu-principal-references {
	width: 1000px;
	height: 460px;
	margin: 0;
	padding: 0px;
	text-align: left;
	background-image: url(images/fond-references.jpg);
	background-repeat: no-repeat;	
	clear: both;
	position: relative;
}

#texte-reference {
	width: 800px;
	height: 50px;
	position: absolute; top: 60px; left: 100px;
}

#reference1 {
	width: 400px;
	height: 360px;
	position: absolute; top: 110px; left: 100px;
	overflow: auto;
}

#reference2 {
	width: 370px;
	height: 360px;
	position: absolute; top: 110px; left: 520px;
	overflow: auto;	
}

#contenu-principal-continent {
	width: 1000px;
	height: 460px;
	margin: 0;
	padding: 0px;
	text-align: left;
	background-image: url(images/fond-partenaire-continent.jpg);
	background-repeat: no-repeat;	
	clear: both;
	position: relative;
}

#continent1 {
	width: 440px;
	height: 400px;
	position: absolute; top: 60px; left: 55px;
	overflow: auto;
}

#continent2 {
	width: 400px;
	height: 400px;
	position: absolute; top: 60px; left: 520px;
	overflow: auto;	
}

#contenu-principal-partenaire-yeu {
	width: 1000px;
	height: 460px;
	margin: 0;
	padding: 0px;
	text-align: left;
	background-image: url(images/fond-partenaires-yeu.jpg);
	background-repeat: no-repeat;	
	clear: both;
	position: relative;
}

#partenaire-yeu1 {
	width: 440px;
	height: 400px;
	position: absolute; top: 60px; left: 55px;
	overflow: auto;
}

#partenaire-yeu2 {
	width: 400px;
	height: 400px;
	position: absolute; top: 60px; left: 520px;
	overflow: auto;	
}

#contenu-principal-partenaires {
	width: 1000px;
	height: 460px;
	margin: 0;
	padding: 0px;
	text-align: left;
	background-image: url(images/fond-partenaires.jpg);
	background-repeat: no-repeat;	
	clear: both;
	position: relative;
}

#texte-partenaires {
	width: 800px;
	height: 50px;
	position: absolute; top: 110px; left: 56px;
}

#partenaires1 {
	width: 250px;
	height: 250px;
	position: absolute; top: 200px; left: 200px;
	overflow: auto;
}

#partenaires2 {
	width: 260px;
	height: 260px;
	position: absolute; top: 200px; left: 520px;
	overflow: auto;	
}

#contenu-principal-sanitaire {
	width: 1000px;
	height: 460px;
	margin: 0;
	padding: 0px;
	text-align: left;
	background-image: url(images/fond-sanitaire.jpg);
	background-repeat: no-repeat;	
	clear: both;
	position: relative;
}

#texte-sanitaire {
	width: 440px;
	height: 320px;
	position: absolute; top: 50px; left: 500px;
	overflow: auto;
}

#texte-sanitaire h1 {
	color: #c7b299;
	font-size: 1.3em;
	padding-left: 2px;
}

#diaporama {
	width: 300px;
	height: 260px;
	position: absolute; top: 60px; left: 45px;	
}

#texte-touristique {
	width: 600px;
	height: 280px;
	position: absolute; top: 60px; left: 370px;
}

#contenu-principal-vols {
	position: relative;
	width: 1000px;
	height: 460px;
	margin: 0;
	padding: 0px;
	text-align: left;
	background-image: url(images/fond-vols.jpg);
	background-repeat: no-repeat;
}

#contenu-principal-vols h1 {
	color: #c7b299;
	font-size: 1.5em;
}

#diaporama-vols {
	width: 300px;
	height: 260px;
	position: absolute; top: 60px; left: 45px;	
}

#texte-vols {
	width: 600px;
	height: 280px;
	position: absolute; top: 60px; left: 370px;
}

#footer {
	width: 1000px;
	height: 100px;
	float: left;
}

#menus-bas {
	width: 975px;
	float: left;
	text-align: left;
	margin-left: 12px;
	background-image: url(images/fond-menu-bas.jpg);
	background-repeat: no-repeat;
}

#menus-bas-g {
	width: 840px;
	float: left;
}
#menus-bas-d {
	float: right;
}


#menu-haut {
	width: 990px;
	float: left;
	text-align: left;
	margin-left: 13px;
	clear: both;
	position: relative;
}

#menuhaut, #menuhaut ul /* Liste */	
{
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	line-height: 25px;
	text-transform: uppercase;
	text-align: left;

}

#menuhaut /* Ensemble du menu */
{
	font-size: 1.em; /* hauteur du texte */
}

#menuhaut a /* Contenu des listes */
{
	display	: block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding	: 0; /* aucune marge intérieure */
	color : #c2c8d2; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défault des liens (la pluspart du temps = souligné) */
}

#menuhaut li /* Elements des listes */	
{ 
	float : left; 
	/* pour ie qui ne reconnait pas "transparent" */
	border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
	margin: 0px 5px;
	
}

/* ie ne reconnaissant pas le sélecteur ">" */
html>body #menuhaut li
{
	border-right: 1px solid transparent ; /* on met une bordure transparante à droite de chaque élément */
}

#menuhaut li ul /* Sous-listes */
{ 
	position: absolute; /* Position absolu */
	width: 140px; /* Largeur des sous-listes */
	left: -999em; /* Hop, on envoi loin du champ de vision */
	bottom: 25px;
	background-color: #0b224b;
}


#menuhaut li ul li /* Eléments de sous-listes */
{
	/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
	border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* ie ne reconnaissant pas le sélecteur ">" */
html>body #menuhaut li ul li		
{
	border-top : 1px solid transparent; /* on met une bordure transparante en haut de chaque élément */
}

#menuhaut li ul ul 
{
	margin		: -22px 0 0 130px ; /* On décale les sous-sous-listes qu'elles ne soient pas au dessus des sous-listes */	
	/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
	border-left	: 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */	
}

/* ie ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menuhaut li ul ul		
{
	border-left	: 1px solid transparent ; /* on met une bordure transparante sur la gauche de chaque élément */
}

#menuhaut a:hover, #menuhaut li ul a:hover /* Lorsque la souris passe sur un des liens */	
{
	color: Red; /* On passe le texte en rouge ... */
}

#menuhautli:hover ul ul, #menuhaut li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
	left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menuhaut li:hover ul, #menuhautli li:hover ul, #menuhaut li.sfhover ul, #menuhaut li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
	left: auto; /* Repositionnement normal */
	min-height: 0; /* Corrige un bug */
}

#menuhaut .on {
	color: #02cb19;
	text-decoration: none;
	margin-right: 2px;
}

#menusbasg .on {
	color: #02cb19;
	text-decoration: none;
	margin-right: 2px;
}

#menusbasd .on {
	color: #02cb19;
	text-decoration: none;
}

#menusbasg /* Liste */	
{
	float: left;
	width: 300px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	line-height: 25px;
	text-transform: uppercase;
	text-align: left;
}

#menusbasg a {
	color: #c2c8d2;
	text-decoration: none;

}

#menusbasg a:hover {
	color: Red;
	text-decoration: none;
}



#menusbasg li{
	display: inline;
	margin: 0px 5px;
}

#menusbasd /* Liste */	
{
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	line-height: 25px;
	text-transform: uppercase;
	text-align: left;
}

#menusbasd a {
	color: #c2c8d2;
	text-decoration: none;

}

#menusbasd a:hover {
	color: Red;
	text-decoration: none;
}

#menusbasd li{
	display: inline;
	margin: 0px 5px;
}


#documents_portfolio {
	clear: both;
	margin-top: 2em;
	margin-bottom: 1em;
	text-align: left;

}

#accueil {
	position: relative;	
	width: 1000px;
	height: 480px;
	margin: 0 auto 0 auto;
}

#iframe-accueil {
	width: 227px;
	height: 152px;
	position: absolute; top: 80px; left: 68px;
}