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

/*=------------------------------------------ H E A D E R ------------------------------------------------*/

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

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

#sidecol h2 {
	padding: 0 0 .3em 30px;
	margin: 0 0 .7em 5%;
	font-size: 1.9em;
	font-weight:normal;
	background: url(../images/title_arrow.png) no-repeat;
	color:#659e01;
	}
#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;
	}

.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: 1.5em 0 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: 1.4em 0 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;
	padding: 11px 0 0 23px;
	color:#0070b5;
	background:url(../images/siteWeb1.png) no-repeat;
	margin-right: -8px;
	line-height: 1.2em;
	font-style: italic;
	}
#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);
		padding: 0 0 0 15px;
		border: none;
		}
#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 {
		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; 
		}
#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 {float:left; width: 4px; height: 100%}
.GreenBtn .lft {background: url(../images/BtnLft.png); margin-right: 6px}
.GreenBtn .rgt {
	float: right;
	margin-left: 6px;
	background: url(../images/BtnRgt.png);
	}

/*AJOUTS*/
.sidecontent label {display:block; margin-bottom: .5em}
	
#sidecol label.legend {
	float:none;
	text-align: left;
	margin-right: 0;
	}

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


/*TITLES*/
#sidecol h2 {
	padding: 0 0 .3em 30px;
	margin: 0 0 .7em 0;
	font-size: 1.9em;
	font-weight:normal;
	background: url(../images/title_arrow.png) no-repeat;
	color:#659e01;
	}
#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 ------------------------------------------*/

		#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: 1.4em 0 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;
			}