body{
	color:#000;
	background-color:#d6d2b7;
	margin:0px 0px 0px 25px;
	padding:0px;
	background-image: url(../images/fond.gif);
	background-repeat: repeat;
	font-family: Arial;
	font-size: 1.1em;
}

h1{
	margin:0px;
	padding:0px;
}
.spacer{
	margin:0;
	clear:both;
}


#conteneur{
	position:relative;
	width:980px;
	height:750px;
	background-image: url(../images/fond_page.jpg);
	margin:auto;
	background-color:#FFFFFF;
	background-repeat: no-repeat;
	background-position: 420px 0px;
}

#conteneur-tarifs{
	position:relative;
	width:980px;
	height:980px;
	background-image: url(../images/fond_page.jpg);
	margin:auto;
	background-color:#FFFFFF;
	background-repeat: no-repeat;
	background-position: 420px 0px;
}

#conteneur-methode{
	position:relative;
	width:980px;
	height:1120px;
	background-image: url(../images/fond_page.jpg);
	margin:auto;
	background-color:#FFFFFF;
	background-repeat: no-repeat;
	background-position: 420px 0px;
}

#conteneur-question{
	position:relative;
	width:980px;
	height:1320px;
	background-image: url(../images/fond_page.jpg);
	margin:auto;
	background-color:#FFFFFF;
	background-repeat: no-repeat;
	background-position: 420px 0px;
}


#titre_site{
	position:absolute;
	width:400px;
	height:70px;
	top:20px;
	left:20px;
	background-image: url(../images/logo.gif);
	background-color:#FFFFFF;
}



#traits-horizontal{
	position:absolute;
	width:963px;
	height:3px;
	top:43px;
	left:27px;
	background-color:#aac913;
	font-size:0px;
	display:none;
}


#titre_site span{
	display:none;
}



h1#titre_presentation{
	position:absolute;
	width:930px;
	height:69px;
	top:62px;
	left:27px;
	background-image: url(../images/logo-bayard.gif);
	background-repeat: no-repeat;
	background-position: 850px 32px;
}

h1#titre_outils-et-serices{
	position:absolute;
	width:756px;
	height:48px;
	top:62px;
	left:27px;
	background-image: url(../images/titre_outils-et-services.jpg);
}


#navigation-droite{
	position:absolute;
	top:230px;
	left:804px;
	width:147px;
	height:558px;

}

#trapeze{
	float:left;
	width:147px;
	height:65px;
	/*background-image: url(../images/trapeze.gif);*/
	display:none;
}

#flash-reference{
	float:left;
	width:147px;
	height:100px;
	background-color:#0066CC;
}

a#prix{
	float:left;
	width:147px;
	height:165px;
	background-image: url(../images/prix.jpg);
}

a#bt1-droite{
	float:left;
	width:147px;
	height:53px;
	background-image: url(../images/bt-1-droite.gif);
}

a:hover#bt1-droite{
	background-image: url(../images/bt-1-droite.gif);
	background-position: 0px -53px;
}

a#bt1-droite span{
	display:none;
}


a#bt2-droite{
	float:left;
	width:147px;
	height:33px;
	background-image: url(../images/bt-2-droite.gif);
	margin-top:0px;
}

a:hover#bt2-droite{
	background-image: url(../images/bt-2-droite.gif);
	background-position: 0px -33px;
}

a#bt2-droite span{
	display:none;
}




a#bt3-droite{
	float:left;
	width:147px;
	height:33px;
	background-image: url(../images/bt-3-droite.gif);
}

a:hover#bt3-droite{
	background-image: url(../images/bt-3-droite.gif);
	background-position: 0px -33px;
}

a#bt3-droite span{
	display:none;
}



a#bt4-droite{
	float:left;
	width:147px;
	height:33px;
	background-image: url(../images/bt-4-droite.gif);
}

a:hover#bt4-droite{
	background-image: url(../images/bt-4-droite.gif);
	background-position: 0px -33px;
}

a#bt4-droite span{
	display:none;
}




a#bt5-droite{
	float:left;
	width:147px;
	height:33px;
	background-image: url(../images/bt-5-droite.gif);
}

a:hover#bt5-droite{
	background-image: url(../images/bt-5-droite.gif);
	background-position: 0px -33px;
}

