/* Homepage */
#hautHome {
	position:absolute;
	left:0px;
	top:0px;
	width:810px;
	height:346px;
}

#leftbtns {
	position:absolute;
	left:0px;
	top:346px;
	width:297px;
	height:51px;
}

#btnFR {
	position:absolute;
	left:297px;
	top:346px;
	width:88px;
	height:51px;
}

#btnEN {
	position:absolute;
	left:385px;
	top:346px;
	width:80px;
	height:51px;
}

#btnDE {
	position:absolute;
	left:465px;
	top:346px;
	width:86px;
	height:51px;
}

#btnIT {
	position:absolute;
	left:551px;
	top:346px;
	width:80px;
	height:51px;
}

#btnSP {
	position:absolute;
	left:631px;
	top:346px;
	width:80px;
	height:51px;
}

#rightbtns {
	position:absolute;
	left:711px;
	top:346px;
	width:99px;
	height:51px;
}

#basHome {
	position:absolute;
	left:0px;
	top:397px;
	width:810px;
	height:267px;
}


.retourHome {
       position: relative;
       top: 21px;
       left: 180px;
}

div#spacer {
       display: block;
       float: right;
       height: 400px !important;
       height: 200px;
}

/* fin Homepage */
/* Layout sections */
	body {
		background-color: #F4F3F1;
		}
		
	div#page {
		/*background: #fff;*/
	    }
		
	div#header {
		color: #fff;
		}
		
	div#footer {
		color: #85A8DA;
		}
		
/* Links */		
	a,
	a:link 
	a:active, a:visited {
		color: #3A4364;
	}

	#menuwrapper a,
	#menuwrapper a:link 
	 #menuwrapper a:active, #menuwrapper a:visited {
		color: #FFFFFF;
	}

/* Headings */	
	h1, h2, h3 {
		color: #94B6ED;
	}
	
	h4, h5, h6 {
		color: #555555;
	}

/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* clearing */
	.stretch,
	.clear {
		clear:both; 
		height:1px; 
		margin:0; 
		padding:0; 
		font-size: 15px;
		line-height: 1px;
	}
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

/* end clearing */


/* replace */
	.replace {
		display:block;
		
		background-repeat: no-repeat;
		background-position: left top;
		background-color:transparent;
	}
	/* tidy these up */
	.replace * {
		text-indent: -10000px;
		display:block;
		
		background-repeat: no-repeat;
		background-position: left top;
		background-color:transparent;
	}
	.replace a {
		text-indent:0;
	}
	.replace a span {
		text-indent:-10000px;
	}
/* end replace */


/* accessibility */
     span.accesskey {
     	text-decoration:none;
     }
     .accessibility {
     	position: absolute;
     	top: -999em;
     	left: -999em;
     }
dfn {
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline;
}
/* end accessibility */

/* A CSS Framework by Mike Stenhouse of Content with Style */

/* TYPOGRAPHY */
	body {
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 75%;
	}
	div {
		font-size: 1em;
	}
	img {
		border: 0;
	}
	
/* LINKS */
	a,
	a:link 
	a:active, a:visited {
        font-family: arial, helvetica;
		text-decoration: none;
	}

	a:hover {
		text-decoration: none;
	}
	
	a.webLink, a:link.webLink, a:active.webLink, a:visited.webLink {
        font-family: arial, helvetica;
		text-decoration: underline;
	}
	
/* END LINKS */
	
