@charset "utf-8";
/* CSS Document */

img, div { behavior: url(iepngfix.htc) }
 
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.69em;
	color:#666;
	background-color:#FFF;
	margin:0 auot;
	text-align:center;
	line-height:1.3em;
}

body a{
	color:#F60;
	text-decoration:none;
}
	
body a:hover{
	text-decoration:underline;
}

body .orange{
	color:#F60;
}

body .exposant{
	font-size:0.65em;
	vertical-align:super;
}

#container{
	position:relative;
	margin:0 auto;
	text-align:left;
	width:910px;
}

#conditions{
	position:relative;
	margin:10px 20px 10px 20px;
	text-align:left;
	width:415px;
	height:320px;
	overflow:auto;
	}
	
#mentions{
	position:relative;
	background-color:#FFF;
	height:100%;
	width: 550px;   
	margin:20px 0 20px 35px;
	*margin:5px 0 5px 20px;
}
	
#mentions p{
	width:550px;
	text-align:justify;
	margin-left:150px;
}
	
#mentions p.bigtitrecond{
	color:#000;
	margin-left:0px;
	font-size:1.6em;
	font-weight:bold;
	text-align:left;
}

#mentions p.titrecond{
	left:150px;
	color:#000;
	font-size:1.4em;
	font-weight:bold;
	width:550px;
	text-align:left;
	padding-bottom:5px;
	background:url(images/separateur.png) bottom left no-repeat;
}

#mentions p.soustitrecond{
	color:#000;
	font-size:1.2em;
	font-weight:bold;
	font-weight:
	width:400px;
	text-align:left;
}

#mentions  ul {
	margin-left:150px;
	width:500px;
	text-align:justify;
	list-style-image:url(images/puce-orange.png);
}

#astuces{
	display:block;
	position:relative;
	margin:10px 0 10px 5px;
	text-align:left;
	width:435px;
	height:280px;
	overflow:auto;
	}
	
#astuces p{
	padding-left:10px;
	margin:0 0 12px 0;
	background:url(images/puce-orange2.png) top left no-repeat;
	}

#construction{
	position:relative;
	margin:0 auto;
	text-align:center;
	width:550px;
	height:250px;
	}
	
#construction p{
	margin:150px 0 0 0;
	}

#top{
	position:relative;
	height:80px;   
	width: 910px;
}

div#menuHaut{
	position:relative;
	width: 910px;
	/*-width: 930px;*/
	-height:110px;
	margin:0;
}

#menuHaut p#enTete{
	padding:5px 15px 5px 15px;
	margin:0 auto;
	background-color:#EEE;
}

#corps{
	position:relative;
	float:left;
	background-color:#FFF;
	height:290px;   
	width: 510px;
	*width: 450px;
	margin:26px 0 20px 20px;
	*margin:11px 0 5px 20px;
}


#main p{
	text-align:left;
}

#flash{
	position:relative;
	float:right;
	background-color:#999;
	width: 280px;
	height: 290px;
	border:1px solid #EEE;
	margin:26px 60px 20px 30px;
}

#pied{
	position:relative;
	float:left;
	height:75px;
	width:910px;
	background:url(images/bg_footer.gif) top left;
	padding-top:20px;
	padding-left:20px
}

#pied a{
	color:#333;
	decoration:none;
	margin-right:30px;
}

#pied a:hover{
	color:#333;
	decoration:underline;
}

#end{
	position:relative;
	float:left;
	height:23px;
	width:910px;
	/*background:url(images/esperluette.png) top left no-repeat;*/
}

#formnum{
	position:relative;
	margin:0 auto;
}

#gauche{
	position:relative;
	float:left;
	background-color:#FFF;
	height:100%;
	width: 480px;   
	*width: 450px;   
	margin:20px 0 20px 35px;
	*margin:35px 0 5px 20px;
	overflow:visible;
}

#gauche p.choisir{
	margin:0 0 30px 0;
}
#gauche p.choisir2{
	margin:0 0 10px 0;
}

#gauche p.bureautique{
	position:relative;
	float:left;
	width:140px;
	margin:0 0 15px 70px;
	*margin:0 0 0 35px;
}

#gauche p.impression{
	position:relative;
	float:left;
	width:140px;
	margin:0 0 15px 20px;
}

#gauche p.veuillez{
	margin:0 0 10px 0;*
}

input[type=submit]{
	border:0;
	width:59px;
	height:26px;
	background:url(images/creer.png) top left no-repeat;
	margin:0 auto;
}

.boutonCreer{
	-border:0;
	*width:59px;
	-height:26px;
	-background:url(images/creer.png) top left no-repeat;
	*margin:0 0 -1px 0;
}

