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

body {
margin: 0;
padding: 0;
border: 0;
background-color: #262626;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
}

img {
margin:0;
padding:0;
border: 0;
}

.ClearBoth {
clear: both;
}

a:active, a:focus {
outline: none;
}

a {
color: #009EE0;
font-weight: bold;
text-decoration: none;
}

a:hover{
color: #FFF;
text-decoration: none;
}


p {
margin:0;
padding:0;
font-size:12px;
line-height:16px;
font-weight:normal;
color:#FFFFFF;
}

.blue {
font-weight:bold;
color:#009ee0;
}

.grey {
font-weight:bold;
color:#737373;
}

.white {
font-weight:bold;
color:#FFF;
}


/******** HEADER ********/

#header {
width:100%;
height:200px;
margin:0;
padding:0;
display:block;
background:#000000 url(../media/images/commun/bck-header.png) top center no-repeat scroll;
}

.header-cont {
width:749px;
margin:0 auto;
padding:0;
}

.header-colLeft {
margin:105px 0 0 21px;
padding:0;
float:left;
display:inline;
}

.header-colRight {
margin:110px 21px 0 0;
padding:0;
float:right;
display:inline;
}

.header-colRight ul {
color: #FFFFFF;
font-size:14px;
line-height:16px;
font-weight:normal;
list-style-type:none;
margin:0;
padding:0;
}

.header-colRight li {
display:inline;
margin:0;
padding:0 0 0 25px;
}

.header-colRight li.active a {
color:#009ee0;
}

.header-colRight a {
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}

.header-colRight a:hover {
color:#009ee0;
}

/******** CONTENT ********/

#main {
width:100%;
margin:0;
padding:0;
background-color:#000000;
}

.content {
width:749px;
margin:0 auto;
padding:0;
}

.content ul  {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
list-style:none outside none;
margin:0;
padding:0 0 15px 0;
}

.content li {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
font-weight:normal;
color:#aaabaf;
margin:0 70px 0 20px;
padding:0 0 3px 10px;
background:transparent url(../media/images/commun/puce-list.gif) no-repeat scroll 0 7px;
}


.content img {
border:none;
margin:0;
padding:0 0 30px 21px;
}

.box-job {
width:auto;
height:75px;
margin:0;
padding:0 0 0 21px;
display:block;
background:transparent url(../media/images/commun/puce-job.png) 0 6px no-repeat scroll;
}

.box-job p {
color:#FFFFFF;
font-size:12px;
font-weight:normal;
line-height:16px;
margin:0;
padding:0;
}

.box-page {
width:749px;
height:35px;
margin:0;
padding:0;
display:block;
}

.box-page-colLeft {
margin:0;
padding:4px 0 0 21px;
float:left;
display:inline;
}

.box-page-colLeft a {
color:#cccccc;
text-decoration:none;
font-weight:bold;
background:transparent url(../media/images/commun/puce-top.png) 0 5px no-repeat scroll;
margin:0;
padding:0 0 0 10px;
}

.box-page-colLeft a:hover {
color:#009ee0;
background-image:url(../media/images/commun/puce-top-over.png);
}

.box-page-colRight {
margin:0;
padding:0 21px 0 0;
float:right;
display:inline;
}

.box-page-colRight div {
font-size:12px;
line-height:22px;
font-weight:normal;
margin:0;
padding:0;
float:left;
display:inline;
}

.box-page-colRight a {
color:#CCCCCC;
text-decoration:none;
}

.box-page-colRight a:hover {
color:#009ee0;
}

#pagePrev {
border-right:1px dotted #666666;
padding:2px 7px 2px 0;
}

#pageNext {
border-left:1px dotted #666666;
padding:2px 0 2px 7px;
}

#pageBack {
width:33px;
height:22px;
padding:0;
margin:0;
background:transparent url(../media/images/commun/nav-back-galerie.png) 0 0 no-repeat scroll;
display:block;
text-indent:-8888px;
}

#pageBack:hover {
background:transparent url(../media/images/commun/nav-back-galerie.png) 0 -22px no-repeat scroll;
}

h1 {
margin:0;
padding:0 0 10px 21px;
display:block;
background:transparent url(../media/images/commun/puce-job.png) 0 6px no-repeat scroll;
font-size:14px;
line-height:18px;
color:#009EE0;
font-weight:bold;
text-transform:uppercase;
}

p {
margin:0 25px 0 0;
padding:0 0 10px 21px;
display:block;
font-size:12px;
line-height:18px;
color:#8C8B8B;
font-weight:normal;
}

.small-colLeft {
float:left;
display:inline;
margin:0;
padding:0 0 20px 21px;
width:60px;
}

.small-colLeft img {
margin:0;
padding:0;
border: 3px solid #8C8B8B;
}

.large-colRight {
float:left;
display:inline;
margin:0;
padding:0 0 20px 25px;
width:625px;
}

.large-colRight p {
margin:0;
padding:0;
}

.large-colRight a {
color:#009EE0;
text-decoration:none;
font-weight:bold;
}

.large-colRight a:hover {
color:#FFF;
}

/******** FOOTER ********/

#footer {
width:100%;
height:100px;
margin:0;
padding:0 0 55px 0;
display:block;
background:transparent url(../media/images/commun/bck-footer.png) top center no-repeat scroll;
}

.footer-cont {
width:707px;
margin:0 auto;
padding:55px 0 0;
}

.footer-cont h1 {
margin:0;
padding:0 0 5px 0;
font-size:18px;
font-weight:bold;
color:#009ee0;
background:none;
text-transform:none;
}

.footer-cont p {
margin:0;
padding:0;
font-size:12px;
line-height:14px;
font-weight:normal;
color:#8c8b8b;
}

.footer-cont a {
color:#8c8b8b;
text-decoration:none;
font-weight:bold;
}

.footer-cont a:hover {
color:#009ee0;
}