/* CSS Document */
body {
margin:0;
padding:0;
background-color:#194e73;
}
#header {
background:url(../img/logo.gif) 0px 30px no-repeat;
height:123px;
}
#header h1 {
width:400px;
padding:20px 0 0 120px;
margin:0;
font:bold 22px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
#header h2 {
width:400px;
padding:10px 0 0 120px;
margin:0;
font:normal 14px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:justify;
}
#header img {
float:right;
}
#hyperglobal {
width: 900px;
margin:0px;
}
#nav, #nav ul { /* all lists */
	padding: 0;
	margin:0;
	list-style: none;
	line-height: 1;
	position:absolute;
	z-index:10;
}

#nav a {
	display: block;
	width: 160px;
	}
#mainmenu a {
	background-image:url(../img/bg_off.gif);
	text-decoration:none;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#000066;
	height:40px;
}
#mainmenu .mainnav {
padding:10px 0 0 20px;
}
#mainmenu .online {
padding:18px 0 0 20px; 
height:32px;
}

#mainmenu a:hover {
	background-image:url(../img/bg_on.gif);
	color:#FFFFFF;
}
.mainmenu a:hover {
background-image:none;
}
#nav li { /* all list items */
	float: left;
	width: 180px;
	background-image:none;
}
#nav li ul { /* second-level lists */
	position: absolute;
	background: orange;
	width: 10em;
	left: -999em;
	background-image:none;
}
#submenu li a {
background:#FFFFFF;
background-image:none;
height:20px;
display:block;
padding:7px 0 2px 20px;
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#content {
	clear: left;
	color: #ccc;
}
#maincontent {
background-color:#c7c7c7;
padding:60px 0 0 0;
}
#maincontent h3 {
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#194e73;
padding:0 0 6px 16px;
margin:0;
padding-top:10px;
}
#maincontent ul {
list-style-type:none;
margin:0 0 0 15px;
padding:0;
}
#maincontent li {
display:inline;
margin:0 10px 0 0;
padding:0;
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#FF9900;
}
#maincontent li a {
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#FF9900;
}
#footer {
clear:both;
background:url(../img/til.gif) top repeat-x;
background-color:#194e73;
height:60px;
}
#footer p a {
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#FFFFFF;
display:block;
padding-top:10px;
}
#footer p a:hover {
text-decoration:underline;
}
#homeright {
width:681px;
margin-left:3px;
background-image:url(../img/main_til.gif);
float:left;
}
#homeright .titlehome {
display:block;
height:20px;
background:url(../img/fleche.gif) 0 3px no-repeat;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
background-color:white;
color:#194e73;
margin:10px 0 0 15px;
padding:4px 0 0 20px;
width:630px;
border:solid #000066;
border-width:0 0 1px 0;
}
#homeright h1 {
display:block;
height:22px;
width:662px;
margin:0;
padding:0;
background-color:#194e73;
color:#FFFFFF;
margin:0 0 0 7px;
padding:3px 0 0 5px;
font:bold 13px Verdana, Arial, Helvetica, sans-serif;
}
#homeright .titleh2 {
margin:7px 0 0 14px;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
color:#194e73;
width:650px;
}
#homeright .txt {
margin:7px 0 7px 14px;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
color:#194e73;
width:650px;
}
#moteur {
background-color:#ebecec;
width:667px;
margin:0 0 8px 7px;
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
color:#194e73;
border: #cbcbcb solid 3px;
border-left:none;
border-top:none;
border-right:none;
}
#moteur .menu {
margin-top:5px;
background-color:#FF9900;
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
z-index:0;
}
#moteur form {
margin:0;
padding:0;
}
hr {
clear:both;
visibility:hidden;
}
#homeleft {
margin-left:695px;
width:195px;
background-color:#194E73;
padding-bottom:10px;
}
#homeleft2 {
margin:20px 0 0 695px;
width:195px;
background-color:#FFFFFF;
padding-bottom:10px;
}
#homeleft2 li {
display:list-item;
margin-bottom:5px;
}
#homeleft2 h1 {
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:10px;
color:#194e73;
}
#homeleft h1 {
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-transform:uppercase;
margin:0;
padding:5px 4px 2px 10px;
}
#homeleft h2 {
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-transform:uppercase;
margin:20px 0 10px 0;
padding:10px 0 0 10px;
}
#homeleft p {
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin:0;
padding:0 4px 0 10px;
}
#homeleft .contact {
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}
#homeleft .contact a {
text-decoration:underline;
}
#homeleft ul {
margin:0;
padding:0;
}
#engagements .eng1 {
background:url(../img/1.gif) 10px 8px no-repeat;
display:block;
color:#FFFFFF;
padding:0 0 0 45px;
text-align:justify;
margin-bottom:10px;
}
#engagements .eng2 {
background:url(../img/2.gif) 10px 8px no-repeat;
display:block;
color:#FFFFFF;
padding:0 0 0 45px;
text-align:justify;
margin-bottom:10px;
}
#engagements .eng3 {
background:url(../img/3.gif) 10px 8px no-repeat;
display:block;
color:#FFFFFF;
padding:0 0 0 45px;
text-align:justify;
}
#left {
width:318px;
height:162px;
background-color:#194e73;
margin:0;
}
#left img {
float:right;
margin:6px 6px 0 10px;
border-color:white;
border-width:1px;
}
#left h2 {
margin:0;
padding:5px 0 0 5px;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:justify;
}
#left ul {
list-style-type:none;
margin:0;
padding:5px 0 0 5px;
}
#left li {
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
line-height:18px;
display:list-item;
}
#left li a {
display:block;
color:#FFFFFF;
background:url(../img/loupe.gif) no-repeat left;
height:20px;
padding:13px 0 10px 20px;
font-weight:bold;
}

