sous/* CSS Document */

body{
	margin:0;
	padding:0;
	text-align:left;
	background-color:#FFFFFF;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

a{
	text-decoration:underline;
	/*color:#6cacc7;*/
	color:#FF9900;
}

a:hover{
	text-decoration:none;
	color:#a4a2a0;
}



/************** Les titres **************/

hr {
	clear: both;
	width: 100%;
	border: 0; 
	border-bottom: 1px #CCCCCC solid; 
	height: 1px; 
}

h1, .h1{
	font-family:"Helvetica", "Arial narrow", Arial, Helvetica, sans-serif, ;
	font-size:26px;
	color: #333;
	font-weight:bold;
	margin:0;
	margin-top:10px;
	margin-bottom:15px;
	padding:0;
}

.h1_article{
	font-size:12px;
	color:#06F;
	position:absolute;
	left:510px;
	width:400px;
	top:390px;
}

h2, .h2, h2 a, .h2 a{
	font-family:"Helvetica", "Arial narrow", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	margin:0;
	padding:0;
	padding-top:2px;
	color:#6cacc7;
}

h2 a:hover, .h2 a:hover{
	color:#999999;
	text-decoration:underline;
}

h2.dernieresnews{
	float:left;
	clear:both;
	display:block;
	color:#999999;
	font-weight:bold;
	font-size:16px;
	background-image:url(../images_interface/dernieres_publications.gif);
	background-position:center;
	background-repeat:no-repeat;
	height:22px;
	width:256px;
	padding-top:25px;
	margin-top:20px;
}

h2.dernieresnews span{
	visibility:hidden;
}

h2.champscritique{
	position:absolute;
	top:250px;
	height:22px;
	width:189px;
	color:#999999;
	font-weight:bold;
	font-size:16px;
	background-image:url(../images_interface/champs_critique_2.gif);
	background-position:center;
	background-repeat:no-repeat;
	padding-top:15px;
}

h2.champscritique span{
	visibility:hidden;
}

h2.enunclic{
	display:none;
}

h3, .h3{
	font-family:"Helvetica", "Arial narrow", Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000;
	text-decoration:none;
	padding:0;
	margin:0;
}

h4, .h4{
	font: 1em Arial, Verdana, sans-serif;
	font-weight:normal;
	color:#EB7C0F;
}

h5, .h5{
	font-family:Arial, Helvetica, sans-serif;
	margin:5px 40px;
	font-size:12px;
	text-align:justify;
	padding:10px;
	font-weight:normal;
}

h6, .h6{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	text-align:left;
	margin:0;
	padding:0;
	font-weight:normal;
}



/************** Le fil RSS **************/

.rss a{
	float:right;
	display:block;
	background-image:url(../images_interface/rss.gif);
	height:40px;
	width:280px;
	text-decoration:none;
	margin-top:20px;
}

.rss span{
	visibility:hidden;
}

/************** Le container **************/

#container{	
	position:relative;
	width: 980px;
	margin:15px  auto;
	text-align:left;
	padding:0;
	background-color:#B8F8F0;
	background-image:url(../images_interface/degrade_container.gif);
	background-repeat:repeat-x;
	border:1px solid #666;
}

/************** Haut de page **************/

#header{
	height:70px;
	width: 980px;
	margin-bottom:5px;
}

#header a{
	display:block;
	position:absolute;
	top:5px;
	left:0;
	width:330px;
	height:70px;
	background-image: url(../images_interface/logo_olga.gif);
	background-position:center 0;
	background-repeat:no-repeat;
	text-decoration:none;
}

#header span{
	visibility:hidden;
}

#footer{
	margin:0 auto;
	width:980px;
	text-align:right;
	padding:6px 0;
}
/************ Les drapeaux ******************/
#drapeaux{
	position:absolute;
	display:block;
	top:5px;
	right:12px;
	z-index:20;
}

#drapeaux a{
	position:relative;
	display: inline;
	border:0;
}

#drapeaux img{
	margin-right:10px;
	height:auto;
	border:0;
}

#dr1{
	border:0;
	margin:0;
	border-collapse:collapse;
}
#dr1 td{
	padding:0;
	/*border:1px solid black;
	/*vertical-align:top;*/
}
#dr1 td a{
	position:static;
	margin:0;
	padding:0 2px;
	font-size:10px;
	color:black;
	background:none;vertical-align:top;
	
}
#dr1 td img{
	margin:0;
	padding:0;vertical-align:top;
}

/************** Breadcrumb **************/

#breadcrumb{
	height:25px;
	font: 0.8em Arial, Verdana, sans-serif;
	font-weight:normal;
	color:#666;
}

#breadcrumb a{
	font: 0.8em Arial, Verdana, sans-serif;
	font-weight:normal;
	color:#6faaca;
	text-decoration:none;
}




/************** Le contenu **************/

#central{
	margin:30px;
	padding:40px;
	min-height:450px;
	background-color:white;
	border:1px solid #11B7DD;
}

#content{
	margin:30px;
	margin-left:55px;
	padding:40px;
	min-height:300px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
}

#content h1{

}

#content ul, #content li{
	margin:0;
	padding:0;
	list-style-position:inside;
}

#content img{
	float:left;
	margin:0;
	margin-right:10px;
	padding:0;
}

#content a{
	color:#c00;
	text-decoration:none;
}

