@charset "utf-8";

html, body {
	width:100%;
	height:100%;
}

body {
	margin:0;
	background:#ccc;
	font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
}

a:link, a:visited {
	color:#008193;
	text-decoration:underline;
}
a:hover, a:active {
	color:#008193;
	text-decoration:none;
}

/*********************
* Clear
*********************/
*html .clear {
	height: 1%;
	overflow: visible;
}

*+html .clear {
	min-height: 1%;
}

.clear:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

#all {
	display:block;
	position:absolute;
	top:10px;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
}

#container {
	display:block;
	position:absolute;
	top:0px;
	left:50%;
	width:960px;
	margin:0 0 0 -480px;
	z-index:10;
	background:#fff;
}

#head {
	display:block;
	height:237px;
	margin:0;
	float:left;
}
#head h1 {
	display:block;
	width:227px;
	height:227px;
	margin:10px 0 0 10px;
	float:left;
}
#head h1 a {
	display:block;
	width:227px;
	height:227px;
	margin:0;
}
#head h1 a span {
	display:none;
}
#artimmod {
	position:relative;
	width:475px;
	height:237px;
	float:left;
}
#artimmod ul.menu {
	position:absolute;
	display:block;
	left:237px;
	bottom:0;
	margin:0;
	padding:0;
}
#artimmod h1 a {
	background:url(../images/logo_artimmod.gif) left top no-repeat;
}
#artfinance {
	position:relative;
	width:475px;
	height:237px;
	float:right;
}
#artfinance h1 {
	float:right;
}
#artfinance h1 a {
	background:url(../images/logo_artfinance.gif) left top no-repeat;
}
#artfinance ul.menu {
	position:absolute;
	display:block;
	right:237px;
	bottom:0;
	margin:0;
	padding:0;
	list-style:none;
}

/*************************************
* Menu
*************************************/
#head ul.menu li {
	display:block;
	margin:0;
	padding:0 0 0 10px;
	text-align:left;
}
#head #artfinance ul.menu li {
	text-align:right;
}
#head ul.menu li.actif {
}
#head ul.menu li.inactif {
}
#head ul.menu li a {
	display:block;
	margin:0;
	font-size:16px;
	font-weight:bold;
	letter-spacing:-0.2px;
}
#head ul.menu li a:link, #head ul.menu li a:visited {
	text-decoration:none;
	color:#ccc;
}
#head ul.menu li a:hover, #head ul.menu li a:active {
	text-decoration:none;
	color:#b20373;
}
#head ul.menu li.actif a:link, #head ul.menu li.actif a:visited, #head ul.menu li.actif a:hover, #head ul.menu li.actif a:active {
	text-decoration:none;
	color:#b20373;
}
#head #artfinance ul.menu li a:hover, #head #artfinance ul.menu li a:active {
	color:#008193;
}
#head #artfinance ul.menu li.actif a:link, #head #artfinance ul.menu li.actif a:visited, #head #artfinance ul.menu li.actif a:hover, #head #artfinance ul.menu li.actif a:active {
	color:#008193;
}
.artimmodMenuOut {
	padding-left:0px;
	color:#ccc;
}
.artfinanceMenuOut {
	padding-right:0px;
	color:#ccc;
}
.artimmodMenuOver {
	padding-left:20px;
	color:#b20373;
}
.artfinanceMenuOver {
	padding-right:20px;
	color:#008193;
}

/*************************************
* breadcrumps
*************************************/
#breadcrumps {
	display:block;
	clear:both;
	margin:0;
	padding:10px 10px 0 10px;
	z-index:150;
	font-size:11px;
	color:#999;
}
#breadcrumps span {
	margin:0 4px;
}
#breadcrumps a:link, #breadcrumps a:visited {
	color:#999;
	text-decoration:underline;
}
#breadcrumps a:hover, #breadcrumps a:active {
	color:#333;
	text-decoration:underline;
}
/*************************************
* Contenu principal
*************************************/
#main {
	display:block;
	clear:both;
	margin:0;
	padding:10px;
}

