*{margin:0; padding:0;}
body{margin:0; padding:0; background: #60646c url(images/fond.gif) repeat-x;}
#conteneur{margin:0; width: 882px; position:relative; font-family: "Trebuchet MS", Century Gothic, Verdana;}

h1 {font-weight:normal; line-height:1.1em;}
p {font-weight:normal; line-height:1.2em;}

/***********************************************	ENTETE	***************************************************/
#bandeauG {width:327px; border-top: 1px solid #000; border-left: 1px solid #000; float:left;}
#bandeauG #logo {float:left; width:327px; height:141px; border-bottom: 1px solid #000; }
#bandeauG #photo2 {float:left; width:327px; height:110px; border-bottom: 1px solid #000;}
#bandeauG #historique {float:left; width:327px; height:180px; background: url(images/fonds/societe.jpg) no-repeat;}
#bandeauG #historique h1 {font-size:18pt; color:#2b5a67; margin: 10px 0 35px 140px; padding:0;text-align:center;line-height:1.5em;letter-spacing: -0.5pt;}
#bandeauG #historique p {font-size:12pt; color:#2b5a67; margin:0 10px; padding:0;text-align:right; text-transform: uppercase; text-decoration:none;}
#bandeauG #historique p a{text-decoration:none;font-size:12pt; color:#2b5a67;font-weight:bold;}
#bandeauG #historique p a:hover{text-decoration:underline;}

#bandeauD {width:552px; border-top: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000; float:left;}
#bandeauD #photo1 {float:left; width:321px; height:141px; border-bottom: 1px solid #000;}
#bandeauD #rubriques {float:left; width:230px; height:141px; border-left: 1px solid #000; border-bottom: 1px solid #000; background:#335b66;}
#bandeauD #rubriques ul#menu {margin:8px 0 0 10px; padding:0; list-style-type:none; }
#bandeauD #rubriques ul#menu li{margin:0; padding:0; font-size:9pt; font-weight:normal; text-transform: uppercase; line-height:1.3em;}
#bandeauD #rubriques ul#menu li a{margin:0; padding:0 0 0 15px; text-decoration:none; color:#b6ebfd; background: url(images/bt/menu.gif) no-repeat 0 5px;}
#bandeauD #rubriques ul#menu li a:hover{text-decoration:none; color:#e8e96d;margin-left:15px; background: url(images/bt/menu-over.gif) no-repeat 0 5px;}
#bandeauD #rubriques ul#menu li a#active{text-decoration:none; color:#e8e96d;margin-left:15px; background: url(images/bt/menu-over.gif) no-repeat 0 5px;}
#bandeauD #rubriques p{font-size:9pt; font-weight:normal; text-transform: uppercase; text-align:right; margin:3px 15px 0 0; padding:0;color:#b6ebfd;}
#bandeauD #rubriques p a{text-decoration:none;color:#b6ebfd;}
#bandeauD #rubriques p a:hover{text-decoration:underline;color:#e8e96d;}

#bandeauD #photo3 {float:left; width:321px; height:141px; border-bottom: 1px solid #000; }
#bandeauD #bienvenue {float:left; width:230px; height:141px; border-left: 1px solid #000; border-bottom: 1px solid #000; background: url(images/fonds/jaune.gif) repeat;}
#bandeauD #bienvenue h1 {font-size:16pt; color:#2b5a67; margin: 10px; padding:0;}
#bandeauD #bienvenue p {font-size:12pt; color:#2b5a67; margin:0 10px; padding:0;}

#bandeauD #localisation {float:left; width:552px; height:149px; background: #00546d url(images/fonds/terre.jpg) no-repeat top right;}
#bandeauD #localisation h1 {font-size:13pt; color:#f8fcff; margin: 10px 0 10px 20px; padding:0; text-transform: uppercase;}
#bandeauD #localisation p {font-size:10pt; color:#f8fcff; margin:0 145px 0 20px; padding:0;}

/***********************************************	ACCUEIL 	***************************************************/
#contain #services {float:left; width:326px; background: url(images/fonds/vert.gif) repeat; margin:0;}
#contain #services p {font-size:11pt; color:#01313f; margin: 15px 15px 0 15px; padding:0;}
#contain #services p#listes {margin:0 30px; padding:0;}
#contain #services p a{text-decoration:underline;font-size:11pt; color:#2b5a67;float:right;}
#contain #services p a:hover{text-decoration:underline;}

#contain #solutions {float:left; width:550px; height:401px; border-left: 2px solid #919794; background: url(images/fonds/beige.gif) repeat; margin:0;}
#contain #solutions .themes {display:inline; float:left; width:390px; margin: 10px 25px 0 25px; padding: 0 0 15px 0; border-bottom:1px solid #c2c4c6;}
#contain #solutions .themes h2{font-size:12pt; color:#3397b9;}
#contain #solutions .themes p{font-size:9pt; color:#636568;}
#contain #solutions .themes p a{font-size:9pt; color:#3397b9; text-decoration:underline; float:right;}
#contain #solutions .themes p a:hover{text-decoration:underline; color:#636568;}
#contain #solutions .image {float:left; margin: 3px 5px 0 0; padding: 0; border:none;}

/***********************************************	CONTENU		***************************************************/
#contain {width:878px; border: 2px solid #919794; background: url(images/fonds/vert.gif) repeat;clear:both;}
#contain h1 {font-size:16pt; color:#2b5a67; margin: 10px 15px; padding:0; text-transform: uppercase;}
#contain h2 {font-size:12pt; color:#3397b9; font-weight:bold;}
#contain h3 {font-size:12pt; color:#3397b9; margin: 10px 15px 0 15px; padding:0;}

#contain #intro {float:left; width:326px; background: url(images/fonds/vert.gif) repeat; margin:0;}
#contain #intro p {font-size:10pt; color:#01313f; margin: 0 15px 10px 15px; padding:0; text-align:justify;}
#contain #intro h2{ margin:0 15px; padding:0; }

#contain #contenu {float:left; width:550px;  border-left: 2px solid #919794; background: url(images/fonds/beige.gif) repeat;}
#contain #contenu h2{ margin:0 15px; padding:0;text-align:left;}
#contain #contenu h2 img{float:right; margin: 0 0 10px 10px;}
#contain #contenu p#merci{line-height:70px;}
#contain #contenu form {margin:0 0 10px 20px; padding:0;width: 340px;}
#contain #contenu form .row{margin:0; padding:0;clear:both;}
#contain #contenu form .row label{display:inline; float: left; margin-right: 5px; width: 150px;text-align: right; font:normal 10pt "Trebuchet MS"; color:#01313f;}
#contain #contenu form .row span {float: left; width: 150px; margin:0px; padding:1px 0 ;}
#contain #contenu form .row span textarea, #contacts form .row span input {border: 1px solid #2b5a67; margin:0px; padding:0; width:170px;}

#contain #contenu p{font-size:10pt; color:#404143; margin: 0 30px 15px 30px; text-align:justify;}
#contain #contenu p img{float:right; margin: 0 0 10px 10px;}
#contain #contenu p.listes {margin: 0 30px 15px 50px; padding:0;}
#contain #contenu p span {font-weight:bold; color:#2b5a67;}
#contain #contenu p#italic {font-weight:bold; color:#2b5a67;}
#contain #contenu p a{font-size:10pt; color:#3397b9; text-decoration:underline;}
#contain #contenu p a:hover{text-decoration:underline; color:#636568;}
#contain #contenu img {float:right; margin: 10px 20px; padding: 0; border:none;}

/***********************************************	BAS		***************************************************/
#bas {width:882px; background:#fff;clear:both;}
#bas ul#menubas{background:#000; margin:0 auto; position:relative;padding:5px 0;}
#bas ul#menubas li {display:inline; height:30px; margin:0 28px;}
#bas ul#menubas li a{font-size:10pt; color:#fff;text-decoration:none;text-align:center;}
#bas ul#menubas li a:hover{font-size:10pt; color:#fff; text-decoration:underline; }
#bas p {margin:0; padding-bottom:5px; }
#bas p a{font-size:10pt; color:#000; padding:0 10px; text-decoration:none;}
#bas p a:hover{text-decoration:underline; }