#content a:hover{
	color:#099;
	text-decoration:underline;
}

/************** Les Menus **************/

#menu_catalogue{
	position:absolute;
	right:0;
	top:25px;
}

#menu1{
	height:22px;
	float:right;
	padding:0;
	margin:0;
	color:#000;
	z-index:5;
}

#menu1 li, #menu_catalogue li{
	float:left;
	text-align:left;
	margin:0;
	height:22px;
	list-style:none;
}

#menu1 a, #menu_catalogue a, #menu_panier a{
	font-family: verdana,arial,sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#000;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	/*background-image:url(../images_interface/onglet.gif);
	background-repeat:no-repeat;*/
	display:block;
	float:left;
	padding: 4px 8px;
	border-left:1px solid black;
}

#menu1 a:hover, #menu_catalogue a:hover, #menu_panier a:hover{
	background-color:#6cacc7;
	background-position:0 -20px;
	color:white;
}

#menu_panier{
	height:22px;
	float:right;
	padding:0;
	margin:0;
	color:#000;
	z-index:5;
}


a#mail_olga{
	text-transform:lowercase;
}
/************ Partie catalogue ******************/

#sous_rub{
	list-style:none;
	margin:0;
	padding:0;
}

#sous_rub li{
	display:block;
	position:relative;
	float:left;
	margin-right:20px;
	margin-bottom:10px;
	width:180px;
	height:240px;
	background-color:white;	
	text-align:center;
	border:1px solid #11B7DD;
}

#sous_rub li a h3{
	font-size:11px;
	color:#36F;
	margin-top:-5px;
	padding: 0 3px;
}


#sous_rub li a{
	font-size:15px;
	color:#11B7DD;
	text-decoration:none;
	/*font-variant:small-caps;*/
	display:block;
	margin-top:180px;
}
#sous_rub li a img{
	position:absolute;
	top:10px;
	left:50%;
	border:1px solid #11B7DD;
	padding:10px;
	width:120px;
	margin-left:-70px;
}


#sous_rub li a:hover img{
	
	width:200px;
	margin-left:-100px;
	top:-15px;
	padding:0;
	z-index:50;
}

#article{
	margin:-70px;
	/*height:650px;*/
}

#im_1{
	position:absolute;
	top:90px;
	left:50px;
	height:550px;
	
}

#im_2{
	position:absolute;
	top:90px;
	right:50px;
	height:300px;
	width:410px;
}

#im_3{
	position:absolute;
	top:428px;
	right:365px;
	height:213px;
	width:93px;
}

#data{
	position:absolute;
	top:430px;
	right:60px;
	width:300px;
	overflow:auto;
	height:220px;
	
}

#article a{
	background-color:white;
	margin:0 50px;
	padding:2px;
	color:black;
	border:1px solid red;
}

#prix span, #code span, #stock span{
	background-color:white;
	padding:2px;
	
}

a#add_panier_btn{
	position:absolute;
	display:block;
	top:670px;
	right:350px;
	background-image:url(../images_interface/caddy.gif);
	background-repeat:no-repeat;
	background-position:left 50%;
	padding-left:25px;
}

#add_panier{
	font-size:15px;
	text-transform:capitalize;
	font-weight:bold;
	padding:2px;
}


#nav{
	position:absolute;
	bottom:36px;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
}

#nav #prec a, #nav #suiv a{
	float:left;
	display:block;
	margin-left:50px;
	width:60px;
	border:1px solid black;
	text-align:center;
	text-decoration: none;
	padding:2px;
}

#nav #suiv a{
	float:right;
	margin-right:60px;
}


/************ Le formulaire de recherche******************/
#rech{
	position:absolute;
	width:220px;
	left:728px;
	top:190px;
}

#rech label{
	float:left;
	display:block;
	font-size:10px;
	margin:2px 10px;
	color:#999;		
}

#q{
	float:left;
	width:80px;
	height:11px;
	border:1px solid #ccc;
	font-size:10px;
}

#ok{
	float:left;
	display:block;
	margin:-2px 5px;	
}

/************ Le formulaire de contact******************/

#form_contact{
	margin:0;
	padding:10px;
	margin-top:30px; 
	border:1px solid #ccc;
	margin-bottom:30px;
}

#form_contact td{
	text-align:left;
	font-size:11px;
}

/************ Classes diverses ******************/

.fond1{
	background-color:#fff;
	padding:5px;
	border-bottom:1px solid #ccc;
}
.fond2{
	background-color:#eee;
	padding:5px;
	border-bottom:1px solid #ccc;
}



/************ Pour les reférences ******************/

.colonne{
	float:left;
	width:240px;
	margin-left:25px;
	
}
.ref{
	margin-bottom:30px;
}

div.ref h4{
	margin:0;
	padding:0;
	color:#c00;
	font-size:11px;
	font-weight:normal;
}

div.ref strong{
	display:block;
	margin-bottom:5px;
}

div.ref a{
	color:#c60;
	text-decoration:none;
	display:block;
}

.nav{
	margin-left:20px;
	color:#C7D4E8;
}

.suite{
	padding-left:20px;
	font-weight:bold;
	font-size:9px;
	color:#6CACC7;
	text-decoration:underline;
	
}

.alert{
	border:1px solid red;
	color:white;
	font-weight:bold;
	font-size:14px;
	margin:10px 0;
	background-color:red;
}