/***************/
/*** COMMUNS ***/
/***************/
h1, h2, p {margin: 0; padding: 0; color: white;}
.clear {clear: both;}
* {margin: 0;}
html, body {
	width: 100%; height: 100%;
	overflow: auto;
}
html {
	/*overflow: visible;*/
}
body {
	/*overflow: auto;*/
	background: #3b1c1e;
	padding: 0; margin: 0;
	font-family: arial,sans-serif; color: white;
}
.container {
	position: relative;
	min-height: 100%;
}


/**************************/
/***** PAGE D'ACCUEIL *****/
/**************************/
.conteneur_accueil {
	position: absolute;
	width: 848px;
	left: 50%;
	margin: 53px 0 0 -424px;
}
.fond_accueil {
	display: block;
	width: 848px; height: 520px;
	background: url("../iso_icons/f_accueil.gif") no-repeat;
}
.anim_flash {
	position: absolute;
	top: 137px;
	width: 848px; height: 123px;
}
.txt_accueil {
	display: block;
	width: 848px;
	font-size: 10px; color: white; text-align: center; text-decoration: none;
	margin: 56px 0 0 0;
}
.txt_accueil a, .txt_accueil a:visited {
	color: white; text-decoration: none;
}
.txt_accueil a:hover {
	text-decoration: underline;
}


/*******************/
/***** COMMUNS *****/
/*******************/
#menu {
	position:absolute;
	left: 0;
	width: 238px; height: 100%;
	background: url("../iso_icons/f_colgauche.gif") repeat-y;
}
#content {
	height: 100%;
	margin: 0 0 0 238px;
	overflow: auto;
	background: url("../iso_icons/f_coldroite.gif") repeat-y;
}
#content-actus {
	height: 100%;
	margin: 0 0 0 238px;
	overflow: auto;
	background: url("../iso_icons/f_coldroite-actus.gif") repeat-y;
}
div[id=menu] {
position: fixed !important;
}
html > body {
overflow: visible !important;
}
.contenud {
	padding: 5px 0 0 30px;
}
h2 {
	font-size: 15px; font-weight: bold; color: #ff8824;
	padding: 0 0 5px 10px;
}
.logo {
	padding: 69px 0 76px 80px;
}
.logo a, .logo a:visited, .logo a:hover {
	display: block;
	width: 158px; height: 95px;
	background: url("../iso_icons/a_logo.gif") no-repeat;
	text-indent: -2000px;
	text-align: left;
}
.annee {
	position: absolute;
	z-index: 50;
	left: 959px; top: 0;
}
.annee.annee-actus {
	left: 1189px;
	}
	.annee a {
		display: block;
		background: url("../iso_icons/t_08.gif") no-repeat;
		width: 31px; height: 28px;
	}
.mentions {
	text-align: right;
	padding: 10px 20px;
}
.mentions a, .mentions a:visited {
	font-size: 10px; color: #655652; text-decoration: none;
}
.mentions a:hover {
	font-size: 10px; color: #655652; text-decoration: underline;
}
.contenu-mentions {
	font-size: 11px; color: white;
	padding: 20px;
}
.contenu-mentions h2 {
	padding: 0; margin: 0 0 10px 0;
}
.contenu-mentions table {
	width: 500px;
}

