/* 
Author: 			Stefan Vervoort
Author URI: 		http://www.divitomedia.com/
Version:			0.9

Project:			
Description:					

---------------------------------------------------------------------------------------
TABLE OF CONTENTS
	-- 
	-- 
	--
---------------------------------------------------------------------------------------



/*---------------------------------------------------------------------------------*/
/*----------------------------------- BASIC ---------------------------------------*/		 
/*---------------------------------------------------------------------------------*/

	html{					font-size:100%;	min-height:101%;}
	body{					color:#515151;font-family:arial;
							/*background:transparent url(../iso_icons/background/fond6.jpg) no-repeat fixed center top;*/}
	body#page{				/*background:transparent url(../iso_icons/background/fond3.jpg) no-repeat fixed center top;*/}
		
	a:link{					text-decoration:none;	color:#666;		}
	a:hover	{				text-decoration:underline;	color:#666;	}
	a:active{				text-decoration:underline;	color:#666;	}
	a:visited{				text-decoration:none;		color:#666;	}

	.left{					float:left; }
	.right{					float:right; }
	.clear{					clear:both; }
	
	img.left{				margin:0 1em 1em 0; }
	img.right{				margin:0 0 1em 1em; }
	
	.padding{				padding:10px; }
	.inner *{				text-align:left;}
	.round {					background:#fff;
							border-radius: 6px;
							-moz-border-radius:6px;}
							
	#accueil .round {		border:1px solid #28008C;}
	.col_droit{				float:right;width:49%}
	.col_gauche{			float:left;width:49%}
	
	h1,h2,h3,h4,h5,h6 {		margin:0; padding:0;} 

	ul,
	.bsDiscList-none {						margin:10px 0;}
	ul li,
	.bsDiscList-none{						padding:2px 0 2px 10px;}
	
	.bsCustomList{
		text-align:left;
		zoom:1;
	}




/*---------------------------------------------------------------------------------*/
/*------------------------ STRUCTURE ---------------------------------*/		 
/*---------------------------------------------------------------------------------*/

#container{				overflow:hidden;}
#colonne_droite{		float:right;width:318px;overflow:hidden;}
#footer{				clear:both; }


body#accueil {	
font-size:11px;
}

#container {
width:989px;
margin:0 auto;
padding:0;
font-family:arial, sans-serif;
}




/* Header						 
----------------------------------------------------------------------------------*/
#header {
height:136px;
position:relative;
}

#header h1#logo {
background:transparent url(../iso_icons/logo_oxford.png) no-repeat scroll left top;
height:75px;
left:7px;
margin:0;
padding:0;
position:absolute;
top:30px;
width:95px;
}

#header h1#logo a{
text-indent:-99999em;
height:75px;
width:95px;
display:block;
position:absolute;
top:0;
left:0;
}

#header p#baseline {
background:transparent url(../iso_icons/baseline_oxford.png) no-repeat scroll left top;
height:50px;
left:110px;
margin:0;
overflow:hidden;
padding:0;
position:absolute;
text-indent:-9999em;
top:41px;
width:216px;
}

/* Recherche						 
----------------------------------------------------------------------------------*/
#recherche {
background:transparent url(../iso_icons/bg-recherche.png) no-repeat scroll left top;
font-family:arial,verdana,sans-serif;
height:29px;
margin:0;
position:absolute;
right:0;
top:33px;
width:293px;
}

#accueil #recherche {
background:transparent url(../iso_icons/bg-recherche-accueil.png) no-repeat scroll left top;
}

#recherche #champ_recherche {
background:transparent none repeat scroll 0 0;
border:0 none;
height:21px;
line-height:21px;
margin:3px 0 0 6px;
width:233px;
font-family:arial;
font-size:13px;
color:#666;
}

#recherche #searchsubmit {
background:transparent;
border:0 none;
height:27px;
margin:0 0 0 11px;
width:36px;
text-indent:-99999em;
}

