/*
 *  ***********************************************************     
 * 
 * 		SCRIPT : default.css
 * 
 * 		RESUME : Feuille de style de Ocolor
 * 
 *  ***********************************************************  
 */
html {
	margin: 0;
	padding: 0;
}

body {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, "MS Sans Serif";
	background-color: #646464;
	color: #888888;	
	padding: 0;
	margin: auto;
}

div,pre,a,span,ul,li,h1,h2,h3,table,td,tr {
	margin: 0;
}

img{
border: none;
margin:0;
}
img.right {
float:right;
}
hr.color1 {
height: 2px;
background-color: #ee8800;
border:none;
}
a {
text-decoration: none;
color: #ee8800;
}

a:focus
{
outline:0;
} 
p.titreListe {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, "MS Sans Serif";
clear: both;
font-size: 120%;
font-weight:bold;
color : #cccccc;

margin-left:20px;
padding: 0px 0px 0 0 ;
}
p.titreListe:first-letter{

color : #ee8800;
font-size: 140%;
}
p.warning {
clear: both;
font-size: 110%;
font-weight: bold;
color: #FF0000;
margin:  0 40px 0 40px;
}
input[type="text"],input[type="password"], textarea{
background: none;

color: #ffffff;
}
option {
background: none;
}
p.article{
text-align:justify;
margin:  10px 40px 0 40px;
}
p.articlegras{
margin:  5px 40px 0 40px;
font-weight: bold;
}
p.menu {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, "MS Sans Serif";
clear: both;
font-weight:bold;
color : #666666;
}
ul{
margin:  0 70px 0 70px;
}
ul.liste {
margin-left: 170px;
}
li.liste{
margin-left: 70px;
padding-left:30px;
}
p.lien {
font-weight:bold;
font-size: 15px;
}
textarea.textlong {
	width:600px;
	height:100px;
	padding:10px 15px 15px 15px;
	}
div.center {
text-align: center;
margin :auto;
}
div.lien {
text-align: center;
margin :auto;
line-height: 10px;
}
div.input_form{
margin-left: 10px;

}
div.label_form{
padding: 10px;
font-weight:bold;
}
span.required {
color:#ee8800;
padding-left: 5px
}
span.small {
font-size: 75%;

}
fieldset.cadre {
margin-top: 15px;
}

tr.titre {
font-weight: bold;
text-align:center;
}
tr.liste {
text-align:center;
}
td.center {
text-align:left;
}

acronym{
color: #ee8800;
font-weight:bold;
}

#body {
background:url("ocolor.jpg") no-repeat scroll 0 0 transparent;
font-family:Verdana, arial, Lucida,serif,sans;
font-size:76%;
line-height:1.4em;
height: 700px;
}

#container {

}

#entete {
padding-top: 180px;
background: none no-repeat transparent;
background-position: left center;
height: 0;
position: relative;

}

#titre {
position:relative;
text-align: left;
z-index:100;
}

#titre h1 {
font-family:"Trebuchet Ms", Lucida, Arial, Verdana, serif, sans;
font-size: 28pt;
font-weight: bold;
color: #ee8800;
}

#titre div.description {
color:#8D8D8D;
font-size:1em;
font-style:italic;
font-weight:bold;

}

#header, #page, #footer, #validator{
margin:auto;
}
#validator {
text-align: center;
}

#header {
}



#menu {
height:45px;
padding:0px 0px 0px 350px;
margin-top: -170px;
}

#menu div.menu_container {

height:48px;
line-height:48px;
padding:11px 0 0 11px;
}


#menu span.menu_end {

}
#menu ul {
background:none repeat-x scroll left center transparent;
height:37px;
line-height:37px;
list-style-type:none;
margin:0;
padding:0;
position:relative;
width:100%;
}

#menu ul li {
background:none repeat scroll 0 0 transparent;
float:left;
height:37px;
line-height:37px;
padding:0;
position:relative;
}

#menu ul li a {
height:37px;
display:block;
border:none;
}

#menu ul li a.menu1 {
width: 90px;
background:url("menu1.png") no-repeat 0 0 transparent;
}

#menu ul li a.menu1:hover, a.menu1On  {
width: 90px;
background:url("menu1_on.png") no-repeat 0 0 transparent;
}

#menu ul li a.menu2 {
width: 120px;
background:url("menu2.png") no-repeat 0 0 transparent;
}
#menu ul li a.menu2:hover, a.menu2On  {
width: 120px;
background:url("menu2_on.png") no-repeat 0 0 transparent;
}
#menu ul li a.menu3 {
width: 139px;
background:url("menu3.png") no-repeat 0 0 transparent;
}
#menu ul li a.menu3:hover, a.menu3On  {
width: 139px;
background:url("menu3_on.png") no-repeat 0 0 transparent;
}
#menu ul li a.menu4{
width: 95px;
background:url("menu4.png") no-repeat 0 0 transparent;
}
#menu ul li a.menu4:hover, a.menu4On  {
width: 95px;
background:url("menu4_on.png") no-repeat 0 0 transparent;
}
#menu ul li a.menu5 {
width: 66px;
background:url("menu5.png") no-repeat 0 0 transparent;
}
#menu ul li a.menu5:hover, a.menu5On  {
width: 66px;
background:url("menu5_on.png") no-repeat 0 0 transparent;
}

