/* ---------------------------------------------------
* Screen CSS for ic2.buzzee.fr
* version 1.0 - November 2008
* Author : Erwann Ser
------------------------------------------------------
*/

/*=---------------------------------------- COMMON ELEMENTS -----------------------------------------*/

/*TITLES*/
#sidecol h2 {
	font-size: 1.9em;
	font-weight:normal;
	background: url('../images/title_arrow.png') no-repeat;
	color:#659e01; margin-left:5%; margin-right:0; margin-top:0; margin-bottom:.7em; padding-left:30px; padding-right:0; padding-top:0; padding-bottom:.3em
	}
#maincol h2 {
	margin-top:0;
	color:#0E54A0;
	padding: 1em 0 .3em;
	font-weight:bold;
	font-size: 1.3em;
	line-height: 1.5;
	}
#questions #maincol h2, #help #maincol h2  {font-size: 1.1em; padding-bottom:0 }
#news #maincol h2 {padding:0; text-transform:uppercase;}
h3 {
	font-size: 1.3em; 
	color:#025f9f; 
	font-weight: normal;
	margin-bottom: .2em;
	}

#phot {
	position:absolute;
	left:30px;
	top: -20px;
	height: 305px; 
	width: 323px; 
	background:url('../images/visuel.png') no-repeat;
	}


.GreyBloc {background:url('../images/bloc_bg.png') repeat-y; }
.GreyBloc .top {background: url('../images/bloc_top.png'); height: 6px}
.GreyBloc .bott {background: url('../images/bloc_bott.png'); height: 6px}
.GreyBloc ul {margin: 7px 20px 10px}

.GreyBloc img, .GreyBloc span {vertical-align:middle}
.GreyBloc span {
		display:inline-block; 
		width: 91%; 
		margin-left: 5px;
		background:url('../images/separ_blocs.png') repeat-x bottom;
		padding-left:0; padding-right:0; padding-top:1.5em; padding-bottom:1.2em
		}
.GreyBloc .last span {background:none}


/*=-------------------------------------- C O N T E N T ------------------------------------------*/

#maincol {
	float:left;
	width: 60%;
	padding: 85px 0 0 3%;
	}
#sidecol {
	float:right;
	width:33.5%;
	}
.sidebox {
	position:relative;
	margin-top: 2em;
	background: url('../images/sidebox_bg.png') repeat-y;
	padding-left:0; padding-right:0; padding-top:1.4em; padding-bottom:1em
	}
.sidebox .top, .sidebox .bott {
	position:absolute; 
	left:0;
	height: 100px;
	width: 100%;
	}
.sidebox .top {top:0; background:url('../images/sidebox_top.png') no-repeat;}
.sidebox .bott {bottom:0; background:url('../images/sidebox_bott.png') no-repeat;}
.sidecontent {position:relative; z-index: 1}
.sidebox .separ {
	background:url('../images/sidebox_separ.png') no-repeat top; 
	padding-top: 1em
	}
#sidecol .valider {
	height:auto; 
	border:none; 
	vertical-align:middle;
	}	

/*PAGES STYLES*/
#subscription ol li {list-style:none; margin-left:0}

#quest {
	margin-left: 22px; 
	margin-top: 1.5em;
	padding-top: 1em;
	background:url('../images/separateur.gif') repeat-x; 
	}
#adress {
	background: #edf7ff;
	width: 94%;
	border: 1px solid #80B8E1;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	padding: .8em 1em;
	font-size: 1.1em;
	margin-bottom: 2em;
	}
#adress .azur {font-size:1.1em; background-image: url('../images/azur.png'); width: 224px; height:1.6em}

.BoxeDetails {
	background:  #FFF;
	padding: .5em 25px 2em;
	}
	.BoxeDetails h2 {margin-top: .5em}
	.BoxeDetails h2+h3 {margin-top: 0}
	.BoxeDetails h3 {font-size: 1.4em}
	.BoxeDetails h3 img {vertical-align: bottom; margin-right: 8px;}
	.BoxeDetails blockquote {margin: .5em 0; border:none; font-size:1.1em}
	.BoxeDetails cite {margin-left: 0;}
	
#website {font: bold 1.7em "Trebuchet MS", Arial, Helvetica, sans-serif;}
#website span:first-child {
	float:left; 
	width: 234px;
	height:63px;
	color:#0070b5;
	background:url('../images/siteWeb1.png') no-repeat;
	margin-right: -8px;
	line-height: 1.2em;
	font-style: italic; padding-left:23px; padding-right:0; padding-top:11px; padding-bottom:0
	}
#maincol #website a {
	display:block;
	overflow:hidden;
	color:#FFF;
	width: 242px;
	padding-left: 78px;
	height: 76px;
	line-height: 72px;
	background: #468200 url('../images/siteWeb2.png') no-repeat;
	padding-right:0 !important;
	text-decoration:none
	}
#maincol #website a:hover {background-position: 0 -76px; background-color: #FFF; padding-right:0}

#website a span { position:absolute; left: -10000px}

#web #maincol h2 {
		font: bold 1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#a60045;
		border:none;
		margin-bottom: -10px;
		padding-top: .3em;
		}
#web #maincol h2 span, #web #maincol h2 img {vertical-align:middle; margin-right: 10px; letter-spacing: -0.025em;}
#web #maincol p {
	margin: 0 0 .5em 50px;
	text-align: justify;
	border-bottom: 1px dotted #27364a;
	padding-bottom: 3.3em;
	}
