html,body{margin:0;padding:0;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
}
.input.radio legend,li span, body,.blocorange,.blocgris{
	color: #21316B;
}
b, strong, .bold ,body,*,#page *{  font-family: Arial, Helvetica, sans-serif;;}
b, strong, .bold {font-weight: bold;}
#page0 {
	background: url(ccialsace/background_left.jpg) no-repeat -5px;
	width: 944px;
	margin: 0 auto;
}
small {
  font-size: 11px;
  color: #abaaaf;
  font-weight:normal;
}

.page{left:0}
#page {
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	
	overflow: hidden;
	position: relative;
	
	width: 849px;
	background: url(ccialsace/background_right.jpg) no-repeat top -5px right 13px;
	margin-left:95px;
}

/** HEADER **/
.marqueblanche #header{
	background: url(ccialsace/header.png) no-repeat top center;
	width: 744px;
	margin-top: 30px;
}

/** TEXTE Comparez les primes ... **/
.marqueblanche #phrase{	
	color: #B82247;
  	margin-top: -25px;
  	position: absolute;
 	 margin-left: 110px;
 	 font-size: 13px ;
	text-transform:uppercase;
	font-style:normal;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}

/** LOGO **/
.marqueblanche #logo_marqueblanche a{
}
	.marqueblanche #logo_marqueblanche a img{width: 234px;}

/** TEXTE "Bienvenue dans votre espace dédié **/
#logo_slogan{
	height: 75px;
}
.marqueblanche #slogan{
	color: #255F8E;
	position: absolute;
	margin-top: -30px !important;
	margin-left: 115px;
	font-size: 9px;
}
	.marqueblanche #slogan br{display:none;}
	.marqueblanche #slogan div{text-align:right;display:inline;margin-left:15px;}
	.marqueblanche #slogan .by{color: #255F8E;margin-left:0;font-size: 10px;line-height:20px;}
	.marqueblanche #slogan img{position:relative;top:-7px;margin-left:5px;width:30px;height:auto;}

/** MENU PRINCIPAL **/
.marqueblanche #menu {
    border-radius: 5px;
    margin-left: 0px;
    background:url(ccialsace/header_newsflash.jpg) no-repeat top left;
    background-size:100% 100%;
}

	.marqueblanche #menu li{
	}
		.marqueblanche #menu a{
			text-decoration: none;
			display: block;
			color:#585F87;
			line-height: 35px;
			height: 35px;
			padding-left: 14px;
			padding-right: 14px;
			font-size: 13px;
			cursor: pointer;
			background:none;
			border-radius: 0;
			border: none;
			font-weight: bold;
		}
		.marqueblanche #menu .menu_add_projet, .marqueblanche #menu li:hover{
		}
		.marqueblanche #menu .menu_add_projet a, .marqueblanche #menu li:hover a{
			color: #C60045;
			background:none;
		}
		.marqueblanche #menu a.menu_deconnect{
			right: 110px;
			top: 110px;
			
			font-size:11px;
			text-transform:uppercase;	
			font-weight:normal;
			text-decoration:underline;
			color:black;
			
			border:none;
			
			background:none;
		}
		.marqueblanche #menu a.menu_deconnect:hover {
			background:none;	
			text-decoration:none;
			color:#DF0051;
		}
		#menu li a:before{
			content: url(ccialsace/fleche_menu.gif) no-repeat top left;
			width: 100px;
		}
		#menu li ul {
			background: #CCD0DC;
			margin-top: -1px;
		}
		.marqueblanche #menu li:hover li a{
			background:none;
			font-weight: normal;
		}
		.marqueblanche #menu li:hover li:hover a{
			color:black;
		}
		.marqueblanche #menu li:hover li a:before{
			content:"";
		}

/** CORPS DU SITE **/
#corps{
  margin-bottom: 40px;
  padding-top: 10px;
  min-height: 68px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  top: 0;
  width: 745px;
  background:#FBFBFB url(ccialsace/main_background.jpg) no-repeat top center;
  margin-top:10px;
}
#corps_2{
	padding: 15px;
	min-height: 400px;
}

	div#droite{background:none;}

	/** BANNIERE DANS LA PAGE D'INFORMATION **/
	#banniere{
		margin:0;
		margin-bottom:20px;
		
		background-color:white !important;
		width:100%;
	}
	#banniere .texte {
		margin-left: 337px;
		margin-top: 25px;
		width: 364px;
	}
	
		.marqueblanche #banniere .titre {
			font-size: 22px;
			line-height: 35px;
			text-align: left;
			font-weight: 300;
			
			margin-bottom: 10px;
		}
