@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,800,300);

html,body{margin:0;padding:0;min-width:1000px;}
body {
	margin: 0;
	padding: 0;
	text-align: center;
	
	font-size: 13px ;
	font-family: 'Open Sans', sans-serif;
	line-height: 140%;
	color: #333333;
}
body,*,#page *{font-family: 'Open Sans', sans-serif;}
.small,small{font-size:11px;}
#page0 {padding:0;}
.page{left:0}
b, strong, .bold {font-family: 'Open Sans', sans-serif;font-weight: bold;}
#page, .page {margin: auto;}
#page{
	padding: 0;
	width: 1200px;
	min-width:1200px;
	position: relative;
	left: 0;
	top: 0;
	margin: 0 auto;
	background: #C2D2E9 url(http://www.sdesm.fr/sites/all/themes/siesm77/images/fond-page.jpg) no-repeat;
}

.marqueblanche #header{
	margin:0 auto;
	z-index:8;
	padding: 0;
	background: url(http://www.sdesm.fr/sites/all/themes/siesm77/images/fond-header.jpg) no-repeat 0 10px;
	position: relative;
	height: 168px;
	top:30px;
}

.marqueblanche #phrase{
	position:absolute;
	left:310px;
	top:10px;
	
	text-align: right;
	color: #ffffff;
	line-height: 25px;
	padding: 0;
	margin: 0 auto;
	width: 890px;
	margin-top: 0px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	text-transform: uppercase;
	font-size: 15px;
	font-family: Arial,Helvetica,sans-serif;
	background:url(http://www.sdesm.fr/sites/all/themes/siesm77/images/batiment.png)  top right no-repeat;
	height: 168px;
	line-height:25px;
	padding-right:750px;
	padding-top:17px;
	font-weight:700;
	text-align:center;
}

.marqueblanche #logo_slogan {margin: 0 auto;width:1200px;position:relative;}
.marqueblanche #logo_marqueblanche{
	margin:0;padding:0;
	left:100px;
	top: 5px;
	width:200px;
	height:223px;
	text-align:center;
	position:absolute;
}

	.marqueblanche #logo_marqueblanche a{
		margin: 0;
		border: 0;
	width:200px;
	height:223px;
		display:block;
		
		margin:0 auto;
	}
	.marqueblanche #logo_marqueblanche img{
	width:200px;
	height:223px;
	}

.marqueblanche #slogan{
	position: absolute;
	top: -15px;
	right: 0;
	font-size: 13px;
	text-transform:uppercase;
	color: #333333;
	line-height: 0px;
	float: none;
	margin: 0;
	width: 45%;
	text-align: right;
	font-weight:600;
}
	.marqueblanche #slogan div{text-align:right;}
	.marqueblanche #slogan .by{color: #333333;margin-left:0;font-size: 10px;line-height:30px;}
	.marqueblanche #slogan img{position:relative;top:0px;margin-left:5px;width:25px;height:auto;vertical-align:middle}


.marqueblanche #menu {
	position:absolute;
	top:50px;
	left:0px;
	width:100%;
	text-align: left;
	line-height: 35px;
	vertical-align: middle;
	height: 35px;
	text-align: left;
	padding: 0;
	margin: 0;
	
}
.marqueblanche #menu ul{
	width: 550px;
	margin-right:100px;
	float:right;
}
.marqueblanche #menu li{
	background: none;
	list-style: none;
	border:none;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	cursor: pointer;
	vertical-align: middle;
	padding: 0;
	position:relative;
	margin-right: 3%;
	margin-bottom:10px;
	float:left;
	width: 47%;
	background: #211A50;
}

.marqueblanche #menu a{
	display: block;
	border:none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	margin: 0 ;
	letter-spacing:0;	
	height: 30px;
	line-height:30px;
	text-transform: none;
	text-align: center;
	color: #ffffff;
	font-weight: 600;
	display: block;
	text-transform:uppercase;
	font-size: 13px;
}
.marqueblanche #menu li.menu_add_projet a,
.marqueblanche #menu li:hover a,
.marqueblanche #menu a:hover{
	color: #fff;background:none;	
	text-decoration: underline;
}

.marqueblanche #menu li.menu_add_projet{background:#009FDF;}
.marqueblanche #menu a.menu_deconnect{
	right:20px;
	top: -35px; 
	border:none;
	background:none;
	width:auto;
	font-size:11px;
	text-transform:uppercase;	
	font-weight:normal;
	text-decoration:underline;
	color: #fff;
	
}
.marqueblanche #menu a.menu_deconnect:hover {
	text-decoration:none;
	color: #fff;
}

.marqueblanche #menu li ul{padding-bottom:0;margin-top:0px;margin-left:0px;width:100%;background: #211A50;}
.marqueblanche #menu li:hover ul a{color:#fff;background:none;margin:0;text-decoration:none;text-transform:none;text-align:left;}
.marqueblanche #menu li:hover ul a:hover{color:#ffffff;text-decoration:underline;} 
.marqueblanche #menu li:hover li{clear:none;float:none;width:100%;} 


