.cartouche {
	background:#ddd;
	border: 1px solid #DDDDDD;
   	box-shadow: 0 0 0.5em #CCCCCC inset;
   	-webkit-box-shadow: 0 0 0.5em #CCCCCC inset;
	margin:1em 0;
	padding:1em;
	}
.cartouche H2 {
	margin:0;
	padding:0;
	}
.footer {
	background:#DDD;
	width:100%;
	font-size:0.9em;
	border:1px solid #DDD;
	box-shadow:inset 0 0 0.5em #CCC;
	-webkit-box-shadow:inset 0 0 0.5em #CCC;
	margin:1em 0 !important;
	padding:0.5em 0 0;
	}
.footer .contact {
	color:#000;
	float:right;
	}
.footer .contact LI {
	margin:0;
	}
.footer LI.title {
	margin:0 1em;
	}
.footer TABLE {
	white-space:nowrap;
	}
.footer_note {
	clear:left;
	font-size:0.7em;
	margin:0;
	text-align:center;
	}
.footer H3 {
	border-bottom:1px solid #aaa;
	color:#666;
	display:block;
	font:normal 1.2em 'Times new roman';
	letter-spacing:1px;
	margin:0.5em 0;
	padding:0 0 0.25em;
	}
.footer UL {
	list-style-type:none;
	margin:0;
	padding:0 0 0.5em;
	}
.footer LI {
	margin:0 2em 2px 0.5em;
	}
.footer DL {
	white-space: nowrap;
	}
.footer DT {
	clear: left;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	width: 45px;
	}
.footer #eFooterLinks LI {
	display:block;
	}
.footer #eFooterLinks LI A {
	border: 0 solid #FFF;
	display:block;
	white-space: nowrap;
	padding:1px 0.5em;
	transition: 250ms ease;
	width: 100%;
	}
.footer #eFooterLinks LI A:hover {
	background:#0090BB;
	/*box-shadow: 0 0 4px #FFF, inset 0 0 4px #666;*/
	color:#FFF;
	padding-left: 1.5em;
	text-decoration:none;
	}
.footer .address {
	 padding: .5em 0 0 1em;
	}
.footer .phones {
	margin: 1em 1em 0 1em;
	}
.logoGE {
	background: none;
    margin: 2em 0 2em 4em;
	}
.specialLink {
	display:block;
	font-size:1.2em;
	letter-spacing:1px;
	margin:0.5em 0.5em 0;
	padding:0.5em;
	transition: 250ms ease;
	}
.specialLink:hover {
	background:#0090BB;
	color:#FFF;
	text-decoration:none;
	}
.breadcrumb {
	position:relative;
	top:-3em;
	left: 2em;
	}
.breadcrumb H1 {
	display:inline;
	font:normal 2em/2.5em Optima,Lucida,'MgOpen Cosmetica',/* 'Lucida Sans Unicode', */ sans-serif !important;
	margin:0;
	padding:0 0 0 1.5em;
	width:40em;
	}
.breadcrumb H1 A {
	color:#000 !important;
	}
	
.breadcrumb A {
	text-decoration:none;
	}
	
/* STRUCTURE */
.petitPoucet {
	color:#0090BB;
	margin:-2em 0 0 4em;
	padding:0;
	position:relative;
	}
.petitPoucet B {
	font-weight:bold;
	}
.petitPoucet DL {
	font-size:0.8em!important;
	}
.petitPoucet DT {
	display:inline;
	}
