/***************************************
/***************************************
* reset.

ORANGE : #EC701C
VERT : #71B50E
Textes GRIS : #646567

***************************************/
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body, div, span applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	outline: 0;
	/*vertical-align: baseline;*/
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	color:#E6E6E6;
	line-height: 1;
}
/* tables still need 'cellspacing="0"' in the markup */
table{
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
}
ol, ul {
	list-style:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/**/
input[type=hidden] {
	display: none !important;
}

/***************************************
* layout
***************************************/
b{
	font-size: 100%; /*110%*/
}
em{
	/*color: red; */
	font-style:italic;
}
#global{
	background: #fff;
	margin: 0 auto;
	width: 899px;
}
#header{
	background:url(images/header-fond.jpg) top repeat-x;
	height: 89px;
	position:relative;
	z-index:1;
}

#header .anim {
	position:absolute;
	left:308px;
}


#pageContainer{
	width: 100%;	
}
#pageContent {
	margin: 0px; /*Set right margin to RightColumnWidth*/
	min-height:320px;
}


#recherche{
	min-height:auto;
	position:absolute;
	top:20px;
	right:0px;
	background-image:url(images/navt_recherche.jpg); 
	background-position:-5px; 
	color:#616161;
	cursor:pointer;
	display:block;
	width:251px;
	height:50px;
	color:#fff;
	margin-left:11px;
	border:0px solid #000;
}

	#recherche form { 
	margin:0 auto;
	width:180px;
	padding-left:32px;
	padding-top:14px;
	vertical-align:top;
	}
	
	#recherche input.text  { 
		width:170px;
		border:0px #000 solid;
		font-size:11px;
		padding-top: 4px;
		padding-bottom: 4px;
		margin:0px;
		color:#000;
		font-family: Arial, sans-serif; /*"Lucida Grande", Tahoma, Helvetica, sans-serif;*/
		background: transparent;
	}
	
	#recherche input.bouton   { 
		  border: none;
		  background: transparent url("images/bg_searchform.jpg") no-repeat 0 0;
		  cursor: pointer;
		  overflow: hidden;
		  text-indent: 50px;
		  width: 18px;
		  height: 22px;
		  position: absolute;
		  right: 20px;
		  top: 13px;
	}
	
	#recherche input.bouton:hover   { 
		  background: transparent url("images/bg_searchform.jpg") no-repeat 0 -22px;
	}

	
#home #pageContainer{
}

#vide { 
	clear:left;
	height:12px;
	position:relative;
	background-color:#fff;
}
#footer{
	position:relative;
	clear: left;
	background: #fff url(images/footer-fond.jpg) top left repeat-x;
	height:20px;
	padding-top:40px;
	padding-bottom:20px;
}
#pied { 
	position:relative;
	height:20px;
	width:100%;
	border-top:1px solid #D9D9D9;
	border-bottom:1px solid #D9D9D9;
	color:#1A1A1A;
}

	#pied  span{ 
		position:absolute;
		display:block;
		top:2px;
		left:3px;
		text-align:left;
	}

	#pied  .bis{ 
		position:absolute;
		display:block;
		top:2px;
		right:3px;
	}
	
	#pied  a{ 
		color:#1A1A1A;
		padding-left:10px;
	}
	
	#pied  a:hover{ 
		text-decoration:none;
		color:red;
	}
	
.container{
	margin-top: 0;
}
#ffscrollbarfix {
	position: absolute;
	top: 0;
	bottom: -0.1px;
	width: 1em;
	z-index: -1;
}
html { min-height: 100%; margin-bottom: 1px; }

/***************************************

***************************************/
body {  
	/*background: #7DCA08 url(images/fond-page.gif) top left no-repeat;*/
	background-color:#fff;
	color:#E6E6E6;
	font-size:  11px;
	line-height:1.35;/*1.4*/
	margin: 0;  
	padding: 0; 
}
body, p, h1, h2, h3, h4, h5, h6, td, th, input, select, textarea, label {
	font-family: arial, sans-serif; /*"Lucida Grande", Tahoma, Helvetica, sans-serif;*/
	font-size : 11px;
}
input, select, textarea, label {
	/*font-size : 0.9em;
	color:#666;*/
}

a {
	color:red;
	text-decoration:none;
}
a:hover {
	color:#000;
	text-decoration:underline;
}
p { 
		font-size:11px;
		font-family: Arial, sans-serif; /*"Lucida Grande", Tahoma, Helvetica, sans-serif;*/
		color:#000;
}



		#navt { 
			height:50px;
			position:relative;
			top:20px;
			width:899px; /*863px*/
		}
		#navt li {
			display:inline;
			/*line-height:52px;*/
			/*padding-left:27px;*/ /*42px*/
			/*background:pink;*/
			position:relative;
		} 
		#navt li a {
			color:#666;
			font-size:1em; /*0.9em*/
			text-decoration:none;
		}
		#navt li a:hover {
			color:#0f9ed2;
		}
		#navt li.active a {
			/*border-bottom:3px solid #0f9ed2;*/
			color:#0f9ed2;
		}


