* { 
	margin:0;
	padding:0;
}
html, body { 
	height:100%;
padding-bottom: 30px;


}
html {
	min-width:978px;
}
body { 
	background:url(images/main-dbg.gif) center top repeat-y #efefef;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1.5em;
	color:#666666;


position: relative;

min-height: 100%;



}

img {
	border:0; 
	vertical-align:top; 
	text-align:left;
}
object { 
	vertical-align:top; 
	outline:none;
}
ul, ol { 
	list-style:none;
}

.fleft { 
	float:left;
}
.fright { 
	float:right;
	font-size:10px;

	padding:100 220px 220 21px; /* gauche et droite autour et dans cadre */


}
.clear { 
	clear:both;
}

.col-1, .col-2, .col-3 { 
	float:left;
}

.alignright { 
	text-align:right;
}
.aligncenter { 
	text-align:center;
}

.wrapper { 
	width:100%;
	overflow:hidden;
}
.container { 
	width:100%;
}




/*==== GLOBAL =====*/
#main {
	width:998px; 
	margin:0 auto;
	font-size:.8125em;
	background:#fff;
	position:relative;
}

#metier {
        text-align:center;
	
	margin:0 auto;
        color:#F77B00;
	font-size:15px;



}


#header {
	height:487px; /* détermine le début de la zone en bas du cadre */
	border-top:3px solid #F77B99; /* ligne verticale tout en haut */
	background:url(images/header-bg.gif) no-repeat 20px 99px; /* XY du cadre partie gauche voir aussi pos cadre droit xxxx below */

	padding:0 22px 0 21px; /* gauche et droite autour et dans cadre */

	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;


}
#content {

	padding:0px 48px 60px 58px;

background: white;
}
#footer {


position: absolute; // On positionne de façon fixe le calque
bottom: 0; 
}


#phcontainer {
   min-height:100%;
   position:relative;
}


/*----- forms parameters -----*/

input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}


/*----- other -----*/
.img-indent { 
	margin:0 20px 0 0; 
	float:left;
}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:20px;
}
	.img-box img { 
		float:left; 
		margin:0 20px 0 0;
	}

.extra-wrap { 
	overflow:hidden;
}


p {
	margin-bottom:24px;
}
.p1 { 
	margin-bottom:12px;
}
.p2 { 
	margin-bottom:24px;
}
.p3 { 
14:43 11/03/2010	margin-bottom:36px;
}

/*----- txt, links, lines, titles -----*/
a {
	color:#33dcfb; 
	outline:none;
}
a:hover{
	text-decoration:none;
}

h1 {
	font-size:33px;
	line-height:1.2em;
	color:#0ac0fa;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:-1px;
}
h2 {
	font-size:24px;
	line-height:1.2em;
	color:#F77B00;
	font-weight:normal;
	margin-bottom:20px;
	letter-spacing:-11px;

}
h3 {
	font-size:24px;
	line-height:1.2em;
	color:#000;
	font-weight:normal;
	margin-bottom:20px;
	text-transform:uppercase;
}
h4 {
	font-size:1em;
	font-weight:normal;
	margin-bottom:24px;
}
h5 {
	font-size:1em;
	font-weight:normal;
}

.link1 {
	color:#221e09;
	font-size:18px;
	line-height:1.2em;
	background:url(images/marker1.gif) no-repeat left top;
	padding:0 0 2px 34px;
	text-decoration:none;
	display:inline-block;
}

.liste  {
	background:url(images/arrow1.gif) no-repeat left 8px;
	padding:0 0 0 24px;
	line-height:1.2em;
	margin-bottom:12px;
margin-left:12px;
	font-size:16px;
}

.listetext  {

	line-height:1.2em;
	font-size:16px;
	margin-top:12px;

	margin-bottom:12px;
}

 
.link1:hover {
	color:#09bffa;
}

.line-hor { 
	background:#f4f4f4;
	height:8px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin:10px 0 10px 0;
}


.address dd { 
	clear:both;
}
	.address dd span { 
		float:left;
		width:100px;
	}


/*===== header =====*/
#header .login {
	position:relative; 
	top:25px;
	right:550px;
/*	background:url(images/login.gif) no-repeat left top; */
	width:790px;
	height:17px;
/*	text-align:center; */
	font-size:10px;

/*	font-weight:bold; */
/*	line-height:20px; */
}
	#header .login aa {
		color:#fff;
		text-decoration:none;
	}
		#header .login a:hover {
			color:#33dcfb;
		}
		
