@charset "UTF-8";

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings<<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


* {
    margin:0;
    padding:0;
}
body {
  font-size:90%;
  overflow-y: auto;
  overflow : -moz-scrollbars-vertical;
  font-family:Arial, Helvetica, sans-serif;
  background: #fff url(../img/bg.jpg)  no-repeat left top
  }

a { color:#33ccff; text-decoration:none; font-weight:bold; font-size:smaller }
a:focus, a:hover, a:active {color:#09F; text-decoration:none }

a.home { color:#cccccc; text-decoration:none }
a.home:focus, a.home:hover, a.home:active {color:#666666; text-decoration:none }

.nav {
	margin: 0;font-size: 1em;float:right;}
.nav li {
	list-style:none;
	list-style-image:none;
	}
.nav li a {
	color:#ff9999;
	padding: 5px 5px 5px 5px;
	}
.nav li a:hover { 
	color:#fff;
	background-color:#F00;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
.nav li a:active { color:#fff;border:none; background-color:#333}
.nav li a:focus { color:#cccccc;background-color:#333; border:none}

p
{
margin: 10px 0;
width: 100%;
text-align:500px;
color:#666
}


.clear {
	clear: both;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> IMG <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

img {
	padding: 5px 0 
	}

img.center {
    margin: 10 auto;
	padding: 0;
}

img.floatright {
    float: right;
    margin: 10px 0 0 10px;
	padding: 0.2em;
	border: 0px solid #ccc;
}

img.floatright0 {
    float: right;
    margin: 0;
	padding: 0;
	border: 0;
}

img.floatleft {
    float: left;
	position:relative;
    margin: 0;
	padding: 0.2em 2em 2em 0;
	border: 0px;
}

img.floatleft2 {
    float: left;
	position:relative;
    margin: 0 15px 0 10px;
	padding: 0px;
	border: 0px solid #ccc;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> HR / H1 / UL <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

hr
{
margin: 5px 0 5px 0;
border: 1px dotted #666;
clear:both;
}

h1 {padding: 5px 0 5px 0px;margin: 5px 0;font-size:18px;color:#d1000b;border-bottom: 0px dotted #666; font-weight:bold; letter-spacing: 3px; }

h2 {padding: 15px 0 25px 50px;margin: 30px 0;font-size:18px;color:#00cc66;border-bottom: 0px dotted #666; font-weight:bold; background: #fff url(../img/sac.png) no-repeat left top; letter-spacing: 3px}
h2:hover {color:#00ff66; background: #fff url(../img/sac_hover.png) no-repeat left top;}

h3 {padding: 15px 0 25px 50px;margin: 30px 0;font-size:18px;color:#cc0000; font-weight:bold; background: #fff url(../img/gin1.png) no-repeat left top; letter-spacing: 3px}
h3:hover {color:#ff0000; background: #fff url(../img/gin_hover.png) no-repeat left top;}

h4 {padding: 15px 0 25px 50px;margin: 30px 0;font-size:18px;color:#F69; font-weight:bold; background: #fff url(../img/clon.png) no-repeat left top; letter-spacing: 3px}
h4:hover {color:#ff0099; background: #fff url(../img/clon_hover.png) no-repeat left top;}


h5 {padding: 15px 0 10px 50px;margin: 30px 0;font-size:14px;border-bottom: 0px dotted #666; letter-spacing: 3px; float:left}


.puce li {
  margin-left: 10px;
  list-style-position:inside;
  list-style-type: none;
  font-size:medium;
  padding: 3px;
  list-style-image: url(../img/ul.png);
  }


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> DIV & Co <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


#page {
text-align: center;
margin-top: 50px;
}

.barre {
height: 79px;
background: #fff url(../img/bg_barre6.gif) repeat-x left bottom;
text-align:right;
padding-right:50px
}


#homefeatured {
padding:0;
display:block;
float:right;
margin: 0 auto 0 auto;
width: 270px;
text-align: left;
color:#999;
}

#homefeaturedleft {
	text-align:center;
	display:block;
	float:left;
	margin: 5px 0 0 10px;
	width: 280px;
}

#footer {
padding-top:5px;
margin: 5px auto;
width: 650px;
font-size:smaller;
text-align: left;
color:#999
}

#subfooter {
text-align: left;
margin:20px 0 20px 35px;
width: 300px;
font-size:18px;
letter-spacing:0px;
}

#subfooter a {color:#ff9999; font-weight:normal; font-size:18px}
#subfooter a:hover {color:#F00}


#link {
text-align: left;
margin:20px;
color:#999;
font-size:smaller;
}

#form {
text-align: left;
margin:10px;
color:#999;
font-size:smaller;
}


.footergauche {
width: 300px;
text-align: left;
padding: 5px 0 5px 10px;
float: left;
margin: 0 0 0 10px;
}

#homeindex2 a:link {color: #666666;}
#homeindex2 a:visited {color: #666666;}
#homeindex2 a:hover {color: #ccc;}
#homeindex2 a:active {color: #666666;}
#homeindex2 a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> INTRO <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/ 

.intro1 {
margin: 100px 0 0 0;
position:absolute;
width: 100%;
background: #fff url(../img/bg_barreintro.gif) repeat-x left top;
text-align:right
}

.logointro {
color:#CCC;
margin: 0 100px;
width: 300px;
float:right;
text-align:left
}

.intro1 a {color:#CCC; font-size:14px}
.intro1 a:hover {color:#33ccff}


.intro3 {
margin: 0;
position:absolute;
width: 100%;
color:#999;
text-align:center
}

.intro {
padding: 130px 0 0 40px;
width: 100%;
font-size:12px
}

.logosurvol_gin {	
position: absolute;
z-index:1;
display:none;
float:left;
}

.logosurvol_sac {	
position: absolute;
z-index:1;
display:none;
float:left;
}

.logosurvol_mup {	
position: absolute;
z-index:1;
display:none;
float:left;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> FONT <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/ 

.white {
	border:#FFF thin
}

.small {
	font-size:12px
}

.big {
	font-size:18px
}

.green {
	color:#0C0;
	font-weight:bold;
	font-size:18px;
	margin: 20px auto
}

.red {
	color:#ff3333;
	font-weight:bold;
	font-size:18px;
	margin: 20px auto
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Menu <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/ 

#page-wrap {
	width: 650px;
	margin: 0px auto;
}

.button {
	float: left;
	margin: 10px 4px;
	border-radius : 5px;
	-moz-border-radius: 5px;
}

.button:hover {
	float: left;
	background-color:#ededed;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-radius : 5px;
	border: 0px solid #F00;	
}

#menu {
	cursor:pointer;
	margin: 20px 0 0px 20px;
}

#content {
	margin: 15px 0;
	padding: 0 15px;
}

#menu0 {
	display: block;
	padding: 0;
	text-align:center
}
#menu0-button {
	opacity: 1.0;
	border-bottom: 0px thin #F00;
}

#menu1 {
	display: none;
	padding: 0;
	text-align:left
}
#menu1-button {
	opacity: 1.0;
	border-bottom: 0px thin #F00;	
}

#menu2 {
	display: none;
	padding: 0;
	text-align:left
}
#menu2-button {
	opacity: 1.0;
	border-bottom: 0px thin #F00;	
}

#menu3 {
	display: none;
	padding: 0;
	text-align:left
}
#menu3-button {
	opacity: 0.5;
	border-bottom: 0px thin #F00;	
}