/*
Theme Name: Séquane
Theme URI: http://www.sequane.fr/
Description: Thème du site Séquane
Version: 1.0
Author: Amaury BALMER
Author URI: http://wp-box.fr/
*/

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
background:url(images/bg_02.gif) center top;
margin:0;
padding:0;
}

#header {
display:none;
position:absolute;
top:-9999px;
left:-9999px;
}

#conteneur {
width:820px;
position:relative;
margin:-2px auto 0;
padding:0;
}

#logo {
height:219px;
width:209px;
background:#fff url(images/logo.gif) no-repeat top;
margin:0;
}

/* menu */
#menu {
width:188px;
position:absolute;
top:0;
left:211px;
background-color:#FFF;
margin-left:0;
}

#menu ul {
list-style-type:square;
margin:0;
padding:0;
}

#menu li {
display:inline;
}

#menu a {
font-weight:400;
color:#666;
text-decoration:none;
display:block;
text-align:left;
text-transform:uppercase;
font-size:11px;
line-height:11px;
background:#fff url(images/menub.gif) no-repeat top left;
padding:6px 3px 6px 10px;
}

#menu a:hover {
color:#555;
background:#eee url(images/menu.gif) no-repeat top left;
padding:6px 3px 6px 11px;
}

/* blocs titres */
#bloc1 {
position:absolute;
z-index: 9;
height:129px;
width:397px;
top:77px;
left:421px;
background-color:#FFF;
background-position:center center;
border-top:solid #ccc 1px;
}

.accueil {
background-image:url(images/sequoi.gif);
}

.identite {
background-image:url(images/ident.gif);
}

.communication-papier {
background-image:url(images/papier.gif);
}

.communication-internet {
background-image:url(images/internet.gif);
}

.communication-ciblee {
background-image:url(images/cible.gif);
}

.conseil {
background-image:url(images/cible.gif);
}

.evenement-dentreprise {
background-image:url(images/event.gif);
}

.medias {
background-image:url(images/cible.gif);
}

.nos-references {
background-image:url(images/refer.gif);
}

.nous-contacter {
background-image:url(images/contact.gif);
}

/* bloc contenu */
#bloc2_acc {
position:absolute;
height:auto;
width:450px;
top:260px;
border:solid #ccc 1px;
left:290px;
overflow:auto;
background:#FFF url(images/point3.gif) no-repeat top right;
font-size:12px;
}

#bloc2 {
height:auto;
width:450px;
float:left;
margin-top:40px;
margin-left:30px;
border:solid #ccc 1px;
background:#FFF url(images/pointb.gif) no-repeat left bottom;
margin-bottom:20px;
position: relative;
}

#bloc2 ul {
list-style-type:square;
margin:10px 5px 10px 25px;
}

#bloc2 ul li {
margin:8px 0;
}

#bloc2 h1, #bloc2 h2, #bloc2 h3, #bloc2 h4, #bloc2 h5 {
margin: 10px;
}
#bloc2 p,#bloc2_acc p {
text-align:justify;
margin:10px;
}

#bloc2 a {
color:#333;
text-decoration:none;
}

#bloc3 {
height:auto;
width:190px;
height:auto;
float:left;
border:solid #ccc 1px;
background: #fff;
padding: 10px;
margin-top: 40px;
margin-left: -2px;
}

#bloc3 a {
color:#333;
text-decoration:none;
}


.orange {
color:#F60;
}

h1 {
font-size:11px;
color:#555;
margin-bottom:0;
font-weight:400;
text-align:center;
line-height:20px;
text-transform:uppercase;
margin-top:0;
background:#eee url(images/menu.gif) no-repeat top left;
}

/* formulaire */
#formulaire {
width:330px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin:5px 0 5px 10px;
padding:0;
}

.champ {
height:15px;
background-color:#FFF;
border:solid #ccc 1px;
color:#333;
width:150px;
margin-right:10px;
font-size:10px;
}

.message {
height:100px;
background-color:#FFF;
width:320px;
border:solid #ccc 1px;
color:#333;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.envoi {
font-size:10px;
border:solid #ccc 1px;
background-color:#FFF;
color:#333;
line-height:10px;
margin-top:5px;
margin-bottom:10px;
}

.envoi:hover {
background-color:#F60;
color:#FFF;
}

/* vignettes */
.vignette {
border-top:solid 2px #ccc;
border-right:solid 2px #ccc;
border-bottom:solid 10px #ccc;
border-left:solid 2px #ccc;
margin-left:5px;
margin-bottom:20px;
width:90px;
height:90px;
}

