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

body {width:100%; height:100%; background-color:#F1F1F1; margin:0; padding:0; position:relative;}
h1 {margin:0; padding:0;}
img {border:0;}
a {color: #ffffff;}

/* header */

#headerlarge {width:100%; height:50px; margin:0; padding:0; background-color:#FFFFFF; top:0; position:fixed; z-index:4;}
#headerlarge #headershort {width:100%; margin: 0 auto 0 auto; padding:0; position:relative;}
#headerlarge #headershort #coor {margin:0; left:0px; position:relative; width:256px; height:50px; float:left;}
#headerlarge #headershort #coor img.logo {margin:0; padding:0; float:left;}
#headerlarge #headershort #coor span { float:left; font-size:9px; font-family:Arial, Helvetica, sans-serif; width:231px; margin-left:8px; line-height:18px;}
#headerlarge #headershort img.stes {margin:0; right:0px; position:relative; float:right;}

/* site */
#site {height:auto; width:100%; margin:0; padding:0; background:url(../images/degrade.gif) bottom repeat-x; position:fixed; top:50px; bottom:100px;}
#home {height:auto; width:100%; margin:0; padding:0; background:url(../images/pampillevioline.jpg) top no-repeat; position:fixed; top:50px; bottom:100px;}
#contenu {position:relative; height:100%;}


/* what */
#what {position:relative; margin:0; padding:0; width:820px;}
#what img {float:left; margin:0; padding:0; width:820px; height:66px; border:0;}
#what .box {margin:10px 39px 10px 40px; width:140px; text-align:left; font-family:Arial, Helvetica, sans-serif; color:#787777; text-transform:uppercase; font-size:11px; padding:0; float:left; line-height:13px;}
#what .box4 {margin:10px 0 0 40px; width:123px; text-align:left; font-family:Arial, Helvetica, sans-serif; color:#787777; text-transform:uppercase; font-size:11px; padding:0; float:left; line-height:13px;}


/* who */
#whoup {position:relative; margin:0 0 10px 0; padding:0 112px 0 112px; width:656px; float:left;}
#whoup .logogo { float:left; border:0; margin:0 10px 10px 10px;}
#who {position:relative; margin:0; padding:0; width:880px; height:152px; float:left;}

#who .bio { margin:10px 10px 0 10px; width:178px; height:120px; text-align:left; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:11px; padding:10px; float:left; background-color:#FFFFFF; border:1px solid #CCCCCC; position:relative; line-height:13px;}
#who .bio img{float:left; margin: 0 10px 0 0; border:0;}
#who .bio p {margin:0; padding:0; width:84px; float:left;}
#who  .bio p span {text-transform:uppercase; font-size:11px; font-weight:bold; line-height:13px;}
#who a {text-decoration:none; color:#000000;}
#who a:hover {text-decoration:none; color:#787777;}

/* fiche who */
#perso {position:relative; margin:0; padding:0; width:548px; height:225px; background-color:#FFFFFF; border:1px solid #CCCCCC;}
#perso .close {margin: 1px 1px 0 0; float:right; border:0;}
#perso .bio {padding:20px 0 0 20px; width:508px; height:175px; text-align:left; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:11px; float:left; line-height:13px;}
#perso .bio img{float:left; margin:0 10px 0 0; border:0;}
#perso .bio p {margin:0; padding:0; float:left; width:398px; color:#202121;}
#perso .bio span {margin:0; padding:0; font-family:"Times New Roman", Times, serif; font-size:11px;}
#perso  .bio h2 { font-family:"Times New Roman", Times, serif; font-size:12px; margin:0 0 10px 0;; padding:0; font-weight:bold; float:left; width:398px; line-height:14px;}
#perso a {text-decoration:none; color:#000000;}
#perso a:hover {text-decoration:none; color:#787777;}
#perso .language {width:505px; margin: 0 20px 0 20px; height:20px; text-align:right; padding:0; float:left; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:9px;}


#titre {position:fixed; bottom:170px; width:100%; height:96px; margin:0; text-align:center; z-index:1;}


.clientitre { text-transform:uppercase; color:#000000; font-size:18px; font-family:"Times New Roman", Times, serif; font-weight:normal; padding:0; margin: 0 0 20px 0;}
.clientext { font-size:12px; color:#202121; font-family:Arial, Helvetica, sans-serif; line-height:14px;}
/*.supdefil {margin: 0 0 27px 0;*/

/* footer */
#footerlarge {width:100%; height:100px; margin:0; padding:0; background-color:#FFFFFF; bottom:0px; position:fixed; z-index:3;}
#footerlarge #footershort {width:100%; height:100px; margin: 0 auto 0 auto; padding:0; position:relative;}
#footerlarge #footershort #menu {padding:0px; margin:30px auto 0 auto; height:17px; width:440px; clear:both;}
#footerlarge #footershort #menu li {list-style-type:none; float:left; padding:0px; margin:0;}
#footerlarge #footershort #menu li a.clients{width:77px;}
#footerlarge #footershort #menu li a.what{width:59px; margin-left:58px;}
#footerlarge #footershort #menu li a.who{width:50px; margin-left:70px;}
#footerlarge #footershort #menu li a.news{width:54px; margin-left:72px;}

#footerlarge #footershort #menucl { width:100%; height:30px; margin:0; padding:0; position:relative;}
#footerlarge #footershort #menucl .btncl { float:left; padding:2px 25px 2px 25px; font-size:14px; color:#FFFFFF; text-transform:uppercase; font-family:"Times New Roman", Times, serif; display:block; cursor:pointer; background-color:#000000;}
#footerlarge #footershort #menucl #smcl { position:absolute; height:255px; width:494px; background-image:url(../images/trans.png); background-repeat:repeat; top:-255px; left:0; display:none; padding:0 20px 0 20px;}
#footerlarge #footershort #menucl #smcl .col1 { float:left; width:154px; margin:5px 0 0 0; height:245px; position:relative; border-right:1px solid #C1C1C1; padding:0 5px 0 5px;}
#footerlarge #footershort #menucl #smcl .col2 { float:left; width:154px; margin:5px 0 0 0; height:245px; position:relative; padding:0 5px 0 5px;}
#footerlarge #footershort #menucl #smcl a { width:100%; float:left; margin:0 0 7px 0; text-decoration:none; font-size:9px; line-height:11px; text-transform:uppercase; color:#000000; font-family:Arial, Helvetica, sans-serif;}
#footerlarge #footershort #menucl #smcl a:hover { color:#535353;}


#footerlarge #footershort #menu2 {padding:0px; margin:0 auto 0 auto; height:17px; width:440px; clear:both;}
#footerlarge #footershort #menu2 li {list-style-type:none; float:left; padding:0px; margin:0;}
#footerlarge #footershort #menu2 li a.clients{width:77px;}
#footerlarge #footershort #menu2 li a.what{width:59px; margin-left:58px;}
#footerlarge #footershort #menu2 li a.who{width:50px; margin-left:70px;}
#footerlarge #footershort #menu2 li a.news{width:54px; margin-left:72px;}

#footerlarge #footershort #terfoo {margin:29px 0 0 0; width:100%; list-style:none; padding:0; height:24px; text-align: justify; font-size:12px;}