@charset "utf-8";

	body {margin:0; padding:0; font-size:10pt; font-family:arial; background:url(images/arriere-plan.jpg) repeat;}
	#conteneur {width:900px; margin:10px auto;}
	:focus {outline: none;}


/* Debut du header */
	#header {height:140px; z-index:10;}
	#headernav {width:900px; position:absolute; float:left; z-index:10; margin:25px 0 10px; padding:0 10px; height:40px; background: url(images/header-bg.gif) no-repeat 0 -40px;}
	#headernav li {list-style-type:none; cursor:pointer; float:left;}
	#headernav ul.sousmenu {display: none; position:absolute; background-color:#DFDFDF; width:182px; padding:0; margin:0;}
	#headernav li:hover ul.sousmenu {display:block;}
	
	#headernav li ul li ul {display: none; position:absolute; background-color:#DFDFDF; width:182px; padding:0; margin:0 0 0 180px;}
	#headernav li ul li:hover .soussousmenu {display:block; background-color:#C3DDE9; }
	#headernav ul.soussousmenu {display: none; position:absolute; background-color:#DFDFDF; width:135px; padding:0; margin:-40px 0 0 182px;}
	#headernav li ul li a {width:182px;}
	
	#headernav ul li{margin:0px; padding:0px;}
	#headernav li ul li a:hover {font-weight:bold; background: url(images/vide.gif) repeat !important;}
	#headernav li a {color:#40005D; display:block; font-size:10pt; height:31px; padding:9px 9px 0 10px; text-decoration:none;}
	#headernav li a:hover {background: url(images/header-rollover.gif) repeat-x;}
	#headernav li a.on {background: url(images/header-on.gif) repeat-x; border-left:1px solid #afafaf; border-right:1px solid #afafaf;}
	
	#pushvideo {float:left; display:block; height:68px; width:234px; background-image:url(images/push-video.jpg)}
	#pushvideo:hover {background-position: 0 68px;}
	
	#pushvideo02 {float:left; display:block; height:68px; width:136px; background-image:url(images/push-video02.jpg)}
	#pushvideo02:hover {background-position: 0 68px;}
	
	#webinarhp {float:left; display:block; height:68px; width:136px; background-image:url(images/webinar-hp.jpg)}
	#webinarhp:hover {background-position: 0 68px;}	
	
	#postulez {float:left; display:block; height:68px; width:136px; background-image:url(images/postulez.jpg)}
	#postulez:hover {background-position: 0 68px;}	
	
	#headerrecherche {position:absolute; float:left; z-index:5; margin:85px 0 0 720px; background: url(images/header-formulaire-bg.gif) no-repeat; width:162px; height:27px; border:0; padding:3px 0 0 5px;}
	#headerrecherche input {background-color:transparent; border:0; width:121px; color:#8F8F8F;}
	#headerrecherche button {background: url(images/header-formulaire-ok.gif) no-repeat; width:26px; height:19px; border:0; font-size:8pt; font-family:verdana; font-weight:bold; color:#8F8F8F; cursor:pointer; padding:0; position:absolute; right:9px; top:4px;}
	
	#headervalue {background: url(images/header-val-bg.gif) no-repeat; width:100px; height:24px; border:0; color:#8F8F8F; font-size:8pt; font-family:verdana; font-weight:bold;}
	
	#mentionslegale {margin:0px 0 0 0px; padding-left:20px; padding-right:20px; font-size:10pt; font-family:verdana; text-align:justify;}
	#mentionslegales {position:absolute; margin:5px 0 0 530px; font-size:8pt; font-family:verdana;}
	#mentionslegales a {color:black; text-decoration:none;}
	#mentionslegales a:hover {text-decoration:underline;}
/* Fin du header */

