body {
	padding:0;
	margin:0;

	background-color:#EEEEEE;
	color:#4A4D4A;
	font:13px "Trebuchet MS" ;
	text-align: center;
}


#wrapper {
	margin:0;
	padding:0;
	background: #EEEEEE url( bg.jpg ) repeat-y ;
	background-position:top center;
}

/*---------------------------------------------------------------------------------------------
MENU FORMULAIRE DE CONTACT (COLONNE1)
 -----------------------------------------------------------------------------------------------*/
#menucontact {
	COLOR: #4A4D4A;
	TEXT-ALIGN: left;
	font:13px "Trebuchet MS" ;
	font-weight: bold;
}

/*---------------------------------------------------------------------------------------------
 ENTETE FLASH
 -----------------------------------------------------------------------------------------------*/
#entete-wrapper {
	margin:0;
	padding:0;
	height:250px;
	background: #fff url(header-bg.jpg)  repeat-x  ;
	margin-left: auto;
	margin-right: auto;
}

#entete {
	width:838px;
	height:250px;
	background: #EEEEEE url(header.jpg) ;
	background-position: 0px 0px ;
	margin-left: auto;
	margin-right: auto;
}

#entete-content {
	padding-top:40px;
	text-align:left;
	width:800px;
	margin-left: auto;
	margin-right: auto;
}

/*---------------------------------------------------------------------------------------------
 ENTETE SANS FLASH
 -----------------------------------------------------------------------------------------------*/
#entete1-wrapper {
	margin:0;
	padding:0;
	height:200px;
	background: #fff url(header-bg.jpg)  repeat-x  ;
	margin-left: auto;
	margin-right: auto;
}

#entete1 {
	width:838px;
	height:200px;
	background: #EEEEEE url(headervide.jpg) ;
	background-position: 0px 0px ;
	margin-left: auto;
	margin-right: auto;
}

#entete1-content {
	padding-top:40px;
	text-align:left;
	width:800px;
	margin-left: auto;
	margin-right: auto;
}


#title {
	text-align:left;
	height:112px;
	font:26px Arial;
	color:#000000;
	margin-left: auto;
	margin-right:auto;
	padding-left:10px;
}

#topRight {
	float:right;
	margin-right:20px;
	margin-top:-25px;
}


#container {
	text-align:left;
	width:838px;
	margin:0;
	padding:0;
	margin-left: auto;
	margin-right: auto;
}

#content {
	background-color : #FFFFFF ;
	margin-left:34px;
	margin-right:36px;
}


#footer-wrapper {
	padding:0;
	margin:0;
	margin-left: auto;
	margin-right: auto;
	background: #EEEEEE url(footer-bg.jpg) repeat-x ;
}

/*---------------------------------------------------------------------------------------------
 BAS DE PAGE
 -----------------------------------------------------------------------------------------------*/
#footer {
	margin:0;
	padding:0;
	height:80px;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	background: #EEEEEE url(footer.jpg) no-repeat 50% 0 ;
}

#footer-content {
	font : 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#111111 ;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	width:800px;
}

#footer-content a:link, #footer-content a:visited  {
	font : 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#111111 ;
	padding-right:20px;
	padding-left:20px;
	text-decoration:none;
}


p, div, td {
	color:#4A4D4A;
	font:13px "Trebuchet MS" ;
}

p {
	text-align:justify;
}

/*---------------------------------------------------------------------------------------------
 Titres
 -----------------------------------------------------------------------------------------------*/
h1 {
	font:18px "Arial Black";
	color:#777777;
}

h2 {
	font:16px "Arial Black";
	color:#777777;
}


h3 {
	font:12px "Arial Black";
	color:#666666;
}

.clear {
	clear:both;
}


#navcontainer {
	width:838px;
	height:34px;
	margin-left: auto;
	margin-right: auto;
}

#nav {
	background : #AAAAAA url(tab-bg.jpg) repeat-x ;
	height: 34px;
	margin-left:19px;
	margin-right:21px;
}


ul#navlist {
    text-align:left;
    margin: 0;
    padding: 0;
    list-style-type: none;
    white-space: nowrap;
}


ul#navlist li {
	text-align:center;
    width:120px;
    float: left;
    font: bold 11px/1.5em Verdana;
    font-weight: bold;
    margin: 0;
    padding: 8px 0 8px 0;
    background: #fff url(tab-bg.jpg) repeat-x ;
	border-right: 1px solid #FFF;
}


#navlist a, #navlist a:link {
    margin: 0;
    padding: 3px 9px 3px 9px;
    color: #FFFFFF;
    text-decoration: none;
}


ul#navlist li#active {
	background-position:100% -42px;
}


ul#navlist li#active a:link {
    color: #4A4D4A;
}


ul#navlist li#active a:visited {
    color: #4A4D4A;
}


#navlist a:hover {
    color: #FFC166;
}


div#left {
	float:left;width:68%;;margin-top:20px;
}

div#right {
	float:right;width:23%; margin-top:20px;
}


/*--------------------------------------------------------------------------------
//Boites infos
-------------------------------------------------------------------------------*/
.box {background: url(box-header-bg2.jpg) repeat-x ;}

