@import url(style_editeur.css);

body {
	padding: 0;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #7CD6FD;
	background-color: #5FA1BB;
	background-color: #B1C4CA;
	background-color: #60A1BD;
	background-attachment: fixed;
	color:#515053;
	font-size:12px;
}
h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	color:#515053;
	color:#00B3FF;
}

h1{
	font-size: 28px;
}

h2{
	font-size: 24px;
	margin:0 0 20px 0;
}

h3{
	font-size: 20px;
	margin:0 0 10px 0;
}

h4{
	font-size: 15px;
	margin:0 0 10px 0;
}

h5{
	font-size: 12px;
	margin:0;
	clear:both;
}
#contenusolo { padding: 20px;}
a, a:visited {
	color: #00529a;
	color: #00B3FF;
	text-decoration: none;
}
 a:hover  {
	color: #00529a;
	text-decoration: none;
}
a.inv, a.inv:visited {
	
	color: #00529a;
	
	text-decoration: none;
}
 a.inv:hover  {
	color: #00B3FF;
	text-decoration: none;
}

a.invw, a.invw:visited {
	
	color: #CCC;
	
	text-decoration: none;
}
 a.invw:hover  {
	color: #FFF;
	text-decoration: none;
}

a.inv2, a.inv2:visited {
	
	color: #5FA1BB;
	
	text-decoration: none;
}
 a.inv2:hover  {
	color: #00B3FF;
	text-decoration: none;
}


a.white, a.white:visited {
	
	color: #fff;
	text-decoration: none;
}
 a.white:hover  {
	color: #fff;
	text-decoration: underline;
}

a.nono, a.nono:visited,  a.nono:hover {
	
	color: #00B3FF;
	text-decoration: none;
}

p.readnext { margin: -15px 0 0 0; padding: 0; text-align: right;}

img {
	border: 0
}

.hide {
	display:none;
}
.fleft { float: left; width: 100%;}
.fright { float: right;}
img.pleft {float: left; margin: 0 10px 10px 0;}
img.pleft16 {float: left; margin: -2px 5px 5px 0;}
img.pleft25 {float: left; margin: 0px 5px 5px 0;}
img.pleft20 {float: left; margin: 1px 5px 5px 0;}
.orgaby { float: left; margin:2px 0; padding: 2px 0;}
.orgabyc { float: left; margin:0 5px 0 0; padding: 0px 0; line-height: 1.3em; }
.orgabyc em { font-size: 11px;}
.w45 { width: 45%;}  .w30 { width: 30%;} 
.w35 { width: 35%;} .w70 {width: 70%;} .w60 {width: 60%;}
/*.fleft h2, .fleft h3, .fleft p { float: left; clear: left;}*/

.dejarec { border-left: 3px solid white; padding-left: 50px; height: 100%;}

#map{width:512px; height:440px; float:left;}

 td{vertical-align:top;}
    .pushpin{width:20px; height:34px; border:none;}


#hand_b {
  width:31px;
  height:31px;
  background-image: url(http://google.com/mapfiles/ms/t/Bsu.png);
}
#hand_b.selected {
  background-image: url(http://google.com/mapfiles/ms/t/Bsd.png);
}

#placemark_b {
  width:31px;
  height:31px;
  background-image: url(http://google.com/mapfiles/ms/t/Bmu.png);
}
#placemark_b.selected {
  background-image: url(http://google.com/mapfiles/ms/t/Bmd.png);
}

#line_b {
  width:31px;
  height:31px;
  background-image: url(http://google.com/mapfiles/ms/t/Blu.png);
}
#line_b.selected {
  background-image: url(http://google.com/mapfiles/ms/t/Bld.png);
}

#shape_b {
  width:31px;
  height:31px;
  background-image: url(http://google.com/mapfiles/ms/t/Bpu.png);
}
#shape_b.selected {
  background-image: url(http://google.com/mapfiles/ms/t/Bpd.png);
}

/* Page
-------------------------------------------------------- */

/*#wrapper {
	width: 990px;
	text-align: left;
	overflow: visible;
	position: relative;
	margin: 25px auto 0 auto;
	padding: 0;
}
#subwrapper {
	overflow: hidden;
	position: relative;
	padding: 0;
	width: 990px;
	background-color: #69C6EF;
}

#contenu {
	float: left;
	width:990px;
	padding: 0 ;
	margin: 25px 0px 0px 0px;
}*/
#wrapper {
	width: 100%;
	text-align: left;
	overflow: visible;
	position: relative;
	margin: 28px auto 0 auto;
	padding: 0;
	/*background: transparent url(pix/header/bis.jpg) repeat-x 0 -27px;
	background: transparent url(pix/bidboth.png) repeat-x 0 -27px;*/
	background: transparent url(pix/fondbis.png) repeat-x 0 -20px;
	
	
	
}
#subwrapper {
	overflow: hidden;
	position: relative;
	padding:0;
	width: 100%;
	/*background-color: #5FA1BB;
	background: transparent url(pix/header/both.jpg) no-repeat scroll center -27px;*/
	background: transparent url(pix/bigbis.png) repeat-x scroll center 150px;
	background: #60A1BD url(pix/both2.jpg) no-repeat scroll center -27px;
	
	}
#subwrapper { background: #60A1BD url(pix/both3.png) repeat-x scroll center -27px;}

#contenu {
	
	width:990px;
	padding: 0 0 120px 0;
	
	margin: -100px auto;
	height: 450px;
	background-color: transparent;
}
#contenubibi {
	
	width:990px;
	padding: 0 0 0 0;
	
	margin: 0 auto
}
/*
#madroite {
	width:378px; height:410px; text-align:left; background:transparent url(pix/boxorga.png) no-repeat  0 0; float: right; margin: 0 -19px 30px 0; padding: 0;
}
#magauche { float: left; width: 580px; border: 1pt solid red;  margin: 0 0 30px 0; padding: 0;}
*/

#fondstep2 { float: left; width: 980px; border: 5px solid white; margin: 0; padding: 0; background: #FFF url(pix/fdstep2.png) repeat-x 0 bottom;}
h3#h3stepdeux { display: block; height: 91px; margin: 0; padding: 0; background: transparent url(pix/bstep2.png) no-repeat center 0; overflow:hidden; text-indent: -900px; width: 100%;}
h3#h3steptrois { display: block; height: 91px; margin: 0; padding: 0; background: transparent url(pix/bstep3.png) no-repeat center 0; overflow:hidden; text-indent: -900px; width: 100%;}
#madroiteacc {position: absolute; top:172px; margin-left:652px;  width:378px; height:410px; text-align:left; background:transparent url(pix/boxorga2.png) no-repeat  0 0;}
#madroite, #madroitemenu, #madroitemenustep2, #madroiteshare  {
	width:378px; height:410px; text-align:left; background:transparent url(pix/boxorga2.png) no-repeat  0 0;   padding: 0;
	 margin: 0 0 30px 0; float: left;
}
#madroitemenu {
	width:330px; height:410px;  padding: 0 24px 0 24px;
	
}


#madroitemenu.viewnett, #madroitemenu.cont {margin:0 0 0 630px; position:absolute;}
#madroiteshare {margin:500px 0 0 630px; position:absolute;}

#madroiteshare h4 {  color: #00B3FF; color: #07A0E1; text-align: left; background:transparent url(pix/pucepied.png) no-repeat 0 0; height: 47px; padding: 5px 0 0 35px; margin-bottom: 0; margin-top: 20px; font-size: 1.2em;}

#madroiteshare select {

background:#FFFFFF none repeat scroll 0 0;
border-color:#60A1BD;
border-style:inset outset outset inset;
border-width:0;
color:#5FA1BB;
color: #000;
font-size:0.8em;
padding:0px;
margin-bottom: 1px;
}
 
#madroitemenu.viewnett h2 { margin: 10px 0 5px 20px; }
#madroitemenu.viewnett h3 { margin: 0px 0 0px 5px;  }
#madroitemenu.viewnett h4, #madroitemenu.viewnett h5 { margin: 3px 0 5px 20px; color: #00B3FF;  }
 #madroitemenu.viewnett h5 { clear: inherit; color: #515053;}
 
#madroitemenustep2 {
	width:430px; height:410px;  padding: 0 24px 0 24px; background-image: none;
	
}
#magauche {  width: 610px; border: 0pt solid red;  margin: 0 0 30px 0; padding: 0;float: left;}
#magauche.st2 {width:450px; margin-bottom:0;}
#titremagauche {position: absolute; width: 622px;}
#boxcontent { width: 567px; background: #fff url(pix/basboxcont.png) no-repeat center bottom; border-bottom: 5px solid white; border-top: 5px solid white; float: left; padding: 15px 30px 10px 25px; margin: 0; }

#contenumagauche { padding: 80px 0 0 0; margin: 0; float: left; width: 620px;}
#orgastepone, #orgasteptwo { float: left; padding: 0; margin: 0; clear: left;  border:0pt solid red; height: 100px;}
#orgasteptwo { margin-top: 20px;  height: 180px;}
#helpcursor { height: 0; float: left;}

#divincont, #divinfoot { position: absolute; z-index: 10;}
#contine { float: left; height: 100%; padding-bottom: 50px;} 
#contenuPageRubrique {
	float: left;
	width:730px;
	padding: 0 0 0 20px;
	margin: 25px 20px;
}
:focus {outline: none}
#orgacont h3 {color:#b1e403; color: #5FA1BB; margin-left: 15px; }
#maskcursor { float: left; overflow: hidden; padding:5px 5px 5px 5px; float: left; clear: left; font-size: 11px; color: #b1e403; line-height: 1.1em; height: 0; }
input.inputnet { border: none; color: #fff; margin: 0 0 0 5px; padding: 3px 0 0 5px; width:220px; ; height: 18px; background: transparent url(pix/inputnet.png) no-repeat 0 0;}
.exemple { padding:5px 5px 25px 5px; float: left; clear: left; background: transparent url(pix/barre.png) no-repeat center bottom; border: 0pt solid red; width: 270px; margin-left: 0px; }

#orgacont {width:290px ; float: left; clear: left;  margin:0 0 0 45px ; padding: 0; border: 0pt solid black; overflow: hidden;}
#orgacont2 {width:445px ; float: left; clear: left;  margin:0 0 0 15px ; padding: 0; border: 0pt solid black; }
#divmask { float: left; width: 650px; margin: 0; padding: 0; border: 0pt solid green;}
#divone, #divtwo { float: left; clear: none; width: 290px; margin: 0; padding: 0; border: 0pt solid red;}
#divone {margin-right: 10px;}
/*p#helpcursor { padding:5px 5px 5px 5px; float: left; clear: left; font-size: 11px; color: #b1e403; line-height: 1.1em;}*/
ul#orgamenu { float: left; width: 340px; height: 60px; border: 0pt solid red; margin: 0 0 32px 19px; padding: 0;}
ul#orgamenu li { float: left; height: 100%; margin: 0; padding: 0; width:170px; text-align: center; list-style-type: none;  }
a#validnet {width:273px; height:47px; background: transparent url(pix/bovalidok2.png) no-repeat 0 0;  margin: 0px 0 0px 10px; overflow: hidden; text-indent: -900%; float:left; clear:left; border: 0pt solid red;}
a#validnet:hover {background: transparent url(pix/bovalidok2.png) no-repeat 0 -47px; }
ul#orgamenu li a, ul#orgamenu li a:link { float: left; width: 170px; height: 60px; overflow: hidden; text-indent: -900%;}
ul#orgamenu li.deux a, ul#orgamenu li.deux a:visited, ul#orgamenu li.deux a:link { background: transparent url(pix/m22.png) no-repeat 0 -60px;}
ul#orgamenu li.deux a:hover, ul#orgamenu li.deux a.actif:link, ul#orgamenu li.deux a.actif, ul#orgamenu li.deux a.actif:hover { background: transparent url(pix/m22.png) no-repeat 0 0;}
ul#orgamenu li.un a, ul#orgamenu li.un a:visited, ul#orgamenu li.un a:link { background: transparent url(pix/m11.png) no-repeat 0 -60px;}
ul#orgamenu li.un a:hover, ul#orgamenu li.un a.actif:link, ul#orgamenu li.un a.actif, ul#orgamenu li.un a.actif:hover { background: transparent url(pix/m11.png) no-repeat 0 0;}
#etapes { display: block; background: #ccc;}
ul.lesetapes { float: left; width: 100%; margin: 0; padding: 0;}
ul.lesetapes li { float: left; list-style-type: none; clear: none; padding:15px 50px 25px 20px; text-align: left; } 
/*ul#orgamenu li.un a:hover { background: transparent url(pix/m1.png) no-repeat 0 -60px;}*/
/* Entête
-------------------------------------------------------- */

/*#top {
	float: left;
	width: 990px;
	background:transparent url(pix/head.jpg) no-repeat center 0;
	margin: 0;
	padding: 0 ;
	color: #FFFFFF;
	height: 150px;
	
}
*/
#top {
	
	width: 1384px;
	width: 990px;
	/*background: transparent url(pix/header/both.jpg) no-repeat scroll center 0px;*/
	margin: 0 auto;
	padding: 0 ;
	color: #FFFFFF;
	height: 275px;
	
	
}
#sol { width: 990px; position: absolute; z-index: 0}
#sol3 { width: 990px; position: absolute;z-index: 1}
#sol4 { width: 990px; position: absolute;z-index: 20}
#solsol {
	float: left;
	width: 1384px;
	/*background: transparent url(pix/header/both.jpg) no-repeat scroll center 0px;*/
	margin: -27px 0 0 -197px;
	padding: 0 ;
	color: #FFFFFF;
	height: 291px;
		overflow: visible;
	
}

