/*Cr� par Cyprien*/



/******************* MISE EN FORME DE BALISES ***************/
body {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size:76%;
color:#155d1d;
margin:0;
padding:0;
background:#a7d674 }

img {border:0px }

fieldset {
margin:0px;
padding:0px;
border:0px;
}

label {
margin:0px;
padding:0px;
}

textarea {
position: relative;
font-size: 1.1em;
}

input {
font-size: 1.1em;
}

h2
{
font-size: 1.4em;
}

/**************** MISE EN FORME DES LIENS ********************/
a
{
position: relative;
z-index: 1;
}

a:link {
color:#ffffff;
text-decoration:none;
}

a:visited {
color:#ffffff;
text-decoration:none;
}

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

/*************************Page principale ****************/

.general {
position:relative;
top:0px;
left:0px;
width:922px;
height:590px;
margin-left:auto;
margin-right:auto;
text-align:center;
background:#bca85f;
}

.general_roue {
position:relative;
top:0px;
left:0px;
width:922px;
height:590px;
margin-left:auto;
margin-right:auto;
text-align:center;
background:#7ca674;
color:#155d1d;
}

.general_roue a:link {
color:#155d1d;
text-decoration:none }

.general_roue a:visited {
color:#155d1d;
text-decoration:none }

.general_roue a:hover {
color:#155d1d;
text-decoration:none;
font-weight:bold;
}

.general_agir {
position:relative;
top:0px;
left:0px;
width:922px;
height:590px;
margin-left:auto;
margin-right:auto;
text-align:center;
background:#c07860;
color:#93031a;
}

.general_agir a:link {
color:#93031a;
text-decoration:none }

.general_agir a:visited {
color:#93031a;
text-decoration:none }

.general_agir a:hover {
color:#93031a;
text-decoration:none;
font-weight:bold;
}

.general_temoignages {
position:relative;
top:0px;
left:0px;
width:922px;
height:590px;
margin-left:auto;
margin-right:auto;
text-align:center;
background:#9d7d68;
color:#432213;
}

.general_temoignages a:link {
color:#432213;
text-decoration:none }

.general_temoignages a:visited {
color:#432213;
text-decoration:none }

.general_temoignages a:hover {
color:#432213;
text-decoration:none;
font-weight:bold;
}

.general_trace {
position:relative;
top:0px;
left:0px;
width:922px;
height:590px;
margin-left:auto;
margin-right:auto;
text-align:center;
background:#6979ac;
color:#002c6b;
}

.general_trace a:link {
color:#002c6b;
text-decoration:none }

.general_trace a:visited {
color:#002c6b;
text-decoration:none }

.general_trace  a:hover {
color:#002c6b;
text-decoration:none;
font-weight:bold;
}

.general_engage {
position:relative;
top:0px;
left:0px;
width:922px;
height:590px;
margin-left:auto;
margin-right:auto;
text-align:center;
background:#bca85f;
color:#142378;
}




.general_engage a:link {
color:#142378;
text-decoration:none }

.general_engage a:visited {
color:#142378;
text-decoration:none }

.general_engage a:hover {
color:#142378;
text-decoration:none;
font-weight:bold;
}

.titre_engage  {
color:#432211;
margin-left:70px;
margin-top:43px;
font-size:2.6em;
}



#haut_gauche {
position:absolute;
top:0px;
left:0px;
width:334px;
height:239px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
      enabled=true,
      sizingMethod=crop,
      src="images/haut_gauche.png");
background-image: none;
text-align:left;
}

#haut_gauche[id] {
background:url("images/haut_gauche.png") no-repeat;
}

#haut_gauche a {
position: relative;
z-index: 1;
}

.logo {
margin-left:120px;
}

#haut_droite {
position:absolute;
top:0px;
left:334px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
      enabled=true,
      sizingMethod=scale,
      src="images/haut_droite.png");
width:588px;
height:239px;
text-align:left;
}

#haut_droite[id] {
background:url("images/haut_droite.png") no-repeat;
}

#haut_droite2 {
position:absolute;
top:0px;
left:334px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
      enabled=true,
      sizingMethod=scale,
      src="images/haut_droite2.png");
width:588px;
height:239px;
text-align:left;
}

#haut_droite2[id] {
background:url("images/haut_droite2.png") no-repeat;
}

.compteur {
margin-top:30px;
margin-left:10px;
}

.decale10 {
margin-left:4px;
}

.fleche {
position:absolute;
top:43px;
left:10px;
width:46px;
height:46px;
}

.fleche_bleu {
width:46px;
height:46px;
}