.box div {
	background: url(box-header-bg2.jpg) repeat-x ;
	font-size:14px;
	color:#111111;
	padding-left:10px ;
	padding-top: 2px ;
}

.box p {
	padding-left: 10px;
	padding-right: 10px;
	color:#777777;
}

.box h2 {
     padding: 0px;
     margin: 0px;
}

/*--------------------------------------------------------------------------------
//SOUS MENUS DROITE
-------------------------------------------------------------------------------*/
.sous_menus {background: url(box-header-bg2.jpg) repeat-x ;}

.sous_menus div {
	background: url(box-header-bg2.jpg) repeat-x ;
	font-size: 1.3em;
	color:#111111;
	padding-left:10px ;
	padding-top: 2px ;
    width:50px;
}

.sous_menus p {
	padding-left: 10px;
	padding-right: 10px;
	color:#777777;
    width:180px;
    }

/*--------------------------------------------------------------------------------
//Menu droit actualités
-------------------------------------------------------------------------------*/
#cadre {
        BACKGROUND: url(haut_actualites.gif) no-repeat left top;
        WIDTH: 190px;
        PADDING-TOP: 25px;
        }
#bloccadre {
            BACKGROUND: url(bas_actualites.gif) no-repeat left bottom;
            PADDING-BOTTOM: 30px
            }

#bloccadre H2
           {
           	font:18px "Arial Black";
	        color:#999999;
            }

#bloccadre P {MARGIN: 0px 30px 0px 10px}
/*--------------------------------------------------------------------------------
//Menu droit actualités  2
-------------------------------------------------------------------------------*/
.entete_actualite  {
	float:left;
	background-color:#202b2c;
	width:166px;
	margin:0px;
	padding:0px;
	margin-right:7px;
	color:#ffffff;
	font-size:0.78em;
}

.actualite {
    color:#FFFFFF;
	float:left;
    width:150px;
    padding-left:7px;
    padding-top:5px;
    font-size: 14px;
}

.actualite p{
	margin:0px;
	padding:0px;
    color:#999999;
}
.actualite bas{
   background-color:#FFFFFF;
}
/*--------------------------------------------------------------------------------
//BOITES PRODUITS
-------------------------------------------------------------------------------*/
#boiteproduits .bp_text {
    background: url(boiteproduits.gif) no-repeat right bottom;
    padding-left: 18px;
    text-align: left;
    width: 240px;
    float: left;
}

#boiteproduits .bp_int {
    padding-left: 0px;
}

#boiteproduits .bp_text h2 {
    background: url(boiteproduits_titre.gif) no-repeat left top;
    /*text-transform: uppercase; */
    padding-left: 5px;
    line-height: 26px;
    font-size: 1.1em;
    height: 26px;
    color: #333333;
    font : 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#boiteproduits .bp_text h3 {
    background: url(boiteproduits_titre.gif) no-repeat left top;
    /*text-transform: uppercase;*/
    padding-left: 10px;
    line-height: 26px;
   	font : 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
    height: 26px;
    color: #222222;
}

#boiteproduits .bp_text p {
    padding: 10px 20px 20px 10px;
    margin: 0px;
    font : 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/*--------------------------------------------------------------------------------
//ENTETES / TITRES DE PAGES
-------------------------------------------------------------------------------*/
#titre_page {
    background: url(fond_titre.gif) no-repeat right bottom;
    padding-left: 0px;
    text-align: left;
    width: 500px;
    height: 40px;
    float: left;
}

#titre_page .text {
    padding-left: 18px;
    padding-top: 6px;
    text-align: left;
    width: 400px;
    float: left;
    color:#333333;
    font-size: 24px;
}
/*--------------------------------------------------------------------------------
//Menu droit solutions
-------------------------------------------------------------------------------*/
.entete_solutions  {
	float:left;
	background-color:#202b2c;
	width:185px;
	margin:0px;
	padding:0px;
	margin-right:7px;
	color:#ffffff;
	font-size:0.78em;
}

.solutions {
    color:#FFFFFF;
	float:left;
    width:185px;
    padding-left:0px;
    padding-top:5px;
    font-size: 14px;
}

.solutions bas{
   background-color:#FFFFFF;
}

.solutions a:link {
    color: #FFFFFF;
}


.solutions a:visited {
    color: #FFFFFF;
}


.solutions a:hover {
    color: #FFC166;
}
/*--------------------------------------------------------------------------------
//Menu droit contacts
-------------------------------------------------------------------------------*/
.entete_contact  {
	float:left;
	background-color:#202b2c;
	width:185px;
	margin:0px;
	padding:0px;
	margin-right:7px;
	color:#ffffff;
	font-size:0.78em;
}

.contact {
    color:#FFFFFF;
	float:left;
    width:185px;
    padding-left:0px;
    padding-top:5px;
    font-size: 14px;
}

.contact bas{
   background-color:#FFFFFF;
}

.contact a:link {
    color: #FFFFFF;
}


.contact a:visited {
    color: #FFFFFF;
}


.contact a:hover {
    color: #FFC166;
}