#recherche #searchsubmit:hover {
cursor:pointer;
}


/* Footer						 
----------------------------------------------------------------------------------*/

#footer {
overflow:hidden;
margin:0 0 20px 0;
text-align:left;
}

#footer ul {
margin:10px 20px;
overflow:hidden;
}

#footer ul li {
display:block;
float:left;
margin:0 20px 0 0;
width:136px;
padding:0;
text-indent:0;
text-align:left;
}

*html #footer ul li {
margin:0 10px 0 0;
width:147px;
}

#footer ul li a {
border-bottom:1px solid #ddd;
color:#666666;
display:block;
font-size:11px;
font-weight:bold;
padding:0 0 4px;
text-transform:uppercase;
}

#footer ul li ul {margin:10px 0;}

#footer ul li ul li {padding:2px 0;}

#footer ul li ul li a {
text-transform:none;
font-weight:normal;
font-size:11px;
color:#666;
border:0;
}

#footer ul li a:hover,
#footer ul li a:active,
.ch1 a:hover,
.ch1 a:active {
text-decoration:underline;
}

#footer p {
text-transform:uppercase;
margin:10px 15px;
border-top:1px solid #ccc;
padding:5px 0 0 0;
clear:both;
font-size:11px;
}

.ch1 {
float:right;
display:block;
padding:0;
margin:0;
}

.description_produit{
	float:right;
	width:328px;
}

/*---------------------------------------------------------------------------------*/
/*------------------------ CADRES -------------------------------------------------*/		 
/*---------------------------------------------------------------------------------*/

.cadre_petit  .insContent,
.cadre_basic  .insContent{
	padding:10px;
}
.noPadding  .insContent{
	padding:0;
}

.cadre_petit {
	position:relative;
	display:block;
	background:transparent url(../iso_icons/bg-round.png) top left;
	line-height:1.2em;
}

.cadre_moyen {
	position:relative;
	display:block;
	background:transparent url(../iso_icons/bg-round.png) top left;
}

.cadre_long {
	background:transparent url(../iso_icons/bg-round.png) repeat scroll left top;
	display:block;
	position:relative;
	padding:10px 0;
}

.paraMargin{
	margin:0 7px;
}

.cadre_basic, .cadre_page {
/* background:transparent url(../iso_icons/bg-round.png) repeat scroll left top; */
background:#fff;
display:block;
position:relative;
margin:0 0 17px 0;
}

.cadre_petit h3.insTitle-img,
.cadre_moyen h3.insTitle-img,
.cadre_flash2 h3.insTitle-img,
.cadre_basic h3.insTitle-img {
color:#666666;
display:block;
font-size:12px;
font-weight:bold;
margin:0 1px 0 2px;
padding:4px 0 2px 5px;
text-transform:uppercase;
text-align:left;
background:transparent url(../iso_icons/bg-h2.png) top center repeat-x;
border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
}


/* Cadre actualités				 
----------------------------------------------------------------------------------*/

#commandes_actualites {
left:139px;
position:absolute;
top:9px;
width:38px;
}

#commandes_actualites img {
float:left;
margin:0 1px;
}

#cadre_actualites {
text-align:left;
}

a.link1:link,
a.link1:visited {
	font-size:11px;
	margin:10px 0 0 0;
	color:#28008C;
	text-decoration:none;
	font-weight:bold;
}

.small {font-size:10px;color:#8E8E8E;} 
#cadre_actualites ul {margin:5px 8px;overflow:auto;}
#cadre_actualites ul li{margin:0;padding:0;}
#cadre_actualites p {line-height:1.2em;margin:3px 0;}

a.linkPlus:link,
a.linkPlus:visited {
	font-weight:bold;
	text-decoration:underline;
	color:#28008C;
	padding-left:18px;
	background:transparent url(../iso_icons/plus.gif) 0 1px no-repeat;
}

#cadre_actualites p.cadre_actualites_plus img {margin:0 4px 0;vertical-align:middle;}

#cadre_actualites p.cadre_actualites_plus a:hover,#cadre_actualites p.cadre_actualites_plus a:active {
font-weight:bold;
text-decoration:none;
color:#28008C;
}


