body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: #f9f9f9 url(img/page_bg.jpg) repeat-x top;
}
a {
	outline: none;
}

a img {
	border: none;
}

.big_thumb {
	width: 479px;
	height: 275px;
}

.thumb {
	width: 215px;
	height: 110px;
}

#global {
	position: relative;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 0;
	padding: 0 15px 0 15px;
	background: url(img/shadow_bg.jpg) no-repeat top;
	
}
#container {
	width: 900px;
	height: auto;
	min-height: 700px;
	_height: 600px;
	margin: 0;
	padding: 0;
	background-color: #FFF;
}
#top {
	width: 900px;
	height: 102px;
	margin: 0;
	padding: 0;
	background: url(img/top_bg.gif) repeat-x bottom;
}
#logo {
	margin: 0;
	padding: 13px 0 0 5px; 
	float: left;
}

#logo a {
	display: block;
	width: 222px;
	height: 60px;
	margin: 0;
	padding: 0;
	background: url(img/logo_knowesia.gif) no-repeat;
	font-size: 10px;
	text-indent: -999em;
}

img#recrutement{
float:left;
margin-top:20px;
margin-right:15px;
}

#offres{
float:left;
width:640px;
}

#new{
width:32px;
height:27px;
}

#menuannexe {
	position: absolute;
	top: 0px;
	right: 25px;
	/*width: 60%;*/
	width:585px;
}

#menuannexe ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 10px;	
}
#menuannexe ul li {
	margin: 0;	
	padding: 0px 2px 0 0;
	display: block;
	float: left;
}
#menuannexe ul li a {
	margin: 0;
	float: left;
	color: #9c9d9e;
	text-decoration: none;
	background-repeat: no-repeat;
}

#menuannexe ul li.demo a {
	background: url(img/demo.gif) left top no-repeat;
	width:208px;
	height:32px;
}
#menuannexe ul li.test a {
	background: url(img/test.gif) left top no-repeat;
	width:198px;
	height:32px;
}
#menuannexe ul li.contact a {
	background: url(img/contact.gif) left top no-repeat;
	width:173px;
	height:32px;
}

#menuannexe ul li.demo a:hover {
	background: url(img/demo_h.gif) left top no-repeat;
	width:208px;
	height:32px;
}
#menuannexe ul li.test a:hover {
	background: url(img/test_h.gif) left top no-repeat;
	width:198px;
	height:32px;
}
#menuannexe ul li.contact a:hover {
	background: url(img/contact_h.gif) left top no-repeat;
	width:173px;
	height:32px;
}






#googleSearch {
	display:none;
}


#txt {
	float: left;
	width: 520px;
	height: 25px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	top: 0px;
	left: 0px;
}

#txt img {
	float: right;
	width: 16px;
	height: 16px;
	}
	
#topnav ul {
	margin: 0;
	padding: 0;
	padding-top: 47px;
	list-style-type: none;
	float: right;
	width:580px;

}

#topnav ul li {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}
#topnav ul li a {
	margin: 0;
	padding: 0;
	display: block;
	height: 40px;
	text-decoration: none;
	text-indent: -999em;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#topnav ul li.produits a {
	width: 107px;
	background-image: url(img/bt_produits_off.gif);
}
#topnav ul li.produits a.actif {
	width: 107px;
	background-image: url(img/bt_produits_on.gif);
}
#topnav ul li.produits a.actif:hover {
	width: 107px;
	background-image: url(img/bt_produits_on.gif);
}
#topnav ul li.produits a:hover {
	background-image: url(img/bt_produits_hover.gif);
}

#topnav ul li.solutions a {
	width: 115px;
	background-image: url(img/bt_solutions_off.gif);
}
#topnav ul li.solutions a.actif {
	width: 115px;
	background-image: url(img/bt_solutions_on.gif);
}
#topnav ul li.solutions a.actif:hover {
	width: 115px;
	background-image: url(img/bt_solutions_on.gif);
}
#topnav ul li.solutions a:hover {
	background-image: url(img/bt_solutions_hover.gif);
}