.fleche_accueil {
position:absolute;
top:183px;
left:79px;
width:46px;
height:46px;
}

.fleche_petit {
position:absolute;
top:27px;
left:522px;
width:22px;
height:22px;
}
.portrait {
position:absolute;
top:120px;
left:14px;
width:103px;
height:130px;
}
.accrochetouseco {
position:absolute;
top:160px;
left:140px;
width:375px;
height:61px;
}
.accrochetouseco2 {
position:absolute;
top:140px;
left:-50px;
width:310px;
height:50px;
}
.intro {
position:absolute;
top:140px;
left:120px;
width:46px;
height:46px;
width:360px;
color:#ffffff;
}
.intro_agir {
margin-top: 90px;
color:#ffffff;
font-size:1.8em;
}


.titre {
margin-left:70px;
margin-top:43px;
font-size:2.6em;
}

.titre_agir {
margin-left:70px;
margin-top:43px;
font-size:2.5em;
}

.defil {
margin-top:30px;
margin-left:10px;
}

.textengage1 {
font-size:1.8em;
color:#432211 ;
}
.textengage1_int {
font-size:0.8em;
position:absolute;
top:13px;
margin-left:491px;
color:#432211 ;
}
.textengage2 {
font-size:2.8em;
margin-left:139px;
color:#432211 ;
}
.textengage2_int {
font-size:1.4em;
position:absolute;
top:22px;
margin-left:550px;
color:#432211 ;
}

.textengage3 {
font-size:1.8em;
position:absolute;
top:145px;
left:20px;
width:280px;
height:100px;
color:#132378 ;
}

.textengage4 {
font-size:0.9em;
position:absolute;
top:145px;
left:300px;
width:260px;
height:100px;
color:#132378 ;
}
.textengage5{
font-size:1.8em;
position:relative;
top:0px;
left:0px;
width:260px;
height:100px;
color:#132378 ;
}
#texteengage6 {
position:absolute;
top:230px;
left:275px;
width:335px;
height:300px;
color:#132378;
text-align: left;
}
.textengage7{
font-size:1.8em;
position:relative;
top:0px;
left:0px;
width:260px;
height:100px;
color:#132378 ;
}
.textengage2 a:link {
color:#432211;
text-decoration:none }

.textengage2 a:visited {
color:#432211;
text-decoration:none }

.textengage2 a:hover {
color:#B31B1B;
text-decoration:none }

.textengage2_int a:link {
color:#432211;
text-decoration:none }

.textengage2_int a:visited {
color:#432211;
text-decoration:none }

.textengage2_int a:hover {
color:#B31B1B;
text-decoration:none }

.mid_gauche {
position:absolute;
top:239px;
left:0px;
width:225px;
height:360px;
background:#a7d673;
}

.mid_gauche h1 {
margin-top:30px;
color:#ffffff;
font-size:1.3em;
text-align:center;
}

.mid_gauche h1 b {
font-size:1.2em;
}

.mid_gauche ul {
text-align:left;
font-size:1.2em;
}

.mid_gauche ul li {
margin-top:12px;
list-style-type :none ;
}
.mid_gauche_roue {
position:absolute;
top:239px;
left:0px;
width:225px;
height:360px;
background:#a7d673;
}

.mid_gauche_roue h1 {
margin-top:30px;
color:#ffffff;
font-size:1.3em;
text-align:center;
}

.mid_gauche_roue h1 b {
font-size:1.2em;
}

.mid_gauche_roue ul {
text-align:left;
font-size:1.1em;
}

.mid_gauche_roue ul li {
margin-top:12px;
list-style-type :none ;
}

.mid_gauche_agir {
position:absolute;
top:214px;
left:-20px;
width:245px;
height:385px;
background:#a7d673;
}

.mid_gauche_agir h1 {
margin-top:30px;
color:#ffffff;
font-size:2.0em;
text-align:center;
}

.mid_gauche_agir h1 b {
font-size:1.6em;
}

.mid_gauche_agir ul {
text-align:left;
font-size:1em;
}

.mid_gauche_agir ul li {
margin-top:8px;
list-style-type :none ;
}
.mid_gauche_trace {
position:absolute;
top:239px;
left:-10px;
width:235px;
height:360px;
background:#a7d673;
}

.mid_gauche_trace h1 {
margin-top:30px;
color:#ffffff;
font-size:1.3em;
text-align:center;
}

.mid_gauche_trace h1 b {
font-size:1.2em;
}

.mid_gauche_trace ul {
text-align:left;
font-size:1.2em;
}

