/*CSS Document Oz Sports*/
/*Couleurs
Texte : #babaaf #d6d6d1
Background Page #292929
Background Body #454545
Background des chandails #a2a2a2
Gris Menu secondaire #a7a7a3
Rouge texte info #bf2f37
texte gris sur gris #f1f1f1
texte gris sur noir #d5d5c7
h1, h2, h3, h4, h5, h6 #d5d5c7
p #babaaf

Rouge chicago #e03a3e
Bleu Aviateur #196ec8
Bleu menu secondaire  #2a8df7

*/

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
@page { size: portrait; } 

@page { size: 8.5in 11in; }

@page { margin: 2cm; }

#menu-sec,#menu-index,#menu-page,#pied { display: none; }

html, body, span, dl, dt, dd, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, a img, table {border:0; margin:0; padding:0;}
html  {font-size: .75em; font-family: verdana, arial, sans-serif; color: #000;  }
body {/*width: auto; height:auto;*/  background-color: #fff;}
#cadre {position: relative; width: 940px; margin-left: auto; margin-right:auto; }

p { margin: 10px 0px 10px 0; line-height: 1.3em; text-align: left;}

ul {margin: 0;}
ul.texte { line-height: 1.5em; margin: 0px 0px 10px 30px;}
ul li {list-style-type: decimal; }
ol { line-height: 1.5em; text-align: left; margin: 0 0 10px 35px;}
ol li {list-style-type: decimal;}

img, img a {display: block; border: none;}
img.surligne {display: inline;}

span.rouge  {color:red;}
span.droite  {text-align: right;}

#cadre h1, h2, h3, h4, h5, h6 { font-family:  Arial, Helvetica, sans-serif; font-weight: bold;}
h1  {font-size: 150%; text-align: center; color:#000; padding: 5px 0 0 0; } 
h2	{font-size: 130%; text-align: left; color: #000; padding: 5px 0 0 0;}
h3	{font-size: 120%; text-align: left; color: #000; padding: 5px 0 0 0;}
h4	{font-size: 110%; text-align: left; color: #000; padding: 5px 0 0 0;}
h5	{font-size: 130%; text-align: left; color: #000; padding: 5px 0 5px 0; line-height: 1.2em;}
h6	{font-size: 130%; text-align: right; color: #000; padding: 5px 0 5px 0; line-height: 1.2em;}

a:link, a:visited {color: #196ec8;  background-color: #000;/*text-decoration: underline;*/ font-size: 110%;}
a:hover { text-decoration: underline; color: #fff; }
ul li {list-style-type: disc;  line-height: 1.7em;}
.droite {float: right; }


/* PAGE
--------------------------------------------------------------------------------------- */
																																										

#content {position: relative;  top: 0px; width: 940px; clear: both; }
/*.conteneur img { clear: both; margin: 0 0 10px 15px; float: right;}*/

#couleurs {position: absolute; left: 750px; width: 180px; margin: 0px 5px 0 0; line-height: 15px; text-align: right;  color: #000;}
#couleurs img { clear: both; top: 20px; margin: 0 0 0 10px; float: right;}	

#chandail-PP {position: relative; width: 558px; top: 0px; margin-left: auto; margin-right:auto;  }
#chandail-PP img  { border: 1px solid  #ccc;}
#chandail-PP ul  { margin: 10px 0 0 0;}
#chandail-PP li {list-style-type: none; float: left; display: inline; height: 115px; line-height: 1em; margin: 0px 7px 5px 7px;}
#chandail-PP a:hover img { border: 1px solid #fff;}	
#chandail-PP ul li span {text-align: center; line-height: 1.5em; }

#chandail {position: relative; clear: both; top: 0px;  width: 930px; margin-left: auto; margin-right:auto;  }
#chandail img  { border: 1px solid  #ccc;}
#chandail ul  { margin: 0 0 10px 0;}
#chandail li {list-style-type: none; float: left; display: inline; height: 115px; line-height: 1em; margin: 0px 7px 5px 7px;}
#chandail a:hover img { border: 1px solid #fff;}	
#chandail ul li span {text-align: center; line-height: 1.5em; }
#chandail h2	{font-size: 130%; text-align: center; color: #000; padding: 5px 0 0 0;  border-top: 1px solid #a7a7a3; margin-left: auto; margin-right:auto;  width: 540px;}

#info-gaine {float: right;  width: 518px; height: 500px; margin: 13px 0 0 0; padding: 0 10px 0 10px; border: 1px solid #ccc; background-color: #a2a2a2; color: #000; }
#info-gaine p { color: #000; margin: 0px 0px 10px 0;  }
#gaine {position: relative;  top: 0px;  }
#gaine img  { border: 1px solid  #ccc; }
#gaine ul  { margin: 0 0 10px 0;}
#gaine li {list-style-type: none; float: left; display: inline; height: 250px; line-height: 1em; margin: 0px 7px 5px 7px;}
#gaine a:hover img { border: 1px solid #fff;}	
#gaine ul li span {text-align: center; line-height: 1.5em; }
#couleurs-nylon {position: absolute; left: 550px; width: 180px; margin: 0px 5px 0 0; line-height: 15px; text-align: right; color: #000;}
#couleurs-nylon img { clear: both; top: 20px; margin: 0 0 0 10px; float: right;}

#info-bas {float: right;  width: 265px; height: 500px; margin: 13px 0 0 0; padding: 0 10px 0 10px;  color: #000; border: 1px solid #ccc; background-color: #a2a2a2; }
#info-bas p {  /*color: #bf2f37;*/ margin: 0px 0px 10px 0;  }
#bas {position: relative; top: 0px; margin-left: auto; margin-right:auto;  }
#bas img  { border: 1px solid  #ccc;}
#bas ul  { margin: 0 0 10px 0;}
#bas li {list-style-type: none; float: left; display: inline; height: 115px; line-height: 1em; margin: 0px 6px 5px 6px;}
#bas a:hover img { border: 1px solid #fff;}	
#bas ul li span {text-align: center; line-height: 1.5em; }

#info-num {float: right;  width: 186px; height: 700px; margin: 13px 0 0 0; padding: 0 10px 0 10px; border: 1px solid #ccc; background-color: #a2a2a2; color: #000; }
#info-num p {  /*color: #bf2f37;*/ margin: 0px 0px 10px 0;  }
#num {position: relative;  top: 0px;  }
#num img  { border: 1px solid  #ccc;}
#num ul  { margin: 0 0 10px 0;}
#num li {list-style-type: none; float: left; display: inline; height: 75px; line-height: 1em; margin: 0px 6px 5px 6px;}
#num ul li {text-align: left; line-height: 1.5em;  }
#num li.large {text-align: center; height: 25px; line-height: 1.5em; width: 700px; }
#num span {text-align: left; line-height: 1.5em; font-size: 100%; }
#couleurs-num {position: absolute; top: 125px; left: 750px; width: 180px; margin: 150px 5px 0 0; line-height: 15px; text-align: right; color: #000;}
#couleurs-numFr {position: absolute; top: 125px; left: 730px; width: 200px; margin: 180px 5px 0 0; line-height: 15px; text-align: right; color: #000;}
#couleurs-num img { clear: both; top: 20px; margin: 0 0 0 10px; float: right;}	
#couleurs-numFr img { clear: both; top: 20px; margin: 0 0 0 10px; float: right;}	

#crest {position: relative; clear: both; top: 0px;  width: 930px;   }
#crest  img  { border: 1px solid  #ccc;}
#crest  ul  { margin: 0 0 10px 0;}
#crest  li {list-style-type: none; float: left; display: inline; height: 255px; line-height: 1em; margin: 0px 7px 5px 7px;}
#crest  ul li span {text-align: center; line-height: 1.5em; }
#crest  h2	{font-size: 130%; text-align: center; color: #000; padding: 5px 0 0 0;  border-top: 1px solid #a7a7a3; margin-left: auto; margin-right:auto;  width: 450px;}

#fans {position: relative;  clear: both; width: 930px; margin-left: auto; margin-right:auto;   }
#fans img  { border: 1px solid  #ccc;}
#fans ul  { margin: 0 0 10px 0;}
#fans li {list-style-type: none; float: left; display: inline; height: 275px; line-height: 1em; margin: 0px 7px 5px 7px;}
#fans ul li {text-align: left; line-height: 1.5em;  }
#fans span {text-align: left; line-height: 1.5em; font-size: 100%; }
#fans  h2	{font-size: 130%; text-align: center; color: #000; padding: 5px 0 0 0;  border-top: 1px solid #a7a7a3; margin-left: auto; margin-right:auto;  width: 550px;}

#collet {position: relative; top: 0px; width: 650px; margin-left: auto; margin-right:auto; }
#collet img  { border: 1px solid  #ccc;}
#collet ul  { margin: 0 0 10px 0;}
#collet li {list-style-type: none; float: left; display: inline; height: 185px; line-height: 1em; margin: 0px 5px 5px 5px;}
#collet a:hover img { border: 1px solid #fff;}	
#collet ul li span {text-align: center; line-height: 1.5em; }

#info-joindre {float: right;  width: 210px; height: 200px; margin: 13px 0 0 0; padding: 0 10px 0 10px; border: 1px solid #ccc; background-color: #a2a2a2;  color: #000;}/**/
#info-joindre span, #info-joindre li, #info-joindre { /*color: #edede6;*/ }
#info-joindre p {  margin: 0px 0px 10px 0;  }
#info-joindre ul  { margin: 0px 0 0px 0; height: 85px;}
#info-joindre li {list-style-type: none; float: left;  margin: 0px 5px 5px 5px;}
#info-joindre a:link, a:visited { color: #a7a7a3;	text-decoration: none;	font-weight: bold }
#info-joindre a:hover { color: #FFF; text-decoration: none	}
#info-joindre a.actif, #info-joindre a.actif:link, #info-joindre a.actif:visited, #info-joindre a.actif:hover{	text-decoration: none	}
#texte-joindre {position: absolute;  top: 45px; left: 360px; width: 330px;  }
#usine {position: relative;  top: 0px; width: 360px;  }
#usine img  { border: 1px solid  #ccc;}
#usine ul  { margin: 0 0 10px 0;}
#usine li {list-style-type: none; float: left; display: inline; height: 225px; line-height: 1em; margin: 0px 5px 5px 5px;}
#usine ul li {text-align: left; line-height: 1.5em;  }
#usine span {text-align: left; line-height: 1.5em; font-size: 100%; }
#usine h2	{font-size: 130%; text-align: left; line-height: 1.2em; padding: 5px 0 5px 5px;}

#map{	width: 550px;	height: 330px;	float: left;}

#map  { position: absolute;  top: 295px; left: 390px; width: 500px; }

/* CONTENU INDEX -------------------------------------------------------- */
#logo {position: relative;  top: 20px; text-align: center; clear: both; }
#logo table { margin-left: auto; margin-right:auto; }
/*
#video {position: relative; width: 850px; top: 5px; padding-left: 45px;}*/
#video {position: relative; top: 5px; width: 725px; margin-left: auto; margin-right:auto;  /*padding-left: 45px;*/}

/*#video table { margin: 0;}*/
#content-index {position: relative; top: 20px; width: 850px; height: 75px; margin: 5px 0 15px 45px;}
#content-index p{text-align: justify;  }
#content-langue {position: relative;  clear: both; top: 5px; width: 850px; margin: 0 0 15px 45px;}
#content-langue p{text-align: justify; }



/*POPUP POUR AGRANDIR L'IMAGE
--------------------------------------------------------------------------------------- */
.thumbnail{position: relative;z-index: 0;}
.thumbnail:hover{background-color: transparent;z-index: 50;}/*CSS for enlarged image*/

.thumbnail span{position: absolute; background-color: #d4d4d0; padding: 0px; left: -1000px; visibility: hidden; color: black; text-decoration: none;} 
/*CSS for enlarged image*/
.thumbnail span img{ border-width: 0; padding: 2px; }
/*CSS for enlarged image on hover*/
.thumbnail:hover span{ visibility: visible; top: -50px; left: 60px;  text-decoration: none;
/*position where enlarged image should offset horizontally */}


/* LIGHTBOX CONTROL 
--------------------------------------------------------------------------------------- */
#lightbox { padding:20px 20px 5px 20px; }
#lightboxDetails { padding-top:5px; }	
#lightboxCaption { float:left; color:#fff; font-size:12px;font-weight:bold }
#keyboardMsg { float:right; }
#keyboardMsg a { color:#fff; font-size:11px; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold; }
#lightbox img { border:none; } 
/*#overlay img { border:none; }*/

div#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	/*background-color: #d48bc9; */
	filter:alpha(opacity=50);
	-moz-opacity: 0.3;
	opacity: 0.3;
}
div#loadingDivImage{
	/*display: none;*/
}
img#loadingImage{
	/*width: 32px;
	height: 32px;*/
	/*background: #FFF;*/
	/*border: 1px solid #000;*/
}
/* couleur conter popup produit lightbox */
#lightbox { background:#A12503; }
/* couleur du fond tranparent */
#overlay{
	background-color: #E7E7E7; 
}


/* PIED DE PAGE
--------------------------------------------------------------------------------------- */

#pied  {float: left; clear: both;  height: 50px; width: 100%; padding: 7px 0 7px 0; margin-top: 10px; margin-left: auto; margin-right:auto; border-top: 1px solid #a7a7a3; }
#pied  a:link {color: #a7a7a3; text-decoration: none; font-size: 100%; line-height: 1.1em;}
#pied  a:visited {color: #a7a7a3; text-decoration: none;}
#pied  a:hover {color: #a7a7a3; text-decoration: underline; color: #fff;}
#pied  a:active {color: #a7a7a3;text-decoration: none;}

#pied p { font-size: 80%; line-height: 1.1em; margin: 0 0 0 0; text-align: center; color: #a7a7a3;}
#pied p a { font-size: 90%; line-height: 1.1em;}
.copyright  {float: right; clear: right; top: 0px; left: 5px; height: 45px; width: 100%; padding: 5px 0 5px 0; }

/* MENU
--------------------------------------------------------------------------------------- */