* {
			margin: 0;
                        padding: 0;
			border: 0;
}

html {
			width: 100%;
			height: 100%;
		        background-color: #0f100b;
}

body {
			width: 100%;
			height: 100%;
		        background-color: #fcfcfb;
}


#conteneur {
			position: relative;
                        min-height: 100%;
			width: 100%;
}

* html #conteneur {
			height: 100%;
}

#cont {
			width: 100%;
			margin: 0 auto;
			padding-bottom: 60px;
}

h2 {
                        font: normal normal normal 1.5em/1.1em arial, serif;
                        color: #fff;
}

h3 {
                        font: normal normal bold 1.15em/1.4em arial, serif;
                        margin: 10px 0 15px 0;
                        border-bottom: 5px #deded6 solid;
                        color: #a00000;
}

h4 {
                        font: normal normal bold 1em/1.2em arial, serif;
}

h4#sitma, h4#flowpack, h4#hugobeck {
                        margin-bottom: 10px;
                        border-bottom: 1px #ddd solid;
}

p {
                        font: normal normal normal 0.8em arial, serif;
                        padding-bottom: 20px;
                        color: #3d3f34;
}

p a {
                        color: #a80000;
                        text-decoration: underline;
}

p a:hover {
                        color: #800000;
                        text-decoration: none;
}

p.chapo {
                        padding: 15px 5px 10px 5px;
                        font: italic normal normal 1.25em/1.35em Georgia, serif;
                        letter-spacing: -1px;
                        color: #222;
                        text-align: center;
			background: #fff url(img/haut-col-g.gif) top left repeat-x;
		        min-height: 55px;
}

* html p.chapo {
		        height: 55px;
}

p.shoe {
                        font: italic normal normal 1.15em/1.3em Georgia, serif;
                        letter-spacing: -1px;
                        color: #800000;
                        text-align: right;
                        padding: 10px;
                        width: 220px;
                        margin: 10px 15px 0 0;
			background: #fff url(img/haut-col-g.gif) top left repeat-x;
			border-top: 5px #ddd solid;
}

p.paraf {
                        color: #000;
                        text-align: right;
                        margin-right: 10px;
}

#widehaut {
			width: 100%;
			margin: 0 auto;
		        background: #d40000 url(img/fond-haut.gif) center top repeat-x;
                        border-bottom: 1px #a00000 solid;
}

#haut {
			width: 760px;
			margin: 0 auto;
			text-align: left;
			padding: 5px 0;
}

#haut-g {
                        padding-top: 10px;
                        float: left;
			text-align: left;
			cursor: pointer;
}

#haut-d {
			position: absolute;
			top: 0;
			left: 50%;
			width: 380px;
                        float: right;
			text-align: right;
			padding: 25px 0 5px 0;
}

#haut-d p {
                        color: #fff;
                        font: normal normal normal 0.7em verdana, sans-serif;
                        text-transform: uppercase;
}


/* SLIDE ACCUEIL */

#wideslac {
			width: 100%;
			margin: 0 auto;
		        background: transparent url(img/fond-slac.gif) center top repeat;
                        border-top: 1px #fff solid;
                        border-bottom: 1px #ccc solid;
}

#slac {
			height: 400px;
			width: 760px;
			margin: 0 auto;
			text-align: left;
		        background: transparent url(img/fond-slac.gif) center top repeat;
}

#accslide {
                        width: 720px;
		        height: 400px;
 		        background: transparent url(img/aero.jpg) left top no-repeat;
		        float: left;
}

 /* MENU */

#widemenu {
                        width: 100%;
                        margin: 0 auto;
		        background: #9f9c88 url(img/fond-menu.gif) top center repeat-x;	/* arrière-plan général du menu */
                        border-top: 1px #fff solid;
                        border-bottom: 1px #817d68 solid;
}

#menu {
			clear:both;
                        width: 760px;
                        margin: 0 auto;
		        height: 30px;
}