#content {
	display:block;
	width:940px;
	margin:0;
	padding:0;
}
#content .content {
	display:block;
	margin:0;
	padding:10px;
	font-size:12px;
	color:#555;
}
#content .simple {
	display:block;
	width:940px;
	min-height:20px;
	height:auto !important;
	height:20px;
	margin:0 0 10px 0;
	padding:0;
	background:#e7e7e7;
}
#content .left {
	display:block;
	float:left;
	width:465px;
	min-height:465px;
	height:auto !important;
	height:465px;
	margin:0;
	padding:0;
	background:#e7e7e7;
}
#content .right {
	display:block;
	float:left;
	width:465px;
	min-height:465px;
	height:auto !important;
	height:465px;
	margin:0 0 0 10px;
	padding:0;
	background:#e7e7e7;
}
#content h2 {
	display:block;
	margin:6px 0 8px 0;
	padding:0;
	text-align:left;
	font-size:24px;
	font-weight:bold;
	color:#008193;
}
#content h3 {
	display:block;
	margin:5px 0 7px 0;
	padding:0;
	text-align:left;
	font-size:18px;
	font-weight:bold;
	color:#008193;
}
#content h4 {
	display:block;
	margin:4px 0 6px 0;
	padding:0;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	color:#008193;
}
#content h5 {
	display:block;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color:#008193;
}
#content h6 {
	display:block;
	text-align:left;
	font-size:12px;
	font-weight:bold;
}
/*************************************
* Les box
*************************************/
#content .box {
	display:block;
	float:left;
	width:217px;
	height:217px;
	margin:0;
	padding:0;
}
#content .box h5 {
	display:block;
	height:26px;
	margin:0 0 5px 0;
	padding:0;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:right;
}
#content .box h5 span {
	display:block;
	padding:6px 6px 0 0;
	margin:0;
	color:#FFFFFF;
}
#content .box p {
	font-size:12px;
	line-height:14px;
	margin:0;
	padding:0 5px 5px 5px;
}
#content .first {
	margin:0 10px 0 0;
}
#content .last {
	margin:0;
}
#content .vert {
	background:#509d9f;
	color:#000000;
}
#content .vert h5 {
	background:#008193;
	color:#000000;
}
#content .violet {
	background:#a16281;
	color:#000000;
}
#content .violet h5 {
	background:#781e4b;
	color:#000000;
}

/*************************************
* Formulaire
*************************************/
.erreur {
	color:#b20373;
}

.formulaire form br {
	display:block;
	clear:both;
	font-size:0;
	line-height:0;
	visibility:0;
}
.formulaire .form label {
	display:block;
	width:180px;
	float:left;
	margin-bottom:4px;
}
.formulaire .form input {
	display:block;
	width:190px;
	float:left;
	margin-bottom:4px;
}
.formulaire .form select {
	display:block;
	width:190px;
	float:left;
	margin-bottom:4px;
}
.formulaire .form div#liste_personnes {
	padding:0 0 0 30px;
}
.formulaire .form div#liste_personnes ol {
	padding:0 0 0 20px;
	margin:0;
}
.formulaire .form div#liste_personnes ol li {
	clear:both;
}
.formulaire .form div.personne {
	display:block;
	clear:both;
	margin-bottom:4px;
}
.formulaire .form label.label_nom {
	width:120px;
	margin-right:10px;
	margin-left:20px;
}
.formulaire .form label.label_prenom {
	width:110px;
	margin-right:10px;
}
.formulaire .form label.label_naissance {
	width:120px;
}
.formulaire .form input.input_nom {
	width:120px;
	margin-right:10px;
}
.formulaire .form input.input_prenom {
	width:110px;
	margin-right:10px;
}
.formulaire .form input.input_naissance {
	width:70px;
}
.formulaire .form label.label_actuelle {
	width:100px;
	margin-right:10px;
	margin-left:180px;
}
.formulaire .form label.label_souhaitee {
	width:100px;
}
.formulaire .form select.franchise_adultes_actuelle {
	width:80px;
	margin-right:30px;
}
.formulaire .form select.franchise_adultes_souhaite {
	width:80px;
}
.formulaire .form select.franchise_enfants_actuelle {
	width:80px;
	margin-right:30px;
}
.formulaire .form select.franchise_enfants_souhaite {
	width:80px;
}
.formulaire .form a.ajouter {
	display:block;
	clear:both;
	margin-bottom:8px;
	margin-left:20px;
	visibility:hidden;
}
.formulaire .form p.infos {
	padding-left:180px;
	font-size:11px;
	color:#999999;
	margin:0 0 4px 0;
}
.formulaire .form input.submit {
	margin-left:180px;
}
#artfinance .slogan {
	display:none;
	position:absolute;
	top:10px;
	left:10px;
	width:240px;
	font-size:14px;
	font-weight:bold;
	color:#999;
}
/*************************************
* Foot
*************************************/
#foot {
	display:block;
	clear:both;
	width:960px;
	margin:0;
	padding:5px 0;
	text-align:center;
	background:#ccc;
	font-size:11px;
	line-height:14px;
	color:#FFFFFF;
}

