@charset "utf-8";

/* General */

html { margin: 0; padding: 0; }
body, form { margin: 0; padding: 0; }
form { 	background-image: url(../medias/communs/footer_bg.gif); background-repeat: repeat-x; background-position: left bottom;}
body { font: 100% Verdana, Arial, Sans-serif; color: #848484; font-weight: normal; background: url(../medias/communs/header_tall.gif) repeat-x center top; }
img, table { border: 0; }
h1 { line-height: 1em; padding: 0; margin: 0; font: 150% Trebuchet MS, Arial, Sans-serif; color: #cc2525; font-weight: normal; }
h2 { font-size: 120%; margin: 0; }
h3 { font-size: 130%; margin:0; font-weight: normal; color: #cc2525;}
ul { margin: 0; padding: 0; list-style: none; }
a { color: #848484; text-decoration: underline;}
a:hover { text-decoration: underline; color: #d52730; }
p { padding-bottom: -0.5em; }


/* Menu principale */
/* 1er palier */

#menuprin { position: relative; z-index: 20; }
#mstrNav li, #mstrNav li a, #mstrNav li a img { display: block; height: 38px; }
#mstrNav li:hover, #mstrNav li.over { visibility: visible; }
#mstrNav li:hover a img, #mstrNav li.over a img, #mstrNav li.actif a img { visibility: hidden; }

.fr #ctl00_aFenetres, .fr #header1_aFenetres { background-image: url(/medias/fr/menuover_03.gif); }
.fr #ctl00_aPortes, .fr #header1_aPortes { background-image: url(/medias/fr/menuover_04.gif); }
.fr #ctl00_aSupport, .fr #header1_aSupport { background-image: url(/medias/fr/menuover_05.gif); }
.fr #ctl00_aRealisations, .fr #header1_aRealisations { background-image: url(/medias/fr/menuover_06.gif); }
.fr #ctl00_aEntreprise, .fr #header1_aEntreprise { background-image: url(/medias/fr/menuover_07.gif); }
.fr #ctl00_aContact, .fr #header1_aContact { background-image: url(/medias/fr/menuover_08.gif); }

.en #ctl00_aFenetres, .en #header1_aFenetres { background-image: url(/medias/en/menuover_03.gif); }
.en #ctl00_aPortes, .en #header1_aPortes { background-image: url(/medias/en/menuover_04.gif); }
.en #ctl00_aSupport, .en #header1_aSupport { background-image: url(/medias/en/menuover_05.gif); }
.en #ctl00_aRealisations, .en #header1_aRealisations { background-image: url(/medias/en/menuover_06.gif); }
.en #ctl00_aEntreprise, .en #header1_aEntreprise { background-image: url(/medias/en/menuover_07.gif); }
.en #ctl00_aContact, .en #header1_aContact { background-image: url(/medias/en/menuover_08.gif); }

#mstrNav, #mstrNav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	/*line-height: 9px;*/
	z-index: 20;
}

#mstrNav li { /* all list items */
	float: left;
	width: 117px;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#mstrNav li div {
	background: url(../medias/communs/bg_sousmenu_top.gif) no-repeat;
	padding-top: 15px;
	padding-left: 1px;
	position: absolute;
	width: 180px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#mstrNav li ul { /* second-level lists */
	overflow: hidden;
	background: url(../medias/communs/bg_sousmenu.gif) repeat-y;
	padding-bottom: 7px;
}

#mstrNav li li, #mstrNav li li a { float: none; width: auto; height: auto; }
#mstrNav li li { margin-top: -0.1em; } 

#mstrNav li li a {
	display: block;
	font-size: 70%;
	text-decoration: none;
	color: #FFFFFF;
	background-position: right;
	background-repeat: no-repeat;
    height: 1%; 
	margin: 0 9px 0 9px; 
	border-top: 1px solid #c4c4c4; 
	padding: 0.5em 11px 0.5em 0;
}

#mstrNav li li a:hover{
	background-image: url(../medias/communs/arrow-menu.gif);
	text-decoration: none;
	color: #ececec;
	background-repeat: no-repeat;
	background-position: right;
}

#mstrNav li:hover div, #mstrNav li.over div { /* lists nested under hovered list items */
	left: auto;
}

#content {
	clear: left;
	color: #FFFFFF;
}

/* clearfix pour floats */
.clearfix:after { content: "."; display: block; font-size: 1px; height: 0; line-height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }


/* CSS Document */

.menutop1 {
	font-size: 70%;
	font-weight: bold;
	text-decoration: none;
	color: #848484;
}
.menutop1:hover {
	font-size: 70%;
	font-weight: bold;
	text-decoration:underline;
	color: #000000;
}
.menubottom1 {
	color: #848484;
	text-decoration: underline;
}

.menubottom1:hover {
	text-decoration:none;
	color: #000000;
}

.mstr #menulist {	font-size: 70%; }

.text1 { font-size: 70%; }

.text2 {
	font-size: 70%;
	color: #848484;
	text-decoration:none
}
.text2:link {
	font-size: 70%;
	color: #848484;
	text-decoration:none
	cursor:pointer;
}
.text2:hover {
	color: #848484;
	text-decoration: underline;
}
.text3 {
	color: #848484;
	font-weight: normal;
	margin-top: 0px; 
    margin-bottom: 0px; 
    line-height: 1.5em; 
}

.texthp {
	font-size: 11px;
	color: #848484;
	text-decoration:none;
}
.contenu1 {
	font-size: 75%;
	color: #616161;
}
.contenu1 a {
	font-size: 75%;
	color: #848484;
	text-decoration:none
}
.contenu1 a:hover {
	font-size: 75%;
	text-decoration: underline;
	color: #000000;
}

