@import url(https://fonts.googleapis.com/css?family=Arvo);

body
{
background-image:url(images/content-bg1.jpg);
margin:0;
}

a img
{
border:none;
}

a
{
color:#0000ee;
}

#top-head-container
{
height:30px;
background-image:url(images/hed-bg.gif);
}

#top-head
{
margin:auto;
width:1000px;
height:30px;
background-color:#f6a11d;
background-image:url(images/top-head-bottom-line.gif);
background-repeat:no-repeat;
background-position:bottom;
}

#top-head p
{
margin:0;
font-family:tahoma;
font-size:11px;
line-height:15px;
color:#fde7c6;
}

#top-head a
{
color:#fde7c6;
text-decoration:none;
}

#top-head a:hover
{
text-decoration:underline;
}

#header-container
{
margin:auto;
width:1000px;
height:110px;
background-color:#f6a11d;
}

#header-logo
{
float:left;
padding-top:26px;
padding-left:30px;
}

#header-menu
{
float:right;
height:110px;
}

#header-menu a
{
text-decoration:none;
}

.menu-link
{
padding-top:70px;
height:50px;
float:left;
text-transform:uppercase;
font-family: "Trebuchet MS", sans-serif;
font-size:14px;
padding-left:15px;
padding-right:15px;
text-align:center;
color:#fef5e8;
font-weight:bold;
}

.menu-link:hover
{
background-color:#333330;
color:white;
}

.menu-link-active
{
padding-top:70px;
height:50px;
float:left;
text-transform:uppercase;
font-family: "Trebuchet MS", sans-serif;
font-size:14px;
padding-left:15px;
padding-right:15px;
text-align:center;
background-color:#333330;
color:white;
font-weight:bold;
}

.menu-link-line
{
float:left;
width:1px;
height:110px;
background-image:url(images/menu-line.png);
}

.slideshow-clients
{
width:217px;
height:122px;
background-image:url(images/clients/background-clients.png);
}

#image-centre
{
margin:auto;
margin-top:20px;
margin-bottom:20px;
width:1000px;
height:300px;
}

#header-bottom-bar
{
width:1000px;
height:40px;
margin:auto;
background-color:#eeeeeb;
}

#header-bottom-bar h1
{
margin:0;
font-family: "Trebuchet MS", sans-serif;
font-size:16px;
line-height:40px;
color:#33302f;
padding-left:30px;
}

#header-bottom-bar2
{
width:1000px;
height:40px;
margin:auto;
background-color:#eeeeeb;
}

#header-bottom-bar2 h1
{
margin:0;
font-family: "Trebuchet MS", sans-serif;
font-size:16px;
line-height:40px;
color:#33302f;
padding-left:30px;
}

#main-top-line
{
margin:auto;
height:1px;
width:1000px;
background-image:url(images/main-top-line.png);
}

#main-index
{
width:1000px;
margin:auto;
background-color:#f5f5f5;
}

#main-index2
{
width:1000px;
margin:auto;
background-color:#f5f5f5;
}

#four-products-index-container
{
margin-left:30px;
padding-top:30px;
height:363px;
}

.page-left
{
float:left;
width:750px;
}

.page-left p
{
font-family:arial;
font-size:12px;
padding:25px;
text-align:justify;
padding-top:15px;
padding-right:70px;
}

.page-right
{
float:left;
width:250px;
}

.page-right h2
{
font-family: "Trebuchet MS", sans-serif;
font-size:12px;
color:#33302f;
margin:0;
margin-top:15px;
}

.four-products-index
{
float:left;
width:260px;
padding:20px;
}

.four-products-index h2
{
font-family: "Trebuchet MS", sans-serif;
margin:0;
color:#f6a11d;
font-size:17px;
font-weight:normal;
padding-top:15px;
text-transform:uppercase;
}

.four-products-index h2 a
{
color:#f6a11d;
}

.four-products-index h2 a:hover
{
text-decoration:underline;
}

.four-products-index p
{
color:#5e5c5c;
font-family:arial;
font-size:13px;
line-height:20px;
text-align:justify;
}

.four-products-index a
{
text-decoration:none;
}

.four-products-index-separator
{
float:left;
height:355px;
width:60px;
background-image:url(images/separator-four-products.png);
background-repeat:repeat-y;
}

.details-button
{
width:61px;
height:32px;
background-image:url(images/details-button.png);
background-position:top;
margin:auto;
line-height:32px;
text-align:center;
font-family:arial;
font-size:11px;
color:#a6a6a1;
}

.details-button:hover
{
background-position:bottom;
}

#footer-container
{
margin-top:50px;
background-image:url(images/bg-footer.gif);
height:168px;
padding-top:40px;
}

#footer
{
width:1000px;
height:100px;
margin:auto;
}

#footer-logo
{
float:left;
margin-left:30px;
}

.footer-box
{
float:right;
font-family:arial;
margin-right:60px;
}

.footer-box h3
{
margin:0;
font-size:14px;
color:#5e5c5c;
margin-bottom:5px;
}

.footer-box p
{
margin:0;
font-size:11px;
color:#837f7f;
line-height:17px;
}

.footer-box a
{
color:#837f7f;
text-decoration:none;
}

.footer-box a:hover
{
text-decoration:underline;
}

.forfaits-sites
{
width:654px;
margin-left:25px;
background-image:url(images/background-table-forfaits.png);
border-top:1px solid #b8b8b8;
border-bottom:1px solid #b8b8b8;
}

.forfaits-sites td
{
width:218px;
vertical-align:top;
}

.forfaits-sites td p
{
font-family:arial;
font-size:13px;
line-height:25px;
font-weight:bold;
text-align:left;
width:auto;
padding:0;
padding-left:10px;
}

.realisations-web
{
width:950px;
margin-left:23px;
}

.realisations-web td
{
height:220px;
padding-top:15px;
border-bottom:1px dotted black;
}

.realisations-web td p
{
font-family:arial;
font-size:14px;
padding:0;
margin:0;
padding-left:2px;
color:#333330;
}

.realisations-web td p a
{
color:#0000ee;
font-size:11px;
padding-left:10px;
}

.realisations-web td p img
{
margin-bottom:10px;
}

.page-right-gestion
{
float:left;
width:250px;
}

.page-right-gestion h2
{
font-family: "Trebuchet MS", sans-serif;
font-size:12px;
color:#33302f;
margin:0;
margin-top:15px;
}

.page-right-gestion div
{
height:107px;
width:224px;
background-position:top;
margin-top:10px;
}

.page-right-gestion div:hover
{
background-position:bottom;
}

.tableau-contact
{
margin-left:20px;
font-family:arial;
font-size:12px;
}

.input-contact
{
background-color:white;
border:1px solid #c3c3c3;
height:21px;
width:250px;
margin-bottom:5px;
padding-left:3px;
}

.container-contact-form
{
margin-left:20px;
margin-top:30px;
width:655px;
/*height:400px;*/
background-color:#f3f3f3;
border:1px solid #d3d3d3;
}

.contact-p
{
width:232px;
line-height:20px;
font-family:arial;
font-size:14px;
}

.contact-p b
{
font-size:12px;
}

.map-contact
{
margin-top:25px;
width:175px;
height:250px;
background:url(images/contact-map.png) top no-repeat;
}

.map-contact:hover
{
background-position:bottom;
}

#footer h3 a
{
color:#5e5c5c;
}

.page-left ul
{
font-family:arial;
font-size:12px;
}

.page-left li
{
line-height:25px;
}

.page-left li a
{
text-decoration:none;
}

.page-left li a:Hover
{
text-decoration:underline;
}