/* ===================================================================================================================================================== */
/* CSS IDENT WEBPORTAL */
/* ===================================================================================================================================================== */


body { 
/*	background-size: cover; */ /* version standardisée */
/*	-webkit-background-size: cover; */ /* pour Chrome et Safari */
/*	-moz-background-size: cover; */ /* pour Firefox */
/*	-o-background-size: cover; */ /* pour Opera */
	background:#fff;
	color:black;
	font-size:100%;
}

#background_wrap { /* fixe le bug position:fixed sur iPad */
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url('../../common/images/dot.png');
    background-attachment: fixed;
}
		
.ontop
	{
	margin-top:150px;
	}
		
#header .logo, #header_opcompte .logo
	{
	background: url(../images/maxilogo.png) no-repeat top left;	
	}
	
#header .minilogo, #header_opcompte .minilogo
	{
	background: url(../images/minilogo.png) no-repeat top left;	
	}

#header_opcompte
	{
	position:fixed;
	width:100%;
	background:#f0F0F0;
	font-size:1em;
	color:#fff;
	box-shadow:0px 0px 10px #A0A0A0;
	z-index:1000;
	}

#header_opcompte #pagetitle
	{
	margin-top:30px;
	}

#header #ident
	{
	position:relative;
	float:right;
	width:auto;
	padding:0px;
	padding:5px 10px 0px 10px;
	clear:both;
	}

#header #ident.nofocus
	{
	background:#F0F0F0;
	}

#header #ident .field
	{
	position:relative;
	float:left;
	margin-right:10px;
	}

#header #ident .field.button
	{
	margin-top:16px;
	}

#header #ident.nofocus .field label
	{
	color:#999;
	}

#header #ident .field.button input[type=submit]
	{
	margin-right:0px;
	border:solid 1px #fff;
	}

#header #ident .field:last-child
	{
	margin-right:0px;
	}

#header #ident label
	{
	color:#fff;
	}


	
#header .lost
	{
	position:relative;
	float:right;
	font-size:0.6em;
	line-height:0.6em;
	color:#666;
	padding:0px 0 00px 10px;
	text-align:left;
	margin-right:10px;
	font-family: Verdana, Geneva, sans-serif; 
	}

#header .lost p
	{
	margin:15px 0 0 0;
	line-height:1em;
	}

#header a.createaccount {
	padding:3px 5px 3px 5px;
	font-weight:bold;
}

#pagetitle h1, #opcomptetitle h1
	{
	width:50%;
	}
	
#pagetitle .ccompte
 	{
	position:relative;
	float:right;
	padding:10px 0 10px 0;
	font-size:0.8em;
	line-height:1em;
	text-transform:uppercase;
 	}

#pagetitle .ccompte p
 	{
	font-size:1em;
	line-height:1em;
	text-transform:uppercase;
 	}

.fullpage h2
	{
	font-size: 3.0em;
	line-height: 1.2em;
	margin: 0;
	word-wrap: normal;
    	}
    	
/*
.fullpage h2
	{
	display:inline-block;
	float:left;
	clear:both;
	font-size: 3.2em;
	line-height: 0.9em;
	font-size: 3.2em;
	line-height: 0.9em;
	margin-bottom: 0;
	margin-left: 0;
	word-wrap: normal;
    	}
*/

.fullpage h2.hometitle
	{
	display:inline-block;
	float:left;
	width:46%;
	padding:20px 20px 20px 20px;
    	}

.info
	{
	position:relative;
	float:left;
	margin:15px 3% 0% 0%;
	padding:0 0 0 10px;
	background:#fff;
/*	border-left:solid 3px #6CD8A4;*/
	text-align:justify;
	}


#homesubtitle
	{
	position:relative;
	float:left;
	background-color:#F0F0F0;
	text-align:justify;
	/* margin-top: 0px !important; */
	}

#homesubtitle h2, #homesubtitle h3
	{
	position:relative;
	color:#FFF;
	line-height:1em;
	}

#homesubtitle h2
	{
	float:left;
	width:30%;
	padding:20px;
	font-size:2em;
	text-align: left;
	}

#homesubtitle a h3
	{
	float:right;
	width:20%;
	padding:10px 20px 10px 20px;
	font-size:1em;
	font-weight:normal;
	text-align:right;
	}

#homesubtitle2
	{
	position:relative;
	float:left;
	width:50%;
	padding:10px 20px 10px 20px;
	}


#homesubtitle2 h4
	{
	position:relative;
	float:left;
	width:50%;
	margin:0;
	padding:0 0px 0 20px;
	color:#444;
	font-size:1em;
	font-weight:normal;
	line-height:1em;
	text-align:left;
	}

#homesubtitle2 h4.vsep
	{
	border-right:solid 1px #666;
	padding:0 20px 0 0px;
	}

.info.first 
	{
	width:48%;
	float:right;
	margin-right:0;
	border:none;
	padding-left:0;
	}


.info.first h3, .info.first p
	{
	color:#FF5318;
	font-weight:bold;
	}

.info.first p
	{
	font-size:0.8em;
	}

.info.first h3
	{
	border-bottom : solid 2px #FF5318;
	font-size:1.2em;
	}

.info.first a, .info.first a:hover
	{
	color: #FF5318;
	text-decoration:none;
	}

.info.i1bloc
	{
	width:100%;
	}

.info.i2blocs
	{
	width:48%;
	margin-right:4%;
	}


.info.i3blocs
	{
	width:32%;
	margin-right:2%;
	background-color:#F0F0F0;
	padding:20px;
	}

.info.lastbloc
	{
	float:right;
	margin-right: 0%;
	}

.info h3
	{
	display:inline-block;
	width:100%;
	height:4em;
	text-transform: uppercase;
	margin-bottom:10px;
	text-align:center;
	font-size:1.1em;
	line-height:1.1em;
	padding:10px;
	background-color:#fff;
	}

.info p
	{
	font-weight:normal;
	font-size:0.8em;
	line-height:1.2em;
	text-align: center;
	color:#333;
	margin:10px 0 0 0;
	}

.info p.subtitle
	{
	font-weight:bold;
	font-size:1em;
	line-height:1.2em;
	text-align:left;
	color:#fff;
	padding:10px;
	}

#ggmap_header {
	position:relative; 
	float:left;
	width:100%;
	padding:10px 0 10px 0;
	background:#808080;
	color:white;
	margin-top:30px;
	}
	
#ggmap
	{
	position: relative; float:left;
	width:100%;
	height:250px;
	margin:0px 0 0 0;
	padding:0;
	border:none;
	background:#C0C0C0;
	}

iframe { border:none; margin:0; padding:0; height:250px; }