html{background:#FFF}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{margin:0; padding:0}

fieldset, img{border:0}
/*address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}*/
/*li{list-style:none}*/
li{list-style-position:inside;}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
q:before, q:after{content:''}
abbr, acronym{border:0; font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input, textarea, select{font-family:inherit; font-size:inherit; font-weight:inherit}
input, textarea, select{font-size:100%}
legend{color:#fff}
del, ins{text-decoration:none}
input{border:1px solid #000}
html,body{font-size:100%; height:auto !important; min-height:100%;background-color:#b9b9bb}
body *{font-family:Verdana,Geneva,Arial}
strong{font-weight:bold}
h1,h2,h3,h4,h5,h6{font-weight:bold}
#menu a{text-decoration:none;color:#fff}
#menu a:hover{text-decoration:underline;color:#fff}
#menu a:focus{outline:none;color:#fff} 
*{color:#000}

/* UTILITAIRE */
.clear{clear:both}
br.clear{line-height:0;height:0}
.leftCol{float:left}
.right{float:right}
.onlyprint{display:none;}

.societe{padding:20px 20px 20px 50px}

/* PRINCIPAL */
#siteContainer{background-image:url(/style/images/ui-site/bg.png);background-repeat:repeat-x;min-height:730px}
#site{width:1200px;margin:auto;min-height:730px}
#header{background-image:url(/style/images/ui-site/header.png);width:1150;height:153px}
#menuTop ul li{list-style-image:none;float:left;display:block;color:#fff;margin:0 10px}
#menuTop{line-height:30px;height:30px;background-image:url(/style/images/ui-site/whitebar.png);background-repeat:no-repeat;background-position:bottom center;width:768px;padding-bottom:10px;margin-bottom:25px}
#bluetip {display:none;background:transparent url(/style/images/ui-site/bluetip.png);font-size:12px;height:42px;line-height:30px;width:108px;padding:5px;color:#fff;z-index:100000;text-align:center}
#tools{height:30px;line-height:23px;}
#footer{background-image:url(/style/images/ui-site/footer.png);height:143px;margin:auto;width:1189px}
#footerContainer{background-image:url(/style/images/ui-site/footer-bg.png);bottom:0;width:100%}
#fakeFooter{height:143px}
#menuTop, #content{margin-left:120px}
#footerInfos{margin-left:350px;padding-top:50px;}

#menuTop{margin-left:190px}
.bluetitle{background-image:url(/style/images/ui-site/bluetitle.png);color:#FFFFFF;font-weight:bold;height:29px;line-height:22px;margin-bottom:20px;padding-left:10px;width:232px;}
#homePlayer{margin-left:15px;float:left}

#container{color:#fff;font-weight:bold}

/* CARROUSSEL PRODUITS */
.produit-carroussel{background-image:url(/style/images/ui-site/carroussel-produits-pbg.png);background-repeat:no-repeat;width:901px;height:141px}
.produit-carroussel-title{color:#fff;padding-left:15px;line-height:35px;}
.produits-scrolling{background-image:url(/style/images/ui-site/carroussel-produits-bg.png);background-repeat:no-repeat;width:848px;height:82px;float:left;position:relative;overflow:hidden}
.carroussel .prevPage{background-image:url(/style/images/ui-site/carroussel-produits-arrowleft.png);height:25px;width:19px;float:left;display:block;margin:25px 3px 0 3px}
.carroussel .nextPage{background-image:url(/style/images/ui-site/carroussel-produits-arrowright.png);height:25px;width:19px;float:left;display:block;margin:25px 0 0 3px}
.produit-carroussel .items img{margin:3px 10px}
.produits-scrolling div.items {width:20000em; position:absolute} 

/* BLOCS */

/* transbloc */
.block-secteur{width:306px;float:left}
.trans-bloc-content{background-image:url(/style/images/ui-site/trans-bg.png);height:244px;padding:10px 0;background-repeat}
.trans-bloc-title{background-image:url(/style/images/ui-site/trans-titre.png);height:20px;line-height:20px;background-repeat: no-repeat;padding-left:20px;color:#00017d;font-weight:bold;font-size:10px;width:136px}
.trans-bloc-subtitle{background-image:url(/style/images/ui-site/trans-subtitre.png);line-height:25px;margin-left:2px;padding-left:10px;background-repeat: repeat-y;font-weight:bold;color:#fff}
.secteur-image{margin:5px}

/* bluebloc */
.block-actu{float:left;margin-left:15px;}
.blue-bloc-content{background-image:url(/style/images/ui-site/actu-bg.png);width:197px;height:255px;padding:10px 7px;background-repeat}
.block-actu .actu{width:197px;height:200px;float:left}
.block-actu .actu-title{color:#fff;font-weight:bold;width:197px;overflow:hidden;line-height:20px}
.actu-accroche{color:#00017d}

/* Carroussel actus */
.actus-scrolling{background-repeat:no-repeat;width:197px;height:200px;float:left;position:relative;overflow:hidden}
.actus-scrolling div.items {width:20000em; position:absolute} 
.carroussel-actu .prevPage{background-image:url(/style/images/ui-site/actu-prev.png);height:16px;width:15px;float:left;display:block;margin:25px 3px 0 3px;float:left}
.carroussel-actu .nextPage{background-image:url(/style/images/ui-site/actu-next.png);height:16px;width:15px;float:left;display:block;margin:25px 0 0 3px;float:right}

.block-secteur .prevPage{background-image:url(/style/images/ui-site/arrow-up.png);height:16px;width:15px;float:left;display:block;margin:1px 3px 0 3px;float:right}
.block-secteur .nextPage{background-image:url(/style/images/ui-site/arrow-down.png);height:16px;width:15px;float:left;display:block;margin:1px 0 0 3px;float:right}

/* secteurs scrolling */
.secteurs-scrolling {position:relative; overflow:hidden; height: 234px;width: 306px;} 
.secteurs-scrolling div.items {position:absolute; height:20000em;width: 302px;}

#menuLeft{float:left}
#menuLeftTop{background-image:url(/style/images/ui-site/menu.png);width:215px;height:13px}
#menuLeft .accordion{width:215px;}
#menuLeftBottom{background-image:url(/style/images/ui-site/menu.png);width:215px;background-position:0 -113px;height:30px}
#menuLeft .accordion h2.current{background-image:url(/style/images/ui-site/menu.png);width:175px;line-height:25px;background-position:0 -13px;border:none;padding:0 20px;color:#00017f;font-weight:bold}
#menuLeft .accordion h2.current a{color:#00017f;font-weight:bold}
#menuLeft .accordion h2{background-image:url(/style/images/ui-site/menu.png);width:175px;line-height:25px;background-position:0 -63px;border:none;padding:0 20px;}
#menuLeft .accordion div.pane{background-color:#291487;border:none}

/* FICHES */
.fiche1{background-image:url(/style/images/ui-site/fiche-bg.png);min-width:623px;min-height:397px;float:left;margin-left:25px;background-repeat:no-repeat}
.fiche1 .title{font-weight:bold;line-height:35px;padding-left:25px;color:#00017f}
.fiche1 .title img{margin:-10px 0 0;vertical-align:middle;}
.fiche1 .contentLeft,.fiche1 .contentRight{float:left;padding:10px;width:275px;}
.fiche1 .contentRight{width:305px;}
.fiche1 .contentLeft .illustration img{margin:18px 0 0 3px}
.fiche1 .solutions{background-image:url(/style/images/ui-site/lilcaroussel-bg.png);margin-top: 15px;height:93px;}
.fiche1 .solutions .title{color:#fff;line-height:18px;padding-left:10px;margin-bottom:7px;}
.lilcarroussel .produits-scrolling{background-image:none;width:226px}
.lilcarroussel .prevPage{background-image:url(/style/images/ui-site/actu-prev.png);height:16px;width:15px;float:left;display:block;margin:25px 3px 0 3px;float:left}
.lilcarroussel .nextPage{background-image:url(/style/images/ui-site/actu-next.png);height:16px;width:15px;float:left;display:block;margin:25px 5px 0 0;float:right}
.lilcarroussel .produits-scrolling img{height:60px;width:80px}
.fiche1 .secteurs .title{background-image:url(/style/images/ui-site/title-blue.png);line-height:20px;margin-top:20px;color:#fff;padding-left:10px;width:257px}
.fiche1 .icons img{margin:5px}

/* LISTES */
.liste{background-image:url(/style/images/ui-site/listing-bg.png);width:629px;min-height:377px;float:left;margin-left:25px;background-repeat:no-repeat}
.liste .title{font-weight:bold;line-height:35px;padding-left:30px;color:#00017f}
.liste .carroussel-liste .title{line-height:30px;color:#fff}
.liste .carroussel{margin:25px;width:500px;float:left;position:relative;overflow:hidden;height:100px}
.liste .carroussel div.items {width:20000em; position:absolute} 
.liste .content{padding:10px 15px;overflow-y:auto;overflow-x:hidden;height:150px}
.liste .carroussel-liste .prevPage{background-image:url(/style/images/ui-site/big-prev.png);height:27px;width:27px;float:left;display:block;margin:50px 3px 0 10px;float:left}
.liste .carroussel-liste .nextPage{background-image:url(/style/images/ui-site/big-next.png);height:27px;width:27px;float:left;display:block;margin:50px 5px 0 0;float:right}


/* LISTES */
.contentB{background-image:url(/style/images/ui-site/bg-content.png);width:629px;min-height:377px;float:left;margin-left:25px;background-repeat:no-repeat}
.contentB .title{font-weight:bold;line-height:35px;padding-left:30px;color:#00017f}
.contentB .content{padding:15px 50px;}

#contentBox .contentB{width:561px;margin-left:0}

/* ACCORDION SECTEUR */
#secteursAcc{height:315px;padding:0;border:0;width:862px;background-image:url(/style/images/ui-site/secteurs-shadowbot.png);background-repeat:no-repeat;background-position: bottom left;padding:0 0 11px;margin-left:50px}
#secteursAcc img{margin-right:0}
#secteursAcc .secteur-image{margin:20px}
#secteursAcc .secteur{height:307px;overflow:hidden;background-image:url(/style/images/ui-site/secteurs-shadow.png);background-repeat:no-repeat;background-position:left bottom;}

/* VIDEOS */
div.videoscroll {position:relative;overflow:hidden;height: 308px;width: 124px;background-image:url(/style/images/ui-site/video-bg.png)} 
div.videoscroll div.items {position:absolute;height:20000em}
div.videoscroll div.items img{margin:0 0 10px 10px}

#player, #listmovies{float:left;margin-top:40px}
#player{margin-left:50px}
#listmovies{margin-left:50px;margin-top:80px}


/* PRESSE ET REF*/
.presse,.reference{background-image:url(/style/images/ui-site/presse.png);height:138px;width:380px;float:left;padding:10px;margin-right:15px;margin-bottom:15px}
.presse .pic,.reference .pic{width:100px}
.presse .content,.reference .content{height:135px;width:270px;overflow:hidden}
.presse img,.reference img{margin:0px 8px}

/* CONTACT */

form.contact p{float:left;width:400px;margin-bottom:10px}
form.contact p label{display:block;float:left;width:75px;font-weight:bold;color:#E30073}
form.contact p.message{width:600px}
form.contact p textarea{width:755px;height:200px}
form.contact p input{width:280px}
form.contact p.captcha {width:600px}
form.contact .submit{float:right;background-image:url(/style/images/ui-site/ok.png);width:42px;height:35px;background-color:transparent;border:none;cursor:pointer}
#menuLeft.contact{background-image:url(/style/images/ui-site/contact.png);width:221px;height:280px}
.error{color:red;margin-left:10px;font-weight:bold}

/* GMAP */
#map{width:640px;height:480px;float:left;margin-left:20px}

/* Plan */
#plan h2{font-size:18px;color:#fff}
#plan .cat{margin-left:20px}
#plan h3 a{font-size:14px;color:#00017F}
#plan .items{margin-left:10px}
#plan h4{float:left;margin:10px 0 10px 15px}
#plan h4 a{color:#00017F}
#plan .zone{margin-bottom:20px}

/* OUTILS */
#tools .right{margin-right:200px}
#tools .right img{margin-left:10px}