@charset "utf-8";

/* GENERAL
------------------------------------------------------------------------------------------------------*/

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display:block;
}

*{
	margin:0;
	padding:0;
}

@font-face {
    font-family: 'utsaahregular';
    src: url('../images/font/utsaah-webfont.eot');
    src: url('../images/font/utsaah-webfont.eot?#iefix') format('embedded-opentype'),
         url('../images/font/utsaah-webfont.woff') format('woff'),
         url('../images/font/utsaah-webfont.ttf') format('truetype'),
         url('../images/font/utsaah-webfont.svg#utsaahregular') format('svg');
}

body{
	background-color:#fff;
	font-family:'utsaahregular', Arial;	
}

a{
  	outline:none;
}

img{
  	border:none;
}

h1{
	font-size:36px;
	color:#1B576D;
	font-weight:normal;
}

h2{
	font-size:25px;
	color:#1B576D;
	margin-bottom:20px;
}

/* SCROLLTOP
------------------------------------------------------------------------------------------------------*/

div.scrollToTop{
    position:fixed;
    right:50px;
    bottom:20px;
    display:none;
    width:50px;
	height:50px;
}

/* HEADER
------------------------------------------------------------------------------------------------------*/

header{
	width:100%;
	height:296px;
	background:url(../images/header.jpg) repeat-x;	
}

#wrap_header{
	width:1020px;
	height:296px;
	margin:0 auto;
	background:url(../images/wrap_header.png) no-repeat;
	position:relative;
	z-index:1;
}

#logo{
	width:442px;
	height:145px;
	float:left;
	margin:66px 0 0 40px;
}

/* SOCIAL
------------------------------------------------------------------------------------------------------*/

#links{
	width:170px;
	height:81px;
	float:right;
	margin-top:195px;
}

#links ul{
	list-style-type:none;
	float:right;
}

#links ul li{
	float:left;
	margin-left:10px;
}

a.fav{
	width:72px;
	height:81px;
	display:block;
	background:url(../images/favoris.png) no-repeat;	
}

a.fav:hover{
	background:url(../images/favoris-hover.png) no-repeat;	
}

a.google{
	width:72px;
	height:81px;
	display:block;
	background:url(../images/google.png) no-repeat;	
}

a.google:hover{
	background:url(../images/google-hover.png) no-repeat;	
}

/* LANGUES
------------------------------------------------------------------------------------------------------*/

#lang{
	width:60px;
	height:30px;
	position:absolute;
	right:0;
	top:45px;
	color:#616161;
	font-size:22px;
	text-align:right;
}

#lang a{
	color:#616161;
	text-decoration:none;
}

#lang a:hover{
	text-decoration:underline;
}

#wrap_nav{
	width:100%;
	height:46px;
	background-color:#4b8fb7;	
}

/* NAVIGATION
------------------------------------------------------------------------------------------------------*/

nav{
	width:1020px;
	height:46px;
	margin:0 auto;
	position:relative;
	z-index:2;
}

#MenuDeroulant{
	list-style-type:none;
}

#MenuDeroulant li{
	float:left;
}

#MenuDeroulant li a:link, #MenuDeroulant li a:visited{
	width:145px;
	height:46px;
	line-height:50px;
	background:url(../images/btn-menu.png) no-repeat;
	display:block;
	padding-left:25px;
	font-size:24px;
	text-decoration:none;
	color:#fff;
	white-space:nowrap;
}

#MenuDeroulant li a:hover, #MenuDeroulant li a.active{
	width:145px;
	height:54px;
	line-height:66px;
	background:url(../images/btn-menu-hover.png) no-repeat;
	margin-top:-8px;
}

#MenuDeroulant li ul{    
	margin:15px 0 0 0;
	padding:0;
	position:absolute;
	visibility:hidden;
	width:426px;
	height:280px;
	background:url(../images/menu_box.png) repeat;
}

#MenuDeroulant li ul li{
	float:none;
	display:inline;
}

#MenuDeroulant li ul li a{
	background:url(../images/btn-menu-deroulant.png) no-repeat !important;
	width:176px !important;
	height:46px !important;
	line-height:50px !important;
	color:#fff !important;
	float:left !important;
	margin:8px 0 0 8px;
}

#MenuDeroulant li ul li a:hover{
	background:url(../images/btn-menu-deroulant-hover.png) no-repeat !important;
	margin-top:8px !important;
}

#bande{
	width:100%;
	height:15px;
	background-color:#01455d;	
}

/* SLIDESHOW
------------------------------------------------------------------------------------------------------*/

#banner{
	width:100%;
	height:441px;	
	background:url(../images/banner.jpg) repeat-x;	
	padding-top:42px;
}

#wrap_banner{
	width:1156px;
	height:414px;
	margin:0 auto;
	background:url(../images/ombre.png) no-repeat;
}

#slideshow{
	width:1020px;
	height:310px;
	margin:0 auto;
	background-color:#fff;
	position:relative;
}

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style-type:none;
}

#slider li{ 
	width:1020px;
	height:310px;
	overflow:hidden; 
}	