div#menu ul {
		        position: absolute;	/* positionnement pour IE5 et IE5.5 */
                        width: 760px;
                        margin: 0 auto;
		        list-style-type: none;
		        background: transparent url(img/menu.gif) top left no-repeat;	/* arrière-plan du menu */
		        text-align: center;
}

div#menu ul li {
		        float: left;
		        list-style-type: none;
		        text-transform: uppercase;
                        font: normal normal bold 0.85em arial, sans-serif;
		        color: #000;
}

div#menu ul li a {	/* dimensions et définitions des boutons */
		        display: block;	/* mise en block de <a> pour lui donner des dimensions */
		        height: 30px;
		        line-height: 30px;	/* hauteur de ligne pour éviter les paddings */
		        color: #000;
                        text-decoration: none;
}

div#menu ul li a:hover {
		        color: #555;
		        background: transparent url(img/menu.gif) top left no-repeat;	/* arrière-plan du menu */
}

div#menu li a#menu-acc {
		        width: 97px;
}

div#menu li a#menu-soc {
		        width: 155px;
}

div#menu li a#menu-par {
		        width: 202px;
}

div#menu li a#menu-ref {
		        width: 198px;
}

div#menu li a#menu-con {
		        width: 108px;
}

div#menu a#menu-acc:hover {
		        background-position: -760px 0%;	/* décalage de l'arrière-plan pour chaque bouton */
}

div#menu a#menu-soc:hover {
		        background-position: -857px 0%;
}

div#menu a#menu-par:hover {
		        background-position: -1012px 0%;
}

div#menu a#menu-ref:hover {
		        background-position: -1214px 0%;
}

div#menu a#menu-con:hover {
		        background-position: -1412px 0%;
}




 /* MENU PARC */

#widemenuparc {
                        width: 100%;
                        margin: 2px auto 0 auto;
		        background-color: #d9d7ce;
                        border-top: 1px #C8C6BB solid;
                        border-bottom: 1px #C8C6BB solid;
		        padding: 0.05em 0 0.55em 0;
		        height: 0.8em;
}

* html #widemenuparc {
		        padding: 0.3em 0;
}

#menuparc {
			clear:both;
                        width: 760px;
                        margin: 0 auto;
}

div#menuparc ul {
		        position: absolute;	/* positionnement pour IE5 et IE5.5 */
                        width: 760px;
                        margin: 0 auto;
		        list-style-type: none;
		        text-align: center;
}

div#menuparc ul li {
		        display: inline;
		        list-style-type: none;
		        text-transform: uppercase;
                        font: normal normal bold 0.7em arial, sans-serif;
                        letter-spacing: 1px;
		        color: #000;
		        text-align: center;
}

div#menuparc ul li a {	/* dimensions et définitions des boutons */
                        color: #800;
                        text-decoration: none;
		        margin: 0 30px;
}

div#menuparc ul li a:hover {
                        text-decoration: underline;
}




/* CONTENU */

#widecontenu {
			width: 100%;
			margin: 0 auto;
			padding: 15px 0 20px 0;
		        background: #fcfcfb url(img/fond-cont.gif) center top repeat-x;
}

#hautcontenu {
			width: 100%;
			margin: 0 auto;
		        background: transparent url(img/haut-cont.gif) center top no-repeat;
}

#fondcontenu {
			width: 100%;
			margin: 0 auto;
		        background: transparent url(img/fond-du-cont.gif) center top repeat-y;
}

#bascontenu {
			width: 100%;
			margin: 0 auto;
		        background: transparent url(img/bas-cont.gif) center bottom no-repeat;
}

#contenu {
			width: 760px;
			margin: 0 auto;
			text-align: left;
			padding: 20px 0 10px 0;
}

#col-g {
			width: 498px;
			background: #fff url(img/haut-col-g.gif) top left repeat-x;
			border: 1px #fff solid;
			text-align: left;
			float: left;
}

#col-g h2 {
                        font: normal normal bold 1.15em/1.4em arial, serif;
                        margin: 0 0 15px 0;
                        border-bottom: 5px #deded6 solid;
                        color: #900000;
}