.categories {
	margin:0.5em 0;
	margin:1.5em 0 0 !important;
	padding:4px 0 0;
	}
	.categories .description {
		color: #ddd;
		margin: 0 0 0.5em;
		padding: 0.5em;
		}
	.categories P {
		color:#333;
		font: normal 0.8em/1.4em Optima,Lucida,'MgOpen Cosmetica',/* 'Lucida Sans Unicode', */ sans-serif !important;
		margin: 0.5em -0.25em 0.5em 0.25em;
		}

	.category {
		border:5px solid #FFF; /* GETTED IN CODE */
		color:#000;
		cursor: default; 
		padding: 0.5em 1em 1em;
		position: relative;
		margin: 0 0.5em 0.5em 0.5em;
		text-align: left;
		transition: 250ms ease;
		}
	.categories .over,
	.category:hover	{
		background:#0090BB;
		cursor:pointer;
		box-shadow:0 0 4px #666;
		-o-box-shadow:0 0 4px #666;
		-ms-box-shadow:0 0 4px #666;
		-webkit-box-shadow:0 0 4px #666;
		z-index: 3;
		}
	.categories .over P {
		color: #ddd;
		}
	.categories .over I, 
	.categories .over UL {
		color: #eb0;
		}
	.categories .over LI > A {
		text-decoration: underline;
		}
	.categories .over A { color:#FFF; }
	.categories .over A:VISITED { color:#dFF; }
	.categories .over A:HOVER { color:#FF0; }
	
	.category:hover A.title ,
	.categories .over A.title {
		color:#FFF !important;
		}

	.category .ico {
		background: transparent url() no-repeat 0px 6px;
		overflow: visible;
		padding-left: 44px;
		}
	.category .deco {
		background:#FFF;
		float:left;
		height:220px;
		overflow:hidden;
		position:relative;
		width:100%;
		margin:1em 0 -0.25em -0.25em;
		border:0.25em solid #FFF;
		/*left:-22px;*/
		}
	.category A {
		font: normal 1em 'Times New Roman';
		text-decoration: none;
		}
	.category A:hover {
		color:yellow;
		}
	.category IMG {
		position:absolute;
		bottom:0;
		width:100%;
		}
	.category A.title {
		color:#0090BB;
		font-size:2.2em;
		transition: 250ms ease;
		}
	.category UL {
		color:#ccc;
		display:block;
		list-style: none outside;
		margin: 0.5em 0 0 0;
		padding: 0;
		width: 100%;
		}
		.category LI {
			float: left;
			word-wrap: break-word;
			white-space:nowrap;
			}
			.category LI A {
				font: normal 0.9em/1.2em Optima,Lucida,'MgOpen Cosmetica', sans-serif !important;
				margin: 0 0.2em;
				text-decoration: none;
				}
#eFormulaire {
	margin:2em 0 0;
	padding:0;
	text-align:left;
	}
#eDiagnostics {
	margin:0.25em 5em 0.5em;
	padding:0.25em;
	}
#eTypeDeBien {
	margin:0.25em;
	padding:0.25em;
	}
#eBien {
	width:95%;
	}
#eSubmit {
	font-size:1.2em;
	height:2.5em;
	width:200px;
	}
FORM TABLE {
	margin:0;
	padding:0;
	}
FORM DL {
	font-weight:normal;
	margin:0.5em 1em 0 2em;
	padding:0;
	}
FORM OL {
	list-style-type:none;
	margin:0;
	padding:0 1em 1em;
	}
FORM OL LI {
	clear:left;
	float:left;
	font-weight:bold;
	margin:0 0 0.5em;
	padding:0;
	width:100%;
	}
FORM DL DL {
	margin:0 !important;
	}
LABEL {
	padding-left:0.5em;
	white-space:nowrap;
	}
INPUT.myForm, .myForm INPUT {
	background:none repeat scroll 0 0 #EEEEEE;
	border:1px solid #CCCCCC;
	margin:2px 0.5em;
	padding:2px;
	}
.incomplet {
    border:1px solid #FFCC00 !important;
}
.myForm LABEL {
    background:none repeat scroll 0 0 #FFFFFF;
    border:1px solid #FFFFFF;
    height:1.55em;
    line-height:1.5em;
    margin:2px;
    padding:0 2px;
}
.clientInfo {
    font-weight:normal;
    margin:0.5em 1em 0.25em;
    width:90%;
}
.clientInfo .clientInfo {
    margin:0.25em 0 0;
}
.clientInfo LABEL {
    float:right;
}
.clientInfo INPUT {
    float:left;
    width:90%;
}
.clientInfo TR TD {
    padding:0;
}
.clientInfo TD.width90 {
    overflow:visible;
    width:90%;
}
#eAnnotation {
	background:none repeat scroll 0 0 #EEEEEE;
	border:1px solid #CCCCCC;
	height:200px;
	margin-top:1em;
	width:100%;
	}
.widthAuto, .widthAuto INPUT {
    overflow:visible;
    width:90%;
}
.error {
	background:none repeat scroll 0 0 #FFCC00;
	border:1px solid #666666;
	color:#330066;
	font:bold 1.2em Verdana;
	list-style-type:none;
	margin:1em auto 2em;
	padding:0.5em;
	width:90%;
	}
.error LI {
	padding:0.25em;
	}
.message {
	padding:3em;
	text-align:center;
	}
.message P {
	font:bold 1em Verdana;
	}
/* FRAMEWORK */
.clear {
	clear:both;
	height:1px;
	overflow:hidden;
	width:100%;
	}
.cLeft { clear:left; height:0px; overflow:hidden; }
.cRight { clear:right; height:0px; overflow:hidden; }

/* Les marges intérieurs des côtés des colonnes doit être égale à 0 ( padding:1em 0; ) */
.fLeft {
	float:left;
	z-index:3;
	}