/***** Navigation *****/
.contenug {
	padding: 0 0 80px 0;
}
.navigation ul {
	list-style-type: none;
	padding: 10px 20px 10px 0; margin: 0;
}
.navigation ul li {}
.navigation ul li a, .navigation ul li a:visited {
	font-size: 18px; font-weight: bold; color: #665753; text-decoration: none;
}
.navigation ul li a:hover {
	text-decoration: underline;
}
.navigation ul li .on {
	color: #ff8824;
}
.navigation ul li ul {
	padding: 0 0 5px 0;
}
.navigation ul li ul li {line-height: 13px;}
.navigation ul li ul li a, .navigation ul li ul li a:visited {
	font-size: 12px; font-weight: normal; color: white; text-decoration: none; line-height: 15px;
}
.navigation ul li ul li a:hover {
	text-decoration: underline;
}
.navigation ul li ul li .on {
	color: #ff8824;
}
.nav_actu, .nav_agence, .nav_portfolio, .nav_contact {
	display: block;
	text-indent: -2000px;
}
.nav_actu, .nav_actuon {
	width: 70px; height: 42px;
	background: url("../iso_icons/b_actu.gif") no-repeat;
}
	.nav_actu:hover, .nav_actuon {
		display: block;
		background-position: 0 -42px;
	}
.nav_agence, .nav_agenceon {
	width: 127px; height: 42px;
	background: url("../iso_icons/b_agence.gif") no-repeat;
}
	.nav_agence:hover, .nav_agenceon {
		display: block;
		background-position: 0 -42px;
	}
.nav_portfolio, .nav_portfolioon {
	width: 127px; height: 42px;
	background: url("../iso_icons/b_portfolio.gif") no-repeat;
}
	.nav_portfolio:hover, .nav_portfolioon {
		display: block;
		background-position: 0 -42px;
	}
.nav_contact, .nav_contacton {
	width: 127px; height: 42px;
	background: url("../iso_icons/b_contact.gif") no-repeat;
}
	.nav_contact:hover, .nav_contacton {
		display: block;
		background-position: 0 -42px;
	}

/***** Footer *****/
.footer {
	position: absolute;
	left: 0; bottom: 10px;
	width: 228px;
	font-size: 10px; font-weight: normal; color: #ff8824; text-align: right;
}
.footer span {
	font-size: 10px; font-weight: normal; color: white;
}
.footer a, footer a:visited {
	color: #ff8824; text-decoration: none;
}
.footer a:hover {
	color: #ff8824; text-decoration: underline;
}


/***************************/
/***** FONDS ET TITRES *****/
/***************************/

/***** Actu *****/
.actu .fond {
	background: url("../iso_icons/f_actu.gif") no-repeat;
	}
.actu .contenud {
	width: 721px;
	padding: 0 0 0 20px;
}
.actu .titre {
	background: url("../iso_icons/t_actus.gif") no-repeat;  
	width: 371px; height: 96px;
	text-indent: -2000px;
	margin: 66px 0 0 20px;
}
.actu h2 {
	background: url("../iso_icons/t_toutnouveau.gif") no-repeat;
	width: 380px; height: 32px;
	text-indent: -2000px;
	margin: 15px 0 40px 20px;
}
.titrepage {
	font-size: 15px; font-weight: bold; color: #ff8824;
	padding: 0 0 7px 13px;
}
.fleche_cadre {
	padding: 0 0 0 20px;
}
.cadre_actu {
	width: 300px;
	padding: 0 0 10px 0; margin: 0 0 20px 0;
	background: url("../iso_icons/f_entete_actu.gif") 0 0 no-repeat white;
}
.cadre_actu .entete h3 {
	font-size: 11px; font-weight: bold; color: white; line-height: 32px;
	text-align: center;
	height: 34px;
	}