.mid_gauche_trace ul li {
margin-top:12px;
list-style-type :none ;
}
.guillemet {
position:absolute;
top:60px;
left:25px;
color:#145f1e;
text-align:center;
}

.citation {
position:absolute;
top:60px;
left:45px;
width:140px;
color:#145f1e;
text-align:left;
}


.signature {
color:#145f1e;
text-align:right;
}

.mid_gauche_engage {
position:absolute;
top:239px;
left:0px;
width:225px;
height:360px;
text-align:left;
background:#a7d673;
}

#mid_droite {
position:absolute;
top:239px;
left:225px;
width:697px;
height:290px;
text-align: left;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
      enabled=true,
      sizingMethod=scale,
      src="images/mid_droite.png");
}

#mid_droite[id] {
background:url("images/mid_droite.png") repeat;
}

.main {
position:absolute;
top:126px;
left:0px;
}

.terre {
position:absolute;
top:100px;
left:250px;
}

.pourquoi {
position:absolute;
top:15px;
left:255px;
color:#ffffff;
font-size:1.6em;
text-align:left;
}

.pourquoi b {
font-size:1.1em;
}

.pourquoi a:hover {
color:#93031a;
text-decoration:none;
}

.ecocycliste {
position:absolute;
top:80px;
left:460px;
color:#ffffff;
font-size:1.6em;
text-align:right;
}

.ecocycliste b {
font-size:1.1em;
}


.ecocycliste a:hover {
color:#155d1d;
text-decoration:none;
}

.trace {
position:absolute;
top:100px;
left:120px;
color:#ffffff;
font-size:1.6em;
text-align:left;
}

.trace b {
font-size:1.1em;
}

.trace a:hover {
color:#002c6b;
text-decoration:none;
}

.temoignage {
position:absolute;
top:200px;
left:430px;
color:#ffffff;
font-size:1.6em;
text-align:right;
}

.temoignage b {
font-size:1.1em;
}

.temoignage a:hover {
color:#432213;
text-decoration:none;
}

.texte_ascensseur {
margin-top:16px;
margin-left:110px;
width:450px;
height:247px;
color:#ffffff;
overflow: auto;
text-align: left;
padding-right:10px;
}
.texte_ascensseur2 {
margin-top:16px;
margin-left:110px;
width:450px;
height:210px;
color:#ffffff;
overflow: auto;
text-align: left;
padding-right:10px;
}
.texte_lien {
margin-top:0px;
margin-left:110px;
width:450px;
height:100px;
color:#ffffff;
text-align: left;
padding-right:10px;
}
.texte_lien {
margin-top:0px;
margin-left:110px;
width:450px;
height:100px;
color:#ffffff;
text-align: left;
padding-right:10px;
}
.texte_ascensseur_agir {
margin-top:-20px;
margin-left:110px;
width:450px;
height:300px;
color:#ffffff;
overflow: auto;
text-align: left;
padding-right:10px;
}

#texte_ascensseur_agir {
position:absolute;
top:200px;
left:335px;
width:450px;
height:310px;
color:#ffffff;
overflow: auto;
text-align: left;
padding-right:10px;
}
#texte_ascensseur_agir2 {
position:absolute;
top:230px;
left:335px;
width:450px;
height:280px;
color:#ffffff;
overflow: auto;
text-align: left;
padding-right:10px;
}
#texte_ascensseur_trace{
position:absolute;
top:205px;
left:335px;
width:500px;
height:330px;
color:#ffffff;
overflow: auto;
text-align: left;
padding-right:10px;
}
#texte_ascensseur_trace h1{
font-size:1.4em;
font-weight:500;
}

#texte_ascensseur_trace a:link {
color:#ffffff;
text-decoration:none }

#texte_ascensseur_trace a:visited {
color:#ffffff;
text-decoration:none }

#texte_ascensseur_trace a:hover {
color:#ffffff;
text-decoration:none }

#texte_engage1 {
position:absolute;
top:230px;
left:255px;
width:330px;
height:300px;
color:#132378;
overflow: auto;
text-align: left;
padding-right:10px;
font-size:1.8em;
}

#bas {
position:absolute;
top:529px;
left:225px;
width:697px;
height:70px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
      enabled=true,
      sizingMethod=crop,
      src="images/bas.png");
text-align:left;
}

#bas[id] {
background:url("images/bas.png") no-repeat;
}

#bas p {
text-align:right;
padding-right:100px;
}

.decale {
margin-left:25px;
}


#bouton_amis {
position:absolute;
top:155px;
left:415px;
width:242px;
height:51px;
}