#top h1, #top h1 a {
	float: right;
	padding:0; margin: 26px 0 0 0;
	width: 302px;  border: 0pt solid red;
	display:block; 
	
}
#top h1 a {
margin: 0 0 0 0; text-indent: -900%; height: 29px;  overflow: hidden;background: transparent url(pix/header/iologo2.png) no-repeat 0 0;
}
/*#top h1, #top h1 a {
	float: right;
	padding:0; margin: 26px 0 0 0;
	width: 266px;  border: 0pt solid red;
	display:block; 
	
}

#top h1 a {
background: transparent url(pix/header/iologo2.png) no-repeat 0 0; height: 29px; 
}*/


#top h1 p {width: 269px; height: 20px; float: right; clear: right; margin: 5px 0 0 0;}
#top h1 p a {overflow: hidden; background: transparent url(pix/claim-fr.png) no-repeat 0 0; width: 248px; height: 20px; float: right; text-indent: -900%; margin: 0;}
#top h2, #top h2 a {
	float: left;
	padding:0; margin: 15px 0 0 0;
	width: 85px; height: 100px; border: 0pt solid red;
	display:block; overflow: hidden;
	
}
#top h2 a { margin: 0; text-indent: -900%; background: transparent url(pix/header/logosurfrider.png) no-repeat 0 0; }




#top h3 {
	color:#00b2ff;
	font-size:18px; text-indent: -900%; overflow: hidden; clear: right;
	float: right;
	background: transparent url(pix/dates-fr.png) no-repeat 0 0; width: 157px; height: 12px;
	margin:5px 0 5px 0;
}



#monCompte {
	float: right;
	width: 300px;
	margin: 0;
	border-left: 1px dotted #FFFFFF;
	padding: 0 0 0 10px;
	height: 72px;
}

#monCompte form {
	float: left;
	padding: 0;
	margin: 0;
}

#monCompte form p { 
    padding:0;
	margin:0;
	float:left;
}

#monCompte form input {
	margin: 0 5px 0 0;
	padding:2px;
	width:90px;
	border:solid 1px #88888b;
	font-family:Arial, Helvetica, sans-serif;
	color:#626164;
	font-size:12px;
	font-weight:bold;
	background-color:#fff;
	float:left;
}

#monCompte form button.bouton { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:0; 
    padding:0; 
    white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    background:none;
	font-size:13px;
	font-weight:bold;
	border:none;
}

#monCompte form button.bouton span { 
    position:relative; 
    float:left; 
    padding:0 0 0 8px;        /* Largeur du côté gauche */ 
	margin:0;
    vertical-align:middle;
	background-color:#00529a;
	border:solid 1px #fff;
}

#monCompte form button.bouton span span {
	padding:0 8px 0 0;
	border:none;
	color:#FFF;
	height:18px;
	line-height:18px; /* Alignement vertical du texte et largeur du côté droit*/
}

#monCompte .menu {
	font-size:11px;
	float: left;
	width: 290px;
	color: #c7c9ca;
	margin: 5px 0 0 0;
	padding: 0;
}

#connectdiv { border: 0pt solid #000; position: absolute; z-index: 99;background:#fff url(pix/toolbardeg.gif) repeat-x scroll 0 bottom; margin: 0; padding: 0; width: 100%; border: 0pt solid red; height: 28px; }
#connectdivin {width: 990px; margin: 0 auto; padding: 7px 0 0 0; text-align: left; }
#connectdiv form { float: right; margin:-5px 0 0 0; padding: 0; border: 0pt solid red; height: 25px; overflow: hidden; width: auto;}
#connectdiv input { background-color: #86d1f1;background-color: #00B3FF; color: #fff; border: none; float: left; margin:4px 0 0 3px; width: 62px; padding:2px 2px 3px 2px; height: 13px; font-size: 95%; font-weight: normal;}
#connectdiv ul { float: left; margin: 0; padding: 0; height: 25px; overflow: hidden;}
#connectdiv ul li { float: left; list-style-type: none; height: 19px; margin: 0 5px 0 5px; padding:2px 0 3px 0; font-size: 100%;}
#connectdiv ul li.fconnect { margin-right: 20px;}
#connectdiv ul li a, #connectdiv ul li a:link, #connectdiv ul li a:visited { float: left; margin: 0; padding: 3px 0 0 0; text-decoration: none; }
#connectdiv form button.bouton { 
    display:-moz-inline-box; 
    display:inline-block; 
    float: left;
    margin:0; 
    padding:0; 
    white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    background:none;
	font-size:11px;
	font-weight:normal;
	border:none;
}

#connectdiv form button.bouton span { 
    position:relative; 
    float:left; 
    padding:0 0 0 5px;        /* Largeur du côté gauche */ 
	margin:2px 0 0 0;
    vertical-align:middle;
	background-color:transparent;
	border:solid 0px #fff;
}

#connectdiv form button.bouton span span {
	padding:0 5px 0 0;
	border:none;
	color:#86d1f1;
	height:18px;
	line-height:18px; /* Alignement vertical du texte et largeur du côté droit*/
}
#connectdiv form button.bouton {
background: transparent url(pix/ptiok15.png) no-repeat 0 0;
width: 15px; height: 15px; text-indent: -900%; margin: 5px 0 0 5px; overflow: hidden;
}
#connectdiv form button.bouton:hover {background: transparent url(pix/ptiok15.png) no-repeat 0 -15px;}

#monPanier {
	float: left;
	width: 250px;
	margin: 0;
	border-left: 1px dotted #FFFFFF;
	padding: 0 0 0 10px;
	height: 72px;
}
/* this is the main UL element*/
#connectdiv .dropdown{
	display:;
	margin:0;
	padding:0;
	list-style:none;
	border-bottom:0px solid #444;
	background:transparent;
	font-size:0.9em;
}
#connectdiv #talking {float: left; width: 90px; margin:-5px 0 0 0; padding: 0; overflow: visible }

#leslngtaupe {float: left; width: 80px; margin:0px 0 0 0; padding: 0; overflow: visible; color:#00529A}
/* these are the inner menus*/
#connectdiv .dropdown ul{
	margin:0;
	padding:0;
	border-top:0px solid #444;
	list-style:none;
	
}
#connectdiv .dropdown ul li {
background:#E2F1F8; padding: 0 0 2px 0; width: 85px;}
/* these are all the LIs in the menu*/
#connectdiv .dropdown li{
	margin:0;
	padding:4px 5px 2px 5px;
	width:85px;
	
	cursor:pointer;
}

/* these are anchor in the menu, if you want to style them differently from the rest of you website*/
#connectdiv .dropdown a{
	text-decoration:none;
	color:#00529A;
	width:100%;
}

#connectdiv .dropdown a:hover{
	text-decoration:underline;
}

/* these are the LIs that only belong to submenu*/
#connectdiv .dropdown ul li{
	border:0px solid #444;
	border-top:0;
	padding-left:15px;
	
	
}

/* these are the LIs that contains a submenu*/
#connectdiv .dropdown li.submenu-down{
	background:transparent url(/pix/fllng.png) center left no-repeat;
	padding-left:15px;
	
}
#connectdiv ul#talking{ overflow: visible}
#contenuPanier {
	padding: 0;
	list-style: none;
	z-index:1000;
	position: relative;
	_position:absolute;
}

ul#contenuPanier , ul#contenuPanier li {
	margin: 0;
	padding: 0;
	list-style:none;
	background: transparent;
	width: 250px;
}

ul#contenuPanier li a, ul#contenuPanier li a:visited {
	font-size:12px;
	color: #fff;
	margin: 0;
	padding: 4px 3px;
	width: 242px;
	display:block;
	background-color:#0081ca;
	background-image:url(_gfx/fondContenuPanier.gif);
	background-repeat:no-repeat;
	background-position:right center;
	border:solid 1px #FFFFFF;
}

ul#contenuPanier li ul {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#contenuPanier li ul li {
	list-style: none;
	float:left;
	margin: 0;
	padding: 0;
}

ul#contenuPanier li ul li a, ul#contenuPanier li ul li a:visited {
	display: block;
	float:left;
	background-color:#8fbce3;
	background-image:none;
	font-size:11px;
	color: #00529a;
	text-decoration: none;	
	margin: 0;
	padding: 4px 3px;
	border:solid 1px #FFFFFF;
	border-top:none;
}

 ul#contenuPanier li ul li a.totalCommande, ul#contenuPanier li ul lia.totalCommande:visited {
	font-size:12px;
	color: #fff;
	margin: 0;
	padding: 4px 3px;
	display:block;
	float:left;
	background-color:#0081ca;
	background-image:none;
}

ul#contenuPanier li a:hover, ul#contenuPanier li ul li a:hover {
	display: block;
	background-color: #00529a;
	color: white;
	text-decoration: none;	
}

span.nomArticle, span.titreTotal {
	margin:0;
	width:160px;
	float:left;
}

span.quantite {
	width:30px;
	float:left;
}

span.total {
	float:right;
	text-align:right;
	width:50px;
}


/* Dossiers
-------------------------------------------------------- */

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

#dossier .image {
	margin:10px 10px 10px 0;
	padding:1px;
	border:solid 1px #bbbdbf;
	float:left;
}

/* Langues
-------------------------------------------------------- */

ul#langues {
	float: left;
	width:980px;
	text-align:right;
	margin: 0 0 10px 0;
	padding: 0 10px 0 0;
	background-color:#3f3f43;
	border-top: solid 3px #313135;
	list-style:none;
}

ul#langues li {
	float:right;
	padding:0;
	margin:0;
	border:none;
	list-style:none;
}

ul#langues li a, ul#langues li a:visited {
	display:block;
	width:34px;
	height:24px;
	overflow:hidden;
}

ul#langues li a.fr {
	background-image:url(_gfx/drapeaux.gif);
	background-position: 0 -24px;
}

ul#langues li a.uk {
	background-image:url(_gfx/drapeaux.gif);
	background-position: -34px -24px;
}

ul#langues li a.spa {
	background-image:url(_gfx/drapeaux.gif);
	background-position: -68px -24px;
}

ul#langues li a:hover.fr, ul#langues li a.frSelection {
	background-image:url(_gfx/drapeaux.gif);
	background-position: 0 0;
}

ul#langues li a:hover.uk, ul#langues li a.ukSelection {
	background-image:url(_gfx/drapeaux.gif);
	background-position: -34px 0;
}

ul#langues li a:hover.spa, ul#langues li a.spaSelection {
	background-image:url(_gfx/drapeaux.gif);
	background-position: -68px 0;
}

 
/* Chemin
-------------------------------------------------------- */

#chemin {
	
	width:990px;
	color: #515053;
	font-size: 11px;
	
	margin: 0px auto;
	padding: 0;
	
	
	
}
#solbas {
	position:absolute;
	height:141px;
	width:1193px;
	 z-index: 9;
	
	margin: 0 0 0 -169px;
	padding: 0;
	
	
	
}

#chemin a:link, #chemin a:visited {
	color: #515053;
	text-decoration: none;
}