#navt_accueil a{
	display:block;
	width:76px;
	height:50px;
	background:url(images/nav.gif) no-repeat 0 -600px;
	float:left;
}	

	#navt_accueil a:hover {
		background:url(images/nav.gif) no-repeat 0 -650px;
	}

	#navt_accueil a:active {
		background:url(images/nav.gif) no-repeat 0 -650px;
	}

#navt_l-entreprise-berthelet  a{
	display:block;
	width:143px;
	height:50px;
	background:url(images/nav.gif) no-repeat 0 0px;
	float:left;
}

	#navt_l-entreprise-berthelet  a:hover {
		background:url(images/nav.gif) no-repeat 0 -200px;
	}

	#navt_l-entreprise-berthelet  .active {
		background:url(images/nav.gif) no-repeat 0 -400px;
	}


#navt_berthelet-to-business a{
	display:block;
	width:143px;
	height:50px;
	background:url(images/nav.gif) no-repeat 0 -50px;
	float:left;
}

	#navt_berthelet-to-business a:hover{
	background:url(images/nav.gif) no-repeat 0 -250px;
	}

	#navt_berthelet-to-business .active{
	background:url(images/nav.gif) no-repeat 0 -450px;
	}
	

#navt_berthelet-groupes a{
	display:block;
	width:143px;
	height:50px;
	background:url(images/nav.gif) no-repeat 0 -100px;
	float:left;
}

	#navt_berthelet-groupes a:hover{
	background:url(images/nav.gif) no-repeat 0 -300px;
	}

	#navt_berthelet-groupes .active{
	background:url(images/nav.gif) no-repeat 0 -500px;
	}
	

#navt_berthelet-individuels a{
	display:block;
	width:143px;
	height:50px;
	background:url(images/nav.gif) no-repeat 0 -150px;
	float:left;
}

	#navt_berthelet-individuels a:hover{
	background:url(images/nav.gif) no-repeat 0 -350px;
	}

	#navt_berthelet-individuels .active{
	background:url(images/nav.gif) no-repeat 0 -550px;
	}
	

		/*#navt a span { visibility:hidden;}*/
		#navt a span { /*visibility:hidden;*/left:-2000px;position:relative;}



#pageContent .container{ 

}
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, sans-serif; /*"Lucida Grande", Tahoma, Helvetica, sans-serif;*/
	font-size:18px;
	margin-top:0px;
	margin-bottom:20px;
	color:#000000;
	font-weight:normal;
	}

/*************************************
**  PAGE CONTENU
*************************************/

#bloc {
	position:relative;
	display:block;
	width: 897px;	
	border:1px solid #D9D9D9;
	height:330px;
}

	#bloc span.accrocheplus {
		position:absolute;
		top:294px;
		right:6px;
	}

	#bloc .lien {
		position:absolute;
		top:168px;
		right:70px;
		display:block;
	}

		a.acc {
				display: block;
				width:200px;
				height:30px;
				background:url(images/button-univers.png) no-repeat -0px -0px;
				float:right;
			}

			a.acc:hover {
					background:url(images/button-univers.png) no-repeat -200px 0px;
					text-decoration:none;
				}

			a span.acc { 
				left:-2000px;
				position:relative;
				}

	#bloc .accroche {
		position:absolute;
		bottom:0px;
		left:0px;
		display:block;
		width: 895px;
		min-height:auto;
		border:1px solid #D9D9D9;
		min-height:40px;
		background-image:url(images/1pxg.png);
	}

		
		#bloc h1 {
			font-family: Georgia, sans-serif; /*"Lucida Grande", Tahoma, Helvetica, sans-serif;*/
			font-size:18px;
			margin:0px;
			color:#000000;
			font-weight:normal;
			padding:10px 20px 10px 20px;
		}

		#bloc .boutacc {
			position:absolute;
			top:10px;
			right:6px;
		}

#vide {
	display:block;
	width:100%;
	height:29px;
	position:relative;
}


/* BOUTONS */


a.plus {
		display: block;
		width:30px;
		height:30px;
		background:url(images/button-site.png) no-repeat 0px 0px;
		float:right;
	}

	 a.plus:hover {
			background:url(images/button-site.png) no-repeat -120px 0px;
		}

	a span.plus { 
		left:-2000px;
		position:relative;
		}
	

a.commander {
		display: block;
		width:114px;
		height:30px;
		background:url(images/button-site.png) no-repeat -2px -31px;
		float:right;
	}

	 a.commander:hover {
			background:url(images/button-site.png) no-repeat -122px -31px;
		}

	a span.commander { 
		left:-2000px;
		position:relative;
		}
	