/* HEADINGS */
	h1 {
        font-family: arial, helvetica;
		font-weight: lighter;
		font-style: normal;
		font-size: 2em;
		line-height: 1.5em;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
	h2 {
        font-family: arial, helvetica;
		font-weight: lighter;
		font-style: normal;
		font-size: 1.5em;
        line-height: 1.5em;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
	h3 {
        font-family: arial, helvetica;
		font-style: normal;
		font-size: 1.3em;
		line-height: 1.5em;
		margin: 0 0 0.5em 0;
		padding:0;
	}
	#menu_vert h2 {
		margin-left: 10px;
	}
	h4 {
        font-family: arial, helvetica;
		font-weight: bold;
		font-style: normal;
		font-size: 1.2em;
		line-height: 1.5em;
		margin: 0 0 0.25em 0;
		padding: 0;
	}
	h5 {
        font-family: arial, helvetica;
		font-weight: lighter;
		font-style: normal;
		font-size: 1.1em;
		line-height: 1.5em;
		margin: 0 0 0.25em 0;
		padding: 0;
	}
	h6 {
        font-family: arial, helvetica;
		font-weight: lighter;
		font-style: normal;
		font-size: 1em;
		line-height: 1.5em;
		margin: 0 0 0.25em 0;
		padding: 0;
	}
/* END HEADINGS */

/* TEXT */
	p {
		font-size: 1em;
		margin: 0 0 1.5em 0;
		padding: 0;
		line-height:1.5em;
	}


	blockquote {
		border-left: 10px solid #ddd;
		margin-left: 10px;
	}
	pre {
		font-family: monospace;
		font-size: 1.0em;
	}
	strong, b {
		font-weight: bold;
	}
	em, i {
		font-style:italic;
	}
    code {
        font-family: "Courier New", Courier, monospace;
        font-size: 1em;
        white-space: pre;
    }
/* END TEXT */
	
/* LISTS */
	#main ul {
        line-height:1.4em;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	#main ul li {
		margin: 0 0 0.25em 30px;
		padding: 0;
	}
	ol {
		font-size: 1.0em;
		line-height: 1.4em;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	ol li {
		font-size: 1.0em;
		margin: 0 0 0.25em 30px;
		padding: 0;
	}
	dl {
		margin: 0 0 1.5em 0;
		padding: 0;
		line-height: 1.4em;
	}
	dl dt {
		font-weight: bold;
		margin: 0.25em 0 0.25em 0;
		padding: 0;
	}
	dl dd {
		margin: 0 0 0 30px;
		padding: 0;
	}
/* END LISTS */
	
	
/* TABLE */
	table {
        font-size: 1em;
		margin: 0 0 1.5em 0;
        padding: 0;
	}
	table caption {
		font-weight: bold;
		margin: 0 0 0 0;
		padding: 0 0 1.5em 0;
	}
	th {
		font-weight: bold;
		text-align: left;
	}
	td {
		font-size: 1em;
		line-height: 1.5em;
	}
/* END TABLE */	
	
	hr {
		   
	}
	div.hr {
		height: 1px;
		margin: 1.5em 10px;
		border-bottom: 1px dotted black;
	}
	
/* END TYPOGRAPHY */	


/* FORM ELEMENTS */
	form {
		margin:0;
		padding:0;
	}
	form div,
	form p {
		font-size: 1em;
		margin: 0 0 1em 0;
		padding: 0;
	}
	label {
		font-weight: bold;
	}
	fieldset {
		border: 1px solid #eee;
		padding: 5px 10px;
		margin: 0 0 1.5em 0;
	}
	fieldset legend {
		color: #666;
		font-size: 1.1em;
		font-weight: bold;
		margin: 0 0 0 0px;
		padding: 0;
		background-color: white;
	}
	* html fieldset legend {
		margin: 0 0 10px -10px;
	}
	fieldset ul {
		list-style: none;
		margin: 0 0 1.5em 0;
		padding: 0;
	}
	fieldset ul li {
		list-style: none;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
     	
	input, select, textarea {
		font-size:1em; 
		font-family: arial, helvetica, verdana, sans-serif;    
        margin: 0;
		padding: 2px;
		width: 230px;
	}
	
	input, select {
		vertical-align:middle;
	}
	textarea {
		height: 8em;
	}
	
	input.check {
		border: none;
		width: auto;
		height: auto;
		margin: 0;
	}
	input.radio {
		border: none;
		width: auto;
		height: auto;
		margin: 0;
	}
	input.file {
		height: auto;
		width: 250px;
	}
	input.readonly {
		background-color: transparent;
		border: none;
	}
	input.button {
		width: 10em;
		border:1px solid black;
		background-color: #ddd;
	}
	input.image {
		border: none;
		width: auto;
		height: auto; 
	}
	
    form div.submit {
		margin: 1em 0;
	}
    form div.submit input {
		height: 2em;
        width: 15em;
	}
/* END FORM ELEMENTS */
		

/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

 
/* NAV BAR AT THE TOP AND ONE COLUMN OF CONTENT */
    div#content {
	    /*position: relative;*/
        width: 810px;
        margin: 0;
        padding: 0;
        text-align: left;
		background: url(../images/fond_centre.jpg) repeat-y;
    }
	
	 div#contentHome {
	    position: relative;
        width: 810px;
        margin: 0;
        padding: 0;
        text-align: left;
		background: url(../images/fond_centre.jpg) repeat-y;
    }
	
	
    div#main {

    }
    div#menu_horiz {
        width: 100%;
        text-align: left;
        background: url(../images/fond_centre.jpg) repeat-y;
        height: 50px;
		z-index: 1;
    }
	