#topnav ul li.services a {
	width: 106px;
	background-image: url(img/bt_services_off.gif);
}
#topnav ul li.services a.actif {
	width: 106px;
	background-image: url(img/bt_services_on.gif);
}
#topnav ul li.services a.actif:hover {
	width: 106px;
	background-image: url(img/bt_services_on.gif);
}
#topnav ul li.services a:hover {
	background-image: url(img/bt_services_hover.gif);
}
#topnav ul li.societe a {
	width: 98px;
	background-image: url(img/bt_societe_off.gif);
}
#topnav ul li.societe a.actif {
	width: 98px;
	background-image: url(img/bt_societe_on.gif);
}
#topnav ul li.societe a.actif:hover {
	width: 98px;
	background-image: url(img/bt_societe_on.gif);
}
#topnav ul li.societe a:hover {
	background-image: url(img/bt_societe_hover.gif);
}

#topnav ul li.recrutement a {
	width: 137px;
	background-image: url(img/bt_recrutement_off.gif);
}
#topnav ul li.recrutement a.actif {
	width: 137px;
	background-image: url(img/bt_recrutement_on.gif);
}
#topnav ul li.recrutement a.actif:hover {
	width: 137px;
	background-image: url(img/bt_recrutement_on.gif);
}
#topnav ul li.recrutement a:hover {
	background-image: url(img/bt_recrutement_hover.gif);
}

#topnav ul li.presse a {
	width: 84px;
	background-image: url(img/bt_presse_off.gif);
	margin-left:9px;
}
#topnav ul li.presse a.actif {
	width: 84px;
	background-image: url(img/bt_presse_on.gif);
	margin-left:9px;
}
#topnav ul li.presse a.actif:hover {
	width: 84px;
	background-image: url(img/bt_presse_on.gif);
	margin-left:9px;
}
#topnav ul li.presse a:hover {
	background-image: url(img/bt_presse_hover.gif);
	margin-left:9px;
}
#flashContent{
margin:10px 0px 0px 0px;
}

#flash2 {
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
.spacer {
	clear: both;
	line-height: 10px;
}
#main {
	float: left;
	width: 645px;
	padding: 0px 0 0 0;
}

#bloc_roi{
float:left;
margin-top:32px;
margin-left:25px;
width:333px;
height:263px;
background: url(img/bloc_roi.jpg) left top no-repeat;
padding:0px;
}

#bloc_roi h2{
width:315px;
height:47px;
background: url(img/h2_roi.gif) left top no-repeat;
margin:0px;
}

#bloc_roi img{ /* 30% */
float:left;
width:141px;
height:109px;
}

#bloc_roi ul#premier{ /*premiere partie liste à puces)*/
margin-top:5px;
margin-bottom:0px;
padding:0px;
width:168px;
float:left;
margin-left:0px;
}

#bloc_roi ul#deuxieme{ /*deuxième partie liste à puces)*/
margin:0px;
padding-left:5px;
width:308px;
float:left;
}

a#solutions{
color:#000000;
text-decoration:none;
}

#bloc_roi li{
list-style-type: none;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
margin-left:0px;
background:url(img/puce.gif) no-repeat;
background-position: 0px 8px;
padding-left: 13px;
}

#bloc_domaines{
float:left;
margin-left:15px;
width:236px;
height:296px;
background: url(img/bloc_domaines.jpg) left top no-repeat;
}

#bloc_domaines h2{
width:224px;
height:50px;
background: url(img/h2_domaines.gif) left top no-repeat;
margin:0px;
margin-top:31px;
margin-bottom:40px;
}

#bloc_domaines ul{
padding-left:5px;
margin:0px;
width:218px;
}

#bloc_domaines li{
list-style-type: none;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
margin:0px;
background:url(img/puce.gif) no-repeat;
background-position: 0px 8px;
padding-left: 13px;
}



#valid {
	padding-top: 5px;
	list-style-type: none;
	float: right;
	padding-right: 5;
	padding-bottom: 5;
	padding-left: 5;
}

