/* Global reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/* -------------*/

/* =GENERAL - the general styles */
	body{
		font: 90%/1.5em Arial, sans-serif;
		color:#555555;
		background: #ffffff;
	}
	a{text-decoration: none;color: #ff9f22;}
	a:hover{color:#0065a4 ;}
	hr{display: none;}
	strong{font-weight: bold;}

	em {
	font-style:italic;}

/* =LAYOUT - the main layout styles */
	#content{

	}
	#page {
		background-color:#ffffff;
			background-image: url(images/i/content_back.jpg);
	background-repeat:repeat-y;
	background-position: top;
}
	/* header layout */
	#header{
	height:92px;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/i/top_logo.png);
	background-repeat: no-repeat;
	background-position: left;
	}
	#wrap {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/i/montage_photo.jpg);
	background-repeat: no-repeat;
	position:relative;
z-index:1000;
background-color:#ffffff;
	}
	#content {
	padding-top:275px;
	margin-left:20px;
	line-height:1.3em;
	padding-bottom:20px;
	width:460px;
	}
	#page {
	margin-left:auto;
	margin-right:auto;
	width:100%;
	background-image:url(images/i/back_border.png);
	background-position: center 92px;
	background-repeat:no-repeat;}
	#sidebar{
/*		position: absolute;*/
		margin-left:35px;
		top:170px;
		margin-bottom:20px;

	}
	
/* =HEADER - the header styles */
	/* logo */
	
/* top navigation */
ul.nav {
width: 600px;
position:absolute;
top:-30px;
left:220px;
list-style: none;
margin: 0;
padding: 0;
border: none;
}


.nav li {
margin: 0;float:left;	background-color:#0065a4;
}

.nav li.first {
background-image:url(images/i/menu_gauche.png);
background-repeat:no-repeat;
background-position:left;
}
.nav li.last {
background-image:url(images/i/menu_droite.png);
background-repeat:no-repeat;
background-position:right;
}
.nav li a {
	display:inline;
	text-decoration: none;
	width: 100%;
	height:30px;

	display:block;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	text-transform: uppercase;padding-left:10px;
padding-right:10px;
line-height:34px;
}

html>body .nav li a {
width: auto;
}


.nav li a:hover, .nav li.active a {color:#FFCC00;background-image:url(images/i/menu_actif.png);
background-repeat:no-repeat;
background-position:center;
}

/* Section Submenu */
ul.submenu {padding-left:15px;
}

.submenu li {
width:250px;
height:55px;
background-image:url(images/i/submenu.png);
background-position:0px 55px;}

.submenu li:hover , .submenu li.active{
background-position:0px 0px;}

.submenu li a {
	font-size:13px;
	height:55px;
	width:160px;
	display:block;
	font-weight: bold;
	text-transform: uppercase;
	line-height:15px;
	padding-top:12px;
	color:#FFFFFF;
	padding-left:65px;
	background-image:url(images/i/photolab_sub_icones.png);
	background-repeat:no-repeat;
	background-position:5px 10px;
}

.submenu li.ftp a {	background-position:5px -310px;}
.submenu li.ftp a {	background-position:5px -310px;}
.submenu li.scolaire a {	background-position:5px -90px;}
.submenu li.agrandissement a {	background-position:5px -40px;}
.submenu li.video a {	background-position:5px -140px;}
.submenu li.ftp a {	background-position:5px -235px;}
.submenu li.epreuves a {	background-position:5px -295px;}
.submenu li.produits a {	background-position:5px -345px;}



/* Fin section Submenu */
/* Boites de sections */
#sidebar {
font-size:11px;
line-height:13px;
width:280px;
float:right;
padding-top:275px;
}

.boites li a{
	display:block;
	color:#ffffff;
	width:240px;

	padding-left: 20px;

	font-family:Tahoma,Arial, Helvetica, sans-serif;
}
.boites li a h2{
font-size:18px;
font-family:Arial Narrow,Arial, Helvetica, sans-serif;
font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
	line-height:15px;
	width:190px;
}
.boites li{
background-image:url(images/i/boite_inactif.png);
background-repeat:no-repeat;

width:270px;
height:82px;}

.boites li ul li{
background-image:none;
background-repeat:no-repeat;
height:auto;
font-size:18px;
font-family:Arial Narrow,Arial, Helvetica, sans-serif;
font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
	line-height:15px;
	width:200px;

}