/* END CONTENT */

/* e-Tronix special layout */
    body {
        margin: 0;
        padding: 0;
        text-align: center;
    }
    div#page {
        width: 810px;
        margin:  0px auto 0px auto;
        padding: 0;
        text-align: left;
		background: url(../images/fond_centre.jpg) repeat-y;
    }
	
    
/* HEADER */

div#header {
	margin: 0;
	padding: 0;
	height: 200px;
	background: url(../images/fond_header.jpg) no-repeat 0 0;
}
	
/* END HEADER */
    
    
    /* CONTENT */
        div#content {
            margin: 0;
            padding: 0;
            background: url(admin/themes/default/images/fondCentrePage.jpg) repeat-y 0 0;
        }
        
        /* MAIN */
            div#main {
            width: 700px;
            margin: 0;		
            }

            div#homepage {
            margin: -15px;
            padding: 0;
            }

        /* END MAIN */
        
        /* SUB */
            div#sub {
                
            }
        /* END SUB */
        
    /* END CONTENT */
    
    
 /* FOOTER */

	div#footer {
	display: block;
	width: 810px;
	background: url(../images/fond_footer.jpg) no-repeat 0 0; 
	color: #AA784A;
	height: 261px;
	}
	
	div#footerHome {
	position:absolute;
	left:0px;
	top:664px;
	width:810px;
	height: 87px;
	background: #ffffff url(../images/home/basHome2.jpg) no-repeat 0 0;
	}

	div#footer a {
		color: #777777;
	}
	
	div#footer a:hover {
		color: #004699;
	}


div#footerHome p {
	color: #999999;
	font-size: 0.8em;
	margin: 0;
	padding-left: 50px;
	padding-top: 20px;
	text-align: center;
}

div#footer p {
	color: #999999;
	font-size: 0.8em;
	margin: 0;
	padding-left: 80px;
	padding-top: 50px;
	text-align: center;
}

.left_footer {
	display:block;
	float:left;
}
.center_footer {
	display:block;
	float:left;
	width: 400px;
}
.right_footer {
	display:block;
	float:right;
	padding-right: 80px;
}

.langues {
	display: block;
	height: 33px;
	padding-left: 80px;
	padding-top: 100px;
	background: url(../images/fond_langues.gif) no-repeat 30px 90px;
	
}

.ic_contact {
	position:relative;
	display:block;
	width: 200px;
	left: 525px;
	top: 25px;
}

.ic_case {
	position:relative;
	display:block;
	width: 200px;
	left: 525px;
	top: 45px;
}

.ic_login {
	position:relative;
	display:block;
	width: 200px;
	left: 525px;
	top: 65px;
}

.ic_contact img, .ic_case img, .ic_login img {
  	position: relative;
  	margin-bottom: -13px;
}

div#footer .langues a, div#texte .tableau a {
	color: #004699;
	font-size: 10px;
}

div#footer .langues a:hover, .langues a:active, .langues a:visited,
div#texte .tableau a:hover, .tableau a:active, .tableau a:visited {
	color: #509FFD;
	font-size: 10px;
}


    /* END FOOTER */
/* END LAYOUT */



div.breadcrumbs {
   padding-top: 10px;
   padding-left: 10px;
   text-align: left;
   font-size: 90%;
 }

.label {
   width: 150px;
   float: left;
   text-align: left;
   padding-bottom: 10px;
   color: #555555;
}

.form {
   width: 230px;
   float: left;
   padding-left: 10px;
   padding-bottom: 10px;
   color: #999999;
}


.centreImage{
   padding-left: 100px;
}


/* Horizontal menu for the CMS CSS Menu Module */


/* The wrapper clears the floating elements of the menu */

#menuwrapper { 
        overflow: hidden; 
        width: 723px;
        margin-left: 80px;
        }


/* Set the width of the menu elements at second level. Leaving first level flexible. */

#primary-nav li  { 
        width: 132px; 
       }


/* Unless you know what you do, do not touch this */ 

#primary-nav, #primary-nav ul { 
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
	}
#primary-nav ul { 
	position: absolute; 
	top: auto; 
	display: none; 
	}