/* Cadre pub centrale				 
----------------------------------------------------------------------------------*/

#cadre_pub, #cadre_tag {
float:left;
margin:0 0 0 14px;
}

/* Cadre Nuage de tag				 
----------------------------------------------------------------------------------*/

.police14Center {
	line-height:20px;
	font-size:14px;
	text-align:center;
	word-spacing:1px;
}
.police14Center a:link,
.police14Center a:visited{
	color:#28008c;
	text-decoration:none;
}
.police14Center a:hover,
.police14Center a:active{
	color:#28008c;
	text-decoration:underline;
}


/* Ligne de separation			 
----------------------------------------------------------------------------------*/

.ligne {
clear:both;
display:block;
overflow:hidden;
margin:0 0 17px;
}


/* Cadres Oxford invente pour vous et zoom sur				 
----------------------------------------------------------------------------------*/

.cadre_flash2 {
float:left;
margin:0 0 0 14px;
min-height:148px;
text-align:left;
width:317px;
}

.cadre_flash2 h3 {
font-size:11px;
margin:10px 0 0 0;
color:#515151;
}

.cadre_flash2 h3,
.cadre_flash2 h3 a:link,
.cadre_flash2 h3 a:visited {
color:#515151;
text-decoration:none;
}



.cadre_flash2 .left {
margin-bottom:0;
}

#content .cadre_flash2 p {
margin:5px 0 0 0;
}

.cadre_flash2 a.fleche {
display:block;
float:right;
margin:10px 10px 0;
}


/* Cadres de profils				 
----------------------------------------------------------------------------------*/

.profil {
width:161px;
float:left;
}

a.link2:link
/*a.link2:visited*/{
	color:#515151;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
.profil h3 a:hover,
.profil h3 a:active {
	color:#515151;
	text-decoration:underline;
}
#content .profil p{margin:0;}
.profil .inner {margin:7px 7px 0;}

.profil .inner a.fleche{
display:block;
float:right;
margin:5px  0 0;
}

/*---------------------------------------------------------------------------------*/
/*------------------------ CADRES FICHES PRODUITS ---------------------------------*/		 
/*---------------------------------------------------------------------------------*/


.cadre_fiche {
background:#ffffff url(../iso_icons/bg-page-haut.gif) repeat-x scroll left top;
display:block;
float:left;
position:relative;
width:648px;
border:0;
line-height:1.2em;
margin:0 0 20px;
}

.cadre_fiche h2,
.cadre_produit h2 {
color:#2C008A;
font-size:24px;
padding:15px 0 10px 0;
text-align:left;
}

.cadre_fiche h2 a:link,
.cadre_fiche h2 a:visited {
color:#2C008A;
text-decoration:none;
}

.cadre_fiche h2 a:hover,
.cadre_fiche h2 a:active {
color:#2C008A;
text-decoration:underline;
}

.cadre_fiche .inner_cadre {
margin:20px;
text-align:left;
}

*html .cadre_fiche .inner_cadre {
margin:20px;
}

.cadre_fiche .bleue {
font-weight:bold;
color:#2C008A;
}

/* Photo produit				 
----------------------------------------------------------------------------------*/

.cadre_fiche .photo_produit {
	float:left;
	width:260px;
}

.cadre_fiche .photo_produit img {
padding:2px;
border:1px solid #ccc;
}

/* galerie */
/*              /////////////////////////////////////////////  */
* {margin:0;padding:0}


#sample{
	padding-top:1px;
}

#mask6{
	position:absolute;
	width:263px;
	height:289px;
	overflow:hidden;
}