#artimmod h1 {
	/*filter:alpha(opacity=15);
	-moz-opacity:0.15;
	opacity:0.15;*/
}
#artimmod ul.menu {
	/*filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
	display:none;*/
}
/*************************************
* Artimmod body
*************************************/
#artimmodBody {
	/*background:#d2cace;*/
}
#artimmodBody #artfinance h1 {
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
}
#artimmodBody #artfinance ul.menu {
	/*filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;*/
}
#artimmodBody #artimmod h1 {
	/*filter:alpha(opacity=30);
	-moz-opacity:0.3;
	opacity:0.3;*/
}
#artimmodBody #artfinance ul.menu {
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
	/*display:none;*/
}
#artimmodBody #breadcrumps {
	color:#b20373;
}
#artimmodBody #breadcrumps a:link, #artimmodBody #breadcrumps a:visited {
	color:#d982ba;
}
#artimmodBody #breadcrumps a:hover, #artimmodBody #breadcrumps a:active {
	color:#850256;
}
#artimmodBody #content h2 {
	color:#b20373;
}
#artimmodBody #content h3 {
	color:#b20373;
}
#artimmodBody #content h4 {
	color:#b20373;
}
#artimmodBody #content h5 {
	color:#b20373;
}
#artimmodBody #content a:link, #artimmodBody #content a:visited {
	color:#b20373;
}
#artimmodBody #content a:hover, #artimmodBody #content a:active {
	color:#b20373;
}
#artimmodBody #foot {
	/*background:#781e4b;*/
}


/*************************************
* Artfinance body
*************************************/
#artfinanceBody {
	/*background:#d8e4e5;*/
}
#artfinanceBody a:link, #artfinanceBody a:visited, #artfinanceBody a:hover, #artfinanceBody a:active {
	color:#008193;
}
#artfinanceBody #artimmod h1 {
	filter:alpha(opacity=30);
	-moz-opacity:0.30;
	opacity:0.30;
}
#artfinanceBody #artimmod ul.menu {
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
	/*display:none;*/
}
#artfinanceBody #breadcrumps {
	color:#008193;
}
#artfinanceBody #breadcrumps a:link, #artfinanceBody #breadcrumps a:visited {
	color:#80c0c9;
}
#artfinanceBody #breadcrumps a:hover, #artfinanceBody #breadcrumps a:active {
	color:#00606e;
}
#artfinanceBody #content h2 {
	color:#008193;
}
#artfinanceBody #content h3 {
	color:#008193;
}
#artfinanceBody #content h4 {
	color:#008193;
}
#artfinanceBody #content h5 {
	color:#008193;
}
#artfinanceBody #foot {
	/*background:#047376;*/
}