body
{
margin:0px;
background:url(images/bg-top-full.png) repeat-x;
background-color:#065689;
}

*
{
padding:0;
margin:0;
}


/* Menu Start */

#menu
{
margin:auto;
width:986px;
height:60px;
}

.table-realisations tr
{
height:125px;
}

.table-realisations td
{
width:115px;
}

/* EN START */

.bouton-accueil-en
{
float:left;
width:156px;
height:60px;
background-image:url(images/but-accueil-en.png);
background-position:top;
}

.bouton-accueil-active-en
{
float:left;
width:156px;
height:60px;
background-image:url(images/but-accueil-en.png);
background-position:bottom;
}

.bouton-produits-en
{
float:left;
width:156px;
height:60px;
background-image:url(images/but-produits-en.png);
background-position:top;
}

.bouton-produits-active-en
{
float:left;
width:156px;
height:60px;
background-image:url(images/but-produits-en.png);
background-position:bottom;
}

.bouton-services-en
{
float:left;
width:156px;
height:60px;
background-image:url(images/but-services-en.png);
background-position:top;
}

.bouton-services-active-en
{
float:left;
width:156px;
height:60px;
background-image:url(images/but-services-en.png);
background-position:bottom;
}

.bouton-realisations-en
{
float:left;
width:156px;
height:60px;
background-image:url(images/but-realisations-en.png);
background-position:top;
}

.bouton-realisations-active-en
{
float:left;
width:156px;
height:60px;
background-image:url(images/but-realisations-en.png);
background-position:bottom;
}

.bouton-documentations-en
{
float:left;
width:156px;
height:60px;
background-image:url(images/but-documentations-en.png);
background-position:top;
}

.bouton-documentations-active-en
{
float:left;
width:156px;
height:60px;
background-image:url(images/but-documentations-en.png);
background-position:bottom;
}

.bouton-joindre-en
{
float:left;
width:156px;
height:60px;
background-image:url(images/but-joindre-en.png);
background-position:top;
}

.bouton-joindre-active-en
{
float:left;
width:156px;
height:60px;
background-image:url(images/but-joindre-en.png);
background-position:bottom;
}

/* EN end */

/* FR START */

.bouton-accueil
{
float:left;
width:156px;
height:60px;
background-image:url(images/but-accueil.png);
background-position:top;
}

.bouton-accueil-active
{
float:left;
width:156px;
height:60px;
background-image:url(images/but-accueil.png);
background-position:bottom;
}

.bouton-produits
{
float:left;
width:156px;
height:60px;
background-image:url(images/but-produits.png);
background-position:top;
}

.bouton-produits-active
{
float:left;
width:156px;
height:60px;
background-image:url(images/but-produits.png);
background-position:bottom;
}

.bouton-services
{
float:left;
width:156px;
height:60px;
background-image:url(images/but-services.png);
background-position:top;
}

.bouton-services-active
{
float:left;
width:156px;
height:60px;
background-image:url(images/but-services.png);
background-position:bottom;
}

.bouton-realisations
{
float:left;
width:156px;
height:60px;
background-image:url(images/but-realisations.png);
background-position:top;
}

.bouton-realisations-active
{
float:left;
width:156px;
height:60px;
background-image:url(images/but-realisations.png);
background-position:bottom;
}

.bouton-documentations
{
float:left;
width:156px;
height:60px;
background-image:url(images/but-documentations.png);
background-position:top;
}

.bouton-documentations-active
{
float:left;
width:156px;
height:60px;
background-image:url(images/but-documentations.png);
background-position:bottom;
}

.bouton-joindre
{
float:left;
width:156px;
height:60px;
background-image:url(images/but-joindre.png);
background-position:top;
}

.bouton-joindre-active
{
float:left;
width:156px;
height:60px;
background-image:url(images/but-joindre.png);
background-position:bottom;
}

/* FR end */

.bouton-lang-container
{
float:left;
width:30px;
height:39px;
padding-top:21px;
padding-left:20px;
}

.bouton-fr
{
width:26px;
height:19px;
background-image:url(images/but-en.png);
background-position:top;
}

