/*
5992c1	bleu clair
123a8c	bleu foncé
f4f4f4	gris pale
666		gris foncé
*/

* {
margin:0;
padding:0;
}
ul{list-style-type:none;}
a{text-decoration:none;}
a img{border:0;}

body{
background:#f4f4f4 url(/images/bg.png) 0 0 repeat-x;
text-align:left;
font:76%/140% Arial,Helvetica,Verdana,sans-serif;
color:#666;
}

.pale{
background:#f4f4f4 url(/images/bg-pale.jpg) 0 0 repeat-x;
}
.section{
width:940px;
margin:0 auto;
}
#bg_outer{
background:url(/images/ban.jpg) 50% 92px no-repeat;
}
#bg_inner{
}

#header{
height:92px;
overflow:hidden;
}
#header h1{
float:left;
padding:12px 0 0 22px;
}
#header h1 a{
color:#fff;
}
#header h1 img{
display:block;
}
#langs{
float:right;
margin:57px 20px 0 0;
}
#langs li{
float:left;
margin:0 0 0 20px;
}
#langs li a{
color:#fcfcfc;
}
#nav{
height:40px;
margin:52px 0 0 132px;
padding:0 0 0 2px;
background:url(/images/menu-bg.png) 0 0 no-repeat;
}
#nav li{
float:left;
height:40px;
/*overflow:hidden;*/
padding:0 2px 0 0;
background:url(/images/menu-bg.png) 100% 0 no-repeat;
}
#nav li a{
display:block;
height:40px;
line-height:40px;
font-size:1.1em;
font-weight:bold;
font-family:"MS Sans Serif",Arial,Helvetica,sans-serif;
color:#666;
padding:0 16px;
}
#nav li a:hover{
/*color:#666;*/
}
#nav li.current a,
#nav li.current a:hover{
color:#5992c1;
}

.banniere{
height:42px;
overflow:hidden;
font-size:1.3em;
padding:24px 0 0 152px;
font-family:"Lucida Sans Unicode","Lucida Sans",Arial,Helvetica,sans-serif;
color:#fff;
z-index:100;
}
#ban1{}/* accueil */
#ban2{background:url(/images/ban02.jpg) 100% 0 no-repeat;}/* societe */
#ban3{background:url(/images/ban03.jpg) 100% 0 no-repeat;}/* solutions */
#ban4{background:url(/images/ban04.jpg) 100% 0 no-repeat;}/* services */
#ban5{background:url(/images/ban05.jpg) 100% 0 no-repeat;}/* actualite */
#ban6{background:url(/images/ban06.jpg) 100% 0 no-repeat;}/* clients */
#ban7{background:url(/images/ban07.jpg) 100% 0 no-repeat;}/* contacts */
#ban8{background:url(/images/ban08.jpg) 100% 0 no-repeat;}/* partenaires */
#ban9{background:url(/images/ban09.jpg) 100% 0 no-repeat;}/* mentions legales */
#ban10{background:url(/images/ban10.jpg) 100% 0 no-repeat;}/* documentation */
#ban11{background:url(/images/ban01.jpg) 100% 0 no-repeat;}/* erreur */


.main{
}


/**************************/
/* colonnes */

.main .bg,
#footer .bg{
background:url(/images/bg-col.jpg) 0 0 no-repeat;
min-height:180px;
}
.main .col01,
#footer .col01{
float:left;
width:290px;
padding:0 10px 10px 0;
}
.main .col02,
#footer .col02{
float:left;
width:288px;
padding:0 12px 10px 20px;
}
.main .col03,
#footer .col03{
float:left;
width:300px;
padding:0 0 10px 20px;
}

.main .col1{
float:left;
width:132px;
padding:0 10px 20px 0;
}
.main .col2{
float:left;
width:303px;
padding:0 10px 20px;
}
.main .col2_2{
float:left;
width:626px;
padding:0 10px 20px;
}
.main .col3{
float:left;
width:142px;
padding:0 0 20px 10px;
}
#footer .col01,
#footer .col02,
#footer .col02_2,
#footer .col03{
padding-top:20px;
}


