/* Airawak website stylesheet */


/*

------------------------------------------------------
Copyright Skydig, all rights reserved
http://www.airawak.com
------------------------------------------------------

*/

/* general styles */

body {
color: #4D4D4D;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.8em;
line-height: 1.5em;
text-align: center;
background: #ecf4ff url(images/degrade.jpg) repeat-x scroll;
margin: 0;
padding: 0;
}

input {
padding-left: 5px;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif ;
font-size: small ;
color: #555555;
border: 1px #888888 solid;
margin-top: 1px;
margin-bottom: 1px;
}

textarea {
padding-left: 5px;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif ;
font-size: small ;
color: #555555;
border: 1px #888888 solid;
margin-top: 1px;
margin-bottom: 1px;
}

ol ol {
list-style-type: lower-alpha;
}

.input-align {
display: block ;
width: 200px;
float: left;
margin-bottom: 2px;
}

.input-align-attention {
display: block ;
width: 200px;
float: left;
margin-bottom: 2px;
color: #000000;
background-color: #ffbebe !important;
border: 1px #ff0000 solid !important;
}

.label-align {
display: block ;
float: left;
margin-bottom: 2px;
text-align: right;
width: 100px;
padding-right: 20px;
}
.radio {
border: none;
background-color: #ecf4ff;
}

.button {
/*background-color: #ecf4ff;*/
border: 1px #888888 outset;

}

.red-button {
background-color: #ffbebe;
border: 1px #ff0000 outset;
color: #ff0000 ;
}

.red {
color: #ff0000;
font-weight: bold;}

.arr {
color : black;
background-image: url(images/arr.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;}

.dep {
color : black;
background-image: url(images/dep.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;}

.illustr {
float: left;
margin: 0;
padding: 0px 5px 5px 5px;
clear: left;}

.logo {
float: left;
text-align: center;
font-size: x-small;
margin: 15px 0px 0px 15px;
width: 75px;
}

.after-logo {
margin-top: 140px;

}

.ruller {
background-image: url(images/ruller.gif);
background-repeat: no-repeat;
background-position: 15px 20px;
}

.formul {

padding-right: 5px;
margin-left: 15px;
border: 1px #888888 dashed;
margin-right: 5px;
background-color: #ecf4ff;}

.attention-field {
color: #000000;
background-color: #ffcccc !important;
border: 1px #ff0000 solid !important;}

.attention {
color: #ff0000;
font-weight: bold;
font-size: x-small;
padding: 2px 5px 2px 5px;}

.redzone {
padding-right: 15px;
padding-left: 15px;
border: 1px #ff0000 solid;
margin: 0px 5px 5px 15px;
background-color: #ffcccc;
color: #ff0000;
font-weight: bold;
}

.greenzone {
padding-right: 15px;
padding-left: 15px;
border: 1px #009933 solid;
margin: 0px 5px 5px 15px;
background-color: #ccffcc;
color: #009933;
font-weight: bold;
}

.noborder {
border: none;
}

.blue-border {
border: 1px #6699cc solid;
padding: 3px;
margin-right:5px;
}
* html .blue-border {
margin-bottom: 5px;
}

.bluefield {
background-color: #ecf4ff;
border: 1px #888888 solid;}

.separator {
background-image: url(images/separator.gif);
background-repeat: no-repeat;
background-position: 0px 5px;}

.tip {
font-size: x-small;
line-height: 1.5em;
margin: 10px 0px 10px 15px ;
padding-left: 55px;
height: 50px;
width: 350px;
background-image: url(images/info_fond.gif);
background-repeat: no-repeat;
background-position: left top;}

.sidetip {
font-size: x-small;
line-height: 1.5em;
margin: 10px 0px 10px 10px ;
padding-left: 23px;
height: 50px;
width: 200px;
background-image: url(images/sidetip.gif);
background-repeat: no-repeat;
background-position: left top;}

.actu {
line-height: 1.5em;
margin: 10px 0px 10px 15px ;
padding-left: 0px;
height: 85px;
width: 400px;
background-image: url(images/guille.gif);
background-repeat: no-repeat;
background-position: left top;}

.actu-title {
font-size: x-small;
text-align: right;
}

.left {
clear: left;
}

.center {
text-align: center;
}

.up {
text-align: right;
font-size: x-small;
}

a {
color: #cc0000;
}

a:hover {
color: #ff0000;
}

a:visited {
color: #006699;
}

a:visited:hover {
color: #ff0000;
}

h1{
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #003366;
margin: 15px 0 15px 0;
padding-left: 15px; 
}

h2 {
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #105191;
margin: 15px;
}

h3 {
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #6699cc;
margin: 5px 5px 0px 15px;}

h4 {
padding-left: 17px;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #6699cc;
margin: 5px 5px 0px 15px;
background-image: url(images/fleche.gif);
background-repeat: no-repeat;
background-position: left center;}

p {
margin: 5px 15px 5px 15px;
}


/* layout styles */

#fond {
background-image: url(images/back_fond.jpg);
background-repeat: repeat-y;
background-position: 50% 200px;}

* html #fond {
margin-left: -1px;
}

#container {
width: 756px;
text-align: left;
margin: 0 auto 0 auto;
background: url(images/back_container.jpg) no-repeat;
background-position: 50% 172px;
padding: 0 !important;
line-height: 1.5em;
}

/* IE Hack */
* html #container {
background-position: 50% 169px;
}

#banner-fr {
height: 140px;
background: url(images/back_banner_fr.jpg) no-repeat;
}