.vignette:hover {
border-top:solid 2px #eee;
border-right:solid 2px #eee;
border-bottom:solid 10px #eee;
border-left:solid 2px #eee;
margin-left:5px;
}

#gallery {
padding-left:20px;
}

#a3 {
width:150px;
height:150px;
position:absolute;
left:20px;
top:459px;
text-align:center;
font-size:9px;
}

#a3 a {
display:block;
border:none;
height:150px;
width:150px;
background:url(images/a3.png) no-repeat;
}

#box {
width:400px;
height:190px;
left:420px;
position:absolute;
text-align:center;
top:440px;
}

#box a {
display:block;
background-image:url(images/box.png);
width:180px;
height:180px;
float:right;
margin-top:4px;
margin-right:4px;
border:solid 1px #fff;
}

#box p {
padding-right:220px;
padding-left:10px;
padding-top:20px;
}

#basdepage {
position:absolute;
left:211px;
top:650px;
width:588px;
background-color:#FFF;
border-bottom:solid 1px #ccc;
padding:10px;
}

#basdepage p {
text-align:justify;
font-size:10px;
color:#999;
padding:0 5px;
}

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

#basdepage a:hover {
color:#F60;
}

#link {
width:200px;
position:absolute;
top:60px;
left:220px;
font-size:9px;
font-weight:400;
border:solid #ccc 1px;
background-color:#FFF;
padding-right:5px;
}

#link p {
text-align:left;
margin:5px;
}

#link a {
text-decoration:none;
color:#333;
}

#mini {
width:50px;
background-image:url(images/link.gif);
float:left;
height:50px;
margin:10px 5px 10px 0;
}

.linklove {
display: block;
position: absolute;
left: -999999px;
top: -999999px;
}

/* Carousel Left */
#container_bloc2 #bloc2 {
margin:40px 0 0 30px;
}

#carousel-left {
margin:40px 0 0 0;
position: relative;
float: left;
width: 265px;
height: 280px;
border: 1px solid #ccc;
background: #fff;
overflow: hidden;
padding: 10px 0;
}
#carousel-left button {
margin: 5px 0;
border: 0;
background: #fff;
}
#carousel-left button.next {
float: right;
}
#carousel-left a img {
border: 0;
margin: 0 2px;
width: 240px;
height: 243px;
}
#carousel-left .innerCarousel {
position: relative;
visibility: hidden;
left: -5000px;
margin-left: 10px;
}

/* Carousel Right */
#carousel-right {
position: relative;
float: left;
width: 430px;
margin: 0;
overflow: hidden;
padding:0;
margin-left: 15px;
}
#carousel-right button {
margin: 5px 0;
border: 0;
background: none;
}
#carousel-right button.next {
float: right;
margin-right: 5px;
}
#carousel-right a img {
border: 1px solid #ccc;
margin: 0 2px;
}
#carousel-right .innerCarousel {
position: relative;
visibility: hidden;
left: -5000px;
}

/* Photos Video */
#video-bloc2 {
height:auto;
width:750px;
float:left;
margin-top:20px;
margin-left:40px;
border:solid #ccc 1px;
background:#FFF url(images/pointb.gif) no-repeat left bottom;
margin-bottom:20px;
position: relative;
}
#video-bloc2 ul {
list-style-type:square;
margin:10px 5px 10px 35px;
}
#video-bloc2 ul li {
margin:8px 0;
}
#video-bloc2 p {
text-align:justify;
margin:10px;
}
#video-bloc2 a {
color:#333;
text-decoration:none;
}
.wordtube {
text-align: center;
}

#video-right {
width:530px;
float:right;
margin-top:20px;
border:solid #ccc 1px;
background:#FFF;
margin-bottom:20px;
position: relative;
padding: 20px 0 0;
height:360px;
}

#carousel-left-vertical {
text-align: center;
position: relative;
float: left;
width: 230px;
height:380px;
margin: 0;
overflow: hidden;
padding:0;
margin-top:20px;
margin-left: 15px;
border:solid #ccc 1px;
background:#FFF;
}
#carousel-left-vertical button {
margin: 5px 0;
border: 0;
background: none;
}
#carousel-left-vertical a {
color: #000;
text-align: center;
}
#carousel-left-vertical a img {
border: 1px solid #ccc;
margin:4px auto 2px;
display: block;
}
#carousel-left-vertical .innerCarousel {
position: relative;
visibility: hidden;
left: -5000px;
}