#header .row-1 {
	height:99px; /* voir aussi xxxx above, pos cadre gauche*/
}
	#header .row-1 .fleft {
		padding:11px 0 10 17px; /* espace AVANT LOGO VERT/HORIZ  */
	}
	/* --- nav --- */
	#header .nav {
		float:right;
		padding:22px 152px 0 0; /* menu hor/vert */
	}
		#header .nav li {
			float:left;
			padding-left:8px;
		}
			#header .nav li a {
				float:left;
				font-size:13px;
				color:#cacaca;
				text-decoration:none;
				font-weight:bold;
			}
				#header .nav li a span {
					float:left;
					padding:7px 15px 7px 15px;
					cursor:pointer;
				}
			
			#header .nav li a:hover, #header .nav li a.current {
				background:url(images/nav-left.gif) no-repeat left top #33dcfb;
				color:#fff;
			}
				#header .nav li a:hover span, #header .nav li a.current span {
					background:url(images/nav-right.gif) no-repeat right top;
				}
	
#header .row-2 {
	height:358px;



}
#header .row-2.bg1 {
	background:url(images/extra-bg1.jpg) no-repeat right bottom;
}
#header .row-2.bg2 {
	background:url(images/extra-bg2.jpg) no-repeat right bottom;
}
#header .row-2.bg3 {
	background:url(images/extra-bg3.jpg) no-repeat right bottom;
}
#header .row-2.bg4 {
	background:url(images/extra-bg4.jpg) no-repeat right bottom;
}
#header .row-2.bg5 {
	background:url(images/extra-bg5.jpg) no-repeat right bottom;
}
#header .row-2.bg6 {
	background:url(images/extra-bg6.jpg) no-repeat right bottom;
}
#header .row-2.bg7 {
	background:url(images/extra-bg7.jpg) no-repeat right center;
}




	#header .row-2 .indent {
				padding:12px 150px 0 20px; /* espace avant text dans cadre et largeur et et marge gauche*/ 
					
	}
		#header .row-2 h2 {
			font-size:16px; /* taille H2 */
			text-transform:uppercase;
			line-height:1.2em;
			margin:-4px 0 16px 100; /* 16 est espace après txt, 100 esp av txt*/ 

		}
		#header .row-2 p { /* texte <p> dans header
			font-size:19px;
		color:#080808; /* #969696; */	
			line-height:18px;
			padding-right:220px;
			margin-bottom:18px; //avant get more info




		}

/*===== content =====*/
	blockquote {
		font-size:17px;/*texte en DESSOUS du cadre*/ 
		line-height:30px;
		color:#080808; /* #969696; */
		padding-bottom:55px; /* marge pour la ligne du bas */
	}
	

	blockquotebold {
		font-size:17px;/*texte en DESSOUS du cadre*/ 

		color:#080808; /* #969696; */

		font-weight:bold;
	}

	.social-links li {
		width:100%;
		overflow:hidden;
		border-bottom:1px solid #f4f4f4;
		padding-bottom:3px;
		margin-bottom:7px;
		vertical-align:top;
	}
		.social-links li a {
			float:right;
			color:#b4b4b4;
			text-decoration:none;
		}
		.social-links li a.name {
			float:left;
		}
		.social-links li a:hover {
			color:#000;
			font-weight:bold;
		}
	
	.list1 li {
		background:url(images/arrow1.gif) no-repeat left 8px;
		padding:0 0 0 24px;
		border-bottom:1px solid #f4f4f4;
		padding-bottom:9px;
		margin-bottom:14px;
	}

/*===== footer =====*/
#footer a {
	color:#b9b8b8;
	text-decoration:none;
}
#footer a:hover {
	color:#000;
}
	#footer .nav {
		float:right;
	}
		#footer .nav li {
			display:inline;
		}
			#footer .nav li a {
				padding:0 7px 0 4px;
			}


/*----- forms -----*/
#contact-form fieldset {
	border:none;
}
	#contact-form .field {
		height:42px;
		overflow:hidden;
	}
		#contact-form label {
			float:left;
			background:url(images/input-bg.gif) no-repeat left top;
			height:31px;
		}
		#contact-form input.text {
			border:none;
			background:none;
			width:245px;
			padding:6px 5px 5px 12px;
			font-size:12px;
			color:#c5c5c5;
			margin-right:17px;
		}
		#contact-form input.password {
			border:none;
			background:none;
			width:249px;
			padding:6px 5px 5px 12px;
			font-size:12px;
			color:#c5c5c5;
		}
		#contact-form input.submit {
			background:url(images/send.gif) no-repeat left top;
			border:none;
			width:80px;
			height:32px;
			margin-left:7px;
			cursor:pointer;
		}
		#contact-form input.reset {
			background:url(images/clear.gif) no-repeat left top;
			border:none;
			width:89px;
			height:32px;
			cursor:pointer;
		}
		#contact-form .textarea-box {
			background:url(images/textarea-bg.gif) no-repeat left top;
			width:552px;
			height:90px;
			overflow:hidden;
			margin-bottom:9px;
		}
			#contact-form .textarea-box textarea {
				border:none;
				background:none;
				width:535px;
				height:78px;
				padding:6px 5px 5px 12px;
				font-size:12px;
				color:#c5c5c5;
				overflow:auto;
			}

/*==========================================*/