@charset "utf-8";
/** Reset Styles */
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,
b, u, i, center,
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-size:100%;vertical-align:baseline;background:transparent;}
ol, ul {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
/* remember to define focus styles! */
:focus {outline:0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;border-spacing:0;}
/* end reset */

#advert-container{z-index:1;position:absolute;width:260px;height:211px;margin-left:49px;}
#pic-advert{border: 1px solid #EFEFEF;-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;width:252px;height:196px;padding:3px;position:absolute;left:628px;top:5px;}

#pic-advert-link{z-index:2;position: absolute;width:252px;height:196px;margin-left:14px;margin-top:220px;}
#flash{position: relative;width:888px;height:211px;top:10px;}
#flag_french{z-index:1;position:relative;width:25px;height:25px;background: url(../images/fr.png) no-repeat;}
#flag_english{background: url(../images/uk.png) no-repeat;}
html{background: #ffffff; font-size: 100%}

/*------------------ Site Structure ------------------*/
body{width:888px;margin:auto;font-family: "Verdana",Lucida Grande,Tahoma,Arial,sans-serif;font-size: .875em;color:#666;}
#header{display:inline-block;height:110px;width:888px;border-bottom:7px solid #aeaeae}
#content{width:620px;float:left;margin-bottom:44px;}
#intro{position:relative;border:3px solid #FFFFFF;clear:both;padding:20px;font-size:1.4em;line-height:1.6em;margin-bottom:44px;outline:1px solid #EFEFEF;background:#EFEFEF;top:20px;}
#intro span {font-weight:700}
#intro p {padding:0}
#box_left{width:300px;float:left;margin-bottom:44px;text-align:justify}
#box_right{width:300px;float:right;margin-bottom:44px;text-align:justify}
#box_middle{margin-left:330px;margin-right:330px;margin-bottom:44px;text-align:justify}
#box_left h3, #box_right h3, #box_middle h3 {background:#EFEFEF;font-weight:normal;margin-bottom:25px;position:relative;text-transform:uppercase;letter-spacing:.08em;font-size:1.4em;padding:8px 15px;  border:3px solid #FFFFFF;outline:1px solid #EFEFEF;}
#footer{clear:both;padding:10px;text-align:right;background: url(../images/seperator.png) repeat-x top;font-size: .8em;color:#a3a3a3;margin-top:65px;position:relative;}
#separator{clear:both;padding:10px;background: url(../images/seperator.png) repeat-x top;color:#a3a3a3;margin-top:40px;width:320px;}

/*------------------ typography and images ------------------*/
a {text-decoration:none;color:#740000}

/* text styles */
h1 {font-size:2em;font-weight:normal;padding-bottom:10px}
h2 {font-size:1.6em;font-weight:normal;padding-bottom:6px}
h3, h4 {font-size:1.4em;font-weight:normal}
h5, h6 {font-size:1.2em}
p {line-height:1.4em;padding-bottom:25px}

/* images */
.more {float: right; margin-right: 10px}

/*---------------    MENU    ---------------*/
#div_flags {width:886px; display:inline-block;}
#logo {width: 294px; height: 65px;display:inline-block;}
.div_logo {display:block;position:absolute;top:27px;width:294px;height: 65px;}
.div_logo img {width: 294px; height: 65px;display:inline;}
.div_menu {float:right;position:absolute;top:51px;width:586px;height:40px;position:relative;}
.div_menu div {float:right;height:32px;}
.div_menu a {color:#aeaeae;font-weight:bold;margin-left:10px;margin-right:10px;}
.div_menu div:hover {border-bottom: 7px solid #666;}
.div_menu a:hover {color:#666;}

/* display images */
#camMenuContainer{border:1px solid #EFEFEF;width:886px;height:193px;margin-bottom:5px;position:relative;top:15px;-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.thumbsMenu {float:left;position:relative;margin-left:6px;width:170px;height:130px;}
.thumbs-pic {position:relative;width:160px;height:120px;z-index:2;}
.thumbs-label {position:absolute;width:160px;height:20px;margin-left:5px;margin-top:105px;z-index:3;}
.thumbsMenu a {display:block;border:5px solid #F3F3F3;outline:1px solid #EFEFEF;height:120px;} 
.thumbsMenu a:hover {border:5px solid #C3C3C3;outline:1px solid #DFDFDF;}
.thumbsMenu a.active {border:5px solid #C3C3C3;outline:1px solid #DFDFDF;}
.thumbsMenu .div_txt {position:absolute;margin-top:107px;font-size:13px;font-weight:bold;text-align:center;width:160px;height:20px;margin-left:5px;z-index:4;}
.thumbs {float:left;position:relative;width:170px;height:130px;margin-left:6px;margin-bottom:5px;}
.thumbs a {display:block;} 
#thumbsContainer {width:886px;display:inline-block;position:relative;margin-top:30px;padding-top:6px;}
#camMenuContainer .thumbs-title {padding:0 0 0 6px;font-weight:bold;width:886px;height:58px;}
#thumbs-header .thumbs-title div {top:4px;font-size:16px;font-weight:bold;}
.iconBtn{float:left;margin-top:5px;padding:3px;border:1px solid #f7f7f7;-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.iconBtn:hover {border:1px solid #d7d7d7;}
.icon{height:36px;width:36px;}
#tags{font-size:1px;color:#ffffff;padding-bottom:0px;}
#hdr1{position:absolute;left:378px;}
#hdr2{position:absolute;top:-3px;left:370px;}
#txtHdr{position:absolute;left:380px;width:125px;top:12px;text-align:center;}