.cadre_actu p {
	color: #655652; font-size: 10px;
	padding: 0 10px;
}
.cadre_actu p span div table tr {
	height: 200px;
}
.lien_actu {
	width: 150px;
	padding: 5px 10px 5px 0;
}
.lien_actu a, .lien_actu a:visited {
	font-size: 11px; font-weight: normal; color: white; text-decoration: none;
	text-align: right;
}
.lien_actu a:hover {
	font-size: 11px; font-weight: normal; color: white; text-decoration: underline;
}
/* Carroussel Actus */
.actu .car {
	padding: 0; background: white;
	position: relative; 
	width: 300px;
	}
	.actu .car .car_conteneur {
		width: 300px; 
		min-height: 400px;
		position: relative; 
		overflow: hidden;
		zoom: 1;
		}
	/* Hauteur mini IE6 */
	* html .actu .car .car_conteneur {
		height:auto !important;
		height: 400px;
		}

		.actu .car .car_conteneur .car_content {
			width: 20000em; padding: 0; margin: 0;
			position: absolute; top: 0; left: 0;
			}
		.actu .car .car_content .item {
			float: left; display: block;
			width: 300px; text-align: center;
			}
			.actu .car .car_content span table {
				width: 100%;
				}
			/* Boutons Entete Actus */
			.cadre_actu .car_btn {
				position: absolute; top: -35px;
				width: 25px;
				cursor: pointer;
				}
			.cadre_actu .car_btn a {
				display: block;
				width: 25px; height: 33px;
				}
				.cadre_actu .car .disabled a {
					display: none;
					}
			.cadre_actu .prev {left: 0;}
				.cadre_actu .prev a {
					margin: 0 0 0 7px;
					background: url("../iso_icons/b_back.gif") no-repeat left;
					}

			.cadre_actu .next {right: 0;}
				.cadre_actu .next a {
					margin: 0 7px 0 0;
					background: url("../iso_icons/b_next.gif") no-repeat right;
					}


/***** Pop-up Actus *****/
.popup {
	background: url("../iso_icons/f_popup.gif") 0 261px no-repeat #3b1c1f;
}
.fond_popup {
	padding: 57px 0 0 57px;
}
.fond_popup h1 {
	background: url("../iso_icons/t_popup.gif") 0 0 no-repeat;
	width: 361px; height: 24px;
	font-size: 11px; text-indent: -2000px;
	padding: 0; margin: 0 0 0 0;
}
.contenu_popup {
	padding: 0; margin: 0;
}
.fond_popup {
	width: 453px;
}

/***** Portfolio *****/
.portfolio {
	background: url("../iso_icons/f_pointilles_noirs.gif") repeat-y;
}
.portfolio .fond {
	height: 100%;
	background: url("../iso_icons/f_zebres.gif") right bottom fixed no-repeat;
}
.portfolio .contenud {
	width: 721px;
	background: url("../iso_icons/f_portfolio.gif") no-repeat;
}
.portfolio .titre {
	background: url("../iso_icons/t_portfolio.gif") no-repeat;
	width: 346px; height: 126px;
	text-indent: -2000px;
	margin: 60px 0 50px 10px;
}
.portfolio .contenud h2 a, .portfolio .contenud h2 a:visited {
	color: #655652; text-decoration: none;
}
.portfolio .contenud h2 a:hover {
	color: #655652; text-decoration: underline;
}
.portfolio .contenud h2 a.on {
	color: #FF8824;
}
.lien_portfolio {
	position: absolute;
	z-index: 50;
	right: 60px;
	height: 100%;
}
.lien_portfolio a {
	display: block;
	width: 60px; height: 60px;
	background: url("../iso_icons/f_fleche_portfolio.gif") right bottom no-repeat;
}
.cadre_portfolio {
	width: 550px;
	margin: 0 0 20px 0;
}
.cadre_portfolio .entete {
	height: 34px;
	background: url("../iso_icons/f_entete_portfolio.gif") 0 0 no-repeat #655652;
	padding: 0;
}
.cadre_portfolio .entete h3 {
	font-size: 11px; font-weight: bold; color: white; line-height: 32px;
	text-align: center;
	height: 34px;
	}
.cadre_portfolio .txt_actu {
	text-align: right;
	font-size: 10px; font-weight: normal; color: #6f615d; line-height: 12px;
}
.cadre_portfolio .txt_actu td {
	font-size: 10px; font-weight: normal; color: #6f615d; line-height: 12px;
}
.cadre_portfolio .txt_actu p {
	font-size: 10px; font-weight: normal; color: #6f615d; line-height: 12px;
}
.cadre_portfolio .txt_actu tr {
	vertical-align: top;
}