.bouton-en
{
width:26px;
height:19px;
background-image:url(images/but-fr.png);
background-position:top;
}

.bouton-accueil:hover {background-position:bottom;}
.bouton-produits:hover {background-position:bottom;}
.bouton-services:hover {background-position:bottom;}
.bouton-realisations:hover {background-position:bottom;}
.bouton-documentations:hover {background-position:bottom;}
.bouton-joindre:hover {background-position:bottom;}

.bouton-accueil-en:hover {background-position:bottom;}
.bouton-produits-en:hover {background-position:bottom;}
.bouton-services-en:hover {background-position:bottom;}
.bouton-realisations-en:hover {background-position:bottom;}
.bouton-documentations-en:hover {background-position:bottom;}
.bouton-joindre-en:hover {background-position:bottom;}

.bouton-fr:hover {background-position:bottom;}
.bouton-en:hover {background-position:bottom;}

/* Menu End */

#header
{
margin:auto;
width:1020px;
height:166px;
}

#photo-main-container
{
margin:auto;
width:1020px;
background-color:white;
padding-top:25px;
}

.photo-main
{
margin:auto;
width:976px;
height:285px;
background-color:gray;
}

#main-content
{
padding-top:50px;
margin:auto;
width:1020px;
background-color:white;
padding-bottom:50px;
overflow:hidden;
}

.main-left
{
float:left;
width:595px;
height:200px;
margin-left:50px;
height:100%;
}

.main-left h1
{
color:#0f77a6;
font-family:arial;
font-size:18px;
font-weight:bold;
}

.main-left p
{
color:#6b6b6b;
font-family:arial;
font-size:12px;
margin-top:15px;
text-align:justify;
}

.produits-right
{
float:left;
width:640px;
margin-left:50px;
height:100%;
}

.produits-right h1
{
color:#0f77a6;
font-family:arial;
font-size:18px;
font-weight:bold;
}

.produits-right p
{
color:#6b6b6b;
font-family:arial;
font-size:12px;
margin-top:15px;
text-align:justify;
}

.produits-right a
{
color:#1077b5;
font-family:arial;
font-size:12px;
text-decoration:underline;
padding-left:8px;
}

.container-accueil-services h1
{
color:#323232;
font-family:arial;
font-size:18px;
font-weight:bold;
margin-bottom:15px;
}

.container-accueil-services p
{
color:#6b6b6b;
font-family:arial;
font-size:12px;
height:25px;
line-height:25px;
text-align:justify;
}

.container-accueil-services a
{
color:#0f77a6;
text-decoration:none;
}

.container-accueil-services a:hover
{
text-decoration:underline;
}

.container-liens-produits h1
{
color:#323232;
font-family:arial;
font-size:18px;
font-weight:bold;
margin-bottom:15px;
}

.container-liens-produits p
{
color:#6b6b6b;
font-family:arial;
font-size:12px;
}

.container-liens-produits .outside
{
height:25px;
line-height:25px;
}

.container-liens-produits a
{
color:#0f77a6;
text-decoration:none;
}

.inside a
{
color:#0f77a6;
font-weight:bold;
text-decoration:none;
}


.sous-lien
{
height:18px;
margin-left:25px;
}

.sous-lien a
{
color:#0f77a6;
font-family:arial;
font-size:12px;
height:18px;
line-height:18x;
text-decoration:none;
}

.sous-lien-inside
{
height:18px;
margin-left:25px;
}

.sous-lien-inside a
{
color:#0f77a6;
font-family:arial;
font-weight:bold;
font-size:12px;
height:18px;
line-height:18x;
text-decoration:none;
}

.sous-lien2
{
height:18px;
margin-left:55px;
}

.sous-lien2 a
{
color:#0f77a6;
font-family:arial;
font-size:12px;
height:18px;
line-height:18x;
text-decoration:none;
}

.sous-lien a:hover
{
text-decoration:underline;
}

.container-liens-produits a:hover
{
text-decoration:underline;
}

.accueil-realisations-photo
{
height:100px;
width:270px;
background-color:gray;
}

.container-accueil-realisation h1
{
margin-top:35px;
margin-bottom:20px;
color:#323232;
font-family:arial;
font-size:18px;
font-weight:bold;
}