#primary-nav ul ul { 
	margin-top: 1px;
 	margin-left: -1px;
	left: 100%; 
	top: 0px; 
	}
	
#primary-nav li { 
	margin-left: -1px;
	float: left; 
	}
#primary-nav li li { 
	margin-left: 0px;
	margin-top: -1px;
	float: none; 
	position: relative; 
	}

/* Styling the basic apperance of the menu elements */

#primary-nav a { 
	display: block; 
	margin: 0px; 
	padding: 5px 10px; 
	text-decoration: none; 
	}
#primary-nav li a { 
	border-right: 1px solid #C0C0C0;
	border-left: 1px solid #C0C0C0;
	}
#primary-nav li li a { 
	border: 1px solid #C0C0C0;
	}	
#primary-nav li, #primary-nav li.menuparent { 
	background-color: #3A4364; 
	}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
	background-color: #8CBBE7; 
	}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#primary-nav ul li.menuparent, #primary-nav ul li.menuparent:hover, #primary-nav ul li.menuparenth { 
	background-image: url(modules/MenuManager/images/arrow.gif); 
	background-position: center right; 
	background-repeat: no-repeat; 
	}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh { 
	background-color: #777777; 
	}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul { 
	display: none; 
	}
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul { 
	display: block; 
	}


/* IE Hacks */

#primary-nav li li { 
	float: left; 
	clear: both; 
	}
#primary-nav li li a { 
	height: 1%; 
	}
-->


/* Bloc GAUCHE  */
	
div#texte {
	padding-left: 80px;
	padding-right: 80px;
	padding-top: 20px;
	width: auto;
}

div#adresse1 {
	float: left;
	padding-left:150px;
	padding-right:20px;
}

div#adresse2 {
	float: left;
	padding-right:60px;
}

div#texte p {
	color: #555555;
	font-size: 1em;
}

div#carteFlash {
	float:left;
	display:block;
	padding-right: 60px;
	width: 100%;
	text-align:center;
}

div#texte p.tableau  {
	color: #333333;
	font-size:0.9em;
	line-height:1.5em;
	margin-bottom:0px;
}

div#texte p.tableauBlanc  {
	color: #FFFFFF;
	font-size:0.9em;
	line-height:1.5em;
	margin-bottom:0px;
}

div#texte ul  {
	color: #555555;
	font-size:0.9em;
	line-height:1.5em;
	margin-bottom:10px;
}


div#texte p.black {
	color: #000000;
}

div#texte h3.highline	 {
	font-size:1.2em;
	font-weight:bolder;
	color: #AF251B;
}

div#texte h3.supremline {
	font-size:1.2em;
	font-weight:bolder;
	color: #01458E;
}

div#texte h3.grayline {
	font-size:1.2em;
	font-weight:bolder;
	color: #008783;
}

div#texte h3.flange {
	font-size:1.2em;
	font-weight:bolder;
	color: #8E6214;
}

div#texte h3.cband {
	font-size:1.2em;
	font-weight:bolder;
	color: #D97203;
}

div#texte h3 {
	font-size:1.2em;
	padding-bottom: 10px;
}

.tableau td {
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;*/
	vertical-align:top;
}

.tableau img.icone {
	vertical-align:middle;
}

.tr_highline {
background-color:#AF251B;
}

.tr_supremline {
background-color:#01458E;
}

.tr_grayline {
background-color:#008783;
}

.tr_flange {
background-color:#8E6214;
}

.tr_cband {
background-color:#D97203;
}


div#texte h1.gris {
	color: #849DA8;
}

/* Bloc DROITE  */

div#blocDroite {
	float:right;
	display:block;
	padding-right: 50px;
	padding-left: 15px;
	padding-bottom: 50px;
	width: 250px;
}

div#blocDroite img {
	padding-top: 10px;
}

div#blocDroite h1 {
	color: #E6F7FE;
	font-size:2em;
}

div#blocDroite h2 {
	color: #E6F7FE;
	font-size:1.4em;
}

div#blocDroite h3 {
	color: #603AAD;
	font-size:1em;
	font-weight: bold;
}

div#blocDroite p, div#blocDroite ul {
	color: #FFFFFF;
	font-size:0.9em;
	line-height:1.5em;
}

.haut_blocDroite {
 	display:block;
	background: url(../images/haut_blocDroite.jpg) no-repeat;
	height: 10px;
}

.centre_blocDroite {
 	display:block;
	background: url(../images/centre_blocDroite.jpg) repeat-y;
}