#droite{
	position:relative;
	float:left;
	background-color:#FFF;
	height:100%;   
	width: 380px;
	*width:400px;
	margin:20px 0 5px 10px;
}

#droite p{
	text-align:left;
}

img.logo{
	border:0;
}

img.grandseparateurchoix{
	position:relative;
	float: left;
	clear: left;
	margin: 0 15px 0 0;
	border:0;
}

img.grandseparateur{
	position:relative;
	float: left;
	clear: left;
	margin: 0 15px 0 0;
	border:0;
}

img.menuHaut{
	padding:0;
	margin:0;
	float:left;
	vertical-align:baseline;
	border:0;
}

img.lien{
	padding:0;
	margin:5px 5px -2px 0;
	border:0;
	text-align:left;
}

#droite p{
	padding:0;
	border:0;
	margin:0 0 5px 0;
}

#droite p.liend{
	padding:0;
	border:0;
	margin:0 0 20px 0;
}

img.puce{
	padding:0;
	margin:5px 5px 1px 0;
	border:0;
}

img.contactez{
	padding:0;
	margin:5px 5px -15px 15px;
	border:0;
}

img.construction{
	padding:0;
	margin:5px 5px -3px 0;
	border:0;
}

img.utilisation{
	clear:left;
	margin:0 0 15px 0;
	border:0;
}

img.petitseparateur{
	position:relative;
	float:right;
	margin:0 0 0 10px;
	border:0;
}

img.numero{
	clear:left;
	margin:0 0 10px 0;
	border:0;
}

img.choisir{
	margin:0 0 -10px 0;
	border:0;
}

img.telecharger{
	position:relative;
	float:right;
	padding:0;
	margin:15px 50px 10px 0;
	border:0;
}

p.etoile{
	font-size:10px;
}

p.titre{
	font-size:1.1em;
	color:#F60;
}

label.error{
	display:block;
	padding:0 0 0 25px;
	background:url(images/exclamation.png) top left no-repeat;
	color:#FF0000
	margin:0 auto;
	}
	
input.error{
	color:#FF0000
	}
	
#colg{
    float: left;
    width: 150px;
}
#cold {
    float: right;
    width: 150px;
}
#colm {
    padding: 0px 160px 0px 160px;
    margin: 0px;
	padding:0 0 10px 0;
}

ul#menuHaut {
	width: 910px;
	*width:920px;
	margin: 0;
	list-style: none;
	padding:0;
}

ul#menuHaut li { display: inline; }
	
ul#menuHaut li a {
	display: block; float: left; height: 40px;
	background-image: url(img/00_menu.png); text-indent: -9999px;
}

	ul#menuHaut li a.numVert {
		width: 112px; background-position: 0 0;	
	}
	
	ul#menuHaut li a.numAzur {
		width: 116px; background-position: -112px 0;	
	}
	
	ul#menuHaut li a.numIndigo {
		width: 125px; background-position: -228px 0;	
	}
	
	ul#menuHaut li a.numMagiques {
		width: 151px; background-position: -353px 0;	
	}
	
	ul#menuHaut li a.numCristal {
		width: 126px; background-position: -504px 0;	
	}
	
	ul#menuHaut li a.numAudiotel {
		width: 136px; background-position: -630px 0;	
	}
	
	ul#menuHaut li a.charteGraphique {
		width: 144px; background-position: -766px 0;	
	}
	
	
	ul#menuHaut li a.numVert:hover, ul#menuHaut li a.numVert:focus, ul#menuHaut li a.numVertActif {
		background-position: 0 -40px;	
	}
	
	ul#menuHaut li a.numAzur:hover, ul#menuHaut li a.numAzur:focus, ul#menuHaut li a.numAzurActif {
		background-position: -112px -40px;
	}
	
	ul#menuHaut li a.numIndigo:hover, ul#menuHaut li a.numIndigo:focus, ul#menuHaut li a.numIndigoActif {
		background-position: -228px -40px;	
	}
	
	ul#menuHaut li a.numMagiques:hover, ul#menuHaut li a.numMagiques:focus, ul#menuHaut li a.numMagiquesActif {
		background-position: -353px -40px;	
	}
	
	ul#menuHaut li a.numCristal:hover, ul#menuHaut li a.numCristal:focus, ul#menuHaut li a.numCristalActif {
		background-position: -504px -40px;	
	}
	
	ul#menuHaut li a.numAudiotel:hover, ul#menuHaut li a.numAudiotel:focus, ul#menuHaut li a.numAudiotelActif {
		background-position: -630px -40px;	
	}
	
	ul#menuHaut li a.charteGraphique:hover, ul#menuHaut li a.charteGraphique:focus, ul#menuHaut li a.charteGraphiqueActif {
		background-position: -766px -40px;	
	}	