#banner-en {
height: 140px;
background: url(images/back_banner_en.jpg) no-repeat;
}

#content {
float: left;
width: 440px; 
margin: 0px 10px 0px 30px;
padding: 0;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
}

* html #content {
margin-left: 15px;
}

#content-large {
float: left;
width: 680px; 
margin: 0px 10px 0px 30px;
padding: 0;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
}

* html #content-large {
margin-left: 15px;
}



#sidebar {
float: left;
width: 250px;
margin: 10px 0 0 0;
padding-top: 10px;
background-image: url(images/back_sidebar.gif);
background-repeat: no-repeat;
color: #444444;
}

/* flag */
#flag {
float: right;
margin: 36px 15px 0px 0px;
}

/* IE hack */
* html #flag {
margin: 36px 8px 0px 0px;
}



/* meta nav */

#nav-meta {
line-height: 1.8em;
float: right;
margin: 109px -40px 0px 0px;
background: url(images/back_navmeta2.gif) repeat-x right bottom;
}

/* IE hack */
* html #nav-meta {
margin: 110px -41px 0px 0px;
}

#nav-meta ul {
margin: 0;
background: url(images/back_navmeta1.gif) no-repeat left bottom;
padding: 2px 2px 2px 20px;
}
#nav-meta li {
display: inline;
padding: 4px 0em 4px 5px;
}

#nav-meta a, #nav-meta a:visited {
color: #cc0000;
text-decoration: none;
margin: 4px;
font-size: smaller;
font-weight: bold }

#nav-meta a:hover, #nav-meta a:visited:hover {
color: #ff0000;
}

.skip {
position: absolute;
overflow: hidden;
width: 0;
height: 0;
}

.skip:active, .skip:focus {
position: absolute;
overflow: visible;
width: auto;
height: auto;
background: #2C91B2;
}

/* main nav */

#nav-main {
line-height: 1.8em;
margin: 0px 0px 10px 0px;
min-height: 32px;
background: url(images/back_navmain.jpg) no-repeat;
}
#nav-main ul {
height: 100%;
margin: 0;
padding: 0 0 0 40px;
}

#nav-main li {
list-style-type: none;
float: left;
width: auto;
margin: 6px 1px 0 1px;
background: url(images/back_navmainitems2.gif) no-repeat right top;
}
#nav-main a:link, #nav-main a:visited {
display: block;
color: #006699;
font-weight: bold;
text-decoration: none;
padding: 0px 10px 0px 10px;
background: url(images/back_navmainitems.gif) no-repeat left top;
}



#nav-main a:hover, #nav-main a:visited:hover {
color: #ff0000;
font-weight: bold;
text-decoration: none;
padding: 0px 10px 0px 10px;
}

.current {
margin-top: 0px;
background-image: url(images/back_current2.gif)!important;
}

.current a:link, .current a:visited {
color: #cc0000 !important;
background-image: url(images/back_current1.gif) !important;
}

.current a:hover, .current a:visited:hover {
color: #cc0000 !important;
}

/* sub nav */

#nav-section {
clear: both;
}

#nav-section ul {
margin: 0;
padding: 0 10px 0 10px;
}

#nav-section li {
list-style-type: none;
float: left;
margin: 0px 4px 0 4px;
background-image: url(images/bullet_off.gif);
background-repeat: no-repeat;
background-position: bottom left;
padding-left: 14px;
}

#nav-section a:link, #nav-section a:visited {
text-decoration: none;
}

.youarehere a:link, .youarehere a:visited {
font-weight: bold;
}

.youarehere{
background-image: url(images/bullet_on.gif)!important;
}

/*supplemental nav */

.nav-supp ul {
list-style: none;
margin: 0;
padding: 0;
}

.nav-supp {
line-height: 1.8em;
margin: 15px;
}

.nav-supp li {
background-image: url(images/bullet_link.gif);
background-repeat: no-repeat;
background-position: center left;
padding: 0 0 0 15px;
margin: 2px 0 2px 10px;
}

#map {
margin: 0;
padding-top: 80px;
padding-right: 40px;
background-image: url(images/map.gif);
background-repeat: no-repeat;}



/* footer */
#info-site {
clear: both;
text-align: center;
margin: 0;
padding: 30px 0 15px 0;
background-image: url(images/back_footer.jpg);
background-repeat: no-repeat;
background-position: 50% 100%;}

	
#info-company {
padding: 5px;
margin: 5px!important;
color: #888888;
}

#info-company a,#info-company a:visited {
color: #cc0000;
}

#info-company a:hover,#info-company a:visited:hover {
color: #006699;
}

#info-standards{
font-size: 10px;
padding: 0;
margin: 0 !important;
}

.small {
font-size: x-small;
}