#col-g p {
                        font: normal normal normal 0.75em arial, serif;
                        padding: 0 0 20px 0;
                        color: #3d3f34;
}

#col-g p#chapac {
                        padding: 15px 15px 10px 5px;
                        font: italic normal normal 1.25em/1.35em Georgia, serif;
                        letter-spacing: -1px;
                        text-align: right;
                        text-indent: 60px;
                        color: #3d3f34;
		        background: transparent url(img/guichapac.gif) 12px 1px no-repeat;
		        min-height: 101px;
}

.carmin {
		        color: #8e0000;
}


#col-d {
			width: 240px;
			background-color: #fff;
			text-align: left;
			float: right;
}

#col-d img {
			margin-bottom: 1.4em;
}


#prodimg {
                        padding-top: 5px;
                        margin-top: 7px;
                        height: 120px;
		        width: 758px;
                        text-align: center;
			border: #eeeee6 solid;
			border-width: 1px 1px 5px 1px;
}

#soc-g {
		        width: 260px;
		        float: left;
}

#soc-d {
		        width: 500px;
		        float: left;
}

* html #macline {
		        width: 500px;
}

#macline, #col-d ul#coldac {
                        font: normal normal bold 0.9em arial, sans-serif;
                        margin: 0 0 15px 0;
                        color: #54564d;
                        list-style-type: none;
}

#col-d ul#coldac {
                        border-top: 5px #deded6 solid;
}

#macline li, #col-d ul#coldac li {
                        padding: 0 0 0 50px;
                        line-height: 50px;
                        background: #eae8e8 url(img/coldacar.gif) 5px 0 no-repeat;
                        border-top: 1px #fff solid;
}
#macline li {
                        padding-left: 40px;
                        background-position: 15px;
}

ul#macline li span.miz {
                        display: block;
                        width: 200px;
                        padding-left: 20px;
                        float: left;
                        color: #8e0000;
}

#parmac {
                        padding-top: 20px;
}

#parmac h3 {
                        line-height: 30px;
                        clear: both;
}

.imgflotleft {
                        float: left;
                        margin: 0 20px 20px 0;
}

.ligne {
                        float: left;
                        width: 240px;
                        margin-right: 20px;
}

.lastligne {
                        float: left;
                        width: 240px;
                        margin: 0;
}

#secupar {
                        clear: both;
                        width: 760px;
                        background: transparent url(img/secu.gif) left top no-repeat;
}

#secupar p {
                        font: italic normal normal 1.25em/1.35em Georgia, serif;
                        letter-spacing: -1px;
                        padding: 25px 10px 20px 140px;
                        color: #700000;
}

.ligne img, .lastligne img {
                        margin-bottom: 5px;
}

#macslide {
                        margin-right: 20px;
                        width: 228px;
		        height: 140px;
		        float: left;
		        border: 1px #ddd solid;
		        background-color: #fff;
		        padding: 6px;
}

* html #macslide {
                        margin-right: 15px;
}


/* REFERENCES */

#col-cli-g {
                        width: 560px;
                        text-align: left;
			float: left;
                        margin: 30px 0 0 0;
}


img#col-cli-d {
			margin: 40px 0 0 20px;
			padding: 0 10px 0 19px;
			border-left: 1px #ddd solid;
                        text-align: left;
			float: right;
}


#cont-g {
			width: 500px;
                        margin: 30px 0 20px 0;
                        float: left;
}

#cont-d {
			width: 240px;
                        margin: 35px 0 0 0;
                        float: right;
}

#cont-d h4 {
                        font-size: 0.9em;
}

#cont-d p {
                        line-height: 1.3em;
}

#cont-d p.adr {
                        font-size: 0.8em;
}

#cont-d p.adr strong {
                        font-variant: small-caps;
                        font-size: 1.5em;
}