#corps{
	background:none;
	background: #FFF url(http://www.sdesm.fr/sites/all/themes/siesm77/images/ombre-main-top.jpg) no-repeat top center;
width: 960px;
margin: 0 0 0 109px;
padding: 20px 10px;
	margin:0 auto;	
	padding:0;
	padding-bottom:35px;
	margin-top: 92px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin-bottom:0;
	z-index: 10;
}
	#corps_2{margin: 27px;}

	#banniere{margin:0;margin-bottom:26px;background-color:white !important;width:100%;}
	#banniere .texte {
		margin-left: 405px;
		margin-top: 24px;
		width: 484px;
	}

	.marqueblanche #banniere .titre {
		font-size: 27px;
		line-height: 35px;
		text-align: left;
	}

	td#droite{
		margin-bottom: 38px;
		padding-right: 28px;
		padding-left: 0;
		width: 227px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		padding-top:0;
	
		background: #FFFFFF;
	
		/* border-right:1px solid #9BBA3B; */
	}
	#page div#droite{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;
		}
			td#droite .menu li a{
				text-transform:none;
				text-decoration:none;
				display: block;
				line-height: 30px;
				vertical-align: middle;
				font-weight: bold;
				color: #505050;
				background:#EBF1DA;
				text-align: left;
				text-decoration: none;
				margin: 0px;
				border-left:5px solid #A8CC4A;
				margin-bottom:3px;
				padding:5px 0;
				padding-left:10px;
				border-collapse: collapse;
				font-size: 14px;
				line-height: auto;
				height: 100%;
			}
			td#droite .menu li a:hover,
			td#droite .menu li a.active{
				font-weight:bold;
				color: #A8CC4A;
				background:#98B845;
				color:white;
			}
			
	td#gauche{padding-left:20px;padding-right:0}
	
	
	.small.grisFonce{position:relative;top:0;right:0;}


#bottom {
	position: relative;
	top:0;
	left: 0;
	z-index:99;
	border:none;
	text-align: center;
	clear: both;
	margin:0 auto;
	margin-bottom:20px;
	padding:0;
	width: 1200px;
	clear: both;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;

	-webkit-border-radius:none;
	-moz-border-radius:none;
	border-radius:none;
	height: 30px;
	position: relative;
	filter:none;
	
	background: #C2D2E9 url(http://www.sdesm.fr/sites/all/themes/siesm77/images/fond-page.jpg) no-repeat bottom;
	border: 0 !important;
	min-height:50px;
}
#bottom .page{
	margin: 0 auto;
	padding: 0;
	height:50px;
	background: none;
	position: relative;
	width:100%;
	background: url(http://www.sdesm.fr/sites/all/themes/siesm77/images/fond-pied-page.png) no-repeat;
	
}
#bottom .page table{width:100%;width: 100% !important;float:none;}
#bottom .page td{height:50px;padding:0;line-height:50px;}
#bottom .page a{
	color: #333333;
	font-weight:600;
	font-size: 14px;
	text-decoration:none;
	text-transform:uppercase;
	display:inline;
	-webkit-border-radius: 0;
	-moz-border-radius:  0;
	border-radius:0;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	text-shadow:none;
}
#bottom .page a:hover{text-decoration:none;color:#fff;}

#projet_concerne .lessecteurs .secteur{font-size:13px;}

/** TEXTES **/