.boites li:hover {
background-image:url(images/i/boite_actif.png)
}

.boites li .prix,.boites li .transfert, .boites li .video/*, .roes ,.epreuves,.agrandissement,.scolaire,.ftp*/
{
width:50px;
height:40px;
display:block;
float:right;
background-image:url(images/i/front_icones.gif);
background-repeat:no-repeat;
background-position:right 0;
margin-right:10px;
}
.boites li:hover .prix {
background-position:right -40px;
}
.boites li .transfert {
background-position:right -80px;
}
.boites li:hover .transfert {
background-position:right -120px;
}
.boites li .video {
background-position:right -160px;
}
.boites li:hover .video {
background-position:right -200px;
}
/* Fin boites de sections */

/* Shootbox page d'acceuil */
.shootbox {
width:780px;
margin-top:20px;}
.promo  {
width:498px;
background-image:url(images/i/blue_gradiant.png);
background-repeat:repeat-y;
float:left;
margin-bottom:10px;
}

#content .shootbox .promo h2,#content .shootbox .newsletter h2 {
background-color:#0065a4;
color:#FFFFFF;
font-size:1.0em;
line-height:1.5em;
padding-left:10px;
}
.newsletter h2 {font-family:Tahoma,Arial, Helvetica, sans-serif;font-size: 1.3em;font-weight:bold;margin-bottom:.3em
 }
.promo p {
padding-left:10px;
padding-top:5px;
padding-bottom:5px;
font-size:.9em;
line-height:1em;
/*width:180px;*/
float:left;}
.promo img {
float:right;}

.newsletter {
width:250px;
float:right;
margin-right:20px;
margin-bottom:20px;
padding-bottom:20px;
background-image:url(images/i/grey_gradiant.png);
background-repeat:repeat-x;
background-position:bottom;
}
.newsletter form {
margin-left:15px;
}
.newsletter-side h4 {font-family:Tahoma,Arial, Helvetica, sans-serif;font-size: 1em;font-weight:bold;margin-bottom:5px;
color:#999999; }
.newsletter-side {
width:260px;
margin-top:10px;
background-image:none;
float:right;
}
.transfert-ficher #sidebar .newsletter-side {display:none;}

.newsletter-side input{
width:100px;
font-size:10px;
margin-bottom:2px;}
.newsletter-side .bouton {
background-color:#EBEBEB;
text-align:center;
}
/* Fin de shootbox */

/* =CONTENT - the content styles */
	/* left column */
	
	a.button{
	display: block;
	width: 220px;
	height:45px;
	font-weight:bold;
	font-size:0.8em;
	line-height:1.2em;
	text-align: center;
	/*background: #0065a4;
	border: 4px solid #fff;*/
	color: #fff;
	cursor: pointer; /* IE6 */
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
	background-image:url(images/i/photolab-button.png);
	background-position:0px -55px;
	background-repeat:no-repeat;
	}

 a.button:hover {
color: #ff9f22;
}
	#content h1, .highslide-body h1{	font-family:Tahoma,Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:bold;
	color:#0065a4;
	margin-bottom:.5em;}

#content h2, .highslide-body h2 {	font-family:Tahoma,Arial, Helvetica, sans-serif;font-size: 1.3em;font-weight:bold;color:#0065a4;margin-bottom:.3em}
#content h3, .highslide-body h3{	font-family:Tahoma,Arial, Helvetica, sans-serif;font-size: 1.1em;font-weight:bold;color:#0065a4;margin-bottom:.2em}
#content h4, .highslide-body h4  {	font-family:Tahoma,Arial, Helvetica, sans-serif;font-size: 0.9em;font-weight:bold;color:#0065a4;margin-bottom:.2em}
#content ul, .highslide-body ul {
	list-style-type: disc;
	list-style-position: outside;
	margin-left:25px;
}
#content a {
font-weight:bold;}
#content p, .highslide-body p {
margin-bottom:.7em;}
/* =FOOTER */
	#footer{
	height: 131px;
/*	clear:both;*/
	width:100%;
	background-color:#0065a4;
	font-size: 0.8em;
	text-align:center;
margin-top:-45px;
z-index:100;
	position: relative;
	}
	#footer p {padding-top:55px;
	width:800px;
	color: #ffffff;
	margin-left:auto;
	margin-right:auto;} 
	#footer a{
	color:#0086D7;
}
	#footer a:hover{color: #0099FF;}
	
	
	.imgLeft {
	border: 1px solid #332f30;
	float: left;
	margin: 0 12px 6px 0;
	padding: 1px;
	}