a#bt5-droite span{
	display:none;
}


















#ss-navigation{
	position:absolute;
	top:137px;
	left:27px;
	width:926px;
	height:52px;
	background-color:#dfde6e;
	}

a#bt1{
	float:left;
	width:205px;
	height:52px;
	background-image: url(../images/bt1.gif);
}

a:hover#bt1{
	background-image: url(../images/bt1.gif);
	background-position: 0px -52px;
}

a#bt1 span{
	display:none;
}

a#bt2{
	float:left;
	width:252px;
	height:52px;
	background-image: url(../images/bt2.gif);
}

a:hover#bt2{
	background-image: url(../images/bt2.gif);
	background-position: 0px -52px;
}

a#bt2 span{
	display:none;
}



a#bt3{
	float:left;
	width:180px;
	height:52px;
	background-image: url(../images/bt3.gif);
}

a:hover#bt3{
	background-image: url(../images/bt3.gif);
	background-position: 0px -52px;
}

a#bt3 span{
	display:none;
}



a#bt4{
	float:left;
	width:288px;
	height:52px;
	background-image: url(../images/bt4.gif);
}

a:hover#bt4{
	background-image: url(../images/bt4.gif);
	background-position: 0px -52px;
}

a#bt4 span{
	display:none;
}

a#bt1-outils-services{
	float:left;
	width:189px;
	height:69px;
	background-image: url(../images/bt-1-outils-services.jpg);
}

a:hover#bt1-outils-services{
	background-image: url(../images/bt-1-outils-services.jpg);
	background-position: 0px -69px;
}

a#bt1-outils-services span{
	display:none;
}

a#bt2-outils-services{
	float:left;
	width:189px;
	height:69px;
	background-image: url(../images/bt-2-outils-services.jpg);
		margin-left:2px;
}

a:hover#bt2-outils-services{
	background-image: url(../images/bt-2-outils-services.jpg);
	background-position: 0px -69px;
}

a#bt2-outils-services span{
	display:none;
}



a#bt3-outils-services{
	float:left;
	width:188px;
	height:69px;
	background-image: url(../images/bt-3-outils-services.jpg);
	margin-left:2px;
}

a:hover#bt3-outils-services{
	background-image: url(../images/bt-3-outils-services.jpg);
	background-position: 0px -69px;
}

a#bt3-outils-services span{
	display:none;
}


a#bt4-outils-services{
	float:left;
	width:184px;
	height:69px;
	background-image: url(../images/bt-4-outils-services.jpg);
	margin-left:2px;
}

a:hover#bt4-outils-services{
	background-image: url(../images/bt-4-outils-services.jpg);
	background-position: 0px -69px;
}

a#bt4-outils-services span{
	display:none;
}



#bas_de_page{
	float:left;
	width:756px;
	height:20px;
	margin:0px;
	margin-top:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.70em;
	font-weight: bold;
}

#bas_de_page a{
	color:#000000;
}

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

a.chemin-fer{
	text-decoration: underline;
	color: #000000;
}

a:hover.chemin-fer{
	text-decoration: none;
}



/*///////////////////////////////////////////////////
 partie centrale 6 points
//////////////////////////////////////////////////*/


.AccordionPanelContent-6points {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 150px;
	margin-right:5px;
}



.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 100px;
}

#texte{
	float:left;
	width:736px;
	height:480px;
	margin:0px;
	padding:10px;
		background:#FFF url(../images/contenu_bas.jpg) bottom no-repeat;
	margin-top:15px;
	font-size: 0.7em;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

#texte ul{
	margin-top:10px;
}



#texte ul li{
	margin-left:25px;
}

#texte h1{
	padding:10px;
	padding-bottom:4px;
	font-size: 1.2em;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #c7c500;
}

#texte h2{
	padding-left:10px;
	font-size: 1.1em;
}





/*///////////////////////////////////////////////////
 partie centrale Mise à jour
//////////////////////////////////////////////////*/

.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 100px;
}

#texte-miseajour{
	float:left;
	width:736px;
	height:470px;
	margin:15px 0px 0px;
	padding:10px;
	background:#FFF url(../images/contenu_bas.jpg) bottom no-repeat;
	font-size: 0.7em;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

#texte-miseajour ul{
	margin-top:10px;
}

#texte-miseajour ul li{
	margin-left:25px;
}

