/* ---------------------------------------------------
* Common CSS for Buzzee sites
* version 1.0 - April 2010
* Author :Erwann Ser
------------------------------------------------------
*/

/*Reset 
--------------------------------*/

body,ul,ol,form {margin:0; padding:0}

/* Titres */ 
h1, h2, h3, h4, h5, h6 { 
  margin:1em 0 .4em; 
  line-height:1.2
	}
h5, h6 {font-size:1em} 

/*Images */ 
a img {border:none} 

/* Liens */ 
a:hover, a:focus, a:active {text-decoration:none} 

/* Formulaires */ 
fieldset { 
  margin:0; 
  padding:0; 
  border:none
	} 
label {cursor:pointer; cursor:hand; /*IE*/}
label {cursor:pointer; cursor:hand; /*IE*/}
#sidecol input[type="checkbox"] + label {margin-left: 3px}

input, select {vertical-align:middle; font-size:1em}
textarea, input {
	border: 1px solid #cfe0f5;
	border-radius:.3em;
	-moz-border-radius:.3em;
	-webkit-border-radius:.3em
	}
textarea {padding:.5em}

/* Citations */ 
blockquote {margin:.75em 0 .75em 20px
	} 
q {font-style:italic}
 
/* Tableaux */ 
table { 
  border-collapse:collapse;
  border-spacing:0
	} 
td, th {vertical-align:middle}

/* Divers */ 
li {list-style:none}
p {margin:.8em 0} 
.hide {
	position:absolute;
	top:-2000em;
	left:-2000em;
	width:1px;
	height:1px;
	overflow:hidden
	}

a[rel="external"]:after {content:url(../Blueprint/css/icon-external.png)
	} 
abbr {letter-spacing:.1em}

.bloc {display:block}
.left {float:left}
.right {float:right}
.clear {clear:both}
.format_context {overflow:hidden}
.uppercase {text-transform:uppercase}
.nobrd {border:none !important}
.small {font-size: .9em}


/*------------------------------------------------------------------------------------------------------------*/
html, body {height: 100%}

body {
	font:77%/1.5 Tahoma, Geneva, Arial, Helvetica, sans-serif; 
	color:#29353d
	} 
#tophead, #bothead #ctr, #ctr2, #content {
	position:relative;
	max-width:990px;
	margin:0 auto
	}
#wrapper {
	position:relative; 
	min-height:100%
	}

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

/*TOP HEADER*/
	#topbar {
		font-size:.9em;
		float:right;
		border-bottom:1px dotted #124665;
		margin-top:10px
	} 
	#topbar td {padding:0 6px; vertical-align:top}
	#topbar a.ok {
		height: 16px;
		line-height: 16px;
		margin-right:8px;
		padding: 0 5px !important; 
		font-size:.9em;
		line-height:1.5em;
		margin-left:4px;
		border-radius: 9%;
		-moz-border-radius: 9%;
		-webkit-border-radius: 9%
	}                   
	
	#topbar p {margin:0} 
	#topbar #drp {padding-top:5px}
	#topbar a {
		padding:2px 3px;
		color:#11405e
	}
	#topbar .azurSmall {padding:0}
	#topbar .azurSmall a {
		display:block;
		width:100px;
		height:20px;
		padding: 0 0 0 90px;
		background: url(/images/AzurSmall.png) no-repeat; 
		font-size:1.2em; 
		font-weight:bold; 
		text-decoration:none;
		color:#0097e8
	}
	#header #logo {
		float:left; 
		margin-top:30px
	}
    #logo img {
		display:block; 
		font-size:2em; /*Access*/
		font-weight:bold; /*Access*/
		}

	/*MENU
	--------------------------------------=*/
	
	#menu {
		float:right; 
		margin:38px 5px 6px 0
	}
	#menu li {
		float:left; 
		background: url(/images/menu_separ.png) no-repeat right; 
		padding-right:1px
	}
	#menu a {
		position:relative;
		float:left;
		height:35px;
		padding:0 10px 0 11px;
		background: url(/images/menu_bg.png) repeat-x; 
		line-height:37px;
		text-align:center;
		text-shadow:0 1px 0 #e4eaef;
		text-decoration:none;
		color:#154b7c;
		font-size:1.1em;
		font-weight:bold;
		outline:none
	}
	#menu li a .lft, #menu li a .rgt {
		position:absolute;
		top:0;
		height:35px; 
		width:5px
	}
	#menu li a .lft {left:0; background: url(/images/menu_bg_lft.png)}
	#menu li a .rgt {right:0; background: url(/images/menu_bg_rgt.png)}
	#menu li:first-child .lft {left:-5px; background: url(/images/menu_left.png) no-repeat}
	#menu li:last-child .rgt {right:-5px; background: url(/images/menu_right.png) no-repeat}
	#menu .selected, .selected .lft, .selected .rgt {
			background:#004c93 url(/images/menu_rub_on.png) repeat-x !important; 
			cursor:default; 
			color:#FFF !important; 
			text-shadow: none; 
			line-height:35px
	}
	#menu li:first-child .selected .lft {background: url(/images/menu_acc_on.png) no-repeat !important}
	#menu li:last-child .selected .rgt {background: url(/images/menu_last_on.png) no-repeat !important}
	#menu a:hover, #menu a:focus, #menu a:hover .lft, #menu a:focus .lft, #menu a:hover .rgt, #menu a:focus .rgt {
			background-position:0 -35px ; 
			background-color:#bee0ff; 
			color:#175ab2
	}
	#menu a:active, #menu a:active .lft, #menu a:active .rgt {background-position:0 -70px !important}