#bouton_amis a
{
	display: block;
	width:242px;
	height:51px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
      enabled=true,
      sizingMethod=scale,
      src="images/amis_off.png");
}

#bouton_amis[id] a
{
	background: url(images/amis_off.png) no-repeat;
}

#bouton_amis a:hover
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
      enabled=true,
      sizingMethod=scale,
      src="images/amis_on.png");
}

#bouton_amis[id] a:hover
{
	background: url(images/amis_on.png) no-repeat;
}

#bouton_devenezeco {
position:absolute;
top:40px;
left:415px;
width:242px;
height:111px;
}

#bouton_devenezeco a
{
	display: block;
	width:242px;
	height:111px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
      enabled=true,
      sizingMethod=scale,
      src="images/acteur_off.png");
}

#bouton_devenezeco[id] a
{
	background: url(images/acteur_off.png) no-repeat;
}

#bouton_devenezeco a:hover
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
      enabled=true,
      sizingMethod=scale,
      src="images/acteur_on.png");
}

#bouton_devenezeco[id] a:hover
{
	background: url(images/acteur_on.png) no-repeat;
}





#onglet_roue {
position:absolute;
top:9px;
left:145px;
width:182px;
height:52px;
}

#onglet_roue a
{
	display: block;
	width:182px;
	height:52px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
      enabled=true,
      sizingMethod=scale,
      src="images/onglet_roue_off.png");
}

#onglet_roue[id] a
{
	background: url(images/onglet_roue_off.png) no-repeat;
}

#onglet_roue a:hover
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
      enabled=true,
      sizingMethod=scale,
      src="images/onglet_roue_on.png");
}

#onglet_roue[id] a:hover
{
	background: url(images/onglet_roue_on.png) no-repeat;
}
#onglet_roue_3 {
position:absolute;
top:9px;
left:300px;
width:182px;
height:52px;
}

#onglet_roue_3 a
{
	display: block;
	width:182px;
	height:52px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
      enabled=true,
      sizingMethod=scale,
      src="images/onglet_roue_off.png");
}

#onglet_roue_3[id] a
{
	background: url(images/onglet_roue_off.png) no-repeat;
}

#onglet_roue_3 a:hover
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
      enabled=true,
      sizingMethod=scale,
      src="images/onglet_roue_on.png");
}

#onglet_roue_3[id] a:hover
{
	background: url(images/onglet_roue_on.png) no-repeat;
}
#onglet_temoin {
position:absolute;
top:9px;
left:300px;
width:182px;
height:52px;
}

#onglet_temoin a
{
	display: block;
	width:182px;
	height:52px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
      enabled=true,
      sizingMethod=scale,
      src="images/onglet_temoin_off.png");
}

#onglet_temoin[id] a
{
	background: url(images/onglet_temoin_off.png) no-repeat;
}

#onglet_temoin a:hover
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
      enabled=true,
      sizingMethod=scale,
      src="images/onglet_temoin_on.png");
}

#onglet_temoin[id] a:hover
{
	background: url(images/onglet_temoin_on.png) no-repeat;
}

#onglet_trace {
position:absolute;
top:9px;
left:0px;
width:182px;
height:52px;
}

#onglet_trace a
{
	display: block;
	width:182px;
	height:52px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
      enabled=true,
      sizingMethod=scale,
      src="images/onglet_trace_off.png");
}

#onglet_trace[id] a
{
	background: url(images/onglet_trace_off.png) no-repeat;
}

#onglet_trace a:hover
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
      enabled=true,
      sizingMethod=scale,
      src="images/onglet_trace_on.png");
}

#onglet_trace[id] a:hover
{
	background: url(images/onglet_trace_on.png) no-repeat;
}


#onglet_agir_1 {
position:absolute;
top:9px;
left:0px;
width:182px;
height:52px;
}

#onglet_agir_1 a
{
	display: block;
	width:182px;
	height:52px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
      enabled=true,
      sizingMethod=scale,
      src="images/onglet_agir_off_1.png");
}

#onglet_agir_1[id] a
{

	background: url(images/onglet_agir_off_1.png) no-repeat;
}

#onglet_agir_1 a:hover
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
      enabled=true,
      sizingMethod=scale,
      src="images/onglet_agir_on_1.png");
}

#onglet_agir_1[id] a:hover
{
	background: url(images/onglet_agir_on_1.png) no-repeat;
}

#onglet_agir_2 {
position:absolute;
top:9px;
left:145px;
width:182px;
height:52px;
}