.fRight {
	float:right;
	z-index:3;
	}
.w100  {
	clear:both;
	width:100%;
	}
.w90 { width:90%; }
.w85 { width:85%; }
.w80 { width:80%; }
.w75 { width:75%; }
.w70 { width:70%; }
.w66 { width:66.666%; }
.w65 { width:65%; }
.w60 { width:60%; }
.w55 { width:55%; }
.w50 { width:50%; }
.w45 { width:45%; }
.w40 { width:40%; }
.w35 { width:35%; }
.w33 { width:33.333%; }
.w30 { width:30%; }
.w25 { width:25%; }
.w20 { width:20%; }
.w15 { width:15%; }
.w10 { width:10%; }

.center {
	text-align:center;
	}

/* HTML */
LABEL {
	padding:0 0.5em;
	}
A IMG {
	border:0 solid #000;
	}

#dropdown {
	border-bottom:1px solid #CCC;
	float:left;
	font:normal 0.8em Verdana;
	list-style:none;
	margin:-0.5em 0 1em !important;
	padding:0;
	width:100%;
	}
#dropdown UL {
	background:white;
	border:1px solid #666;
	float:left;
	list-style:none;
	line-height:1;
	margin:0 0 1em 0;
	padding:0;
	box-shadow: 1px 1px 20px #999999;
	-webkit-box-shadow: 1px 1px 20px #999999;
	z-index: 100;
	}

#dropdown A,
#dropdown A:visited {
	background-color:transparent;
	display:block;
	text-decoration:none;
	}
	
/* Menu 1er niveau */
#dropdown > LI {
	background:transparent url() no-repeat -2px -3px;
	background-image:url(../../../../../..//_images/menuAlpGeo.png) !important;
	}
#dropdown > LI > A {
	background:transparent url() no-repeat 100% -3px;
	background-image:url(../../../../../..//_images/menu_rAlpGeo.png) !important;
	color:#000 !important;
	font-weight:bold !important;
	padding:0 14px !important;
	}
#dropdown > LI > A > SPAN {
	padding:9px 1.5em 6px;
	}
#dropdown A SPAN {
	display:block;
	font:normal 1.3em Verdana;
	padding:6px 20px 6px 8px;
	}

#dropdown > LI:hover , 
#dropdown > LI.sfhover {
	background-position: -2px -83px;
	}
#dropdown LI A:hover  {
	background-color:#0190BC;
	}
	
#dropdown > LI:hover A, 
#dropdown > LI.sfhover A,
#dropdown > LI A:hover {
	background-color:transparent;
	background-position:100% -83px;
	color:#FFF !important;
	}
#dropdown > LI.current {
	background-position: -2px -163px !important;
	}
#dropdown > LI.current > A {
	background-position: 100% -163px !important;
	color:#0033CC !important;
	}
#dropdown LI.selected A {
	background-color:#0190BC;
	}
#dropdown > LI.selected {
	background-position: -2px -83px !important;
	}
#dropdown > LI.selected A {
	background-color:transparent;
	background-position: 100% -83px !important;
	color:#FFF !important;
	}
	
/* Menu 1er niveau : Image sous-menu */
#dropdown LI.parent > A SPAN {
	background:transparent url(../../../../../../@rbo/Codes/Widgets/StaticMenu/images/down-b.png) center right no-repeat;
	}

/* Sous-menus */
#dropdown LI UL {
	border-width:1px;
	float:left;
	font:normal 0.85em Verdana;
	height:auto;
	left:-999em;
	margin:0;
	position:absolute;
	}
#dropdown UL A {
	background-color:#0090BB !important;
	color:#FFFFFF;
	transition: 250ms ease;
	}
#dropdown UL A:hover {
	background-color:#000 !important;
	color:#FFF;
	}
#dropdown UL LI.current A {
	background-color:#CCF4CE !important;
	color:#0090BB !important;
	}

#dropdown LI {
	float:left;
	padding:0;
	}
	#dropdown LI LI {
		clear:left;
		float:none;
		}


#dropdown LI:hover UL, 
#dropdown LI.sfhover UL {
	left:auto;
	margin-left:0.5em;
	}

#dropdown LI:hover, 
#dropdown LI.sfhover {
	background-color:#0090BB;
	color:#FFF;
	}
.realisations {
	margin: 0 -.5em;
	text-align: justify;
	}
.realisations DT {
	margin: 0;
	padding: 0;
	width: 49.9%;
	float: left;
	}
.realisations .realisation {
	margin: .5em;
	padding: .5em;
	background: #eee;
	border: 1px solid #ddd;
	height: 245px;
	position: relative;
	}