#dem {
	float: left;
	margin: 0;
	width: 400px;
	height: 190px;
	padding-right: 20px;
}
#dem p {
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #000;
	text-align: justify;
}
#intitule {
	float: left;
	margin: 0;
	width: 150px;
	height: 25px;
	padding-top: 5px;
	padding-left: 5px;
}
#intitule p {
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #000;
	text-align: justify;
}
#right {
	float: left;
	width: 205px;
	background-image: url(img/bg_points.gif);
	background-repeat: repeat-y;
	background-position: left;
	padding: 10px 0 15px 25px;
}
#right2 {
	float: left;
	width: 205px;
	height: 460px;
	background-image: url(img/bg_points.gif);
	background-repeat: repeat-y;
	background-position: left;
	padding: 10px 0 15px 25px;
}
.article {
	padding: 0 0 15px 0;
	margin: 0;
}
.article img {
	border: none;
	margin-top: 2px;
}
.article img.imgleft {
	float: left;
	margin-right: 8px;
}
.article img.imgright {
	float: right;
	margin-left: 8px;
}
.article h3 {
	font-size: 11px;

	margin: 0;
	padding: 0;
}
.article p {
	font-size: 11px;
	color: #4e4e4e;
	margin: 0;
	padding: 0;
	text-align: justify;
}
#v2 p {
	width: 210px;
	height: 95px;
	background-image: url(img/bt_v2.gif);
	text-indent: -999em;
	margin: 0;
	padding: 0;
}
#v2 a {
	width: 210px;
	height: 95px;
	display: block;
	text-indent: -999em;
	margin: 0;
	padding: 0;
}
#footer {
	width: 890px;
	height: 22px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding: 8px 2px 0 8px;
	background: url(img/bottom_bg.gif) repeat-x top;
	font-size: 10px;
	color: #c9c9c9;
}
#footer a {
	color: #c9c9c9;
	text-decoration: none;
}
#footer a:hover {
	color: #FFF;
}
#copy {
	float: left;
	padding: 0 8px 0 0;
}
#mentions {
	float: left;
	background: url(img/bg_verti.gif) no-repeat left 1px;
	padding: 0 0 0 9px;
}
#quicklinks {
	float: right;
}
#quicklinks ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#quicklinks li {
	display: inline;
	background: url(img/bg_verti.gif) no-repeat left 1px;
	padding: 0 8px 0 9px;
}
#quicklinks li.accueil {
	display: inline;
	background: none;
	padding: 0 8px 0 9px;
}

/* ---------------- CONTENU ---------------- */

#content {
	margin: 0;
	padding: 18px 25px 18px 18px;
}

#content a {
	color: #bd112b;
	text-decoration: none;
}
#content a:hover {
	text-decoration: underline;
}
#grandvisuel {
	float: left;
	padding: 0 20px 10px 0;
	height:300px;
	width:479px;
}

#grandvisuel_composant {
    float: left;
    padding: 0 20px 10px 0;
    height:280px !important; /* firefox & IE7 */
    height:280px;
}

#grandvisuel3 {
	float: left;
	padding: 0 20px 10px 0;
	height:280px;
}
#grandvisuel2 {
	background-image: url(img/V_produits.jpg);
	background-repeat: no-repeat;
	height: 275px;
	width: 475px;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 0;
	float: left;
}

#petitvisuel {
	float: left;
	position: relative;
	padding-right: 15px;
	padding-bottom: 70px;
}

/*---------------------------------------- navinterne NEW !!!! ----------------------------------*/


#content #navcontainer{
margin:0px;
}

#content #navcontainer_atanor{
margin-left:500px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
}

#navlist ul{
margin-left:0px;
padding-left: 0;
white-space: nowrap;
}

#navlist li{
display: inline;
list-style-type: none;

}

#navlist a { padding: 3px 10px; }

#navlist a{
color: #A62B85;
background-color: #c7c7c7;
text-decoration: none;
font-size: 12px;
font-weight:normal;
}

#navlist li.activee{
color: #fff;
background-color: #bcc700;
text-decoration: none;
font-size: 12px;
font-weight: bold;
padding: 3px 10px; 
margin-right:0px !important; /*uniquement pour firefox*/
}

#navlist li.activee{
color: #fff;
background-color: #bcc700;
text-decoration: none;
font-size: 12px;
font-weight: bold;
padding: 3px 10px; 
margin-right:3px !important!; /*uniquement pour ie7 correction beug*/
}

#navlist a:hover{
color: #fff;
/*background-color: #bcc700;*/
background-color:#A62B85;
text-decoration: none;
font-weight:normal;
}

#content p, #content ul, #content div, #content table, #content td {
	font-size: 11px;
}
#content p {
	text-align: justify;
	margin: 8px 0 10px 0;
}