/* Sample 7*/
#box7{
	position:absolute;
}
#box7 span{
	display:block;
	float:left;
}
#thumbs7{
	position:relative;
	width:300px;
	clear:both;
	height:44px;
	overflow:hidden;
	margin-top:295px;
}
#thumbs7 #thumbs, #thumbs_handles7, #thumbs_mask7{
	position:absolute;
	top:0;
	width:100%;
	height:44px;
}
#thumbs7 #thumbs div, #thumbs_handles7 span{
	display:block;
	width:73px;
	height:44px;
	margin:0;
	float:right;
	cursor:pointer;
}
#thumbs7 #thumbs div img{
	width:70px;
	float:right;
}
#thumbs_mask7{
	width:100%;
}
#thumbs7 {
	width:100%;
}
/* ********************************** */

#thumbs{
	width:54px;
}
#thumbs div{
	display:block;
	width:70px;
	height:44px;
	margin:3px 0;
	cursor:pointer;
}

#thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

/* Galerie photos produit				 
----------------------------------------------------------------------------------*/

.photo_produit ul#galerie_produit {
clear:both;
float:right;
margin:0;
padding:0;
}

.photo_produit ul#galerie_produit li {
display:block;
float:left; 
margin:0 0 10px 0;
padding:0;
position:relative;
}

.photo_produit ul#galerie_produit li span.tooltip {
width:133px;
height:23px;
background:transparent url(../iso_icons/tooltip.gif) top left no-repeat;
display:block;
position:absolute;
height:23px;
left:-40px;
top:43px;
}

.photo_produit ul#galerie_produit li a {
display:block;
float:left;
margin:0 0 0 5px;
padding:0;
}

.photo_produit ul#galerie_produit li a img {
padding:0;
}

.caption {
font-size:11px;
color:#bbb;
}

/* Tooltip			 
----------------------------------------------------------------------------------*/

#tooltip{
position:absolute;
border:1px solid #333;
background:#f7f5d1;
padding:2px 5px;
color:#333;
display:none;
} 


/* Zoom sur			 
----------------------------------------------------------------------------------*/

.titre_zoom_sur {
background:transparent url(../iso_icons/zoom-h2.jpg) top left no-repeat;
height:38px;
text-indent:-99999em;
margin:10px 0 0 0;
padding:0;
}

.zoom_produit {
background:#e5e0f1;
padding:20px;
}


.zoom_produit ul {
margin:0px;
padding:0;
}


.zoom_produit ul li {
color:#28008C;
display:block;
float:left;
font-weight:bold;
margin:0 23px 10px 0;
overflow:auto;
padding:10px 0 0;
width:260px;
}

*html .zoom_produit ul li {
width:250px;
}

.zoom_produit ul li img {
float:left;
margin:-10px 10px 10px 0;
}


/* Bouton retour catalogue	 
----------------------------------------------------------------------------------*/
a.btn_retour {
background:transparent url(../iso_icons/bt-retour-catalogue.png) repeat scroll left top;
display:block;
font-size:11px;
font-weight:bold;
height:39px;
line-height:37px;
text-align:center;
text-transform:uppercase;
width:318px;
margin:0 0 15px 0;
}

a.btn_retour:link,
a.btn_retour:visited {
color:#969696;
text-decoration:none;
}

a.btn_retour:hover,
a.btn_retour:active {
color:#969696;
text-decoration:underline;
}

.cadre_basic ul {
margin:0;
padding:0;
}

.cadre_basic ul li {
margin:0;
padding:5px 0 5px 25px;
}

.cadre_basic ul li ul {
padding:5px 0 0 0;
}

.cadre_basic ul li ul li {
background:none;
margin:0;
padding:2px 0 2px 10px;
}

.cadre_basic .inner {
padding:15px;
}

/*---------------------------------------------------------------------------------*/
/*------------------------ CADRES PAGES -------------------------------------------*/		 
/*---------------------------------------------------------------------------------*/