#chemin a:hover {
	color: #515053;
	text-decoration: underline;
}

/* Etapes de commande
-------------------------------------------------------- */

#etapesDeCommande {
	float: left;
	width:710px;
	color: #515053;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 20px 0;
	padding:0;
	background-color:#fff;
}

#etapesDeCommande ul {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	width:708px;
	border-right:solid 1px #d8d9da;
}

#etapesDeCommande ul li {
	color:#c7c9ca;
	width:176px;
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	float:left;
	border-left:solid 1px #d8d9da;
	border-bottom:solid 1px #d8d9da;
	border-top:solid 1px #d8d9da;
}

#etapesDeCommande ul li.selection {
	color:#d8d9da;
	border-left:solid 1px #d8d9da;
	border-bottom:solid 1px #d8d9da;
	border-top:solid 1px #d8d9da;
	background-color:#515053;
}

#etapesDeCommande ul li span {
	color:#fff;
	font-size:18px;
	margin:0 3px 0 0;
	padding:0 5px;
	background-color:#d8d9da;
}

#etapesDeCommande ul li span.chiffreSelection {
	color:#d8d9da;
	background-color:#515053;
	border-right:solid 1px #d8d9da;
}


/* Bloc "adresse de livraison" & "adresse de facturation" 
-------------------------------------------------------- */

.adresseDeLivraison {
	float: right;
	margin: 0 0 20px 0;
	width:345px;
}

.adresseDeLivraisonRecap {
	float: left;
	margin: 0 0 20px 0;
	width:710px;
}

.adresseDeFacturation {
	float: left;
	margin: 0 0 20px 0;
	width:345px;
}

.adresseDeLivraison h3, .adresseDeFacturation h3, .adresseDeLivraisonRecap h3 {
	color:#515053;
	display:block;
	padding: 5px 0 7px 10px;
	margin:0;
	height: 20px;
	background-color: #bbbdbf;
}

.adresseDeLivraison h4 {
	color:#515053;
	width:335px;
	margin:5px 0 0 0;
	padding: 5px 0 7px 10px;
	background-color: #bbbdbf;
	float:left;
}

.adresseDeLivraison .contenu, .adresseDeFacturation .contenu {
	float:left;
	width: 325px;
	margin:1px 0 0 0;
	padding: 10px;
	background-color: #d8d9da;
}

.adresseDeLivraisonRecap .contenu {
	float:left;
	width: 690px;
	margin:1px 0 0 0;
	padding: 10px;
	background-color: #d8d9da;
}

.adresseDeLivraison ul {
	list-style:none;
	margin: 0;
	padding:0;
	width: 345px;
	float:left;
}

.adresseDeLivraisonRecap ul {
	list-style:none;
	margin: 0;
	padding:0;
	width: 710px;
	float:left;
}

.adresseDeLivraison ul li, .adresseDeLivraisonRecap ul li {
	margin: 0;
	padding:0;
	font-size:12px;
	font-weight:bold;
}

.adresseDeLivraison ul li a, .adresseDeLivraisonRecap ul li a,
.adresseDeLivraison ul li a:visited, .adresseDeLivraisonRecap ul li a:visited {
	color:#fff;
	display:block;
	background-color:#8fbce3;
	border-top:solid 1px #FFF;
	padding:3px 0 3px 10px;
}

a.modifierOuAjouter, a.modifierOuAjouter:visited {
	font-size:12px;
	font-weight:bold;
	border-top:solid 1px #FFF;
	color:#fff;
	display:block;
	clear:both;
	background-color:#0081ca;
	padding:3px 0 3px 10px;
}

.adresseDeLivraison ul li a:hover, .adresseDeLivraisonRecap ul li a:hover, a.modifierOuAjouter:hover {
	text-decoration:none;
	background-color:#00529a;
}



/* Bloc "Mode de livraison" 
-------------------------------------------------------- */

.choixDeLaLivraison, .choixDuReglement {
	float: left;
	width:710px;
	margin: 0;
	padding:0;
}

.choixDeLaLivraison ul, .choixDuReglement ul {
	margin: 0;
	padding:0;
	list-style:none;
	width: 710px;
}

.choixDeLaLivraison ul li, .choixDuReglement ul li {
	margin: 0;
	padding:0;
	font-size:14px;
	font-weight:bold;
}

.choixDeLaLivraison span.modeDeLivraison, .choixDuReglement span.modeDeReglement,
.choixDeLaLivraison span.choisir, .choixDuReglement span.choisir {
	color:#515053;
	line-height:37px;
	width:355px;
	margin:0;
	padding:0;
	background-color:#bbbdbf;
	float:left;
	text-indent:10px;
	height:40px;
}

.choixDeLaLivraison span.choisir, .choixDuReglement span.choisir {
	background-color:transparent;
	color:#FFFFFF;
}

.choixDeLaLivraison ul li a, .choixDeLaLivraison ul li a:visited, .choixDuReglement ul li a, .choixDuReglement ul li a:visited {
	height:40px;
	color:#fff;
	display:block;
	background-color:#0081ca;
	border-top:solid 1Px #FFFFFF;
}

.choixDeLaLivraison ul li a:hover, .choixDuReglement ul li a:hover {
	text-decoration:none;
	background-color:#00529a;
}

/* Bloc Mozaïque (utilisé en page d'accueil et en page produit)
-------------------------------------------------------- */

.blocMozaique {
	float: left;
	margin: 0 0 20px 0;
	padding:0;
}

.blocMozaique h3 {
	width: 700px;
	font-weight: bold;
	margin:0;
	padding: 5px 0 7px 10px;
	background-color: #bbbdbf;
	height: 20px;
}

.blocMozaique .contenu {
	float:left;
	width: 690px;
	margin:1px 0 0 0;
	padding: 10px;
	background-color: #d8d9da;
}

.blocMozaique .contenu ul.image {
	margin: 0;
	padding:0;
	list-style:none;
	border:none;
	width: 690px;
	float:left;
}

, .blocMozaique .contenu ul.image li {
	margin:0;
	padding:0;
	border:none;
	float:left;
}

.blocMozaique .contenu ul.image li a, .blocMozaique .contenu ul.image li a:visited  {
	border: 1px solid #bbbdbf;
	margin:0 1px 0 0;
	_margin:0;
	padding:1px;
	height: 81px;
	width:81px;
	float:left;
	display:block;
	background-color:#fff;
	overflow: hidden;
	zoom:0;
	text-align:center;
}


.blocMozaique .contenu ul.image li a:hover {
	border: 2px solid #88888b;
	background-color:#8fbce3;
	padding:0;
}

/* Bloc nouveauté (utilisé en page index_page.html + rubrique.html)
-------------------------------------------------------- */

.blocNouveaute {
	float: left;
	margin: 0 0 20px 0;
	width:345px;
}

.blocNouveaute h3 {
	margin:0;
}

.blocNouveaute h3 a, .blocNouveaute h3 a:visited {
	color:#515053;
	display:block;
	padding: 5px 0 7px 10px;
	margin:0;
	height: 20px;
	background-color: #bbbdbf;
}

.blocNouveaute h3 a:hover {
	color:#515053;
	text-decoration:none;
	background-color:#a9abad;
}

.blocNouveaute h4 a, .blocNouveaute h4 a:visited {
	color:#00529a;
}

.blocNouveaute h4 a:hover {
	text-decoration:underline;
}

.blocNouveaute .contenu {
	float:left;
	width: 325px;
	margin:1px 0 0 0;
	padding: 10px;
	background-color: #d8d9da;
}

.blocNouveaute .contenu a.image, .blocNouveaute .contenu a.image:visited {
	border: 1px solid #bbbdbf;
	margin: 0;
	padding:1px;
	height: 140px;
	width:140px;
	float:left;
	text-align:center;
	display:block;
	background-color:#fff;
	overflow: hidden;	
}

.blocNouveaute .contenu a.image:hover {
	border: 2px solid #88888b;
	background-color:#8fbce3;
	padding:0;
}

.blocNouveaute .contenu .description {
	float:right;
	font-size: 12px;
	padding: 0;
	width: 173px;
}

.blocNouveaute .contenu .description .chapo {
	color:#626164;
	font-weight:normal;
	text-align: left;
	font-size: 12px;
	padding: 0;
}

.blocNouveaute .contenu .description .prixProduit {
	color:#ff0000;
	font-weight:bold;
	text-align: left;
	font-size: 18px;
	margin:5px 0 0 0;
	padding: 0;
	display:block;
}

.blocNouveaute .contenu .description p {
	margin:0;
	padding: 0;
}

.blocNouveaute a.acheter, 
.blocNouveaute button.acheter { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:5px 0 0 0; 
    padding:0;
	font-size:13px;
	font-weight:bold;
	white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:0; 
    background:none; 
} 
.blocNouveaute a.acheter span, 
.blocNouveaute button.acheter span { 
    position:relative; 
    float:left; 
    padding:0 0 0 5px; 
    vertical-align:middle;
	background-color:#0081ca;
	border:solid 1px #FFFFFF;
} 

.blocNouveaute a.acheter span span, 
.blocNouveaute button.acheter span span {
	color:#fff;
    height:24px; 
    padding:0 5px 0 0; 
    line-height:23px; 
    background-color:#0081ca;
	border:none;
} 
 
.blocNouveaute a.acheter:hover span, 
.blocNouveaute button.acheter:hover span {
	background-color:#00529a;
	text-decoration:none;
}

.blocNouveaute a.toutesLesNouveautes, .blocNouveaute a.toutesLesNouveautes:visited {
	display:block;
	float:left;
	width:100%;
	margin: 1px 0 0 0;
	padding:5px 0;
	color:#515053;
	font-weight:bold;
	text-indent:10px;
	background-color:#bbbdbf;
}

.blocNouveaute a.toutesLesNouveautes:hover {
	color:#515053;
	text-decoration:none;
	background-color:#a9abad;
}

/* Bloc promotion (utilisé en page index_page.html + rubrique.html)
-------------------------------------------------------- */

.blocPromo {
	float: right;
	margin: 0 0 20px 0;
	width:345px;
}

.blocPromo h3 {
	margin:0;
}

.blocPromo h3 a, .blocPromo h3 a:visited {
	color:#515053;
	display:block;
	padding: 5px 0 7px 10px;
	margin:0;
	height: 20px;
	background-color: #bbbdbf;
}

.blocPromo h3 a:hover {
	color:#515053;
	text-decoration:none;
	background-color:#a9abad;
}

.blocPromo h4 a, .blocPromo h4 a:visited {
	color:#00529a;
}

.blocPromo h4 a:hover {
	text-decoration:underline;
}

.blocPromo .contenu {
	width: 325px;
	float:left;
	_float:none;
	margin:1px 0 0 0;
	padding: 10px;
	background-color: #d8d9da;
}

.blocPromo .contenu a.image, .blocPromo .contenu a.image:visited {
	border: 1px solid #bbbdbf;
	margin: 0;
	padding:1px;
	height: 140px;
	width:140px;
	display:block;
	float:left;
	background-color:#fff;
	overflow: hidden;
	text-align:center;
}

.blocPromo .contenu a.image:hover {
	border: 2px solid #88888b;
	background-color:#8fbce3;
	padding:0;
}

.blocPromo .contenu .description {
	float:right;
	font-size: 12px;
	padding: 0;
	width: 173px;
	_width: 158px;
}

.blocPromo .contenu .description .chapo {
	color:#626164;
	font-weight:normal;
	text-align: left;
	font-size: 12px;
	padding: 0;
}

.blocPromo .contenu .description .prixProduit {
	color:#ff0000;
	font-weight:bold;
	text-align: left;
	font-size: 18px;
	margin:5px 0;
	padding: 0;
	display:block;
}

.blocPromo .contenu .description p {
	margin:0;
	padding: 0;
}

.blocPromo a.acheter, 
.blocPromo button.acheter { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:5px 0 0 0; 
    padding:0;
	font-size:13px;
	font-weight:bold;
	white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:0; 
    background:none; 
} 
.blocPromo a.acheter span, 
.blocPromo button.acheter span { 
    position:relative; 
    float:left; 
    padding:0 0 0 5px; 
    vertical-align:middle;
	background-color:#0081ca;
	border:solid 1px #FFFFFF;
} 