#prevBtn, #nextBtn, #slider1next, #slider1prev{ 
	display:block;
	width:68px;
	height:68px;
	position:absolute;
	left:-34px;
	top:108px;
	z-index:1000;
}	

#nextBtn, #slider1next{ 
	left:986px;
}	
													
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{  
	display:block;
	position:relative;
	width:68px;
	height:68px;
	background:url(../images/btn-gauche.png) no-repeat;
	outline:none !important;
}

#prevBtn a:hover, #slider1prev a:hover{ 
	background:url(../images/btn-gauche-hover.png) no-repeat;	
}	

#nextBtn a, #slider1next a{ 
	background:url(../images/btn-droite.png) no-repeat;	
}

#nextBtn a:hover, #slider1next a:hover{ 
	background:url(../images/btn-droite-hover.png) no-repeat;	
}	

#home{
	width:1020px;
	height:72px;
	margin:32px auto 0;
}

#txt_home{
	width:820px;
	height:72px;
	float:left;
	color:#616161;
	line-height:24px;
	font-size:22px;
}

#btn_home{
	width:200px;
	height:72px;
	float:right;
	position:relative;
}

/* ENCARTS
------------------------------------------------------------------------------------------------------*/

#encarts{
	width:100%;
	height:424px;	
	background:url(../images/encarts.jpg) repeat-x;	
	padding-top:30px;
}

#encarts2{
	width:100%;
	height:313px;	
	background:url(../images/encarts.jpg) repeat-x;	
	padding-top:30px;
	clear:both;
}

#encarts_box{
	width:1020px;
	height:394px;
	margin:0 auto;
}

#encarts_box2{
	width:1020px;
	height:283px;
	margin:0 auto;
}

.box{
	background:url(../images/box.png) repeat;	
}

.box:hover{
	background:url(../images/box_hover.png) repeat;	
}

#box_left{
	width:320px;
	height:379px;
	float:left;
	padding-top:15px;
}

#box_right{
	width:320px;
	height:379px;
	float:right;
	padding-top:15px;
}

#box_centre{
	width:320px;
	height:379px;
	margin-left:350px;
	padding-top:15px;
}

.wrap_box{
	width:290px;
	height:364px;
	margin:0 auto;
	color:#616161;
	font-size:18px;
}

.top_box{
	width:290px;
	height:145px;
}

.box_text{
	width:290px;
	height:75px;
}

.img_box{
	width:290px;
	height:86px;
}

.lire_plus{
	width:290px;
	height:58px;
	position:relative;
}

.btn{
	width:128px;
	height:33px;
	position:absolute;
	bottom:0;
	right:0;
}

/* CONTENT
------------------------------------------------------------------------------------------------------*/

#wrap_content{
	width:100%;
	
	background:#fff url(../images/banner.jpg) repeat-x;	
	padding:42px 0;
}

#content{
	width:1020px;
	margin:0 auto;
}

#titre{
	height:40px;
	line-height:40px;
	background:url(../images/titre.png) no-repeat;	
	margin-bottom:20px;
}

#contenu{
	float:left;
	padding-bottom:30px;
	color:#616161;
	font-size:20px;
	text-align:justify;
}

#contenu a{
	color:#616161;
	font-weight:bold;
}

#contenu a:hover{
	color:#1B576D;
}

#contenu ul{
	margin:20px;
	list-style-position:inside;
}

#contenu ul li{
	padding-bottom:10px;
}

#contenu p.ref{
	margin-bottom:20px;
}

#contenu p.ref:last-child{
	margin-bottom:0;
}

#contenu p.ref a{
	color:#1B576D;
	text-decoration:none;
	font-weight:bold;
}

#contenu p.ref a:hover{
	color:#616161;
}

#contenu_left{
	width:480px;
	float:left;
}

#contenu_left img{
	margin-top:15px;
}

#contenu_right{
	width:480px;
	margin-left:540px;
}

#contenu_right img{
	margin-bottom:15px;
}

ul.liste{
	list-style-type:none;
	margin:20px;
}

ul.liste li{
	width:900px;
	height:25px;
	line-height:25px;
	display:block;
	text-decoration:none;
	color:#616161;
	background:url(../images/v.png) no-repeat;
	padding-left:25px;
}

span.under{
	color:#1B576D;
}

#ombre{
	height:12px;
	background:url(../images/ombrebottom.png) no-repeat;
	clear:both;	
}

/* PARTENAIRES
------------------------------------------------------------------------------------------------------*/

.wrap_partenaire{
	width:1020px;
}

.partenaire{
	width:180px;
	height:140px;
	float:left;
	margin-bottom:30px;
	margin-left:30px;
}

.partenaire:nth-child(5n+1){
	margin-left:0;
}

.logo_partenaire{
	width:180px;
	height:100px;
}

.titre_partenaire{
	width:180px;
	height:40px;
	line-height:40px;
	font-size:21px;
	color:#616161;
	text-align:center;
}

.titre_partenaire a{
	color:#616161;
	text-decoration:none;
	font-weight:normal !important;
}

.titre_partenaire a:hover{
	color:#1B576D;
}

/* CONTACT
------------------------------------------------------------------------------------------------------*/