#onglet_agir_2 a
{
	display: block;
	width:182px;
	height:52px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
      enabled=true,
      sizingMethod=scale,
      src="images/onglet_agir_off_2.png");
}

#onglet_agir_2[id] a
{
	background: url(images/onglet_agir_off_2.png) no-repeat;
}

#onglet_agir_2 a:hover
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
      enabled=true,
      sizingMethod=scale,
      src="images/onglet_agir_on_2.png");
}

#onglet_agir_2[id] a:hover
{
	background: url(images/onglet_agir_on_2.png) no-repeat;
}

#onglet_agir_3 {
position:absolute;
top:9px;
left:300px;
width:182px;
height:52px;
}

#onglet_agir_3 a
{
	display: block;
	width:182px;
	height:52px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
      enabled=true,
      sizingMethod=scale,
      src="images/onglet_agir_off_2.png");
}

#onglet_agir_3[id] a
{
	background: url(images/onglet_agir_off_2.png) no-repeat;
}

#onglet_agir_3 a:hover
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
      enabled=true,
      sizingMethod=scale,
      src="images/onglet_agir_on_2.png");
}

#onglet_agir_3[id] a:hover
{
	background: url(images/onglet_agir_on_2.png) no-repeat;
}

#onglet_agir_4 {
position:absolute;
top:9px;
left:450px;
width:182px;
height:52px;
}

#onglet_agir_4 a
{
	display: block;
	width:182px;
	height:52px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
      enabled=true,
      sizingMethod=scale,
      src="images/onglet_agir_off_2.png");
}

#onglet_agir_4[id] a
{
	background: url(images/onglet_agir_off_2.png) no-repeat;
}

#onglet_agir_4 a:hover
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
      enabled=true,
      sizingMethod=scale,
      src="images/onglet_agir_on_2.png");
}

#onglet_agir_4[id] a:hover
{
	background: url(images/onglet_agir_on_2.png) no-repeat;
}

.contacts {
position:absolute;
top:590px;
left:800px;
}

.accueil{
position:absolute;
top:590px;
left:730px;
}

.credits {
position:absolute;
top:590px;
left:265px;
}

.mentions {
position:absolute;
top:590px;
left:335px;
}


.contacts2 {
position:absolute;
top:590px;
left:800px;
}

.contacts2 a:hover {
color:#93031a;
text-decoration:none;
font-weight:bold;
}


.engagements {
position:absolute;
top:239px;
left:225px;
width:650px;
height:350px;
text-align: left;
}

.valide {
position:absolute;
top:452px;
left:787px;
width:105px;
height:52px;
text-align: left;
}

.engagementsHD {
position:absolute;
top:0px;
left:10px;
width:650px;
height:290px;
}

.engagementsHD img {
cursor:pointer;
}

.pelotonHD {
position:absolute;
top:0px;
left:80px;
width:650px;
height:290px;
}

.engagementsHD2 {
position:absolute;
top:-20px;
left:30px;
width:340px;
height:190px;
}

#engagementsHG {
position:absolute;
top:0px;
left:418px;
width:268px;
height:210px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
      enabled=true,
      sizingMethod=crop,
      src="images/engagement_11_off.png");
}

#engagementsHG[id] {
background:url("images/engagement_11_off.png") no-repeat;
}

.commentaire{
position:absolute;
top:42px;
left:10px;
}

.engagementsHG2 {
position:absolute;
top:70px;
left:402px;
width:100px;
height:1OOpx;
font-size:1.8em;
color:#432211 ;
}

.pelotonHG {
position:absolute;
top:0px;
left:350px;
width:180px;
height:290px;
}

.oiseau {
width:220px;
height:130px;
}

.zonetext_1 {
width:225px;
height:138px;
}

#prechargement {
display: none;
 }
 
 /** ajout cédric - ecocyclette guillaume **/

#guillaume {
	background-color: #8B7A3A;
	position: absolute;
	left: 694px;
	top: 540px;
	width: 166px;
	height: 39px;
	background-image: url(images/guillaume-onglet.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: right;
	padding-top: 10px;
	padding-right: 47px;
}
a.guillaume:link, a.guillaume:hover, a.guillaume:visited {
	float: Aucune;
	position: relative;
	visibility: visible;
	z-index: 5;
	display: inline;
}
a.autour, a.autour:link, a.autour:hover, a.autour:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #432211;
	font-weight: bold;
	float: Aucune;
	position: relative;
	text-align: right;
	text-decoration:none;
}

a.uneco, a.uneco:link, a.uneco:hover, a.uneco:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	float: Aucune;
	position: relative;
	text-align: right;
	text-decoration:none;
}