﻿@charset "utf-8";

/*
-----------------------------------------------------------------------------------------
ARTHUR LOYD - SCREEN - QUISOMMESNOUS
CREATION : GOWEB / LAURENT ANDRZEJAK
Email: la@goweb.fr

--------------
NOTES
--------------
Cette feuille de style contient tous les éléments standards utilisés dans la section
qui sommes-nous

--------------
CONTENTS
--------------
## GENERAL
## CONTENT PRIMARY
## CONTENT SECONDARY
## ITEMS
## EQUIPE

-----------------------------------------------------------------------------------------
*/

/*  ## GENERAL ------------------------------------------------------------------------*/

h2{
background:url(../images/stat/standard-page-heading2-bg.jpg) 0 0 repeat-y;
width:360px;
padding:10px 0 10px 15px;
color: #3f4042;
font-size: 14px;
margin-top:3px;
}
h2 span.level-1{
background:url(../images/stat/arrow-bullet-red-bg-grey.gif) 0 6px no-repeat;
padding-left:15px;
display:block;
clear:both;
font-weight:normal;
}
h2 span.level-2{
color:#86888b;
font-size:12px;
padding-left:15px;
}
.standard h2{
background:url(../images/stat/arrow-bullet-red.gif) 0 6px no-repeat;
padding:0;
margin:0;
width:100%;
padding-left:15px;
}
.content-primary
{
 z-index:1;
}
/*  ## CONTENT-PRIMARY -----------------------------------------------------------------*/
span.img{
float:left;
width:222px;
margin-left:0;
padding-left:0;
text-align:center;
}
span.img img{
padding:0;
margin:0;
}
div.description{
float:left;
width:360px;
overflow:hidden;
}
div.description p{
padding-left:30px;
}
div.description .btn{
float:right;
}
div.description ul{
margin:0;
padding:0 0 12px 40px;
}
div.description ul li{
background:url(../images/stat/red-bullet-square.gif) 0 7px no-repeat;
padding-left:15px;
}
.standard ul{
padding:0 0 5px 0;
margin:0;
}
.standard ul li{
background:url(../images/stat/red-bullet-square.gif) 0 7px no-repeat;
padding-left:15px;
}
/*  ## CONTENT-SECONDARY -----------------------------------------------------------------*/
.submenu-st{
background:url(../images/stat/standard-page-submenu-bg.jpg) 0 0 no-repeat;
padding:15px 8px 10px 10px;
width:265px;
margin-bottom:30px;
border-bottom:1px #C5C5C5 solid;
border-left:1px #EEEEEE solid;
border-right:1px #BBBBBB solid;
border-top:1px #F8F8F8 solid ;
}
.submenu-st ul{
padding:0;
margin:0;
}
.submenu-st ul li{
background:url(../images/stat/standard-page-submenu-separator.gif) 0 100% no-repeat;
padding-left:10px;
list-style-type:none;
padding:3px 0 5px 10px;
}
.submenu-st ul li a{
background:url(../images/stat/standard-page-submenu-bullet.gif) 0 5px no-repeat;
padding-left:15px;
text-decoration:none;
color:#6c6f72;
}

.submenu-st ul li a.selected{
font-weight:bold;
}
.submenu-st ul li a:hover{
text-decoration:underline;
}
.submenu-st ul li a.selected:hover{
text-decoration:none;
}
.submenu-st ul li.last{
background:none;
}

/*  ## ITEMS ------------------------------------------------------------------------*/
div.item{
overflow:hidden;
padding:8px 10px;
margin-top:10px;
}


/*  ## EQUIPES ----------------------------------------------------------------------*/
div.team{
background:url(../images/quisommesnous/equipe/photo-equipe-arthurloyd-2011.jpg) 0 0 no-repeat;
width:605px;
height:336px;
display:block;
margin-top:15px;
position:relative!important;
}
div.team a{
display:block;
position:absolute;
text-decoration:none;
}
#benoit-tirot{ width:80px; height:200px; top:135px; left:270px;}
#justine-wattine{width:80px; height:200px; top:135px; left:0px;}
#bertrand-meriaux{width:80px; height:200px; top:135px; left:80px;}
#thomas-dumoulin{width:60px; height:200px; top:135px; left:160px;}
#virginie-tavernier{width:50px; height:200px; top:135px; left:220px;}
#benoit-fouvez{width:70px; height:200px; top:135px; left:350px;}
#stephanie-liber{width:50px; height:200px; top:135px; left:420px;}
#julien-slembrouck{width:60px; height:200px; top:135px; left:470px;}
#nadia-thorel{width:60px; height:200px; top:135px; left:530px;}
#francois-breton{width:40px; height:60px; top:70px; left:490px;}
#tanguy-delcourt{width:40px; height:60px; top:70px; left:435px;}
#nathalie-vanneuville{width:40px; height:60px; top:70px; left:380px;}
#stephane-greugny{width:35px; height:60px; top:70px; left:315px;}
#julien-cailliez{width:35px; height:60px; top:70px; left:260px;}
#justine-binet{width:35px; height:60px; top:70px; left:190px;}
#aurelien-desprets{width:35px; height:60px; top:70px; left:135px;}
#pascale-orjekh{width:45px; height:55px; top:75px; left:60px;}
#severine-haeck{width:29px; height:105px; top:15px; left:105px;}
#hugues-rohart{width:40px; height:55px; top:15px; left:160px;}
#noelle-sanchez{width:30px; height:110px; top:15px; left:227px;}
#thibaut-montois{width:40px; height:55px; top:15px; left:285px;}
#muriel-pioger{width:30px; height:110px; top:15px; left:351px;}
#axel-herbez{width:40px; height:55px; top:15px; left:410px;}
#thibaut-leblan{width:40px; height:55px; top:15px; left:470px;}
#paul-lequint{width:55px; height:115px; top:15px; left:530px;}

span.bubble{
position: absolute;
width: 300px;
height:85px;
left:40px;
top:-100px;
border: 1px solid #999;
padding: 6px 0px 0px 10px;
background:url(../images/stat/bubble-bg.png) 0 0 repeat-x;
z-index: 100;

}
span.bubble img{
	float:left;
	margin:4px 10px 0 0;
}
span.bubble p{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
line-height:1.4em;
margin-right:10px;
padding-top:0!important;
margin-top:0!important;
}
span.bubble .inner-description h3{
color: #e3001b;
padding-top:10px;
}


/*  ## REVUE ----------------------------------------------------------------------*/

div.revueHead{
background-color:#EAEAEA;
overflow:hidden;
border:1px #D5D5D5 solid;
padding:8px 11px 0;
margin-top:10px;
}

div.revueHead dl.revue{
	float:left; 
	width:240px;
	padding:0 25px;
	border:none
}

div.revueHead dl.revue dd{
	margin-left:0;
	width:230px
}

dl.revue{
background-color:#fff;
overflow:hidden;
border:1px #D5D5D5 solid;
padding:8px 10px;
margin-top:10px;
}
dl.first{
margin-top:0px;
}
dl.revue dt{
float:left;
width:117px;
}
dl.revue dd{
float:left;
width:400px;
margin-left:20px;
margin-bottom:5px;
}
dl.revue dd.magazine{
margin-top:10px;
background:url(../images/stat/border-grey-dotted.gif) 0 100% repeat-x;
padding-bottom:5px;
margin-bottom:10px;
}
dl.revue dd.article{
font-weight:bold;
}
dl.revue dd.date{
font-style:italic;
margin-bottom:30px;
}
dl.revue dd.resume{
margin-bottom:30px;
}