.cadre_page {
background:#ffffff url(../iso_icons/bg-page-haut.gif) repeat-x scroll left top;
display:block;
position:relative;
border:0;
line-height:1.2em;
margin:0 0 20px;
overflow:hidden;
text-align:left;
}

.cadre_page .inner_cadre {
margin:0px;
padding:20px;
overflow:hidden;
}

.cadre_page h2 span {
display:block;
width:943px;
background:transparent url(../iso_icons/bg-h2-page.gif) no-repeat scroll left bottom;
color:#2C008A;
font-size:24px;
padding:15px 0 25px;
text-align:left;
margin-bottom:20px;
}

.cadre_page h3 {
color:#28008c;
margin:10px 0;
font-size:18px;
font-weight:normal;
}

.cadre_page h4 {
color:#6541BF;
font-size:14px;
font-weight:bold;
padding:10px 0 0 0;
}


/* Accordeon	 
----------------------------------------------------------------------------------*/

#accordeon {
margin:20px 0;
padding:0;
}

#accordeon li {
display:block;
background:transparent url(../iso_icons/bg-accordeon.png) top left no-repeat;
width:462px;
margin:0 0 5px;
padding:0;
position:relative;
min-height:66px;
}

*html #accordeon li {
height:66px;
}

#accordeon li.TabOpen,
#accordeon li.TabHover {
background:transparent url(../iso_icons/bg-accordeon-open.png) top left no-repeat;
}

#accordeon li img.accordeon_visu {
left:40px;
position:absolute;
top:5px;
}

#accordeon li h4 {
font-weight:normal;
left:120px;
margin:0;
padding:0;
position:absolute;
top:5px;
}

#accordeon li span {
color:#818181;
font-size:12px;
left:120px;
position:absolute;
top:25px;
width:320px;
}

#accordeon li .accordeon_cache div{
padding:70px 20px 0 20px;
}


/*---------------------------------------------------------------------------------*/
/*------------------------ RECHERCHE ----------------------------------------------*/		 
/*---------------------------------------------------------------------------------*/

#recherche ol {
margin:0;
padding:0;
list-style-position:inside;
}

#recherche ol li {
margin:0 0 10px 0;
}

/*---------------------------------------------------------------------------------*/
/*------------------------Modifications  du code dynamique Isotools ---------------*/
/*---------------------------------------------------------------------------------*/
.bsGrid > tbody > tr > td, .bsGrid > tbody > tr > th {
padding:0;
}

li ul, li ol {
padding:0;
}

body#accueil div.insFullcontent {
height:218px;
}

a.link2:hover {
text-decoration:underline;
}



/* déclaration des fonds en fonction des zones */
 body.default { background:transparent url(../iso_icons/background/accueil3.jpg) no-repeat fixed center top;}
 body.apprendre { background:transparent url(../iso_icons/background/accueil1.jpg) no-repeat fixed center top;} 
 body.chemises { background:transparent url(../iso_icons/background/accueil3.jpg) no-repeat fixed center top;} 
 body.avivre { background:transparent url(../iso_icons/background/accueil3.jpg) no-repeat fixed center top;} 
 body.international { background:transparent url(../iso_icons/background/accueil7.jpg) no-repeat fixed center top;} 
 body.etudiant { background:transparent url(../iso_icons/background/accueil6.jpg) no-repeat fixed center top;} 
 body.pro { background:transparent url(../iso_icons/background/accueil4.jpg) no-repeat fixed center top;}
 body.enseignants { background:transparent url(../iso_icons/background/accueil2.jpg) no-repeat fixed center top; }
 body.environnement { background:transparent url(../iso_icons/background/accueil8.jpg) no-repeat fixed center top; }
 body.digital { background:transparent url(../iso_icons/background/accueil5.jpg) no-repeat fixed center top; }