#web #content #maincol h1 {
		position:relative;
		line-height: 50px; 
		background:url('../images/TitleBg.png');
		border: medium none;; padding-left:15px; padding-right:0; padding-top:0; padding-bottom:0
		}
#web #maincol h1 span {
		position:absolute; 
		top:0; 
		height: 50px; 
		width: 5px;
		}
#web #maincol h1 .lft {background: url('../images/TitleLft.png'); left:0}
#web #maincol h1 .rgt {background: url('../images/TitleRgt.png'); right:0}

#content .GreenBtn {
position:relative;
height: 28px;
background: url('../images/BtnBg.png') repeat-x;
color:#FFF;
font-size: .9em;
font-weight:bold;
text-decoration:none;
line-height: 26px;
border-left: 10px solid;
text-shadow: 0 -1px 0 #256100; padding-left:6px; padding-right:6px; padding-top:0; padding-bottom:0 
}
#web #content .GreenBtn {margin-top: .6em}
.GreenBtn:visited {color:#FFF}
#content .GreenBtn:hover, .GreenBtn:hover .lft, .GreenBtn:hover .rgt {background-position: 0 -28px }
.GreenBtn .lft, .GreenBtn .rgt {
position:absolute;
top:0;
width: 4px;
height: 100%; 
}
.GreenBtn .lft {
left: -4px;
background: url('../images/BtnLft.png'); 
}
.GreenBtn .rgt {
right:-4px;
background: url('../images/BtnRgt.png');
}

/*AJOUTS*/

#sidecol label {
	float:left;
	width:15%;
	margin-right: 4%;
	}
#sidecol label.legend {
	float:none;
	text-align: left;
	margin-right: 0;
	}

#maincol {
	padding: 105px 0 0 3%;
	}
	

/*---------------------------------------------------------------------------------------*/


/*TITLES*/
#sidecol h2 {
	font-size: 1.9em;
	font-weight:normal;
	background: url('../images/title_arrow.png') no-repeat;
	color:#659e01; margin-left:0; margin-right:0; margin-top:0; margin-bottom:.7em; padding-left:30px; padding-right:0; padding-top:0; padding-bottom:.3em
	}
#maincol h2 {
	margin-top:0;
	color:#0E54A0;
	padding: 1em 0 .3em;
	font-weight:bold;
	font-size: 1.3em;
	line-height: 1.5;
	}
#questions #maincol h2, #help #maincol h2  {font-size: 1.1em; padding-bottom:0 }
#news #maincol h2 {padding:0; text-transform:uppercase;}
h3 {
	font-size: 1.3em; 
	color:#025f9f; 
	font-weight: normal;
	margin-bottom: .2em;
	}

/*=-------------------------------------- C O N T E N T ------------------------------------------*/

		#maincol {
			width: 60%;
			padding: 90px 0 0 3%;
			}
		#sidecol {
			float:right;
			width:32.5%;
			}
		.sidecontent {padding-top:0}
		.sidebox {
			position:relative;
			margin-top: 2em;
			background: url('../images/sidebox_bg.png') repeat-y;
			padding-left:0; padding-right:0; padding-top:1.4em; padding-bottom:1em
			}
		.sidebox .top, .sidebox .bott {
			position:absolute; 
			left:0;
			height: 100px;
			width: 100%;
			}
		.sidebox .top {top:0; background:url('../images/sidebox_top.png') no-repeat;}
		.sidebox .bott {bottom:0; background:url('../images/sidebox_bott.png') no-repeat;}
		.sidecontent {position:relative; z-index: 1}
		.sidebox .separ {
			background:url('../images/sidebox_separ.png') no-repeat top; 
			padding-top: 1em
			}


/**/
	.pager {
		margin-top: 3em;
		border: 1px solid #a4d4ff;
		height: 2.5em;
		-moz-border-radius: 3em;
		-webkit-border-radius: 3em;
		text-align:right;	
		white-space: nowrap;
		}
		.pager a {
			display:inline-block;
			height:2em;
			padding: .5em 12px 0;
			text-decoration:none;
			border-right: 1px solid;
			margin-left: -4px
		}
		.pager a:hover {
			color: #FFF;
			background: #136cbd;
		}
		.pager a:last-child {
			border-right: none;
			-moz-border-radius-topright: 3em;
			-moz-border-radius-bottomright: 3em;
		}
		.pager b {
			display:inline-block;
			height: 2em;
			padding: .5em 10px 0;
			color: #FFF;
			background: #136cbd;
		}
		.pager #next {
			color: #FFF !important;
			background: #136cbd;
			}

.RoundedBtn {
	display:inline-block;
	padding: .5em 15px;
	margin-top: 1em;
	color: #FFF !important;
	background: #136cbd;
	border: 1px solid #136cbd;
	text-decoration:none;
	border-radius: 2em;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
}
.RoundedBtn:hover, .pager #next:hover {
	background: #FFF;
	color: #136cbd !important;
}
.bullet2 li {background:url('../images/ArrowBullet.png') no-repeat 0 0; padding-left: 25px}


.page1 .sidebox div {background: url('../images/Sidecol_phot.jpg'); }
.page2 .sidebox div {background: url('../images/Sidecol_phot2.jpg'); } 
.page3 .sidebox div {background: url('../images/Sidecol_phot3.jpg'); }
.page4 .sidebox div {background: url('../images/Sidecol_phot4.jpg'); }