a { outline: none; }


#charteGauche{
	position:relative;
	float:left;
	background-color:#FFF;
	height:100%;
	width: 210px;   
	*width: 220px;   
	margin:20px 15px 20px 0;
	*margin:35px 0 5px 0;
	overflow:visible;

}

#charteDroite, #charteDroiteB{
	background-color:#FFF;
	height:100%;   
	width: 670px;
	*width:650px;
	margin:20px 0 35px 225px;

}

#charteDroite ul#page1{
	list-style-image:url(images/puce-orange.png);
	list-style-position:outside;
	margin:0;
}

#charteDroite li{
	margin:0 0 15px 0;
	vertical-align:middle;
}

#charteDroite ul#page2 li.lien1,#charteDroite ul#page2 li.lien2, #charteDroite ul#page2 li.lien3{
	list-style:none;
	background-repeat:no-repeat;
	text-indent:30px;
	padding:3px;
	margin:0 0 10px 0;
}

#charteDroite ul#page2 li.lien1,#charteDroite ul#page2 li.lien2{
	height:22px;
}

#charteDroite ul#page2 li.lien3{
	height:32px;
}

#charteDroite ul#page2 li.lien1{
	background-image:url(images/pastille_1b.png);
}

#charteDroite ul#page2 li.lien2{
	background-image:url(images/pastille_2b.png);
}

#charteDroite ul#page2 li.lien3{
	background-image:url(images/pastille_3b.png);
}

#charteDroite ul#page3{
	background-image:url(images/03_cartouchenumvert1.png);
	background-repeat:no-repeat;
	background-position:right top;
	width:620px;
	margin:15px 0 25px;
}

#charteDroite ul#page3 li.lien1, #charteDroite ul#page3 li.lien2{
	list-style:none;
	background-repeat:no-repeat;
	padding:0 0 0 30px;
	margin:0 0 20px 0;
	width:300px;
	height:28px;
}

#charteDroite li.lien1{
	background-image:url(images/pastille_1.png);
}

#charteDroite li.lien2{
	background-image:url(images/pastille_2.png);
}

#charteDroite li.lien3{
	background-image:url(images/pastille_3.png);
}

#charteDroite p#texte, #charteDroite ul#page1{
	width:530px;
	margin:10px 0 0;
}

#charteDroiteB p{
	width:505px;
	margin:10px 0 0;
}

#charteDroite ul#page2{
	width:670px;
	margin:10px 0 0;
}

#charteDroite ul#page2 img{
	vertical-align:middle;
}

#intro{
	margin:10px 0 0;
	color:#F60;
	font-size:1.2em;
	font-weight:bold;
}

ul#menuCharte {
	width: 215px;
	margin: 0;
	list-style:none;
	padding:0;
	
}

ul#menuCharte li a.lien {
	display: block; height: 23px;
	background-image: url(images/00_fleche_menu_off.png); text-indent: 15px;
	background-repeat:no-repeat;
	background-position:0 -5px;
	color:#666;
	text-decoration:none;
}

ul#menuCharte li a.lien:hover, ul#menuCharte li a.lien:focus, ul#menuCharte li a.lienActif {
		background-position: -215px -5px;
		text-decoration:none;
		}	
		
ul#menuCharte li a.lienActif {
		font-weight:bold;
}	

		
.texteOrange{color:#F60;}

#page4center1{
	width:200px;
	height:315px;
	float:left;
	background-image:url(images/04_cartouches.png);
	background-repeat:no-repeat;
	background-position:0 0;
	padding:0 0 0 175px;
	margin:15px 0;
}

#page4center1 p{
	margin:0 0 14px 0;
	padding:0;
	line-height:13px;
}

#page4right1{
	width:100px;
	height:315px;
	float:right;
	background-image:url(images/04_noir.png);
	background-repeat:no-repeat;
	background-position:100px 0;
	-background-position-x:100px;
	-background-position-y:0px;
	padding:0 175px 0 0;
	margin:15px 0;
	-overflow:hidden;
}

ul#page4{
	background-image:url(images/04_cartouchenumvert.png);
	background-repeat:no-repeat;
	background-position:right top;
	width:560px;
	margin:15px 0 25px;
	}
	
#charteDroite ul#page4 li{
	list-style:none;
	background-image:url(images/puce-orange.png);
	background-repeat:no-repeat;
	background-position:0 11px;
	padding:5px 0 0 10px;
	margin:0 0 8px;
	width:320px;
	height:28px;
}

#page5intro{
	background-image:url(images/05_cartouche1.png);
	background-repeat:no-repeat;
	background-position:right top;
	height:83px;
	width:350px;
	padding:15px 310px 0 0;
	margin:0;
}