#page {
background:none repeat-x scroll left center transparent;
font-family:verdana, Helvetica, Geneva, sans-serif;
color: #dddddd;
}
#page div.container {
background:none repeat-x scroll left center transparent;
padding:0 10px;
}
#page h2 {
color:#ee8800;
font-family:"Trebuchet Ms", Lucida, Arial, Verdana, serif, sans;
font-weight:normal;
font-size:1.9em;
letter-spacing:-1px;
line-height:1.1em;
margin:40px 0 0;
padding:0;
}
#frame {
background:none repeat scroll 0 0 transparent;
overflow:hidden;
clear:both;
padding-left:20px;
padding-right:20px;
}

#content{
background:none repeat-x scroll left center transparent;
text-align:left;
padding:0.5em 0;
width:60%;
margin-left: 300px;
min-height: 515px;
}

#content img.fut {
 margin-left : 10px;
}

#content span.asterisque {
font-family: Helvetica;
font-size: 18pt;
font-weight: bold;
color: #ee8800;
padding-right: 15px;
} 
#content table.table100 {
width:100%;
border-left: solid 1px #d8d8d8;
border-right: solid 1px #a8a8a8;
border-top: solid 1px #d8d8d8;
border-bottom: solid 1px #a8a8a8;
text-align:center;
}
#content div.reduit {
width:78%;
float:right;
}
#content li {
list-style-image: url('puce.gif');
}

#footer {
background:none repeat  scroll 0 0  transparent;
}

#footer div.container {
width:60%;
background:none repeat scroll center center transparent;
padding:0 0 10px 10px;
margin-left:300px;
}

#footer_content {

background:none repeat scroll right center transparent;
line-height:1em;
padding:10px;
position:relative;
text-align:center;
}
#footer_content span.color_foot{
color: #eeeeee;
 }
#panneau {
padding: 0;
margin : 40px 0 0 0;
clear:both;
float:left;
min-height : 300px;
border-right: solid 1px #777777;
}
#panneau ul {
margin: 0 ;
padding: 0 10px 0 0;
}
a.realisation:hover 
{
  border : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
}

table.realisation {
text-align:center;
width:80%;
margin-left:100px;
padding:0;
}
td.realisation {
width: 25%;
}
td tr {
text-align:center;
}
.left td{
text-align:left;
}
img.agrandissement {
padding: 20px;
width: 550px;
height: 450px;
clear:both;
border: none;

}
img.logo {
width:250px;
height: auto;
z-index : 30;
}
img.page {
float: right;
margin-left: 30px;
width:450px;

}
img.miniature {
width : 150px;
height:auto;
}
img.produit {
width:45px;
border:none;
}

/*Style du masque recouvrant la page au chargement de la shadow box*/

#pageImg {
position:absolute;
left:0;
top:0;
z-index:9000;
background-color:#000;
display:none;}

/*Positionnement et dimensions de la shadow box*/

#boxes .window {
position:absolute;
left:0;
top:0;
width:530px;
height:390px;
display:none;
z-index:9999;
padding:20px;}

#boxes #dialog {
width:530px;
height:450px;
padding:15px;
color:#00008B;
border: solid 2px #666666;
background-color: #222222; }

.shadowbox {
width:120px;
border: solid 2px #ee8800; ;
}
span.hide {
display: none;
}
div.legende {
color : #ee8800;
min-height:70px;
}

#picLegende {
font-size: 15px;
padding: 10px 10px 10px 30px;
}


.close {
float:right;
font-weight:bold;
}

.dark {
background-color : #555555; 
}

#slider1 {
width: 350px; 
height: 250px;
overflow:hidden;
}

#slider1Content {
position: absolute;  
margin-left: 0; /* important */
border: solid 2px #ee8800;
} 
#slider1Content ul, #slider1 li{
margin:0;
padding:0;
list-style:none;
}

#slider1Content, #slider1 li{
margin:0;
padding:0;
width:350px;
height:250px;
overflow:hidden;
}
.slider1Image {
margin:0;
padding: 0;
display: none; 
}
table.slider {
width:100%;
margin: 0;
}
tr.slider td {
margin: 0;
padding:0;
}
.slider1Image span {
margin:0;
position: absolute; /* important */
left: 0;
top: 0;
padding: 15px 13px;
width: 350px;
background : url(black-60.png) repeat center center;   
color: #ee8800;
font-family:"Trebuchet Ms", Lucida, Arial, Verdana, serif, sans;
font-weight:normal;
font-size:1.6em;
display: none; /* important */
}
.slider1Image span.bas {
bottom:0;
top:auto;
}
.slider1Image img{
width: 350px;
}
.clear {
   clear: both;
}