#content div.imgHostPara {
	display: block;
	position: relative;
	min-height: 10px;
	_height: 10px;
	text-align: justify;
	margin: 8px 0 10px 0;
}

#content ul {
	margin: 0 0 0 30px;
	padding: 0;
}

#content #navlist {
	margin: 0 0 0 0px;
	padding: 0;
}


#content ul li {
	margin: 0;
	padding: 0 0 0.5em 0;
}

#content h2 {
	margin: 15px 0 20px 0;
	padding: 0;
}
#content h2 span{
	margin: 0;
	padding: 0 0 5px 0;
	background-image: url(img/bg_titre.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
	color: #7b7c7e;
	font-size: 16px;
}

#content h2 span a{
	text-decoration:none;
	color: #7b7c7e;
}

#content h2 span a:hover{
	text-decoration:none;
}

#content h3 {
	margin: 25px 0 3px 0;
	padding: 0;
	color: #a62b85;
	font-size: 14px;
}
#leftMargin,
.leftMargin {
	padding-left: 200px;
}


.content_produit {
	backgournd-color:#fff;
	height:880px;
}

#leftMargin_produit{
position:absolute;
top:450px;
left:30px;
width:880px;
height:600px;
}

#texte_produit{
width:600px;
float:left;
margin-top:15px;
}

#bt_produit{
width:180px;
float:left;
margin-right:20px;
margin-top:20px;
}




#visuelsGauche {
	position: absolute;
	left: 16px;
	top: 480px;
}
#visuelsGauche img {
	display: block;
	margin-bottom: 200px;
}

#visuelsGaucheprod {
	position: absolute;
	left: 16px;
	top: 480px;
}

#visuelsGaucheprod img {
	display: block;
	margin-bottom: 90px;
	/*margin-bottom: 200px;*/
}

#visuelsGaucheTech {
	position: absolute;
	left: 16px;
	top: 500px;
	width:170px;
}

h2#tech{
margin-left:198px;
}

#visuelsGaucheTech img#roues {
	display: block;
	margin-bottom: 25px;
	float:left;
	margin-top:0px;
}

#visuelsGaucheTech a.fiche {
	margin-left:15px;
	float:left;
	width:170px;
}

#visuelsGaucheTech .legende_fiche{
	margin-left:15px;
	float:left;
	width:170px;
	text-align:left;
}

#visuelsGaucheTech .legende_fiche p {
	text-align:left;
}

#visuelsGauche2 {
	position: absolute;
	left: 35px;
	top: 180px;
}
#visuelsGauche3 img {
	display: block;
	margin-bottom: 100px;
}
#visuelsGauche4 {
	position: absolute;
	left: 61px;
	top: 460px;
}
#visuelsGauche4 img {
	display: block;
	margin-bottom: 20px;
}
#visuelsGauche5 {
	position: absolute;
	left: 61px;
	top: 400px;
}
#visuelsGauche5 img {
	display: block;
	margin-bottom: 10px;
}
#visuelsGauche6 {
	position: absolute;
	left: 33px;
	top: 230px;
}
#visuelsGauche6 img {
	display: block;
	margin-bottom: 10px;
	margin-top:60px;
}
#visuelsGauche7 {
	position: absolute;
	left: 61px;
	top: 440px;
}
#visuelsGauche7 img {
	display: block;
	margin-bottom: 10px;
}
.visuelsGauchePara {
	position: absolute;
	left: -190px;
	top: 0px;
}
.visuelsGauchePara img {
	display: block;
	margin: 10px 0 0 0;
}

.visuelsGauchePara object {
	display: block;
	margin: 10px 0 0 0;
	margin-left:30px;
}

#errormsg{
			float:left;			
			padding:5px;
			width:30em;
}    
.error{
 color:#FF0000;
}

h4{
	color: #bd112b;
	margin:0px;
	padding:0px;
}

/* -------------------- ACTU --------------------------------- */
#conteneur_actu{
width:600px;
height:49px;
margin-left:30px;
background:url(img/actu.gif) left top no-repeat;
}

#actu{
width:510px;
height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-left:70px;
margin-top:10px;
padding-top:0.2px !important;
}

#actu a{
color: #bd112b;
text-decoration:none;
}

#actu p{
float:left;
padding-right:10px;
}

#actu marquee{
width:310px;
margin-top:11px;

}