/** MON COMPTE - MENU, PAGES **/	
.small{
	font-size: 9pt;
}
.small.grisFonce{position:relative;top:0;right:0;}
.form .small.grisFonce{right:-26px;}
	td#droite{
		color: #05519e;
		font-weight: 700;
		border:none;
		width: 250px;
		padding: 0;
		padding: 0 !important;
		-webkit-border-radius:0 ;
		-moz-border-radius:0 ;
		border-radius:0 ;
		background:none;
	}
	td#droite .menu ul{
		margin:0;
		padding:0;
		width:100%;
		list-style-type:none;
	}
		td#droite .menu li{
			padding: 0;
			font-size: 16px;
			margin:0;
			list-style-image:none;
			background:none;
		}
			td#droite .menu li a{
				display: block;
				margin:5px 0px;
				padding:10px 10px;
				
				
				font-size: 12px;
				color:#DF0051;
				text-transform:none;
				text-decoration:none;
				text-align:left;
				
			}
			td#droite .menu li a:hover,
			td#droite .menu li a.active{
				font-weight:bold;
				background: none;
				background:#DF0051;
				color:white;
			}
			
	td#gauche{padding-left:20px;padding-right:0}

/** BOTTOM **/
#bottom {

	margin:0 auto;
	margin-bottom: 15px;
	
	 width:940px;
	
	padding:0;
	
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	-o-box-shadow: none;
	box-shadow:none;
	
	text-align: center;
	
	z-index:99;
	position:relative;
	top:0;
	
	background: #FFFFFF;
	
	border:none;
}
	#bottom .page{
	}
	#bottom .page table{width:100%;width:100% !important;}
	#bottom .page td{height:30px;padding:0;line-height:30px;}
	#bottom .page a{
	
		color:#555F82;
		font-weight:normal;
		font-size:13px;
		text-decoration:none;
		text-transform:none;
		letter-spacing: 2px;
		
		display:inline;
		
		
		-webkit-border-radius: 0;
		-moz-border-radius:  0;
		border-radius:0;
	}
	#bottom .page a:hover{text-decoration:underline;color: #9B4584;}


/** TITRES **/
h1#simulation_titre,h1,#page h1{
	color: #000000;
	font-size:20px;
	font-weight:bold;
}

	h1#simulation_titre b{
		font-size: 25px;
	}
	#result h1{
		border:none;
		font-size: 15px ;
		font-size: 15px   !important;
		line-height: 25px;
		text-align:center;
		padding-bottom:0;
	}
#page h2,#result h2 {
	color: #DF0051;
	font-weight:bold;
	font-size:17px;
}
	.support{
		  width: 95.5%;
		  border-radius: 5px;
		  color: #DF0051;
		  text-align: right !important;
		  padding-left: 10px;
		  padding-top: 0;
		  margin-bottom: 15px;
		  margin-top: -15px;
	}
#page h3 {
	color: #000080;
}