/* Debut du footer */
	#liensmimio {width:100%; background: url(images/footer-bg.gif) no-repeat; height:101px; font-size:8pt; float:left;}
	#liensmimio ul {margin: 4px 10px 0 0; padding:0;}
	#liensmimio li {list-style-type:none; text-align:right; margin: 0 0 5px 0;}
	#liensmimio a {color:black; text-decoration:none;}
	#liensmimio a:hover {text-decoration:underline;}
	#liensmimio p{margin:5px 0 0 10px; padding:0; width:246px; font-size:7pt;}

	#division {float:left; background: url(images/logo-division-securite.gif) no-repeat; width:240px; height:76px; color:black; font-size:8pt; text-decoration:none; padding:11px 0 0 11px;}
	#division:hover {background: url(images/logo-division-securite-on.gif) no-repeat; text-decoration:none !important;}
	#division p.division_titre {text-align:left; margin:0; color:#515151; font-size:9pt; font-weight:bold;}
	#division p.division_sstitre {text-align:left; margin:7px 0 0 0; color:#5C5C5C; font-size:11pt; font-weight:bold; font-style:italic; width:240px;}

	#liensathena {width:900px; text-align:center; color:#c0c0c0; margin-top:10px; font-size:8pt; float:left;}
	#liensathena p {margin:0;}
	#liensathena a {color:#c0c0c0; text-decoration:none;}
	#liensathena a:hover {color:black; text-decoration:underline;}
	
	
	.lienmauve a {color:#7b197e; text-decoration:none;}
	.lienmauve a:hover {color:#7b197e; text-decoration:underline;}
/* Fin du footer */

/* Debut generalites */
	#contenu {width:100%; margin:20px 0 30px; float:left; z-index:5;}
	#communique-gche {width:310px; text-align:justify; padding-left:20px; padding-right:20px; float:left;}
	#communique-dte {width:310px; text-align:justify; padding-left:20px; padding-right:20px; float:right;}
	#map-gche {width:500px; text-align:justify; padding-left:0px; padding-right:0px; float:left;}
	h1 {margin:75px 0 0; position:absolute;}
	h2 {width:900px; padding-bottom:5px; border-bottom:1px solid #737373; font-size:13pt; font-weight:bold; margin:20px 0 10px 0;}
	h3 {font-size:11pt; font-weight:bold; margin:0 0 10px 0; color:#6F6F6F;}
	h4 {width:150px; padding-bottom:1px; padding-left:0px; border-bottom:1px solid #737373; font-size:12pt; font-weight:bold;}
	a {color:#37A5D8;}
	a:hover {
	color:#791A7E;
}
	
	table.noborder {border-collapse:collapse;} /* la classe noborder permet d'�viter les attributs cellpadding="0" et cellspacing="0" systematiques dans les tableaux */
	table.noborder td {padding:0px;}
	

	.gras {font-weight:bold;}
	.italique {font-style:italic;}
	.align_droite {float:right; margin-left:10px;}
	.align_gauche {float:left; margin-right:10px;}
	.soustitre {font-size:10pt; font-weight:bold; color:grey;}
	.soustitre02 {font-size:10pt; font-weight:bold; color:#000;}	
	.plan {font-size:9pt; font-weight:bold; color:grey;}
	.sousplan {font-size:8pt; font-weight:normal; color:grey;}
	.legende {font-size:9px; font-weight:normal; color:#37A5D8;}
	.petitgris {font-size:12px; font-weight:normal; color:#37A5D8;}	
	.tel {font-size:10pt; font-weight:normal; color:#37A5D8;}
	.legal {font-size:10pt; font-weight:normal; color:#A9007A;}
	img.cadre {border:1px solid grey;}
	.mauve {color:#761B7B;}
	.clear {clear: both;}
	.txtimg { font-family:Arial, Helvetica, sans-serif; font-size:8pt; text-align:center;}
	.txttopright {color: #731e7b;font-size: 12px;}
	.txttopright a {color:#731e7b; text-decoration:none;}
	.txttopright a:hover {color:#731e7b;text-decoration:underline;}	
/* Fin generalites */

/* Debut area */
.blocarea {display:none; visibility: hidden; width:215px; height:520px text-align:left; padding-left:0px; padding-right:0px; position:fixed-right; z-index:inherit; overflow:auto;}
/* Fin area */

/* Debut pages Produits */
	.produitsbleu {color:#37A5D8; font-weight:bold; font-size:15px; padding-right: 10px;}
	.produitsmauve {color:#791a7e; font-weight:bold; font-size:15px; padding-right: 10px;}
	h2.produits {color:#37A5D8; width:718px; margin-top:0;}
	h2.plansite {color:#A9007A; width:890px; margin-top:0;}
	h2.techno {color:#37A5D8; width:343px; margin-top:0;}
	h4.puce {color:#A9007A; width:150px; margin-top:0px;}
	#texte {float:left;}
	.liste_revendeurs {cursor:pointer; z-index:10; width:176px; height:20px; background: url(images/liste-revendeurs-off.gif) no-repeat; font-size:9pt; text-decoration:none; color:white; float:right;	padding:1px 0 0 7px;}
	.liste_revendeurs:hover {background: url(images/liste-revendeurs-on.gif) no-repeat; color:white;}
	.photo {margin-bottom:10px;}
	.photo p {text-align:center; font-size:8pt; margin:2px 0 20px}
	.logopdf {display:block; width:250px; height:102px; background: url(images/logo-pdf-off.png) no-repeat right;}
	.logopdf p {float:right; margin-right:100px; font-weight:bold; text-align:right;}
	.logopdf:hover {background: url(images/logo-pdf-on.png) no-repeat right;}
	
	#infobulle {float:right; width:200px; padding:10px; background-color:#781B7D; color:white; font-size:90%; font-weight:bold; font-style:italic; border:1px dotted white; margin-bottom:20px;}
	#decouvrez-xi {float:left; margin-top:15px; display:block; width:160px; height:49px; background-image:url(images/decouvrez-mimio-xi.jpg); font-size:5%;}
	#decouvrez-xi:hover  {background-position: 0 49px;}
	#decouvrez-classroom {float:left; margin-top:15px; display:block; width:160px; height:49px; background-image:url(images/decouvrez-mimio-classroom.jpg); font-size:5%;}
	#decouvrez-classroom:hover  {background-position: 0 49px;}
	#decouvrez-craie {float:left; margin-top:15px; display:block; width:160px; height:49px; background-image:url(images/decouvrez-craie.jpg); font-size:5%;}	
	#decouvrez-craie:hover  {background-position: 0 49px;}
	#decouvrez-webinar {float:left; margin-top:15px; display:block; width:160px; height:49px; background-image:url(images/decouvrez-webinar.jpg); font-size:5%;}
	#decouvrez-webinar:hover  {background-position: 0 49px;}
	#decouvrez-mimio-studio {float:left; margin-top:15px; display:block; width:160px; height:49px; background-image:url(images/decouvrez-mimio-studio.jpg); font-size:5%;}
	#decouvrez-mimio-studio:hover  {background-position: 0 49px;}		
/* Fin pages Produits */

/* Debut page Acheter */
	h2.violet {color:#A9007A; width:718px; margin-top:0;}
	.tritableau {font-size:8pt; background-color:#E0E7EF; border-top:1px solid white; border-left:1px solid white;}
	.tritableau tr.nav {background-color:#A4D8EF;}
	.tritableau tr.gris {background-color:#EFEFEF;}
	.tritableau td {padding:5px 0; text-align:center; border-bottom:1px solid white; border-right:1px solid white;}
	.tritableau th {border-bottom:1px solid white; border-right:1px solid white;}
/* Fin page Acheter */

/* Debut page Articles de presse */
	#articles {float:left; list-style-type:none; margin-bottom:20px; padding:0;}
	#articles li {border:1px dotted #999999; padding:5px; margin-bottom:15px; }
	#articles a{background-color:#e3e3e3; display: block; height:150px;}
	#articles a:hover{background-color:#fff;}
	#articles img {float:right; margin:5px;}
	#articles h3 {padding: 10px 0 0 10px;}
	#articles p {padding-left: 10px; font-style:italic;}
/* Fin page Articles de presse */