/**************************/
/* styles generaux partie contenu */
.main h1 a,.main h2 a,.main h3 a,.main h4 a,
.main h1 a:hover,.main h2 a:hover,.main h3 a:hover,.main h4 a:hover{
text-decoration:none;
}
.main .pad{
height:40px;
}
.main h1,
.main h3,
.main h4{
font-size:1.4em;
font-weight:normal;
font-family:Arial,Helvetica,Verdana,sans-serif;
color:#666;
margin:24px 0 16px;
}
.main h1{
font-family:"Lucida Sans Unicode","Lucida Sans",Arial,Helvetica,sans-serif;
}
.main h1 a{color:#666;}
.main h1 a:hover{color:#123a8c;}
.main h2{
font-size:1.2em;
color:#5992c1;
font-weight:bold;
margin:16px 0 10px;
}
.main h2 a{color:#5992c1;}
.main h2 a:hover{color:#123a8c;}
.main h3{color:#5992c1;font-size:1.2em;margin:16px 0 10px;}
.main h3 a{color:#5992c1;}
.main h3 a:hover{color:#123a8c;}
.main h4{color:#5992c1;font-size:0.9em;margin:10px 0 6px;}
.main h4 a{color:#5992c1;}
.main h4 a:hover{color:#123a8c;}
.main p{
margin:0 0 10px;
}
.main ul,
.main ol{
margin:0 0 10px 20px;
}
.main ul{
list-style-image:url(/images/bullet.png);
}
.main a{
color:#123a8c;
text-decoration:underline;
}
.main a:hover{
text-decoration:none;
}
.main a.sober{
text-decoration:none;
}
.main strong{
color:#5992c1;
}
.main em{
color:#444;
}
.main acronym{
border:0;
cursor:help;
}
.main fieldset{
margin:20px 0 10px;
padding:10px;
border:1px solid #5992c1;
}
.main legend{
padding:0 10px;
font-weight:bold;
color:#5992c1;
}
.main dl{
margin:0 0 10px;
}
.main dt{
font-weight:bold;
}
.main dd{
/*background:url(/images/puce.png) 0 70% no-repeat;*/
padding:0 0 0 10px;
margin:0 0 6px;
line-height:120%;
}
.main kbd{
border-top:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #d6b09b;
border-bottom:1px solid #d6b09b;
background:#fffaf4;
padding:0 2px;
}


/**************************/
/* listes */

.main ul.submenu{
list-style-type:none;
list-style-image:none !important;
margin:24px 0 20px;
background:url(/images/line.png) 0 0 repeat-x;
padding:2px 0 0;
}
.main ul.submenu li{
padding:0 0 2px;
background:url(/images/line.png) 0 100% repeat-x;
}
.main ul.submenu li a{
display:block;
color:#666;
margin:0 0 1px;
padding:8px 12px 8px 8px;
text-decoration:none;
font-size:0.9em;
line-height:110%;
}
.main ul.submenu li a span{
color:#5992c1;
font-size:0.9em;
}
.main ul.submenu li a:hover{
color:#3c5079;
}
.main ul.submenu li a:hover span{
color:#3c5079;
}
.main ul.submenu li.current a,
.main ul.submenu li.current a:hover,
.main ul.submenu li.current a span,
.main ul.submenu li.current a:hover span{
color:#123a8c;
background:#dee0e1 url(/images/icon-submenu-current.png) 120px 50% no-repeat;
}



/**************************/
/* useful */

.clear{clear:both;}
.underline{text-decoration:underline;}
.strike{text-decoration:line-through;}
.a_right{text-align:right;}
.a_left{text-align:left;}
.a_center{text-align:center;}
.f_left{float:left;}
.f_right{float:right;}
.color{color:#c00;}
.small{font-size:0.9em;}
.big{font-size:1.2em;line-height:160%;}

.email{margin-bottom:-3px;}


/* buttons */
a.button,
a.button_small{
display:block;
color:#fff;
font-weight:bold;
height:25px;
line-height:25px;
overflow:hidden;
margin:4px auto;
padding:0 0 0 30px;
width:136px;/*166*/
background:url(/images/button.png) 0 0 no-repeat;
text-decoration:none !important;
}
a.button_small{
width:112px;/*142*/
background:url(/images/button_small.png) 0 0 no-repeat;
}
a:hover.button,
a:hover.button_small{
background-position:0 -25px;
}
a.button_pdf,
a.button_rss{
display:block;
color:#5992c1;
height:34px;
line-height:110%;
margin:0 auto;
padding:8px 0 0 38px;
width:104px;/*142*/
background:url(/images/button-pdf.png) 0 0 no-repeat;
text-decoration:none !important;
}
a.button_rss{
background:url(/images/button-rss.png) 0 0 no-repeat;
}
a.button_pdf:hover,
a.button_rss:hover{
color:#123a8c;
}


/* reguliers */
.line{
background:url(/images/line.png) 0 0 repeat-x;
height:2px;
margin:2px 0 1px;
}
.main p.more_about{
padding:6px 0;
}
.main p.more_about a{
background:url(/images/icon-puce.png) 0 50% no-repeat;
padding:2px 0 2px 24px;
}



/* pied de page */
#footer{
clear:both;
font-size:0.9em;
padding:0 0 10px;
}
#footer p{
margin:0 0 10px;
}
#footer .col03 a{
color:#123a8c;
text-decoration:underline;
}
#footer .col03 a:hover{
color:#5992c1;
}
#footer p.partners a{
color:#fff;
}
#footer p a.current,
#footer p a:hover.current{
text-decoration:none;
font-weight:bold;
color:#666;
cursor:text;
}
/* footer homepage */
.section p.footer_links{
color:#666;
font-size:0.84em;
margin:0 0 30px;
}
.section p.footer_links a{
text-decoration:none;
color:#666;
}
.section p.footer_links a:hover{
color:#123a8c;
}




/**************************/
/*** ACCUEIL ***/
.main .col04{
background:url(/images/bg-col4.jpg) 0 0 no-repeat;
padding:0 0 10px;
}
.main .col05{
float:left;
width:608px;
}
.main .col06{
float:right;
width:300px;
}

div.slideshow{
margin:0;
width:300px;
height:161px;
overflow:hidden;
position:relative;
}
div.slideshow p{
position:absolute;
top:137px;
left:0;
margin:0;
padding:0 4px 0 10px;
width:286px;
height:24px;
line-height:22px;
overflow:hidden;
z-index:1000;
font-weight:bold;
color:#dae8f8;
/*background:#123a8c;*/
}
div.slideshow ul{
display:none;
/*float:right;
margin:300px 0 0;
background:#fff;
overflow:hidden;
padding:4px 8px 0;
z-index:1000;
}
div.slideshow ul a {
background:url(/images/slide-a.gif) no-repeat;
cursor:pointer;
display:block;
float:left;
height:14px;
margin:0 2px 0 0;
overflow:hidden;
width:12px;
}
div.slideshow ul a.prev {
background-image:url(/images/slide-prev.gif);
width:14px;
}
div.slideshow ul a.next {
background-image:url(/images/slide-next.gif);
margin-right:0;
width:14px;
}
div.slideshow ul a.active,
div.slideshow ul a.prev:hover,
div.slideshow ul a.next:hover {
background-position:0 -14px;
}
div.slideshow ul li {
float:left;
list-style:none;*/
}
#discover_solutions p{
margin:0;
}
#discover_solutions p span{
padding:0 0 0 10px;
}
#discover_solutions p span a{
color:#666;
text-decoration:none;
}
#discover_solutions p span a:hover{
color:#123a8c;
}
#discover_solutions p img{
vertical-align:middle;
}
#references{
background:url(/images/bg-col5.jpg) 0 0 no-repeat;
height:88px;
overflow:hidden;
margin:0 0 10px;
padding:6px 0 0 12px;
}