#texte-miseajour h1{
	padding:10px;
	padding-bottom:4px;
	font-size: 1.4em;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #c7c500;
}

#texte-miseajour h2{
	padding-left:10px;
	font-size: 1.2em;
	font-weight: normal;
}

#texte-miseajour p{
	padding-left:25px;
}




/*///////////////////////////////////////////////////
 partie centrale formation
//////////////////////////////////////////////////*/
.AccordionPanelContent-formation {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 215px;
}

#texte-formation{
	float:left;
	width:726px;
	height:485px;
	margin:0px;
	padding:15px;
	background:#FFF url(../images/contenu_bas.jpg) bottom no-repeat;
	margin-top:5px;
	font-size: 0.7em;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

#texte-formation ul{
	margin-top:10px;
}

#texte-formation ul li{
	margin-left:25px;
}
#texte-formation h1{
	padding:10px;
	padding-bottom:4px;
	font-size: 1.4em;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #c7c500;
}

#texte-formation h2{
	padding-left:10px;
	font-size: 1.2em;
	font-weight: normal;
}

#texte-formation p{
	padding-left:25px;
}



/*///////////////////////////////////////////////////
 partie centrale graphisme
//////////////////////////////////////////////////*/


#texte-graphisme{
	float:left;
	width:736px;
	height:485px;
	margin:0px;
	padding:10px;	
	background:#FFF url(../images/contenu_bas.jpg) bottom no-repeat;
	margin-top:5px;
	font-size: 0.7em;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

#texte-graphisme ul{
	margin-top:10px;
}

#texte-graphisme ul li{
	margin-left:25px;
}

#texte-graphisme h1{
	padding:10px;
	padding-bottom:4px;
	font-size: 1.4em;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #c7c500;
}

#texte-graphisme h2{
	padding-left:10px;
	font-size: 1.2em;
	font-weight: normal;
}

#texte-graphisme a.ref{
	color: #2985a3;
}


/*///////////////////////////////////////////////////
 partie centrale fonctionnalités
//////////////////////////////////////////////////*/

.AccordionPanelContent-outils-services{
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 80px;
}

#texte-fonctionalites{
	float:left;
	width:736px;
	height:450px;
	margin:5px 0px 0px;
	padding:10px;
	background:#FFF url(../images/contenu_bas.jpg) bottom no-repeat;
	font-size: 0.7em;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}


#texte-fonctionalites ul{
	margin-top:10px;
}

#texte-fonctionalites ul li{
	margin-left:25px;
}
#texte-fonctionalites h1{
	padding:10px;
	padding-bottom:4px;
	font-size: 1.4em;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #c7c500;
}

#texte-fonctionalites h2{
	padding-left:10px;
	font-size: 1.2em;
	font-weight: normal;
}

#texte-fonctionalites p{
	padding-left:25px;
}



/*///////////////////////////////////////////////////
 partie centrale statistiques et référencement
//////////////////////////////////////////////////*/


#texte-statistiques{
	float:left;
	width:736px;
	height:320px;
	margin:5px 0px 0px;
	padding:10px;
	background:#FFF url(../images/contenu_bas.jpg) bottom no-repeat;
	font-size: 0.7em;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

#texte-statistiques ul{
	margin-top:10px;
}

#texte-statistiques ul li{
	margin-left:25px;
}

#texte-statistiques h1{
	padding:10px;
	padding-bottom:4px;
	font-size: 1.4em;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #ff9c00;
}

#texte-statistiques h2{
	padding-left:10px;
	font-size: 1.2em;
	font-weight: normal;
}


/*///////////////////////////////////////////////////
 partie centrale hébergement et nom de domaine
//////////////////////////////////////////////////*/

#texte-hebergement{
	float:left;
	width:736px;
	height:400px;
	padding:2px;
	background:#FFF url(../images/contenu_bas.jpg) bottom no-repeat;
	font-size: 0.7em;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
}

#h3-hebergement{
	margin-left: 25px;
	font-size:1.2em;
	font-weight:bold;
}

#h3-hebergement span{
	font-size:0.85em!important;
	font-weight:normal;
}

#texte-hebergement ul{
	margin-top:10px;
}

#texte-hebergement ul li{
	margin-left:25px;
}