a.telecharger {
		display: block;
		width:114px;
		height:30px;
		background:url(images/button-site.png) no-repeat -2px -62px;
		float:right;
	}

	 a.telecharger:hover {
			background:url(images/button-site.png) no-repeat -122px -62px;
		}

	a span.telecharger { 
		left:-2000px;
		position:relative;
		}
	

a.decouvrir {
		display: block;
		width:114px;
		height:30px;
		background:url(images/button-site.png) no-repeat -2px -93px;
		float:right;
	}

	 a.decouvrir:hover {
			background:url(images/button-site.png) no-repeat -122px -93px;
		}

	a span.decouvrir { 
		left:-2000px;
		position:relative;
		}

		
a.contact {
		display: block;
		width:114px;
		height:30px;
		background:url(images/button-site.png) no-repeat -2px -126px;
		float:right;
	}

	 a.contact:hover {
			background:url(images/button-site.png) no-repeat -122px -126px;
		}

	a span.contact { 
		left:-2000px;
		position:relative;
		}
	
	
/* MENU */


#menu {
	position:relative;
	width: 579px;
	padding-top:24px;	
	padding-bottom:20px;	
	margin:0px;
	z-index:100;
	padding-left:200px;
	padding-right:120px;
	min-height:16px;
	height:auto;
}

	#menu  H1 {
		position:absolute;
		left:10px;
		top:20px;
	}

	#menu  a.contact{
		position:absolute;
		right:0px;
		top:20px;
	}

		#menu  a.contact:hover {
			text-decoration:none;
		}
		
		#nav2 {
		position:relative;
		display:block;
		text-align:right;
		height:auto;
		margin-right:22px
		}

			#nav2 a{
				color:#000;
				cursor:pointer;
				line-height:24px;
			}
			
			#nav2 a span {
				margin-left:18px;	
			}
			#nav2 a:hover {
				text-decoration:none;
				color:red;
			}
			#nav2 a:hover span {
			}
			#nav2 a.active {
				color:red;
			}

			
#conteneur div {
  display: table-cell;
}




td.page {
	background:#F2F2F2 url(images/page-note-fond.gif) top right repeat-y;
	font-family: Arial, sans-serif; /*"Lucida Grande", Tahoma, Helvetica, sans-serif;*/
	font-size:11px;
	color:#000000;
	padding:20px;
	vertical-align:top;
	position:relative;
}
	
td.note{
	width: 185px;	
}

td.article{
	width: 410px;
}

	td.piedpage {
		background:#F2F2F2 url(images/note-fond-bas.gif) bottom right repeat-x;
		padding:0px;	
		margin:0px;
		text-align:center;
		bottom:0px;
		right:0px;
	}


#block {
	display:block;
	background:#F2F2F2 url(images/note-fond-middle.gif) top right repeat-y;
	font-family: Arial, sans-serif; /*"Lucida Grande", Tahoma, Helvetica, sans-serif;*/
	font-size:11px;
	color:#000000;
}

#block .note{
	width: 225px;	
}

#block .article{
	width: 450px;
}

	#block span.fond-top {
		position:absolute;
		top:0px;
		right:0px;
		height: 115px;
		width: 100%;
		background:url(images/note-fond-top.gif) top right repeat-x;
		padding:0px;	
		margin:0px;
		z-index:100;
	}

	#block span.fond-bas {
		position:absolute;
		bottom:0px;
		right:0px;
		height: 115px;
		width: 100%;
		background:url(images/note-fond-bas.gif) top right repeat-x;
		padding:0px;	
		margin:0px;
		z-index:100; 
		display:block;
	}

	#block span.fond-image {
		position:absolute;
		display:block;
		bottom:1px;
		right:1px;
		z-index:101;
		margin:auto;
		width:100%;
		text-align:center;
	}

		
	#block span.bouton {
		position:absolute;
		bottom:7px;
		right:7px;
		z-index:200;
	}


	#block .div {
		position:relative;
		display:block;
		padding:20px;	
		z-index:150;
	}
	
		#block .notediv{
		width:185px;
		}
	
		#block .articlediv{
		width:410px;
		}
	
	#block .accueil {
		min-height:230px;
	}
	
	#block .page {
		min-height:400px;
	}


/* - - - - - - - - - - - - - - - - */
	
#note {
	display:block;
	float:left;
	background:#F2F2F2 url(images/note-fond-middle.gif) top right repeat-y;
	font-family: Arial, sans-serif; /*"Lucida Grande", Tahoma, Helvetica, sans-serif;*/
	font-size:11px;
	color:#000000;
	position:relative;
}

#note .note{
	width: 225px;	
}