#page h4 {
	font-size: 13px;
	font-weight: bold;
}
/** LIENS et listes à puce **/
ul,ol,a,.orange{color: #DF0051;}
a:hover{color:#717BA1;}
	ul.fleche {margin-left:0;}
		ul.fleche li {
			margin-left:20px;
		}



/** TABLEAUX **/
#page th{
	border-bottom: 1px solid #CFD3DE;
	background: #CFD3DE;
}
	#page th a,#page th{color: #000000;font-size: 12px;}
	td{border-bottom: 1px solid #CFD3DE;}
	
#page .sorting_asc,  #page .sorting_desc, #page th a.tri.active{color: #DF0051;font-weight:bold;}
.dataTables_paginate .paginate_button{color: #DF0051;}
#page .etapes_cee h4{font-weight:bold;color: #DF0051;margin-top: 10px;}
table.jCalendar th, table.jCalendar td.selected{background:#DF0051;}
div.dp-popup h2 {color:#DF0051;}



/** ALERTES ET MESSAGES D'ERREUR **/
.marqueblanche #flashMessage, .marqueblanche #authMessage {
	font-size: 20px;
	background-color:white;
}



/** SIMULATEUR + RESULTAT SIMULATION **/
#projet_concerne .lessecteurs .secteur{font-size:12px;line-height:14px;}
.secteurs .types li{margin-top:10px !important;}
.etapes_cee.small .etape p *, .etapes_cee.small .etape p, .etapes_cee .etape p *, .etapes_cee .etape p {
	color: #333;
}
.etapes_cee .etape .background span{
color:#CED2E2 ;
color:#CED2E2  !important;
}
.etapes_cee .etape .texte{
	width:175px;
}
.etapes_cee .etape{
	width:260px;
}
.rappel, table.jCalendar {border: 1px solid #DF0051;}
#result #ajaxResult{border: 4px solid #DF0051;}
#etapes .etape.actif span{color: #DF0051;}
#page #corps .sendForm {font-size: 16px;}
#page .rappel h3{background:none;margin-top:0;}
#result .prix{
	color: #DF0051;
}

#CertificateDateFinTravauxError, #CertificatePeriodeDateError {
	width: 40%;
	width: 40% !important;
	line-height: 11px;
}
#CertificatePeriodeDateError img{
	margin-bottom:20px !important;
}
#certificate_etape_1 .liseret{
    border:1px solid #062B68;
    width:50%;
    margin:40px auto;
    filter : alpha(opacity=30);
    opacity : 0.3;
    box-shadow: 1px 1px 5px #062B68;
    -moz-box-shadow: 1px 1px 5px #062B68;
    -webkit-box-shadow: 1px 1px 5px #062B68;
}

/** BLOCS ORANGE ET GRIS (cf. les blocs de la page de connexion + la colonne de droite dans le simulateur **/
	.marqueblanche #UtilisateurAddForm, .marqueblanche #UtilisateurConnectForm {width: 44.2%;padding: 12px;}
	#UtilisateurAddForm .options label{
		width: 250px !important;
		font-size: 13px;
	}
	.blocgris,
	.blocorange{
		margin-right: 0px;
		border: solid 1px #000080;
		background-color: #FFF;
		background: none;
	}
	.blocorange{
		margin-right: 0px;
		border: solid 1px #DF0051;
	}

	.blocgris{}
	#page .blocgris h3{color:#000080;}

	.blocorange{}
	#page .blocorange h3{color:#DF0051;}

	div#droite .blocorange{
		margin:0;
		margin-bottom:20px;
		
		padding: 15px;
		
		border-radius: 4px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		
		background-color: #F8F6F3;
	}

	.blocorange.fonce {border: 1px solid #062B68;}
	#page .blocorange.fonce h4{font-size:15px;margin-top:0;}
	
/** FORMULAIRES **/
	/** Champs de texte **/
	.date label, .input label, .input.radio legend {
		color: #000080;
		font-weight: bold;
		font-size: 9pt;
	}
	.secteurs input,
	.secteurs select,
	.input input,
	.input select,
	.input textarea,
	.date input,
	.date select,
	.date textarea,
	.inputbox,
	.inputbox{
		font-size: 14px;
		line-height: 1.428571429;	
		color: #555;
		
		background-color: #fff;
		background-image: none;
		
		border: 1px solid #ccc;
		
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
		-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		
		border-radius: 4px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
	}
	.date input{
		background:white url(/img/calendar.png) 95% no-repeat;
		background-image: url(/img/calendar.png);
		background-position: 95%, top left;
		background-repeat: no-repeat, repeat-x;
	}

	.secteurs input[type=radio],
	.input input[type=radio],
	.date input[type=radio],
	.inputbox[type=radio]{
		box-shadow: none;
	}

	/** Boutons **/
	.submit input, .submit button, .submit a, .back input, .back a, .back button{
		font-size: 14px;
		color: #ffffff;
	}
	.submit, .back, .button, .button.orange2{
		
		background: #DF0051; /* Old browsers */
		background: -moz-linear-gradient(top,  #DF0051 0%, #A0003A 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DF0051), color-stop(100%,#A0003A)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #DF0051 0%,#A0003A 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #DF0051 0%,#A0003A 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #DF0051 0%,#A0003A 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #DF0051 0%,#A0003A 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DF0051', endColorstr='#A0003A',GradientType=0 ); /* IE6-9 */
		
		font-weight:bold;
		font-size: 13px;
		text-transform:none;
		color: #ffffff;
		
		border-radius: 4px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
	}
	.button.orange2{
		border:2px solid #A0003A;
	}
	.submit, .back, .button,
	.submit *, .back *, .button *{
		
	}
	
		/** Boutons au survol **/
		.submit:hover, .back:hover, .button:hover, .button.orange2:hover{
			color: #ffffff;
		
			background: #A0003A; /* Old browsers */
			background: -moz-linear-gradient(top,  #A0003A 0%, #DF0051 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A0003A), color-stop(100%,#DF0051)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #A0003A 0%,#DF0051 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #A0003A 0%,#DF0051 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #A0003A 0%,#DF0051 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #A0003A 0%,#DF0051 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A0003A', endColorstr='#DF0051',GradientType=0 ); /* IE6-9 */
		}
		.submit:hover input, .submit:hover button, .submit:hover a, .back:hover input, .back:hover a, .back:hover button{
			color: #ffffff;
		}