/* reset css */

img
{
border:none;
}

header, nav, footer, figure, section
{ 
display:block;
}


/* police de caractère */

@font-face {
    font-family: 'AmaranthItalic';
    src: url('polices/Amaranth-Italic-webfont.eot');
    src: url('polices/Amaranth-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/Amaranth-Italic-webfont.woff') format('woff'),
         url('polices/Amaranth-Italic-webfont.ttf') format('truetype'),
         url('polices/Amaranth-Italic-webfont.svg#AmaranthItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

html 
{
min-height:100%;
width:100%;
background-image:url("images/texture_html.jpg");
background-repeat:repeat;
background-attachment:fixed;
padding:0;
margin:0;
}

body
{
background-image: url("images/texture_de_fond_corps.jpg");
background-repeat:repeat;
min-height:100%;
width:980px;
margin-right:auto;
margin-left:auto;
margin-top:0px;
margin-bottom:0px;
-moz-box-shadow: 1px 1px 15px #000000; 
-webkit-box-shadow: 1px 1px 15px #000000; 
box-shadow: 1px 1px 15px #000000; 
}

/* header */

header
{
height:200px;
width:980px;
}

/* barre du menu */

nav
{
width:980px;
height:60px;
margin-top:0px;
margin-bottom:0px;
margin-right:auto;
margin-left:auto;
background-image:url('images/liens.png');
background-repeat:no-repeat;
}

ul.menu
{
list-style-type:none;
margin:0;
padding:0;
}

ul.menu li 
{
display:block;
float:left;
width:194px;
height:60px;
text-align:center;
margin:auto;
padding:0;
}

ul.menu li a
{
display:block;
float:left;
width:196px;
height:60px;
text-align:center;
margin:auto;
padding:0;
}

ul.menu li a img
{
margin-top:15px;
border:none;
}


ul.menu li a img:hover
{
border-bottom:3px solid #fe7f05;
-moz-transition:0.4s;
-webkit-transition:0.5s;
-o-transition:0.4s;
transition:0.4s;
}


ul.menu a img.actuel
{
border-bottom:3px solid #fe7f05;
}


/* corps */

section /* partie centrale de la page englobant les div colonne et principal */

{
width:980px;
display:table;
border-collapse:collapse;
border-spacing:0px;
margin-bottom:20px;
display:table;

}

aside

{
display:table-cell;
width:350px;

}

aside img

{
margin-top:70px;
margin-left:20px;
}

article

{
display:table-cell;
width:630px;
vertical-align:top;
}

article h1

{
color:white;
text-align:center;
font-size:1.9em;
text-shadow: 1px 2px 5px #000000;
margin-top:60px;
margin-bottom:40px;
font-family:AmaranthItalic;
}

article h2
{
color:white;
text-align:center;
font-size:1.8em;
text-shadow: 1px 2px 5px #000000;
margin-top:40px;
margin-bottom:40px;
font-family:AmaranthItalic;
}

article h2.contact
{
font-size:1.4em;
}


article h3

{
color:white;
text-align:center;
font-size:1.3em;
text-decoration:underline;
text-shadow: 1px 2px 5px #000000;
margin-top:30px;
margin-bottom:40px;
font-family:AmaranthItalic;
}

article p
{
color:#153988;
text-align:justify;
font-size:1.2em;
margin-left:30px;
margin-right:30px;
font-family:AmaranthItalic;
line-height:26px;
}

article p.phrase_soulignee
{
text-decoration:underline;
color:white;
text-shadow: 1px 2px 5px #000000;
font-size:1.3em;
}

article img
{
margin-left:110px;
margin-top:30px;
}

span.orange
{
text-shadow: 1px 1px 3px white;
color:#f1481a;
font-size:1.1em;
}

hr
{
width:530px;
margin-top:50px;
color:white;
}

footer
{
height:250px;
}



/* page notre entreprise */

#principal_sans_titre
{
display:table-cell;
width:630px;
vertical-align:top;
}

#principal_sans_titre p
{
color:#153988;
text-align:justify;
font-size:1.2em;
margin-left:30px;
margin-right:30px;
font-family:AmaranthItalic;
line-height:26px;
}


#principal_sans_titre p:first-child
{
margin-top:70px;
}

#principal_sans_titre img
{
width:410px;
margin-left:75px;
}

ul.liste li
{
color:#153988;
font-family:AmaranthItalic;
font-size:1.2em;
list-style-type:none;
margin-bottom:15px;
list-style-image : url(images/orange_liste.png);
width:550px;
margin-left:20px;
line-height:26px;
}


/* page oranges */

#colonne img.oranges1
{
margin-top:130px;
}

#colonne img.oranges2
{
margin-top:230px;
}



/* page machines */

#un
{
display:table-cell;
width:315px;
text-align:center;
vertical-align:top;
}

#un p
{
font-family:AmaranthItalic;
}

#deux p
{
font-family:AmaranthItalic;
}

#un img
{
margin-top:60px;
-moz-box-shadow: 1px 1px 5px #000000; 
-webkit-box-shadow: 1px 1px 5px #000000; 
box-shadow: 1px 1px 5px #000000; 
}

#deux
{
display:table-cell;
width:315px;
text-align:center;
vertical-align:top;
}

#deux img
{
margin-top:60px;
-moz-box-shadow: 1px 1px 5px #000000; 
-webkit-box-shadow: 1px 1px 5px #000000; 
box-shadow: 1px 1px 5px #000000; 
}



/* pages montrant les machines */

aside img.image_colonne_machines

{
margin-top:140px;
margin-left:20px;
-moz-box-shadow: 1px 1px 5px #000000; 
-webkit-box-shadow: 1px 1px 5px #000000; 
box-shadow: 1px 1px 5px #000000; 
}


aside.colonne_machines
{
display:table-cell;
width:440px;
}

aside.colonne_machines h1
{
font-family:AmaranthItalic;
text-align:center;
margin-top:50px;
text-shadow: 1px 1px 1px black;
color:#f1481a;
font-size:2.3em;
text-decoration:underline;
}


aside.colonne_machines img
{
margin-top:55px;
margin-left:20px;
-moz-box-shadow: 1px 1px 5px #000000; 
-webkit-box-shadow: 1px 1px 5px #000000; 
box-shadow: 1px 1px 5px #000000; 
}

aside.colonne_machines h2
{
color:white;
text-align:center;
font-size:1.7em;
text-decoration:underline;
text-shadow: 1px 2px 5px #000000;
margin-top:60px;
margin-bottom:40px;
font-family:AmaranthItalic;
}

aside.colonne_machines p
{
font-family:AmaranthItalic;
line-height:26px;
color:#6f1b1b;
text-align:justify;
margin-left:60px;
font-size:1.2em;
}

article#commentaires
{
display:table-cell;
width:540px;
vertical-align:top;
}

article#commentaires p
{
color:#153988;
text-align:justify;
font-size:1.2em;
margin-left:30px;
margin-right:30px;
font-family:AmaranthItalic;
line-height:26px;
margin-top:50px;
}

ul.liste_machines li
{
color:#153988;
font-family:AmaranthItalic;
font-size:1.2em;
list-style-type:none;
margin-bottom:15px;
list-style-image : url(images/orange_liste.png);
width:500px;
margin-left:20px;
line-height:26px;
}



/* page contact */

aside h1.titre_coordonnees
{
text-shadow: 1px 2px 2px black;
color:#f1481a;
font-size:2.3em;
font-family:AmaranthItalic;
text-align:center;
margin-top:70px;
}

ul.liste_contact 
{

}

ul.liste_contact li
{
color:#6f1b1b;
font-family:AmaranthItalic;
font-size:1.2em;
list-style-type:none;
margin-bottom:15px;
list-style-image : url(images/orange_liste.png);
margin-left:auto;
margin-right:auto;
width:240px;

}


form

{
width:550px;
margin-right:auto;
margin-left:auto;
margin-top:40px;

}

label
{
display:block;
margin-bottom:10px;
width:420px;
font-family:AmaranthItalic;
color:#153988;
}


form input
{
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius:5px;
margin-bottom:20px;
height:20px;
width:200px;
}

textarea

{
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius:5px;
margin-bottom:15px;
max-width:400px;
}

button
{
display:block;
width:100px;
padding:8px;
-moz-box-shadow: 1px 1px 0px #000000; 
-webkit-box-shadow: 1px 1px 0px #000000; 
box-shadow: 1px 1px 0px #000000; 
}