#note .article{
	width: 450px;
}

	#note span.fond-top {
		position:absolute;
		top:0px;
		right:0px;
		height: 115px;
		width: 100%;
		background:url(images/note-fond-top.gif) top right repeat-x;
		padding:0px;	
		margin:0px;
		z-index:100;
	}

	#note span.fond-bas {
		position:absolute;
		bottom:0px;
		right:0px;
		height: 115px;
		width: 100%;
		background:url(images/note-fond-bas.gif) top right repeat-x;
		padding:0px;	
		margin:0px;
		z-index:100; 
		display:block;
	}

	#note span.fond-image {
		position:absolute;
		display:block;
		bottom:1px;
		right:1px;
		z-index:101;
		margin:auto;
		width:100%;
		text-align:center;
	}

		
	#note span.bouton {
		position:absolute;
		bottom:7px;
		right:7px;
		z-index:200;
	}


	#note .div {
		position:relative;
		display:block;
		padding:20px;	
		z-index:150;
	}
	
		#note .notediv{
		width:185px;
		}
	
		#note .articlediv{
		width:410px;
		}
	
	#note .accueil {
		min-height:230px;
	}
	
	#note .page {
		min-height:400px;
	}

			
		#note p {
			margin-top:0px;
		}


		

#page{
	display:block;
	float:left;
	background-color:#FFF;
	font-family: Arial, sans-serif; /*"Lucida Grande", Tahoma, Helvetica, sans-serif;*/
	font-size:11px;
	color:#000000;
	position:relative;
	width: 899px;
}


	#page .plan{
		display:block;
		position:relative;
		width: 899px;
		border-bottom:1px solid #D4D4D4;
		padding-top:34px;
		padding-bottom:15px;
	}

	#page h2{
		display:block;
		position:relative;
		width: 180px;
	}

	#page .lien{
		display:block;
		position:relative;
		width:699px;
		padding-top:6px;
		text-align:right;
	}

	#page a {
		color:#000000;
		text-decoration:none;
	}

	#page a:hover {
		color:red;
		text-decoration:none;
	}
		
		
/*************************************
**  Homepage
*************************************/
#home #global {}
#home #header{ height:104px;} /* vert = #83b300 */
#home #navt { background-color:#ED701C; }
#home #pageContent .head { display:none; }
#home #pageContent {	margin-top:0px; }
#home #pageContent .container { margin-right:5px;/*15px*/}
#home .widget {margin-left:0;}

	
a.contactez {
	position:relative;
	background: #fff url(images/bas-page.gif) no-repeat;
	display:block;
	width:476px;
		padding-left:60px;
		padding-top:20px;
	min-height:50px;
	font-size:18px;
	text-align:left;
	margin-bottom:10px;
	color:#616161;
}
	
a:hover.contactez {
	text-decoration:none;
	color:#ED701C;
}




.sous-titre-page, #contenu-page .sous-titre-page {
	font-size:16px;
	color:#EC701C;
	text-align:left;
	font-family: Arial, sans-serif; /*"Lucida Grande", Tahoma, Helvetica, sans-serif;*/
	display:block;
	background: #fff url(images/carre.gif) no-repeat;
	padding-left:30px;
	font-weight:bold;
	margin-top:16px;
	margin-bottom:10px;
}

.sous-titre-page-trait , #contenu-page .sous-titre-page-trait {
	font-size:16px;
	color:#EC701C;
	text-align:left;
	font-family: Arial, sans-serif; /*"Lucida Grande", Tahoma, Helvetica, sans-serif;*/
	display:block;
	border-top:2px solid #CCC;
	padding-top:10px;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
}

		
		
ul.liste-cercle {
			list-style: circle;
			padding-left:20px;
			margin-top:10px;
			font-size:12px;
			font-family: Arial, sans-serif; /*"Lucida Grande", Tahoma, Helvetica, sans-serif;*/
		}
		
		
		
/*** Search Components ********************************************************/
	
		
#searchform input {
  background: transparent;
  border: none;
  color: #999;
  font-size: 90%;
  height: 18px;
  line-height: 18px;
  margin: 14px 0 0 20px;
  width: 95px;
}
#searchform input.focus {
  color: #000;
}
* html #searchform input { /** less margin-top for IE */
  margin-top: 10px;
}
#searchform.issafari {
  background: transparent;
}
#searchform.issafari input {
  color: #000;
  font-size: 100%;
  height: auto;
  margin: 10px 0 0 15px;
  width: 115px;
}
#searchform button {
  border: none;
  background: transparent url("images/bg_searchform.jpg") no-repeat 0 0;
  cursor: pointer;
  overflow: hidden;
  text-indent: 50px;
  width: 26px;
  height: 26px;
  position: absolute;
  right: 10px;
  top: 7px;
}
#searchform button:active {
  background-position: 0 -26px;
}