/* -------------------- ACTUALITES --------------------------------- */

.actu{
float:left;
width:800px;
margin-bottom:20px;
}

.photos_actu{
float:left;
width:140px;
margin-left:20px;
}

.textes_actu{
float:left;
width:580px;
margin-left:50px;
}

.photos_actu img{
margin-bottom:5px;
}

/* -------------------- DOCUMENTATION --------------------------------- */

#doc_bloc{
margin-top:20px;
float:left;
width:600px;
/*margin-left:20px;*/
}

#doc_images{
float:left;
width:100px;
/*margin-left:20px;*/
}

#doc_images img{
margin-bottom:20px;

}

#doc_textes{
float:left;
width:580px;
margin-left:20px;
}


/* -------------------- VISITE_NEW --------------------------------- */

#contenus_visite{
height:800px;
background:#FFFFFF;
}

#contenus_visite_fin{
height:690px;
background:#FFFFFF;
}

h4.visite{
font-size: 13px;
color:#000000;
margin-top:20px;
/*border-bottom:1px solid #bcc700;
border-bottom:1px solid #e4e1da;*/
}

.bloc{
float:left;
width:850px;
margin-top:10px;
}

.vignette{
float:left;
width:280px;
height:180px;
}

.vignette8{
float:left;
width:400px;
height:180px;
}

.vignette_texte{
float:left;
width:500px;
}

#indication{
padding-left:35px;
font-weight:bold;
color:#bcc700;
}

.vignette_texte ul{
list-style:none;
}

.vignette_texte li{
float:left;
width:520px;
}

.vignette .thumb {
width: 250px;
height: 180px;
}

.vignette .thumb8 {
float:left;
width: 400px;
height: 180px;
}

.vignette_texte .thumb{
float:left;
width:30px;
height:30px;
}

.vignette_texte a{
float:left;
width:30px;
height:50px;
}

.bloc_legendes1{
float:left;
width:570px;
margin-left:280px;
}

.bloc_legendes2{
float:left;
width:850px;
}

.legende{
float:left;
width:260px;
margin-right:21px;
}

.legende8{
float:left;
width:400px;
margin-right:21px;
}


.visite_navigation{
float:left;
height:30px;
width:850px;
margin-top:20px;
}

img.bt_continuer1{
float:left;
margin-left:700px;
}

img.bt_continuer2{
float:left;
margin-left:540px;
}

img.bt_retour{
float:left;
}

#rouge{
color:#FF0000;
}

#vert{
color:#bcc700;
}



/* -------------------- FORMULAIRE --------------------------------- */

#contenus_formulaire{
height:600px;
background:#FFFFFF;
}

select#salutation, select#industry{
width:206px;
}

textarea{
width:203px;
}

/* -------------------- COMMUNIQUE --------------------------------- */

#content #date{
color: #bd112b;
font-weight:bold;
font-size: 16px;
}

#dossier_presse{
padding-left:500px;
}

#communique_photos{
width:800px;
height:115px;

}

/* -------------------- ERREUR --------------------------------- */

#erreur{
width:500px;
height:100px;
margin-top:200px;
margin-left:100px;
}

/* -------------------- SOCIETE --------------------------------- */

h2#societe{
float:left;
}

#logos{
float:left;
width:515px;
}

#logos img{
padding-left:30px;
}



/* -------------------------- INVISIBLE ---------------------------- */

.invisible{
visibility:hidden;
display:none;
}

/* -------------------------- PAGE ATANOR ---------------------------- */

.iconevideo{
float:left;
width:195px;
height:113px;
margin:15px;
}

#content p.legendevideo {
text-align: left;
float:left;
width:160px;
height:113px;
font-size:1.3em;
color:#BCC700;
margin:10px;
padding-top:40px;
}

* html #content p.legendevideo {
text-align: left;
float:left;
width:160px;
height:113px;
font-size:0.8em;
color:#BCC700;
margin:10px;
padding-top:40px;
}



/* -------------------------- PAGE SOLUTIONS / PROCEDURES ---------------------------- */
#big_bloc{
position:absolute;
top:430px;
left:30px;
width:880px;
height:620px;
}

#big_bloc_securiser{
position:absolute;
top:460px;
left:30px;
width:880px;
height:620px;
}

.content_solution {
	backgournd-color:#fff;
	height:870px;
}