.blocPromo a.acheter span span, 
.blocPromo button.acheter span span {
	color:#fff;
    height:24px; 
    padding:0 5px 0 0; 
    line-height:23px; 
    background-color:#0081ca;
	border:none;
} 
 
.blocPromo a.acheter:hover span , 
.blocPromo button.acheter:hover span {
	background-color:#00529a;
	text-decoration:none;
} 

.blocPromo a.toutesLesPromos, .blocPromo a.toutesLesPromos:visited {
	display:block;
	float:left;
	width:100%;
	margin: 1px 0 0 0;
	padding:5px 0;
	color:#515053;
	font-weight:bold;
	text-indent:10px;
	background-color:#bbbdbf;
}

.blocPromo a.toutesLesPromos:hover {
	color:#515053;
	text-decoration:none;
	background-color:#a9abad;
}

/* Petit bloc produit (utilisé en page rubrique.html)
-------------------------------------------------------- */

.petitBlocProduit {
	float: left;
	margin: 0 20px 20px 0;
	width:345px;
}

.separation {
	float: left;
	margin:0;
	height:1px;
	width:710px;
}

.petitBlocProduit h3 {
	margin:0;
}

.petitBlocProduit h3 a, .petitBlocProduit h3 a:visited {
	color:#515053;
	display:block;
	padding: 5px 0 7px 10px;
	margin:0;
	height: 20px;
	background-color: #bbbdbf;
}

.petitBlocProduit h3 a:hover {
	text-decoration:none;
	background-color:#a9abad;
}

.petitBlocProduit .contenu  {
	float:left;
	width: 325px;
	margin:1px 0 0 0;
	padding: 10px;
	background-color: #d8d9da;
}

.petitBlocProduit .contenu a.image, .petitBlocProduit .contenu a.image:visited  {
	border: 1px solid #bbbdbf;
	margin: 0;
	padding:1px;
	height: 140px;
	width:140px;
	display:block;
	float:left;
	background-color:#fff;
	overflow: hidden;	
}

.petitBlocProduit .contenu a.image:hover {
	border: 2px solid #88888b;
	background-color:#8fbce3;
	padding:0;
}

.petitBlocProduit .contenu .description {
	float:right;
	font-size: 12px;
	padding: 0;
	width: 173px;
}

.petitBlocProduit .contenu .description .chapo {
	color:#626164;
	font-weight:normal;
	text-align: left;
	font-size: 12px;
	padding: 0;
}

.petitBlocProduit .contenu .description .prixProduit {
	color:#ff0000;
	font-weight:bold;
	text-align: left;
	font-size: 18px;
	margin:5px 0;
	padding: 0;
	display:block;
}

.petitBlocProduit .contenu .description p {
	margin:0;
	padding: 0;
}

.petitBlocProduit a.acheter, 
.petitBlocProduit button.acheter { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:5px 0 0 0; 
    padding:0;
	font-size:13px;
	font-weight:bold;
	white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:0; 
    background:none; 
} 
.petitBlocProduit a.acheter span, 
.petitBlocProduit button.acheter span { 
    position:relative; 
    float:left; 
    padding:0 0 0 5px; 
    vertical-align:middle;
	background-color:#0081ca;
	border:solid 1px #FFFFFF;
} 

.petitBlocProduit a.acheter span span, 
.petitBlocProduit button.acheter span span {
	color:#fff;
    height:24px; 
    padding:0 5px 0 0; 
    line-height:23px; 
    background-color:#0081ca;
	border:none;
} 
 
.petitBlocProduit a.acheter:hover span , 
.petitBlocProduit button.acheter:hover span {
	background-color:#00529a;
	text-decoration:none;
} 

/* Contenu d'une fiche produit (produit.html)
-------------------------------------------------------- */

.blocProduit {
	float: left;
	margin:0 0 20px 0;
	padding:0;
	width:710px;
}

.blocProduit .blocDImages {
	float: left;
	margin:0 0 20px 0;
	padding:0;
	width:346px;
}

.blocProduit a.grandeImage, .blocProduit a.grandeImage:visited {
	border: 1px solid #bbbdbf;
	margin:0;
	padding:1px;
	width:342px;
	float:left;
	background-color:#fff;
}

.blocProduit a.grandeImage:hover {
	border: 2px solid #88888b;
	background-color:#8fbce3;
	padding:0;
}

.blocProduit ul.vignettes {
	margin: 10px 0 0 0;
	padding:0;
	list-style:none;
	text-align:center;
	border:none;
	width:344px;
	float: left;
}

.blocProduit ul.vignettes li {
	margin:0;
	padding:0;
	border:none;
}

.blocProduit ul.vignettes li a, .blocProduit ul.vignettes li a:visited {
	border: 1px solid #bbbdbf;
	margin:0 1px 1px 0;
	padding:1px;
	height: 81px;
	width:81px;
	float:left;
	display:inline;
	background-color:#fff;
	overflow: hidden;
}

.blocProduit ul.vignettes li a:hover {
	border: 2px solid #88888b;
	background-color:#8fbce3;
	padding:0;
}

.blocProduit .introProduit {
	float: right;
	margin:0 0 20px 0;
	padding:0;
	width:344px;
}

.blocProduit .introProduit .chapo {
	font-size: 14px;
	font-weight:bold;
	padding: 0;
	margin:0 0 20px 0;
}

.blocProduit .introProduit .prixProduit {
	color:#ff0000;
	font-weight:bold;
	text-align: left;
	font-size: 24px;
	margin:5px 0 0 0;
	padding: 0;
}

.blocProduit a.acheter, 
.blocProduit button.acheter { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:10px 0 0 0; 
    padding:0;
	font-size:16px;
	font-weight:bold;
	white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:0; 
    background:none; 
} 
.blocProduit a.acheter span, 
.blocProduit button.acheter span { 
    position:relative; 
    float:left; 
    padding:0 0 0 10px; 
    vertical-align:middle;
    background-color:#0081ca;
} 

.blocProduit a.acheter span span, 
.blocProduit button.acheter span span {
	color:#fff;
    height:40px; 
    padding:0 10px 0 0; 
    line-height:38px; 
    background-color:#0081ca;
} 
 
.blocProduit a.acheter:hover span, 
.blocProduit button.acheter:hover span { 
    background-color:#00529a;
	text-decoration:none;
} 

.blocProduit .description {
	float:right;
	font-size: 12px;
	padding: 0;
	margin:0 0 20px 0;
	width: 710px;
}

.blocProduit .contenusAssocies {
	float: right;
	margin: 0 0 20px 0;
	width:345px;
}

.blocProduit .telechargements {
	float: left;
	margin: 0 0 20px 0;
	width:345px;
}

.blocProduit .contenusAssocies h3, .blocProduit .telechargements h3 {
	color:#515053;
	display:block;
	padding: 5px 0 7px 10px;
	margin:0;
	height: 20px;
	background-color: #bbbdbf;
}

.blocProduit .contenusAssocies ul, .blocProduit .telechargements ul {
	list-style:none;
	margin: 0;
	padding:0;
	width: 345px;
	float:left;
	background:#d8d9da;
}

.blocProduit .contenusAssocies ul li, .blocProduit .telechargements ul li {
	margin: 0;
	padding:0;
	font-size:12px;
	font-weight:bold;
}

.blocProduit .contenusAssocies ul li a, .blocProduit .telechargements ul li a,
.blocProduit .contenusAssocies ul li a:visited, .blocProduit .telechargements ul li a:visited {
	border-top:solid 1px #FFF;
	color:#fff;
	display:block;
	background-color:#0081ca;
	padding:3px 0 3px 10px;
}

.blocProduit .contenusAssocies ul li a:hover, .blocProduit .telechargements ul li a:hover {
	color:#fff;
	text-decoration:none;
	background-color:#00529a;
}

/* Personnalisation du zoom de la fiche produit (produit.html)
-------------------------------------------------------- */

#superbox-overlay {
	width: 100%;
	overflow: visible;
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0;
	background:#e0e4cc;
}

#superbox-container .loading {
	width:32px;
	height:32px;
	text-indent:-9999px;
	background-image:url(_gfx/loader.gif);
	background-position:center 0;
	background-repeat:no-repeat;
	overflow: hidden;
	position: relative;
	padding: 0;
	width: 100%;
}

#superbox .close a {
	float:right;
	padding:0 5px;
	line-height:20px;
	color:#fff;
	background:#00529a;
	cursor:pointer;
}

#superbox .nextprev a {
	float:left;
	margin-right:5px;
	padding:0 5px;
	line-height:20px;
	background:#00529a;
	cursor:pointer;
	color:#fff;
}

#superbox .nextprev .disabled {
	background:#ccc;
	cursor:default;
}

#superbox .close a:hover {
	color:#fff;
	background:#00529a;
	text-decoration:none;
}

/* Nombre de pages
-------------------------------------------------------- */

#pages {
	float: left;
	color:#626164;
	width: 700px;
	text-align: right;
	font-size: 11px;
	padding: 5px 10px 5px 0;
	margin: 10px 0;
	background-color:#d8d9da;
}

#pages a, #pages a:visited {
	color:#626164;
	text-decoration: none;
	font-weight: bold;
}

#pages a:hover {
	text-decoration: underline;
}


#footer, #pieddpgebis {
	float: left;
	width: 100%;
	color: #fff;
	background-color: #08a0e3;
	font-size: 11px;
	font-weight:normal;
	padding:5px 0 0px 0;
}

#footer {
	float: left;
	width: 100%;
	color: #fff;
	background: #08a0e3 url(pix/bispied5.png) repeat-x 0 0;
	background-color: #5FA1BB;
	font-size: 11px;
	font-weight:normal;
	padding:0px 0 0px 0;
}

#footerin, #pieddpgebisin {
		width: 990px;
		margin: 0 auto;
}
#pieddpgebis { background-color: #7CD6FD; padding-bottom: 50px; background-color: #b1c4ca;
background-color: #cad4d8;background-color: #60A1BD;

}	

	

#footer .colonne p.validator {
	float:left;
	margin:5px 0 0 0;
	}
	
#footer .colonne p.validator a, #footer .colonne p.validator a:visited {
	border:none;
	}
	

/* formulaire
-------------------- */

#contenu form {
	padding:0;
	margin:0 0 0 0;
}

#contenu form p {
	margin: 0;
	padding: 4px 0;
	/* Empêcher le dépassement des flottants */
	overflow: hidden;
	font-size: 12px;
	border-bottom:0px solid #ccc;
	clear:both;
	float:left;
	width:100%;
}



#contenu form p label {
	float: left;
	 width: 290px;
	padding:0 10px 0 0;
	margin: 0;
	line-height:24px;
	text-align: left;
}

#contenu form p label.codeDeReduction {
	width: 180px;
}

#contenu form p label.petit {
	width: 80px; text-align: right;
}
#contenu form p label.moyen {
	width: 150px; text-align: right;
}

#contenu form p input, #contenu form p select, #contenu form p textarea {
	float:left;
	margin: 0;
	width: 120px;
	padding: 3px;
	border:solid 0px #a9abad;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#626164;
	font-weight:bold;
	background-color:#fff;
}

#contenu form p input.codeDeReduction {
	width: 50px;
	background-color:#fff;
	padding: 4px;
}

#contenu form p select {
	width: 198px;
}

#contenu form p textarea {
	width: 300px;
}

#contenu form p input.radio, #contenu form p input.checkBox {
	float:left;
	margin: 5px 0;
	width: 20px;
	padding: 0;
	background-color:transparent;
	border: none;
}
#contenu form p .labelRadio, #contenu form p .labelCheckBox {
	float:left;
	margin: 5px 10px 0 0;
	padding: 0;
	background-color:transparent;
	border: none;
	font-weight:bold;
}
	
#contenu form button.bouton,
#contenu form button.boutonMemeLigneQuInput { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:0 100px 0 0; 
    float: right;
    padding:0; 
    white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
	border:none;
    background:none;
	font-size:13px;
	font-weight:bold;
}

#contenu form button.boutonMemeLigneQuInput { 
    margin:0 0 0 10px; 
}
	
#contenu form button.bouton span,
#contenu form button.boutonMemeLigneQuInput span { 
    position:relative; 
    float:left; 
    padding:0 0 0 8px;        /* Largeur du côté gauche */ 
	margin:0;
    vertical-align:middle;
	background-color:#0081ca;
}