/* Carroussel Portfolio */
.cadre_portfolio .car {
	float: right; padding: 10px; background: white;
	position: relative;
	}
	.cadre_portfolio .car .car_conteneur {
		width: 518px; 
		min-height: 430px;
		position: relative; overflow: hidden;
		zoom: 1;
		}
	/* Hauteur mini IE6 */
	* html .cadre_portfolio .car .car_conteneur {
		height:auto !important;
		height: 430px;
		}

		.cadre_portfolio .car .car_conteneur .car_content {
			width: 20000em; padding: 0; margin: 0;
			position: absolute; top: 0; left: 0;
			}
		.cadre_portfolio .car .car_content .item {
			float: left; display: block;
			width: 518px; text-align: center;
			}
			.cadre_portfolio .car .car_content .item table {
				width: 100%;
				}
		.cadre_portfolio .car .navi {
			float: right;
			}
			.cadre_portfolio .car .navi a {
				color: #786b67; text-align: center; text-decoration: none;
				float: left; width: 21px; 
				}
			.cadre_portfolio .car .navi a.active {
				color: #ef852e;
				}

			/* Boutons Entete Portfolio */
			.cadre_portfolio .car_btn {
				position: absolute; top: -35px;
				width: 100px;
				cursor: pointer;
				}
			.cadre_portfolio .car_btn a {
				display: block;
				color: white; font-size: 11px; text-decoration: none; line-height: 32px;
				}
			.cadre_portfolio .car_btn a:hover {
				color: #ef852e;
				}
				.cadre_portfolio .car .disabled a {
					display: none;
					}
			.cadre_portfolio .prev {left: 0;}
				.cadre_portfolio .prev a {
					text-align: left;
					padding: 0 0 0 25px; margin: 0 0 0 13px;
					background: url("../iso_icons/b_back.gif") no-repeat left;
					}

			.cadre_portfolio .next {right: 0;}
				.cadre_portfolio .next a {
					text-align: right;
					margin: 0 13px 0 0; padding: 0 25px 0 0; 
					background: url("../iso_icons/b_next.gif") no-repeat right;
					}



/***** L'agence *****/
.agence {
	background: url("../iso_icons/f_pointilles_noirs.gif") repeat-y;
}
.agence .contenud {
	width: 879px; height: 711px;
	background: url("../iso_icons/f_agence.gif") no-repeat;
}
.agence .titre {
	background: url("../iso_icons/t_agence.gif") no-repeat;
	width: 318px; height: 120px;
	text-indent: -2000px;
	margin: 74px 0 57px 13px;
}

/***** Contact *****/
.contact {
	background: url("../iso_icons/f_pointilles_noirs.gif") repeat-y;
}
.contact .odfControlWideCell input {
	background: black;
}
.contact .contenud {
	width: 721px; height: 600px;
	background: url("../iso_icons/f_contact.gif") no-repeat;
}
.contact .titre {
	background: url("../iso_icons/t_contact.gif") no-repeat;
	width: 308px; height: 95px;
	text-indent: -2000px;
	margin: 69px 0 57px 0;
}
	/***** Surcharge du formulaire *****/
	.contact input, .contact textarea {
		border: 0;
	}
	.contact label {
		color: white;
		text-align: right;
		display: block;
		width: 110px;
	}
.cadre_info {
	width: 400px;
	margin: 0 0 20px 0;
}
.cadre_info h3 {
	font-size: 16px; font-weight: bold; color: #ff8824;
	padding: 0 0 5px 14px;
}
.cadre_info .container {
	background: url("../iso_icons/f_cadre_info.gif") 0 15px no-repeat;
	padding: 0 0 0 15px;
}
.cadre_info .content {
	border-left: 2px solid #ed7d26;
	background: #655652;
	color: white;
	padding: 10px;
}