.main #carousel{
position:relative; /*important*/
overflow:hidden; /*important*/
width:596px; /*important*/
height:80px; /*important*/
}
.main #carousel #carousel_content{
position:absolute;
top:0;
left:0;
}
.main #carousel #carousel_content .carousel_item {
padding:0;
height:80px;
}
.main a.a_box,
.main a:hover.a_box{
display:block;
width:596px;
height:80px;
line-height:100%;
clear:both;
padding:0;
margin:0;
}
.main a.a_box img{
float:left;
margin:0 6px 0 0;
}

.main p.xp a,
.main p.actu a{
text-decoration:none;
color:#5992c1;
font-weight:bold;
}
.main p.xp a:hover,
.main p.actu a:hover{
color:#123a8c;
}
.main p.xp span,
.main p.actu span{
font-size:0.9em;
}

.main #contact{
margin:20px 0 0;
}
.main #contact .f_left{
font-size:0.9em;
width:135px;
background:url(/images/bg-address.png) 100% 0 no-repeat;
}
.main #contact .f_right{
width:135px;
font-size:0.9em;
padding:18px 0 0;
}
.main #contact .f_right img{
vertical-align:middle;
}
.main #contact .f_right a{
text-decoration:none;
}
.main #contact .f_left strong,
.main #contact .f_right span{
color:#000;
}

.main #img_dcvr{
margin:24px 0 0 -20px;
}


/*** SOLUTIONs ***/
/* old-school carousel */
#carousel_oldschool_container{
float:left;
width:788px;
/*overflow:hidden;*/
padding:24px 0 10px 10px;
background:#fff;/**/
height:202px;
}
#carousel_oldschool{
position:relative !important;
}
#carousel_oldschool img{
background:#fff;
}

/* flash carousel */
#carousel_oldschool_container #carousel444{
width:788px;
display:block;
}