#contenu form button.bouton span span,
#contenu form button.boutonMemeLigneQuInput span span {
    padding:0 8px 0 0;/* Largeur du côté droit */ 
	color:#FFF;
	height:24px;
	line-height:24px; /* Alignement vertical du texte */ 
	border: none;
}

.obligatoire {
	font-size: 12px;
	color: #FF0000;
	clear:both;
	margin:10px 0;
}


#contenu form.formular {
float: left;
margin: 0 10px 10px 20px;
padding: 0 0 0 10px;



}
div.bsepstep {background: transparent url(pix/pointsble.png) repeat-x 0 bottom; float: left; width: 100%; margin:10px 0; padding: 0; height: 2px;}
hr.toto, hr.titi, hr.tutu  {border: 0pt solid red; border-bottom: 2pt dotted #C0DFED;}
hr.titi, hr.tutu   { width: 100%; float: left; clear: left; margin: 15px 0 35px 0; }
hr.tata  {border: 0pt solid red; border-bottom: 2pt dotted #C0DFED; width: 100%; float: left; clear: left; margin: 0px 0 25px 0;}
hr.tutu { margin-top: 35px; border: none;}
hr.fnet { margin-top: 5px;}
hr.hbout  {float:left; clear:left; width:522px; border: 0pt solid red; border-bottom: 2pt dotted #C0DFED; margin: 0 0 15px 45px;}
#boxcontent.why hr.toto { margin-bottom: 15px;}

/* Tableaux
-------------------------------------------------------- */
#lesparticipants { float: left; clear: left;}
#contenu table, #contenu table tr {
	padding:0;
	margin:0;
}
#miniitofs, #dives { position: absolute; margin:0 0 0 20px; height:100px; width:200px; overflow:hidden; border:0pt solid white;}
#dives {height:122px; width:247px; margin:10px 0 0 0px;}
#miniitofs img { position: absolute;}
#contenu table th {
	font-weight: bold;
	background-color: #d8d9da;
	border-bottom:solid 1px #FFFFFF;
}

#contenu table td {

	background-color: transparent;
	border:none;
}

#contenu table td.ligne {
	font-weight: bold;
	background-color: transparent;
	border-bottom:solid 1px #d8d9da;
}

#contenu table th.total {
	font-weight: bold;
	color:#FFF;
	background-color: #00529a;
	border-bottom:solid 1px #dedce6;
}

/* Liens internes au site
-------------------------------------------------------- */

.queFaire {
	margin:20px 0 0 0;
	padding:0;
	width:100%;
	float:left;
	text-align:right;
}

.queFaire a.bouton, 
.queFaire button.bouton { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:10px 0 0 0; 
    padding:0;
	font-size:14px;
	font-weight:bold;
	white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:0; 
    background:none; 
} 
.queFaire a.bouton span, 
.queFaire button.bouton span { 
    position:relative; 
    float:left; 
    padding:0 0 0 7px; 
    vertical-align:middle;
    background-color:#0081ca;
} 

.queFaire a.bouton span span, 
.queFaire button.bouton span span {
	color:#fff;
    height:24px; 
    padding:0; 
    padding:0 7px 0 0; 
    line-height:22px; 
    background-color:#0081ca;
} 
 
.queFaire a.bouton:hover span, .queFaire a.bouton:hover span span, 
.queFaire button.bouton:hover span, .queFaire button.bouton:hover span span { 
    background-color:#00529a;
} 
 
/*  général
-------------------------------------------------------- */

#moteurEtCatalogue {
	float: left;
	width:200px;
	padding: 0;
	margin:25px 0 0 0;
}

#moteurEtCatalogue h3 {
	display:none;
}

#accueil, #menuCatalogue {
	float: left;
	padding: 0;
	margin:0 0 18px 0;
	width:100%;
}

#accueil ul, #menuCatalogue ul {
	padding: 0;
	margin:0;
	list-style:none;
	color:#FFFFFF;
}

#accueil ul li, #menuCatalogue ul li {
	font-size:14px;
	font-weight:bold;
	padding:0;
	margin:0 0 1px 0;
}

#accueil ul li a, #menuCatalogue ul li a  {
	text-decoration:none;
	color:#fff;
	border-left:solid 3px #0068b2;
	display:block;
	background-color:#0081ca;
	padding:5px 0 5px 10px;
}

#accueil ul li a:hover, #menuCatalogue ul li a:hover {
	text-decoration:none;
	background-color:#00529a;
	color:#FFF;
	border-left:solid 3px #02407a;
}

#menuCatalogue ul li ul {
}

#menuCatalogue ul li ul li {
	font-size:12px;
	margin:1px 0 0 0;
	text-indent:8px;
}

#menuCatalogue ul li ul li a {
	border-left:solid 3px #7ca3c5;
	background-color:#8fbce3;
}


#menuCatalogue ul li a.selection {
	color:#fff;
	background-color:#00529a;
	border-left:solid 3px #02407a;
}

/* Recherche
-------------------------------------------------------- */

#moteurDeRecherche {
	margin: 0 0 18px 0;
	padding:10px;
	width: 177px;
	display:block;
	float:left;
	background-color:#0081ca;
	border-left:solid 3px #0068b2;
}

#moteurDeRecherche form {
	margin: 0;
	padding:0;
	border:none;
}

#moteurDeRecherche form p {
	margin: 0;
	padding:0;
	float:right;
}

#moteurDeRecherche form input {
	margin: 0;
	padding:2px;
	width:120px;
	border:solid 1px #00529a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	background-color:#fff;
	color:#626164;
	float:left;
}

#moteurDeRecherche form button.bouton { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:0; 
    padding:0; 
    white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:none; 
    background:none;
	font-size:13px;
	font-weight:bold;
}

#moteurDeRecherche form button.bouton span { 
    position:relative; 
    float:left; 
    padding:0 0 0 8px;        /* Largeur du côté gauche */ 
	margin:0;
    vertical-align:middle;
	background-color:#00529a;
	border:solid 1px #fff;
}

#moteurDeRecherche form button.bouton span span {
	padding:0 8px 0 0;
	border:none;
	color:#FFF;
	height:18px;
	line-height:18px; /* Alignement vertical du texte et largeur du côté droit*/
}
	


.colonne {
	float: left;
	width: 320px;
	margin:0;
	padding:0 10px 0 0;
	}
	

.colonne p {
	font-size:11px;
	margin:0;
	padding:0;
	}
	


#pieddpgebis ul, #pieddpgebis ul li {
	list-style:none;
	margin: 0 0 0 18px;
	padding:0;
	border:none;
	color: #fff;
}
#pieddpgebis ul {margin: -25px 0 0 18px;}
#pieddpgebis ul li { padding: 5px 0 0 0;}

#pieddpgebis #boxshare ul {margin: -10px 0 0 18px;}
/*#pieddpgebis ul li a, #pieddpgebis ul li a:link { color: #fff; cursor: pointer;}*/

/*io site*/
#topheader { height: 28px; width: 100%; position: absolute; margin: 0; padding: 0 ; top: 0; left: 0; background:#fff url(pix/toolbardeg.gif) repeat-x scroll 0 bottom; border: 0pt solid red;}
#counte {position:absolute; margin:0px 0 0 0; color:#07A0E1; font-weight:bold; display:; background:transparent url(pix/fdactuallement.png) no-repeat 0 0; width:612px; height:36px; padding:7px 5px 0 5px;z-index:15}
#outline {position: absolute; top:175px; width:622px; height:395px; 
border:5px solid #fff;  z-index:13; margin:0 0 0 -5px;}
#map {position: absolute; top:175px; width:622px; height:375px; overflow:hidden; z-index:14; margin-top: 25px; }
#map2 {position: absolute;  width:450px; height:330px; overflow:hidden; padding: 0; margin: 0px 0 0 0px;}
.errore { color: red;}
#monchemin {float: left; clear: left; width: 100%; margin: 35px 0 0 0; font-size: 0.9em; color: #00529A;}
#monchemin span { color: #fff;}
#monchemin a { color: #00529A; }
#monchemin a:hover { color: #fff; }
/*carte good practices*/
#tecar { float: left; clear: left; margin: 0 0 0 48px; padding: 0; width:521px; height: 434px; background: #fff url(pix/tecar.jpg) no-repeat 0 0; }
.holdtecar {position: absolute; margin: 0; padding: 0; width: 521px; height: 434px;}
#tecar span { width: 40px; height: 40px; position: absolute; border: 0pt solid red; }
#tecar span a { float: left; margin: 0; padding: 0; text-indent: -900px; overflow: hidden; background: transparent url(pix/pucepractices.png) no-repeat 0 0; width: 40px; height: 40px;}

/*boxes*/
#iomap { float: left; padding: 0; margin: 0; border: 5px solid #fff;  }
.colonneio {
	float: left;
	width: 244px; height: 216px;
	margin:0 1px 0 1px;
	padding:28px 42px 0 42px;
	overflow: hidden;
	background: transparent url(pix/boxes3.png) no-repeat 0 0;
	cursor: default;
	}
.colonneio:hover {	background: transparent url(pix/boxes3.png) no-repeat 0 -244px;}
.colonneio2 { float: left; width: 100%; height: 216px; padding: 0; margin: 0; padding:28px 0 0 0; background:transparent url(pix/cartepied2.jpg) no-repeat right 43px;}
.chapio { font-size: 12px; line-height: 1.2em; text-align: justify;}

h4#decouvrer, h3#limiter { float: left; clear: left; width:480px ; height:25px ; background: transparent url(pix/decouvrez2.png) no-repeat 0 0; margin:5px 0 0 0;padding: 0; overflow: hidden; text-indent: -900%;}
h3#limiter { width:390px ;height:23px ;background: transparent url(pix/limiter.png) no-repeat 0 0;  margin: 30px 0 0 0; }

#boxshare { color: #00B3FF; float: left; margin:5px 0 0 0; padding:23px 0 0 47px; background: transparent url(pix/boxshare.png) no-repeat 0 0; width: 288px; height: 142px;}