#page h1 , #page h2 , #page h3 , #page h4 {
	font-weight: normal;
}
h1#simulation_titre,h1,#page h1, #page h1 *{
	font-size: 24px;
	line-height: 140%;
	color: #009FDF;
	border-bottom: 1px solid #C2D2E9;
	padding: 0 0 2px 0;
}
h1#simulation_titre b{
	font-size: 24px;
}
#result h1{
	border:none;
	font-size: 24px;
	font-size: 24px    !important;
	text-align:left;
	padding-bottom:0;
}
#page .blocgris h3,
#page .blocorange h3,
#page h2 {
	line-height: 140%;
	font-size:15px;
	font-weight:600;
	color: #009FDF;
	margin-top: 1.282em;
	margin-bottom: 1.282em;
}
#result h2{color: #662C91;}
#page h3 {
	font-size: 16px ;
	font-weight:bold;
	line-height: 24px;
	color: #662C91;
}
#certificate_etape_1 h3{
	margin-bottom:20px;
}
.etapes_cee .etape .texte {width: 233px;}
.etapes_cee .etape {width: 303px;}
#page h4 {
	font-size: 13px ;
	font-weight:normal;
	line-height: 24px;
	color: #662C91;
	padding: 0px 0px;
	text-transform:uppercase;
}
#page h4.support{position:relative;top: -36px;}
.input.radio legend,li span{color: #555;}
ul,ol,a, .orange{color: #662C91;}
a{font-weight:bold;text-decoration:underline;}
ul.fleche li {
}
.marqueblanche #ajaxResult {border-color:#662C91 ;}
.marqueblanche #ajaxLoader{color:white;}
.marqueblanche #result .prix{color: #662C91;}
#page th{background: #F8F8F8;border-bottom: 1px solid #C5E5F1;}
#page th a,#page th{color: #009FDF;font-size: 14px;font-weight:bold;}
td{border-bottom: 1px solid  #C5E5F1;}
 #page th.sorting_asc,  #page th.sorting_desc, #page th a.tri.active{color: #000 ;font-weight:bold;}
 .dataTables_paginate .paginate_button{color: #662C91 ;}

.etapes_cee.small .etape p *, .etapes_cee.small .etape p, .etapes_cee .etape p *, .etapes_cee .etape p {
color: #555;
}
#page .etapes_cee h4{font-weight:bold;color: #009FDF;margin-top: 10px;font-size:13px;}
.marqueblanche .etapes_cee .etape .texte img{margin-left:5px;width: 15px;height: 15px;}
table.jCalendar th{background:#662C91 ;}

.rappel,
table.jCalendar {border: 1px solid #662C91;}
#page .rappel h3{background:none;margin-top:0;color:#662C91;margin-left:25px;font-size:16px;}

#CertificateDateFinTravauxError, #CertificatePeriodeDateError {
width: 49%;
width: 49% !important;
}
#certificate_etape_1 .liseret{
    border: 1px solid #009FDF;
    width:50%;
    margin:40px auto;
    filter : alpha(opacity=30);
    opacity : 0.3;
    box-shadow:1px 1px 5px #009FDF;
    -moz-box-shadow:1px 1px 5px #009FDF;
    -webkit-box-shadow:1px 1px 5px #009FDF;
}
.secteurs .types li{margin-top:10px !important;}

.marqueblanche #flashMessage, .marqueblanche #authMessage {font-size: 20px;background-color:white;}
.marqueblanche #UtilisateurAddForm, .marqueblanche #UtilisateurConnectForm {width: 44%;}
.marqueblanche #UtilisateurAddForm {float:right;float:right !important;}
.marqueblanche #UtilisateurAddForm .options label {width: 382px;}

.blocgris,
.blocorange{
	margin:50px  0;
	padding:50px 16px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;	
	position:relative;	
	border:none;
	color: #555;
	background: #ffffff;
}
#page .blocgris h3,
#page .blocorange h3{
	overflow: hidden;
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	height:40px;
	line-height:40px;
	text-align:center;
	left: -1px;
	background:#009FDF;
	border:1px solid #009FDF;
	text-transform:uppercase;
	position: absolute;
	width: 100%;
	top:-25px;
	-webkit-border-radius: 5px 5px 0  0;	
    -moz-border-radius: 5px 5px 0  0;	
    border-radius: 5px 5px 0  0;	
}

#page .blocgris{
	border:1px solid #009FDF;
}
#page .blocorange{
	border: 1px solid #211A50;
}
#page .blocorange h3{
	background:#211A50;
	border:1px solid #211A50;
}

.blocorange .submit,
.blocgris .submit {
margin-top: 25px;
width: 205px;
width: 205px !important;
}


.blocorange.fonce {
	border: 1px solid #dfdfdf;
    
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	margin:20px  0;
	padding:15px;
	color:black;
}
#page .blocorange.fonce h4{margin-top:0;font-size:15px;font-weight:bold;}
	
.secteurs input,
.secteurs select,
.input input,
.input select,
.input textarea,
.date input,
.date select,
.date textarea,
.inputbox,
.inputbox{
	background: #ffffff;
	padding: 5px  10px;
	color: #555;
	font-size: 11px;
	border:1px solid #9A9EA1;
}
.date input{
        background:#ffffff 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;
}
.submit input, .submit button, .submit a, .back input, .back a, .back button, .button{
	font-size: 14px;
	color: #fff;
	font-weight:bold;
}

.submit, .back, .button{

 	background-color: #0074A3;
	background: -moz-linear-gradient(top, #009FDF 0%, #0074A3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009FDF), color-stop(100%,#0074A3));
	background: -webkit-linear-gradient(top, #009FDF 0%,#0074A3 100%);
	background: -o-linear-gradient(top, #009FDF 0%,#0074A3 100%);
	background: -ms-linear-gradient(top, #009FDF 0%,#0074A3 100%);
	background: linear-gradient(top, #009FDF 0%,#0074A3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009FDF', endColorstr='#0074A3',GradientType=0 );
    
    border:none;
}
.submit:hover, .back:hover, .button:hover{
 	background-color: #009FDF009FDF;
	background: -moz-linear-gradient(top, #0074A3 0%, #009FDF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0074A3), color-stop(100%,#009FDF));
	background: -webkit-linear-gradient(top, #0074A3 0%,#009FDF 100%);
	background: -o-linear-gradient(top, #0074A3 0%,#009FDF 100%);
	background: -ms-linear-gradient(top, #0074A3 0%,#009FDF 100%);
	background: linear-gradient(top, #0074A3 0%,#009FDF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0074A3', endColorstr='#009FDF',GradientType=0 );
	color:white;
}

.submit:hover input, .submit:hover button, .submit:hover a, .back:hover input, .back:hover a, .back:hover button,
.submit:hover  *,
.back:hover  *{
	color:#fff;
}
#page #corps .sendForm {font-size: 15px;}