@charset "UTF-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
	}
	
p{
	padding-bottom:10px;
	width:600px;
	line-height:normal;
	text-align:justify;
}


#award_p {
	padding-bottom:10px;
	width: auto !important;
	text-align: right !important;
	text-transform: uppercase;
}

#logo_bas{width:800px;margin-top:-10px;}



a{
	text-decoration:none;
	color:#FFFFFF;
}


#langues { 
	padding:0; 
	margin:0;
	position:absolute;
	top:17px; 
	right:17px;
	font-size:10px;
} 
#langues li { 
	list-style-type:none;
	display: inline;
	margin-left:7px;
 } 
 
#langues a:hover { 
	color:#038099;
	font-size:10px;
}

.select-lang {
	color:#038099;
} 
 
#langues a { 
	color:#ffffff;
	font-size:10px;
 } 
 
 

a:hover{
	text-decoration:underline;
	color:#FFFFFF
}
	
	
body {
	text-align:center;/*centers all content in the browser window*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	background:#474747 url(../images/background.gif);
	line-height:15px;
	color:#FFFFFF;
	}

h3{font-size:13px;}
	
#contact_block{
	position:absolute;
	top:120px; 
	right:0px; 
	width:300px;
	height:200px;
	text-align:left; 
	padding-right:150px; 
	padding-left:20px; 
	padding-top:25px;
	padding-bottom:45px;
	background-image:url(../images/pngback.png);
}
	
#container_template_04 {
	width: 1000px;
	position: absolute;
	margin-left:-500px;
	margin-top:0;
	left: 50%;
	height:800px;
	z-index: 2;
	overflow: hidden;
	/*background-image:url(admin/uploads/16/originals/<?=$r_img->filename.".".$r_img->filetype?>);*/
}	
	
#home1 {
	width: 300px;
	position:absolute;
	*margin-top:-100px;
	}
	

	
#home2 {
	width: 500px;
	position: absolute;
	margin-left:380px;
	*margin-top:-100px;
	z-index:2;
	}
	
.upper {
	text-transform: uppercase;
	text-align:left;
	width: 500px !important;
}	

.upper2 {
	text-transform: uppercase;
	text-align:left;
	width: 500px !important;
	color: #999999;
}	
.upper2:hover {
	text-transform: uppercase;
	text-align:left;
	width: 500px !important;
	color: #999999;
	text-decoration:none;
}
	
#header {
	width:1000px;/*keeps sizing*/
	height:100px;
	float:left;/*is needed for all uneven size panels to float properly*/
	background-image:url(../images/top.png);
	text-align:left;
	}
	
#logos{
	position:absolute;
	top:260px;
	right:25px;
	width:250px;
}

.logos{
	margin: 0 0 0 10px;
}

.logos2{
	margin: 0 20px 10px 0;
}

.logos4{
	margin: 0px 20px 10px 0;
	position:absolute;
}


.logos3{
	margin: 0 0 0 20px;
	color: #000000;
}

#logos2 {
	position:relative;
	margin-top:15px; 
	left: 0px; 
	width:256px;
	height: 142px; 
	
	margin-right:30px;
	line-height:normal;
	padding:20px 10px 20px 0px;
	background-image: url(../images/index_imgback.png) ;
	background-repeat:no-repeat;
	
}	

#homemiddle {
	width: 1px;
	position: absolute;
	top:543px;
	background-color:#999;
	height:155px;
	right:660px;
	z-index: 400;
}
	
#text_award	{
	padding:10px;
	text-align: right !important;
	margin-right:10px;
}

#award	p{
	text-align: right !important;
	margin-right:10px !important;
}

#content_template_01 {
	width:1000px;/*keeps sizing*/
	height:630px;
	float:left;
	background-image:url(../images/pngback.png);
}

#sitemap {
	width:1000px;/*keeps sizing*/
	height:auto;
	float:left;
	background-image:url(../images/pngback.png);
}
	
#content_template_02 {
	*text-align:left;
	width:1000px;/*keeps sizing*/
	height:630px;
	float:left;
	background-image:url(../images/pngback2.png);
}

#content_template_02bis {
	*text-align:left;
	width:1000px;/*keeps sizing*/
	height:630px;
	float:left;
	background-image:url(../images/pngback2.png);
}



#content_template_03 {
	width:1000px;/*keeps sizing*/
	height:530px;
	float:left;
}

#content_template_04 {
	width:1000px;/*keeps sizing*/
	height:165px;
	float:left;
}


#content_inside_template_01 {
	width:960px;/*keeps sizing*/
	height:500px;
	text-align:left;
	float:left;
	padding:50px 20px 0 20px;
}

#content_inside_sitemap {
	width:960px;/*keeps sizing*/
	height: auto;
	text-align:left;
	float:left;
	padding:20px 20px 0 20px;
}
	
	
#mission_format{
	margin-top:300px;
}
	
div#scrollable{
	width:550px;
	height:480px;
	overflow:auto;
}

div#scrollable p{
	padding-bottom:10px;
	width:490px;
	line-height:normal;
	text-align:justify;
}

div#scrollable2{
	width:650px;
	height:130px;
	overflow:auto;
}

div#scrollable3{
	width:460px;
	height:445px;
	overflow:auto;
}
div#scrollable3 p{
	padding-bottom:10px;
	width:440px;
	line-height:normal;
	text-align:justify;
}

div#scrollable4{
	width:310px;
	height:130px;
	overflow:auto;
}

div#scrollable4 p{
	padding-bottom:10px;
	width:290px;
	line-height:normal;
	text-align:justify;
}

div#scrollable5{
	width:585px;
	height:130px;
	overflow:auto;
}

