﻿html, body {
background:#fff none;
color:#fff;
margin:0;
padding:0;
border:0;
width:100%;
position:absolute;
top:0;left:0;
min-height: 650px;
font-size:100.01%;
font-family: "Trebuchet MS",helvetica,arial,Sans-serif;
}


table {font-family: "Trebuchet MS",helvetica,arial,Sans-serif;font-size:90%}

#hope {
background:none no-repeat scroll 0 0 #74D336;
height:100px;
width:100%;
}

#page {background:#d6ebe6;min-height:710px;border-bottom:3px dashed #c0c0c0;font-size:90%;}

#texte {
background:#fff;
width:30%;
border-right:3px dashed #c0c0c0;
text-align:left;
padding-right:10px;
color:#000;
min-height:710px
}

body.referencement #texte, body.referencement #texte p {
overflow:auto;
	padding-right:0;
	margin:0;
	text-align:justify;
}

p {
background:#fff;
line-height:155%;
font-size:105%;
text-align:justify;
}

strong {
	 font-family: Century,"Trebuchet MS",Arial;
    font-size: 95%;
}



#centre {
	width:42%;
float:left;
min-height:900px;
}

#centre #omnireso  {
margin:auto;
text-align:center;
border:0;
display:block;
}


#droite {
background:#fff none;
	width:26%;
float:left;
min-height:900px;
border-left:3px dashed #c0c0c0;
}

h1,h2,h3,h4,h5,h6 {
	font:1.7em/110% 'Lucida Grande','Lucida Sans Unicode',Arial;
letter-spacing:0.01em;
line-height:145%;
background:none no-repeat scroll 0 0 /* #74D336  #905c2a */ #d6ebe6;
height:50px;
margin:50px 0;
text-align:center;
width:100%;
color:#000;
-moz-box-shadow: 5px 5px 5px #191919;-webkit-box-shadow: 5px 5px 5px #191919;box-shadow: 5px 5px 5px #191919;
}

#logo {
background:transparent url(img/omniresob.png) no-repeat top left;
display:block;
width:479px;
height:133px;	
}


blockquote {
	background:#fff;
	padding:0.3em;
	border-left:dashed 2px #c0c0c0;
}

#droite p {
background:#fff;
line-height:155%;
margin:140px 0 0 -40px;
padding:0 5px 5px 0;
font-size:1.3em;
border-left:3px dashed #c0c0c0;
}

#droite p strong {
background:orange;
line-height:155%;
margin:140px 0 0 -40px;
padding:0 5px 5px 0;
font-size:1.3em;
border-left:3px dotted #000;
}
	
	
	body.omnireso #texte, body.referencement #texte, body #texte {
		width:600px;float:left;
		background:#fff none;padding:1em;
	}
	
	 body.omnireso #droite, body.referencement #centre, body.referencement #droite  {
	display:none;
	}
	
	
body.omnireso #texte h1 {
color:#905c2a;
}

#banner {
float:left;
width:1000px;
position:absolute;
top:0;left:0;
}

#banner ul.navigation {position:absolute;top:0;left:0;background:#fff;}
#banner ul.navigation, #banner ul.navigation li, #banner ul.navigation li a, #banner ul.navigation li a span {margin:0;padding:0;}
#banner ul.navigation li a span {margin:0 5px;padding:2px 5px;text-transform:uppercase;color:maroon;}

body.omnireso #centre {
background:#FFFFFF;
display:block;
float:right;
right:0;
top:0;
width:280px;
}

a img {
	border:0;
}

#banner ul.navigation li {float:left;list-style-type:none;}
/*blockquote {background:#ffc000;color:#000;font-weight:bolder;font-size:135%;text-align:center;margin:7px 0;padding:0.3em;}*/

ul li {list-style-type:square;margin:0 0.5em;font-family:serif;font-size:110%;margin:0 0 0.5em 0;font-style:italic;background:#c0c0c0;padding:0.5em;}

dl {font-family:"Trebuchet MS",helvetica,arial,Sans-serif;}

dl dt {font-weight:bolder;}
dl dd {margin:0.5em 0;}

#page #image {top:0;left:0;width:400px;float:left;position:relative;background:#fff;color:#000;min-height:720px}
#page #image img {margin:35px; -moz-box-shadow: 5px 5px 5px #191919;-webkit-box-shadow: 5px 5px 5px #191919;box-shadow: 5px 5px 5px #191919;}
#page #image p, #page #image address {text-align:center;width:400px;margin:0 auto;}
#page #image p em {font-size:85%;}
table {width:100%}
table td {margin:0.5em;padding:0.2em;border:1px solid black;}
caption {background:#000;color:#f1efe3;font-size:115%;text-transform:uppercase;text-align:center;padding:0.5em;margin:0.3em;font-family:Lucida Console,Palatino,serif;}
thead {font-weight:bolder;background:#b3986d;}
tbody td.nature {background:#c0c0c0;background:/*#f1efe3 #eaad17 #e2ac62*/ #fcd578;}
tbody td:hover {background:#eaad17;}
tbody td a {padding:0.1em} tbody td a:hover {background:#fff;text-decoration:none;color:#000;padding:0.1em}

a.nofollow, a.nofollow:hover {text-decoration:none;color:#000;}
form p {text-align:left;}

ol {line-height:210%;font-weight:bolder;font-family:Georgia;font-size:115%;font-style:italic;}
ol li {margin:0 0 1em 0;border-left:3px solid grey;padding-left:0.5em;}
ol li span {font-weight:normal;font-size:90%;font-style:normal;}

p.strong {font-size:112%;}

#pied {float:left;width:1000px;color:#000;font-size:95%;}
#pied ul, #banner ul, #pied ul li, #banner ul li {margin:0;padding:0;}
#pied ul li, #banner ul li {list-style-type:none;float:left;background:#d6ebe6;margin:0 0.3em;}
#pied ul li a,#banner ul li a , #pied ul li a:hover, #banner ul li a:hover {padding:0.2em;}
#pied ul li a:hover, #banner ul li a:hover {background:#fff;text-decoration:none;}