/* mootools carousel */
.main #carousel2{
float:right;
position:relative;
overflow:hidden;
width:788px;
height:202px;
}
.main #carousel2 #carousel_content2{
position:absolute;
top:0;
left:0;
}
.main #carousel2 #carousel_content2 .carousel_item2{
margin:0;
padding:0;
width:788px;
height:202px;
float:left;
}
.main #carousel2 #carousel_content2 .carousel_item2 a,
.main #carousel2 #carousel_content2 .carousel_item2 a:hover{
text-decoration:none;
}
.main #carousel2 a img{
display:block;
float:left;
width:220px;
height:202px;
}
.main #carousel2 .description{
display:block;
float:right;
width:548px;
margin:0;
padding:0;
}
.main #carousel2 .description * {
display:block;
margin:0;
padding:0;
}
.main #carousel2 .description h1.description_title a{
font-size:2em;
margin:20px 0;
}
.main #carousel2 .description p.description_sdesc a{
font-size:1.2em;
padding:0 0 10px;
color:#5992c1;
}
.main #carousel2 .description p.description_sdesc a:hover{
color:#123a8c;
}
.main #carousel2 .description p.description_desc a{
height:76px;
overflow:hidden;
color:#666;
}
.main #carousel2 .description p.description_desc a:hover{
color:#123a8c;
}
.main #carousel2 .description p.links a.button_small{
float:left;
padding:0 0 0 30px;
}



.main .solutions h2{
margin:0 0 4px;
font-size:1em;
font-weight:normal;
}
.main .solutions h2 img{
vertical-align:middle;
}
.main .menu_img{
margin:0 0 8px;
padding:8px 0 0;
}
.main .menu_img a{
text-decoration:none;
}
.main .menu_img h2,
.main .menu_img p{
margin:0;
}
.main .menu_img p.f_left{
margin:0 10px 0 0;
}
.main .menu_img p.f_left img{
display:block;
}
.main .menu_img p a{
color:#666;
}

.main .screen_c{
margin:0 0 10px;
}
.main .screen_c img{
display:block;
}