/*BOTTOM HEADER*/
#bothead {
	position:relative;
	display:inline-block;
	width:100%;
	background:#004c93 url(/images/header_bg.png) repeat-x top; 
	color:#FFF;
	padding: 35px 0 45px
	}
	#bothead #ctr {
		max-width:665px;
		padding-left: 325px
	}
	#phot {
		position:absolute;
		top:-5px;
		left:-20px;
		width:365px; 
		height:278px
	}
	#bothead .bullet {margin:1.5em 0 0}
	#bothead .bullet li {margin-bottom:.3em; font-size:1.2em}
	#bothead .bullet li:last-child {line-height:1.3; padding-top:3px}
	
	#slogan {
		font-size:1.8em; 
		line-height:1.3;
		margin-top:0
		}
	#slogan strong  {font-weight:normal}
	#slogan span  {font-weight:bold}
	
	#home #bothead img {
		display:block;
		margin:0 auto
	}
	#features_bloc {margin:-255px 0 0 4%}
	
	/*N° AZUR*/
	.azur {
		background: url(/images/bg_azur.png);
		font-weight:bold; 
		color:#0097e8
	}
	div.azur {
		position:absolute;
		right:0;
		bottom:0;
		width:233px;
		height:4.4em;
		padding:12px 0 0 11px
	}
	.azur p {
		background: url(/images/azur.png) no-repeat; 
		font-size:1.2em;
		margin:0
	}
	.azur .num {
		color:#FFF; 
		padding-left:26px;
		margin-right: 20px;
		letter-spacing:-0.02em
		}
	#maincol .azur {
		position:relative;
		top: 5px;
		font-size:1.1em; 
		background:url(/images/azur.png) no-repeat; 
		line-height: 23px
	}
		.azur .code {margin-left: 25px}



/*=----------------------------------------- G L O B A L -----------------------------------------*/

ol li {
	list-style:decimal; 
	margin:0 0 .3em 4%; 
	font-size:1.05em
	}
.bigalt {font-size:1.3em; font-weight:bold
	}

.bullet li {
	background: url(/images/blue_bul.png) no-repeat 0 .5em; 
	padding-left:23px;
	margin-left:40px
}
a.btn {
	display:inline-block;
	height: 25px;
	line-height: 25px;
	text-align:center;
	outline: none;
	padding: 0 10px !important; 
	color:#002f58 !important;
	text-decoration:none;
	font-weight:bold;
	text-shadow:0 1px 0 #dfe7ed;
	border: 1px solid #8395a6;
	border-radius: 6%;
	-moz-border-radius: 3px;
	-webkit-border-radius: .3em;
	text-shadow: 0 1px 1px #dfe7ed;
	box-shadow: 0 1px 1px #cbcfd3; 
	-moz-box-shadow: 1px 1px 1px #cbcfd3; 
	-webkit-box-shadow: 0 1px 1px #cbcfd3;
	background: #cedae4;
	background: -moz-linear-gradient(top, #dfe8ee, #bacbd9); 
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #bacbd9),color-stop(1, #dfe8ee)); 
	behavior: url(border-radius.htc)
}
a.btn:hover, a.btn:focus, a.btn:active {
	background: #e2ecf5; 
	color: #006ccb !important; 
	border-color: #5289b9
	}
a.btn:active {
	background: #0045A4;
	color:#FFF !important;
	text-shadow:none;
	box-shadow: none; 
	-moz-box-shadow: none; 
	-webkit-box-shadow: none
	}

.maintenancemessage {
	padding:.5em 10px;
	background:#FBF9CE;
	border:1px solid #CBC663;
	border-radius:.5em;
	-moz-border-radius:.5em;
	-webkit-border-radius:.5em
	}
.important {color:#D90000}

.rounded {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.prices {
	display: inline-block;
	margin-left: 3px;
	color:#4e9700;
	background:#F0FFCA;
	border: 1px solid #9ec81c;
	padding: .3em .5em;
		}
.prices .off {
	text-decoration:line-through; 
	color: #777;
	}

/*Titles*/
#maincol h1 {
	font-size:1.8em;
	font-family:Trebuchet MS, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
	color:#276FC5;
	text-transform:uppercase;
	margin: 0 0 0.5em 0;
	padding: 1em 0 .25em 0;
	border-bottom: 1px solid #488ADB;
	clear:both
}
h2 {color:#025F9F; font-size: 1.3em}
h3 {
	font-size:1.3em; 
	color:#025f9f; 
	font-weight:normal;
	margin-bottom:.2em
	}


/*= STRUCTURE
-----------------------------------------*/
#maincol {
	float:left;
	width:69%;
	padding-top:70px
	}

/*.brd0:hover {background:none !important}*/


/*=LINKS
--------------------------------------=*/
a:link {color:#0081D7}
a:visited {color:#3E4E57}
a:hover, a:focus, a:active {text-decoration:none}

/*FORMS
--------------------------------------=*/
input[type=text]:focus, textarea:focus {
	border:1px solid #9c5809;
	background:#fbffdf
	}
#content input, #content textarea {
	height:1.5em;
	border-color: #93ADBF
	}
#content textarea {height: auto}
#maincol label {
		float:left; 
		width:25%; 
		text-align:right;
		margin-right: 12px
	}
form p {clear:both}
#content .error {
		color:#D00; 
		border-color: #D00 !important; 
		margin-top:0;
		}
#content input.error {color:#333}
/*=-------------------------------- C O N T E N U -----------------------------------*/

#content {
	overflow:hidden; 
	padding-bottom:18em;
	width: 100%
	}
