@charset "UTF-8";

.cleaner {
    width: 1px;
    height: 1px;
    overflow: hidden;
    clear: both;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}

body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/* RESET */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,

pre,a,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,

s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,form,fieldset,

label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;padding:0;border:0;font-weight:normal;
	font-style:normal;font-size:100%;font-family:inherit;
	vertical-align:baseline;}

body{line-height:1;color:black;}

ol,ul{list-style:none;}

table{border-collapse:separate;border-spacing:0;}

caption,th,td{text-align:left;font-weight:normal;}

blockquote:before,blockquote:after,q:before,q:after{content:"";}

blockquote,q{quotes:"" "";}

input {font-size:100%;}

html,body{
margin:0;
padding:0;
font-family:"Trebuchet MS",Arial,sans-serif;
font-size:12px;
}

p{
margin:0;
}

a{
color: #003e3e;
}

div#visuel{
height:197px;
font-family:"Trebuchet MS",Arial,sans-serif;
color:#003e3e;
}

.accueil{
background:#FFFFFF url(../img/visuel_contact.jpg) no-repeat bottom left;
}

.references{
background:#FFFFFF url(../img/visuel_references.jpg) no-repeat bottom left;
}

.contact{
background:#FFFFFF url(../img/visuel_accueil.jpg) no-repeat bottom left;
}

div#header{
height:92px;
text-align:center;
}

div#menu{
height:105px;
font-family:"Trebuchet MS",Arial,sans-serif;
color:#003e3e;
}

div#menu ul{
list-style: none;
padding:83px 0px 0px 475px;
margin: 0px 0px 0px 0px;
}

div#menu ul li {
float: left;
font-weight: bold;
text-transform:none;
text-decoration:none;
}

div#menu ul li a {
display: block;
text-align:center;
color:#003e3e;
font-size:15px;
padding:1px 5px;
margin:0px 5px;
text-decoration:none;
}

div#menu ul li a:hover, div#menu ul li a.selected {
border-bottom: solid 3px #003e3e;
}

div#container{
text-align:left;
}

p{
line-height:1.4;
}

div#container{
width:982px;
margin:0 auto;
}

div#content{
margin: 0 200px;
padding:0 20px;
}

h1{
padding:20px 10px 10px 0px;
font-size:22px;
color:#003e3e;
}

h2{
padding:10px 0px 10px 10px;
font-size:15px;
font-weight:bold;
color:#003e3e;
}

h3{
clear:both;
padding:15px 0px 0px 0px;
font-size:14px;
color:#003e3e;
}

h4{
clear:both;
padding:5px 0px 0px 0px;
font-size:12px;
color:#003e3e;
}

div#wrapper{
float:left;
width:100%
}

div#content p{
font-size:14px;
padding:5px 0px 10px 0px;
}

div#content ul{
padding:0px 0px 15px 0px;
}

div#content ul li{
font-size:14px;
list-style:decimal inside;
padding:5px 0px 5px 15px;
}

#contenu .reference{
    padding:5px;
clear:both;
}
#contenu .reference h2 {
    padding-left:0;
}

div#content .photo{
width:180px;
padding:10px 10px 10px 0px;
text-align:left;
float:left;
}
div#content .video{
text-align:center;
}

div#content .logo-credits{
float:left;
padding:0px 20px 0px 0px;
}

.toutes-references{
padding:5px 0px 15px 0px;
text-align:center;
background:transparent url(../img/bloc_dernieres_references_bas.jpg) no-repeat bottom left;
}

.toutes-references a{
font-weight: bold;
text-transform:none;
text-decoration:underline;
}

div#dernieres_references{
width:200px;
background:transparent url(../img/bloc_dernieres_references_milieu.jpg) repeat-y top left;
float:left;
margin-top:30px;
margin-left:-200px
}

div#dernieres_references h2{
background:transparent url(../img/bloc_dernieres_references_haut.jpg) no-repeat top left;
}
#dernieres_references h3 a, #dernieres_references h4 a {
    text-decoration:none;
}

div#dernieres_references img{
width:180px;
padding:5px 0px 0px 0px;
}

div#dernieres_references .reference{
padding:5px 0px 0px 10px;
}

div#fildariane{
padding:7px 0px 0px 0px;
}

div#navigation{
float:left;
width:200px;
margin-left:-982px;
}

div#navigation ul{
list-style: none;
padding:0px;
margin:30px 0px 0px 5px;
}

div#navigation ul li{
float:left;
}

div#navigation ul li a{
background:#FFFFFF url(../img/sous-menu.png) no-repeat bottom left;
color:#FFFFFF;
}

div#navigation ul li a:hover, div#navigation ul li a.selected {
background:#FFFFFF url(../img/sous-menu-hover.png) no-repeat bottom left;
color:#000000;
}

div#navigation ul li a {
display: block;
font-size:11px;
line-height:1.2;
text-align:left;
width:162px;
height:24px;
padding:15px 10px 0px 10px;
margin:5px 0px 0px 10px;
font-weight: bold;
text-transform:none;
text-decoration:none;
}

div#footer{
clear:both;
width:100%;
height:26px;
background:#FFFFFF url(../img/pied-de-page.jpg) no-repeat bottom left;
color:#000;
padding-top:20px;
}

div#footer p{
margin:0;
padding:5px 10px;
text-align:center;
}
.submit input{
    background:url(/img/bouton.jpg) top center no-repeat #FFFFFF;
    cursor:pointer;
    text-align:center;
    width:150px;
    height:28px;
    border:none;
    color:#FFFFFF;
    padding:0px 0px 7px 0px;
}