.centre_blocDroite_highline {
 	display:block;
	background: url(../images/centre_blocDroite_highLine.jpg) repeat-y;
}

.centre_blocDroite_supremline {
 	display:block;
	background: url(../images/centre_blocDroite_supremLine.jpg) repeat-y;
}

.centre_blocDroite_grayline {
 	display:block;
	background: url(../images/centre_blocDroite_grayLine.jpg) repeat-y;
}

.centre_blocDroite_flange {
 	display:block;
	background: url(../images/centre_blocDroite_flange.jpg) repeat-y;
}

.centre_blocDroite_cband {
 	display:block;
	background: url(../images/centre_blocDroite_cband.jpg) repeat-y;
}

.bas_blocDroite {
 	display:block;
	background: url(../images/bas_blocDroite.jpg) no-repeat left bottom;
	height: 59px;
	margin-top: -11px !important;
}

.haut_blocDroite_highline {
 	display:block;
	background: url(../images/haut_blocDroite_highLine.jpg) no-repeat;
	height: 84px;
}

.haut_blocDroite_supremline {
 	display:block;
	background: url(../images/haut_blocDroite_supremLine.jpg) no-repeat;
	height: 84px;
}

.haut_blocDroite_grayline {
 	display:block;
	background: url(../images/haut_blocDroite_grayLine.jpg) no-repeat;
	height: 84px;
}

.haut_blocDroite_flange {
 	display:block;
	background: url(../images/haut_blocDroite_flange.jpg) no-repeat;
	height: 84px;
}

.haut_blocDroite_cband {
 	display:block;
	background: url(../images/haut_blocDroite_cband.jpg) no-repeat;
	height: 84px;
}

.bas_blocDroite_highline {
 	display:block;
	background: url(../images/bas_blocDroite_highLine.jpg) no-repeat left bottom;
	height: 59px;
	margin-top: -11px !important;
}

.bas_blocDroite_supremline {
 	display:block;
	background: url(../images/bas_blocDroite_supremLine.jpg) no-repeat left bottom;
	height: 59px;
	margin-top: -11px !important;
}

.bas_blocDroite_grayline {
 	display:block;
	background: url(../images/bas_blocDroite_grayLine.jpg) no-repeat left bottom;
	height: 59px;
	margin-top: -11px !important;
}

.bas_blocDroite_flange {
 	display:block;
	background: url(../images/bas_blocDroite_flange.jpg) no-repeat left bottom;
	height: 59px;
	margin-top: -11px !important;
}

.bas_blocDroite_cband {
 	display:block;
	background: url(../images/bas_blocDroite_cband.jpg) no-repeat left bottom;
	height: 59px;
	margin-top: -11px !important;
}

.haut_blocDroite_gris {
 	display:block;
	background: url(../images/haut_blocDroite_gris.jpg) no-repeat;
	height: 10px;
}

.centre_blocDroite_gris {
 	display:block;
	background: url(../images/centre_blocDroite_gris.jpg) repeat-y;
}

.bas_blocDroite_gris {
 	display:block;
	background: url(../images/bas_blocDroite_gris.jpg) no-repeat left bottom;
	height: 59px;
	margin-top: -11px !important;
}

.texte_blocDroite {
	display: block;
	width: 190px;
	padding: 20px;
}

div#blocDroite h1.blanc {
	color: #FFFFFF;
}

div#blocDroite h1.highline, div#blocDroite h4.highline,  
div#blocDroite h1.cband, div#blocDroite h4.cband, 
div#blocDroite h1.supremline, div#blocDroite h4.supremline, 
div#blocDroite h1.grayline, div#blocDroite h4.grayline, 
div#blocDroite h1.flange, div#blocDroite h4.flange {
	color: #FFFFFF;
}


div#blocDroite h1.highline, div#blocDroite h1.cband, div#blocDroite h1.supremline, div#blocDroite h1.grayline, div#blocDroite h1.flange {
	font-size: 2em;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 26px;
}

div#blocDroite img.icone {
	vertical-align:middle;
	/*position: relative;
  	margin-bottom: -15px;*/
	padding-top:5px;
	padding-left:25px;
}



div#blocDroite a {
	color: #FFFFFF;
}

div#blocDroite a:hover, div#blocDroite a:active {
	color: #E6F7FE;
}



div#navigation {
	padding-left: 80px;
	padding-right: 80px;
	padding-top: 0px;
	width: auto;
}