/*** ACTUALITE ***/
.main ul#actu{
list-style-image:none !important;
list-style-type:none;
margin:0 0 10px;
background:url(/images/line.png) 0 0 repeat-x;
padding:2px 0 0;
}
.main ul#actu li{
padding:0 0 2px;
background:url(/images/line.png) 0 100% repeat-x;
}
.main ul#actu li a{
display:block;
padding:3px 0 4px;
text-decoration:none;
font-size:0.9em;
line-height:110%;
color:#666;
border-bottom:1px solid #f4f4f4;
background:#f4f4f4;
}
.main ul#actu li a:hover{
text-decoration:none;
border-bottom:1px solid #fff;
/* following managed by JS */
/*color:#123a8c;
background:#dee0e1 url(/images/line.png) 0 100% repeat-x;*/
}
.main ul#actu a.current,
.main ul#actu a:hover.current{
text-decoration:none;
color:#5992c1;
background:none;
border-bottom:1px solid #f4f4f4;
}
.main .actus a{text-decoration:none;color:#666;display:block;}
.main .actus a:hover{color:#123a8c;}
.main .actus h2 a{color:#5992c1;}
.main .actus p a{color:#666;}

.main p.img_f_right{
float:right;
padding:40px 0 0 20px;
}
.main .aktu h2,
.main .aktu h3,
.main .aktu h4{
border:0;
}


/*** CLIENTS ***/
.main p.item{
line-height:0;
float:left;
margin:0 10px 10px 0;
}
.main p.item a.reverse{
cursor:pointer;
}
.main p.item a.reverse span{
display:none;
overflow:hidden;
}
.main p.item a:hover.reverse span{
z-index:1000;
display:block;
margin:-80px 0 0;
padding:10px;
width:90px;
height:60px;
background:#dee0e1;
text-align:center;
font-weight:bold;
line-height:120%;
color:#666;
}
.main p.item a:hover.reverse img{
visibility:hidden;
}
.main p.empty{
line-height:0;
float:left;
margin:0 10px 10px 0;
background:#dee0e1;
width:110px;
height:80px;
}
.main .feedback a{
display:block;
text-decoration:none;
font-size:0.9em;
line-height:110%;
color:#666;
}
.main .feedback h2{
margin:0 0 4px;
padding:0;
}
.main .feedback h2 a{color:#5992c1;}
.main .feedback h2 a:hover{color:#123a8c;}
.main .feedback p{
margin:0 0 10px;
padding:0 0 5px;
background:url(/images/line.png) 0 100% repeat-x;
}
.main .feedback p a{color:#666;}
.main .feedback p a:hover{color:#123a8c;text-decoration:underline;}
/*
5992c1	bleu clair
123a8c	bleu foncé
f4f4f4	gris pale
666		gris foncé
*/


/*** DOCUMENTATION ***/
.main #all_docs{
}
.main p.docu{
float:left;
width:296px;
height:14px;
line-height:14px;
margin:0 20px 10px 0;
padding:2px;
background:#dee0e1;
overflow:hidden;
}
.main p.docu.last_item{
margin-right:0;
}
.main p.docu.err{
color:#c00;
}
.main .return_pdf{
font-size:1.2em;
line-height:140%;
}
.main .return_pdf a{
text-decoration:none;
}
.main .return_pdf a:hover{
color:#5992c1;
}

/*** PARTENAIRES ***/
.main .part_text{
float:left;
width:400px;
}
.main img.partner{
display:block;
width:200px;
margin:20px 0 0;
}
.main a.out{
display:inline-block;
width:11px;
height:7px;
overflow:hidden;
text-indent:20px;
margin:0 0 0 6px;
background:url(/images/icon-out.png) 0 -7px no-repeat;
}
.main a:hover.out{
background:url(/images/icon-out.png) 0 0 no-repeat;
}

/*** CONTACT ***/
/*
.main #references dd{
background:none;
}

#right #access{
float:right;
margin:80px 0 20px 10px;
}
#right #access a{
display:block;
padding:1px;
background:#fff;
border:1px solid #ce4001;
}
#right #access a:hover{
background:#ce4001;
}
#right #access a img{
display:block;
}
*/
.main form{
}
.main form p{
font-size:0.9em;
line-height:120%;
margin:0 0 6px;
}
.main input,
.main textarea{
font:1em/120% Verdana,"Trebuchet MS",Arial,sans-serif;
color:#333;
width:297px;
background:#fff;
border:1px solid #ddd;
padding:6px 2px;
}
.main input.x{
width:auto;
border:0;
background:none;
padding:0;
}
.main input#captcha{
width:20px;
text-align:center;
}
.main input.submit{
width:142px;
height:25px;
line-height:25px;
padding:0;
background:url(/images/button_submit.png) 0 0 no-repeat;
color:#fff;
font-weight:bold;
text-align:center;
border:0;
cursor:pointer;
}
.main input:hover.submit{
background-position:0 -25px;
}
/*erreurs*/
.main form p.focus{
}
.main form p.focus input,
.main form p.focus textarea{
border:1px solid #c00;
}
.main form p.focus label{
color:#c00;
}
.main form p.focus input.x{
border:0;
background:none;
}

.main .ok,
.main .error{
margin:0 0 20px;
font-size:0.9em;
line-height:120%;
padding:10px 10px 10px 60px;
color:#333;
min-height:36px;
}
.main .ok p,
.main .error p,
.main .ok ul,
.main .error ul{
margin:0;
}
.main .ok{
border:1px solid #5992c1;
background:#f6f6f6 url(/images/icon-ok.png) 10px 50% no-repeat;
}
.main .error{
border:1px solid #c00;
background:#f6f6f6 url(/images/icon-error.png) 10px 50% no-repeat;
}
.main .error ul{
margin:0;
list-style-image:none;
list-style-type:none;
}



/* slideshow */
#left .slideshow{
margin:0;
width:195px;
margin:0 0 20px;
}
#left .slideshow ul{
/*float:right;*/
margin:4px 0 0;
background:#efdfcc;
overflow:hidden;
padding:0;
z-index:1000;
}
#left .slideshow ul a{
background:transparent url(/images/slide-a.png) no-repeat;
cursor:pointer;
display:block;
float:left;
height:14px;
margin:0 0 0 1px;
overflow:hidden;
width:12px;
}
#left .slideshow ul a.prev{
background-image:url(/images/slide-prev.png);
width:14px;
}
#left .slideshow ul a.next{
background-image:url(/images/slide-next.png);
width:14px;
}
#left .slideshow ul a.active,
#left .slideshow ul a.prev:hover,
#left .slideshow ul a.next:hover{
background-position:0 -14px;
}
#left .slideshow ul li{
float:left;
list-style:none;
}


/* tooltip */
.tool-tip {
position:relative;
color:#fff;
width:200px;
z-index:13000;
margin:-40px 0 0 0;
line-height:120%;
font-size:0.8em;
}
.tool-title {
font-weight:bold;
color:#000;
padding:8px 8px 4px;
background:url(/images/bubble.png) 0 0;
}
.tool-text {
font-size:0.9em;
text-align:left;
color:#000;
padding:4px 8px 8px;
background:url(/images/bubble.png) 100% 100%;
}