#page5center1{
	width:215px;
	height:150px;
	float:left;
	background-image:url(images/05_cartouche3.png);
	background-repeat:no-repeat;
	background-position:right 0;
	padding:11px 65px 0 0;
	margin: -11px 0 0 0;
}

#page5center1 p{
	margin:0 0 14px 0;
	padding:0;
	line-height:13px;
}

#page5right1{
	width:285px;
	height:150px;
	float:left;
	padding:0 50px 0 0;
	margin: 0 0 0 035px;
}

p#page5end1{
	margin:0 0 10px 0;
	padding:0 140px 0 0;
	line-height:13px;
	background-image:url(images/05_cartouche4.png);
	background-repeat:no-repeat;
	background-position:right top;
	height:55px;
}

p#page5end2{
	margin:0 0 10px 0;
	padding:0;
	line-height:13px;
	background-image:url(images/05_cartouche5.png);
	background-repeat:no-repeat;
	background-position:right 10px;
	height:75px;
}

#page6intro{
	width:480px;
	padding:15px 0px 0 0;
	margin:0;
}

#charteDroite ul#page6, #charteDroiteB ul#page6{
	width:460px;
	margin:10px 0 0;
	list-style-image:url(images/puce-orange.png);
	list-style-position:outside;
	margin:10px 0 0 0;
}

#charteDroite ul#page6 img{
	margin:15px 10px;
}

ul#page6abc {
	margin: 0;
	list-style: none;
	padding:0;
	float:right;
	margin:15px 70px 0 0
}

ul#page6abc li { display: inline; }
	
ul#page6abc li a {
	display: block; float: left; height: 14px; margin:0 2px;
	background-image: url(images/00_carre1_off.png); background-repeat:no-repeat; text-indent: -9999px;
}

ul#page6abc li a.page6a {
	width: 14px; background-position: 0 0;	
}	

ul#page6abc li a.page6b {
	width: 14px; background-position: -14px 0;	
}	

ul#page6abc li a.page6c {
	width: 14px; background-position: -28px 0;	
}	
	
ul#page6abc li a.page6a:hover, ul#page6abc li a.page6a:focus, ul#page6abc li a.page6aActif {
	background-position: 0 -14px;	
}

	ul#page6abc li a.page6b:hover, ul#page6abc li a.page6b:focus, ul#page6abc li a.page6bActif{
	background-position: -14px -14px;	
}
	ul#page6abc li a.page6c:hover, ul#page6abc li a.page6c:focus, ul#page6abc li a.page6cActif{
	background-position: -28px -14px;	
}

#page7intro{
	padding:0;
	margin:0;
}

.imgPage8{
	float:left;
	margin:10px 25px 0 0;
}

#charteDroite ul#page8{
	list-style-image:url(images/puce-orange.png);
	list-style-position:outside;
	margin:0;
}

#charteDroite ul#page8 li{
	margin:10px 0 25px;
	vertical-align:middle;
}

#charteDroite ul#page8 li a{
	color:#666;
	text-decoration:none;
}

#charteDroite ul#page8 li a:hover{
	color:#F60;
}

p.attention{
	background-image:url(images/00_pastille_attention.png);
	background-repeat:no-repeat;
	background-position:left 3px;
	padding: 0 0 0 30px;
	width:360px;
}

p#mention{
	margin:15px 0 0;	
}

p#mentionImg{
	margin:0 0 35px 0;	
}

img.cartoucheVertChoix{
	vertical-align:top;	
	margin:5px 20px 0 0;
	border:0;
}

p#cheminDeFer{
	text-align:left;
	margin:45px 0 0 0;
	*margin:5px 0 0 0;
	padding:0;
}

p#cheminDeFer a{
	color:#666;
	text-decoration:none;
}

p#cheminDeFer a:hover{
	color:#F60;
	text-decoration:none;
}

p#subCheminDeFer{
	text-align:left;
	margin:5px 0 0 0;
	padding:0;
	font-weight:bold;
	font-size:1.2em;
}

#ssmenu {
border-bottom:3px solid #E0E0E0;
left:0;
margin:40px 0 10px 0;
*margin:8px 0 0 0;
width:910px;
min-height:22px;
}

#ssmenu a.navActive{color:#F60;}
#ssmenu a{color:#000;text-decoration:none;}
#ssmenu a hover{color:#F60;text-decoration:none;}

#ssmenu li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(img/puce_square.gif) no-repeat scroll 0 50%;
display:inline;
margin:3px 0 0 0;
*margin:0;
padding:0 10px;
float:left;
}

#ssmenu ul {
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
float:none;
}