.content_securiser {
	backgournd-color:#fff;
	height:700px;
}

.content_support {
	backgournd-color:#fff;
	height:980px;
}

.content_procedures {
backgournd-color:#fff;
height:860px;
}

h4.solutions{
color: #000;
margin:0px;
padding:0px;
font-size: 13px;
background:url(img/puce.gif) no-repeat;
background-position: 0px 5px;
padding-left: 13px;
}

.txtlight{
font-weight:normal;
}

#bloc_solution1{
position:absolute;
width:355px;
left:530px !important; /* firefox & IE7 */
!left:540px; /* uniquement IE6 */
}

.bloc_solutions2{
width:300px;
float:left;
margin-bottom:0px;
margin-left:10px;
}

.bloc_solutions3{
width:300px;
float:left;
margin-bottom:0px;
margin-left:70px;
}


.pastilleroi{
position:absolute;
left:260px;
top:4px;
background:url(img/pastilleroi.gif) left top no-repeat;
width:100px;
height:100px;
}

.pastillequalite{
float:left;
width:100px;
height:100px;
padding-right:20px;
padding-top:20px;
}

.pastillepratiques{
float:left;
width:100px;
height:100px;
padding-right:20px;
padding-top:20px;
}

.pastilleprocedure{
position:absolute;
left:260px;
top:230px;
width:100px;
height:100px;
z-index:10;
}

.pastilleprocedure2{
position:absolute;
left:260px;
top:295px;
width:100px;
height:100px;
z-index:10;
}


.bloc_solutions4{
width:800px;
float:left;
margin-left:10px;
}

.bloc_exemplesproc{
width:800px;
float:left;
height:111px;
background:url(img/bloc_exemplesproc.gif) left top no-repeat;
margin-top:15px;
margin-left:10px;
}

h3#titre_exemplesproc{
background:url(img/titre_exemplesproc.gif) left top no-repeat;
width:789px;
height:30px;
margin-left:5px;
margin-top:0px;
padding-top:0px;
}

.bloc_exemplesproc table{
margin-left:10px;
width:800px;
float:left;
padding-bottom:10px;
}

#content p.citation{
text-align:right;
color:#BCC700;
font-size:15px;
}

#menu{
	margin-bottom:40px;

	}
		#menu ul{
			list-style:none;
			margin:0px;
		}
			#menu li{
				background:url(img/menu_bg.jpg) repeat-x;		
				list-style:none;
				display:block;
				float:left;				
				height:20px;
				border-right:1px solid #dbdbdb;				
				line-height:26px;
				}
				
				* html #menu li{
				background:url(img/menu_bg.jpg) repeat-x;		
				list-style:none;
				display:block;
				float:left;				
				height:20px;
				border-right:1px solid #dbdbdb;					
				line-height:26px;
				padding:0 0px;
				}				
				
			
		 		#menu li a{
					display:block;
					float:left;
					color:#747474;
					font-size:12px;
					font-weight:bold;
					line-height:26px;
					text-decoration:none;
					padding:0 10px;				
				}
				
					#menu li a:hover{
						color:#747474;
						background:url(img/menu_bg_h.jpg) repeat-x;
						border-bottom:1px solid #dbdbdb;
					}
				#menu li a.current{
					display:block;
					float:left;
					color:#bc202c;
					/*background:url(img/menu_035_c.jpg) repeat-x;*/
					border-bottom:3px solid #bc202c;
					font-size:12px;
					font-weight:bold;
					line-height:26px;
					text-decoration:none;
					padding:0 10px;	
				}
					#menu li a:hover.current{
						color:#bc202c;
					}


/* -------------------------------------------------------------------------- MOBILE ---------------------------------------------------------- */

img#logo_windowsmobile{
width:100px;
height:90px;
position: absolute;
top: 400px;
left: 742px;
}

h4.mobile{
float:left;
color: #000;
margin:0px;
padding:0px;
font-size: 13px;
background:url(img/puce.gif) no-repeat;
background-position: 0px 5px;
padding-left: 13px;
margin-top:20px;
width:670px;
}

img#mobile_small{
float:left;
width:70px;
height:120px;
margin-left:30px;
margin-right:10px;
}

.style_rouge {
color: #BD112B;
font-weight:bold;
}

