@charset "utf-8";
/* CSS Document */ * {
}

html, body {
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 10px;
    color: #4f2e00;
}

html {
}

body.home {
    background: #ffffff url(../gfx/periscope2009.jpg) no-repeat left top;
}

body.newsletters {
    background: #ffffff url(../gfx/header_nl.jpg) no-repeat left top;
}

a, img {
    border: none;
    outline: none;
}

p {
}

ul, ol, li {
}

li {
    list-style: none;
}

hr {
    display: none;
    clear: both;
}

a#byperiscope, a#referencement, a#patecreme {
    display: block;
    background: url(../gfx/blank.gif) repeat left top;
    position: absolute;
    text-indent: -9999px;
}

a#byperiscope {
    width: 175px;
    left: 20px;
    height: 170px;
    top: 406px;
}

a#referencement {
    height: 163px;
    left: 442px;
    top: 412px;
    width: 191px;
}

a#patecreme {
    height: 163px;
    left: 636px;
    top: 407px;
    width: 142px;
}

#answer{
clear:left;
}
.bubble {
    position: absolute;
	padding-left:7px;
	line-height:16px;
}
.bubble h1{
	font-weight:normal;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:1em;
}
.bubble a{
	font-weight:bold;
	color:#4F2E00;
	background:transparent url(../gfx/arrow.gif) no-repeat scroll 100% 4px;
	padding-right:10px;
}
div#bubble_byperiscope {
    left: 118px;
    top: 353px;/*Original 383*/
    width: 122px;
    height: 55px;
    background: url('../gfx/bulle_1.png') no-repeat 0 0;
}

div#bubble_referencement {
    left: 371px;
    top: 339px;/*Original 369*/
    width: 185px;
    height: 55px;
    background: url('../gfx/bulle_2.png') no-repeat 0 0;
}

div#bubble_patecreme {
    left: 653px;
    top: 325px;/*Original 355*/
    width: 185px;
    height: 55px;
    background: url('../gfx/bulle_3.png') no-repeat 0 0;
} #footer {
    display: block;
    width: 1200px;
    height: 57px;
    margin: 0 0 0 14px;
    clear: both;
    position: absolute;
    top: 684px;
    left: 0px;
} #footer .bloc {
    display: block;
    float: left;
    width: 286px;
    margin-left: 9px;
} #footer .bloc h1 {
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.2em;
    margin: 0;
    padding: 0;
} #footer .bloc span.sub {
    text-transform: uppercase;
} #footer .bloc strong {
    color: white;
    background: #de6b2b;
    padding: 0px 2px;
    line-height: 1.8em;
} #footer .bloc a {
    color: #4f2e00;
    font-weight: bold;
} #footer .bloc a:hover{
    color: #2695ca;
    font-weight: bold;
} 
#footer .bloc input {
    display: block;
    background: url(../gfx/input.png) no-repeat;
    width: 132px;
    height: 12px;
    border: none;
    color: #4f2e00;
    font-size: 1em;
    padding: 0 0 1px 0;
} #footer .bloc input.submit {
    display: block;
    background: url(../gfx/btn-go.png) no-repeat;
    width: 18px;
    height: 13px;
    border: none;
    margin-left: 4px;
} #footer .bloc a.linkArchives {
    background: url(../gfx/btn-go.png) no-repeat right center;
    padding: 0 22px 0 0;
    text-decoration: underline;
    margin-top: 10px;
    clear: both;
    height: 13px;
    float: inherit;
}

 #footer .special {
    background: url(../gfx/dashed.png) repeat-y right top;
	width: 314px;
} #footer .bloc #logoPeriscope, #footer .bloc #right, #footer .bloc input, #footer .bloc #logoaacc, #footer .bloc #logoaddwords {
    float: left;
} 
#footer .bloc .right span a{
	text-decoration: underline;
}
#footer .bloc #logoPeriscope {
    display: block;
    background: url(../gfx/logoperiscope-trans.png) no-repeat;
    
	float:left;
	width: 34px;
    height: 80px;
    margin-right: 7px;
} #footer .bloc #logoaacc {
    display: block;
    width: 77px;
    height: 27px;
} #footer .bloc #logoaddwords {
    width: 52px;
    height: 51px;
    margin-left:13px;
}


#footer .newsletter input.submit{
	cursor:pointer;
}


/* News Letter */
.header{
	height:310px;
	left:0;
	position:absolute;
	top:0;
	width:100%;
}
.header a{
	display:block;
	height:100%;
	width:100%;
}
.newsletters .main{
	left:67px;
	position:absolute;
	top:310px;
}
.newsletters .main h1.maintitle span{
	display:block;
	text-indent:-9999px;
}

.newsletters .main h2 {
	color: white;
	font-size: 2em;
}
.newsletters .main span{
	padding: 0 4px;
}

.newsletters .main ol {
	padding: 0;
	margin: 0;
	width:953px;
}
.newsletters .main ol li{
	background: url('../gfx/nl_loop.jpg') bottom left repeat-x;
	font-size:1.2em;
	line-height:2.3em;
	padding-left:2px;
	padding-bottom:2px;
}
.newsletters .main ol li a{
	background:transparent url(../gfx/btn-go.png) no-repeat scroll right center;
	color:#4F2E00;
	padding:0 8px;
	margin-left:7px;
	text-decoration:none;
}
.newsletters .main span.title_1{
	background-color: #54c5e7;
	font-weight:normal;
}
.newsletters .main span.title_2{
	background-color: #33a1d4;
	font-weight:normal;
}
.newsletters .main span.title_3{
	background-color: #2992c2;
	font-weight:normal;
}
.newsletters #footer{
	top:890px;
}
.main .mainForm form input{
	background:transparent url(../gfx/input.png) no-repeat scroll 0 0;
	border:medium none;
	color:#4F2E00;
	font-size:1.2em;
	padding:0 0 1px;
	font-size:1.4em;
	width:183px;
}
.main .mainForm form input.submit{
	background:transparent url(../gfx/btn-go.png) no-repeat scroll 0 0;
	border:medium none;
	height:13px;
	margin-left:4px;
	width:18px;
	cursor:pointer;
}
.main div.sub{
	font-size:1.2em;
	line-height:2.3em;
	padding-bottom:2px;
	padding-left:2px;
}
.main div.sub.underline{
	font-size:1.2em;
	line-height:2.3em;
	padding-bottom:2px;
	padding-left:2px;
		background: url('../gfx/nl_loop.jpg') bottom left repeat-x;
}

.main div.sub a{
	color:#4F2E00;
	font-weight:bold;
}
.main div.sub a:hover{
	color:#2695CA;
	font-weight:bold;
}