.realisations DT H3 {
	font-size: 0.95em;
	margin: 0.25em 0.5em 0.5em ;
	padding: 0;
	}
.realisations DT P {
	font-size: 0.8em;
	margin: .25em 1.5em 1.5em;
	padding: 0;
	}
.realisations .photos {
	left:0;
	position: absolute;
	text-align: center;
	bottom:1em;
	width: 100%;
	}
.alpgeo H1 {
	display:none;
	}

.plusGrosEnBleu {
	font-size:1.2em;
	font-weight:bold;
	color:#0190BC;
	}

.photos IMG {
	border:4px solid #FFF;
	box-shadow:0 0 1em #AAA;
	-webkit-box-shadow:0 0 1em #AAA;
	}
	
/* HTML */
HTML, BODY {
	height:100%;
	margin:0;
	padding:0;
	}
IMG {
	background:#fff url("../../../../../..//_images/loading.gif") no-repeat center center;
	}
BODY {
	background:#fff url("../../../../../..//_images/bg.png") repeat-x fixed 0 0;
	color:#000;
	font:normal 1em/1.3em Optima,Lucida,'MgOpen Cosmetica',/*'Lucida Sans Unicode',*/ sans-serif !important;
	cursor:default;
	line-height:1;
	}
li {
	margin:0;
	padding:0;
	}
ol, ul, dl {
	margin:1em;
	}
ol { 
	list-style:decimal inside none;
	}
p {
	margin:1em 1em 1em 1em;
	}
ul { 
	list-style:disc inside none;
	}
h1 {
	font-family:Verdana;
	font-weight:100;
	padding:0 0 0em 0.5em;
	margin-bottom:0;
	}
h2 {
	color:#0190BC;
	padding:0.5em 0 0 0.25em;
	}
h3 {
	padding:0 0 0 0.5em;
	}
h4 {
	padding:0 0 0 0.75em;
	}

A { color:#16657D; }
A:visited { color:#0090BB;  }
A:hover { color:green; }

/* Z-INDEX 1 */
#template {
	background:#FFF;
	border:2px solid #ddd;
	border-width:2px;
	/*border-radius:2em;*/
	box-shadow:0 2px 3em #999;
	margin:auto;
	padding:1em 1em;
	width:900px;
	z-index:1;
	}

/* Z-INDEX 2 */
.content {
	text-align:justify;
	font-size:0.9em;
	margin:0 0 1.5em;
	}
	

.w100  {
	clear: both;
	width: 100%;
	}
.w90 { width: 90%; }
.w85 { width: 85%; }
.w80 { width: 80%; }
.w75 { width: 75%; }
.w70 { width: 70%; }
.w66 { width: 66.666%; }
.w65 { width: 65%; }
.w60 { width: 60%; }
.w55 { width: 55%; }
.w50 { width: 50%; }
.w45 { width: 45%; }
.w40 { width: 40%; }
.w35 { width: 35%; }
.w33 { width: 33.333%; }
.w30 { width: 30%; }
.w25 { width: 25%; }
.w20 { width: 20%; }
.w15 { width: 15%; }
.w10 { width: 10%; }


.realisations DT {
	text-align: center;
	}
.realisations DD IMG {
	width: 50%;
	}
.tableau {
	border:2px solid #aaa;
	margin:2.5em 1em 1em;
	text-align:left;
	}
.tableau H2 {
	margin:0;
	padding:0;
	}
.tableau UL {
	margin:0;
	padding:0;
	}
.tableau,
.tableau TH,
.tableau TD {
	border-style:solid;
	border-color:#ddd;
	}
.tableau TH {
	background:#D4D4D4;
	padding:1em;
	text-align:left;
	}
.tableau TD {
	background:#E8FFFE;
	padding:1em;
	text-align:justify;
	}
.tableau TR {
	box-shadow: 0 0 0.5em #999;
	-webkit-box-shadow: 0 0 0.5em #999;
	}
.tableau .left { text-align:left; }
.tableau .right { text-align:right; }
.tableau .center { text-align:center; }
.tableau .justify { text-align:justify; }


.tableau .A TH { background:#FFE5EB; }
.tableau .A TD { background:#FFF4F4; }

.tableau .B TH { background:#D1ECFF; }
.tableau .B TD { background:#E6FFFD; }

.tableau .C TH { background:#FFF5D6; }
.tableau .C TD { background:#FFF5D6; }

.tableau .D TH { background:#E1E5FF; }
.tableau .D TD { background:#ECEFFF; }

.tableau .E TH { background:#CCF4CE; }
.tableau .E TD { background:#EDFEED; }