.contenu2 {
	font-size: 65%;
	color: #616161;
}

.contenu3 {
	color: #848484;
	font-size: 65%;
	/*line-height: 15px;*/
}
.contenu3:link {
	font-size: 65%;
	color: #848484;
	text-decoration:none
	cursor:pointer;
}
.contenu3:hover {
	font-size: 65%;
	color: #bdbdbd;
	text-decoration: underline;
}

.contenu4 {
	font-size: 65%;
	color: #848484;
	text-decoration: none;
	font-weight: bold;
}
.contenu4:link {
	font-size: 65%;
	color: #848484;
	text-decoration:none
	font-weight: bold;
}
.contenu4:hover {
	font-size: 65%;
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}
.contenu4:visited {
	font-size: 65%;
	font-weight: bold;
}

.contactr {
	font-size: 75%;
	color: #848484;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 0.9em;
}
.contactr:link {
	color: #848484;
	text-decoration:none
}
.contactr:hover {
	color: #000000;
	text-decoration: underline;
}
.contactr:visited {
	color: #848484;
}


#tblDocs td { vertical-align: top; }
#tblDocs a, #tblDocs img { vertical-align: middle; }

.textform {font-size: 55%; font-weight: normal; color: #848484; font-family: Verdana, Arial, Helvetica, sans-serif;}

/* menu de gauche */

#sidebarleft { font-size: 70%x; font-weight: bold; }

#smenu li {
 	margin-top: -0.1em;
	display: block;
	float: none;
	width: 125px; 
}

#smenu li a {
	display: block;
	font-weight: normal;
	font-size: 70%;
	text-decoration: none;
	background-image: url(../medias/communs/arrow.gif);
	background-position: right 10px;
	background-repeat: no-repeat;
	color: #848484;
	height: 1%;
	border-top: 1px solid #e3e3e3;
	padding: 0.5em 9px 0.5em 0;
}

#smenu, #smenu ul { 
	overflow: hidden;
	margin-left: 50px;
	list-style: none;
	margin-top: 25px;
	margin-right: 5px;
	margin-bottom: 0px;
}

#smenu li a:hover {
	color: #d8d8d8;
}

#smenu li a.actif {
	font-weight: bold;
	color: #cc2525;
}

#house {
	min-height:200px;
}

/* telechargement de pdf */

.bloc {
	background-image: url(../medias/communs/dropshadow.gif);
	background-repeat: repeat-x;
	width: 300px;
	float: left;
}
.bloc ul {padding:4px 9px 9px 9px ; margin:0px 0px 0px 0px;}
.bloc li 
{
	line-height: 20px;
	text-decoration: none;
	padding: 3px 6px 6px 15px;
	list-style-type: none;
}
.bloc a {
	text-decoration: none;
	color: #848484;
	margin-left: 5px;
}
.bloc a:hover {
	text-decoration: underline;
	color: #848484;
}
.bloc actif {
	text-decoration: underline;
	color: #bfbfbf;
}
.imgleft
{
	width: 4px;
	float: left;
}
.imgright
{
	float: left;
}

/* formulaire */

.champ, .champ2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: #bdbdbd 1px solid; 
	color: #848484; 
	background-color: #ffffff;
	font-size: 100%;
}
.champ2 {
	font-weight: normal;
}
.tblForm p {
	color: #848484;
	background-color: #FFFFFF;
	font-weight: bold;
	border-bottom-style: solid;
	border-bottom-color: #c2c2c2;
	border-bottom-width: 1px;
	line-height: 2em;	
}
.btSend { float: right; }

/* gallerie */

.gal { color: #848484; line-height: 1.5em; text-decoration: none; text-align: center; }
.gal a { line-height: 1.6em; text-align: center; }
.gal a:hover { color: #616161;}
.gal img { border: 1px double #848484; }
.galA { width: 100%; }
.galB { width: 100%; }
.gal1 { width: 160px; float: left; }
.gal2 { width: 160px; float: left; margin-left: 20%;}
.gal3 { width: 160px; float: left; margin-left: 20%;}
.gal4 { width: 160px; float: left; margin-top: 50px; }
.gal5 { width: 160px; float: left; margin-top: 50px; margin-left: 20%;}
.gal6 { width: 160px; float: left; margin-top: 50px; margin-left: 20%;}

/* listfaq */

#mstrFaq ul {
	padding: 0;
	margin: 0 0 0.5em 0;
	color: #848484;
}
#mstrFaq li {
	padding: 0;
	margin: 1.5em 0 0 1.5em;
}

.faq1 {
	list-style-type: none;
	padding-top: 0px;
}
.faq2{
	padding: 0;
}
.faq3 {
	padding-top: 0px;
	padding-left: 1.5em;
	margin:0;
}

.faqOver {
	cursor:pointer;
}

.FAQSeperator {
	height: 1px;
	color: #e3e3e3;
	background-color: #e3e3e3;
}

.faqactif{
	padding: 0;
	list-style-image: url(/medias/communs/ico-moins.gif);
	list-style-position: outside;
}

.faqinactif{
	padding: 0;
	list-style-image: url(/medias/communs/ico-plus.gif);
	list-style-position: outside;
}

.faqlink, .faqactif {
	padding: 3.5em 0;
	color: #848484;
}

#PlanSite li ul { 
	overflow: hidden;
	height: 1%;
	background: url(../medias/communs/bg_sousmenu.gif) repeat-y;
	padding-bottom: 7px;
}