p#planac {
			margin: 10px 0 20px 0;
                        width: 460px;
			height: 20px;
			padding: 80px 20px 20px 20px;
                        background: transparent url(img/planc.gif) left top no-repeat;
                        font: italic normal normal 1.25em/1.35em Georgia, serif;
                        letter-spacing: -1px;
                        color: #a80000;
                        cursor : pointer;
}

#iti {
                        width: 750px;
		        min-height: 300px;
		        float: left;
		        border: 1px #ddd solid;
		        background-color: #fff;
		        padding: 4px;
}


/* FORMULAIRE DE CONTACT */

form.contact {
		        width: 500px;
	                padding: 10px 0 15px 0;
		        font-family: arial, sans-serif;
}

form.contact legend {
		        font-size: 0.7em;
	                line-height: 1em;
}

form.contact label {
	                display: inline-block;
	                vertical-align: top;
	                width: 180px;
	                float: left;
		        font-size: 0.75em;
		        font-weight: normal;
}


form.contact fieldset ol {
	                padding: 10px 0;
}

form.contact fieldset li {
	                list-style: none;
	                margin: 0 0 0 10px;
	                padding: 8px 5px;
	                float: left;
}

 * html form.contact fieldset li {
	                padding: 3px 5px;
}

form.contact em {
	                font-weight: bold;
	                font-style: normal;
	                color: #f00;
	                font-size: 1.3em;
	                line-height: 1em;
}

form.contact input, form.contact textarea {
	                float: left;
	                width: 270px;
		        margin-left: 10px;
		        border: 1px #ddd solid;
	                background-color: #f0f0f0;
		        font: normal normal normal 0.75em/1em arial, sans-serif;
		        color: #a00;
}

form.contact input.er {
	                background-color: #e4a4a4;
}

form.contact fieldset span.malert {
                        display: block;
                        border: 1px solid #a80000;
		        background-color: #e0e0e0;
                        padding: 10px 10px 7px 15px;
                        margin: 15px 23px 5px 0;
}

form.contact fieldset li label.respect {
	                font-style: italic;
	                font-size: 0.75em;
}

form.contact fieldset li input#subbtn {
	                background-color: #ccc;
	                border-color: #a00;
	                padding: 0.2em 0 0.1em 0;
	                font-weight: bold;
			cursor: pointer;
}

form.contact span.msger {
	                font-weight: bold;
			color: #b00;
}

form.contact span.msger em {
			font-size: 0.95em;
}

form.contact span.explic {
			font-size: 0.8em;
			color: #222;
	                font-weight: normal;
}

form.contact span.msgok {
	                font-weight: bold;
			color: #370;
}

/* FOOTER */
#widepied {
                        position: relative;
                        margin-top: -60px;
                        width: 100%;
		        background: #0f100b url(img/fond-pied.gif) center top repeat-x;
}

#souspied {
			width: 100%;
			margin: 0 auto;
}

#pied {
			width: 760px;
			margin: 0 auto;
			text-align: left;
			height: 60px;
}

#pied p {
                        float: left;
			display: inline;
                        font: normal normal bold 0.7em verdana, sans-serif;
                        color: #fff;
}

#pied p.pg {
			text-align: left;
			width : 660px;
			padding: 10px 0 0 0;
}

#pied p.pd {
			font-variant: small-caps;
			text-align: right;
			width : 100px;
			padding: 10px 0 0 0;
}

#pied p a {
                        color: #ca0000;
                        text-decoration: none;
}

#pied p a:hover {
                        text-decoration: underline;
}

.oust {
			position: absolute;
			left: -6666em;
			top: 0;
			width: 1px;
			height: 1px;
			overflow: hidden;
}

.clearbot {
			clear: both;
			margin: 0;
                        padding: 0;
			border: 0;
}


/* hide from ie on mac \*/
#flashcontent {
              		width: 490px;
              		height: 530px;
              		padding: 0;
              		margin: -50px 0 0 -15px;
}

#flashcontent p {
              		margin: 50px 0 0 30px;
}

/* end hide */

* html #flashcontent {
              		margin-left: -30px;
}