#texte-hebergement h1{
	padding:10px;
	padding-bottom:4px;
	font-size: 1.4em;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #1490b9;
}

#texte-hebergement h2{
	padding-left:10px;
	font-size: 1.2em;
	font-weight: normal;
}



/*///////////////////////////////////////////////////
 partie centrale personnalisation du pack
//////////////////////////////////////////////////*/

#texte-personnalisation{
	float:left;
	width:736px;
	height:450px;
	padding:10px;
	background:#FFF url(../images/contenu_bas.jpg) bottom no-repeat;
	font-size: 0.7em;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	margin: 15px 0px 0px;
}

#texte-personnalisation ul{
	margin-top:10px;
}

#texte-personnalisation ul li{
	margin-left:25px;
}
#texte-personnalisation h1{
	padding:10px;
	padding-bottom:4px;
	font-size: 1.4em;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #aac913;
}

#texte-personnalisation h2{
	padding-left:10px;
	font-size: 1.2em;
	font-weight: normal;
}

#personnalisation{
	font-size:1.2em!important;
	font-weight:bold;
}

#texte-personnalisation p{
	padding-left:25px;
}

#h3-personnalisation{
	margin-left: 25px;
}



/*///////////////////////////////////////////////////
 partie centrale tarifs
//////////////////////////////////////////////////*/


#texte-tarifs{
	float:left;
	width:736px;
	height:auto;
	margin:0px;
	padding:10px;
	background:#FFF url(../images/contenu_bas.jpg) bottom no-repeat;
	margin-top:15px;
	font-size: 0.7em;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

#texte-tarifs ul{
	margin-top:10px;
}



#texte-tarifs ul li{
	margin-left:25px;
}

#texte-tarifs h1{
	padding:10px;
	padding-bottom:4px;
	font-size: 1.4em;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #c7c500;
}

#texte-tarifs h2{
	padding-left:10px;
	font-size: 1.2em;
	font-weight: normal;
}

.titre_tableau {
	font-size: 1.2em;
	color: #000000;
	background-color: #dfef8e;
	font-weight: bold;
}





/*///////////////////////////////////////////////////
 partie centrale methode
//////////////////////////////////////////////////*/
#texte-methode{
	float:left;
	width:736px;
	height:840px;
	margin:0px;
	padding:10px;
	background:#FFF url(../images/contenu_bas.jpg) bottom no-repeat;
	margin-top:15px;
	font-size: 0.7em;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}




#texte-methode ul{
padding:0px;
margin:0px;
margin-left:15px;
}

#texte-methode ul li{
	margin-left:0px;
	margin-top:15px;
}

#texte-methode h1{
	padding:10px;
	padding-bottom:4px;
	font-size: 1.4em;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #c7c500;
}

#texte-methode h2{
	padding-left:10px;
	font-size: 1.2em;
	font-weight: normal;
}

.titre_tableau {
	font-size: 1.2em;
	color: #000000;
	background-color: #e2e184;
	font-weight: bold;
}





/*///////////////////////////////////////////////////
 partie centrale ref
//////////////////////////////////////////////////*/

#texte-ref{
	float:left;
	width:736px;
	height:auto;
	margin:15px 0px 0px;
	padding:10px;
	background:#FFF url(../images/contenu_bas.jpg) bottom no-repeat;
	font-size: 0.7em;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

#texte-ref h1{
	padding:10px;
	padding-bottom:4px;
	font-size: 1.4em;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #c7c500 !important;
}

/*///////////////////////////////////////////////////
 partie centrale questions
//////////////////////////////////////////////////*/

#texte-questions{
	float:left;
	width:736px;
	height:1050px;
	margin:0px;
	padding:10px;
	background:#FFF url(../images/contenu_bas.jpg) bottom no-repeat;
	margin-top:15px;
	font-size: 0.7em;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}



#texte-questions ul{
padding:0px;
margin:0px;
margin-left:15px;
}

#texte-questions ul li{
	margin-left:0px;
	margin-top:15px;
}

#texte-questions h1{
	padding:10px;
	padding-bottom:4px;
	font-size: 1.4em;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #c7c500;
}

#texte-questions h2{
	padding-left:10px;
	font-size: 1.2em;
	font-weight: normal;
}

.lien{
	background-color:#e6e6e6 !important;
	color: #000000;
}