/*titres*/
.titresteps {color:#b1e403;  font-weight: bold; font-size: 19px; margin: 0; padding: 10px 0 0 0; letter-spacing: 0.002em}
.titreshare, .titrepied, .titresign { color:#A9F838; color: #5FA1BB; font-weight: bold; font-size: 20px;}
.titreshare { padding:0 0 0 35px; margin-bottom: 20px;}
.titrepied, .titresign { font-size: 17px; padding:0 0 15px 0; margin:3px 0 15px 0;text-align: center;}
.titresign {  color: #00B3FF; color: #FFF; text-align: left; background:transparent url(pix/pucepied.png) no-repeat 0 0; height: 47px; padding: 5px 0 0 35px; margin-bottom: 0; margin-top: 10px; letter-spacing: -0.01em;}
.titrepied {  color: #ccc;}
.titrepied span	 {border-bottom: 1pt solid #ccc;  margin: 0 auto; padding: 0 3px 8px 3px;}
.titrepied span	span { color: #fff;}
.titrecont {color: #00B3FF; color: #00B3FF; font-size:22px ; font-weight: bold; line-height: 1.5em;}
h3.titrecont span { color: #A9F838; color: #97FF01; color: #5FA1BB;}

div.why h3.titrecont { line-height: 1.2em;}

.deja {color: #A9F838; }		
.splnkbox  { color: #00B3FF;}	
.splnkboxsm , .splnkboxme { color: #00B3FF; font-size: 17px;}
.splnkboxme { color: #00B3FF; font-size: 19px;}	
/*li a:hover span.splnkboxsm, li a:hover span.splnkboxme, li a:hover span.splnkbox,*/
li.selection a span.splnkboxsm, li.selection a span.splnkboxme, li.selection a span.splnkbox  {color: #fff;}
.flm {position:absolute; background: transparent url(pix/flm.png) no-repeat 0 0; height:27px ; width:13px; padding:0; margin:37px 0 0 -348px; }
.pointsbleus { padding-bottom: 20px; background: transparent url(pix/dotcent.gif) no-repeat center bottom;}
/*txt*/
.aidetxtr, .aidetxt { 
padding:0 5px 0 5px; float: left; clear: both; margin:5px 0 0 0; color: #0587bf; font-size: 12px; line-height: 1.1em;
}
#contenu form p.aidetxt { width: 270px;}
table.teldoc td { padding: 5px;}
.titrefichier { color: #00B3FF;}
.descfichier { color: #5e5e5e; font-style: italic;}
.txtstep { float: left; margin: 0; padding:8px 0; text-align: left; font-size: 15px; line-height: 1.1em;}
.numstep { float: left; height: 100%; padding: 0 10px 0 0; margin: 0; font-weight: bold; font-size: 40px;}

/*links*/
a.lnkhelp,a.lnkhelp:link,a.lnkhelp:visited  { color: #00B3FF; font-size: 11px; cursor: help; font-style: italic;}
a.lnkshare,a.lnkshare:link,a.lnkshare:visited  { color: #00B3FF; font-size: 13px; cursor: pointer;}
a.lnkpied,a.lnkpied:link,a.lnkpied:visited  { color: #fff; font-size: 13px; cursor: pointer;}
a.lnkpied:hover, a.lnkpied.selection, a.lnkpied.selection:link, a.lnkpied.selection:visited, a.lnkpied.selection:hover { color: #0587bf; color: #00529A;  text-decoration: none;}
img.partenaires { float: left; margin: 0 20px 20px 0; border: none}
img.partenairescl { float: left; clear: left; margin: 0 40px 20px 0; border: none}

a.lnkshare:hover { color: #A9F838;color: #5FA1BB;  text-decoration: none;}
a.suite, a.suite:link, a.suite:visited { color: #CCC; position: absolute; width: 284px; padding-top: 187px; margin-left: -20px; text-align: center; font-size: 12px; border: 0pt solid red; display: block;}
a.suite:hover { color: #A9F838; color: #fff; text-decoration: none;}

a#jpart, a#jpart:link, a#jpart:visited, a#jpart:hover, a#jorga, a#jorga:link, a#jorga:visited, a#jorga:hover  { 
width:253px; height:44px; background: transparent url(pix/bojorgapng222.png) no-repeat -253px -44px; overflow: hidden; text-indent: -900%; margin: 15px 0 15px 0; padding: 0; float: left;
}
a#jorga, a#jorga:link, a#jorga:visited, a#jorga:hover  { background: transparent url(pix/bojorgapng222.png) no-repeat 0 -44px;  margin: 15px 16px 15px 44px; }
a#jorga:hover { background-position: 0 0;}
a#jpart:hover { background-position: -253px 0;}

ul#ulmdroite { float: left; width:330px; margin: 4px 0 0 0px; padding: 0; }
ul#ulmdroite li { list-style-type: none; float: left; width: 330px; height: 100px;}
ul#ulmdroite li#mdroite1 a, ul#ulmdroite li#mdroite1 a:link,
ul#ulmdroite li#mdroite2 a, ul#ulmdroite li#mdroite2 a:link,
ul#ulmdroite li#mdroite3 a, ul#ulmdroite li#mdroite3 a:link,
ul#ulmdroite li#mdroite4 a, ul#ulmdroite li#mdroite4 a:link { 
background: transparent url(pix/bone.jpg) no-repeat 0 -100px; overflow: hidden;  float: left; width: 240px; height: 80px; text-decoration: none; color: #a9f838; font-weight: bold; font-size: 22px; padding: 20px 0 0 90px; cursor: pointer; }
ul#ulmdroite li#mdroite1 a:hover,ul#ulmdroite li#mdroite2 a:hover,ul#ulmdroite li#mdroite3 a:hover,ul#ulmdroite li#mdroite4 a:hover, ul#ulmdroite li a.selection,  ul#ulmdroite li a.selection:link { background-position: 0 0;}
ul#ulmdroite li#mdroite2 a, ul#ulmdroite li#mdroite2 a:link { background: transparent url(pix/btwo.jpg) no-repeat 0 -100px;}
ul#ulmdroite li#mdroite3 a, ul#ulmdroite li#mdroite3 a:link { background: transparent url(pix/btre.jpg) no-repeat 0 -100px;}
ul#ulmdroite li#mdroite4 a, ul#ulmdroite li#mdroite4 a:link { background: transparent url(pix/bfor.jpg) no-repeat 0 -100px;}

ul#ulmdroite li#mdroite1.selection a,  ul#ulmdroite li#mdroite1.selection a:link, 
ul#ulmdroite li#mdroite2.selection a,  ul#ulmdroite li#mdroite2.selection a:link,
ul#ulmdroite li#mdroite3.selection a,  ul#ulmdroite li#mdroite3.selection a:link,
ul#ulmdroite li#mdroite4.selection a,  ul#ulmdroite li#mdroite4.selection a:link { background-position: 0 0; cursor: pointer;}

ul#ulmdroite li#mdroite1 a, ul#ulmdroite li#mdroite1 a:link,
ul#ulmdroite li#mdroite2 a, ul#ulmdroite li#mdroite2 a:link,
ul#ulmdroite li#mdroite3 a, ul#ulmdroite li#mdroite3 a:link,
ul#ulmdroite li#mdroite4 a, ul#ulmdroite li#mdroite4 a:link { 
background: transparent url(pix/menux.jpg) no-repeat 0 0; overflow: hidden;  float: left; width: 240px; height: 80px; text-decoration: none; color: #a9f838; font-weight: bold; font-size: 22px; padding: 20px 0 0 90px;color: #5FA1BB; }
ul#ulmdroite li#mdroite1 a:hover,ul#ulmdroite li#mdroite2 a:hover,ul#ulmdroite li#mdroite3 a:hover,ul#ulmdroite li#mdroite4 a:hover, ul#ulmdroite li a.selection,  ul#ulmdroite li a.selection:link { background-position: 0 0;}
ul#ulmdroite li#mdroite2 a, ul#ulmdroite li#mdroite2 a:link { background: transparent url(pix/menux.jpg) no-repeat 0 -100px;}
ul#ulmdroite li#mdroite3 a, ul#ulmdroite li#mdroite3 a:link { background: transparent url(pix/menux.jpg) no-repeat 0 -200px;}
ul#ulmdroite li#mdroite4 a, ul#ulmdroite li#mdroite4 a:link { background: transparent url(pix/menux.jpg) no-repeat 0 -300px;}

ul#ulmdroite li#mdroite1 a:hover { background: transparent url(pix/menux.jpg) no-repeat 0 -401px;}
ul#ulmdroite li#mdroite2 a:hover { background: transparent url(pix/menux.jpg) no-repeat 0 -501px;}
ul#ulmdroite li#mdroite3 a:hover { background: transparent url(pix/menux.jpg) no-repeat 0 -601px;}
ul#ulmdroite li#mdroite4 a:hover { background: transparent url(pix/menux.jpg) no-repeat 0 -701px;}

ul#ulmdroite li#mdroite1.selection a, ul#ulmdroite li#mdroite1.selection a:link {color: #fff; background: transparent url(pix/menux.jpg) no-repeat 0 -802px;}
ul#ulmdroite li#mdroite2.selection a, ul#ulmdroite li#mdroite2.selection a:link {color: #fff; background: transparent url(pix/menux.jpg) no-repeat 0 -902px;}
ul#ulmdroite li#mdroite3.selection a, ul#ulmdroite li#mdroite3.selection a:link {color: #fff; background: transparent url(pix/menux.jpg) no-repeat 0 -1002px;}
ul#ulmdroite li#mdroite4.selection a, ul#ulmdroite li#mdroite4.selection a:link {color: #fff; background: transparent url(pix/menux.jpg) no-repeat 0 -1102px;}

ul#ulmdroite li.selection a , ul#ulmdroite li.selection a:link { color: #37C2FE}
ul.ulbdebox li {list-style-type: none; float: left; padding: 20px; }

/* Correction des bug Internet Explorer
-------------------------------------------------------- */

* html button {width:1%; overflow:visible;} 
*:first-child+html button {overflow:visible;}

div.okay3 { float: left; clear: left; width: 895px; margin: 0 0 0 0; padding: 0 0 0 40px;}
div.okay3 h3 { color: #97FF01;color: #5FA1BB; padding: 8px 0 0 5px; }
div.okay3 h3 span { color: #11b8ff;}
div.okay3 ul { margin: 0; padding: 0; background: transparent; float: left;}
div.okay3 ul li { padding-bottom: 20px; font-size: 15px; list-style-type: none; padding-left: 5px;}

.bluee { color: #11B8FF}
a#telkit, a#telkit:visited, a#telkit:hover { width: 360px; height: 62px; background: transparent url(pix/telkit.png) no-repeat 0 0; float: left; clear: left; overflow: hidden; text-indent: -900%; padding: 0; margin: 0 0 0 300px;}
a#telkit:hover { background: transparent url(pix/telkit.png) no-repeat 0 -62px;}

div.cmpt ul li { padding-bottom: 5px; font-size: 15px; list-style-type: none; padding-left: 10px;}


h3#h3shareit { background: transparent url(pix/puceshare.png) no-repeat 35px 20px; text-indent: 42px; height: 81px; float: left; width: 930px; margin: 0 0 0 0; padding: 28px 0 0 50px;  color: #97FF01;color: #5FA1BB; }
h3#h3shareit span { color: #11b8ff;}

div.shareit3 { float: left; clear: left; height: 300px; width: 945px; margin: 0 0 15px 0; padding: 0 0 0 35px; }

div.bs3 { float: left; margin: 0 10px 0 0; padding: 0; background: transparent url(pix/boxsharestep3.png) no-repeat 0 0; width: 299px; height: 289px;}
div.bs3 h4 { background: transparent url(pix/pucestep.png) no-repeat 0 0; height: 69px; text-indent: 40px; padding: 6px 0 0 0; margin: 10px 0 0 15px; color: #11b8ff; }

span.pupuce {
font-size: 16px;
color: #00b3ff;
font-weight: 900;
background: transparent url(pix/pucestep.png) no-repeat 0 0;
text-indent: 40px;
float: left;
height: 49px;
padding: 3px 0 0 0;
margin: 0;
}
span.puceresume {background: transparent url(pix/puceresume.png) no-repeat 0 0;
height: 83px; text-indent: 53px; margin-top: -5px;
}
span.pupucegant {background: transparent url(pix/pupucegant.png) no-repeat 0 0;
height: 83px; text-indent: 53px; margin-top: -5px;
}
span.pupucewhy {background: transparent url(pix/pupucewhy.png) no-repeat 0 0;
height: 83px; text-indent: 53px; margin-top: -5px;
}
span.pupucenet {background: transparent url(pix/pupucenet.png) no-repeat 0 0;
height: 83px; text-indent: 53px; margin-top: -5px;
}
span.pucecheck {background: transparent url(pix/pucecheck.png) no-repeat 0 0;
height: 82px; text-indent: 53px; margin-top: -5px;
}
span.puceparle {background: transparent url(pix/puceparle.png) no-repeat 0 0;
height: 82px; text-indent: 53px; margin-top: -5px;
}

span.pupucewaga {background: transparent url(pix/pupucewaga.png) no-repeat 0 0;
height: 83px; text-indent: 53px; margin-top: -5px;
}

span.pucestofsvid, span.pucestofsvidtof {
float:left;
background: transparent url(pix/pucevtofok.jpg) no-repeat 0 -37px;
text-indent: 40px;
float: left;
height: 37px;
width: 42px;
padding: 0px 0 0 0;
margin: 0 5px 0 0;
}
span.pucestofsvidtof {background: transparent url(pix/pucevtofok.jpg) no-repeat 0 0;
}

h3.cmptcoor {color: #00B3FF; font-size:22px ; font-weight: bold; background: transparent url(pix/pucestep.png) no-repeat 0 0;
text-indent: 40px; }

#boxcontent.why p { padding-left: 45px; padding-bottom: 15px;}
#boxcontent.why2 p { padding-left: 60px; padding-bottom: 15px;}
#contenu h3.dansbox { margin-top: 20px; margin-left: 15px; font-size: 1.3em; margin-bottom: 5px; }
p.blabla { padding-left: 45px;}
#boxcontent.why hr.toto, #boxcontent.why2 hr.toto { margin-bottom: 25px;}
/*#boxcontent.why h3 {color:#71C7EC;}*/

table.tabnet {  border-collapse: collapse}
#contenu table.tabnet th { background-color:#00B3FF; color: #fff; padding: 5px; } 
#contenu table.tabnet td { background: #fff; padding: 5px;}
#contenu table.tabnet tr td.trans {   background:transparent;}
#contenu table.tabnet tr.odd td {   background:#e1f0f7; }
#contenu table.tabnet tr td.bartop {  border-top:1px solid #00B3FF;}

table.tabnet th { background-color:#00B3FF; color: #fff; padding: 5px; } 
table.tabnet td { background: #fff; padding: 5px;}
table.tabnet tr td.trans {   background:transparent;}
table.tabnet tr.odd td {   background:#e1f0f7; }
table.tabnet tr td.bartop {  border-top:1px solid #00B3FF;}

#actionmaitre {float: right}
#dansxxjours { float: right; width: 120px; height: 120px; border: 0pt solid red; font-size: 15px; font-size: 90%; text-align: center; font-weight: bold; line-height: 1.1em;  background: #fff url(pix/lineverti.gif) no-repeat 0 -20px; padding: 0 0 0 5px; margin:0px 0 0 0;}
#contenu p.poukoirec { background: transparent url(pix/lineverti.gif) no-repeat 0 center; padding-left: 15px;}
#contenu a.off, #contenu a.off:visited, #contenu a.off:hover { color: #ccc; cursor: default;}
.obli { color: #00B3FF;}
.blak { color: #000;}
.verfluo {color:#97FF01; color: #5FA1BB;}
#dashitbibi {position: absolute; z-index: 98; width: 100%; height: 0px; padding: 0px; margin: 0px; font-size: 15px; top: 0; border: 0pt solid red; overflow: hidden;}
#dashcont { width: 990px; margin: 0 auto;}
#dashitbibi .tititre { float: left; width: 100%; font-size: 20px; color: #000; font-weight: bold;}
#dashitbibi .bloc { float: left; color: #000; border: 0pt solid red; margin: 0 5px 0 0;}
#dashitbibi .calend, .calendcmpt { height: 150px; width: 130px; border: 0pt solid red; font-size: 20px; text-align: center;font-weight: bold; color: #909090; margin: 10px 10px 0 0; background: #fff url(pix/lineverti.gif) no-repeat right 0; padding: 0 25px 0 0;  line-height: 2.0em;
 
 }
.calendcmpt { float: left; }

a.flg, a.fld, a.flg:visited, a.fld:visited, a.flg:link, a.fld:link {
float: left; width: 10px; height: 15px; overflow: hidden; text-indent: -900%; background: #fff url(pix/flg.png) no-repeat 0 -15px;
}
a.fld, a.fld:visited, a.fld:link, a.fld:hover {background: #fff url(pix/fld.png) no-repeat 0 -15px;}
a.flg:hover, a.fld:hover {
background-position: 0 0;
}

span.avantle { font-size: 13px; font-size: 85%;}
span.numj { font-size: 60px;font-weight: bold; color: #00b3ff; }
span.numj2 { font-size: 50px; font-size:200%;font-weight: bold; color: #00b3ff; line-height: 0.05em; padding-top: 15px; display: block }

.caldsfiche { font-weight:bold; line-height: 1.0em; margin-right: 10px; text-align: center }
.caldsfiche span.numj {font-size: 40px;line-height: 1em;}
 .fdcalendar { float:left; margin:0; background: #fff url(pix/fdcalendar.png) no-repeat 0 0; width:122px ; height:130px ; padding-top: 19px;}
 
.fdcal2 {float:left; margin:0; background: transparent url(pix/fdcal2.png) no-repeat 0 0; width:74px ; height:72px ; padding-top: 19px;}

.fdcalendar span.lemoi { font-weight: bold; color: #fff;padding-top: 0px; padding-bottom: 10px; line-height: 2.5em; }

.fdcal2 span .lemoi { font-weight: bold; color: #fff;padding-top: 0px; padding-bottom: 10px; line-height: 2.5em; }


#dashitbibi span.lemoi, .calendcmpt span.lemoi { font-weight: bold; }
#dashitbibi .netdash { width: 600px; border: 0pt solid blue; height: 150px; text-align: left; margin: 25px 5px 0 15px; font-size: 12px; background: #fff url(pix/lineverti.gif) no-repeat right 0; float: left; border: 0pt solid red;}

.fdcal2 span.lemoi { font-weight: bold; color: #fff;padding-top: 0px; padding-bottom: 10px; line-height: 1.3em; }
.fdcal2 span.numj { font-weight: bold; color: #00b3ff; }



#dashitbibi table.tabnet { float: left; margin: -50px 0 0 58px; padding: 0; width: 520px;}
#dashitbibi table.tabnet th { background-color:#00B3FF; color: #fff; padding: 5px; } 
#dashitbibi table.tabnet td { background: #fff; padding: 5px;}
#dashitbibi table.tabnet tr td.trans {   background:transparent;}
#dashitbibi table.tabnet tr.odd td {   background:#e1f0f7;}
#dashitbibi table.tabnet tr td.bartop {  border-top:1px solid #00B3FF;}
#boxcontent table.tabnet tr td.bartopvr {  border-right:1px solid #00B3FF;}
#boxcontent table.tabnet tr td.bartopvl, #boxcontent table.tabnet tr th.bartopvl {  border-left:1px solid #00B3FF;}

#boxcontent table.tabnet tr td.barbot {  border-bottom:1px solid #00B3FF;}

#boxcontent table.tabnet { float: left; margin: -30px 0 0 60px; padding: 0; width: 520px;}
#boxcontent table.tabnet th { background-color:#00B3FF; color: #fff; padding: 5px; } 
#boxcontent table.tabnet td { background: #fff; padding: 8px 5px 3px 5px;}
#boxcontent table.tabnet tr td.trans {   background:transparent;}
#boxcontent table.tabnet tr.odd td {   background:#e1f0f7; background: #E3F5FF;}
#boxcontent table.tabnet tr td.bartop {  border-top:1px solid #00B3FF;}
span.dadate {background-color: #00B3FF; color: #fff; padding: 2px 5px 3px 5px;}
span.back {background-color: #00B3FF; color: #fff; padding: 2px 4px 2px 5px; border: 0pt solid #FFF;}
#boxcontent table.tabnet tr.lineg td hr { border: 0pt solid red; border-top: 1pt dotted #CCC; margin: 0;}
#boxcontent table.tabnet tr.lineg td hr.bas { border: 0pt solid red; border-bottom: 1pt dotted #CCC; margin: 0;}
#boxcontent table.tabnet tr.lineg td { padding: 0;}

a#mydash { height: 20px; padding: 0; margin:-2px 0 0 0;  float: right; background: transparent url(pix/bodashmesnett.png) no-repeat 0 0; width: 97px; overflow: hidden; text-indent: -900%; }
a#mydash:hover {  background: transparent url(pix/bodashmesnett.png) no-repeat 0 -20px; }
a#mydash.open {  background: transparent url(pix/bodashmesnett.png) no-repeat 0 -40px; }
a#mydash.open:hover {  background: transparent url(pix/bodashmesnett.png) no-repeat 0 -60px; }
.gris { color: #60A1BD;}
.fgris { background-color: #60A1BD;}

/*a#mydash span { height: 12px; width: 12px; padding: 0; margin: 0 10px 0 0; float: right; background: #fff url(pix/fldash.gif) no-repeat 0 0; border-left: 2px solid #fff; }
a#mydash:hover span { height: 12px; width: 12px; padding: 0; float: right; background: #fff url(pix/fldash.gif) no-repeat 0 -12px;}
a#mydash.open span {background: #fff url(pix/fldash.gif) no-repeat -12px 0;}
a#mydash.open:hover span {background: #fff url(pix/fldash.gif) no-repeat -12px -12px;}*/
#mymemo, #mymemodeux { background: #fff url(pix/bgmemo.gif) no-repeat 0 0; width:190px ; height:170px ; padding: 0; margin: 15px 0 0 0; float: right;}
#mymemodeux { float: left; border: 1pt solid red;}
#mymemo p { padding: 25px; font-weight: bold; line-height: 1.5em; text-align: center;}
a#deconex { font-size: 11px;}
a#deconex span { height: 12px; width: 12px; padding: 0; margin: 0 0 0 0; background: transparent url(pix/closecmpt2.gif) no-repeat 0 0; display: inline-block;}
a#deconex:hover span { background: transparent url(pix/closecmpt2.gif) no-repeat 0 -12px; }
#mymemo h3, #mymemodeux h3 {margin-top: 10px; margin-left: 75px; text-align: left;}

.barclean { float: left; padding-bottom: 20px; width: 100%; color:#00B3FF; text-align: right; font-weight: bold;}

#boxcontent.why table.tabnet td p.barclean,
#dashitbibi table.tabnet td p.barclean { float: right; padding:0; color:#00B3FF; text-align: right; font-weight: bold; width: 80px; clear:right}

.barclean a, .barclean a:link, .barclean a:visited { color: #fff; height: 21px; overflow: hidden; background: transparent url(pix/navnetg.gif) no-repeat 0 -21px; float: left; margin: 0 10px 0 0; padding: 0px 0 0 8px; text-align: left; cursor: pointer;}
.barclean a.inv, .barclean a.inv:link, .barclean a.inv:visited { height: auto; background: none; float: right; color:#00529a; }
.barclean a.inv:hover { color:#00B3FF; }


#boxcontent.why table.tabnet td p.barclean a, 
#dashitbibi table.tabnet td p.barclean a { float: right; margin: 15px 0 0 0;}
.barclean span { float: right; padding-top: 2px;}
.barclean a span { float: left; height: 19px; padding: 2px 7px 0 0; background: transparent url(pix/navnetd.gif) no-repeat right -21px; }

.barclean a:hover { background-position: 0 0; }
.barclean a:hover span { background-position: right 0;}

.jmoins { float: right; margin: 0 5px 0 5px; padding: 5px 0 0 10px; font-size: 110%; font-weight: bold;text-align: right;}



#boxcontent table.questions {margin-left:58px; margin-top:-20px; width:510px;}
#boxcontent table.questions td { padding: 4px 5px 5px 5px;}



#contenu .barclean a.off, #contenu .barclean a.off:link, #contenu .barclean a.off:visited { color:#fff; background-position: 0 -42px; }
#contenu .barclean a.off:hover {  background-position: 0 -42px;}
#contenu .barclean a.off:hover span, #contenu .barclean a.off span { background-position: right -42px;}

#rapel {float:right; width:400px; border:0pt solid red; margin:10px 0 0 0; }
#rapel p { text-align: left; padding-left:0; clear: left; margin-bottom: 0;}
#boxcontent.why #rapel p { text-align: left; padding-left:0;}

#boxcontent.why #rapel p.pictodos { background: transparent url(pix/picto-dossier.png) no-repeat 0 0; padding-left: 30px; }
#boxcontent.why #rapel p.pictonextnet { background: transparent url(pix/picto-nextnet.png) no-repeat 0 0; padding-left: 30px; padding-top: 3px; }

#boxcontent.why #rapel p.pictoquest { background: transparent url(pix/picto-quest.png) no-repeat 0 0; padding-left: 30px; padding-top: 3px; }

a#agoodpractices {position: absolute; border: 0pt solid red; height: 30px; width: 990px; padding:150px 0 0 0; margin: 20px 0 0 -390px; font-size: 150%;}

ul.mesccord{ float: left; list-style-type: none; padding: 0; margin: -35px 0 0 65px; clear: left; width: 250px; border: 0pt solid red;}

ul.mesccord li { float: left; list-style-type: none; clear: left;}

ul.actions{ float: left; list-style-type: none; padding: 0; margin: 0px 0 0 65px; clear: left; width: 250px; border: 0pt solid red;}
ul.actions li { float: right; list-style-type: none; clear: right;}

ul.ilsparticipent { float: left; list-style-type: none; padding: 0; margin: -35px 0 20px 60px; clear: left;}
ul.ilsparticipent li { float: left; clear: none; width: 46px; height: 46px; overflow: hidden; text-indent: -2px; border: 1pt solid #fff;} 
li.name { font-size: 150%; line-height: 1.1em; width: 100%;}
li.name em { font-size: 70%; color: #00B3FF;}
span.grey {  color: #ccc; cursor: default;}
div.mapop {float:left; padding:5%; width:90%; background: #fff url(pix/basboxcont.png) repeat-x center bottom;}
.mapop h4 { text-align: left; float: left; }
.mapop h5.postepar { text-align: left; float: right; font-weight: normal; font-size: 80%; }
.mapop .titrecont {text-align: left}
.mapop p {
padding-bottom:15px;
padding-left:45px;
}
.pzero, .mapop p.pzero {padding-left:0; padding-bottom: 0px;}
.mapop  hr.toto {border: 0pt solid red; border-bottom: 2pt dotted #C0DFED; margin-bottom: 25px;}

.mapop table.faq tr.lineg td hr { border: 0pt solid red; border-top: 1pt dotted #CCC; margin: 0;}
.mapop table.faq tr.lineg td hr.bas { border: 0pt solid red; border-bottom: 1pt dotted #CCC; margin: 0;}
.mapop table.faq tr.lineg td { padding: 0;}
.mapop table.faq tr.odd td { background: #E3F5FF;}


h4.postby { float:left;  padding-right:15px; border-right: 1pt solid #ccc; margin: 0 0 5px 0;}
p.reponze { padding-left: 15px; text-align: left;}
div.bibi { border: 0pt solid #FFF; text-align: center; z-index: 99; }
.tip-wrap {margin: -75px 0 0 -45px; z-index: 99;}
.tecarte { width: 250px; border: 2pt solid #fff; padding: 10px; background: #FFFFFF url(pix/basboxcont.png) no-repeat center bottom}
.tecarte .tip-title { text-align: left; font-weight: bold; color: #00B3FF}
.tecarte .tip-text { text-align: justify; font-weight: normal; font-size: 11px;}

.tetofs {  border: 1pt solid #fff; padding: 5px; background: #FFFFFF url(pix/basboxcont.png) no-repeat center bottom}
.tetofs .tip-title { text-align: left; font-weight: bold; color: #00B3FF; font-size: 0.9em;}
.tetofs .tip-title em { font-weight: 0.8em; font-style: normal}
.tetofs .tip-text { text-align: justify; font-weight: normal; font-size: 11px; display: none;}


div.bibi .tip, .tip-wrap .tip { color:#00B3FF; padding: 5px; background:  #FFFFFF url(pix/tooltipbg.gif) repeat-x 0 bottom; }
div.bibi .tip-bottom, .tip-wrap .tip-bottom { border: 0pt solid red; height: 12px; padding: 0; margin: 0; background: transparent url(pix/toolbas.png) no-repeat center 0;}

a#anetsuiv { float: right;  background:transparent url(pix/nextnet.png) no-repeat right 0; height: 20px; overflow: hidden; padding: 4px 25px 0 0; color: #FFF;}
a#anetsuiv:hover {background:transparent url(pix/nextnet.png) no-repeat right -24px; color: #00B3FF}
a#anetprec { float: left;  background:transparent url(pix/prevnet.png) no-repeat 0 0; height: 20px; overflow: hidden; padding: 4px 0 0 25px; color: #FFF;}
a#anetprec:hover {background:transparent url(pix/prevnet.png) no-repeat 0 -24px; color: #00B3FF}

a.gotonum, a.gotonum:visited, a.gotonum:link,
a#atopprev, a#atopprev:visited, a#atopprev:link,
a#atopnext, a#atopnext:visited, a#atopnext:link { color: #00B3FF;}
a.gotonum:hover, a.gotonumactif, a.gotonumactif:visited, a.gotonumactif:link, a.gotonumactif:hover, a#atopnext:hover, a#atopprev:hover { color:#00529a;}

div.pds { float: left; margin: 0 0 25px 40px; width: 200px; }
div.pds2 { margin: 0 0 25px 40px; width: auto; }
div.pds ul { margin: 0; padding: 0;}
div.pds ul li { list-style-type: none; padding: 2px 0 2px 0;}
ul.teamio {list-style-type: none; float: left;}
ul.teamio li {list-style-type: none; float: left; clear: none; width:250px; padding: 0; margin: 0 0 0 10px;}
ul.teamio li strong {color: #00B3FF;}

ul.teamio li img { float: left; margin: 0 10px 10px 0; padding: 0; width: 60px; height: 60px;}




/*forms*/
form.formular {
float: left;
margin: 0 10px 10px 20px;
padding: 0 0 0 10px;


}

form.black {
font-family: tahoma, verdana, "sans-serif";
font-size: 12px;
padding: 20px;
border: 1px solid #A5A8B8;
background:#666666;
color:#CCCCCC;
}

form.black legend{
color:#CCCCCC;
}

.formular fieldset {
margin-top: 0px;
padding : 10px 10px 10px 0px;
border: 0px solid #B5B8C8;	
/*background: transparent url(pix/pointsble.png) repeat-x 0 bottom;*/
}

.formular legend {
font-size: 16px;
color: #00b3ff;
font-weight: 900;
margin: 0;

}
.formular legend span {
font-size: 16px;
color: #00b3ff;
font-weight: 900;
background: transparent url(pix/pucestep.png) no-repeat 0 0;
text-indent: 40px;
float: left;
height: 49px;
padding: 3px 0 0 0;
margin: 0;
}

/*.formular fieldset label {
float: none;
text-align: inherit;
width: auto;
}
*/
.formular fieldset label {
float: left; clear: left;
text-align: inherit;
width: auto; margin:0 0 0 10px;
cursor: pointer;
}

 .formular fieldset label.nocl {
clear: none;
} 
 .formular fieldset label.noclr {
clear: none; float: right;
}
 					
.formular label span {
 float: left; width: 60px; margin: 0; padding: 10px 5px 0 0; color: #9da0ad; font-size: 16px;color: #5FA1BB;
}
.formular label:hover span {
color: #00B3FF; 
}

/*07A0E1*/
.formular label span.autom {
 float: left; width: auto;
}

.black label span {
color: #00B3FF;
}

.formular input, .formular select, .formular textarea {
/*display : block;*/ float:left; 
margin-bottom: 5px; clear: left;
}

.formular .text-input {
width: 250px;
color: #555;
padding: 4px;
border: 2px solid #B5B8C8;
font-size: 14px;
margin-top: 4px;
background: #FFF url('img/form/text-bg.gif') repeat-x ;

}

.text-input {
width: 250px;
color: #555;
padding: 4px 4px 3px;
border: 2px solid #B5B8C8;
font-size: 14px;
margin-top: 4px;
margin-bottom: 4px;
background: #FFF url('img/form/text-bg.gif') repeat-x;

}
.formular .text-input:hover {border:solid 2px #00B3FF;}
:focus {outline: none}
.text-input:focus {border:solid 2px #00B3FF;}
label span:focus {color:#00B3FF;}
.formular select.text-input  { padding: 3px;}
.formular .infos {
background: #FFF;
color: #333;
font-size: 12px;
padding: 10px;
margin-bottom: 10px;
border:1px solid #B5B8C8;
}

.formular span.checkbox, 
.formular .checkbox {
display: inline;
}

.formular .button {
text-align:right;
margin-top: 20px;
}

.submit {
color: #555;
float:right;
text-decoration: none;
cursor: pointer;
}


.formular a.submit {
background: url('img/form/button-bg.png') repeat-x;
border: 1px solid #AAA;
padding: 4px;
}

input.button {
background: url('img/form/button-bg.png') repeat-x;
border: 2px solid #AAA;
padding: 4px 4px 1px;
font-size:14px;
margin-top:4px;
}

.formular input {
background: url('img/form/button-bg.png') repeat-x;
border: 2px solid #AAA;
padding: 4px;
}




.formular hr {
clear: both;
visibility: hidden;
}

.formular .fc-error {
width: 350px;
color: 555;
padding: 4px;
border: 1px solid #B5B8C8;
font-size: 12px;
margin-bottom: 15px;
background: #FFEAEA;
}

input.valideer {
background: url(pix/valider.gif) no-repeat 0 0;
width:100px;
height: 37px;
border: none;
overflow: hidden;
text-indent: -900%;
margin-left: 90px;
}
input.valideer:hover {
background: url(pix/valider.gif) no-repeat 0 -37px;
width:100px;
height: 37px;

}

input.seconnecter {
background: url(pix/seconnecter.gif) no-repeat 0 0;
width:153px;
height: 37px;
border: none;
overflow: hidden;
text-indent: -900%;
margin-left: 40px;
}
input.seconnecter:hover {
background: url(pix/seconnecter.gif) no-repeat 0 -37px;
width:153px;
height: 37px;
}

input.validnet {width:273px; height:47px; background: transparent url(pix/bovalidok2.png) no-repeat 0 0;  margin: 0px 0 0px 10px; overflow: hidden; text-indent: -900%; float:left; clear:left; border: 0pt solid red;}
input.validnet:hover {background: transparent url(pix/bovalidok2.png) no-repeat 0 -47px;}

div.holdfield {float:left; margin:-35px 0 10px 0; padding-left:35px;}
#elsellng { border: none; background: #FFF; color: #60A1BD; width: 85px; border: 1pt solid #333; border-top-style: outset; border-left-style: outset; border-right-style: inset; border-bottom-style: inset; float: left; margin: 0 5px 0 0;}

#connectdiv #connex {float:right; width:895px}

div.contfichenett {float:left; margin:0 0 20px 0px; padding:0; }
div.caldsfiche {float:left; margin:0 10px 0px 0; background: #fff url(pix/lineverti.gif) no-repeat right -20px; padding: 0 15px 0 0; height:100px }
div.fdcal2 {padding-bottom:0}
div.fnetjmoins {padding:10px; float:left; clear:left; margin:0px;  font-size:1em}
div.datafnet {float:left; margin:0 0 0 5px; padding:0;  border:0pt solid red; width:405px}
#basdebox {position:absolute; margin:404px 0 0 649px; border:0pt solid red; background:transparent url(pix/basboxclean.png) no-repeat 0 0; width:340px;}
#basdeboxdeux {position:absolute; margin:404px 0 0 649px; border:0pt solid red; background:#fff; width:340px;}
#moredelorga {float:left; margin:10px 0 0 55px; clear:left; width:520px;}
.h4fnet { margin-bottom: 3px; font-size: 1em;}
.h5fnet { margin-bottom: 0; font-size: 0.9em; clear: none; float: left;}
#tablecdesnettcmpt {width:500px}
#bostepdeux { margin-left: 320px; margin-bottom: 20px;}
#pvidetop {padding:0; margin:-20px 0 0 120px; float:left; clear:left;}
a.spoken,a.spoken:hover,a.spoken:visited,a.spoken:link {color: #00529A; cursor: default;}
#contenu #orgastepone form.formular, #contenu form#formgoto2 { margin-left: 0px;}
#contenu #orgastepone form.formular input#haku { margin-left: 5px; width:210px;}

#welcomemsg { padding: 20px; font-size: 1.2em; text-align: justify;}

#lespartsbdp {background:#fff; float:left; clear:both; width:100%; padding:15px 0 0px 0; margin:0 0 0px 0}
	#lespartsbdp div.in { width: 990px; margin: 0 auto; text-align: center; }
	#lespartsbdp a { display:inline-block;margin: 5px 0px 0px 0px;}
	
	
	#lesinfoslegales {float:left; clear:both; width:100%; padding:10px 0 10px 0; margin:0 0 50px 0; color: #ff;}
	#lesinfoslegales div.ine { width: 990px; margin: 0 auto; text-align: right; color: #fff;  font-size:0.8em; color:#fff; }
	#lesinfoslegales div.ineleft { float: left; margin: 0; padding: 0; text-align: left;}

select.try { 
		border: 0pt thin #60A1BD; background: #fff; font-size: 0.9em; padding: 1px;
		border-color:#60A1BD;
		border-width: 0pt;
		border-right-style: outset;
		border-bottom-style: outset;
		border-top-style: inset;
		border-left-style: inset;
		color: #60A1BD; color: #fff;
		background-color: #5FA1BB;
	}
	select.try:focus { outline:none; }
	
#albumstofsio {width:525px; float:left; margin:0 0 0 45px;}
#albumstofsio a, #albumstofsio a:visited {float:left; text-align:center; width:110px; background-color:#fff; padding:0px; border:0px solid #ccc; margin:5px 10px 15px 10px; overflow: hidden;}
#albumstofsio a img { border:1px solid #fff; }
#albumstofsio a:hover img { border:1px solid #07A0E1;}
#boxcontent.why p.imgdesc { padding:5px 0 0 0; font-size: 0.8em; text-align: left; line-height: 1.1em}
#sb-title-inner em { float: right; font-size: 0.9em;}
.spoken  { border-bottom:solid 1px #00B3FF; }