#right {
width:318px;
height:162px;
float:right;
background-color:#194e73;
margin:0;
}
#right img {
float:right;
margin:6px 6px 0 10px;
border-color:white;
border-width:1px;
}
#right ul {
list-style-type:none;
margin:0;
padding:5px 0 0 5px;
}
#right li {
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
line-height:18px;
display:list-item;
}
#right li a {
display:block;
color:#FFFFFF;
background:url(../img/loupe.gif) no-repeat left;
height:20px;
padding:13px 0 10px 20px;
font-weight:bold;
}
#right h2 {
margin:0;
padding:5px 0 0 5px;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:justify;
}
#offre {
padding:0 15px 0 15px;
}
.orange {
color:#FFFF00;
}
#result h1 {
background-color:#FFFFFF;
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
color:#194e73;
padding:10px 0 10px 15px;
width:500px;
}
#result h1 .titre_recherche {
font-size: 12px;
}
#display {
background-color:#194e73;
width:640px;
margin:0 0 25px 20px;
padding-bottom:10px;
position:relative;
}
#display li.reference {
position:absolute;
top:101px;
left:567px;
margin:0;
padding:0;
font-size:10px;
list-style-type: none;
}#display h2 {
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
color:#FFFF00;
margin:0;
padding:10px 0 3px 10px;
text-align:justify;
}
#display h3 {
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin:0;
padding:6px 0 15px 10px;
text-align:justify;
}
#display p {
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin:0;
padding:3px 0 0 10px;
text-align:justify;
width:480px;
}
#display .description {
color:#FFFFFF;
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:10px 0 0 10px;
}
#display img {
float:right;
margin:15px;
border:solid 1px white;
}
#display ul {
margin:0 0 0 10px;
padding:0;
}
#display li {
display:list-item;
color:#FFFFFF;
font-size:12px;
margin:0;
padding:0;
}
#display .liendescription {
display:block;
height:30px;
color:#FFFF00;
text-decoration:none;
font-size:15px;
font-weight:bold;
padding:20px 0 0 50px;
background:url(../img/loupe2.gif) 10px 18px no-repeat;
}
.jaune {
color:#FFFF00;
}
#footerdisplay ul {
text-align:center;
}
#footerdisplay li a {
color:#194e73;
text-decoration:none;
}
#footerdisplay li a:hover {
text-decoration:underline;
}
#footerdisplay .tri {
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#194e73;
text-align:center;
display:block;
height:30px;
line-height:30px;
}
#footerdisplay .tri a {
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#194e73;
text-decoration:none;
}
#footerdisplay .tri a:hover {
text-decoration:underline;
}
#footerdisplay .legal-footer {
display:block;
clear:both;
padding:20px;
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
text-align:center;
color:#4c6679;
}
#ssnavdisplay li {
display:block;
float:left;
}
#ssnavdisplay .legal {
font-size:20px;
color:#000000;
}
#ssnavdisplay .imprim {
background:url(../img/imprim.gif) left no-repeat;
height:30px;
width:130px;
padding-top:17px;
margin-left:50px;
}
#ssnavdisplay .imprim a {
font-weight:bold;
font-size:12px;
}
#ssnavdisplay .rliste {
background:url(../img/retour.gif) left no-repeat;
height:30px;
width:210px;
padding-top:17px;
}
#ssnavdisplay .rliste a {
font-weight:bold;
font-size:12px;
}
#ssnavdisplay .newsearch {
background:url(../img/recherche.gif) left no-repeat;
height:30px;
width:190px;
padding-top:17px;
}
#ssnavdisplay .newsearch a {
font-weight:bold;
font-size:12px;
}
#fiche h1 {
background-color:#FFFFFF;
color:#194e73;
font-size:14px;
padding-left:23px;
text-align:justify;
width:620px;
}
#fiche h2 {
padding:0 0 5px 30px;
color:#FF0000;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
margin:0;
}
#fiche h3 {
padding:0 0 5px 30px;
}
#fiche .ref {
padding:0 0 0 31px;
font:11px normal Verdana, Arial, Helvetica, sans-serif;
color:#333333;
margin:0 0 10px 0;
}
#fiche .descriptionfiche {
clear:both;
margin:0;
padding:15px 30px 0 31px;
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
color:#194e73;
text-align:justify;
line-height:17px;
}
#fiche .contactez a{
display:block;
height:40px;
background-color:#FF9900;
color:#FFFFFF;
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
line-height:40px;
text-decoration:none;
width:350px;
margin:15px 0 15px 30px;
padding-left:10px;
}
#fiche .caracteristique {
font-size:14px;
display:block;
padding-left:40px;
background:url(../img/pictomain.gif) left top no-repeat;
border: solid #000066;
border-width:0 0 1px 0;
width:580px;
margin:0 0 0 31px;
height:20px;
}
#fiche .caracteristique2 {
font-size:14px;
display:block;
padding-left:45px;
background:url(../img/pictosurf.gif) left top no-repeat;
border: solid #000066;
border-width:0 0 1px 0;
width:575px;
margin:0 0 0 31px;
height:20px;
}
#fiche .caracteristique3 {
font-size:14px;
display:block;
padding-left:45px;
background:url(../img/pictodetail.gif) left top no-repeat;
border: solid #000066;
border-width:0 0 1px 0;
width:575px;
margin:0 0 0 31px;
height:20px;
}
#fiche .display {
margin: 10px 0 10px 31px;
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
color:#194e73;
}
div#galerie
{
	width: 650px ;
	padding: 0 ;
	margin: 0 0 0 31px ;
	font: 0.9em Georgia, serif ;
}

ul#galerie_mini
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#galerie_mini li
{
	float: left ;
}

ul#galerie_mini li a img
{
	margin: 2px 1px ;
	border: 1px solid #333333;
}

dl#photo
{
	clear: both ;
	margin: 0;
}

dl#photo dt
{
	font: italic 2.5em/1.5em Georgia, serif ;
	color: #dcb ;
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: 1px solid  #333333;
}
#description {
padding-bottom:20px;
}
#description li {
display:list-item;
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#194e73;
padding-left:15px;
list-style-type:square;
list-style-position:inside;
line-height:17px;
}
#description .titre {
font-weight:bold;
list-style-type:none;
font-size:11px;
padding-top:5px;
}

.xiti {
float:right;
margin-top:10px;
}