div#scrollable5 p{
	padding-bottom:10px;
	width:565px;
	line-height:normal;
	text-align:justify;
}


	
#text-page-bottom{
margin-top:375px;
}	

.image {
	width: 320px;
	height: 390px;
	position: absolute;
	top: 220px;
	left: 620px;
	overflow: hidden;
}	
	
#content_inside_template_02 {
	width:960px;/*keeps sizing*/
	height:200px;
	text-align:left;
	float:left;
	padding:70px 20px 0 20px;
}

#content_inside_template_04 {
	width:960px;/*keeps sizing*/
	height:160px;
	text-align:left;
	float:left;
	padding:60px 20px 0 20px;
}


#content_inside_template_03 {
	width:960px;/*keeps sizing*/
	height:100px;
	text-align:left;
	float:left;
	padding:0 20px 0 20px;
}

#pdf{
	margin-top:-10px;
}
		
#logo {
	width:231px;/*keeps sizing*/
	height:62px;
	float:left;/*is needed for all uneven size panels to float properly*/
	background-image:url(../images/logo.gif);
	text-indent:-9999px;
	position:absolute;
	top:13px;
	left:13px;
}
	
#footer {
	width:990px;/*keeps sizing*/
	height:60px;
	float:left;/*is needed for all uneven size panels to float properly*/
	background-color:#000000;
	text-align:left;
	float:left;
	color:#736f6f;
	font-size:10px;
	padding-left:10px;
	padding-top:10px;
	*position:relative;
}

#footer_index{
	width:990px;/*keeps sizing*/
	height:60px;
	float:left;/*is needed for all uneven size panels to float properly*/
	background-color:#000000;
	text-align:left;
	float:left;
	color:#736f6f;
	font-size:10px;
	padding-left:10px;
	padding-top:10px;
	*margin-top:220px;
	}


	
#footer a {
	color:#736f6f;
}
	
#footer :hover {
	color: #FFFFFF;
}
	
#maadigroup {
	width:125px;/*keeps sizing*/
	height:45px;
	float:right;
	background-image:url(../images/maadigroup.gif);
	text-indent:-9999px;
	position:relative;
	right:13px;
}

.maadigroup {
	width:125px;/*keeps sizing*/
	height:45px;
	float:right;
	background-image:url(../images/maadigroup.gif);
	text-indent:-9999px;
	margin: 3px 13px 0 0; 
}		
	
#maintitle {
	font-size:22px;
	font-weight:bold;
	padding-bottom:25px;
	line-height:normal;
	height: 55px;
}	

#maintitle4 {
	font-size:22px;
	font-weight:bold;
	line-height:normal;
	height: 55px;
}	

#maintitle5 {
	font-size:22px;
	font-weight:bold;
	line-height:normal;
	height:40px;
}	

	
#maintitle2 {
	font-size:22px;
	font-weight:bold;
	padding-bottom:15px;
	color:#038099;

}	

#maintitle3 {
	position:relative; 
	margin-top:45px; 
	left:20px; 
	text-align:left;
	line-height:normal; 
	width:450px
}

#hometext {
	position:relative; 
	margin-top:10px; 
	left:20px; 
	text-align:left; 
	width:380px;
}

#hometext p{
	padding-bottom: 0;
	width:400px;
}

.share {
	position: absolute;
	top: 760px; 
	left: 10px;
}

.share2 {
	position: absolute;
	top: 200px; 
	left: 10px;
}

.st_sharethis_custom{
	background: url("../images/share.png") no-repeat;
	width: 150px;
	height: 20px;
	display: block;
	padding: 1px 0 0 25px; 
}

	
/*------------------------------MENU START ------------------------------*/
	
#wrap {
   font-size: 12px;
   width: 1000px;
}

/* These styles create the dropdown menus. */

.under-menu-back {
	background: url(../images/top_under.png);
}
 
#navbar li {
   list-style: none;
   float: left;
   color:#9D9EA3; 
}

#navbar li a {
   display: block;
   padding:0 10px 7px 7px;
   text-decoration: none; 
   color: #9D9EA3;
}

#navbar li a.no-select:hover {
   color: #fff;
   text-transform: uppercase;
}

#navbar li ul {
   display: none; 
}

#navbar li:hover ul, #navbar li.hover ul {
   position: absolute;
   display: inline;
   left: 0;
   width: 700px;;
   margin: 0;
   padding: 0;
}

#navbar li:hover li, #navbar li.hover li {
   float: left;
}

#navbar li:hover li a, #navbar li.hover li a {
   color: #FFF; 
}

#navbar li li a:hover {
   color: #FFF; 
}
 
 
.sous {color: #9d9ea3; font-size:11px;}

#about li a.sous:link, #product li a.sous:link, #application li a.sous:link  {color: #9d9ea3; text-decoration: none; font-size:12px;}
#about li a.sous:hover, #product li a.sous:hover, #application li a.sous:hover {color: #FFFFFF; text-decoration: none; font-size:12px;}

#about li a.sous, #product li a.sous, #application li a.sous{
	color: #9d9ea3; 
	text-decoration: none; 
	font-size:12px;
}

#about ul, #product ul, #application ul {
	list-style: none;
}

#about li, #product li, #application li{
	display: inline;
}

ul#navbar li a.select {
	color: #0099CC;
	text-transform: uppercase;
}

ul#navbar li a.no-select {
	color: #9D9EA3;
	text-transform: uppercase;
}

#about ul li a.sous-select, #product ul li a.sous-select, #application ul li a.sous-select {
	color: #0099CC;
	font-size: 12px;
}

#footer a.select {
	color: #038099;
}
/*------------------------------MENU END ------------------------------*/