#contact_left{
	width:300px;
	float:left;
}

#contact_left ul{
	list-style-type:none;
	margin:0 !important;
}

#contact_left ul li a{
	width:300px;
	height:30px;
	line-height:30px;
	display:block;
	text-decoration:none;
	color:#1B576D;
	background:url(../images/puce.png) no-repeat;
	padding-left:25px;
}

#contact_left ul li a:hover{
	color:#616161;
}

#contact_right{
	width:660px;
	margin-left:360px;
}

input[type=text]{
    width:650px;
  	height:25px;
  	border:1px solid #999;
  	color:#616161;
  	font-size:14px;
}

input[type=text].code{
    width:100px !important;
  	height:25px;
  	border:1px solid #999;
  	color:#616161;
  	font-size:14px;
}

textarea{
  	width:650px;
	max-width:650px;
  	height:150px;
	max-height:150px;
  	border:1px solid #999;
  	color:#616161;
  	font-size:14px;
}

input[type=submit]{
  	width:128px;
  	height:33px;
  	border:none;
  	cursor:pointer;
  	background:url(../images/envoyer.jpg) no-repeat;
}

input[type=submit].send{
  	width:128px;
  	height:33px;
  	border:none;
  	cursor:pointer;
  	background:url(../images/send.jpg) no-repeat;
}

span.star{
	color:#1B576D;
	font-size:24px;
}

#map{
	width:1020px;
	height:300px;
	margin-bottom:30px;
	clear:both;
}

/* FOOTER
------------------------------------------------------------------------------------------------------*/

footer{
	width:100%;
	height:406px;	
	background:url(../images/footer.jpg) repeat-x;	
	padding-top:52px;
	clear:both;
}

#wrap_footer{
	width:1020px;
	height:290px;
	margin:0 auto;
}

#box_footer_left{
	width:237px;
	height:290px;
	float:left;
	background:url(../images/box-footer-left.png) no-repeat;
}

#box_footer_left ul{
	list-style-type:none;
	margin:21px 0 0 25px;
	font-size:20px;
}

#box_footer_left ul li{
	margin-bottom:10px;
}

#box_footer_left ul li a{
	text-decoration:none;
	color:#fff;
}

#box_footer_left ul li a:hover, #box_footer_left ul li a.actif{
	font-weight:bold;
}

#box_footer_right{
	width:275px;
	height:290px;
	float:right;
	background:url(../images/box-footer-right.png) no-repeat;
	position:relative;
}

#etic {
    margin-top:30px;
    color:#FFFFFF;
    text-align:center;
}

#team_viewer{
	width:135px;
	height:39px;
	position:absolute;
	left:62px;
	bottom:15px;
}

#box_footer_right ul{
	list-style-type:none;
	margin:21px 0 0 62px;
	color:#fff;
	font-size:20px;
}

#box_footer_right ul li{
	margin-bottom:12px;
}

#box_footer_centre{
	width:484px;
	height:290px;
	margin-left:249px;
	background:url(../images/box-footer-center.png) no-repeat;
}

#box_footer_centre_en{
	width:484px;
	height:290px;
	margin-left:249px;
	background:url(../images/box-footer-center-en.png) no-repeat;
}

#box_footer_centre ul, #box_footer_centre_en ul{
	list-style-type:none;
	margin:23px 0 0 0;
	font-size:18px;
}

#box_footer_centre ul li, #box_footer_centre_en ul li{
	margin-bottom:18px;
}

#box_footer_centre ul li a, #box_footer_centre span, #box_footer_centre_en ul li a, #box_footer_centre_en span{
	text-decoration:none;
	color:#fff;
	display:block;
	width:212px;
	height:15px;
	line-height:15px;
	background:url(../images/puce-orange.png) no-repeat;
	padding-left:28px;
	font-weight:bold;
}

#box_footer_centre ul li a:hover, #box_footer_centre_en ul li a:hover{
	background:url(../images/puce-blanche.png) no-repeat;
}

#box_footer_links_left{
	width:212px;
	height:290px;
	float:left;
	margin-left:46px;
}

#box_footer_links_right{
	width:212px;
	height:290px;
	float:right;
	margin-right:10px;
}

#copy{
	width:1020px;
	height:20px;
	line-height:20px;
	margin:60px auto 0;
	color:#999;
	font-size:16px;
	text-align:center;
}

#copy a{
	color:#999;
	text-decoration:none;
}

#copy a:hover{
	color:#fff;
}

/* LOGICIELS
------------------------------------------------------------------------------------------------------*/

#menu_logiciels{
	width:600px;
	height:40px;
	margin-bottom:20px;
}

#menu_logiciels ul{
	list-style-type:none;
	margin:0 !important;
}

#menu_logiciels ul li{
	float:left;
	margin-right:10px;
}

#menu_logiciels ul li a{
	width:120px;
	height:40px;
	line-height:40px;
	display:block;
	background-color:#1B576D;
	color:#fff;
	text-decoration:none;
	text-align:center;
}

#menu_logiciels ul li a:hover, #menu_logiciels ul li a.sous{
	background-color:#4B8FB7;
	color:#fff;
}