#content td {
padding-left:5px;}
.imgRight {
	border: 1px solid #332f30;
	float: right;
	margin: 0 0 6px 12px;
	padding: 1px;
	}


/* Formulaire */
fieldset {  
margin: 1.5em 0 0 0;  
padding: 0;
padding: 0;  
border: 1px solid #BFBAB0;  
background-color: #F2EFE9;
background-image:url(images/gradient-gris.jpg);
background-repeat:repeat-x;

}
legend {  
margin-left: 1em;  
color: #000000;  
font-weight: bold;
}
fieldset p {  
padding: 1em 1em 0 1em;  
}
fieldset ol {  
padding: 1em 1em 0 1em;  
list-style: none;
}
fieldset li {  
padding-bottom: 1em;
}
fieldset.submit {  
border-style: none;
}
label {  
float: left;  
width: 10em;  
margin-right: 1em;  
text-align: right;
}
.tableau label {  /*Pour tableau */ 
margin-right: 1em;  
text-align:center;
width: 150px;  
}
.tableau input {  /*Pour tableau */ 
width: 150px;  
}
input {  
width: 15em;  
margin-right: 1em;  
}
textarea {
width: 15em;  
margin-right: 1em;  }

.form_container {margin-left:159px;}
input.radio {width:1em;margin-right:0.5em;margin-left:1em;}

.required, .invalid {border:1px solid red;}
#LoginForm{
width:180px;
}
.wlpeMessage, #wlpeReset, #wlpeResetForm, #wlpeActivate input{
width:160px;}


#LoginForm fieldset {  
margin: 1.5em 0 0 0;
}
#LoginForm fieldset li{ padding-bottom: 0.5em;}
#LoginForm fieldset ol {
	padding-top: 1em;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 10px;
}
#LoginForm label {  
float:none;
width: 160px;  
margin-right: 10px;  
text-align: left;
}
#LoginForm input {  
width: 160px;  
margin-right: 10px;  
}

/* Fin Formulaire */

/* Tables */
table {
	font-size:.8em;
	border-collapse: collapse;
	width: 460px;
	}

table.zebra thead tr{ 	padding: 0 0.5em;

 }
table.zebra thead tr, table.zebra thead tr:hover td{
	background-color:#0682d1;
 }
 table.zebra tr:hover td{
	background-color:#DFF2F9;
}
	table.zebra thead th, table.zebra thead tr {
	text-align:center; 
	height:2em;
	color:#FFFFFF;
	font-weight:bold;}
	
table.zebra tfoot {
font-size:10px;
}
table.zebra tr			{ background-color: #a6dbed;
height:2em;
text-align:center; }
table.zebra td+td {
font-weight:normal;
}
table.zebra td {
font-weight:bold;
}
table.zebra td {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
table.zebra tr.udda		{ background-color: #b8edff; }
table.zebra tr.sous-titre_tableau {
background-color:#999999;}

table.zebra td.gris{
background-color:#a6dbed;}

/* Fin Tables */

/* Boite choix de langue */
#langue {
text-align:right;

}
#langue a {
display:block;
text-align:center;
color:#FFFFFF;
float:right;
width:100px;
margin-right:10px;
margin-top:15px;
height:23px;
background-image:url(images/i/choix_bouton.png);
background-position:left top;
}

#langue a:hover, #langue a.active {
background-position:right top;
}


/* fin boite choix de langue */

.floatLeft {
float:left;
}
.clear {
clear:both;}


.highslide-dimming {
	background: white;
}

.highslide-wrapper div {
    font-family: Verdana, Helvetica;
    font-size: 10pt;
}
.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(js/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}


/* Styles for the popup */
.highslide-wrapper, .rounded-white {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 600px;
    padding: 0 5px 5px 5px;
}
.highslide-wrapper .highslide-header {
	padding-bottom: 5px;
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
display:none;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(js/highslide/graphics/resize.gif);
display:none;
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}
.highslide-close {
font-size:1.1em;
}

.telecharge {
top:300px;
}
.telecharge a.button {
font-size:1.2em;}
.important {
width:500px;
margin-left:auto;
margin-right:auto;}
#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 1000;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

#footer .sitepar a{
color:#0099FF;}

div.errors
{
	border:2px solid #aa2b1a;
	padding:15px;
	background-color: #EDB1A9;
}