/* RESET
--------------------------------------------------------------------------------------------------------------------------------------*/

html{font-size: 100%} /* Fix bug d'IE 6-7 */
body{font-size:62.5%;/* 1em = 10px *//*background:#fff url(skin/body-fake.jpg) center top no-repeat;*/background:#fff url(skin/body-gradient.jpg) left top repeat-x;font-family: "Trebuchet MS", Arial, Verdana, sans-serif;}
html, body, form, fieldset, dl, dd{margin:0;padding:0;}
body.popin{-webkit-background-size: none;-moz-background-size: none;-o-background-size: none;background-size: none;color:#333}
p, select, input, caption, label, tr, td, table, textarea,a,li,span{line-height:1;color: #8c8c8c;}
h1, h2, h3, h4, h5, h6, span{line-height:1;margin:0;}
img, fieldset, table{border:none}
form, p, ul, li, fieldset, input{margin:0;padding:0;line-height:1;}
ul, li{list-style:none}
ol li{list-style:decimal inside}
address{font-style: normal}
img{vertical-align:middle}

/* new clearfix */
#wrapper:after,#header:after,#headerInside:after,#content .cols .contentSubTitle:after,#content .cols:after,#content .cols .col:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;zoom: 1;}

/********** HTML5 **********/
header, section, footer,aside, nav, article, figure{display: block;}



/********** FONTS ***********/
@font-face {font-family: 'georgia';font-weight: normal;font-style: normal;    src: url('fonts/georgia-webfont.eot');    src: url('fonts/georgia-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/georgia-webfont.woff') format('woff'),
url('fonts/georgia-webfont.ttf') format('truetype'),
url('fonts/georgia-webfont.svg#georgia') format('svg');
}
#header a,#menu strong,.iosSlider .text p,.contentTitle {font-family: georgia, Arial, Verdana, sans-serif;}

#menu a,#menu strong,.navTitle,#footer p,#footer a{font-size: 1.1em;}
.contentSubTitle,#content p,#content .button{font-size: 1.2em;}
.iosSlider .text p {font-size: 1.3em;}
h1.contentTitle {font-size: 2.7em;margin:0 0 5px;}
h2.contentTitle {font-size: 2.4em;margin:0 0 5px;}
h3.contentTitle {font-size: 2.1em;margin:0 0 5px;}
#content p b{font-size:1.2em;}

/* COMMON
--------------------------------------------------------------------------------------------------------------------------------------*/

p,td,th{line-height:1.4em;}
p{margin: 0 0 10px;}
a{text-decoration:none;}
a:hover{color: #016999;}
hr{height: 1px;padding: 0;color: #d6d6d4;background-color: #333;border: 0;width:99%;margin:10px 0;}
#menu li a,#menu li strong,#footer a{text-transform: uppercase;}
#menu a{line-height: 1.4em;}

/* tables */
table{width: 100%;border-collapse:collapse;margin: 20px 0;}
td,th{padding: 15px 20px;border-top: #dbdbdb 1px solid;border-bottom: #dbdbdb 1px solid;}


#headerInside,#carousel,#contentInside,#footerInside{position: relative;width: 990px;margin: 0 auto;}


#header,#carouselArea,#content,#footer{min-width:1050px;}
@media only screen and (device-width: 768px) {
	#header,#carouselArea,#content,#footer{min-width:768px;width: 100%;}
}
@media only screen and (device-width: 768px) and (orientation:portrait){
	#carouselArea,#footer{min-width:1024px;}
}

#wrapper{width: 100%;background: #fff;}

/* HEADER
--------------------------------------------------------------------------------------------------------------------------------------*/
#header{
	margin-top: -4px;	background:#fff;}
#headerInside{position:relative;background:url(skin/statue.png) 95% bottom no-repeat;}
#logo{width: 475px;height: 65px;margin: 40px 40px 30px;text-indent: -9000px;}
#logo a{display: block;width: 100%;height: 100%;background: url(skin/logo.png) left top no-repeat;}
#logo a:hover{background-position: left -67px;}
#menu ul{padding: 0 0 0 40px;}
#menu ul ul{padding: 0 0 10px;}
#menu li{float: left;padding: 0 5% 0 0;border-left: #000 1px solid;}
#menu li li{float: none;border: 0;padding: 0 0 0 7px;}
#menu li a,#menu li strong{display: block;color: #b7b7b7;padding-bottom:8px;}
#menu li strong{position: relative;left: -2px;padding: 5px 0;color: #666;background: #fff;}
#menu li a:hover,#menu li li.current a,#menu li.current strong,#menu strong:hover{text-decoration: none;color: #11719e;}


/* HOME
--------------------------------------------------------------------------------------------------------------------------------------*/
/* carousel */
#carouselArea{background: #333 url(skin/carousel-background.jpg) left top repeat-x;}
#carousel{
height: 342px;background: #333 url(skin/carousel-glow.jpg) right top no-repeat;}
.iosSliderContainer{}
.iosSlider {width: 940px !important;height: 342px;position:relative;left: 30px !important;top: 20px !important;background: url(skin/carouselimgShadowBottom.jpg) center bottom no-repeat;padding-bottom: 12px;}
.iosSlider .slider {width: 100%;height: 100%;}
.iosSlider .slider .item {position: relative;overflow: hidden;top: 0;left: 0;width:940px;height: 342px;margin: 0 0 0 0;}
.iosSlider .text {position: absolute;top: 30px;right: 35px;width:250px;height: auto;background-color: rgba(0, 0, 0, 0.4);margin: 0 0 0 0;}
.iosSlider .text p,.iosSlider .text span {color: #fff;}
.iosSlider .text p {padding: 15px;line-height: 1.3em;font-style: italic;}
.iosSlider .text a,.contentDesc a {text-decoration: underline;}
.iosSlider .text a {color: #fff;}
.contentDesc a {color: #8c8c8c;}
.iosSlider .text a:hover,.contentDesc a:hover {text-decoration: none;}
.iosSlider .slider,.iosSlider .slider .item ,.iosSlider .slider .item img,.iosSlider .text{-webkit-border-radius: 7px;-moz-border-radius: 7px;-o-border-radius:  7px;-ms-border-radius: 7px;border-radius:7px;}
.photo{position: absolute;left: 29px;top: -8px;z-index: 2;-webkit-border-radius: 0 0 0 7px;-moz-border-radius: 0 0 0 7px;-o-border-radius:  0 0 0 7px;-ms-border-radius: 0 0 0 7px;border-radius:0 0 0 7px;}
.iosSliderButtons {position: absolute;bottom: 10px;left: 10px;width: 200px;height: 10px;}
.iosSliderButtons .button {float: left;width: 9px;height: 9px;background: #999;margin: 0 10px 0 0;opacity: 0.25;filter: alpha(opacity:25);border: 1px solid #000;}
.iosSliderButtons .selected {background: #000;opacity: 1;filter: alpha(opacity:100);}
.prev {position: absolute;top: 65px;left: -60px;width: 40px;height: 40px;background: #000;z-index: 10;}
.next {position: absolute;top: 65px;right: -60px;width: 40px;height: 40px;background: #000;z-index: 10;}
.unselectable {opacity: 0.2;}
.prev,.next,.unselectable {display:none;}
.contentDesc{padding-bottom:15px}

.cols .col{display: inline-block;vertical-align: top;}
.cols2 .col{float: left;	width: 47%;margin-right: 3%;}
.cols3 .col{width: 31%;margin-right: 3%;}
.cols .col:last-child{margin-right: 0%;}
.cols{padding: 50px 30px 0;}
.cols .col .image{margin: 20px 0;	}
.cols .col img{padding: 2%;border: #e1e1e1 1px solid;background: #f3f3f3;-webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius:  3px;-ms-border-radius: 3px;border-radius:3px;}

.image{background: url(skin/imgShadowTop.jpg) center top no-repeat;padding-top: 5px;}
.image span{display: inline-block;	background: url(skin/imgShadowBottom.jpg) center bottom no-repeat;padding-bottom: 5px;}

.cols1 .col {width: 100%;}
.cols1 .col .image{margin:0 0 0 20px;}
.cols2 .col .image{float: left;margin:0 20px 0 0;}
#content{	padding: 0 0 50px;background: #fff;}
.contentTitle{margin-bottom: 12px;	color: #11719e;font-weight: normal;}
.contentSubTitle{display: block;margin: 0 0 20px;text-transform: uppercase;}
#content .button span{color: #016999;}
#content .button{display: block;width: 55%;border:#d8d8d8 1px solid;background: #e7e7e7 url(skin/button-arrow.png) 90% center no-repeat;-webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius:  3px;-ms-border-radius: 3px;border-radius:3px;}
#content .button span{display: block;width: 80%;padding: 10px 10%;	background: url(skin/button-glow.png) left center no-repeat;}
#content .button:hover span{background:none;}
#content .cols1 .col .image{float: right;}
#content .cols1 .col p{float: none;overflow: hidden;width:auto;}
#content .cols1 .col .button{clear: both;}
#content .col strong{text-transform: uppercase;}

/* FOOTER
--------------------------------------------------------------------------------------------------------------------------------------*/
#footer {clear: both;padding: 20px 0;border-top: #4c4c4c 10px solid;background: #333333;}
#home #footer {clear: both;padding: 0 0 20px;}
#footerInside{padding: 30px;}
#footerInside ul,#footerInside p{padding:0 30px;}
#footer p{margin: 10px 0;}
#footer a{color: #999;}
#footer a:hover{color: #fff;}
#footer li{display: inline;margin: 0 5% 0 0;}
#footer .last{clear: both;	margin: 0;padding:0;}
#footer .last a{padding:0 5px;}
#facebook{float: right;position: relative;top: -50px;	display: block;width:54px;height: 53px;background: url(skin/facebook.png) left top no-repeat;}

/* IE6 / 7 /8  CSS
--------------------------------------------------------------------------------------------------------------------------------------*/

.ie7 #wrapper{overflow: hidden;}
.ie8 .pie, .ie7 .pie,.ie6 .pie{position: relative;zoom: 1;}
.ie7 #header{overflow: hidden;}
.ie7 #carousel-single-image .remote .pause,.ie7 #carousel-single-image .remote .play{position: absolute;top: 2px;}
.ie7 #carousel-single-image .remote .pause{left: 5px;}
.ie7 #carousel-single-image .remote .play{right: 5px;}
.ie8 .cols3 .col,.ie7 .cols3 .col,.ie6 .cols3 .col{margin-right: 2.1%;}
.ie8 .iosSlider .text {background:url(skin/dark-transparent.png) left top repeat;}