@charset "utf-8";
/* CSS Document */

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #305980;
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #fff;
	font-size:12px;
}
img.bg {
                        /* Set rules to fill background */
                        min-height: 100%;min-width: 1024px;
                        
                        /* Set up proportionate scaling */
                        width: 100%;height: auto;
                        
                        /* Set up positioning */
                        position: fixed;top: 0;left: 0;z-index:0;
                }
                
                @media screen and (max-width: 1024px){
                        img.bg {
                                left: 50%;
                                margin-left: -512px; }
                }
h1, h2, h3 {margin:0; padding:0; line-height:28px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
h1 {font-size:21px; color:#fff;}
h2 {font-size: 3em;color: white;line-height: 60px;letter-spacing: -0.05em;text-transform: uppercase;font-weight: normal;}
h2 strong{
	display:inline-block;
	padding:0px 20px;
	font-weight:normal;
	background:#F06;
}
h3 {font-size:24px; text-transform:uppercase; color:#FFF; line-height:30px;}
p {text-align:justify; font-size:12px; margin:0 0 15px 0;}
img {border:0;}
blockquote { background:url(../images/quote_bg.gif) top left no-repeat; padding:20px 10px; margin:0; color:#FFF; font-size:13px; text-align:justify;}
#homeLogo {position:relative; display:block; width:366px; height:174px; margin:10px auto; padding:0;}
#headertop {position:relative; display:block; width:960px; height:130px; margin:10px auto 0 auto; padding:0; text-align:left; background:url(../images/gti_impression_grand_format.gif)top center no-repeat;}
#headerMenu {width:960px; height:40px; margin:0 auto; padding:0;z-index:10000;position:relative;}
#headerMenu ul {width:960px; height:40px;margin:0; padding:0; list-style-type:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; background:url(../images/menu_bg.jpg) top left no-repeat;display:block;}
#headerMenu li {margin:0; padding:0; float:left; display:block;width:240px;height:40px;display:block;position:relative;}
#headerMenu li a {margin:0; padding:0; display:block; color:#FFF; text-decoration:none; line-height:40px; text-shadow: 0 2px 2px rgba(0,0,0,0.3);width:240px}
#headerMenu li a:hover,#headerMenu li a.active {font-weight:bold; background:url(../images/active.gif) bottom center no-repeat;}
#headerMenu ul ul {display: none; position: absolute; left:0px; top: 38px; margin:0px; padding: 0px;width:240px; height:auto;margin:0; padding:0; list-style-type:none; font-size:11px; background:#C06;}
#headerMenu ul li:hover ul {display: block}
#headerMenu ul li:hover ul li {float:none;}

#slideshow {position:relative; display:block; width:880px; height:280px; margin:0 auto; padding:10px 40px; text-align:left; background:url(../images/slideshow_bg.gif)top left no-repeat; display:block;}
#mainContent {position:relative; display:block; width:960px; height:auto; margin:0 auto; padding:20px 0px; text-align:left;}
#mainContent img {-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25); margin-top:10px; margin-bottom:10px; clear:both;}
#mainContent a {margin:0; padding:0;color:#09F;}
#mainContent p {clear:both; font-size:1.2em;}
#mainContent a.pLink { background: #222; display: inline-block; padding: 5px 15px 6px; color: #fff !important; font-size: 13px; font-weight: bold; line-height: 1; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; overflow: visible; width: auto; }
#mainContent a:hover { background-color: #09F; color: #fff; }
#mainContent a:active { -webkit-transform: translateY(1px); -moz-transform: translateY(1px); }
#footer {position:relative; display:block; width:960px; height:auto; margin:0 auto; padding:10px 0; clear:both;border-top: 1px dotted #ccc;}
#footer a, input[type="submit"] { background: #09F; display: inline-block; padding: 5px 10px 6px; color: #fff !important; font-size: 13px; font-weight: bold; line-height: 1; text-decoration: none; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; overflow: visible; width: auto; }
#mainContent ul {margin:0;}
/*Contact form*/
#form-container{
	width:400px; margin:0 auto;
	padding:15px;
	-moz-border-radius:5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	background:#222;
}

td{
	white-space:nowrap;
}

label{
	text-transform:uppercase;
	font-size:10px;
	font-family:Tahoma,Arial,Sans-serif;
}

textarea{
	color:#404040;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}

td > button{
	text-indent:8px;
}

.error{
	background-color:#AB0000;
	color:white;
	font-size:10px;
	font-weight:bold;
	margin-top:10px;
	padding:10px;
	text-transform:uppercase;
	width:240px;
}

#loading{
	position:relative;
	bottom:9px;
	visibility:hidden;
}