/* -------------------------------------------------------------------------- SEPEM ---------------------------------------------------------- */

img#logo_sepem{
width:100px;
height:52px;
position: absolute;
top: 120px;
left: 800px;
}


/* -------------------------------------------------------------------------- V2 ---------------------------------------------------------- */

#bandeau{
width:864px;
height:280px;
background:url(img/v2/bg_bandeau.jpg) left top repeat-x;
color:#FFFFFF;
}

#bandeau .accroche{
float:left;
width:520px;
height:280px;
}

h2#v2{
font-size:30px;
font-weight:normal;
padding-top:30px;
padding-left:25px;
}


#bandeau p{
font-size:16px;
/*padding-top:15px;*/
padding-left:25px;
width:420px;
}


.imagev2{
float:left;
width:344px;
height:281px;
}

.imagev2 .thumb {
width:344px;
height:280px;
}

#menu_nouveautes{
float:left;
width:221px;
}

#menuv2{
width:221px;
margin-top:20px;
}

#menuv2 .titre{
background:url(img/v2/head_menu.jpg) left top no-repeat;
width:221px;
height:26px;
color:#FFFFFF;
font-size:16px;
padding-top:5px;
padding-left:8px;
}

#menuv2 .titre a{
color:#FFFFFF;
text-decoration:none;
}

#menuv2 .titre a:hover{
text-decoration:none;
}

#content #menuv2 ul{
background-color:#f6f6f6;
width:189px;
margin:0px;
padding:5px 10px 5px 20px;
border:1px solid #e7e7e7;
}

#content #menuv2 li{
font-size:12px;
list-style-image:url("img/v2/puce.gif");
line-height:19px;
vertical-align:middle;
border-bottom:1px solid #e4e4e4;
}

/** + html #content #menuv2 li{ padding-left: 5px; }*/

#content #menuv2 li a{
color:#666;
text-decoration:none;
}

#content #menuv2 li a:hover{
color:#ff8812;
text-decoration:none;
font-weight:bold;
}

#nouveautes{
float:left;
width:614px;
margin-left:20px;
}

h3#v2{
font-size:18px;
color:#ff8812;
font-weight:normal;
background:url(img/v2/puceplay.gif) no-repeat;
background-position:left center;
padding-left:20px;
}
#nouveautes p, #nouveautes ul{
font-size:12px;
}

#nouveautes p{
margin-left:22px;
}

#content #nouveautes ul{
margin:0px 0px 0px 50px;
}



#exemple{
width:535px;
border:1px solid #d9d9d9;
margin-left:50px;
padding:15px;
}

#content #nouveautes #exemple p{
margin:0;
}

#titre_exemple{
color:#ff8812;
font-style:italic;
text-transform:uppercase;
font-weight:bold;
}

h4#v2{
margin-left:22px;
color:#1b97b0;
font-weight:bold;
font-size:12px;
}

#menu_home{
width:864px;
margin-top:20px;
}


#menu_home #bloc_menu1{
background:url(img/v2/menu1.jpg) left top no-repeat;
width:283px;
height:300px;
float:left;
margin-right:7px;
}

#menu_home #bloc_menu2{
background:url(img/v2/menu2.jpg) left top no-repeat;
width:283px;
height:300px;
float:left;
margin-right:7px;
}

#menu_home #bloc_menu3{
background:url(img/v2/menu3.jpg) left top no-repeat;
width:283px;
height:300px;
float:left;
}

#menu_home #bloc_menu1 #titre, #menu_home #bloc_menu2 #titre, #menu_home #bloc_menu3 #titre {
text-align:center;
font-size:18px;
font-style:italic;
color:#646464;
height:77px;
padding-top:57px;
padding-left:110px;
margin-bottom:20px;
}

#menu_home #titre a{
color:#646464;
text-decoration:none;
}

#menu_home #titre a:hover{
text-decoration:none;
}


#content #menu_home ul {
font-size:14px;
margin:0 0 0 40px;
}

#menu_home ul li{
color:#000;
list-style-image: url("img/v2/puceplay.gif");
line-height:15px;
vertical-align:middle;
}
* + html #menu_home ul li{ padding-left: 5px; }

#menu_home ul li a{
color:#000;
text-decoration:none;
}

#menu_home ul li a:hover{
color:#ff8812;
text-decoration:none;
}