#sidecol {float:right}
#sidecol .btn  {margin-top: 1em}

.sidebox {
	position:relative;
	margin-top:2em
	}

.sidebox .top, .sidebox .bott {
	position:absolute; 
	left:0;
	height:100px;
	width:100%
	}
.sidebox .top {top:0; background: url(/images/sidebox0.png) no-repeat}
.sidebox .bott {bottom:0; background: url(/images/sidebox1.png) no-repeat}
.sidecontent {
		position:relative; 
		z-index:1; 
		overflow:hidden;
		padding: 20px;
		}
.sidebox .separ {
	background: url(/images/sidebox_separ.png) no-repeat top; 
	padding-top:1em
	}
.sidecontent form {padding-top: 15px}
.sidebox .right.small {margin: 0}
#CGVDemandeEssai {
	float:left;
	vertical-align:middle; 
	border:none
	}
#maincol > div {
	overflow:hidden;
	margin-top:2.5em
	}
		
#maincol .second h1 {border:none; border-top:2px solid #CFE0F5; padding-top:3px}
#maincol .second a.nxt, #maincol .second a.bck, #maincol .second a.toc {
		border:1px solid #0081d7 !important;
		border-top:none !important
	}
		
#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
	}
.enterprise {
	overflow:hidden;
	border: 1px solid #C2DAE7;
	padding: 20px 15px 15px 20px;
	border-radius: .4em;
	-moz-border-radius: .4em;
	-webkit-border-radius: .4em;
	margin-bottom: 1em
	} 
.enterprise strong {font-size: 1.1em; margin-top:1em} 
.enterprise p {clear:left
	} 
.enterprise h2 {
	float:left;
	padding-top: 0; 
	margin: 0 15px 1em 0
	} 
.enterprise .btn {margin: 1em 0 0}


/*=------------------------------------ F O O T E R -----------------------------------------*/

#footer {
		position:absolute; 
		bottom:0; 
		width:100%
	} 
#ftr_top {
	background:#c9ced4 url(http://portal.buzzee.fr/images/footer_b.png) repeat-x;
	padding:15px 0;
	overflow:hidden
	}
#ftr_top h2 {
	background:#FFF;
	border-top:1px solid #a4c4d2;
	border-left:1px solid #c3d8e1;
	border-radius:.3em;
	-moz-border-radius:.3em;
	-webkit-border-radius:.3em;
	font-size:1em;
	padding:0 8px;
	margin:0 -3px .3em -6px;
	line-height:1.7em;
	text-decoration:none;
	color:#004E82
	}
#ftr_top a {
	display:block;
	text-decoration:none;
	padding:1px 5px;
	color:#003A82;
	margin-bottom:0.1em
	}
#footer a:hover, #footer a:focus, #footer a:active {
	background-color: #0045a4;	
	color:#FFF !important
	}
#ftr_top #wrap {
	float:left;
	position:relative;
	left:50%
	}
#links {
	position:relative;
	right:50%
	}
#links > div {
	display:table-cell;
	background: url(/images/footer_s.gif) repeat-y right;
	padding: 0 25px
	}
#links > div:last-child {background: none}

#ftr_bott a {
	color:#97d6fb; 
	text-decoration:none; 
	padding:.7em
	}
#ftr_bott a:hover {
	text-decoration:underline; 
	background:none
	}
#ftr_bott {
	height:2.8em;
	background:#013885 url(/images/footer_c.png) repeat-x center;
	color:#FFF
	}
#ftr_bott div div {float:right; line-height:2.8em}
#ftr_bott ul {float:left}
#ftr_bott li {
	float:left; 
	background: url(/images/footer_i.gif) no-repeat right
	}
#footer_bott span {margin-left:5px}

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

#features .boxe p, #features .boxe a {zoom:1;}

* html #features .boxe p, * html #features .boxe a {margin-top: 0 !important}
* html #features .boxe p { margin-top: -22px !important}