.titre-accueil-realisations
{
color:#6b6b6b;
font-family:arial;
font-size:12px;
height:30px;
line-height:30px;
text-align:justify;
}

.container-accueil-realisation a
{
color:#0f77a6;
text-decoration:none;
}

.container-accueil-realisation a:hover
{
text-decoration:underline;
}

.voir-plus-accueil
{
color:#6b6b6b;
font-family:arial;
font-size:11px;
height:18px;
line-height:18px;
text-align:right;
}

.main-right
{
float:left;
width:270px;
margin-left:55px;
height:100%;
}

.produits-left
{
float:left;
width:225px;
margin-left:55px;
height:100%;
}

#footer
{
margin:auto;
width:1020px;
height:80px;
padding-top:30px;
}

#footer-left
{
float:left;
height:80px;
width:600px;
padding-left:20px;
}

.logo-bas
{
color:white;
font-size:10px;
font-family:arial;
}

.logo-bas a
{
color:white;
font-size:10px;
font-family:arial;
font-weight:bold;
text-decoration:none;
}

.logo-bas a:hover
{
text-decoration:underline;
}

.copyright
{
margin-left:20px;
}

.nav-bas
{
margin-top:15px;
color:white;
font-size:11px;
font-family:arial;
}

.nav-bas a
{
margin-top:15px;
color:white;
font-size:11px;
font-family:arial;
text-decoration:none;
}

.nav-bas a:hover
{
margin-top:15px;
color:#2c8eb7;
font-size:11px;
font-family:arial;
text-decoration:underline;
}

.footer-nav-active
{
margin-top:15px;
text-decoration:underline;
color:#2c8eb7;
font-size:11px;
font-family:arial;
}

#footer-right
{
float:right;
height:80px;
width:200px;
padding-right:20px;
}

.num-bas
{
text-align:right;
color:white;
font-size:22px;
font-family:arial;
}

.contact-bas
{
text-align:right;
color:white;
font-size:14px;
font-family:arial;
font-weight:bold;
}

.docs-links a
{
color:#0f77a6;
text-decoration:none;
}

.docs-links a:hover
{
text-decoration:underline;
}

.container-accueil-coord h1
{
color:#323232;
font-family:arial;
font-size:18px;
font-weight:bold;
margin-bottom:15px;
}

.container-accueil-coord p
{
color:#6b6b6b;
font-family:arial;
font-size:12px;
height:25px;
text-align:justify;
}

.container-accueil-coord a
{
color:#0f77a6;
text-decoration:none;
}

.container-accueil-coord a:hover
{
text-decoration:underline;
}

form
{
margin-left:25px;
margin-top:25px;
}

form b
{
font-family:arial;
font-size:12px;
color:#6b6b6b;
font-weight:normal;
}

form input
{
margin-bottom:10px;
}

.realisations-table
{
margin-top:45px;
width:550px;
/*background-color:#eeeeee;*/
}

.titre-rea
{
font-family:arial;
font-size:16px;
color:#4c4c4c;
font-weight:bold;
}

.more-photos img
{
margin-right:12px;
margin-bottom:15px;
}

.table-chartes
{
margin-top:30px;
font-size:12px;
font-family:tahoma,arial;
background-color:white;
border: 2px solid #323232;
border-collapse:collapse;
color:black;

}

.table-chartes th
{
padding:5px;
border: 2px solid #323232;
}

.table-chartes td
{
padding:5px;
border: 2px solid #323232;
}



.BodyParagraph
{
font-size:12px;
font-family:tahoma,arial;
}

h3
{
font-size:12px;
font-family:tahoma,arial;
font-weight:bold;
margin-top:15px;
}

li
{
margin-top:10px;
}

h5
{
margin-top:20px;
margin-bottom:10px;
color:#0f77a6;
font-family:arial;
font-size:18px;
font-weight:bold;
}

.h5-agrandir
{
color:#6b6b6b;
font-family:arial;
font-size:12px;
font-weight:normal;
}

.produits-photo a
{
float:left;
}

.en-anglais-seulement
{
color:#6b6b6b;
font-family:arial;
font-size:12px;
}